body {
  min-width:750px;
  margin:0;
  padding:0;
  background: #c2c2c1 url(/uploads/jy/mz/jymzNGa6w8nx2u5tvX8HxQ/achtergrond.jpg) repeat-x;  
  font:x-small/1em times new roman, arial, verdana;
  line-height:1.4em;
  text-align:center;
  color:#646463;
  voice-family: "\"}\""; 
  voice-family:inherit;
  font-size: small;
  }
  
body.large {
  font:small/1.5em arial, Verdana;
  voice-family: "\"}\""; 
  voice-family:inherit;
  font-size: medium;  
	}

p {
  font-size:97%
  } 
  
 img {
 border:0;
 }
  
  ul {
margin:0;
padding:0;
  }


li {margin: 0 0 0 17px}

  a {
color:#637c3d;
text-decoration:none;
	}

  a:hover {
  color:#888; 
	}

#container
	{
	margin: 0 auto;
	width: 750px;
    text-align:left;
	border:1px #000 solid;
	background:#fff url(/uploads/wY/9n/wY9n32VRMmonkPEIdnChAQ/achtergrond_balk_rechts.gif) 100% 0 repeat-y;
	padding:0;
	Voice-family: "\"}\""; 
    voice-family:inherit;
    width: 748px;
    }
html>body div#container {width: 748px; 
	}
 
 
 	#containerregulier {
	margin: 0 auto;
	width: 750px;
    text-align:left;
	border:1px #000 solid;
	background:#fff url(/uploads/BA/iD/BAiDDCUDl0vXYVAEvzq1DA/balk-links.gif) 0 0 repeat-y;
	padding:0;
	Voice-family: "\"}\""; 
    voice-family:inherit;
    width: 748px;
    }
html>body div#containerregulier {width: 748px; 
	}
	
 
 #header{
  float:left;
  width:100%;
  height:18px;
  background:#000; 
  text-align:left;
  }
  
   #header img {
   float:right;
   padding:3px 8px 3px 4px;
   }
  
  #header img.kleina {
  padding:6px 3px 3px 6px;
  }

#header a:hover{
  background:none;
  color:#000;
  }

#header a.sitenavactive {
  color:#000;
   }
 
#branding {
    float:left;
    width:748px;
	height:159px;
	margin:0;
	padding:0;
	background:#fff url(/uploads/Fe/lg/FelgBSo__Gm1zgi02zJOKQ/branding-lichter.jpg) no-repeat;
	}

#logo a {
  position: absolute;
  top: 80px; 
  height: 88px;
  width: 200px;
  margin-left:10px;
  text-decoration: none;
  }
  
  #logo a i { visibility: hidden; }
  

ul#hoofdnav {
  width:748px;
  float:left;
  list-style:none;
  background:#000;
  }


ul#hoofdnav li {
  float:left;
  margin:0;
  }

ul#hoofdnav a{
  float:left;
  display:block;
  padding:0 23px;
  line-height:2.7em;
  color:#fff;
  font-size:84%;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  text-decoration:none;
  }

ul#hoofdnav a:hover {
  color:#637c3d;
  }

ul#hoofdnav a.sitenavactive{
	background:#8f8f90;
  }

#hometopkopjes {
    float:left;
    width:748px;
	height:40px;
	margin-top:-1px;
	padding:0;
	background:#fff url(/uploads/Ov/7A/Ov7AGVBxBsvouu_ly_CLJQ/balk-welkom-en-projecten.gif) no-repeat;
	}

#homemain {
	float:left;
	width:535px;
	background:transparent;
	margin:0;
	padding:0;
	}
	
#homeprojecten {
	float:right;
	width:204px;
	margin:0;
	background:#e0eaef;
	padding:1em 0 0 0;
	}

#homemain h1{
  padding:0.5em 0 0.3em 0;
  margin:0;
  line-height:1.0em;
  font-size:210%;
  color:#637c3d;
  font-weight:normal;
	}


#homemain h1, #homemain p {
  padding-left:29px;
  padding-right:39px;
	}

#homemain p{
   margin:0;
	}


#homemain p.buffelen {
	background:  url(/uploads/PH/DZ/PHDZjWp_6GFnG1K-HJ6AbA/alinea-icoon.gif) center bottom no-repeat;
	padding-bottom:2.5em;
	margin-bottom:1.5em;
	font-size:105%;
	line-height:1.3em;
	color:#000;
	}

#mensen {
	position: relative;
	float: left;
	margin:0;
	padding-bottom:0px;
	padding-top:40px;
	background:url(/uploads/xt/RE/xtRE7nmZorz1rbhdw2CCGA/balk-mensen.gif) no-repeat;
  }
 
#homemain p.mensenregel{
padding-top:0.3em;	
padding-bottom:0.3em;	
background:#bdc2a8;
margin:0;
 }

.clear {
	clear: both;
	}
.toggle {
	position: relative;
	float: right;
	}
.col {
	position: relative;
	float: left;
	}
.triple {
	width: 200px;
	}
.double {
	width: 49%;
	}
.first {
	clear: left;
	}
.last {
	clear: right;
	}
	

h2.homekop {
line-height:2em;
font-size:130%;
background:#000;
margin:0 5px;
padding:0 30px;
color:#fff;
}


#expertisewrap {
	position: relative;
	width: 535px;
	float: left;
	display:inline;
	margin:0;
	}


#expertisewrap h3 {
  font-size:90%;
  margin: 0.8em 0 0 0;
  padding-left:29px;
  padding-right:9px;
  background:url(/uploads/Rl/Gp/RlGpsbL5d_EmdE6uKt5REw/buffelicoontje.gif) 3% 50% no-repeat;
  }
  
#expertisewrap a{
  padding:0;
  line-height:1.5em;
  color:#fff;
  font-size:120%;
  text-decoration:none;
  margin:0;
  }


#expertisewrap a:hover {
 text-decoration:underline;
  }
  
  #expertisewrap h2 {
	height:40px;
	background:url(/uploads/f9/qW/f9qW5e5n9-hISg9r3Jz5OQ/Site_BPI_balk_expertise.gif) no-repeat;
	margin:0;
  }

    #expertisewrap p {
	margin:0;
	padding:0 0 0 29px;
	}

#expertisewrap h4 {
	padding:1em 0;
	margin:0;
	background:#fff url(/uploads/PH/DZ/PHDZjWp_6GFnG1K-HJ6AbA/alinea-icoon.gif) 50% 50% no-repeat;
	height:21px;
	}

 #expertisewrap h2 i { 
 visibility: hidden; 
 }

#ddtabs1 {
	float:left;
  width:535px;
  background:#bdc2a8;
  }


#ddtabs1 ul {
 padding-left:22px;
  float:left;
  list-style:none;
  }


#ddtabs1 li {
  float:left;
  }

#ddtabs1 a{
  float:left;
  display:block;
  padding:0 7px 0.3em 7px;
  line-height:1.7em;
  color:#4d4d4f;
  font-size:84%;
  font-family:Arial, Helvetica, sans-serif;
  text-decoration:none;
  }

#ddtabs1 a.current{
  color:#000;
  font-weight:bold;
  }

#ddtabs1 a:hover {
  color:#637c3d;
  }
 
 .tabcontent {
	display:none;
 }

 #sc1, #sc2, #sc3, #sc4, #sc5, #sc6, #sc7, #sc8, #sc9, #sc10, #sc11, #sc12, #sc13, #sc14, #sc15, #sc16 {
 background:#bdc2a8;
 margin:0;
 }

 #sc1 img{
 margin:0;
 }
 
.defaultData {
background:#dfd;
}


form, button {margin:0;} 

#homemail {
width:535px;
background:#28d;
float:left;
padding:50px 0 0 0;
background: #c9cdb1 url(/uploads/0B/S_/0BS_OHId7GJlgCPVzNbxCQ/balk-mail-ons.gif) no-repeat;
margin:0;
}

.cssform p.gegevens {
float:left;
width: 200px;
margin: 0;
padding:0;
}

span.label{
font-weight:bold;
color:#000;
}

#homemail  textarea{
width: 230px;
height: 120px;
float:left;
}

.cssform input, .cssform textarea{
display:block;
margin:0 0 0.7em 0;
width:190px;
}


.button {
float:left;
padding:10px 0;
margin-top:10px;
width:535px;
background:#c0c4aa;
border-top:1px solid #ababab;
}

.button input{
float:right;
position:relative;
right:30px;
width:80px;
padding:0.3em 0;
}

#reguliermail {
width:360px;
background:red;
float:left;
padding:10px 0 0 0;
background: #c9cdb1;
margin:0;
border:1px #999 dotted;
}

.cssformregulier p.gegevens {
width: 200px;
margin: 0;
padding:0;
display:block;
}

span.labelregulier{
font-weight:bold;
color:#000;
margin:0 0 0 20px;
}

.cssformregulier input, .cssformregulier textarea{
display:block;
margin:0 0 0.7em 20px;
width:190px;
}

#reguliermail  textarea{
width: 300px;
height: 180px;
display:block;
margin:0 0 0 20px;
}

.cssformregulier p.gegevens {
width: 200px;
margin: 0 0 0 20px;
padding:0;
display:block;
}

.buttonregulier {
float:left;
padding:10px 0;
margin-top:10px;
background:#c0c4aa;
border-top:1px solid #ababab;
width:360px;
}

.buttonregulier input{
float:right;
position:relative;
right:30px;
width:80px;
padding:0.3em 0;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}


  #homeprojecten a.projecttitel {
  color:#7f7b3c;
  margin: 0 20px 0 0;
  padding:0 0 0 6px;
  text-decoration:none;
  font-size:110%;
  font-weight:bold; 
  display:block; 
  }
  
  #homeprojecten a:hover {
  color:#888; 
  }
  
  #homeprojecten p {
  margin:0 20px 0.7em 6px;
  padding: 0.5em 0 1em 0;
  line-height:1.2em;
  color:#58595b;
  border-bottom:1px solid #ababab;
  }
  
  
   #homeprojecten a.verderlezen, #homeprojecten a:hover.verderlezen {
  color:#58595b;
  text-decoration:none;
  margin:0;
   voice-family: "\"}\""; 
  voice-family:inherit;
background:url(driehoekje-blauw.gif) right center no-repeat;  
padding-right: 12px;
  } 
 
 
    #homemain a.verderlezen, #homemain a:hover.verderlezen {
  color:#58595b;
  text-decoration:none;
  margin:0;
   voice-family: "\"}\""; 
  voice-family:inherit;
background:url(driehoekje-wit.gif) right center no-repeat;  
padding-right: 12px;
  } 


p#story {
margin:1.5em 20px 0 4px;
padding:100px 10px 0.5em 10px;
background: #ccc url(/uploads/a_/vB/a_vBEjZJd0dHMLLD3UjvXw/buffel_story.gif) 50% 4% no-repeat;
border-bottom:1px solid #919191;
}

span.buffeltitel{
font-size:110%;
font-weight:bold;
display:block;
}



#content {
  width:512px;
  float:right;
  margin:0 0 10px 0;
  display:inline;
  }
  
  #regulierepaginatitels {
  float:left;
  width:100%;
	padding:0 ;	
	margin:0 ;
	}
	
	  #regulierepaginatitels h1  {
	padding:20px 20px 20px 29px;
	line-height:0;
	color:#fff;
	font-size:14px;
	margin:0;
	background:#879767;
	}
	
	#content h1 {
	font-size:200%;
	margin:0 0 0.2em 0;
	font-weight:normal;
	color:#637c3d; 
  	}
     
	#content h2 {
	font-size:120%;
	font-weight:bold;
	margin:0;
  	}
  
	#content p, #content img {
	margin:0 0 1.5em 0;
  	}
  
	#content p.introregulier {
	font-weight:bold;
 	 }

  
 #content img     {
	margin-right:15px;
  }
  
  
      #content p, #content ul,  #content h1, #content h2, #content h3, #content h4     {
	margin-right:35px;
  }
  

#subnavleft {
  width:213px;
  float:left;
  background:red;
  background: #e0eaef;
  } 
  
  #subnavleft ul {
  margin:0;
  padding:0;
  list-style:none;
  }
  
    #subnavleft li {
  margin:0px;
  padding:0;
  }
  
    #subnavleft li a {
	display:block;
	line-height:1em;
	height:1em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:90%;
	color:#626262;
	text-decoration:none;
	padding:1.3em 0 1.2em 29px;
	border-bottom:2px solid #e0eaef;
	margin:0;
	background:#d3d3d3;
  }
  
      #subnavleft ul a.sitenavactive {
	background:#898686;
	color:#000;
  }
  
    #subnavleft ul a:hover{
	background:#e5e5e5;
  }

ul#crumbtrail {
  float:left;
  list-style:none;
  width:100%;
  color:#959595;  
  margin:0 0 0.6em 0;
  padding:10px 0 0 0;
 font-family:Arial, Helvetica, sans-serif;
  }

ul#crumbtrail li {
  float:left;
  margin:0;
  }

ul#crumbtrail a{
  float:left;
  display:block;
  padding:0 0 0 0;
  color:#959595;
  font-size:69%;
  text-decoration:none;
  }

ul#crumbtrail a:hover {
  text-decoration:underline;
  }

.ctruimte {
padding:0 0.2em;
float:left;
}

#leesfunctie {
background:transparant;
}

#leesfunctie img {
float:right;
padding:0 10px 0 0;
}
  
 
#content p.highlight {
	margin: 20px 25px 2em 0;
	padding: 0.8em 10px 0.8em 114px;
	background: #dee0d3  url(/uploads/7I/Zw/7IZwdgLKesfN87BlEQLafA/highlight-icoon.gif) 17px 50%  no-repeat;
	border-top: double #bcb0b1 4px;
	border-bottom: double #bcb0b1 4px;
	font-size:110%;
	color:#a8ab9d;
	font-weight:bold;
	} 
	
	
	#content p.buffelen {
	background:  url(/uploads/PH/DZ/PHDZjWp_6GFnG1K-HJ6AbA/alinea-icoon.gif) center bottom no-repeat;
	padding-bottom:3em;
	
	}
 
     .regulieronder{
  float:left;
  width:497px;
  background:  url(/uploads/PH/DZ/PHDZjWp_6GFnG1K-HJ6AbA/alinea-icoon.gif) left bottom no-repeat;
	padding:0 0 2.5em 0;	
	margin:0 0 0.5em 0;
	}
   
 #content .regulieronder h2 {
	padding:20px 20px 20px 0;
	line-height:0;
	color:#fff;
	font-size:14px;
	margin:0;
	background:#879767;
	text-align:center;
	}
	
	  #content .regulieronder p {
    float:left;
    width:240px;
	kdisplay:block;
	margin:0;
	padding:0 30px 0 0;
	display:inline;
	voice-family: "\"}\""; 
    voice-family:inherit;
    width: 210px;
    }


	#content .regulieronder h3 {
	font-size:160%;
	margin:0;
	padding:0.6em 0 0.3em 0;
	font-weight:normal;
	color:#637c3d; 
  	}
     
	table#projectdata {
	width:85%;
	margin:0 0 1.9em 0;
	border:1px solid #879767;
	}

	td.head {
	width:120px;
	border-right:1px solid #879767;
	padding: 0.3em 0 0.3em 20px;
	font-weight:bold;
	}

	td.tableinfo {
	padding: 0.4em 0 0.4em 20px;
	}

	.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;
	font-family:Arial, Helvetica, sans-serif;
	}

#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;
	}