/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #666; }
html { overflow-y: scroll; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #666; }
body { background: url('../images/bodyBg.gif') #fff repeat-x; }
img { border: 0px; display: block; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; height: 1px; }

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

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; padding-top: 108px; position: relative; width: 968px; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: absolute; top: 0px; left: 0px; width: 968px; height: 140px; background: url('../images/headerBg.png') no-repeat; }
	#headerCntr h1 { position: absolute; top: 15px; left: 42px; }
	#headerCntr h1 a { display: block; width: 314px; height: 81px; text-indent: -9999px; background: url('../images/logo.gif') no-repeat; }
	#headerCntr address { position: absolute; top: 10px; right: 0px; width: 196px; line-height: 20px; font-size: 11px; font-style: normal; color: #6950a2; }
	#headerCntr a { text-decoration: none; color: #6950a2; }
	#headerCntr a:hover { text-decoration: underline; }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { margin: 0px 24px 0px 28px; overflow: hidden; width: 916px; background: url('../images/contentBg.gif') repeat-y; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { margin-right: 3px; float: left; display: inline; width: 186px; }
			
			/* ### NAV BOX  ### */
			.navBox { width: 186px; height: 217px; background: url('../images/navBg.gif') #6950a2 no-repeat bottom; }
			.navBox ul { padding-top: 25px; list-style: none; }
			.navBox li { height: 30px; }
			.navBox li a { padding: 0px 20px 0px 20px; display: block; height: 30px; line-height: 30px; text-decoration: none; color: #fff; }
			.navBox li a:hover, .navBox li.selected a { background: #8773b5; }
			
			/* ### SUB BOX  ### */
			.subBox { padding-top: 5px; width: 186px; }
			.subBox ul { list-style: none; margin-top: 5px;}
			.subBox li { padding: 0px 20px 0px 20px; height: 30px; line-height: 30px; }
			.subBox li a { text-decoration: none; color: #6950a2; }
			.subBox li a:hover, .subBox li.selected a { color: #a795d0; }
		
		/* ### CENTER CONTAINER ### */
		#centerCntr { float: left; width: 538px; }
		
			/* ### SLIDER BOX  ### */
			.sliderBox { width: 538px; height: 213px; overflow: hidden; margin-bottom: 20px;}
			
			/* ### TEXT BOX  ### */
			.textBox { padding: 0px 15px 0px 15px; width: 508px; line-height: 22px; }
			.textBox h2 { font-size: 12px; font-weight: bold; color: #6950a2; }
			.textBox p { padding-bottom: 10px; }
			.textBox a { color: #666; }
			.textBox a:hover { text-decoration: none; }
		
		/* ### RIGHT CONTAINER ### */
		#rightCntr { margin-bottom: 30px; float: right; width: 186px; }
		
			/* ### NIEUWS BOX  ### */
			.nieuwsBox { width: 186px; height: 217px; background: url('../images/nieuwsBg.gif') #a7a9ac no-repeat bottom; }
			.nieuwsBox h2 { font-size: 10pt; font-weight: bold; padding-top: 25px; padding-left: 15px; color: #6950a2;}
			.nieuwsBox ul { padding: 15px 15px 0px 15px; list-style: none; }
			.nieuwsBox li { padding-bottom: 5px; }
			.nieuwsBox a { display: block; line-height: 18px; font-size: 11px; text-decoration: none; color: #464544; }
			.nieuwsBox a:hover { text-decoration: underline; }
			.nieuwsBox a strong { display: block; font-weight: normal; color: #6950a2; }
			.nieuwsBox a:hover strong { text-decoration: underline; }
			
			/* ### DOWNLOAD BOX  ### */
			.downloadBox { padding-top: 5px; width: 186px; font-size: 11px; line-height: 18px; }
			.downloadBox h3 { padding: 15px 15px 0px 15px; font-weight: bold; font-size: 11px; color: #6950a2; }
			.downloadBox p { padding: 0px 15px 10px 15px; }
			.downloadBox a.button { margin-left: 10px; display: block; width: 168px; height: 27px; line-height: 27px; text-align: center; font-size: 10px; text-decoration: none; color: #fff; background: url('../images/buttonBg.gif') no-repeat; }
			.downloadBox a.button:hover { color: #a7a9ac; }
	
	/* ### FOOTER CONTAINER ### */
	#footerCntr { margin: 0px 24px 0px 28px; padding: 18px 20px 0px 17px; position: relative; width: 879px; height: 21px; font-size: 10px; color: #fff; background: url('../images/footerBg.gif') no-repeat; }
	#footerCntr ul { float: left; overflow: hidden; width: 740px; list-style: none; }
	#footerCntr li { float: left; display: inline; }
	#footerCntr a { padding: 0px 3px 0px 3px; text-decoration: none; color: #fff; }
	#footerCntr a:hover { color: #a7a9ac; }
	#footerCntr p { float: right; width: 120px; text-align: right; }
	#footerCntr ul.vlag { position: absolute; top: -15px; right: 0px; clear: both; float: none; width: 171px; }
	#footerCntr ul.vlag li a { display: block; float: left; width: 21px; height: 14px; text-indent: -9999px; background: no-repeat bottom; }
	#footerCntr ul.vlag li a:hover, #footerCntr ul.vlag li.selected a { background-position: top; }
	#footerCntr ul.vlag li.nl a { background-image: url('../images/nl.gif'); }
	#footerCntr ul.vlag li.en a { background-image: url('../images/en.gif'); }

    #sitemap ul { margin-left: 20px; }
	#sitemap li { margin-left: 20px; }

	#cform input.formulier { width: 250px;  }
	#cform textarea.formulier { width: 250px; height: 100px;  }
	p.melding { color: red; font-weight: bold; margin: 0px; padding: 0px; }

    img.referentie { width: 110px; height: 110px; padding: 1px; border: 1px solid #ccc; }
	div.referentie { float: left; width: 125px; margin-top: 10px; }

	#contactlinks h2 { padding: 15px 15px 0px 15px; font-weight: bold; font-size: 11px; color: #6950a2; }
	#contactlinks img.linkedin { padding: 0px 15px 0px 15px; }
	#contactlinks img.contactfoto { margin-left: 15px; margin-top: 6px; margin-bottom: 40px; width:150px; }