@CHARSET "UTF-8";
/*  CSS Document wesselink 
	CSS: 		ronald wesselink  
	E-mail: 	rwesselink@hotmail.com
	Url: 		www.rwesselink.nl 
	bedrijf:	rwesselink B.V.
*/ 
/***************************************************************/
/******************* Reset file 		   *********************/
/***************************************************************/
 *{   margin: 0px; padding: 0;  } 	
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
body,h1,h2,h3,h4,h5,h6,p,a,li,span,div { color: #333333;
	font: normal normal normal 12px/12px Arial,Verdana, calibri, 'Bitstream Vera Sans', sans-serif;}
ul,ol { 			list-style: none; }
fieldset,img { 		border: none; }
caption,th { 		text-align: left; }
table {				border-collapse: collapse; border-spacing: 0; }
input.hidden {      display: none;border: none;background-color: #fff;}
/** * algemeen  * **/
/***************************************************
*     HTML - elementen
***************************************************/
html { 	overflow-y: scroll;}
body { 	margin: 0; text-align: left; width: 100%; margin: 0px; background: #2e5238 url(img/bodyBgGreenfade.gif) left top repeat-x;}

h1 { 	font-size: 16px; line-height:18px; color: #99BA4B; margin: 0px 0 15px 0; font-weight: bold;    }
h2 { 	font-size: 14px; line-height:16px; color: #99BA4B; margin: 0px 0 5px 0; font-weight: bold;    }
h3 { 	font-size: 14px; line-height:16px; color: #99BA4B; margin: 4px 0 10px 0; font-weight: normal;}

li{		font-size: 13px; line-height:16px;}
p {		font-size: 13px; line-height:16px;  margin-bottom: 14px;  }
a {		font-size: 13px;line-height:16px;  outline: none; text-decoration: none;	cursor: pointer;color: #009966; font-weight: bold; }
a:hover {   text-decoration: underline; }

/*  helpers */
.clearboth { 	clear:both; line-height:1px; height: 0px; }
.push { 		clear:both; height:50px; margin:0 auto; width:980px; }
.floatright { 	float:right; }
.floatleft { 	float:left; margin-right: 10px;}
.nonoutline {   outline: none;}
.italic { 		font-style: italic;}
.invalid { 		border: 1px solid red; color: #f00;}
/* * - Default opmaak lijsten / opsommingen  - * */
 	/*cijfers*/
 	ul, ol { margin:0 0 20px 0; }
	ol li { list-style: decimal; background-image: none;}
	ul li {  list-style-type: none; margin: 5px 0; }
	
	.content ul li {  list-style-type: disc; margin: 5px 0px 0px 14px;  }
 	
/* * - end Default opmaak lijsten   end - * */

/*  class image  */
.btn_back { background: transparent url(img/nav_left.gif) left top no-repeat; padding: 6px 0 0 40px; height: 24px; display: block; } 


/*  class image  */


/***************************************************
*     Framework
***************************************************/

#container {   margin: 2% auto 60px auto; text-align: left; width: 941px;  padding: 0px; }
	.container_top {   background: #FFF url(img/containerBgW941.gif) left -1px no-repeat; padding: 0px; margin: 0;    }
	.container_bottom { position: relative;background: transparent url(img/containerBgW941.gif) -940px bottom no-repeat; padding-bottom: 1px;    }
	.bg_meegroeien { background: transparent url(img/spriteBoxBg.gif) left -72px no-repeat;  }
#header { clear: both;  position:relative;  overflow: hidden;  }
#header .bn_leftTopCorner { float: left; }
#header .bn_righttopCorner { float: right; }
#header .logo { background: transparent url(img/BoxMiddleBg.gif) center top no-repeat;float: left; width:491px; height: 100px; padding: 20px 0 0 40px;  }

#footer {     }
/* logo */
	
#box_left {  	position: relative;   width: 210px; float:left; clear:left; min-height: 550px;    }
#box_middle {  	position: relative;   width: 528px; float:left;   margin-top: -30px; }
#box_right {  	position: relative;   width: 200px; float:right;  margin-top: -30px; }
#box_middle_wide { position: relative;   width: 728px; float:left;  margin-top: -30px;   }
.hbox { border-top: 2px solid #e7f1e4; margin-bottom: 15px;   }
/***************************************************
*     uitwerken 
***************************************************/
 
/*  sfeer images default */
 .bn_leftTopCorner { 	text-indent: -9999px; background: transparent url(img/sfeer/spriteBannerHome.jpg) left top no-repeat; display: block; height: 161px; width: 210px; } 	     
 .bn_leftBottomCorner {	text-indent: -9999px; background: transparent url(img/sfeer/spriteBannerHome.jpg) left -162px no-repeat; display: block; height: 97px; width: 210px; position: absolute; bottom: 0px;   } 	     
 .bn_righttopCorner { 	text-indent: -9999px; background: transparent url(img/sfeer/spriteBannerHome.jpg) left -259px no-repeat; display: block; height: 98px; width: 200px; margin-bottom: 10px;     } 	     
 .bn_rightBottomCorner { position: absolute; bottom: 0px;  background: transparent url(img/containerBgW941.gif) -1681px bottom no-repeat; margin-bottom: 0px; width: 200px; right: 0px; }	
 
	
/*  nav  */
.nav { 				display: block;  clear: both; } 	
.nav ul { 			display: block; width: 140px; float: right; _height: 559px;  }
.nav ul li {  		padding: 4px 0;text-align: right; margin: 0;display: block; width: 140px; } 	
.nav ul li a{ 		display: inline;  color: #2a4b36; font-size: 14px; font-weight: bold; line-height: 16px; width: 140px;    } 	
.nav ul li a:hover{ color: #009966; text-decoration: none;  } 	
.nav ul li.active a{color: #009966;  } 	

 	/* niv 1*/
	.nav ul li ul {border-bottom: 2px solid #e7f1e4; margin: 5px 0; _height: auto; display: none;}
	.nav ul li ul li { padding: 2px 0px;  border-right: 1px solid #e7f1e4;   }
	.nav ul li.active ul { display: block;}
	.nav ul li.active ul li a { color: #99ba4b; font-size: 12px;  text-align: right; padding-right: 5px;  }
	.nav ul li.active ul li a:hover { color: #009966;}
	.nav ul li.active ul li.active a {  color: #009966;  }


 	
/* content */
.content { padding: 0px 40px 0 40px;  }
.content h2 { color: #2A4B36; }
#referentie h2 {   margin-left:192px;}
#referentie h2.no-img {   margin-left:0px;}
p.lijn { clear: both; border-bottom: 1px solid #285934; display: block; line-height: 10px;}

#referentie { }
.imgleft { margin: 0 15px 0 0;}
.imgright { margin: 0 0px 0 15px; float: right;    }
.view-hidden { display: none;}
.view-pic { display: inline;}

/* box_right */	
#box_right p { font: normal normal normal 11px/14px Verdana,Arial, calibri, 'Bitstream Vera Sans', sans-serif; margin-bottom: 5px;}
  a.m-link { font: normal normal bold 13px/14px Arial, calibri, 'Bitstream Vera Sans', sans-serif; color: #89cef8; } 
#box_right h1 {  border-bottom: 2px solid #e7f1e4; padding: 4px 0; margin-bottom: 10px; display: block; width: 200px;    }
#box_right p strong { color: #99ba4b;}
#box_right .comment { color: #99ba4b; }

.download { background-color: #E7F1E4; }
#box_right .download h1 { padding: 0 0 0 5px; width: 197px;   }
.download p { padding: 0 0 0 5px;  clear: both;  zoom:1; }
.download p a {background: transparent url(img/icon_down.gif) right top no-repeat; padding: 5px 20px 5px 0;   display: block;width: 80px; height: 25px; float: right; margin-right: 20px; display: inline;     }
.download p span {  font: 11px/14px Verdana,Arial,calibri,'Bitstream Vera Sans',sans-serif; float: right; width: 120px;   }
.download p label {  font: 11px/14px Verdana,Arial,calibri,'Bitstream Vera Sans',sans-serif; float: left; width: 70px;   }
  
ul.keurmerk { width: 200px; clear:both; margin-bottom: 20px; display: block;   }	
ul.keurmerk li.merk1 { float: left;   }
ul.keurmerk li.merk2 {  float: right;   }
ul.keurmerk li.merk3 {     }
   

/* forms */
.forms input.invalid {  border: 1px solid red;}
.forms label.invalid { border: none; margin-left: 160px; margin-top: 5px; color: #f00; font-size: 12px; width: 200px; }
.forms label.valid {  display: none!important; }
.forms label { float: left; padding: 4px 0px ; line-height: 13px; font-size: 13px; font-weight: bold; width: 160px; color: #2A4B36; }
.forms input { padding: 3px; line-height: 12px; font-size: 12px; font-weight: bold; float: left; margin-top: 4px; width: 200px; border: 1px solid #2A4B36; } 
.forms textarea { border:1px solid #2A4B36;padding:2px; width: 202px; }
.forms .btn_submit { border:none;  background: transparent url(img/btn_submit.gif) left 3px no-repeat; 
 		width: 196px; color: #fff; line-height: 18px; font-size: 18px; height: 40px; margin-left: 250px; margin-top: 10px;}
.forms .row {   display: block; overflow: hidden; margin-bottom: 5px;}
.forms .submit {   padding-left: 160px; }
.forms .submit_veld { width:208px; background-color: #E7F1E4; padding: 3px 0; }


	
/* _____________________ ie6 / ie7 ____ (_) ie6 (*) ie6 en ie7 _____________________________ */ 	
	.container_bottom{ _zoom:1;}
	.container_top { _zoom:1;}
	.bn_rightBottomCorner { _zoom:1; *margin-bottom: -1px; }
	.bn_rightBottomCorner { _position: relative; _background-image: none;}
	

.jqQuoteLoop { float: left;  }
.jqQuoteLoop1 { float: right; }
.galery {}
.galery .galery-item {  float: left; margin-right: 20px; } 
.galery .galery-item a span {display: block;  padding: 5px 5px 5px 10px; color:#009966; } 
.galery .galery-item a:hover span { text-decoration: underline; } 
.galery .galery-item a img {display: block; } 
.galery .galery-row { margin-bottom: 20px; display: block; overflow: hidden;}
.galery .galery-row .g-item { float: left; margin-right: 12px; }
.galery .galery-row .last {  margin-right: 0px; }
.g-item a  { border: 1px solid #2E5238; display: block;padding:3px 3px 0;}
	
.overzicht-projecten { display: block; width: 100%;   margin-bottom: 40px;  }	
.overzicht-projecten tr th {   text-align: left;border-bottom:1px solid #285934; padding: 5px 30px 5px 5px;background-color: #E7F1E4; }
.overzicht-projecten tr:hover { background-color: #E7F1E4; }
.overzicht-projecten tr td{	 text-align: left; padding: 5px 30px 5px 5px; border-bottom: 1px solid #E7F1E4; line-height: 15px; }