body {
  min-width:750px;
  margin:0;
  padding:0;
  background: #777;
  font:x-small/1em arial, verdana, sans-serif;
  line-height:1.4em;
  text-align:center;
  color:#555;
  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:95%
  }

 img {
 border:0;
 }


  ul {
margin:0;
padding:0;
  }

  a {
 color:#00ADEF;
 }


#container
	{
	margin: 0 auto;
	width: 750px;
    text-align:left;
	border:1px #000 solid;
	background:#fff;
	padding:0;
	Voice-family: "\"}\"";
    voice-family:inherit;
    width: 748px;
    }
html>body div#container {width: 748px;
	}


 #header{
position:relative;
  float:left;
  width:100%;
  background:#000;
  text-align:left;
  }

   #header img {
	float:left;
	margin:30px 0 0 34px;
	padding-bottom:30px;
	border:0;
  }

#header ul {
  float:right;
  width:600px;
  margin:16px 0 0 0;
  padding:0;
  list-style:none;
  font-size:100%;
  background:#00ADEF;
  }


#header ul a{
 padding:77px 0 20px 0;
 margin-top:20px;
 width:100px;
 text-align:center;
  }

#header li {
  float:left;
  margin:0;
  padding:0;
  line-height:normal;
  text-indent:0;
  }


#header a {
  display:block;
  color:#efefef;
  text-decoration:none;
  font-size:110%;
  font-weight:bold;
  text-transform: lowercase;
  }

#header a:hover{
  color:#000;
   text-decoration:none;
  }


#header a.sitenavactive {
  color:#000;
   }

#header a.vlag img {
position:absolute;
top:15px;
right:10px;
padding:0;
margin:0;
	}

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

ul#hoofdnav li {
  float:left;
  border-right:1px solid #aaa;

  }

ul#hoofdnav a{
  float:left;
  display:block;
  padding:0 41px;
  line-height:2.5em;
  color:#fff;
  font-size:102%;
  font-weight:bold;
  text-decoration:none;
  }


ul#hoofdnav a:hover {
  color:#00ADEF;
  }


#intro {
	margin:0;
	padding:2em 50px;
	background:#DCDDDE;
	border-top: 4px solid #fefefe;
	text-align:center;
	}


	
#intro a.zk, #intro a.zg, #intro a.gk, #intro a.gg,  #intro a.cg, #intro a.ck  {
  padding:0.4em;
  letter-spacing:0;
  word-spacing:0;
  text-decoration:none;
  line-height:1.4em;
}

 #intro a.gk, #intro a.gg {
 color:#555;
}

 #intro a.zg, #intro a.gg, #intro a.cg {
font-size:190%;
}

 #intro a.cg, #intro a.ck {
 color:#00ADEF;
}

 #intro a.zg, #intro a.zk {
 color:#000;
}


 #intro a.zk, #intro a.gk, #intro a.ck {
font-size:150%;
}


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

#homerecenteprojecten {
	float:left;
	width:340px;
	margin:14px 0 0 20px;
	display:inline;
	}
	
#homerecenteprojecten h2, #homecontactetc h2{
	color:#fff;
	font-size:120%;
	font-weight:normal;
	padding:0.6em 14px;
	margin-bottom:1em;
	margin-top:0;
	}
	
	#homerecenteprojecten h2 {
	    background:#00ADEF;
   }

   	#homecontactetc h2 {
	    background:#777;
   }
		
#homerecenteprojecten h3, #homerecenteprojecten p {
	padding:0 0 0 84px;
	margin:0;
	}


	
	#homerecenteprojecten p {
	padding-bottom: 1.4em;
	padding-top:1.5em;
	background:transparent url(/uploads/Lf/2c/Lf2cobIpQOUjyBetLHMWHg/icoontje_oqapi.png) 0 35% no-repeat;
	margin-top:0;
	margin-bottom:1em;
	border-bottom:2px solid #ccc;	
	}
	
  #homerecenteprojecten h3{
	margin-bottom: -1em;
	}
	
	
#homecontactetc {
	float:right;
	width:340px;
	margin:14px 20px 0 0;
	display:inline;
	background:#fff;
	padding:0;
	}


#homecontactetc h4   {
	margin:0;
	}
	
#homecontactetc h4 a  {
	background:#00ADEF url(/uploads/oe/C_/oeC_9Pt9Onvcg5U4Iht_1A/icoontje_contact.png) 3% 50% no-repeat;
	font-size:170%;
	font-weight:normal;
	padding:1.7em 10px 1.7em 100px;
	margin:0;
	display:block;
	color:#fff;
	text-decoration:none;
	}
#homecontactetc h4 a:hover  {
	background:#00ADEF url(/uploads/ee/ec/eeecM0_dim6C_jWURjQxQw/icoontje_contact_groen.png) 3% 50% no-repeat;
	}
	




#homecontactetc h3 {
	font-size:120%;
	font-weight:bold;
	margin-bottom:0em;

	}

  #homecontactetc p {
  margin:0 0 1.7em 0;
  padding: 0 30px 0 0;
  }


   #homecontactetc a.verderlezen {
  color:#008bcd;
  text-decoration:none;
  font-size:100%;
  margin:0;
  }

  .quote {
  color:#000;
  font-weight:bold;
   padding: 0 30px 0 0;
  }
  span.quotenaam {

  color:#000;
  font-weight:normal;
  }









#leesfunctie {
background:transparant;
}

#leesfunctie img {
float:right;
padding:0 10px 0 0;
}


#maincontent p.highlight {
	margin: 20px 35px 2em 0;
	padding: 20px 10px 20px 140px;
	background: #fff url(Invalid Asset URL) 17px 50%  no-repeat;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	font-size:120%;
	line-height:1.6em;
	font-weight:bold;
	}



#paginatitel {
	margin:0;
	padding:2.7em 50px 2.2em 50px;
	background:#cbcccd;
	border-top: 4px solid #fefefe;
	border-bottom: 4px solid #fefefe;

	}

#paginatitel h1 {
	color:#444;
	font-size:370%;
	font-weight:normal;
	}




ul#crumbtrail {
  float:left;
  list-style:none;
  color:#fff;
  margin:0;
  padding:0.2em 0;
    background:#00ADEF;
	width:100%;

  }

ul#crumbtrail li {
  float:left;
  }

  ul#crumbtrail li.first {
padding-left:20px;
  }

ul#crumbtrail a{
  float:left;
  display:block;
  padding:0 4px 0 4px;
  color:#fff;
  text-decoration:none;
  }


ul#crumbtrail a:hover {
  color:#777;
  }

#reguliermain {
	float:left;
	width:340px;
	margin:14px 0 2em 20px;
	display:inline;
	}
	
#reguliermain h2, #reguliermore h2 {
	font-size:120%;
	font-weight:normal;
	padding:0.6em 14px;
	margin-top:0;
	}

#reguliermain h2 {
	margin:0;
	padding:0;
	font-size:130%;
	font-weight:bold;
	}


#reguliermain p {
	margin:0 0 1em 0;
	}

#reguliermore h2 {
	background:#444;
	color:#fff;
	}
.firstp
{font-weight:bold;}


#reguliermore {
	float:right;
	width:340px;
	margin:14px 20px 0 0;
	display:inline;
	background:#fff;
	padding:0;
	}



ul#subnavmax5, ul#subnavmax14 {
list-style:none;
margin:0;
padding:0;
}

ul#subnavmax5 a {
display:block;
font-size:160%;
height:1em;
line-height:1em;
text-decoration:none;
padding:0.4em 0 0.4em 0;
}

ul#subnavmax14 a {
display:block;
font-size:100%;
height:1em;
line-height:1em;
text-decoration:none;
padding:0.2em 0 0.2em 0;
}

ul#subnavmax5 a:hover {

text-decoration:underline;
}


#reguliermore h4   {
	margin:0 14px;
	width:80%;
	}
	
#reguliermore h4 a  {
	background:#00ADEF url(/uploads/tZ/IN/tZINVxeDMQ9VfZeEjmqB-w/icoontje_contact_kl.png) 3% 50% no-repeat;
	font-size:140%;
	font-weight:normal;
	padding:1.4em 10px 1.4em 80px;
	margin:1em 0;
	display:block;
	color:#fff;
	text-decoration:none;
	}
#reguliermore h4 a:hover  {
	background:#00ADEF url(/uploads/rr/Sy/rrSyJOJtbN1tqCsdoQZjDw/icoontje_contact_groen_kl.png) 3% 50% no-repeat;
	}




 .clear {
 clear:both;
 }

	
	.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* 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: auto;
  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%;
  }

#footer .center {
  position:absolute;
  top:0;
  margin:0.3em 0;
  left:240px;
  align: center;
  color: #fff;
  font-size:100%;
  }

.left
{ float: left;
  padding: 0px 8px 0px 0px;
}

.right
{ float: right;
  padding: 0px 0px 0px 8px;
}

#footer a.center
{ margin: 0pt auto;
}



#reguliermail {
width:300px;
background:red;
float:left;
padding:10px 0 0 0;
background:#00ADEF;;
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: 260px;
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:#000;
border-top:1px solid #ababab;
}

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


.mask{
background-color: black;
opacity: 0.25;
}




/*.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
*/