/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; font-size: 12px; color: #666666; }
input, select, textarea { font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; font-size: 12px; color: #666666; }
body { background: #fff; }
img { border: 0px; display: block; }
a, input { outline: none; }

/* ### global classes ### */
.clear { clear: both; height: 1px; }
.overlay { position: fixed; top: 0px; left: 0px; z-index: 400; width: 100%; height: 100%; background: url('../images/overlay.png'); }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; background: url('../images/wrapper.jpg') center top no-repeat; }

#taalversies { position:absolute; margin-top:47px; margin-left:762px; }
#taalversies ul { list-style:none; }
#taalversies ul li { float:left; padding:0px 0px 0px 6px; }

#nieuwsbanner { position:absolute; margin-top:5px; margin-left:666px; }
#nieuwsbanner ul { list-style:none; }
#nieuwsbanner ul li { float:left; padding:0px 0px 0px 0px; }

/* ### main container ### */
#mainCntr { margin: 0 auto; padding-bottom: 20px; width: 938px; position: relative; }

	/* ### header container ### */
	#headerCntr { position: relative; width: 938px; height: 115px; }
	#headerCntr h1 { position: absolute; top: 23px; left: 0px; }
	#headerCntr h1 a { display: block; width: 186px; height: 85px; text-indent: -9999px; background: url('../images/logo.jpg') no-repeat; }
	#headerCntr h1 a.de {  background: url('../images/logo-du.jpg') no-repeat; }
	#headerCntr h1 a.en {  background: url('../images/logo-eng.jpg') no-repeat; }
		/* ### menu box ### */
		.menuBox { position: absolute; bottom: 0; left: 0px; width: 738px; height: 45px; top:70px; margin-left:210px; }
		.menuBox ul { list-style: none; line-height: 45px; font-size: 14px; float:right }
		.menuBox li { padding: 0 8px; float: left; }
		.menuBox li a { color: #666666; display: block; font-weight: bold; text-decoration: none; text-transform:uppercase; }
		.menuBox li a:hover, .menuBox li.selected a { color: #008ecf; }
		
		.menuBox ul ul { position:absolute; display:none; z-index:100; float:none; top:40px; background-image:url(../images/opacity.png); padding-bottom:4px; padding-top:2px; margin-left:-10px;  }
		.menuBox ul li:hover ul { display:block; line-height:33px; }
		.menuBox ul ul li { float:none; }
		
	/* ### banner container ### */
	#bannerCntr { width: 100%; overflow: hidden; background: #e8eff5 url('../images/banner-corner.jpg') right bottom no-repeat; }
	
		/* ### banner box ### */
		.bannerBox { width: 317px; float: left; overflow: hidden; height: 370px; position: relative; }
		.bannerBox img.pad { position: absolute; left: 20px; top: -115px; }

		/* ### text box ### */
		.textBox { margin-right: 20px; width: 576px; float: right; overflow: hidden; height: 370px; position: relative; }
		.textBox h2 { padding: 15px 0; color: #0f94d1; font-size: 28px; font-weight: normal; }
		.textBox h3 { color: #008ecf; font-size: 16px; line-height: 18px; }
		.textBox p { padding-bottom: 10px; color: #008ecf; line-height: 18px; font-size: 14px; }
		.textBox ul { position: absolute; right: 0px; bottom: 15px; list-style: none; }
		.textBox li { float: left; }
		.textBox li span { padding: 40px 15px 0 15px; color: #008ecf; font-size: 14px; display: block; }

	/* ### content container ### */
	#contentCntr { overflow: hidden; width: 938px; }
	#contentCntr.subPages { margin-bottom: 20px; width: 100%; background: url('../images/gradient2.jpg') left top repeat-x; }
	#contentCntr div.bottomCorner { width: 100%; overflow: hidden;  }
	
		/* ### left container ### */
		#leftCntr { padding-left: 22px; padding-top: 60px; float: left; width: 295px; min-height: 500px;  }
		
			/* ### img box ### */
			.imgBox { width: 100%; overflow: hidden; position: relative; }
			.imgBox h2 { padding: 11px 21px 21px 21px; color: #008ecf; font-size: 26px; }
			.imgBox img { margin-left: 21px; }
			.imgBox div.pic { position: relative; }
			.imgBox div.pic a { display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; text-indent: -9999px; background: url('../images/loep.png') no-repeat center -500px; }
			.imgBox div.pic a:hover { background-position: center center; }
			.imgBox p { padding: 11px 21px 21px 21px; padding-bottom: 0px; color: #666666; line-height: 16px; font-size: 13px; }			
			.imgBox a { color: #008ECF; display:block; text-align:right; font-weight:bold; text-decoration:none; font-size:14px;  }
			.imgBox a:hover { text-decoration: none; }
			.imgBox p.small { padding-top: 0; line-height: 14px; font-size: 10px; }	
		
		/* ### center container ### */
		#centerCntr { width: 100%; overflow: hidden; }
		
			/* ### product box ### */
			.productBox { padding: 22px 0; width: 100%; overflow: hidden; background-image:url(../images/gradient1.jpg); background-repeat:repeat-x; }
			.productBox div.product, .productBox div.green, .productBox div.blue { padding: 20px 22px 20px 0px; padding-top: 0px; float: left; position: relative; width: 282px; height: 186px; color: #f59f20; overflow: hidden; border-right:1px solid #008ecf; }
		
			.productBox div.green { margin: 0 23px; color: #94c11c; border-right:1px solid #008ecf;  }
			.productBox div.blue { color: #008ecf; border-right:none; padding-right:0px;  }
			.productBox h2 { font-weight: normal; font-size: 26px; line-height: 26px; padding-bottom: 4px; }
			.productBox p { font-size: 12px; }
			/*.productBox a { text-indent: 10px; font-weight: bold; display: block; text-transform: uppercase; font-size: 14px; height: 29px; line-height: 29px; color: #fff; text-decoration: none; position: absolute; left: 20px; bottom: 20px; width: 263px; background: #f39100; }
			*/
			.productBox a { color:#666666; text-decoration:none; font-weight:bold; }
			.productBox a.green { color: #94c11c; }
			.productBox a.blue { color: #008ecf; }
			.productBox a:hover { text-decoration: underline; }
			
			.productbreed { width:636px; float:left; height:160px; overflow:hidden; margin-right:20px; }
			.productbreed h2 { font-size: 18px; padding-bottom: 4px; }
			.nieuwsitem { height:80px; padding-left:20px; }
			
		/* ### right container ### */
		#rightCntr { padding-right: 22px; float: right; width: 577px; }
	
			/* ### content box ### */
			.contentBox { padding: 5px 0 35px 0; width: 100%; overflow: hidden; color: #666666; font-size: 13px; }
			.contentBox h2 { padding: 15px 0 10px 0; color: #008ecf; font-size: 26px; font-weight: normal; }
			.contentBox h3 { padding: 0 0 10px 0; color: #008ecf; font-size: 14px; }
			.contentBox p { padding-bottom: 15px; line-height: 18px; }
			.contentBox p.last { padding-bottom: 5px; }
			.contentBox a { color: #666666; }
			.contentBox a:hover { text-decoration: none; }
			.contentBox ul { padding-bottom: 10px; line-height: 18px; }
			.contentBox li { padding-left: 14px; background: url('../images/content-list.jpg') left 7px no-repeat; }
			.contentBox div.img { margin-bottom: 10px; position: relative; width: 100%; overflow: hidden; background: #94c11c; }
			.contentBox div.img span { position: absolute; top: 0px; right: 0px; z-index: 10; padding: 10px; height: 279px; background: #94c11c; font-size: 10px; line-height: 15px; color: #fff; width: 140px; display: block; float: right; }
			.contentBox sup { font-size: 10px; }
			.contentBox p span.kolom { display: inline-block; width: 200px; }
			.contentBox p span.link img { display: inline-block; width: 160px; margin-right: 20px; background-color: #FFF; height: 70px; }
			.contentBox .kolommen { position: relative; }
			.contentBox .linkerkolom { display: inline; float: left; width: 50%; }
			.contentBox .rechterkolom { display: inline; width: 50%; }
			
			
			.contentBox #faqs { position: relative; }
			.contentBox #faqs h2, .contentBox #faqs h3 {  }
			.contentBox #faqs h2.active, .contentBox #faqs h3.active { color: #666666; }
			.contentBox #faqs div   { }
			.contentBox #faqs div p	{ padding: 0; margin-bottom:15px; }
			
			
			
		
	/* ### footer container ### */
	#footerCntr { overflow: hidden; width: 938px; height: 44px; line-height: 44px; border-top:1px solid #d7d7d8;  }
	#footerCntr ul { list-style: none; line-height: 44px; }
	#footerCntr li { padding-right: 10px; margin-right: 10px; color: #666666; float: left; font-size: 11px; background-image:url(../images/footerdivider.jpg); background-position:right; background-repeat:no-repeat;  }
	#footerCntr li.last { background:none; }
	#footerCntr li a { font-weight: normal; text-decoration:none;  color: #666666; }
	#footerCntr li span { color:#0087cb; font-weight: bold; }
	#footerCntr li a:hover { text-decoration: underline; }

	
	/* ### popup container ### */
	#popupCntr { padding-top: 9px; margin-left: -448px; width: 896px; position: absolute; left: 50%; top: 50px; z-index: 800; background: url('../images/pop-top.png') left top no-repeat; }
	#popupCntr div.bottom { padding-bottom: 8px; width: 896px; background: url('../images/pop-bottom.png') left bottom no-repeat; }
	#popupCntr div.mid { width: 896px; background: url('../images/pop-mid.png') left bottom repeat-y; }
	#popupCntr div.vertical { margin: 0 auto; width: 878px; height: 612px; background: url('../images/pop-ver.jpg') left top repeat-x; }
	#popupCntr div.left { float: left; width: 595px; position: relative; }
	#popupCntr div.right { margin-left: -25px; float: right; width: 284px; min-height: 612px; background: #008ecf; }
	#popupCntr a.close { position: absolute; right: -10px; top: -10px; width: 35px; height: 35px; display: block; text-indent: -9999px; background: url('../images/close.png') center center no-repeat; }
	#popupCntr h2 { padding: 20px 25px 0 25px; color: #008ecf; font-size: 18px; }
	#popupCntr img { margin: -15px 0 0 23px; float: left; }
	#popupCntr ul.tab { padding: 33px 13px 0 13px; list-style: none; height: 222px; }
	#popupCntr ul.tab li { padding-bottom: 9px; width: 100%; overflow: hidden; line-height: 17px; }
	#popupCntr ul.tab li span { display: block; float: left; width: 17px; height: 17px; color: #000; line-height: 17px; font-weight: bold; text-align: center; background: url('../images/span.png') no-repeat; }
	#popupCntr ul.tab li a { margin-left: 9px; font-size: 13px; letter-spacing: 1px; line-height: normal; display: block; float: left; width: 230px; color: #fff; text-decoration: none; }
	#popupCntr ul.tab li a img { margin: 0; margin-bottom: -2px; float: none; display:inline; }
	#popupCntr ul.tab li a:hover { text-decoration: none; cursor: default; }
	#popupCntr ul.tab li a:hover.link { text-decoration: underline; cursor: pointer; }
	#popupCntr h3 { padding: 80px 15px 0 15px; color: #fff; font-size: 15px; }
	#popupCntr p { padding: 10px 15px 15px 15px; font-size: 14px; color: #bfe3f3; line-height: 18px; }
	#popupCntr ul.list { list-style: none; }
	#popupCntr ul.list li { padding: 0 15px; line-height: 22px; color: #008ecf; background: #99d2ec; }
	#popupCntr ul.list li.next { background: #fff; }
	
	
	.contentBox .project h3 { font-size:18px; font-weight: normal; }
	
	.project { list-style-type:none; }
	.project li { margin-bottom:20px; background-image:none; padding-left:0px; clear:both; }
	.project li img { float:left; margin:0px 10px 10px 0px; }
	.project a { color: #666666;  font-size: 13px; font-weight: bold; }
	.floatleft { float:left; margin:0px 10px 10px 0px; }
	
	.certificaat { list-style-type:none; }
	.certificaat li { float:left; display:inline; margin-bottom:20px; background-image:none; padding-left:0px; }
	.certificaat li img { margin:0px 30px 10px 0px; }
	.certificaat li span { width: 150px; min-height: 75px; display: block; overflow: hidden; margin:0px 0px 30px 0px; }
	
	form { width:560px; }
	form fieldset { border: none; }
	form label { float: left; width: 105px; line-height:23px; }
	form input.field { width: 400px; border: none; float: left; padding: 5px 5px; font-size: 10px; margin-bottom:8px;  }
	form select { float: left; width: 53px; height: 20px; border: 1px solid #000; }
	form input.button { border: 0px solid #000; color: white; cursor: pointer; margin: 10px 0 0 105px; background: #666666; padding: 10px; }
	form input.button:hover { border: 0px solid #000; color: white; cursor: pointer; margin: 10px 0 0 105px; background: #008ecf; padding: 10px; }
	form textarea { width: 400px; height: 106px; line-height: 15px; padding: 5px; border:0px; float:left;   }
	
	form.rekenmodule { width:560px; }
	form.rekenmodule fieldset { border: none; }
	form.rekenmodule label { float: left; width: 400px; line-height:23px; }
	form.rekenmodule input.field { width: 76px; border: none; float: none; padding: 5px 5px; font-size: 11px; margin-bottom:0px; margin-right:8px; text-align: right;}
	form.rekenmodule select { float: left; width: 53px; height: 20px; border: 1px solid #000; }
	form.rekenmodule input.button { border: 0px solid #000; color: white; cursor: pointer; margin: 10px 10px 10px 0; background: #666666; padding: 10px; }
	form.rekenmodule input.button:hover { border: 0px solid #000; color: white; cursor: pointer; margin: 10px 10px 10px 0; background: #008ecf; padding: 10px; }
	form.rekenmodule textarea { width: 400px; height: 106px; line-height: 15px; padding: 5px; border:0px; float:left;   }
	form.rekenmodule p.row { line-height: 22px; padding-bottom: 0px; margin-bottom: 8px; }

	div#result {display: none;}

	.input-symbol-euro {
    position: relative;
}
.input-symbol-euro input {
    padding-left:18px;
}
.input-symbol-euro:before {
    position: absolute;
    top: 0;
    content:"€";
    left: 5px;
}
	
	.solartech { position:absolute; margin-top:20px; margin-left:866px; }
	#topmenu { position:absolute; margin-top:47px; margin-left:754px; font-size:10px; }
	#topmenu a { color:#000; text-decoration:none; text-transform:uppercase; }
	#topmenu a:hover { text-decoration:underline; }
	
	.pointer { cursor:pointer; }
	
	.contentBox ul.sitemap { list-style:none; line-height:20px; }
	.contentBox ul.sitemap ul { list-style:none; }	
	.contentBox .sitemap li { background:none; }
	.contentBox .sitemap ul { padding-bottom:0px; }
        
        form .g-recaptcha {
            margin: 7px 0 0 105px;
            height:78px;
            width:100%;
            display:block;
            float:left;
        }