/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 13px; color: #404041; }
input, select, textarea { font-family: Arial; font-size: 13px; color: #404041; }
body { background: #fff url('../images/body_bg.png') repeat-x; overflow-y: scroll; }
img { border: 0px; display: block; }
a, input { outline: none; }
h1, h2, h3, h4, h5, h6, strong { font-weight: normal; }

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

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

/* ### main container ### */
#mainCntr { margin: 0 auto; width: 970px; }

	/* ### header container ### */
	#headerCntr { position: relative; width: 970px; height: 180px; z-index: 150; }
	#headerCntr a.logo { position: absolute; top: 90px; left: 0; display: block; width: 350px; height: 78px; text-indent: -9999px; background: url('../images/logo.png') no-repeat; }
	#headerCntr h3 { font-size: 14px; left: 0; font-family: 'Museo100Regular'; position: absolute; top: 22px; left: 0; }
	#headerCntr h3 span { color: #00aeef; font-family: 'Museo500Regular'; }
	
		/* ### login box ### */
		.loginBox { position: absolute; top: 20px; right: 85px; }
		.loginBox ul { list-style: none; }
		.loginBox li { float: left; color: #999999; font-size: 14px; margin: 0 5px; font-family: 'Museo100Regular'; }
		.loginBox li a { color: #999999; text-decoration: none; }
		.loginBox li a:hover { color: #00aeef; }
		
		/* ### social box ### */
		.socialBox { position: absolute; top: 18px; right: 0; }
		.socialBox ul { list-style: none; }
		.socialBox li { float: left; margin-left: 5px; }
		.socialBox li a { display: block; width: 21px; height: 21px; text-indent: -9999px; background: url('../images/linkedin.png') no-repeat; }
		.socialBox li.twitter a { background: url('../images/twitter.png') no-repeat; }
		.socialBox li.facebook a { background: url('../images/facebook.png') no-repeat; }
		.socialBox li a:hover { background-position: 0  -21px; }
		
		/* ### menu box ### */
		.menuBox { position: absolute; top: 96px; right: 0px; }
		.menuBox ul { list-style: none; }
		.menuBox li { font-size: 18px; font-family: 'Museo100Regular'; float: left; margin-left: 25px; position: relative; }  
		.menuBox li a { display: block; line-height: 38px; padding: 0 12px; text-decoration: none; color: #404041; }
		.menuBox li a:hover, .menuBox li:hover > a, .menuBox li.active a { color: #fff; background: #00aeef; }
		.menuBox li ul { width: 248px; background: #00aeef; position: absolute; top: 38px; left: 0; display: none; }
		.menuBox li li { width: 248px; margin: 0; font-size: 16px; }
		.menuBox li li a { color: #fff; }
		.menuBox li li a:hover { background: none; color: #404041; }
		.menuBox li:hover ul { display: block; }
	
	/* ### content container ### */
	#contentCntr { width: 970px; }
	
		/* ### left container ### */
		#leftCntr { float: left; width: 508px; }
		
			/* ### about box ### */
			.aboutBox { width: 454px; padding-top: 15px; overflow: hidden; line-height: 22px; }
			.aboutBox h3 { color: #00aeef; font-size: 20px; font-family: 'Museo300Regular'; padding-bottom: 5px; }
			.aboutBox h3 span { font-family: 'Museo500Regular'; }
			.aboutBox p { line-height: 22px; padding-bottom: 20px; }
			.aboutBox strong { font-weight: bold; }
			.aboutBox a { color: #00aeef; text-decoration: none; }
			.aboutBox a:hover { color: #333; text-decoration: underline; }
			.aboutBox a.button { float: left; line-height: 34px; min-height: 34px; padding: 0 15px; background: #666667; color: #fff; font-size: 16px; font-family: 'Museo100Regular'; text-decoration: none; height: 36px; margin-right: 7px; margin-top: 5px;}
			.aboutBox a.button span { font-family: 'Museo500Regular'; }
			.aboutBox a.button.back { background: #c5c5c6 url('../images/arrow.png') no-repeat 10px 10px; padding-left: 35px; height: 36px; }
			.aboutBox a.button.back:hover { background: #00aeef url('../images/arrow.png') no-repeat 10px 10px; }
			.aboutBox a.button.info { background: #c5c5c6; height: 36px; }
			.aboutBox a.button:hover { background: #00aeef; }
			.aboutBox fieldset { border: none; width: 334px; }
			.aboutBox.bel fieldset { width: auto; }
			.aboutBox input.field { width: 302px; height: 34px; line-height: 34px; background: #d9d9d9; border: none; padding: 0 12px; color: #404041; float: left; }
			.aboutBox fieldset p { line-height: normal; padding-bottom: 7px; overflow: hidden; }
			.aboutBox em { float: left; width: 64px; height: 34px; font-style: normal; }
			.aboutBox select { width: 64px; height: 34px; }
			.aboutBox .select { width: 64px; height: 34px; line-height: 34px; padding: 0 12px; background: url('../images/select.jpg') no-repeat; position: absolute; display: block; }
			.aboutBox input.field.naam { margin-left: 7px; width: 100px; }
			.aboutBox input.field.street { width: 171px; }
			.aboutBox input.field.post { width: 76px; }
			.aboutBox input.field.plaat { width: 195px; margin-left: 7px; }
			.aboutBox input.field.error { color: #f7061d; }
			.aboutBox textarea { width: 302px; height: 55px; background: #d9d9d9; border: none; padding: 12px; color: #404041; float: left; }
			.aboutBox .entry { font-size: 12px; float: left; padding: 10px 0 0 15px; }
			.aboutBox input.button { float: left; line-height: 34px; min-height: 34px; padding-left: 15px; text-align: left; width: 200px; background: #666667; color: #fff; font-size: 16px; font-family: 'Museo100Regular'; cursor: pointer; border: none; }
			.aboutBox input.field.bel { width: 160px; margin-right: 7px; }
			.aboutBox.bel input.button { width: 70px; padding-left: 0; text-align: center; background: #00aeef; }
			.aboutBox.bel input.button:hover { background: #404041; }

			.aboutBox ul.referenties { list-style-type: none; }
			.aboutBox ul.referenties li { list-style-type: none; float: left; display: block; width: 150px; height: 150px; padding: 4px;  }
			.aboutBox ul.referenties li img { width: 150px; }

			.aboutBox ul { list-style-type: disc; } 
			.aboutBox ul li { list-style-type: disc; margin-left: 20px; line-height: 22px; } 
			
			/* ### plugin box ### */
			.pluginBox { overflow: hidden; padding: 30px 0; }
			 
			/* ### option box ### */
			.optionBox { width: 410px; padding: 20px; background: #00aeef; margin-top: 45px; position: relative; }
			.optionBox h3 { color: #fff; font-size: 20px; font-family: 'Museo300Regular'; padding-bottom: 10px; }
			.optionBox ul { list-style: none; }
			.optionBox li { padding-left: 25px; background: url('../images/bullet.png') no-repeat 0 5px; font-size: 18px; margin-bottom: 15px; }
			.optionBox .man { position: absolute; top: -10px; left: -93px; }
		
		/* ### right container ### */
		#rightCntr { float: right; width: 462px; }
		
			/* ### photo box ### */
			.photoBox { width: 461px; height: 323px; position: relative; margin-bottom: 30px; overflow: hidden; }
			.photoBox ul { list-style: none; width: 461px;  }
			.photoBox li { float: left; width: 461px; height: 323px; position: relative; }
			.photoBox li img { width: 461px; } 
			.photoBox h4 { height: 56px; width: 411px; background: url('../images/bg1.png') repeat; position: absolute; bottom: 0; left: 0; color: #fff; font-size: 18px; font-family: 'Museo300Regular'; line-height: 56px; padding: 0 25px; }  
			.photoBox a.prev { display: block; width: 22px; height: 38px; background: url('../images/prev.png') no-repeat; position: absolute; top: 135px; left: 0; z-index: 100; }
			.photoBox a.prev:hover { background-position: 0 -38px; }
			.photoBox a.next { display: block; width: 22px; height: 38px; background: url('../images/next.png') no-repeat; position: absolute; top: 135px; right: 0; z-index: 100; }
			.photoBox a.next:hover { background-position: right -38px; }
			
			/* ### news box ### */
			.newsBox { overflow: hidden; padding-bottom: 30px; }
			.newsBox h3 { font-size: 20px; font-family: 'Museo300Regular'; padding-bottom: 10px; }
			.newsBox h3 a { color: #00abf3; text-decoration: none; } 
			.newsBox p { font-size: 13px; line-height: 22px; }
			.newsBox p a { color: #00abf2; text-decoration: none; }
			.newsBox p a:hover { color: #414042; }
			
			/* ### twitter box ### */
			.twitterBox { overflow: hidden; }
			.twitterBox h3 { font-size: 20px; font-family: 'Museo300Regular'; padding-bottom: 10px; color: #00abf3; }
			.twitterBox .query { width: 450px; height: 100px; }
			
			/* ### info box ### */
			.infoBox { width: 456px; }
			.infoBox h3 { color: #00aeef; font-size: 20px; font-family: 'Museo300Regular'; padding-bottom: 10px; }
			.infoBox ul { list-style: none; }
			.infoBox li { overflow: hidden; line-height: 40px; min-height: 40px; border-top: 1px solid #c5c5c6; }
			.infoBox li:first-child { border: 0; }
			.infoBox li span { float: left; width: 150px; font-weight: bold; }
			.infoBox li a { color: #00aeef; text-decoration: none; }
			.infoBox li a:hover { text-decoration: underline; }
	
		/* ### entrmnt box ### */
		#entrmntCntr { width: 100%; padding-top: 25px; overflow: hidden; }
		#entrmntCntr ul { list-style: none; }
		#entrmntCntr li { float: left; width: 208px; height: 190px; overflow: hidden; position: relative; margin: 0 44px 22px 0; }
		#entrmntCntr li.last { margin-right: 0; }
		#entrmntCntr li a { display: block; color: #fff; text-decoration: none; }
		#entrmntCntr li span { display: block; height: 40px; line-height: 40px; padding: 0 12px; font-family: 'Museo300Regular'; background: #00aeef; font-size: 16px; }
		#entrmntCntr li a:hover span { background: #404041; }
		#entrmntCntr li a img { opacity:0.5; filter:alpha(opacity=50); width: 208px; }
		#entrmntCntr li a:hover img { opacity:1.0; filter:alpha(opacity=100); width: 208px; }
	
	/* ### logo container ### */
	#logoCntr { overflow: hidden; width: 100%; background: url('../images/shadow.png') no-repeat center 0; margin-top: 60px; }
	#logoCntr .center { width: 970px; margin: 0 auto; padding: 35px 0 0; position: relative; }
	#logoCntr #imagecroller { width: 970px; height: 117px; position: relative; overflow: hidden; }
	#logoCntr #imagecroller a img{display:inline; margin-right:20px; opacity:0.6; filter:alpha(opacity=60);}
	#logoCntr #imagecroller a:hover img{display:inline; opacity:0.9; filter:alpha(opacity=90);}
	#logoCntr .overlayLeft { position: absolute; top: 35px; left: -20px; z-index: 100; }
	#logoCntr .overlayRight { position: absolute; top: 35px; right: -20px; z-index: 100; }
	
	/* ### break container ### */
	#breakCntr { overflow: hidden; padding-top: 20px; position: relative; width: 990px;  }
	#breakCntr h3 { color: #00aeef; font-size: 20px; font-family: 'Museo300Regular'; padding-bottom: 5px; }
	#breakCntr h3 span { font-family: 'Museo500Regular'; }
	#breakCntr p { line-height: 22px; padding-bottom: 20px; }
	#breakCntr .left { float: left; width: 435px; }
	#breakCntr .right { float: left; width: 435px; }
	#breakCntr ul { list-style: none; }
	#breakCntr li { display: block; width: 475px; height: 160px; padding-bottom: 35px; overflow: hidden; float: left; overflow: hidden; }
	#breakCntr .photo { float: left; width: 180px; }
	#breakCntr .text { float: left; width: 150px; }
	#breakCntr .text p { padding-bottom: 5px; }
	#breakCntr p strong { font-weight: bold; }
	#breakCntr a.icon { float: left; width: 22px; height: 22px; text-indent: -9999px; background: url('../images/icon2.png') no-repeat; margin-right: 5px; }
	#breakCntr a.icon.info { background: url('../images/icon1.png') no-repeat; }
	#breakCntr a.icon:hover { background-position: 0 -22px; }
	#breakCntr a.pdf { position: absolute; left: 600px; top: 20px; display: block; width: 210px; height: 38px; background: url('../images/pdf_button.png') no-repeat; font-size: 16px; font-family: 'Museo100Regular'; padding: 24px 0 0 67px; color: #fff; text-decoration: none; margin-bottom: 35px; }
	#breakCntr a.pdf:hover { background-position: 0 -62px; }
	#breakCntr .photo img { width: 162px; }
	
	/* ### footer container ### */
	#footerCntr { overflow: hidden; width: 100%; background: #00aeef; margin-top: 35px; }
	#footerCntr .inner { width: 970px; margin: 0 auto; min-height: 180px; padding: 25px 0; overflow: hidden; }
	
		/* ### link box ### */
		.linkBox { float: left; width: 310px; border-right: 1px solid #80d7f7; min-height: 180px; }
		.linkBox .left { float: left; width: 180px; }
		.linkBox .right { float: left; width: 110px; }
		.linkBox ul { list-style: none; }
		.linkBox li { line-height: 24px; font-size: 12px; color: #fff; }
		.linkBox li a { color: #fff; text-decoration: none; }
		.linkBox li a:hover { color: #414042; } 
		
		/* ### map box ### */
		.mapBox { float: left; border-right: 1px solid #80d7f7; width: 215px; }
		
		/* ### letter box ### */
		.letterBox { float: left; width: 390px; padding-left: 50px; }
		.letterBox h3 { font-size: 20px; font-family: 'Museo300Regular'; color: #fff; padding-bottom: 10px; padding-left: 5px; }
		.letterBox fieldset { border: none; }
		.letterBox p { overflow: hidden; padding-bottom: 8px; }
		.letterBox input.field { float: left; width: 160px; line-height: 34px; min-height: 34px; background: #fff; border: none; padding: 0 15px; color: #999999; margin-left: 5px; }
		.letterBox input.button { width: 190px; height: 33px; background: #414042; color: #999999; border: none; cursor: pointer; font-size: 14px; margin: 0 10px 0 5px; font-family: 'Museo500Regular'; float: left; }
		.letterBox input.button:hover { background: #fff; }
		.letterBox span { float: left; color: #fff; font-size: 13px; padding: 7px 0 0 5px; }

		ul.nieuws { list-style: none; margin-top: 30px;} 
		ul.nieuws li { clear: both;  margin-top: 30px; } 
		ul.nieuws .photo { float: left; width: 180px; }
		ul.nieuws .photo img { width: 150px; }
		ul.nieuws .text { line-height: 22px; }
		ul.nieuws h3 { color: #00aeef; font-size: 18px; font-family: 'Museo500Regular'; padding-bottom: 5px; }
		ul.nieuws a { color: #00aeef; }