img, div, a, input  { 
	behavior: url(scripts/iepngfix.htc) 
}

*{
	margin:0;
	padding:0;
}

img, 
object{
	display:block;
}

img{
	border:0;
}

.wit{
	color:#FFFFFF;
}

/*-------------------------------------------------------------------------*/

body{
	background:url(../images/bg.jpg) top left repeat;
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	line-height:22px;
}

p{
	margin:0;
	padding:0;
}

#tekstvlak p a{
	color:#d60c8c;
	text-decoration:none;
	border-bottom:1px dashed #000000;
}

#tekstvlak p a:hover{
	border-bottom:1px solid #000000;
}

.dashed{
	position:relative;
	border-bottom:1px dashed #d60c8c;
	width:100%;
	height:1px;
	padding:2px 0 20px 0;
}

h1{
	color:#d60c8c;
	font-weight:bold;
	font-size:11px;
}

.roze{
	color:#d60c8c;
}

.floatleft{
	float:left;
	margin:10px 25px 15px 0;
}

.floatleft_blanco{
	float:left;
}

.floatright{
	float:right;
}

.clear{
	clear:both;
}

/* -- container -- */
html, 
body, 
#contain,
#container{
	min-height:100%;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
} 

html>body, 
html>body #contain,
html>body #container{
	height:auto;
}

#container{
	position:relative;
	top:0;
	left:50%;
	width:1000px;
	height:100%;
	margin:0 0 0 -500px;
	padding:0 0 150px 0;
	background:url(../images/bg_container.png) top left repeat-y;
}

#contain{
	position:relative;
	background:url(../images/bg_contain.jpg) top center no-repeat;
	width:979px;
	margin:0 10px 0 10px;
	padding:0 0 150px 0;
	height:100%;
}

#vervolg #contain{
	background:url(../images/bg_contain_vervolg.jpg) top center no-repeat;
}

#logo{
	position:absolute;
	top:0;
	right:0;
	z-index:1;
}

#tekstvlak{
	position:relative;
	margin:0 0 0 166px;
	background:#FFFFFF;
	padding:0;
	top:250px;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
}

#vervolg #tekstvlak{
	top:150px;
}

#content{
	position:relative;
	padding:40px 150px 40px 40px;
}

#vervolg #content{
	position:relative;
	padding:40px 250px 40px 40px;
}




/* -- footer -- */
#footer{
	position:relative;
	bottom:0;
	width:100%;	
	color:#333333;
	text-align:left;
	height:25px;
}

#footer a{
	color:#333333;
	text-decoration:none;
}

#footer a:hover{
	color:#333333;
	text-decoration:underline;
}

#footerspace{
	height:25px;
}



/* -- css menu -- */

#nav{
	position:relative;
	background-color:#004c99;	
	margin:0;
	padding:3px 0 2px 20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
}

ul#menu{
	/*width:150px; the width of mainmenu items, used again below (1)  */
	position:relative;	
	margin:0;
	padding:0;
	z-index:1;
	display:inline;
	width:100%;
}

ul#menu li{
	/*width:100%;  Make list items do what they're supposed to in IE6 */
	padding:00;	
	margin:0;
	list-style-type:none; 
	background:none;
	display:inline;
	/*background:#b8b8b8;*/

}

ul#menu li a{
	padding:3px 7px 3px 21px;
	color:#FFFFFF;
	text-decoration:none;
}

 ul#menu li.cv a{
	color:#b0bad2;
}

 ul#menu li.cv a:hover{
	color:#FFFFFF;
}

ul#menu li a:hover{
	color:#3280ce;
}

ul#menu li ul{
	position:absolute;
	display:none;
	left:150px; /* (1) the width of mainmenu items */
	top:0;
	width:160px; /* the width of submenu items, used again below (2)  */
	padding:0;
	margin:0;
	font-size:11px;
	background:#FFFFFF;
	border:1px solid #7D7C7C;
}

#menu ul li ul li{ 
	clear:left; /* It inherits float:left. No float:none, because that creates a whitespace beneath the last item in IE6 */
	display:block;
	padding:0;
	background:#FFFFFF;
	/*border-bottom:1px solid #7D7C7C;*/
}
#menu ul li ul li a{
	display:block;
	margin:0;
	padding:7px 0 7px 20px;
	color:#1B2149;
	text-decoration:none;
	background:url(/images/icon_subnav.gif) 8px 11px no-repeat #FFFFFF;
}
#menu ul li ul li a:hover{
	background:url(/images/icon_subnav.gif) 8px 11px no-repeat #e4e4e4;
}

#menu ul li ul li ul{
	top:-1px; /* the height of the top border */
	left:160px; /* (2) the width of submenu items */
}
/*switch submenu's for full css supporting browsers*/
#menu ul li:hover ul{display:block;}
#menu ul li:hover ul li ul{display:none;}
#menu ul li ul li:hover ul{display:block;}
#menu ul li ul li:hover ul li ul{display:none;}
#menu ul li ul li ul li:hover ul{display:block;}
#menu ul li ul li ul li:hover ul li ul{display:none;}
#menu ul li ul li ul li ul li:hover ul{display:block;}
#menu ul li ul li ul li ul li:hover ul li ul{display:none;}
#menu ul li ul li ul li ul li ul li:hover ul{display:block;}
#menu ul li ul li ul li ul li ul li:hover ul li ul{display:none;}
/*add styles if needed*/



/*-- crumb --*/

#crumb a{
	color:#949494;
	font-size:9px;
	text-decoration:none;
}

#crumb a:hover{
	text-decoration:underline;
}



/*--------------------------------- table ------------------------------------*/

table td{
	padding:2px;
}

/*----------------------------------- formulier -----------------------------------------*/

.form{
	border-bottom:none;
}

input{
	border: 1px solid #6a85a1;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3f3f3f;
	height:17px;
}

textarea{
	border: 1px solid #6a85a1;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3f3f3f;
}

.noborder{
	border:none;
}

.formbutton{
	background-color:#6a85a1;
	color:#FFFFFF;
	font-weight:bold;
	font-size:10px;
	padding:2px 4px 2px 4px;
	height:auto;
}