body {
  min-width:750px;
  margin:10px 0 0 0;
  padding:0;
  background: #efefef;  
  font:x-small/1em arial, verdana;
  line-height:1.2em;
  text-align:center;
  color:#717172;
  voice-family: "\"}\""; 
  voice-family:inherit;
  font-size: small;
  }
  
body.large {
  font:small/1.4em arial, Verdana;
  voice-family: "\"}\""; 
  voice-family:inherit;
  font-size: medium;  
	}

p {
  font-size:85%
  } 
  
 img {
 border:0;
 }


  ul {
margin:0;
padding:0;
  }

  a {
color:#ed2024;
}

  a:active {
color:#ed2024;
	}

  a:hover {
color:#ed2024;
	}

  a:visited {
color:#ff7579;
	}


#container {
position:relative;
	margin: 0 auto;
	width: 750px;
    text-align:left;
	border:1px #000 solid;
	background:#fff url(/uploads/IF/n7/IFn7mylyhIGLQyuGd1iK3Q/background-takken.gif) 0 0 repeat-y;
	padding:0;
	Voice-family: "\"}\""; 
    voice-family:inherit;
    width: 748px;
    }
html>body div#container {width: 748px; 
	} 
 
#branding {
    position:relative;
    float:left;
    width:748px;
	height:194px;
	margin:0;
	padding:0;
	background:#000;
	}

#branding.homepage {
	background:#fff url(/uploads/oB/ut/oBut5s1U6ZS6P_2pcbU6ug/branding.jpg) no-repeat;
	}

#logo a {
  position: absolute;
  top: 0px; 
  height: 88px;
  width: 200px;
  margin-left:10px;
  text-decoration: none;
  }
  
  #logo a i { visibility: hidden; }


#branding h1 {
  position: absolute;
  top: 54px; 
  left:315px;
  color:#ed2024;
  font-size:18px;
  line-height:25px;
  margin:0;

  }

#branding p {
  position: absolute;
  top: 89px; 
  left:345px;
  width: 325px;
  color:#fff;
  font:11px/16px arial, verdana;
  margin:0;
  }
  

ul#hoofdnav {
  width:748px;
  float:left;
  list-style:none;
  background:#fff;
  }


ul#hoofdnav li {
  float:left;
  }

ul#hoofdnav a{
  float:left;
  display:block;
  padding:0 33px;
  line-height:3.5em;
  color:#000;
  font-size:11px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  text-decoration:none;
  }

ul#hoofdnav a:hover {
  color:#ed2024;
  }

#leesfunctie {
	position:absolute;
	top:209px;
	right:0;
	width:70px;
	}

#leesfunctie img {
	float:left;
	margin:0 10px 0 0;
	}

#leesfunctie img.ka {
	margin:4px 4px 0 0;
	}

#ct {
	float:left;
 	width:100%;
	background:#000;
 	font-size:1px;
	line-height:0;
	height:16px;
  	}

#viertakken {
  width:224px;
  float:left;
  background:#dcddde;
  }

#viertakken h2 a{
  margin:0;
  color:#231f20;
  font-weight:bold;
  text-decoration:none;
	}
	
	#viertakken h2 a:hover{
  text-decoration:underline;
	}
	
	
	#viertakken h2, viertakken h2.donkergrijs{
	margin:0;
 	padding:0.8em 0 0.2em 33px;
   	font-size:127%;
	}
	
	#viertakken h2.advies {
  background: url(/uploads/wv/su/wvsusJAiIl2hRX-UQvWQ6g/icoon-advies.gif) no-repeat 14px 1em;
	}	
	
	#viertakken h2.opleiding {
  background: url(/uploads/4j/Oo/4jOoThnXd6zbvDPEG3VyFA/icoon-opleiding.gif) no-repeat 14px 1em;
	}	
	
	#viertakken h2.onderzoek {
  background: url(/uploads/sP/mj/sPmj0i0r4hLB-AASVDG9lA/icoon-onderzoek.gif) no-repeat 14px 1em;
	}	
	
	#viertakken h2.ondersteuning {
  background: url(/uploads/hX/1r/hX1rznWqWlaEWV8DrkJrIg/icoon-ondersteuning.gif) no-repeat 14px 1em;
	}
	

#viertakken h2 a span.tak{
  color:#ed2024;
  margin-left:-0.2em;
	}


#viertakken p{
  padding:0 10px 0.8em 33px;
  margin:0;
  color: #58595b;
	}

	
	#viertakken h2.donkergrijs, #viertakken p.donkergrijs{
  background-color: #c6c8ca;
	}
	
	#viertakken h2.donkergrijs{
 border-top:1px solid #fff;
	}

	#viertakken p.donkergrijs{
 border-bottom:1px solid #fff;
	}


#contentmr {
  width:514px;
  float:right;
  margin:10px 0;
  }

#homemain {
	float:left;
	width:338px;
	background:#fff;
	margin:0;
	padding:0;
	}
	
	#homemain h2.ydocentraal{
  padding:77px 0 20px 12px;
  margin:0;
  font-size:150%;
  color:#fff;
  font-weight:normal;
  background:#231f20 url(/uploads/D3/zv/D3zvSsZ1vcB49OrbakEjaw/centraal-hoekje.gif) no-repeat right bottom;
	}
	
	#homemain h2 span.centraalonderwerp {
  color:#fff;
  margin-left:-0.3em;
	}
	
	#homemain h3{
 	padding:1em 0 0.2em 80px;
  	margin:0;

 	font-size:110%;
 	color:#231f20;
  	font-weight:bold;
  	background: url(/uploads/vW/VL/vWVL_n8GalX5TeiesVtMkA/blokjes.gif) no-repeat 0 1.2em;
		}
	
	#homemain h2 {
  padding:0 0 0 0;
  margin:0;
  font-size:110%;
  color:#231f20;
  font-weight:bold;
	}
	
	#homemain p{
  padding:0;
  margin:0;
	}
	
	
#homerechts {
	float:right;
	width:155px;
	margin:0 10px 0 0;
	background:#cfd0d2;
	padding:0.5em 0 12px 0;
	display:inline;
	}

#homerechts h2 a{
  margin:0;
  color:#231f20;
  font-weight:bold;
  text-decoration:none;
	}
	
	#homerechts h2 a:hover{
  text-decoration:underline;
	}
	
	#homerechts h2 {
 margin:0 9px 0 9px;
  padding: 0.2em 0 0 0;
   	font-size:107%;
	}

#homerechts h2 a span.tak{
  color:#636466;
  margin-left:-0.2em;
	}

#homemain p{
   margin:0;
   padding:0 16px 1em 1px;
	}
  
  #homerechts a:hover {
  color:#888; 
  }
  
  #homerechts p {
  margin:0 9px 0 9px;
  padding: 0.2em 0 1em 0;
  color:#58595b;
  border-bottom:1px solid #636467
  }
  
  #homerechts ul {
  margin:1.5em 0 3.3em 0;
  padding 0;
  line-height:1.5em;
  voice-family: "\"}\""; 
  voice-family:inherit;
  margin:1.5em 0 3.3em 20px;
  }

  #homerechts li {
  margin:0;
  padding 0;
  list-style-type:square;
 color:#ed2024;
  }


  #homerechts li a{
  margin:0;
  padding 0;
   color:#ed2024;
  }

#homerechts li a:visited {
color:#ff7579;
}

  #homerechts p.beginparagraaf, #homerechts h2.begin   {
background:#fff;
padding:0;
  }

#homerechts h2.begin   {
padding-top:1em;
padding-bottom:0.1em;
border-left: 8px solid #fff;
border-right: 8px solid #fff;
  }


#homerechts p.beginparagraaf   {
font-size:76%;
padding-bottom:170px;
background:#fff url(/uploads/7N/c1/7Nc1bQ7bkjM5HekmEgFXTg/meneer-ydo.jpg) left bottom no-repeat;
border-left: 8px solid #fff;
border-right: 8px solid #fff;
border-bottom: 8px solid #fff;
  }


 ul#subnav {
width:224px;
 float:left;
 margin:10px 0 0 0;
 padding:0;
 list-style-type:none;
 background:#dcddde;
 border-top:1px solid #fff;
 } 



    ul#subnav li {
  margin:0;
  padding:0;
  }
  
  
   ul#subnav a {
   display:block;
   line-height:1.4em;
   color:#231f20;
   font-weight:bold;
  text-decoration:none;
   padding:1.1em 10px 1.1em 33px;
   border-bottom:1px solid #fff;
 }
  
    ul#subnav a:hover{
	color:#555;
	background: #edeeef;
 	 }


    ul#subnav a.sitenavactive {
color:#888;
  }

    ul#subnav a.verticalMenu2 {
padding-left:50px;
font-size:82%
  }


#reguliercontent {
	float:right;
	width:496px;
	margin: 0;
	padding:1.4em 0 4em 0;
	}

 #reguliercontent p, #reguliercontent img, #reguliercontent ul,  #reguliercontent h1,  #reguliercontent h3, #reguliercontent h4 {
	padding-right:47px;
  }
  
    #reguliercontent h1 {
    line-height:1em;
    color:#ed2024;
    font-weight:bold;
    font-size:140%;
    padding:0.4em 47px 0 0;
    margin:0 0 0.2em 0;
  }

    #reguliercontent h2 {
	line-height:1em;
	color:#231f20;
	font-weight:bold;
	font-size:110%;
	padding:0.4em 47px 0 0;
	margin:0 0 0.2em 0;
  }
  
      #reguliercontent h3 {
	line-height:1em;
	color:#565656;
	font-weight:bold;
	font-size:100%;
	padding:0.4em 47px 0 0;
	margin:0 0 0.2em 0;
  }
  
    #reguliercontent p {
	color:#58595b;
	padding:0 47px 1em 0;
	margin:0;
  }
      #reguliercontent p.introregulier {
	font-weight:bold;
  }
  
   #reguliercontent ul {
	padding:0.8em 10px 0.6em 20px;
	margin:0 57px 1em 0;
       background:#fbfbfb; 
     line-height:1.4em; 
     }
  
  
   #reguliercontent li {
	font-size:85%;
	padding:0.2em 0 0.2em 0;
	margin:0;
     }


  #reguliercontent h2 span.tak{
  color:#ed2024;
  margin-left:-0.3em;
	}
  
    
 #reguliercontent p.highlight,  #reguliercontent p.highlightadvies, #reguliercontent p.highlightopleiding, #reguliercontent p.highlightonderzoek, #reguliercontent p.highlightondersteuning {
	margin: 20px 47px 2em 0;
	padding: 40px 10px 40px 160px;
	background: #fff url(/uploads/Pt/gA/PtgAmtOHQqn5SWNJc55mXA/icoon_mrydo.jpg) 17px 50%  no-repeat;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	font-size:120%;
	line-height:1.6em;
	font-weight:bold;
	color:#231f20;
margin: 20px 47px 2em 0;
	} 

	
	 #reguliercontent p.highlightadvies, #reguliercontent p.highlightopleiding, #reguliercontent p.highlightonderzoek, #reguliercontent p.highlightondersteuning{
	 padding: 30px 10px 30px 130px;
	}
	
			 #reguliercontent p.highlightadvies {
	background: #fff url(/uploads/es/aP/esaPLPoIoCYT3jloJL22jQ/icoon_advies.gif) 17px 50%  no-repeat;
	}
	
		 #reguliercontent p.highlightopleiding {
	background: #fff url(/uploads/Rr/V8/RrV8RPAOCjExJXLMeDMwUA/icoon_opleiding.gif) 17px 50%  no-repeat;
	}
	
		 #reguliercontent p.highlightonderzoek {
	background: #fff url(/uploads/5z/Z-/5zZ-TTju6OsrMiTHoFT8LQ/icoon_onderzoek.gif) 17px 50%  no-repeat;
	}
		
		 #reguliercontent p.highlightondersteuning {
	background: #fff url(/uploads/Mr/MS/MrMSa0_tNgMRJjIK4ZAvSQ/icoon_ondersteuning.gif) 17px 50%  no-repeat;
	}
 
 #reguliercontent p.ydoquote {
	margin: 20px 47px 2em 0;
	padding: 40px 10px 40px 160px;
	background: #fff url(/uploads/Pt/gA/PtgAmtOHQqn5SWNJc55mXA/icoon_mrydo.jpg) 17px 50%  no-repeat;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	font-size:102%;
font-style:italic;
	line-height:1.6em;
	font-weight:bold;
	color:#555;
	} 
 
 span.highlightonderschrift {
	font-size:80%;
	color:#949594;
	display:block;
	}

    #reguliercontent img {
	padding:5px;
	margin:0 47px 1em 0;
	border:1px solid #777;
  }

ul#crumbtrail {
  float:left;
  list-style:none;
  width:100%;
  color:#fff;
  margin:0;
  padding:0;
  background:#000;
  }

ul#crumbtrail li {
  float:left;
  }
  
  ul#crumbtrail li.firstli {
  padding-left:249px;
  }

ul#crumbtrail a{
  float:left;
  display:block;
  padding:0 4px 0 4px;
  color:#fff;
  font-size:69%;
  text-decoration:none;
  }


ul#crumbtrail a:hover {
color:#ed2024;
  }


ul#crumbtrail a:hover {
color:#ed2024;
  }

  ul#crumbtrail span.ctruimte {
float:left;
  }

table#projectdata {
	width:85%;
	margin:0.3em 0;
	border:1px solid #879767;
	}

	td.head {
	width:100px;
	border-right:1px solid #879767;
	padding: 0.4em 0 0.4em 20px;
	font-weight:bold;
	}

	td.tableinfo {
	padding: 0.4em 0 0.4em 40px;
	}

	.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
.clearfix {display:block;}
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

	
#footer {
	clear: both;
	}
/* Safari needs this - otherwise the ghost overflow, though painted 
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack */

* > #footer, * > form, * > #notes, * > .output
	{
	position: relative;
	z-index: 1000;
	}
/* ]]> */
  
  
   #footer
	{
	position: relative;
	background: #000;
	margin: 0;
	}

#footer p {
	color: #FFF;
	padding: 3px 10px;
	font-size:80%;
	margin: 0;
	}

a.loginToggleLink {
  color: #444;
  margin-left: 3em;
  margin-right: auto;
}

#footer a {
  color: #fff;
	}

#footer .kojakipromo {
	position:absolute;
	top:0;
	margin:0.3em 0;
	right:30px;
	color: #fff;
	text-decoration:underline;
 	font-size:100%;
  }

.left{ 
	float: left; 
  	padding: 0px 8px 0px 0px;
	}

.right { 
	float: right; 
  padding: 0px 0px 0px 8px;
	}

#footer a.center { 
 margin: 0 auto;
	}
	
	

form, button {margin:0;} 

#cssformregulier  {
float:left;
margin: 0;
padding:0;
display:block;
}

#infoaanvraag {
width:460px;
background:red;
float:left;
padding:0 0 0.5em 0;
background:#efefef;
margin:0.5em 0;
}

#infoaanvraag h4, .persoonlijkegegevens h4 {
padding:0.7em 0 0.7em 10px;
margin:0 0 0 0;
background:#000;
font-size:100%;
color:#fff;
clear:both;
}
 .persoonlijkegegevens h4 {
margin-bottom:1em;
}

.labelCheckbox {
  display: block;
  height: expression('1%');
  padding: 6px 10px 0px 10px;
  line-height: 120%;
  background:#efefef;
  margin:0 0 0 0;
}

#bellen {
float: left;
margin: 1.2em 0 1em 0;
padding:0.6em;
display: block;
border: 1px solid #ed2024;
display:inline;
clear:both;
width:300px
}

#bellen label {
float: left;
margin: 0 10px 0 0px;
display: block;
}

#bellen label input{
width:23px;
float: left;
margin:0 0 0 3px;
}

.persoonlijkegegevens {
float:left;
margin: 0.5em 0 1em 0;
padding:0 0 0 0;
background:#efefef;
clear:both;
width:460px;
}

.persoonlijkegegevens input{
border: 1px solid #aaa;
margin:0 20px 0.3em 5px;
width:240px;
float:right;
display:inline;
}


.persoonlijkegegevens .p{
float:left;
margin: 0.2em 0;
padding:0;
width:100%;
}

.persoonlijkegegevens label input{
width:23px;
}

.persoonlijkegegevens label input{
width:23px;


float: left;
margin:0 0 1em 3px;
}

.persoonlijkegegevens  label {
float: left;
margin: 0 10px 0 20px;
display: block;
display:inline;
}


span.labelregulier, span.berichtkop{
margin:0 0 0 20px;
float:left;
width:120px;
}


span.berichtkop { 
width:400px;
}


#cssformregulier textarea{
width: 300px;
height: 180px;
display:block;
margin:0.2em 0 0 20px;
float:left;
display:inline;
}


.buttonregulier {
float:right;
width:100%;
padding:1em 0 1em 0;
margin-top:20px;
background:#555;
border-top:1px solid #cbcbcb;
}

.buttonregulier input{
float:right;
position:relative;
right:30px;
width:80px;
padding:0.3em 0;
}

.geslacht span.mv {
display:block;
padding: 0 0 10px 20px;
}

.geslacht input {
width: 20px;
margin: 0 0 0 0;
float:left;
position: relative;
left: 200px;
}
