/* ### GENERAL ### */
* { padding: 0px; margin: 0px; }
html, body { font-family: Tahoma, Arial; font-size: 11px; color: #8c806e; }
input, select, textarea { font-family: Tahoma, Arial; font-size: 11px; color: #8c806e; }
body { background: #c5d6e8 url('../images/body_bg.jpg') top left repeat-x; }
img { border: 0px; }
a { outline: none; }

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

/* ### WRAPPER ### */
#wrapper { width: 100%; min-height: 100%; /*background: url('../images/wrapper_bg.png') no-repeat center bottom;*/ }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 905px; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 905px; overflow: hidden; height: 197px; background: url('../images/header-bg.gif') top right no-repeat; }
	#headerCntr h1 { padding-top: 25px; }
	#headerCntr h1 a { display: block; width: 308px; height: 103px; text-indent: -9999px; background: url('../images/logo.gif') no-repeat; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr { padding-top: 31px; float: left; height: 37px; }
		#menuCntr ul { list-style: none; overflow: hidden; }
		#menuCntr li { padding-right: 35px; height: 37px; font-size: 12px; line-height: 37px; float: left; color: #21415f; }
		#menuCntr li a { color: #21415f; text-transform: uppercase; text-decoration: none; }
		#menuCntr li a:hover { color: #fe7800; }
		#menuCntr li a.active { color: #fe7800; }
		
		/* ### SEARCH BOX ### */
		.searchBox { padding-top: 41px; width: 210px; float: right; }
		.searchBox form { display: block; }
		.searchBox fieldset { border: none; overflow: hidden; }
		.searchBox input.field { padding: 3px; padding-top: 2px; margin-right: 3px; color: #8c806e; float: left; border: 1px solid #c4d4e4; width: 116px; height: 14px; }
		.searchBox input.search-button { width: 60px; height: 22px; color: #98a5b1; float: left; border: none; padding-bottom:4px; cursor: pointer; background: url('../images/zoek-bg.gif') top left no-repeat; }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { padding: 30px 0px; overflow: hidden; width: 905px; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { padding: 25px 0px; padding-bottom:0px; float: left; width: 590px; background: #fff; }
		#leftCntr h2 { padding-left: 30px; color: #303030; font-size: 16px; }
		#leftCntr span.article { padding-left: 20px; padding-bottom:15px; margin-top: 15px; margin-left: 35px; display: block; background: url('../images/plus-bullet.gif') left no-repeat; }
		#leftCntr span.article a { padding-right: 15px; color: #21415f; font-size: 12px; background: url('../images/less-bullet.gif') right 4px no-repeat; }
		#leftCntr span.article a:hover { text-decoration: none; color: #fe7800; }
		#leftCntr a { color: #4377a8; }
		#leftCntr a:hover { text-decoration: none; color: #fe7800; }
		
			/* ### TEXT BOX ### */
			.textBox { margin: auto; width: 530px; overflow: hidden; }
			#leftCntr .textBox h2 { padding-bottom: 28px; padding-left: 0px; color: #303030; font-size: 16px; }
			.textBox h3 { padding-bottom: 8px; color: #303030; font-size: 14px; }
			.textBox h4 { padding-bottom: 8px; color: #303030; font-size: 12px; }
			.textBox img { padding-right: 15px; padding-top:5px; }
			.textBox .img { padding-right: 15px; float: left; }
			.textBox .img img { padding-right: 0px; }
			.textBox p { padding-bottom: 15px; line-height: 18px; color: #303030; }
			.textBox span { font-size: 12px; }			
			.textBox ul { padding-bottom: 25px; list-style: none; }
			.textBox li { color: #303030; line-height: 20px; }
			.textBox li a { color: #303030; }
			.textBox a:hover, .textBox a.lees:hover { text-decoration: none; color: #fe7800; }
			.textBox a.lees { padding-right: 15px; font-size: 12px; display: block; float: right; color: #21415f; background: url('../images/less-bullet.gif') right 4px no-repeat; }
			.textBox a.meer { padding-right: 15px; font-size: 12px; color: #21415f; display: block; float: right; background: url('../images/bullet.png') right 4px no-repeat;  }
			.textBox a.meer:hover { text-decoration: none; color: #fe7800; }
			
			.textBox label, .textBox input[type="text"], .textBox textarea { float:left; display:block; border:none; background-color:#b9daf7; padding:5px; margin:5px; color:#303030; }
			.textBox label { margin-right: 5px; background-color:#fff; clear:both; width:80px;}
			.textBox .field { width:200px; overflow:auto; margin:5px 0px; }
			.textBox .textarea { width:200px; overflow:auto; margin:5px 5px; }
			.textBox .submitbutton { clear:both; width:325px; }
			.textBox .submitbutton input.search-button { width: 60px; height: 22px; padding-bottom:4px; color: #98a5b1; float: right; border: none; cursor: pointer; background: url('../images/zoek-bg.gif') top left no-repeat; margin-bottom:25px; }
			
			/* ### PROJECT BOX ### */
			.projectBox { padding-top: 30px; margin: auto; width: 530px; overflow: hidden; }
			.projectBox div.video { margin-right: 15px; position: relative; padding: 2px; float: left; background: url('../images/projectBg.gif') no-repeat; }
			.projectBox div.video a { position: absolute; top: 2px; left: 2px; display: block; width: 264px; height: 148px; text-indent: -9999px; background: url('../images/play.png') no-repeat center 52px; }
			.projectBox div.video a:hover { background-position: center -708px; }
			.projectBox h3 { padding-bottom: 10px; font-size: 12px; color: #303030; }
			.projectBox p { padding-bottom: 25px; color: #303030; line-height: 18px; }
			.projectBox a.meer { padding-right: 15px; font-size: 12px; color: #21415f; display: block; float: right; background: url('../images/bullet.png') right 4px no-repeat;  }
			.projectBox a:hover { text-decoration: none; color: #fe7800; }
			
			/* ### COMMENT BOX ### */
			.commentBox { padding: 17px 35px; margin: 13px auto 0px auto; overflow: hidden; width: 520px; border-top: 1px solid #6dadd2; border-bottom: 1px solid #6dadd2; background: #b7d3ee; }
			.commentBox h4 { padding-bottom: 7px; font-size: 12px; color: #21415f; }
			.commentBox p { padding-bottom: 5px; color: #21415f; }
			.commentBox span { padding-bottom: 13px; font-size: 12px; font-weight: bold; display: block; color: #21415f; }			
			.commentBox a { padding-right: 15px; font-size: 12px; color: #21415f; display: block; float: right; background: url('../images/more-bullet.gif') right 4px no-repeat;  }
			.commentBox a:hover { text-decoration: none; color: #fe7800; }
			
			/* ### SHELL BOX ### */
			.shellBox { padding-top: 0px; margin: auto; width: 530px; }
			.shellBox p { padding-bottom: 20px; line-height: 18px; color: #303030; }
			.shellBox div.video { position: relative; height:290px; margin-bottom: 15px; padding: 2px; background: url('../images/shellBg.gif') no-repeat; }
			.shellBox ul { list-style: none; }
			.shellBox li { padding-bottom: 15px; }
			.shellBox li p { padding-left: 15px; padding-bottom: 0px; color: #303030; }
			.shellBox li a { padding-left: 15px; color: #21415f; font-size: 12px; background: url('../images/bullet.png') left no-repeat; }
			.shellBox li a:hover { text-decoration: none; color: #fe7800; }
			
			.shellBox .react { background-color:#b9daf7; margin-top:27px; color:#333 }
			.shellBox .reactbar { background-color:#b9daf7; height:25px; cursor:pointer; padding:20px; }
			.shellBox .reactform { display:none; height:250px; padding:20px; padding-bottom:60px; border-top: 1px solid white; }
			.shellBox .react h3 { padding-bottom: 20px; font-size: 14px; color: #fff; }
			.shellBox .react fieldset { border:none; }
			.shellBox .react label { clear:none; display:inline-block; width:50px; float:left; padding-top:12px; background-color:#B9DAF7 }
			.shellBox .react input { width:250px; height:18px; margin-top:7px; padding:4px; border:none; float:left; }
			.shellBox .react .textarea  { width:250px; padding:4px; margin-top:7px; margin-bottom:15px; border:none; height:100px; float:left; background-color:#FFF }
			.shellBox input.button { margin-left:248px; width: 60px; height: 22px; color: #98a5b1; border: none; cursor: pointer; background: url('../images/zoek-bg.png') top left no-repeat; }
			
			.shellBox .error { display:inline-block; padding-left:15px; color:#900; width:150px; float:left; padding-top:12px; }
			.checkmark { position:relative; top: -100px; left:170px; }
			
			.shellBox .reactions { background-color:#6dadd2; padding:20px; margin-top:5px; color:#333 }
			.shellBox .reactions h3 { padding-bottom: 20px; font-size: 14px; color: #fff; }
			.shellBox .reactions h4 { display:inline-block; padding-bottom: 7px; font-size: 12px; color: #303030; }
			.shellBox .reactions span { display:inline-block; font-size:11px; }
			
		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: right; width: 285px; }
			
			/* ### ABOUT BOX ### */
			.aboutBox { padding: 25px 0px 20px 20px; width: 265px; position: relative; background: #fff; }
			.aboutBox h3 { padding-bottom: 15px; color: #21415f; font-size: 14px; }
			.aboutBox address { padding-bottom: 15px; font-style: normal; color: #21415f; font-size: 12px; line-height: 18px; }
			.aboutBox a { color: #4377a8; }
			.aboutBox a:hover { text-decoration: none; color: #fe7800; }
			.aboutBox a.book { padding-top: 45px; position: absolute; top: -21px; right: 3px; display: block; color: #fff; text-decoration: none; text-align: center; width: 119px; height: 74px; font-size: 13px; background: url('../images/book-bg.gif') top left no-repeat; }
			
			/* ### MARC BOX ### */
			.marcBox { padding: 20px 17px; width: 251px; overflow: hidden; background: #6dadd2; margin-bottom: 35px; }
			.marcBox h3 { padding-bottom: 20px; font-size: 14px; color: #fff; }
			.marcBox p { padding-bottom: 15px; color: #fff; line-height: 18px; }
			.marcBox img { margin-bottom: 10px; }
			.marcBox a.meer { padding-right: 15px; font-size: 12px; display: block; float: right; color: #21415f; background: url('../images/bullet.png') right 5px no-repeat; }			
			.marcBox a:hover { text-decoration: none; color: #fe7800; }
			.marcBox ul { padding-bottom: 25px; list-style: none; }
			.marcBox li { padding-left: 15px; line-height: 18px; color: #303030; background: url('../images/bullet.png') left no-repeat; }
			.marcBox li a { color: #fff; }
			.marcBox a:hover { text-decoration: none; color: #4377a8; }
			.marcBox a { color: #fff; }
			.marcBox a:hover { text-decoration: none; color: #4377a8; }
			.marcBox a.active { text-decoration: none; color: #4377a8; }
			
			/* ### WORK BOX ### */
			.workBox { padding-top: 12px; margin-top: 0px; width: 285px; height: 100px; background: #fff; }
			.workBox p { padding-left: 20px; padding-bottom: 9px; color: #21415f; }
			.workBox img { margin-right: 0px; }
			.workBox a { margin-right: 15px; padding-right: 15px; font-size: 12px; display: block; float: right; color: #21415f; background: url('../images/bullet.png') right 5px no-repeat; }			
			.workBox a:hover { text-decoration: none; color: #fe7800; }
			
			/* ### WORK BOX Home ### */
			.workBoxContainer { padding: 25px 0px; overflow: hidden; width: 590px; background: #dde8f2;}
			.workBoxHome { width: 526px; height: 120px; background: #fff; padding: 20px 32px; border:0px solid red; }
			.workBoxHome p { padding: 5px 0px; color: #21415f; }
			.workBoxHome img { margin-right: 25px; }
			.workBoxHome a {padding-right: 15px; font-size: 12px; display: block; float: right; color: #21415f; background: url('../images/bullet.png') right 5px no-repeat; }			
			.workBoxHome a:hover { text-decoration: none; color: #fe7800; }
			.workBoxHome .meerrefs { display:block;clear:both; padding-top:5px; }
						
			/* ### FACT BOX ### */
			.factBox { padding: 20px 17px; margin-bottom:27px; width: 251px; overflow: hidden; background: #fff; }
			.factBox h3 { padding-bottom: 20px; color: #21415f; font-size: 14px; }
			.factBox p { padding-bottom: 15px; color: #303030; line-height: 18px; }
			.factBox ul { padding-bottom: 25px; list-style: none; }
			.factBox li { padding-left: 15px; line-height: 18px; color: #303030; background: url('../images/bullet.png') left no-repeat; }
			.factBox li a { color: #303030; }
			.factBox a:hover { text-decoration: none; color: #fe7800; }
			.factBox a.pdf { padding-left: 35px; margin-left: 20px; line-height: 24px; display: block; height: 24px; color: #4377a8; font-size: 12px; background: url('../images/pdf-icon.gif') left no-repeat; }
			
			/* ### MEDIA BOX ### */
			.mediaBox { padding-top: 20px; margin-top: 30px; margin-bottom:27px; width: 285px; background: #fff; }
			.mediaBox h3 { padding-bottom: 20px; padding-left: 12px; font-size: 14px; color: #21415f; }
			.mediaBox ul { padding-bottom: 14px; list-style: none; }
			.mediaBox li { padding: 10px 12px; overflow: hidden; width: 261px; border-bottom: 1px solid #b7d8f5; }
			.mediaBox li img { padding:1px; float: left; border:1px solid #6daed3; margin-right:9px; }
			.mediaBox h4 { font-weight: bold; color: #3f5a74; padding-bottom:5px; }
			.mediaBox li a { font-weight: bold; text-decoration: none; color: #3f5a74; }
			.mediaBox li a:hover { text-decoration: underline; color: #fe7800; }
			.mediaBox li.last { padding-bottom: 0px; border: none; } 
			.mediaBox li p { padding-top: 4px; line-height: 18px; color: #000; }
			
		/* ### VIDOE CONTAINER ### */
		#videoCntr { padding: 30px 0px; overflow: hidden; background: #b2d1ef url('../images/videoCntr-bg.gif') top left repeat-x; }
		#videoCntr .center { margin: auto; width: 905px; overflow: hidden; }
		#videoCntr .center .left { float: left; width: 590px; }
		#videoCntr .center .right { float: right; width: 285px;  }
		
			/* ### REPORT BOX ### */
			.reportBox { padding-bottom: 22px; width: 590px; }
			.reportBox h3 { padding-bottom: 10px; padding-left: 10px; font-size: 14px; color: #21415f; }
			.reportBox .video { padding: 10px; width: 570px; background: #fff; }
			.reportBox p { padding-top: 5px; color: #21415f; }
						
			/* ### VIDEO BOX ### */
			.videoBox { width: 285px; overflow: hidden; }
			.videoBox h3 { padding-bottom: 10px; padding-left: 10px; font-size: 14px; color: #21415f; }
			.videoBox .video { padding-bottom: 20px; width: 285px; overflow: hidden; background: #fff; }
			.videoBox ul { padding-bottom: 14px; list-style: none; }
			.videoBox li { padding: 7px; position: relative; overflow: hidden; width: 271px; border-bottom: 1px solid #b7d8f5; }
			.videoBox li img { margin-right: 9px; padding: 2px; float: left; background: url('../images/videoBg.gif') no-repeat; }
			.videoBox li span { font-weight: bold; color: #3f5a74; }
			.videoBox li p { padding-top: 4px; line-height: 18px; color: #000; }
			.videoBox li a { top: 7px; left: 7px; position: absolute; display: block; width: 110px; height: 63px; text-indent: -9999px; background: url('../images/play.png') no-repeat center 12px; }
			.videoBox li a:hover { background-position: center -748px; }
			.videoBox span.alle { padding: 5px 10px 0 20px; float: right; display: block; background: url('../images/plus-bullet.gif') left no-repeat; }
			.videoBox span.alle a { padding-right: 15px; color: #21415f; font-size: 12px; background: url('../images/less-bullet.gif') right no-repeat; }
			.videoBox span.alle a:hover { text-decoration: none; }
			
			/* ### FOTO BOX ### */
			.fotoBox { padding-top: 20px; width: 285px; }
			.fotoBox h3 { padding-bottom: 10px; padding-left: 10px; font-size: 14px; color: #21415f; }
			.fotoBox .foto { padding: 10px 0px 17px 0px; width: 285px; overflow: hidden; background: #fff; }
			.fotoBox ul { padding-bottom: 3px; list-style: none; overflow: hidden; width: 285px; background: url('../images/border.gif') bottom repeat-x; }
			.fotoBox li { padding: 0px 0px 17px 15px; width: 119px; float: left; }
			.fotoBox li a { padding: 2px; height: 77px; width: 115px; display: block; border: 1px solid #9bc1e5; }
			.fotoBox span.alle { padding-left: 20px; padding-right: 10px; margin-top: 15px; float: right; display: block; background: url('../images/plus-bullet.gif') left no-repeat; }
			.fotoBox span.alle a { padding-right: 15px; color: #21415f; font-size: 12px; background: url('../images/less-bullet.gif') right no-repeat; }
			.fotoBox span.alle a:hover { text-decoration: none; }			
		
		/* ### CENTER CONTAINER ### */
		#centerCntr { padding-top: 25px; width: 905px; background: #fff; }
		#centerCntr h2 { padding-left: 30px; padding-bottom: 20px; color: #303030; font-size: 16px; }
		#centerCntr .center { padding-bottom: 30px; background: #b7d3ee; }
		
			/* ### LIBRARY BOX ### */
			.libraryBox { padding-top: 30px; margin: auto; width: 870px; overflow: hidden; }
			.libraryBox h3 { padding-left: 35px; padding-bottom: 15px; font-size: 14px; color: #21415f; }
			.libraryBox #loopedCarousel .container2 { float:left; height:180px; overflow:hidden; position:relative; border:0px solid #9e9e9e; width: 804px; background:#FFF }
			.libraryBox #loopedCarousel .container2 .slides { position:absolute; top:0px; left:0; overflow: hidden; height: 180px; width: 804px; border:0px solid #9e9e9e; }
			.libraryBox #loopedCarousel .container2 .slides span { position:absolute; padding: 10px; margin-right: 1px; height: 180px; background: #fff; display:none; border-right:1px solid #b7d3ee;}
			.libraryBox span.first { float:left; padding-right: 1px; background: none; }
			.libraryBox span.last { float:left; padding:0px; background: none; }
			.libraryBox #loopedCarousel .container2 .slides span p { padding-top: 7px; color: #21415f; }
			.libraryBox span a.previous { display: block; height: 180px; width: 30px; text-indent: -9999px; background: url('../images/prev-arrow.gif') top left no-repeat; }
			.libraryBox span a.next { display: block; height: 180px; width: 30px; text-indent: -9999px; background: url('../images/next-arrow.gif') top left no-repeat; }
			.libraryBox .vimeo { padding-left: 27px; padding-right: 35px; font-size: 12px; display: block; float: right; height: 18px; line-height: 18px; background: url('../images/vimeo-icon.gif') left no-repeat; }
			.libraryBox .vimeo a { padding-right: 15px; color: #21415f; background: url('../images/bullet.png') right no-repeat; }
			.libraryBox a:hover { text-decoration: none; }
			.libraryBox .flicker { padding-left: 27px; padding-right: 35px; font-size: 12px; display: block; float: right; height: 18px; line-height: 18px; background: url('../images/flicker-icon.gif') left no-repeat; }
			.libraryBox .flicker a { padding-right: 15px; color: #21415f; background: url('../images/bullet.png') right no-repeat; }
			.libraryBox #loopedCarousel .container2 .slides span.foto a { position: absolute; top: 10px; left: 10px; display: block; width: 247px; height: 138px; text-indent: -9999px; background: url('../images/overlay.png') no-repeat 0px -300px; }
			.libraryBox #loopedCarousel .container2 .slides span.foto a:hover { background-position: left top; background-repeat: repeat; }
			.libraryBox #loopedCarousel .container2 .slides span.video a { position: absolute; top: 10px; left: 10px; z-index: 10; display: block; width: 247px; height: 138px; text-indent: -9999px; background: url('../images/play.png') no-repeat center 45px; }
			.libraryBox #loopedCarousel .container2 .slides span.video span { position: absolute; top: 0px; left: 0px; z-index: 5; display: block; width: 247px; height: 138px; text-indent: -9999px; background: url('../images/overlay.png') no-repeat 0px -300px; }
			.libraryBox #loopedCarousel .container2 .slides span.video a:hover { background-position: center -715px; }
			.libraryBox #loopedCarousel .container2 .slides span.video:hover span { background-position: left top; background-repeat: repeat; }
		
			/* ### ARTICLES BOX ### */
			.articlesBox { padding-top: 30px; margin: auto; width: 870px; overflow: hidden; }
			.articlesBox h3 { padding-left: 35px; padding-bottom: 15px; font-size: 14px; color: #21415f; }
			.articlesBox #loopedCarousel .container2 { float:left; list-style: none; overflow: hidden; position:relative; width: 804px; height: 231px; background-color:#fff; }
			.articlesBox #loopedCarousel .container2 .slides { position:absolute; top:0px; left:0; padding: 0px 15px; margin-right: 1px; width: 804px; float: left; height: 197px; background: #fff; }
			.articlesBox #loopedCarousel .container2 .slides span { position:absolute; padding: 22px; margin-right: 1px; height: 197px; background: #fff; display:none; border-right:1px solid #b7d3ee;}
			.articlesBox span.first { float:left; padding: 0px; padding-right: 1px; width: 30px; background: none; }
			.articlesBox span.last { float:left; padding: 0px; padding-right: 1px; width: 30px; background: none; }
			.articlesBox #loopedCarousel .container2 .slides span p { padding-top: 7px; color: #21415f; }
			.articlesBox span a.previous { display: block; height: 232px; width: 30px; text-indent: -9999px; background: url('../images/prev-arrow1.gif') top left no-repeat; }
			.articlesBox span a.next { display: block; height: 232px; width: 30px; text-indent: -9999px; background: url('../images/next-arrow1.gif') top left no-repeat; }
			.articlesBox #loopedCarousel .container2 .slides img { padding-left: 15px; }
			
			/* ### LESSON BOX ### */
			.lessonBox { padding-top: 50px; margin: auto; width: 803px; overflow: hidden; }
			.lessonBox h4 { padding-left: 10px; padding-bottom: 15px; font-size: 12px; color: #21415f; }
			.lessonBox ul { list-style: none; overflow: hidden; }
			.lessonBox li { padding: 8px 0px 13px 20px; margin-bottom: 1px; width: 783px; float: left; height: 39px; overflow: hidden; background: #fff; }
			.lessonBox li a { margin-right: 15px; text-indent: -9999px; display: block; float: left; height: 40px; width: 43px; background: url('../images/sound-icon.gif') top left no-repeat; }
			.lessonBox li a:hover { background: url('../images/sound-hover-icon.gif') top left no-repeat; }
			.lessonBox li span { padding-top: 4px; display: block; font-weight: bold; color: #21415f; font-size: 12px; }
			.lessonBox li p { padding-top: 5px; color: #303030; }
			
	/* ### FOOTER CONTAINER ### */
	#footerCntr { padding: 20px 0px; height: 65px; background: #21415f; }
	#footerCntr .center{ margin: auto; width: 905px; overflow: hidden; }
	#footerCntr a { margin-right: 20px; color: #fff; text-decoration: none; }	
	#footerCntr a:hover { text-decoration: underline; }
	#footerCntr .right { width: 275px; float: right; }
	#footerCntr img { margin-right: 20px; }