/* ------------------------------------------------- */
/* @ FONTFACE  
/* ------------------------------------------------- */
	@font-face { font-family:Gotham; src:url('fonts/Gotham-Light.otf'); }
	@font-face { font-family:Gotham-Book; src:url('fonts/Gotham-Book.otf'); }
	@font-face { font-family:Gotham-Medium; src:url('fonts/Gotham-Medium.otf'); }

/* ------------------------------------------------- */
/* COMMON STYLES
/* ------------------------------------------------- */
	body { font:75%/150% 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#706f6f; background:#100f0f url(../img/bg.png) repeat-x top center; }
	h1 { font:2.25em/1.1em 'Gotham', Helvetica, sans-serif; color:#cfcfcf; }
	h1 span { font-family:'Gotham-Book', Helvetica, sans-serif !important; font-weight:400; }
	h2, legend { font:1.6em/2.3em 'Gotham-Book', Helvetica, sans-serif; color:#cfcfcf; }
	h3 { color:#cfcfcf; }
	h4 { font:1.6em/1em 'Gotham-Medium', Helvetica, sans-serif; color:#cfcfcf; text-transform:uppercase; }
	h5 {  }
	p { margin:0 0 1.5em 0; padding:0 0 0 0; }
	p.introductie { font-size:1.25em; line-height:1.4em; }
	a { color:#706f6f; text-decoration:underline; }
	a:hover { color:#706f6f; text-decoration:none; }
	a span { display:none; }
	textarea, input { padding:6px; border:1px solid #363636; background:#1D1B1B; color:#FFF; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; font:1.1em/1.2em 'Helvetica Neue', Helvetica, Arial, sans-serif; }
	textarea:focus, input:focus { outline:none; border:1px solid #FFF; }
	button { background:#121111; padding:8px; border:1px solid #363636; color:#FFF; font:0.9em/0.9em 'Gotham-Medium', Helvetica, sans-serif; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }

	#taalkeuze { margin:200px auto; width:410px; text-align:center; }
	#taalkeuze img { margin-bottom:35px; }
	#taalkeuze ul { margin:0 0 0 120px; padding:0; list-style:none; width:140px; }
	#taalkeuze ul li { margin:0; padding:0; list-style:none; }
	#taalkeuze ul li a { text-align:left; display:block; width:140px; height:21px; line-height:21px; background:#fe0101; color:#870808; text-transform:uppercase; font-weight:bold; text-decoration:none; margin:0 0 10px 0; padding:0 0 0 20px; }
	#taalkeuze ul li a:hover { color:#FFF; }
	#taalkeuze p { color:#706f6f; margin-top:100px; }

/* ------------------------------------------------- */
/* LAY-OUT RULES
/* ------------------------------------------------- */
	#wrapper { position:relative; width:820px; margin:0 auto; }
	#header { float:left; position:relative; width:820px; overflow:hidden; margin:40px auto 0 auto; }
	#content { float:left; position:relative; width:820px; margin:60px 0 0 0; padding:0; }
	#content div.col-big-left { float:left; width:500px; }
	#content div.col-small-right { float:left; width:320px; }
	#footer { float:left; position:relative; width:780px; background:#211c1c; padding:8px 20px; font-size:.9em; line-height:1.3em; margin-top:10px; color:#7a7777 !important; margin:50px 0 50px 0; }
	#footer a { text-decoration:none; color:#7a7777 !important; }
	#footer #footer-bg { position:absolute; top:-22px; right:0; z-index:1000; }
	#footer #footer-left { float:left; width:480px; }
	#footer #footer-right { float:left; width:300px; }

/* ------------------------------------------------- */
/* LAY-OUT RULES
/* ------------------------------------------------- */
	#header a#logo { float:left; display:block; width:232px; height:120px; background:url(../img/menu-nl.png) no-repeat 0 0; margin:0 0 0 20px; }
	#header ul#menu { float:left; position:relative; width:568px; height:120px; list-style:none; }
	#header ul#menu li { float:left; display:block; overflow:hidden; height:120px; list-style:none; margin:0; padding:0; }
	#header ul#menu li a { float:left; display:block; height:120px; background:url(../img/menu-nl.png) no-repeat; }
	
	#header ul#menu li#btn-1 a { width:115px; background-position:-232px 0; }
	#header ul#menu li#btn-2 a { width:107px; background-position:-347px 0; }
	#header ul#menu li#btn-3 a { width:145px; background-position:-454px 0; }
	#header ul#menu li#btn-4 a { width:113px; background-position:-599px 0; }
	#header ul#menu li#btn-5 a { width:88px; background-position:-712px 0; }
	
	#header ul#menu li#btn-1 a:hover { width:115px; background-position:-232px -120px; }
	#header ul#menu li#btn-2 a:hover { width:107px; background-position:-347px -120px; }
	#header ul#menu li#btn-3 a:hover { width:145px; background-position:-454px -120px; }
	#header ul#menu li#btn-4 a:hover { width:113px; background-position:-599px -120px; }
	#header ul#menu li#btn-5 a:hover { width:88px; background-position:-712px -120px; }
	
	#header ul#menu li#btn-1.current a { width:115px; background-position:-232px -240px; }
	#header ul#menu li#btn-2.current a { width:107px; background-position:-347px -240px; }
	#header ul#menu li#btn-3.current a { width:145px; background-position:-454px -240px; }
	#header ul#menu li#btn-4.current a { width:113px; background-position:-599px -240px; }
	#header ul#menu li#btn-5.current a { width:88px; background-position:-712px -240px; }


/* ------------------------------------------------- */
/* PORTAL STYLES
/* ------------------------------------------------- */
	
	#tevredenheids-enquete { position:absolute; right:-40px; top:-50px; display:block; width:141px; height:141px; z-index:1000; }

	a.btn-meer-info { position:absolute; bottom:0; right:0px; width:51px; height:8px; background:url(../img/sprites.png) no-repeat right 0px; }
	a.btn-meer-info:hover { background:url(../img/sprites.png) no-repeat right -9px; }

	div.introduction { position:relative; padding:0 20px; }
	div.introduction h1 { padding-bottom:.4em; }
	div.introduction a { right:20px; }
	
	div#portal-nieuwsflash, div#portal-vacatures { float:left; position:relative; width:460px; margin:0 20px; border-top:1px solid #201e1e; }
	div#portal-nieuwsflash h2, div#portal-vacatures h2 { padding-left:5px; }
	div#portal-nieuwsflash img, div#portal-vacatures img { display:block; }
	div#portal-nieuwsflash p, div#portal-vacatures p { margin:10px 0 15px 0; }

	div.slideshow-home { position:relative; }
	div.slideshow-home img { position:absolute; top:0; left:0; }
	
	div.slideshow { position:relative; }
	div.slideshow a { position:absolute; top:0; left:0; }

	#footer #caption { border-left:1px solid #423838; padding-left:20px; }


/* --------------------------------------------------------- */
/* TRAPPEN STYLES
/* --------------------------------------------------------- */
	div#trappen-left { float:left; padding:0px 20px; width:300px; }
	div#trappen-left h1 { font-size:2.5em; margin-bottom:0.3em; }
	div#trappen-left p.introductie { font-size:1.25em; line-height:1.4em; margin-bottom:185px; color:#706f6f; }
	
	ul#trappen-right { float:left; width:480px; margin:0; padding:0; list-style:none; }
	ul#trappen-right li { float:left; display:block; width:140px; height:225px; border-bottom:1px solid #201e1e; margin:0 20px 10px 0; padding:0; list-style:none; }
	ul#trappen-right li.last { border-bottom:none; }
	ul#trappen-right li h2 { float:left; width:140px; line-height:1em; margin-bottom:0.5em; font-weight:bold; }
	ul#trappen-right li div.scrub-holder { float:left; position:relative; width:140px; height:160px; overflow:hidden; margin-bottom:0.85em; }
	ul#trappen-right li a { float:left; display:block; width:138px; padding:4px 0 0 2px; background:url(../img/bg-meer-realisaties.gif) no-repeat 130px 4px; text-decoration:none; line-height:17px; color:#706f6f; }
	ul#trappen-right li a:hover { color:#FFF; }

	div#scrollable-wrapper { float:left; position:relative; width:820px; height:400px; overflow:hidden; background:#231d1d; }
	div#scrollable-wrapper a.scrollable-nav { position:absolute; top:50%; background:url(../img/btn-scrollable.png) no-repeat 0 0; width:37px; height:37px; z-index:20; cursor:pointer; color:#e08f62; }
	div#scrollable-wrapper a.prev { left:0 !important; }
	div#scrollable-wrapper a.next { right:0 !important; background-position:-37px 0; }
	div#scrollable-wrapper a.disabled { opacity:0.5; filter:alpha(opacity=50); }
	div#scrollable-wrapper a.prev:hover { background-position:0 -37px; }
	div#scrollable-wrapper a.next:hover { background-position:-37px -37px; }
	div#scrollable-wrapper div#scrollable { float:left; position:relative; width:820px; height:400px; overflow:hidden; }
	div#scrollable-wrapper div#scrollable div.items { position:absolute; width:20000em; height:400px; }
	div#scrollable-wrapper div#scrollable div.items a.item { float:left; position:relative; display:block; height:400px; border-right:5px solid #201e1e; }
	div#scrollable-wrapper div#scrollable div.items img.zoom { position:absolute; width:20px; height:20px !important; right:0; bottom:0px; background:url(../img/zoom.gif) no-repeat; }
	div#scrollable-wrapper div#scrollable div.items a.item img { float:left; display:block; height:400px; }

	div#scrollable-detail { float:left; width:780px; padding:20px; margin-bottom:60px; }
	div#scrollable-detail h1 { float:left; font-size:2.5em; line-height:1em; }
	div#scrollable-detail p { float:left; width:560px; height:2.5em; line-height:1.25em; margin:0 0 0 20px; padding:0 0 0 20px; border-left:1px solid #363636; }
	
	a.back-to-overview { float:right; clear:both; color:#FFF; text-transform:uppercase; margin-bottom:10px; font-size:10px; text-decoration:none; }
	a.back-to-overview:hover { color:#c00; }

/* ------------------------------------------------- */
/* OVER ONS STYLES
/* ------------------------------------------------- */
	div#main-left { float:left; width:460px !important; padding:0 20px; }
	div#main-left h1 { font-size:2.5em; margin-bottom:0.3em; }
	div#main-left h2 { border-bottom:1px solid #201e1e; line-height:1.1em; margin-bottom:6px; padding-bottom:6px; padding-top:8px; }
	div#main-left div.introductie p { font-size:1.25em; line-height:1.4em;; }
	div#main-left p { font-size:1.1em; margin-bottom:8px; }
	div#main-left p.small { font-size:1em; }
	div#main-left ul { margin:0; padding:0; list-style:none; }
	div#main-left ul li { margin:0; padding:5px; list-style:none; border-bottom:1px solid #363636; font-size:13px; }
	div#main-left div.box { padding:8px; background:#131212; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
	div#main-left div.box h2 { padding-top:0; }
	div#main-left div.box p { margin-bottom:0; }

	div#main-right { float:left; position:relative; width:320px; height:430px; }
	div#main-right a.scrollable-nav { position:absolute; top:50%; background:url(../img/btn-scrollable.png) no-repeat 0 0; width:37px; height:37px; z-index:20; cursor:pointer; }
	div#main-right a.prev { left:0 !important; }
	div#main-right a.next { right:0 !important; background-position:-37px 0; }
	div#main-right a.disabled { opacity:0.5; filter:alpha(opacity=50); }
	div#main-right a.prev:hover { background-position:0 -37px; }
	div#main-right a.next:hover { background-position:-37px -37px; }

	div#main-right div#scrollable { float:left; position:relative; width:320px; height:430px; overflow:hidden; }
	div#main-right div#scrollable div.items { position:absolute; width:20000em; height:430px; }
	div#main-right div#scrollable div.items a.item { float:left; display:block; height:430px; }
	div#main-right div#scrollable div.items a.item img { float:left; display:block; height:430px; }
	
/* ------------------------------------------------- */
/* PRIJSAANVRAAG
/* ------------------------------------------------- */
	div#prijs-aanvraag-subnav { float:left; position:relative; width:820px; margin-bottom:20px; }
	div#prijs-aanvraag-subnav #block-prijs { position:absolute; top:28px; right:0; display:block; width:24px; height:3px; background:#5E534B; }
	div#prijs-aanvraag-subnav #block-prijs.stap-1 { right:295px; }
	div#prijs-aanvraag-subnav #block-prijs.stap-2 { right:190px; }
	div#prijs-aanvraag-subnav #block-prijs.stap-3 { right:65px; }
	div#prijs-aanvraag-subnav ol { float:right; padding:0 20px 12px 20px; border-bottom:1px solid #5D524A; margin:0; font-size:13px; }
	div#prijs-aanvraag-subnav ol li { float:left; list-style-position:inside; }
	div#prijs-aanvraag-subnav ol li.current { font-weight:bold; }
	div#prijs-aanvraag-subnav ol li.middle { float:left; margin:0 40px; }
	div#prijs-aanvraag-left { float:left; width:240px; margin-right:20px; }
	div#prijs-aanvraag-left h1 { font-size:2.5em; margin-bottom:0.3em; }
	div#prijs-aanvraag-right { float:left; width:560px;}
	div#prijs-aanvraag-right legend { float:left; width:560px; line-height:1em; margin-top:10px; padding-bottom:0.5em; margin-bottom:0.5em; }
	div#prijs-aanvraag-right div.input-wrapper { float:left; position:relative; width:554px; border-bottom:1px solid #201e1e; margin-bottom:10px; padding:0 3px 10px 3px;  } 
	div#prijs-aanvraag-right div.input-wrapper h3 { float:left; width:560px; font-size:12px; font-weight:bold; margin-bottom:4px; } 
	div#prijs-aanvraag-right div.input-wrapper label { float:left; margin-right:8px; cursor:pointer; } 
	div#prijs-aanvraag-right div.input-wrapper label.error { position:absolute; top:0px; right:0px; text-align:right; line-height:16px; width:200px; padding-right:20px; color:#F37E61; font-weight:bold; background:url(../img/exclamation.png) no-repeat top right; } 
	div#prijs-aanvraag-right div.input-wrapper ul { list-style:none; margin:0; padding:0; }
	div#prijs-aanvraag-right div.input-wrapper ul li { float:left; width:140px; display:block; list-style:none; margin:0 20px 6px 0; padding:0; } 
	div#prijs-aanvraag-right div.input-wrapper ul li a { float:left; width:140px; height:140px; display:block; position:relative; }
	div#prijs-aanvraag-right div.input-wrapper ul li img.zoom { position:absolute; width:20px; height:20px; right:0; top:120px; background:url(../img/zoom.gif) no-repeat; }
	div#prijs-aanvraag-right div.input-wrapper ul li label { float:left; width:110px; } 
	div#prijs-aanvraag-right div.input-wrapper p.andere { float:left; width:560px; display:block; margin:0 20px 6px 0; }
	div#prijs-aanvraag-right div.input-wrapper p.andere label { float:left; width:560px; margin:8px 0 4px 0; } 
	div#prijs-aanvraag-right div.input-wrapper p.andere textarea { float:left; width:545px; height:40px; } 
	
	div#prijs-aanvraag-right #contact-form div.half { float:left; position:relative; width:274px; border-bottom:1px solid #202020; margin-bottom:0px; padding:0 3px 10px 3px;  } 
	div#prijs-aanvraag-right #contact-form div.half label { float:left; width:274px; margin-right:0px; cursor:pointer; }
	div#prijs-aanvraag-right #contact-form div.half input { float:left; width:255px; }
	
	div#prijs-aanvraag-right #contact-form label { float:left; width:560px; margin-right:0px; cursor:pointer; }
	div#prijs-aanvraag-right #contact-form input { float:left; width:541px; } 
	div#prijs-aanvraag-right #contact-form textarea { float:left; width:541px; }
	div#prijs-aanvraag-right div.buttons-wrapper { float:left; width:560px; margin:8px 0; }
	div#prijs-aanvraag-right div.buttons-wrapper button.left { float:left; }
	div#prijs-aanvraag-right div.buttons-wrapper button.right { float:right; }
	
/* ------------------------------------------------- */
/* NIEUWS
/* ------------------------------------------------- */
	div#nieuws { float:left; width:820px; }
	div#nieuws ul { float:left; width:820px; margin:0; padding:0; }
	div#nieuws ul li { float:left; width:790px; margin:0; padding:10px; list-style:none; border-bottom:1px solid #202020; }
	div#nieuws ul li h4 { margin-bottom:0; }
	div#nieuws ul li h5 { background:url(../img/clock.png) no-repeat left center; padding-left:13px; margin-top:4px; color:#87563b; }
	div#nieuws ul li p { margin:1em 0 0 0; }
	div#nieuws ul li p img { float:left; margin-right:14px; border:1px solid #202020; padding:2px; }
	
	.ui-radio-state-disabled,
	.ui-radio-state-checked-disabled,
	.ui-radio-state-disabled-hover,
	.ui-radio-state-checked-disabled-hover { color:#999; }
	span.ui-checkbox { display:block; float:left; width:16px; height:16px; background:url(../img/icon_checkbox.png) 0 0 no-repeat; margin-top:3px; }
	span.ui-radio { display:block; float:left; width:16px; height:16px; background:url(../img/icon_checkbox.png) 0 -200px no-repeat; margin-top:3px; }
	span.ui-helper-hidden{ display:none; }
	span.ui-checkbox-state-hover { background-position:0 -50px; }
	span.ui-checkbox-state-checked { background-position:0 -100px; }
	span.ui-checkbox-state-checked-hover { background-position:0 -150px; }
	span.ui-radio-state-hover { background-position:0 -250px; }
	span.ui-radio-state-checked { background-position:0 -300px; }
	span.ui-radio-state-checked-hover { background-position:0 -350px; }
	.ui-helper-hidden-accessible { position: absolute; left: -999em; }

	#map { float:left; width:320px; height:320px; }
	#adres-data { float:left; width:300px; padding:10px; background:#131212; }
	#contact-form div.input-wrapper { float:left; width:230px; position:relative; } 
	#contact-form label { float:left; width:230px; margin:8px 0 4px 0; }
	#contact-form label.error { position:absolute; top:0px; right:0px; text-align:right; line-height:16px; width:230px; padding-right:20px; color:#F37E61; font-weight:bold; background:url(../img/exclamation.png) no-repeat top right; }
	#contact-form input { float:left; width:200px; }
	#contact-form textarea { float:left; width:430px; }
	#contact-form textarea { height:50px; }
	#contact-form h2 { float:left; width:460px; margin-top:30px; margin-bottom:0 !important; }
	#contact-form table { float:left; width:460px; margin-bottom:30px; }
	#contact-form table th { background:#1D1B1B; }
	#contact-form table td, #contact-form table th { border-bottom:1px solid #363636; padding:3px; }
	#contact-form table td.even { background:#242121; }
	#contact-form table .score { width:25px; text-align:center; }
	#contact-form table td span.ui-checkbox, #contact-form table td span.ui-radio { margin-left:6px; }
	#contact-form button { float:right; margin-bottom:30px; }
	
/* ------------------------------------------------- */
/* STICKY FOOTER CODE
/* by Steve Hatcher 
/* http://stever.ca
/* http://www.cssstickyfooter.com
/* -------------------------------------------------
	html, body, #wrapper {height: 100%;}
	body > #wrapper { height:auto; min-height:100%; }
	#inner-wrapper { padding-bottom:280px; }
	#footer { position:relative; margin-top:-280px; height:280px; clear:both; }
*/
	/* CLEAR FIX by Jeff Starr */
	.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
	* html .clearfix { zoom: 1; } /* IE6 */
	*:first-child+html .clearfix { zoom: 1; } /* IE7 */