/*- Page Structure */

html {
    overflow: -moz-scrollbars-vertical;
	height: 100%; /* héél belangrijk */
}

body {
	height: 100%; /* héél belangrijk */
	margin:0px;
	padding:0px;
	background: #ffffff url(../images/background.jpg) repeat-x top left;
	font-family: Arial, Tahoma, Helvetica, Verdana;
	font-size:13px;
	color:#000000;
}

label {
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
width: 145px;
}

.csc-mailform {
width: 470px;
}

fieldset
{
border: 1px solid transparent;
width: 20em
}

input {
background: #e2b8df;
color: #000000;
font-size: 11px; 
font-family: Verdana;
display: block;
width: 250px;
}

textarea {
background: #e2b8df;
color: #000000;
font-size: 11px; 
font-family: Verdana;
}

.csc-mailform-submit {
display: block;
}

#container {
	margin: 0;
	padding: 0;
	position:relative;
	min-height: 100%;
	height: auto !important; /* voor moderne browsers */
	height: 100%; /* voor IE */
	background: url(../images/backgroundrechts.gif) repeat-y top right; */
}

/*- Headings */

h1, h2, h4 {
	margin: 15px 0px 10px 0px;
	padding: 0px 0px 5px 0px;
	font-family: tahoma;
	font-weight:bold; 
	font-size: 20px; 
	text-transform: uppercase;
	letter-spacing: -1px;
	color:#2e3192;
	border-bottom: 2px dotted #e2b8df;
	}

/*- Links */

a, a:link {
	color: #2e3192;
	text-decoration:none;
}
a:visited {
	color: #2e3192;
	text-decoration:none;
}
a:hover, a:active {
	color: #2e3192;
	text-decoration:underline;
}

#maincontent {
	/* position: absolute; */
	border: 1px solid transparent;
	width: 1000px;
	/* height: 600px; */
	margin: 0px auto 0px auto;
}

#maincontent #logo {
	position: absolute;
	top: 0;
	width: 720px;
	height: 150px;
	margin: 0px;
	background: url(../images/logo_linksboven.jpg) no-repeat top left;
}

#maincontent #rechtsboven {
	position: absolute;
	width: 250px;
	height: 700px;
	padding: 0;
	margin: -1px 0px 0px 750px;
	/* background: url(../images/foto_rechtsboven.jpg) no-repeat; */
}

#maincontent #rechtsboven h1, #maincontent #rechtsboven h2, #maincontent #rechtsboven h4 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#maincontent #rechtsboven img {
	margin: 20px 0px 20px 0px;
	border: 2px solid #5d1257;
}

#contentcontainer {
	border: 1px solid transparent;
	width: 1000px;
	margin: 160px auto 0px auto;
}

#contentcontainer #content {
	margin: 0px 0px 120px 20px;
	line-height: 20px;
	padding: 0;
	width: 700px;
}

#contentcontainer #content ul li a:link
{
	margin: 0px;
	padding: 0px;
	display: inline;
	text-align: left;
	font-weight: normal;
	color: #7e2477;
	text-decoration:none;
}
#contentcontainer #content ul li a:visited
{
	margin: 0px;
	padding: 0px;
	display: inline;
	text-align: left;
	font-weight: normal;
	color: #7e2477;
	text-decoration:none;
}
#contentcontainer #content ul li a:hover, a:active
{
	margin: 0px;
	padding: 0px;
	display: inline;
	text-align: left;
	font-weight: normal;
	color: #7e2477;
	text-decoration:underline;
}

#contentcontainer #content .csc-sitemap ul li
{
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-weight: normal;
	color: #7e2477;
	text-decoration:none;
	line-height: 20px;
}

#contentcontainer #content .csc-sitemap ul li a
{
	margin: 0px;
	padding: 0px;
	/* display: inline; */
	text-align: left;
	font-weight: normal;
	color: #7e2477;
	background: transparent;
	text-decoration:none;
}

#contentcontainer #content .csc-sitemap ul li ul li a
{
	margin: 0px;
	padding: 0px;
	/* display: inline; */
	text-align: left;
	font-weight: normal;
	color: #7e2477;
	background: transparent;
	text-decoration:none;
}



/* BEGIN: Clearfix
--------------------------------------------------------- */
.clearfix:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}

/* END: Clearfix
--------------------------------------------------------- */
	
/* BEGIN: FOOTER
--------------------------------------------------------- */
#footer {
	clear: both;
	position: absolute;
	bottom: 0; /* heel belangrijk */
	background: #ffffff url(../images/backgroundfooter.jpg) repeat-x bottom;
	text-align: center;
	width: 100%;
	min-height: 110px;
	height: auto !important; /* voor moderne browsers */
	height: 110px; /* voor IE */
}

#footerblokken
{
	position: relative;
	width: 1000px;
	margin: 0px auto 0px auto;
}

#footerlogo
{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 150px;
	height: 110px;
	margin: 0px;
	background: url(../images/footerlogo.jpg) no-repeat;
}

#footeranbi
{
  position: absolute;
  color: #626262;
  display: inline;
  list-style: none;
  left: 0px;
  margin: 70px 0px 0px 20px;
}

#footernavigation
{
  position: absolute;
  color: #626262;
  display: inline;
  list-style: none;
  left: 50px;
  margin: 75px 0px 0px 10px;
}

#footernavigation ul {
  list-style: none;
  height: 20px;
}

#footernavigation li {
  display: inline;
  list-style: none;
}

#footernavigation a {
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	text-transform: lowercase;
	color: #626262;
	text-decoration: underline;
}

#footernavigation a:hover {
	color: #626262;
	text-decoration: underline;
}

/* END: FOOTER
--------------------------------------------------------- */

#maincontent #menu
{
	position: absolute;
	width: 720px;
	height: 150px;
	margin: 100px 0px 0px 190px;
}
/*- SUCKERFISH  */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckertreemenu {
padding: 0px 5px 0px 0px;
z-index: 999;
}

.suckertreemenu ul{
/* text-align: center; */
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
background: transparent; /* overall menu background color*/
/*width: 88px;*/
/* text-align: center; */
}

/*Top level menu link items style*/
.suckertreemenu ul li a, ul li a:link, ul li a:visited {
display: block;
/* width: 73px; */
_width: 73px;
margin: 0px 20px 0px 0px;
_margin: 0px 0px 0px 0px;
background: transparent; /*overall menu background color*/
padding: 5px 5px;
text-decoration: none;
color: #2e3192;

font-size: 12px;
font-weight: bold;
}

.suckertreemenu ul li a:hover{
display: block;
/*width: 73px;*/
_width: 73px;
margin: 0px 20px 0px 0px;
_margin: 0px 0px 0px 0px;
background: #2e3192; /*overall menu background color*/
/* padding menuitems*/
padding: 5px 5px;
text-decoration: none;
color: #ffffff;

font-size: 12px;
font-weight: bold;
}

/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 0em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
border-bottom: 0px;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
width: 125px; 
height: 25px;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a, ul li ul li a:link, ul li ul li a:visited {
display: block;
margin-left: 0px;
/*  display: list-item; */
float: none;
/* achtergrond kleur voor submenu items! */
background: #2e3192;
color: #ffffff;
border: 0px;
width: 125px;
>height: 17px;

font-size: 12px;
font-weight: bold;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a:hover {
display: block;
margin-left: 0px;
/*  display: list-item; */
float: none;
/* achtergrondkleur on mouse over submenu */
background: #2e3192;
color: #ffffff;
width: 125px;
/* height: 25px; */

font-size: 12px;
font-weight: bold;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 0;
position: absolute;
top: 0em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
border-bottom: 0px;
}


/* Sub sub level menu links style */
.suckertreemenu ul li ul li ul li a, ul li ul li ul li a:link, ul li ul li ul li a:visited {
display: block;
margin-left: 0px;
/*  display: list-item; */
float: none;
/* achtergrond kleur voor submenu items! */
background: #2e3192;
color: #ffffff;
border: 0px;
width: 125px;
/*  height: 26px; */

font-size: 12px;
font-weight: bold;
}

/* Sub sub level menu links style */
.suckertreemenu ul li ul li ul li a:hover {
display: block;
margin-left: 0px;
/*  display: list-item; */
float: none;
/* achtergrondkleur on mouse over submenu */
background: #2e3192;
color: #ffffff;
width: 125px;
/*  height: 26px; */

font-size: 12px;
font-weight: bold;
}

/*Background image for top level menu list links 
.suckertreemenu .mainfoldericon{
background: transparent url(/clear.gif) no-repeat center right;
}
*/
/*Background image for subsequent level menu list links
.suckertreemenu .subfoldericon{
background: transparent url(/clear.gif) no-repeat center right;
}
 */
* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 18px; }
* html .suckertreemenu ul li a { height: 1%; }
* html .suckertreemenu ul li ul li { float: left;}
/* End */

/*
	| liquidcorners.css; feel free to adapt the style!
	| ================================================
	| use: 4 corners with borderline outside a contentbox with class="inside"; 
	|      image  = upper half: top left corner, long borderline, top right corner
	|               under half: bottom left corner, long borderline, bottom right corner
	|      CHANGE = you have to change this for fitting to your image
	|      YCC    = You Can Change (or omit), if wanted
	|      DNC    = Do Not Change
	| credits: original by francky kleyneman, see article/tutorial in Francky's Developers Corner:
	|          http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm
	| adapted
	| by.....: ... (your name and site?!)
	|
	| + please let this text & links intact for a next user +
*/

#roundedborders {
	width: 220px; 
}

.top-left, .top-right, .bottom-left, .bottom-right { 
	background-image: url('../images/corners1280x18.gif'); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.top-left, .bottom-left { 
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right, .bottom-right { 
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left  { 
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right { 
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside {
	border-left: 1px solid #2e3192; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #2e3192;/* YCC: color & properties of the right-borderline */
	background: #EFEFEF;            /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
	}
.notopgap    { 
	margin-top: 0; 	
	font-family: tahoma;
	font-weight:bold; 
	font-size: 20px; 
	text-transform: uppercase;
	letter-spacing: 1px;
	color:#2e3192;
	border-bottom: 2px dotted #dddddd;
}    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: 0; } /* DNC: to avoid splitting of the box */