/* ################################################## */
/*  Made by: www.DIRECT BASING.com                    */
/*  Semantisch correcte xHTML Basing                  */
/* ################################################## */

/* ### general ### */
* { padding: 0px; margin: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #8c806e; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #8c806e; }
body { background: #fff url('../images/bg.gif') repeat; }
img { border: 0px; display: block; }
a, input { outline: none; }
.input { padding: 5px 10px; width: 199px; height: 18px; border: 0; background: url('../images/field3.png') no-repeat; }
.sinput { padding: 5px 10px; width: 219px; height: 28px; border: 0; background: url('../images/field3.png') no-repeat; }
.error {width:720px; margin:6px 0 6px 12px; padding:6px 0 6px 12px; background:#f8dddd; border:1px solid #990000; color:#990000; }
.error h2 { color:#990000;}


/* ### global classes ### */
.clear { clear: both; height: 0px; overflow: hidden; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

/* ### main container ### */
#mainCntr { margin: 0 auto; width: 1040px; height: 1000px; }

	/* ### header container ### */
	#headerCntr { position: relative; width: 1040px; height: 134px; background: url('../images/header-bg.png') 18px 5px no-repeat; }
	#headerCntr a.logo { position: absolute; top: 4px; left: 37px;  display: block; width: 494px; height: 65px; text-indent: -9999px; background: url('../images/logo.png') no-repeat; }
	
		/* ### menu box ### */
		.menuBox { position: absolute; top: 70px; left: 0px; width: 1040px; height: 67px; background: url('../images/menu-bg.png') no-repeat; }
		.menuBox ul { padding-left: 10px; overflow: hidden; list-style: none; }
		.menuBox li { padding: 10px 40px 0 41px; float: left; line-height: 48px; }
		.menuBox a { padding: 0px 0px 0px 0px; font-size: 12px; text-decoration: none; color: #fff; }
		.menuBox a:hover { text-decoration: underline; }

		
	/* ### content container ### */
	#contentCntr { padding: 15px 20px 0px 20px; overflow: hidden; width: 1000px; background: #fff; }
	
		/* ### banner container ### */
		#bannerCntr { width: 1040px; overflow: hidden; }
		
			/* ### banner box ### */
			.bannerBox { padding: 16px 20px 23px 80px; width: 940px; position: relative; height: 155px; overflow: hidden; background: url('../images/banner-bg.gif') no-repeat; }
			.bannerBox ul { list-style: none; list-style-type: none; }
			.bannerBox li { float: left; }
			.bannerBox .left { padding-left: 30px; width: 238px; float: left; }
			.bannerBox .right { padding-right: 60px; float: right; width: 450px; }
			.bannerBox h2 { color: #053f58; font-size: 15px; line-height: 24px; }
			.bannerBox p { color: #000; font-size: 12px; line-height: 24px; }
			.bannerBox a { text-decoration: none; font-weight: bold; color: #000; font-size: 12px; line-height: 24px; }
			.bannerBox a:hover { text-decoration: underline; }

		/* ### left container ### */
		#leftCntr { padding-left: 1px; float: left; width: 251px; }
		
			/* ### cate box ### */
			.cateBox { padding-bottom: 21px;  width: 252px; overflow: hidden;  }
			.cateBox .text { width: 251px; min-height: 196px; border-right: 1px solid #ededed; overflow: hidden; background: #d9f0fb; }  
			.cateBox h3 { padding-left: 10px; font-family: "Myriad Pro", Arial;  font-size: 17px; line-height: 34px; color: #fff; font-weight: normal; width: 251px; height: 33px;  background: url('../images/heading-bg.jpg') left top no-repeat; }
			.cateBox span { padding-left: 22px; background: url('../images/cate-head.jpg') left 2px no-repeat; } 
		
			.cateBox ul { padding-top: 4px; list-style: none; list-style-type: none; overflow: hidden; }
			.cateBox li { float: left; height: 23px; width: 100%; }
			.cateBox li.home { height: 24px; } 
			.cateBox li a { padding-left: 26px; float: left; font-size: 12px; color: #3b3b3b; line-height: 24px; text-decoration: none; background: url('../images/arrow.png') 12px 8px no-repeat; }
			.cateBox li a:hover { text-decoration: underline; }
			.cateBox li.color { height: 28px; background-color: #f7f7f7; }
			.cateBox li.color a { line-height: 27px; background: url('../images/arrow.png') 12px 10px no-repeat; } 
			.cateBox li.color a:hover { background: url('../images/arrow.png') 12px 10px no-repeat; } 
			.cateBox li a:hover { color: #ffa000; text-decoration: none; background: url('../images/arrow-hover.png') 12px 8px no-repeat; }
		
			/* ### light box ### */
			.lightBox { padding-bottom: 10px;  width: 252px; overflow: hidden;  }
			.lightBox .text { width: 251px; min-height: 196px; border-right: 1px solid #ededed; overflow: hidden; background: #d9f0fb; }  
			.lightBox h3 { padding-left: 10px; font-size: 17px; font-family: "Myriad Pro", Arial; line-height: 34px; color: #fff; font-weight: normal; width: 251px; height: 33px;  background: url('../images/light-heading.jpg') left top no-repeat; }
			.lightBox span { padding-left: 22px; background: url('../images/light-icon.jpg') left 2px no-repeat; } 
		
			.lightBox ul { padding-top: 4px; list-style: none; list-style-type: none; overflow: hidden; }
			.lightBox li { float: left; height: 23px; width: 100%; }
			.lightBox li.home { height: 24px; } 
			.lightBox li a { padding-left: 26px; float: left; font-size: 12px; color: #3b3b3b; line-height: 24px; text-decoration: none; background: url('../images/arrow.png') 12px 8px no-repeat; }
			.lightBox li a:hover { text-decoration: underline; }
			.lightBox li.color { height: 28px; background-color: #f7f7f7; }
			.lightBox li.color a { line-height: 27px; background: url('../images/arrow.png') 12px 10px no-repeat; } 
			.lightBox li.color a:hover { background: url('../images/arrow.png') 12px 10px no-repeat; } 
			.lightBox li a:hover { color: #ffa000; text-decoration: none; background: url('../images/arrow-hover.png') 12px 8px no-repeat; }
		
		/* ### right container ### */
		#rightCntr { float: right; width: 710px; }
		
			/* ### list box ### */
			.listBox { width: 710px; overflow: hidden; }
			.listBox .list { padding: 0 38px 20px 0; float: left; width: 211px; }
			.listBox .list.last { padding-right: 0px; }
			.listBox .list h2 { padding-left: 44px; height: 35px; line-height: 34px; font-size: 17px; color: #fff; font-family: Myriad Pro, Arial; font-weight: normal; background: url('../images/list-heading.gif') no-repeat; }
			.listBox .list ul { padding: 0px 1px 0px 1px; overflow: hidden; list-style: none; list-style-type: none; }
			.listBox .list li { width: 211px; overflow: hidden; float: left; }
			.listBox .list li span { width: 211px; padding-left: 20px; height: 36px; line-height: 36px; }
			.listBox .list li.bg span { width: 211px; padding-left: 20px; height: 36px; line-height: 36px; }
			.listBox .list li a { width: 211px; color: #000; float: left; display: block; font-size: 11px; text-decoration: none; }
			.listBox .list li.bg a { height: 33px; line-height: 33px; background: #f5f5f5; }
			.listBox .list li a:hover { text-decoration: underline; }
		
			.welcomeBox h3 { margin-top: 10px; padding-left: 20px; color: #fff; height: 35px; width: 720px; line-height: 34px; background: url('../images/kop_groot.png') no-repeat; }
			.infoBox h1 { font-size: 15px; padding-left: 20px; color: #fff; height: 35px; width: 720px; line-height: 34px; background: url('../images/kop_groot_blauw.png') no-repeat; }

		
	/* ### footer container ### */
	#footerCntr { padding-left: 50px; overflow: hidden; width: 990px; min-height: 191px; background: url('../images/footer-bg.gif') repeat-x; }
	
				/* ### footer box ### */
			.footerBox { padding: 22px 0 28px 2px; width: 1029px; overflow: hidden; }
			.footerBox .seo { width: 243px; float: left; } 
			.footerBox .seo.gap { padding-top: 25px; width: 264px; } 
			.footerBox .seo.gap2 { padding-top: 25px; width: 200px; } 
			.footerBox h3 { padding-bottom: 5px; font-family: 'Myriad Pro',Arial; font-size: 16px; color: #fff; text-transform: uppercase; }
			.footerBox ul { list-style: none; list-style-type: none; overflow: hidden; background: url('../images/footer-divider.png') left top no-repeat; }
			.footerBox li { width: 100%; float: left; height: 24px; background: url('../images/footer-divider.png') left bottom no-repeat; }
			.footerBox li.first { height: 25px; } 
			.footerBox li.first a { line-height: 23px; } 
			.footerBox li a { padding-left: 14px; font-family: Arial; font-size: 13px; color: #fff; line-height: 22px; text-decoration: none; background: url('../images/footer-arrow.png') 1px 5px no-repeat; }
			.footerBox li a:hover { text-decoration: underline; } 
			.footerBox .seo.second { width: 251px; }
			.footerBox .seo.second { width: 251px; }