/*
body {
	background: #f0f0f0 url(images/bg.jpg) repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font: 12px arial;
}

#wrapper {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
} 

#top {
  height: 18px;
  text-align: right;
  color: #878888;
  padding: 4px;
}

#header {
  height: 108px
}

#middle {
  height: 202px;
  width: 1000px;
}

#footer {
  margin-top: 20px;
  height: 121px;
  width: 1000px;
}




#logo {
  float: left;
}

#kreten {
  font-size: 30px;
  word-spacing: 60px;
  color: #878888;
  font-weight: bold;
  width: 859px;
  float: left;
  padding: 26px 00px;
  text-align: center;
  height: 58px;  
}

#carousel {
  float: left;
}

#projecten {
  background: url(images/projectenvlak.png) no-repeat;
  height: 202px;
  width: 364px;
  float: left;
}

div.vlak {
  position: relative; 
  width: 239px;
  height: 200px;
  float: left;  
  margin-right: 13px;
}

div.last {
  margin-right: 0px;
}

*/

.clear {
 clear: left;
}

h1{
font-size:15px;
margin-bottom:10px;
}


h4{
margin-bottom:7px;
}

*{
margin:0;
padding:0;

}

body{
background-image:url('../gfx/siteimages/bg.jpg');
background-repeat:repeat-x;
font-family:verdana;
padding-bottom:30px;
background-color:#C3C3C3;
font-size:11px;
padding-bottom:30px;
}

h3{
font-size:13px;
color:#00458D;

padding-bottom:10px;
}

h2{
font-size:14px;
color:#00458D;

}

img{
border:0;
}

ul#taal-switch {
 position: absolute;
 top: 10px;
 right: 10px;
 margin: 0;
 padding: 0;
 list-style-type: none;
 z-index: 200;
}

ul#taal-switch li {
 margin: 0 2px;
 padding: 0;
 display: inline;
}

/*container 954px breed gecentreerd*/
#container{
width:997px;
margin:0 auto;
margin-top:-10px;
position:relative;
}



#content_container{
background-image:url('../gfx/siteimages/bg_wit.png');
background-repeat:repeat-y;

}
#content{
background-image:url('../gfx/siteimages/arrow2.png');
background-repeat:no-repeat;
margin:0px 0px 0px 5px;
min-height:550px;
}

#logo{
float:left;
width:162px;
height:128px;
margin:20px 0px 0px 16px;
}
/*header image*/
#headerimg_container{
float:right;
width:720px;
height:200px;
margin:0px 4px 0px 0px;
}
#image{
position:absolute;
width:708px;
height:200px;
z-index:2;
overflow:hidden;
margin:0px 0px 0px 12px;
}
#arrow{
background-image:url(../gfx/siteimages/pijl-transparant.png);
background-repeat:no-repeat;
position:absolute;
width:712px;
height:325px;
z-index:3;
margin:-35px 0px 0px 12px;
}
/*werkwijze & verwerking*/
#buttons_container{
float:left;
width:295px;
margin:0px 0px 0px 10px;
}

#buttons_container a, 
#buttons_container a:visited {
 color: #00458D;
 text-decoration: none;
}

#introtekst{
float:left;
width:600px;
margin:20px 0px 10px 20px;
color:#00458D;
line-height: 1.6;
z-index: 20;
position: relative;
}
#introtekst p {
 margin: 10px 0;
}


#introtekst li {
 margin-left: 20px;
}

#introtekst a, #introtekst a:visited {
 font-size: 11px;
 color: #00458D;
 text-decoration: underline;
}



#button_werkwijze{
background-image:url(../gfx/siteimages/werkwijze.png);
background-repeat:no-repeat;
width:292px;
height:109px;

}
#button_verwerking{
background-image:url(../gfx/siteimages/verwerking.png);
background-repeat:no-repeat;
width:292px;
height: 225px;
}



#pijl, .pijl {
float:right;
margin:25px 17px 0px 0px;

}

.meer_info{
margin: 197px 10px 0px 0px;
float:right;
color:#00488F;
font-size:13px;
font-weight:bold;
}
.meer_info ul{
background-image:url(../gfx/siteimages/pijltje.png);
background-repeat:no-repeat;
background-position: top right;
list-style: none;
height: 25px;
}

.meer_info li{
width:105px;
text-align:left;
font-size: 9px;
padding-top: 2px;
}

/*hier begint het grijze gedeelte*/
#contentbottom{
background-image:url('../gfx/siteimages/content_bottom.png');
background-repeat:no-repeat;
width:997px;
height:24px;

}

#greymiddle{
background-image:url('../gfx/siteimages/greymiddle.png');
background-repeat:repeat-y;
width:997px;
position: relative;
padding-left: 15px;
}
/*tekstvakken & contact vak*/
#tekstvakken_container{
height:229px;
float:left;
width: 672px;
}

.tekstvak_half {
float:left;
background-image:url('../gfx/siteimages/tekstvakken.png');
background-repeat:no-repeat;
width:168px;
height:229px;
}

.tekstvak_full {
float:left;
background-image:url('../gfx/siteimages/contact.png');
background-repeat:no-repeat;
width:295px;
height:229px;
}

#contact{
float:left;
background-image:url('../gfx/siteimages/contact.png');
background-repeat:no-repeat;
width:295px;
height:229px;
margin:0 0px 0px 10px;
}


#contact{
float:left;
background-image:url('../gfx/siteimages/contact.png');
background-repeat:no-repeat;
width:295px;
height:229px;
margin:0 0px 0px 10px;
}

.content_tekstvak{
width:150px;
margin:7px 10px 0px 10px;
font-size:11px;
height:170px;
}

.tekstvak_full .content_tekstvak {
 width: auto;
}

#mapje{
float:right;
width:100px;
height:100px;
margin:10px 15px 0px 0px;
}
#mapje2{
float:right;
width:9 0px;
margin:10px 15px 0px 0px;
}
#footer{
text-align:center;
font-size:11px;
color:#969696;

}

#greybottom{
background-image:url('../gfx/siteimages/greybottom.png');
background-repeat:no-repeat;
height:20px;
width:997px;
}

/*MENU*/
#menu_container{
background-image:url('../gfx/siteimages/menustroke.png');
background-repeat:repeat-x;
height:44px;
z-index:4;
position:relative;
margin:0 auto;
}

.menu{
margin:0 auto;
}



#menu{
 position: relative;
 z-index: 10;
margin:0 auto;
background-color:#3d556b;
height:31px;
width:990px;
border-top:2px solid #004990;
border-bottom:2px solid #004990;
}
#menu a, #menu visited  {
text-decoration:none;
color:#fff;
font-size:14px;
}
/*
#menu ul{
color:#fff;
font-size:15px;
margin-left:170px;
padding-top:4px;
}

#menu li{
padding-left:50px;
display:inline;
}*/

/* ----------- FORM ----------------*/

.contactformulier{
float:left;
}
#introtekst form{
width:290px;
}
#introtekst fieldset{
border:none;
}
#introtekst label{
text-align:right;
width:50px;
}

/* ----------- FORM ----------------*/
/* ----------- GOOGLE MAPS----------*/
#map {
 float:left;
 width:300px;
 height:250px;
 border:1px solid #000;
 color:#000000;
 font-size:9px;
}
div#map {
 overflow:hidden;
}
/* ----------- GOOGLE MAPS----------*/
/* ----------- SNELKOPPELINGEN------*/
#contact_sc{
float:left;
background-image:url('../gfx/siteimages/contact.png');
background-repeat:no-repeat;
width:295px;
height:229px;
margin:10px 0px 0px -1px;
}
/* ----------- SNELKOPPELINGEN------*/



#gallery {
 list-style: none;
 margin: 0;
 padding: 0;
}

#gallery li {
 float: left;
 margin: 0 10px 10px 0;
 padding: 0;
}




#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/js/lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/js/lightbox/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }