/* ################################################## */
/*  Made by: www.DIRECT BASING.com                    */
/*  Semantisch correcte xHTML Basing                  */
/* ################################################## */

/* ### GENERAL ### */
* { padding: 0px; margin: 0px; }
a { outline:none; }
html, body { font-family: Verdana, Arial; font-size: 12px; color: #8f9190; }
input, select, textarea { font-family: Verdana, Arial; font-size: 12px; color: #8f9190; }
body { background: #fff; }
img { border: 0px; }
.publisherItemImage { margin-top:25px; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; }

/* ### WRAPPER ### */
#wrapper { width: 100%; min-height: 100%; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 980px; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 980px; height: 164px; }
	#headerCntr h1 { padding-top: 13px; }
	#headerCntr h1 a { display: block; width: 297px; height: 134px; text-indent: -9999px; background: url('../images/logo.jpg') no-repeat; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr { padding-top: 55px; width: 590px; float: right; }
		#menuCntr ul { list-style: none; }
		#menuCntr ul li { margin: 0 22px 11px 0px; width: 180px; height: 31px; text-align: center; line-height: 31px; float: left; background: url('../images/menu.gif') no-repeat; }
		#menuCntr ul li.last { margin-right: 0px; }
		#menuCntr ul li a { color: #000; font-size: 14px; text-decoration: none; width: 180px; height: 31px; display:block; }
		#menuCntr ul li a:hover { text-decoration: underline; }
	
	/* ### BANNER CONTAINER ### */
	#bannerCntr { padding: 10px 32px; overflow: hidden; width: 916px; height: 437px; background: url('../images/banner.jpg') no-repeat; }
	#bannerCntr a.left { width: 325px; height: 52px; display: block; float: left; text-indent: -9999px; background: url('../images/banner-left.png') no-repeat; }
	#bannerCntr a.right { width: 289px; height: 50px; display: block; float: right; text-indent: -9999px; background: url('../images/banner-right.png') no-repeat; }
	#bannerCntr p { padding-top: 375px; color: #FFFFFF; font-size: 18px; text-align: center; }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { overflow: hidden; width: 980px; }
		
		/* ### CENTER CONTAINER ### */
		#centerCntr { width: 980px; }
			
			/* ### NP BOX ### */
			.npBox { width: 980px; height: 20px; overflow: hidden; }
			.npBox ul { padding-right: 5px; list-style: none; float: right; }
			.npBox ul li { padding-left: 2px; float: left; font-size: 11px; color:#a5a4a4; font-style: italic; }
			.npBox ul li a { padding-right: 2px; color: #a5a4a4; text-decoration: none; }
			.npBox ul li a:hover { text-decoration: underline; }
			
			/* ### TEXT BOX ### */
			.textBox { padding-bottom: 5px; width: 980px; overflow: hidden; }
			.textBox .left { width: 590px; float: left; }
			.textBox .right { /*padding-top: 30px; float: right;*/ width: 340px; overflow: hidden; }
			.textBox h2 { padding-bottom: 10px; font-size: 24px; color: #00A28B; line-height: 27px; font-weight: normal; }
			.textBox h3 { padding-top: 15px; color:#000000; font-size: 14px; }
			.textBox h2 span { font-size: 22px; color: #000; }
			.textBox h2 span.instromen { padding-left: 90px; display: block; font-size: 22px; color: #000; }
			.textBox h2 span span { padding-left: 110px; display: block; }
			.textBox p { padding: 15px 0px 0 0; line-height: 16px; color: #000; } 
			.textBox p span { display: block; font-weight: bold; }
			.textBox img.circle { float: right; margin-bottom: 15px; }
			.textBox a.arrow { padding-left: 10px; margin-left: 135px; font-style: italic; color: #8f9190; background: url('../images/text-arrow.gif') 0 5px no-repeat; }
			.textBox a.arrow:hover { text-decoration: none; }
			.textBox a.direct { width: 246px; height: 76px; margin-top: 65px; display: block; text-indent: -9999px; float: right; background: url('../images/direct.gif') no-repeat; }
			.textBox img.instro { margin-top: 25px; }
			
			/* ### TEXT BOX 2 ### */
			.textBox2 { padding-bottom: 5px; width: 980px; overflow: hidden; }
			.textBox2 .left { width: 590px; float: left; }
			.textBox2 .right { padding-top: 30px; width: 390px; overflow: hidden; float: right; }
			.textBox2 h2 { padding-bottom: 10px; font-size: 24px; color: #8cc242; line-height: 27px; font-weight: normal; }
			.textBox2 h3 { padding-top: 15px; color:#000000; font-size: 14px; }
			.textBox2 h2 span { font-size: 22px; color: #000; }
			.textBox2 h2 span.instromen { padding-left: 90px; display: block; font-size: 22px; color: #000; }
			.textBox2 h2 span span { padding-left: 110px; display: block; }
			.textBox2 p { padding: 15px 0px 0 0; line-height: 16px; color: #000; } 
			.textBox2 p span { display: block; font-weight: bold; }
			.textBox2 img.circle { float: right; margin-bottom: 15px; }
			.textBox2 a.arrow { padding-left: 10px; margin-left: 135px; font-style: italic; color: #8f9190; background: url('../images/text-arrow.gif') 0 5px no-repeat; }
			.textBox2 a.arrow:hover { text-decoration: none; }
			.textBox2 a.arrow2 { padding-left: 10px; margin-left: 135px; font-style: italic; color: #8f9190; background: url('../images/text-arrow2.gif') 0 5px no-repeat; }
			.textBox2 a.arrow2:hover { text-decoration: none; }
			.textBox2 a.direct { width: 246px; height: 76px; margin-top: 65px; display: block; text-indent: -9999px; float: right; background: url('../images/direct.gif') no-repeat; }
			.textBox img.instro { margin-top: 25px; }
			.textBox2 ul { color: #000;margin-left:20px; list-style-type:disc }
			.textBox2 .li { color: #000; }
			.textBox2 a { color: #8f9190; text-decoration:underline; font-style:italic; }
			
			/* ### TEXT BOX 3 ### */
			.textBox3 { padding-bottom: 5px; width: 980px; overflow: hidden; }
			.textBox3 .left { width: 590px; float: left; }
			.textBox3 .right { padding-top: 30px; width: 390px; overflow: hidden; float: right; }
			.textBox3 h2 { padding-bottom: 10px; font-size: 24px; color: #14ab58; line-height: 27px; font-weight: normal; }
			.textBox3 h3 { padding-top: 15px; color:#000000; font-size: 14px; }
			.textBox3 h2 span { font-size: 22px; color: #000; }
			.textBox3 h2 span.instromen { padding-left: 90px; display: block; font-size: 22px; color: #000; }
			.textBox3 h2 span span { padding-left: 110px; display: block; }
			.textBox3 p { padding: 15px 0px 0 0; line-height: 16px; color: #000; } 
			.textBox3 p span { display: block; font-weight: bold; }
			.textBox3 img.circle { float: right; margin-bottom: 15px; }
			.textBox3 a.arrow { padding-left: 10px; margin-left: 135px; font-style: italic; color: #8f9190; background: url('../images/text-arrow.gif') 0 5px no-repeat; }
			.textBox3 a.arrow:hover { text-decoration: none; }
			.textBox3 a.arrow2 { padding-left: 10px; margin-left: 135px; font-style: italic; color: #8f9190; background: url('../images/text-arrow2.gif') 0 5px no-repeat; }
			.textBox3 a.arrow2:hover { text-decoration: none; }
			.textBox3 a.direct { width: 246px; height: 76px; margin-top: 65px; display: block; text-indent: -9999px; float: right; background: url('../images/direct.gif') no-repeat; }
			.textBox img.instro { margin-top: 25px; }
			.textBox3 ul { color: #000;margin-left:20px; list-style-type:disc }
			.textBox3 .li { color: #000; }
			.textBox3 a { color: #8f9190; text-decoration:underline; font-style:italic; }
			
			/* ### PRODUCT BOX ### */
			.productBox { padding: 6px 0; margin: 15px 0 5px 0; width: 978px; border: #c1c1c1 solid 1px; overflow: hidden; }
			.productBox .left { width: 448px; float: left; }
			.productBox .right { width: 530px; float: right; }
			.productBox h3 { padding: 5px 0px 0px 10px; color: #000; font-size: 12px; }
			.productBox p { padding: 0px 10px 15px 10px; color: #000000; line-height: 17px; }
			.productBox ul.details { list-style: none; }
			.productBox ul.details li { padding: 0px 22px 0px 8px; width: 410px; line-height: 17px; display: block; overflow: hidden; }
			.productBox ul.details li ul { float: right; width: 272px; }
			.productBox ul.details li ul li { padding: 0px; width: auto; }
			.productBox ul.details li ul li a { padding-left: 10px; color: #8f9190; text-decoration: none; text-decoration: none; background: url('../images/list-dot.gif') 0 7px no-repeat; }
			.productBox ul.details li ul li a:hover { text-decoration: underline; }
			.productBox ul.details li span.heading { width: 135px; float: left; display: block; font-style: italic; }
			.productBox ul.details li span.text { width: 272px; float: right; display: block; }
			.productBox ul.product { padding: 6px 0; list-style: none; overflow: hidden; }
			.productBox ul.product li { padding-right: 16px; float: left; }
			.productBox ul.product li.last { padding: 0px; }
			.productBox ul.dark { list-style: none; }
			.productBox ul.dark li { padding: 0px 22px 0px 8px; width: 940px; line-height: 17px; display: block; overflow: hidden; }
			.productBox ul.dark li ul { padding-bottom: 10px; float: right; width: 800px; }
			.productBox ul.dark li ul li { padding: 0px; width: auto; }
			.productBox ul.dark li ul li a { padding-left: 10px; color: #111; text-decoration: none; text-decoration: none; background: url('../images/list-dot.gif') 0 7px no-repeat; }
			.productBox ul.dark li ul li a:hover { text-decoration: underline; }
			.productBox ul.dark li span.heading { width: 140px; float: left; color: #111; display: block; font-style: italic; }
			.productBox ul.dark li span.text { width: 800px; float: right; color: #111; display: block; }
			
			/* ### SLIDE BOX ### */
			.slideBox { margin-top: 20px; width: 980px; height: 189px; background: url('../images/slide-strip.gif') repeat-x; }
			/*.slideBox ul { list-style: none; }
			.slideBox ul li.first { padding-right: 22px; padding-top: 0px;}
			.slideBox ul li { padding: 19px 18px 0px 0px; float: left; }
			.slideBox ul li.last { padding: 0px; }*/
			
			/* ### CONTACT BOX ### */
			.contactBox { padding-bottom: 30px; width: 980px; overflow: hidden; color: #000000; }
			.contactBox .left { width: 730px; float: left; }
			.contactBox .right { padding-top: 90px; width: 250px; float: right; }
			.contactBox h2 { padding-bottom: 10px; font-size: 24px; color: #8f9190; font-weight: normal; }
			.contactBox h3 { padding-top: 10px; font-size: 12px; color: #000; }
			.contactBox form { margin: 0px; }
			.contactBox form fieldset { padding-top: 20px; border: 0px; overflow: hidden; }
			.contactBox form input.radio { margin-top: 2px; float: left; margin-right: 5px; }
			.contactBox form label { float: left; }
			.contactBox form p.neem { padding-bottom: 3px; width: 300px; overflow: hidden; display: block; }
			.contactBox form p.first { padding-top: 20px; overflow: hidden; }
			.contactBox form p.rest { padding-top: 5px; float: left; width: 700px; }
			.contactBox form input.field { padding: 3px 0px 0px 5px; width: 193px; height: 18px; border: #c1c1c1 solid 1px; float: left; color:#000; }
			.contactBox form label.text { width: 126px; float: left; display: block; line-height: 21px; }
			.contactBox form input.verzend { margin: -5px 0px 0px 40px; width: 131px; height: 28px; float: left; border: 0px; font-size: 10px; text-transform: uppercase; color: #000; cursor: pointer; background: url('../images/verzend.gif') no-repeat; }
			/* START - IE7 FIX */
			*:first-child+html .contactBox form input.verzend { margin: -18px 0px 0px 40px; }
			/* EINDE - IE7 FIX */
			.contactBox p.explain { padding: 5px 0 0 126px; line-height: 16px; font-size:10px }
			.contactBox p.email { padding: 12px 0px 15px 0px; line-height: 16px; }
			.contactBox p a { color: #000000; text-decoration: underline; font-style: italic; }
			.contactBox a { color: #000000; text-decoration: none; }
			.contactBox p a:hover { text-decoration: none; }
			.contactBox a:hover { text-decoration: underline; }
			.contactBox span { font-weight: bold; color: #14ab58; }
			.contactBox address { padding-top: 10px; font-style: normal; line-height: 20px; }
			.contactBox span.radio { margin: 1px 5px 0px 0px; float: left; display: block; width: 13px; height: 13px; background: url('../images/radio.gif') no-repeat; }
			.contactBox .error, .contactBox .formErrorMark, .formError span{ color:red;}
			.contactBox form input.error {  border: 1px solid red;}
			
			/* ### CONTACT BOX2 ### */
			.contactBox2 { padding-bottom: 30px; width: 980px; overflow: hidden; color: #000000; }
			.contactBox2 .left { /*width: 730px;*/ width: 949px; float: left; text-align:justify }
			.contactBox2 .right { padding-top: 90px;/* width: 250px;*/ width: 1px; float: right; }
			.contactBox2 h2 { padding-bottom: 10px; font-size: 24px; color: #8f9190; font-weight: normal; }
			.contactBox2 h3 { padding: 10px 0; font-size: 12px; color: #000; }
			
			/* ### VAN BOX ### */
			.vanBox { width: 980px; overflow: hidden; color: #000; }
			.vanBox .left { padding-right: 148px; width: 585px; float: left; }
			.vanBox .right { padding-top: 5px; width: 247px; float: right; }
			.vanBox h2 { padding-bottom: 8px; font-size: 23px; line-height: 27px; font-weight: normal; }
			.vanBox h2 span { padding-left: 75px; display: block; color: #8cc242; }
			.vanBox h2 span.dark { padding-left: 75px; display: block; color: #00a28b; }
			.vanBox p { padding-top: 15px; line-height: 16px; }
			.vanBox p span { display: block; font-weight: bold; }
			.vanBox .images { padding: 18px 0 5px 0; width: 585px; overflow: hidden; }
			.vanBox img.content { float: left; margin-right: 40px; }
			.vanBox a.direct { width: 246px; height: 76px; margin-bottom: 11px; display: block; text-indent: -9999px; background: url('../images/direct.gif') no-repeat; }
			.vanBox a.van { width: 246px; height: 254px; display: block; text-indent: -9999px; background: url('../images/van-img.gif') no-repeat; }
			.vanBox img.statue { margin-bottom: 11px; }
			.vanBox img.opger { margin-top: 27px; }
			
			/* ### VAN BOX 2 ### */
			.vanBox2 { width: 980px; overflow: hidden; color: #000; }
			.vanBox2 .left { padding-right: 148px; width: 585px; float: left; }
			.vanBox2 .right { padding-top: 5px; width: 247px; float: right; }
			.vanBox2 h2 { padding-bottom: 8px; font-size: 23px; line-height: 27px; font-weight: normal; }
			.vanBox2 h2 span { padding-left: 75px; display: block; color: #8cc242; }
			.vanBox2 div.left h2 span.dark { padding-left: 75px; display: block; color: #00a28b; }
			.vanBox2 p { padding-top: 15px; line-height: 16px; }
			.vanBox2 p span { display: block; font-weight: bold; }
			.vanBox2 .images { padding: 18px 0 5px 0; width: 585px; overflow: hidden; }
			.vanBox2 img.content { float: left; margin-right: 40px; }
			.vanBox2 a.direct { width: 246px; height: 76px; margin-bottom: 11px; display: block; text-indent: -9999px; background: url('../images/direct.gif') no-repeat; }
			.vanBox2 a.van { width: 246px; height: 254px; display: block; text-indent: -9999px; background: url('../images/van-img.gif') no-repeat; }
			.vanBox2 img.statue { margin-bottom: 11px; }
			.vanBox2 img.opger { margin-top: 27px; }
			
			/* ### VAN BOX 3 ### */
			.vanBox3 { width: 980px; overflow: hidden; color: #000; }
			.vanBox3 .left { padding-right: 148px; width: 585px; float: left; }
			.vanBox3 .right { padding-top: 5px; width: 247px; float: right; }
			.vanBox3 h2 { padding-bottom: 8px; font-size: 23px; line-height: 27px; font-weight: normal; color:#8f9190 }
			.vanBox3 h2 span { padding-left: 75px; display: block; color: #8cc242; }
			.vanBox3 div.left h2 span.dark { padding-left: 75px; display: block; color: #000000; }
			.vanBox3 p { padding-top: 15px; line-height: 16px; }
			.vanBox3 p span { display: block; font-weight: bold; }
			.vanBox3 .images { padding: 18px 0 5px 0; width: 585px; overflow: hidden; }
			.vanBox3 img.content { float: left; margin-right: 40px; }
			.vanBox3 a.direct { width: 246px; height: 76px; margin-bottom: 11px; display: block; text-indent: -9999px; background: url('../images/direct.gif') no-repeat; }
			.vanBox3 a.van { width: 246px; height: 254px; display: block; text-indent: -9999px; background: url('../images/van-img.gif') no-repeat; }
			.vanBox3 img.statue { margin-bottom: 11px; }
			.vanBox3 img.opger { margin-top: 27px; }
			
			/* ### VAN BOX 4 ### */
			.vanBox4 { width: 980px; overflow: hidden; color: #000; }
			.vanBox4 .left { padding-right: 148px; width: 585px; float: left; }
			.vanBox4 .right { padding-top: 5px; width: 247px; float: right; }
			.vanBox4 h2 { padding-bottom: 8px; font-size: 23px; line-height: 27px; font-weight: normal; }
			.vanBox4 h2 span { padding-left: 75px; display: block; color: #8cc242; }
			.vanBox4 div.left h2 span.dark { padding-left: 75px; display: block; color: #14ab58; }
			.vanBox4 p { padding-top: 15px; line-height: 16px; }
			.vanBox4 p span { display: block; font-weight: bold; }
			.vanBox4 .images { padding: 18px 0 5px 0; width: 585px; overflow: hidden; }
			.vanBox4 img.content { float: left; margin-right: 40px; }
			.vanBox4 a.direct { width: 246px; height: 76px; margin-bottom: 11px; display: block; text-indent: -9999px; background: url('../images/direct.gif') no-repeat; }
			.vanBox4 a.van { width: 246px; height: 254px; display: block; text-indent: -9999px; background: url('../images/van-img.gif') no-repeat; }
			.vanBox4 img.statue { margin-bottom: 11px; }
			.vanBox4 img.opger { margin-top: 27px; }
	
	/* ### FOOTER CONTAINER ### */
	#footerCntr { padding-top: 24px; overflow: hidden; width: 980px; }
	
		/* ### MENU BOX ### */
		.menuBox { width: 980px; height: 151px; background: url('../images/menu-mid.gif') repeat-x; }
		.menuBox .left { width: 980px; height: 151px; background: url('../images/footer-left.gif') top left no-repeat; }
		.menuBox .right { width: 980px; height: 151px; background: url('../images/footer-right.gif') top right no-repeat; }
		.menuBox ul { list-style: none; overflow: hidden; }
		.menuBox ul li { float: left; display: block; width: 245px; height: 141px; border-bottom: #8cc242 solid 10px; background: url('../images/organise.gif') bottom center no-repeat; }
		.menuBox ul li.partners { border-bottom: #14ab58 solid 10px; background: url('../images/partners.gif') bottom center no-repeat; }
		.menuBox ul li.mvo { border-bottom: #00a28b solid 10px; background: url('../images/mvo.gif') bottom center no-repeat; }
		.menuBox ul li.contact { border-bottom: #8f9190 solid 10px; background: url('../images/contact.gif') bottom center no-repeat; }
		.menuBox ul li a { float: left; display: block; width: 245px; height: 141px; line-height: 141px; font-size: 14px; color: #000; text-decoration: none; text-align: center; background: url('../images/menu-strip.gif') top right no-repeat; }
		.menuBox ul li a:hover { text-decoration: underline; }
		.menuBox ul li a.last { background: none; }
		
		/* ### LINK BOX ### */
		.linkBox { width: 980px; height: 105px; background: url('../images/link-mid.gif') repeat-x; }
		.linkBox .left { width: 980px; height: 105px; background: url('../images/link-left.gif') top left no-repeat; }
		.linkBox .right { width: 980px; height: 105px; background: url('../images/link-right.gif') top right no-repeat; }
		.linkBox ul { list-style: none; overflow: hidden; }
		.linkBox ul li { float: left; display: block; width: 245px; height: 95px; border-bottom: #8cc242 solid 10px; background: url('../images/organise-1.gif') bottom center no-repeat; }
		.linkBox ul li.partners { border-bottom: #14ab58 solid 10px; background: url('../images/partners-1.gif') bottom center no-repeat; }
		.linkBox ul li.mvo { border-bottom: #00a28b solid 10px; background: url('../images/mvo-1.gif') bottom center no-repeat; }
		.linkBox ul li.contact { border-bottom: #8f9190 solid 10px; background: url('../images/contact-1.gif') bottom center no-repeat; }
		.linkBox ul li a { float: left; display: block; width: 245px; height: 95px; line-height: 95px; font-size: 14px; color: #000; text-decoration: none; text-align: center; background: url('../images/link-strip.gif') top right no-repeat; }
		.linkBox ul li a:hover { text-decoration: underline; }
		.linkBox ul li a.last { background: none; }
		
		/* ### COPYRIGHT BOX ### */
		.copyrightBox { height: 66px; color:#000; width: 980px; font-size: 11px; text-align: center; line-height: 66px; }
		.copyrightBox a { color:#000; }
		.copyrightBox a:hover { text-decoration: none; }
