/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: 'Trebuchet MS', Arial; font-size: 12px; color: #fff; }
input, select, textarea { font-family: 'Trebuchet MS', Arial; font-size: 12px; color: #fff; }
body { background: #000; }
img { border: 0px; display: block; }
a, input { outline: none; }
a { color:#FFF; }

/* ### global classes ### */
.clear { clear: both; height: 0px; overflow: hidden; }
.bg1 { background: url('../images/bg_gresham.jpg') top center no-repeat; }
.bg2 { background: url('../images/bg_skyscrapers.jpg') top center no-repeat; }
.bg3 { background: url('../images/bg_straat.jpg') top center no-repeat; }
.bg4 { background: url('../images/bg_noorderlicht.jpg') top center no-repeat; }
.bg5 { background: url('../images/bg_druppels.jpg') top center no-repeat; }
.bg6 { background: url('../images/bg_zee.jpg') top center no-repeat; }
.bg7 { background: url('../images/bg_hout.jpg') top center no-repeat; }
.bg8 { background: url('../images/bg_sleutel.jpg') top center no-repeat; }

.archivelist {display: none;}

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

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

	/* ### header container ### */
	#headerCntr { position: relative; z-index: 30; width: 985px; height: 150px; }
	#headerCntr h1 { position: absolute; top: 0px; left: -40px; }
	#headerCntr h1 a { display: block; width: 235px; height: 150px; text-indent: -9999px; }
	
		/* ### zoek box ### */
		.zoekBox { width: 985px; height: 68px; overflow: hidden; }
		.zoekBox form fieldset { padding-top: 20px; border: 0px; overflow: hidden; float: right; }
		.zoekBox label { padding-right: 12px; display: block; line-height: 26px; text-transform: uppercase; display: block; float: left; }
		.zoekBox input.field { padding: 4px 5px; float: left; margin-right: 12px; width: 139px; height: 16px; border: 0px; color: #000; background: url('../images/zoek-field.jpg') 100% no-repeat; }
		.zoekBox input.submit { float: left; width: 98px; height: 24px; border: 0px; margin-right: 4px; cursor: pointer; border: 0px; font-size: 14px; text-transform: uppercase; background: url('../images/zoek-button.jpg') no-repeat; }
		.zoekBox .languageBox { width:200px;float:left;height:20px;margin-left:231px;margin-top:36px }
			.zoekBox .languageBox img { float:left;margin-right:5px; }
		.zoekBox .zoekFormBox{ width:400px;float:right; }
				
		/* ### menu box ### */
		.menuBox { position: absolute; top: 68px; right: 0px; width: 754px; }
		.menuBox ul { padding-left: 20px; list-style: none; float: right; height: 28px; background: url('../images/menu-bg.jpg') repeat-x; }
		.menuBox li { padding: 0 26px; float: left; display: inline; position: relative; font-size: 14px; text-transform: uppercase; line-height: 28px; background: url('../images/list-sprtr.jpg') right no-repeat; }
		.menuBox li a { color: #fff; text-decoration: none; }
		.menuBox li a:hover, .menuBox li a.selected { color: #000; }
		.menuBox li.last { background: none; }
		
		body#homeBody .menuBox li a.homeMenu, 
		body#bauporteBody .menuBox li a.bauporteMenu, 
		body#assortimentBody #menu li.assortimentMenu, 
		body#serviceBody .menuBox li a.serviceMenu,
		body#projectsBody .menuBox li a.projectsMenu,
		body#contactBody .menuBox li a.contactMenu
		{ color: #000 }
		
		
		
		.menuBox div.sub {  z-index:200; position: absolute; top: 28px; left: -228px; width: 590px; height: 173px; background: url('../images/subBg.png') center 0 no-repeat; }
		.menuBox div.sub ul { padding: 25px 0px 0px 60px; float: left; height: auto; background: none; }
		.menuBox div.sub li { padding: 0px; float: none; display: block; line-height: 15px; text-transform: none; font-size: 12px; background: none; }
		.menuBox div.sub li a:hover, .menuBox li a.selected { text-decoration: underline; }
		.menuBox div.sub li.title { padding-bottom: 10px; text-transform: uppercase; font-weight: bold; }
		
		/* ### np box ### */
		.npBox { padding: 46px 0px 0px 230px; width: 755px; height: 27px; overflow: hidden; }
		.npBox ul { list-style: none; overflow: hidden; }
		.npBox li { padding-right: 3px; float: left; line-height: 18px; font-size: 11px; }
		.npBox li a { /*padding-left: 3px;*/ color: #FFFFFF; text-decoration: none; }
		/*.npBox a {color:#FFF;text-decoration:underline }
		.npBox a:hover {text-decoration:none }*/
		.npBox li a:hover { text-decoration: underline; }
			
	/* ### content container ### */
	#contentCntr { padding-bottom: 20px; min-height: 650px; overflow: hidden; width: 985px; }
	
		/* ### left container ### */
		#leftCntr { float: left; width: 720px; }
		
			/* ### project box ### */
			.projectBox { padding-bottom: 26px; width: 532px; overflow: hidden; height: 320px; }
			.projectBox .left { width: 309px; float: left; }
			.projectBox .right { padding: 20px 16px 0px 22px; width: 185px; float: right; height: 300px; background: url('../images/project-bg.jpg') no-repeat; }
			.projectBox h2 { padding-bottom: 4px; color: #AE9962; line-height: 16px; font-size: 16px; }
			.projectBox span { display: block; font-size: 10px; font-style: italic; }
			.projectBox p { padding-bottom: 18px; line-height: 17px; }
			.projectBox a { color: #FFFFFF; }
			.projectBox a:hover { text-decoration: none; }
			
			/* ### project carousel box ### */
			.projectBoxCarousel { padding: 2px 2px 26px 2px; width: 528px; overflow: hidden; height: 318px; background: url('../images/special-carousel_bg.png') no-repeat; }
						
			/* ### archief box ### */
			.archiefBox { padding-top: 4px; width: 260px; float: left; margin-right: 13px; background: url('../images/text-top.png') top left no-repeat; }
			.archiefBox .bottom { padding-bottom: 4px; width: 260px; background: url('../images/text-bottom.png') bottom left no-repeat; }
			.archiefBox .mid { padding: 12px 17px 12px 18px; width: 225px; background: url('../images/text-mid.png') repeat-y; }
			.archiefBox h2 { font-size: 20px; color: #b3b3b3; font-weight: normal; text-align: center; }
			.archiefBox h2 span { text-decoration: underline; }
			.archiefBox h3 { padding-bottom: 2px; color: #AE9962; font-size: 16px; }
			.archiefBox p { line-height: 17px; }
			.archiefBox a {color:#FFF; text-decoration:underline }
			.archiefBox a:hover { text-decoration:none }
						
			/* ### slider box ### */
			.sliderBox { padding-bottom: 20px; width: 533px; height:390px; overflow: hidden; }
			.sliderBox .sliderOverlay { width: 440px; height:390px; position: absolute; z-index:6; background:url(../images/sliderOverlay.png) transparent 0 0 no-repeat }
				.sliderBox .sliderOverlay a.full { padding-right: 8px; font-size: 11px; text-transform: uppercase; color: #FFFFFF; text-decoration: none; display: block; width: 180px; height: 18px; position: absolute; left: 1px; bottom: 20px; background: url('../images/slider-link.png') right no-repeat; }
				.sliderBox .sliderOverlay a.full span { padding-left: 10px; line-height: 18px; display: block; background: #000; }
				.sliderBox .sliderOverlay a:hover { text-decoration: underline; }
			.sliderBox .left { width: 440px; height:390px; position: absolute; z-index:2; }
			.sliderBox .right { padding-top: 10px; width: 93px; position: relative; float: right; height:327px }
			
			
			.sliderBox .sliderMenuOverlay { width: 93px; height:327px; position: absolute; z-index:20; margin:10px 0 0 440px; background:url(../images/sliderMenuOverlay.png) transparent 0 0 no-repeat }
			
			.sliderBox .sliderMenuBauporteOverlay { width: 93px; height:248px; position: absolute; z-index:20; margin:10px 0 0 440px; background:url(../images/sliderMenuBauporteOverlay.png) transparent 0 0 no-repeat }
			
			.sliderBox ul { list-style: none; overflow: hidden; background: url('../images/slider-link.png') right no-repeat;}
			.sliderBox li { position: relative; float: left; width: 93px; }
			.sliderBox a.activeTitle { background-position:left bottom!important; }
			.sliderBox li a { display: block; position: relative; float: left; width: 93px; height: 89px; text-decoration: none; color: #fff; }
			.sliderBox li span { position: absolute; left: 10px; bottom: 5px; z-index:100 }
			.sliderBox li.one { z-index: 8; }
			.sliderBox li.two { margin-top: -4px; z-index: 10; }
			.sliderBox li.third { margin-top: -1px; z-index: 12; }
			.sliderBox li.four { margin-top: -4px; z-index: 14; }
			.sliderBox a { cursor: pointer;line-height:12px; color:#FFF; }
			.sliderBox a:hover { text-decoration:underline }
			.sliderBox a.titleOne { display:block; height:29px; padding:60px 0 0 4px; width:89px; background: url(../images/background-slidemenu1.png) left top no-repeat; }
			.sliderBox a.titleTwo { display:block; height:29px; margin-top:-10px; padding:61px 0 0 4px; width:89px; background:url(../images/background-slidemenu3.png) left 1px no-repeat; }
			.sliderBox a.titleThree { display:block; height:29px; margin-top:-10px; padding:60px 0 0 4px; width:89px; background:url(../images/background-slidemenu2.png) left 1px no-repeat; }
			.sliderBox a.titleFour { display:block; height:30px; margin-top:-10px; padding:60px 0 0 4px; width:89px; background:url(../images/background-slidemenu2.png) left 1px no-repeat; }

			.sliderBox a.active { background-position: left bottom; }
			
				.imask2 { margin-top:-11px;display:block;}
				.imask3 { margin-top:-9px;display:block;}
				.imask4 { margin-top:-7px;display:block;}

						
			/* ### image box ### */
			.imageBox { padding-bottom: 20px; width: 535px; overflow: hidden; }
			.imageBox .leftOverlay { width: 260px; height:189px; position: absolute; z-index:10; background:url(../images/imageOverlay.png) 0 0 no-repeat; }
			.imageBox .rightOverlay { margin-left:275px; width: 260px; height:189px; position: absolute; z-index:10; background:url(../images/imageOverlay.png) 0 0 no-repeat; }
			/* IE 7 FIX */
			 *:first-child+html div.leftOverlay { margin-left:-260px; }
			 *:first-child+html div.rightOverlay { margin-left:15px; }
			 /* IE 7 FIX */
			.imageBox .left { width: 260px; height:189px; overflow:hidden; float: left; position: relative; }
			.imageBox .right { width: 260px; height:189px; overflow:hidden; float: right; position: relative; }
			.imageBox a { padding-right: 8px; font-size: 11px; text-transform: uppercase; color: #FFFFFF; text-decoration: none; display: block; width: 180px; height: 18px; position: absolute; left: 1px; bottom: 10px; background: url('../images/slider-link.png') right no-repeat; }
			.imageBox span.noLink { padding-right: 8px; font-size: 11px; text-transform: uppercase; color: #FFFFFF; text-decoration: none; display: block; width: 180px; height: 18px; position: absolute; left: 1px; bottom: 10px; background: url('../images/slider-link.png') right no-repeat; }
			.imageBox span.noLink span { padding-left: 10px; line-height: 18px; display: block; background: #000; }
			.imageBox a span { padding-left: 10px; line-height: 18px; display: block; background: #000; }
			.imageBox a:hover { text-transform: uppercase; }
			
			 div.overlayImageleft { position:absolute;z-index:10;overflow:hidden;height:220px;width:260px; background: url(../images/smallOverlay.png) 0 0 no-repeat; }
			 div.overlayImageright { position:absolute;z-index:10;margin-left:275px;overflow:hidden;height:220px;width:260px; background: url(../images/smallOverlay.png) 0 0 no-repeat; }
			 /* IE 7 FIX */
			 *:first-child+html div.overlayImageleft { margin-left:-260px; }
			 *:first-child+html div.overlayImageright { margin-left:15px; }
			 /* IE 7 FIX */
			 div.overlayImageleft a:hover,div.overlayImageright a:hover { text-decoration:underline }
						
			/* ### imagination box ### */
			.imaginationBox { padding-top: 4px; width: 532px; background: url('../images/imagination-top.png') top left no-repeat; }
			.imaginationBox .bottom { padding-bottom: 4px; width: 532px; background: url('../images/imagination-bottom.png') bottom left no-repeat; }
			.imaginationBox .mid { padding: 10px 22px 12px 20px; overflow: hidden; width: 490px; background: url('../images/imagination-mid.png') repeat-y; }
			.imaginationBox .left { width: 232px; float: left; }
			.imaginationBox .right { width: 225px; float: right; }
			.imaginationBox h2 { padding-bottom: 8px; color: #AE9962; font-size: 16px; }
			.imaginationBox p { line-height: 15px; }
			.imaginationBox h2.welkom { padding-top: 12px; text-align: center; color: #AE9962; font-size: 16px; }
			.imaginationBox a { color:#FFF;}
			
			.projectVideo { float:left;width:400px; height:300px; }
			
			/* ### contact box ### */
			.contactBox { padding: 10px 0 5px 18px; width: 516px; overflow: hidden; border-bottom: #2f2f2f solid 1px; }
			.contactBox h2 { padding-bottom: 6px; color: #AE9962; font-size: 16px; }
			.contactBox form fieldset { border: 0px; overflow: hidden; }
			.contactBox a {color:#FFF; }
			.contactBox p { padding-bottom: 6px; overflow: hidden; width: 100%; float: left; }
			.contactBox label { display: block; float: left; width: 135px; line-height: 24px; }
			.contactBox input.field { padding: 4px 10px; width: 357px; height: 16px; float: left; color: #000; border: 0px; background: url('../images/field-bg.jpg') 100% no-repeat; }
			.contactBox select.field { padding: 4px 5px; width: 377px; height: 25px; float: left; color: #000; border: 0px; background: url('../images/field-bg.jpg') 100% no-repeat; }
			.contactBox select.field option{ background:#FFF;padding-left: 10px;}
			.contactBox textarea { padding: 5px; width: 367px; height: 54px; float: left; color: #000; border: 0px; background: url('../images/textarea.jpg') no-repeat; }
			.contactBox input.submit { margin-right: 5px; font-size: 14px; text-transform: uppercase; width: 100px; height: 24px; float: right; border: 0px; cursor: pointer; background: url('../images/submit-button.jpg') no-repeat; }
			div#formErrorText, div.formError2 span, div.formError3 span { color:red }
			form#contactForm input.error, form#boekForm input.error {color:red; background: url('../images/field-error-bg.jpg') 100% no-repeat; }
			form#contactForm textarea.error, form#boekForm textarea.error, form#boekForm select.error {color:red; background: url('../images/textarea-error.jpg') 100% no-repeat; }
						
			/* ### route box ### */
			.routeBox { padding-top: 20px; width: 534px; overflow: hidden; }
			.routeBox h2 { padding: 0 0 6px 18px; color: #AE9962; font-size: 16px; }
			.routeBox form fieldset { padding: 0 0 18px 18px; border: 0px; overflow: hidden; }
			.routeBox label { display: block; width: 154px; float: left; line-height: 24px; }
			.routeBox input.field { padding: 4px 5px; color: #b3b3b3; font-style: italic; font-size: 11px; width: 95px; height: 16px; float: left; margin-right: 12px; border: 0px; background: url('../images/post-field.jpg') 100% no-repeat; }
			.routeBox input.submit { width: 142px; height: 24px; float: left; font-size: 14px; text-transform: uppercase; border: 0px; cursor: pointer; background: url('../images/post-button.jpg') no-repeat; }
			div#myroute1 a { color:#fff;}
						
			/* ### text box ### */
			.textBox { padding-top: 4px; margin-bottom: 18px; width: 532px; background: url('../images/imagination-top.png') top left no-repeat; }
			.textBox .bottom { padding-bottom: 4px; width: 532px; background: url('../images/imagination-bottom.png') bottom left no-repeat; }
			.textBox .mid { padding: 8px 28px 8px 20px; overflow: hidden; width: 484px; background: url('../images/imagination-mid.png') repeat-y; }
			.textBox h2 { padding-bottom: 4px; color: #AE9962; font-size: 16px; }
			.textBox p { padding: 9px 0; line-height: 17px; }
			.textBox ul { padding-bottom: 15px; list-style: none; overflow: hidden; }
			.textBox li { padding-left: 10px; line-height: 17px; background: url('../images/list-dot.jpg') left no-repeat; }
			.textBox a { color:#FFF; }
			.textBox a:hover { text-decoration:none }
			
			/* ### downloads box ### */
			.downloadsBox { padding-top: 4px; margin-bottom: 18px; width: 532px; background: url('../images/imagination-top.png') top left no-repeat; }
			.downloadsBox .bottom { padding-bottom: 4px; width: 532px; background: url('../images/imagination-bottom.png') bottom left no-repeat; }
			.downloadsBox .mid { padding: 8px 28px 8px 20px; overflow: hidden; width: 484px; background: url('../images/imagination-mid.png') repeat-y; }
			.downloadsBox h2 { padding-bottom: 4px; color: #AE9962; font-size: 16px; }
			.downloadsBox.gold h3 { padding-bottom: 4px; color: #AE9962; font-size: 16px; }
			.downloadsBox p { padding: 9px 0; line-height: 17px; }
			.downloadsBox ul { padding-bottom: 15px; list-style: none; overflow: hidden; }
			.downloadsBox li { padding-left: 10px; line-height: 17px; background: url('../images/list-dot.jpg') left no-repeat; }
			.downloadsBox a { color:#FFF; display:block; padding-bottom: 3px; }
					
		/* ### right container ### */
		#rightCntr { float: right; width: 265px; }
			
			/* ### special box ### */
			.specialBox { padding-top: 4px; width: 260px; background: url('../images/text-top.png') top left no-repeat; }
			.specialBox .bottom { padding-bottom: 4px; width: 260px; background: url('../images/text-bottom.png') bottom left no-repeat; }
			.specialBox .mid { padding: 16px 14px 28px 14px; width: 232px; background: url('../images/text-mid.png') repeat-y; }
			.specialBox h2 { color: #AE9962; font-size: 20px; font-weight: normal; }
			.specialBox h3 { padding-bottom: 2px; color: #B3B3B3; font-size: 16px; }
			.specialBox ul { list-style: none; overflow: hidden; }
			.specialBox li { padding: 7px 10px 0px 10px; width: 212px; float: left; height: 21px; font-size: 15px; border-bottom: #7c7c7e dashed 1px; }
			.specialBox li a { display: block; color: #FFFFFF; text-decoration: none; background: url('../images/list-arrow.png') right no-repeat; } 
			.specialBox li a:hover, .specialBox li.selected a { padding-left: 15px; background: url('../images/hover-arrow.png') left no-repeat; }
			.specialBox p { padding-right: 4px; line-height: 17px; }
						
			/* ### address box ### */
			.addressBox { padding-top: 4px; margin-bottom: 22px; width: 260px; background: url('../images/text-top.png') top left no-repeat; }
			.addressBox .bottom { padding-bottom: 4px; width: 260px; background: url('../images/text-bottom.png') bottom left no-repeat; }
			.addressBox .mid { padding: 6px 19px 10px 19px; width: 222px; background: url('../images/text-mid.png') repeat-y; }
			.addressBox h2 { padding-bottom: 8px; color: #b3b3b3; font-size: 16px; text-align: left; }
			.addressBox h2 a { color: #AE9962; font-size: 16px; }
			.addressBox h4 { padding-bottom: 4px; color: #FFF; font-size: 14px; }
			.addressBox address { font-style: normal; line-height: 15px; }
			.addressBox address a { color: #FFFFFF; text-decoration: none; }
			.addressBox address a:hover { text-decoration: underline; }
			.addressBox h3.nieuws { padding-bottom: 3px; color: #b3b3b3; }
			.addressBox form fieldset { border: 0px; overflow: hidden; }
			/*.addressBox input.field { padding: 4px 10px; width: 201px; height: 16px; margin-bottom: 8px; color: #b3b3b3; font-size: 11px; font-style: italic; border: 0px; background: url('../images/nieuws-field.jpg') 100% no-repeat; }*/
			.addressBox input.field { padding: 4px 10px; width: 96px; height: 16px; margin-bottom: 8px; color: #b3b3b3; font-size: 11px; font-style: italic; border: 0px; background: url('../images/nieuws-field-small.jpg') 100% no-repeat; }
			.addressBox input.error {color:red; background: url('../images/nieuws-field-small-error.jpg') 100% no-repeat; }
			.addressBox input.submit { margin-right: 0px; float: right; font-size: 14px; text-transform: uppercase; width: 100px; height: 24px; border: 0px; cursor: pointer; background: url('../images/ssubmit-button.png') no-repeat; }
			.addressBox h2 { font-size: 16px; color: #b3b3b3; background: url('../images/pijl_b3.png') no-repeat; background-position: 100% 30%;}
			.addressBox h3 { font-size: 16px; color: #AE9962;}
			.addressBox h2 a { color: #AE9962; font-size: 16px; text-decoration: underline; }
			.addressBox h4 { color: #AE9962; font-size: 12px; }
			.addressBox h2 a { color: #b3b3b3;  }
			.addressBox h2 a:hover { text-decoration: underline; }
			.addressBox p { text-align: center; color: #b3b3b3; font-size: 16px; line-height: 20px; }
			.addressBox p a { color: #b3b3b3; }
			.addressBox p a:hover { text-decoration: none; }
			
			/* ### nieuws box ### */
			.nieuwsBox { padding-top: 4px; margin-bottom: 10px; width: 260px; background: url('../images/text-top.png') top left no-repeat; }
			.nieuwsBox .bottom { padding-bottom: 4px; width: 260px; background: url('../images/text-bottom.png') bottom left no-repeat; }
			.nieuwsBox .mid { padding: 6px 19px 10px 19px; width: 222px; background: url('../images/text-mid.png') repeat-y; }
			.nieuwsBox h2 { padding-bottom: 2px; color: #AE9962; font-size: 16px; padding-bottom: 10px; clear: both; background: url('../images/pijl_b3.png') no-repeat; background-position: 100% 30%; }
			.nieuwsBox h2 a { padding-bottom: 2px; color: #b3b3b3; font-size: 16px; }
			.nieuwsBox h3 { padding-bottom: 3px; color: #AE9962; font-size: 12px; width: 110px; float:left; }
			.nieuwsBox img { margin-left: 10px; float: right; border: #3a3a3a solid 1px; width:91px; }
			.nieuwsBox p { line-height: 16px; }
			.nieuwsBox a.meer { padding: 0 9px 0 3px; color: #b3b3b3; text-decoration: none; background: url('../images/meer-arrow.jpg') right no-repeat; }
			.nieuwsBox a:hover { text-decoration: none; }
			
			/* ### nieuwsitem box ### */
			.nieuwsitemBox { padding-top: 4px; margin-bottom: 18px; width: 532px; background: url('../images/imagination-top.png') top left no-repeat; }
			.nieuwsitemBox .bottom { padding-bottom: 4px; width: 532px; background: url('../images/imagination-bottom.png') bottom left no-repeat; }
			.nieuwsitemBox .mid { padding: 8px 28px 8px 20px; overflow: hidden; width: 484px; background: url('../images/imagination-mid.png') repeat-y; }
			.nieuwsitemBox h2 { padding-bottom: 4px; color: #AE9962; font-size: 16px; }
			.nieuwsitemBox h3 { margin: 6px 0; }
			.nieuwsitemBox p { line-height: 17px; margin-bottom:10px; }
			.nieuwsitemBox ul { padding-bottom: 15px; list-style: none; }
			.nieuwsitemBox li { line-height: 17px; background: url('../images/list-dot.jpg') left no-repeat; }
			.nieuwsitemBox a { color:#FFF; }
			.nieuwsitemBox a.completeoverview { font-style:italic;color:#c3c1c1;display:block;margin-top:15px;width:150px; }
			.nieuwsitemBox img.publisherItemImage { margin: 0 10px 5px 0 }
			div.nieuwsarchief { padding:8px 28px 8px 20px;}
			div.nieuwsarchief a.meer { padding: 0 9px 0 0; color: #b3b3b3; text-decoration: none; background: url('../images/meer-arrow.jpg') right no-repeat; }
			div.nieuwsarchief a:hover.meer { text-decoration:underline; }
			ul.archivelist { list-style-type:none; margin-top:10px; }
			ul.archivelist li {background:none; }
			
			/* ### nieuwsbriefitem box ### */
			.nieuwsbriefitemBox { padding-top: 4px; margin-bottom: 18px; width: 532px; background: url('../images/imagination-top.png') top left no-repeat; }
			.nieuwsbriefitemBox .bottom { padding-bottom: 4px; width: 532px; background: url('../images/imagination-bottom.png') bottom left no-repeat; }
			.nieuwsbriefitemBox .mid { padding: 8px 2px 8px 20px; overflow: hidden; width: 510px; background: url('../images/imagination-mid.png') repeat-y; }
			.nieuwsbriefitemBox h2 { padding-bottom: 8px; color: #AE9962; font-size: 16px; }
			.nieuwsbriefitemBox h3 { margin: 6px 0; }
			.nieuwsbriefitemBox p { line-height: 17px; margin-bottom:10px; }
			.nieuwsbriefitemBox ul { padding-bottom: 15px; list-style: none; }
			.nieuwsbriefitemBox li { line-height: 17px; background: url('../images/list-dot.jpg') left no-repeat; }
			.nieuwsbriefitemBox a { color:#FFF; }
			.nieuwsbriefitemBox a.completeoverview { font-style:italic;color:#c3c1c1;display:block;margin-top:15px;width:150px; }
			.nieuwsbriefitemBox img.publisherItemImage { margin: 0 10px 5px 0 }
			.nieuwsbriefitemBox img.contentImageExtra { float:left; margin:0 18px 5px 0;border:none;width:149px; }
			div.nieuwsbriefarchief { padding:8px 28px 8px 20px;}
			div.nieuwsbriefarchief a.meer { padding: 0 9px 0 0; color: #b3b3b3; text-decoration: none; background: url('../images/meer-arrow.jpg') right no-repeat; }
			div.nieuwsbriefarchief a:hover.meer { text-decoration:underline; }
			ul.nieuwsbriefarchivelist { list-style-type:none; margin-top:10px; }
			ul.nieuwsbriefarchivelist li {background:none; }
			
			/* ### nieuwsbriefarchive box ### */
			.nieuwsbriefarchiveBox { padding-top: 4px; margin-bottom: 18px; width: 532px; background: url('../images/imagination-top.png') top left no-repeat; }
			.nieuwsbriefarchiveBox .bottom { padding-bottom: 4px; width: 532px; background: url('../images/imagination-bottom.png') bottom left no-repeat; }
			.nieuwsbriefarchiveBox .mid { padding: 8px 2px 8px 20px; overflow: hidden; width: 510px; background: url('../images/imagination-mid.png') repeat-y; }
			.nieuwsbriefarchiveBox h2 { padding-bottom: 8px; color: #AE9962; font-size: 16px; }
			.nieuwsbriefarchiveBox h3 { margin: 6px 0; }
			.nieuwsbriefarchiveBox p { line-height: 17px; margin-bottom:10px; }
			.nieuwsbriefarchiveBox ul { padding-bottom: 15px; list-style: none; }
			.nieuwsbriefarchiveBox li { line-height: 17px; background: url('../images/list-dot.jpg') left no-repeat; }
			.nieuwsbriefarchiveBox a { color:#FFF; }
			.nieuwsbriefarchiveBox a.completeoverview { font-style:italic;color:#c3c1c1;display:block;margin-top:15px; }
			.nieuwsbriefarchiveBox img.publisherItemImage { margin: 0 10px 5px 0 }
			.nieuwsbriefarchiveBox img.contentImageExtra { display:none; }
			
			/* ### pdf download box ### */
			.pdfdownloadBox { padding-top: 4px; margin: 22px 0 0; width: 260px; background: url('../images/text-top.png') top left no-repeat; }
			.pdfdownloadBox .bottom { padding-bottom: 4px; width: 260px; background: url('../images/text-bottom.png') bottom left no-repeat; }
			.pdfdownloadBox .mid { padding: 10px 19px 6px 19px; width: 222px; background: url('../images/text-mid.png') repeat-y; }
			.pdfdownloadBox h2 { padding-bottom: 8px; font-size: 18px; }
			.pdfdownloadBox .mid a { color: #AE9962; text-decoration: none; display:block; width:222px; text-align:center; }
			.pdfdownloadBox .mid a:hover { text-decoration: underline; }
			
	/* ### footer container ### */
	#footerCntr { padding-bottom: 30px; overflow: hidden; width: 985px; }
	#footerCntr ul { list-style: none; overflow: hidden; text-align: center; }
	#footerCntr li { padding: 0 5px; font-size: 11px; color: #b3b3b3; font-family: Arial; display: inline; background: url('../images/footer-sprtr.jpg') right no-repeat; }
	#footerCntr li a { color: #b3b3b3; text-decoration: none; }
	#footerCntr li a:hover { text-decoration: underline; }
	#footerCntr li.last { background: none; }
	
	
	
	/* the overlayed element */ 
	.simple_overlay { display:none; z-index:10000; background-color:#ffffff; padding: 20px; width:480px; min-height:315px; -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; } 
	/* close button positioned on upper right corner */ 
	.simple_overlay .close { background-image:url(images/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; }
	#video_overlay { background-image:url(images/trans.png); color:#fff; }
	
	.next, .prev { position:absolute; top:40%; -moz-border-radius:5px; -webkit-border-radius:5px; } 
	.progress { position:absolute; top:45%; left:50%; display:none; } 
	#thumbs a.active img { outline:1px solid #000; z-index:9999; position:relative; }
	
	#img { border:none; }
	.image_overlay { display:none; z-index:10000; background-color:#FFFFFF; width:600px; min-height:200px; border:1px solid #FFFFFF; -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; }
	.video_overlay { width: 480px; }
	.image_overlay img { border: none; }
	.image_overlay .close { background-image:url(../images/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; z-index:12000;}
	.next, .prev { position:absolute; top:40%; border:1px solid #666; cursor:pointer; display:block; padding:10px 20px; color:#fff; font-size:11px; -moz-border-radius:5px; -webkit-border-radius:5px; }
	.prev { left:0; border-left:0; -moz-border-radius-topleft:0; -moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0; -webkit-border-top-left-radius:0; }
	.next { right:0; border-right:0; -moz-border-radius-topright:0; -moz-border-radius-bottomright:0; -webkit-border-bottom-right-radius:0; -webkit-border-top-right-radius:0; }
	.next:hover, .prev:hover { text-decoration:underline; background-color:#fff; }
	.disabled { visibility:hidden; }
	.info { position:absolute; bottom:0; left:0; padding:10px 15px; margin: 1px 0 0 0px; color:#fff; font-size:11px; border-top: none; }
	.info strong { display:block; }
	.progress { position:absolute; top:45%; left:47%; display:none; }
	.next, .prev, .info { background:#333 !important; background:rgba(0, 0, 0, 0.6) url(/images/h80.png) repeat-x;	}