html{ height: 100%;}
body{ height: 100%; min-height: 100%; margin:0px; padding:0px; color:#ffffff; font-size:0.80em; font-family: Arial, Verdana, Aria, Helvetica, sans-serif; text-decoration:none; }
body a{ text-decoration:none; color:#ffffff; font-weight:bold; }
body a:hover{text-decoration:none; color:#ec1310; font-weight:bold; }

*{outline:0; } img, div, em, strong, span, .button a, .sjonic a{ behavior: url(js/iepngfix.htc); } .clear{clear:both; overflow:hidden; height:0px;} .clear2{clear:both; } img{border:0px;} ul, li{list-style:none; margin:0px; padding:0px; } form, fieldset {margin:0px;padding:0px;border:0;} h1, h2, h3, h4, h5 { text-transform:uppercase; font-size:2.5em; margin:0px; padding:0px 0px 10px 0px;} p{margin:0px; padding:0px 0px 18px 0px;} * {outline:0;}

.header1{ background:url(../img/layout/header2.jpg) no-repeat top; }
.header2{ background:url(../img/layout/header5.jpg) no-repeat top; }
.header3{ background:url(../img/layout/header1.jpg) no-repeat top; }
.header4{ background:url(../img/layout/header5.jpg) no-repeat top; }
.header5{ background:url(../img/layout/header3.jpg) no-repeat top #fff; }
.header6{ background:url(../img/layout/header4.jpg) no-repeat top; }

/*******************************/
/* WRAPPER DIVISION */
/*******************************/
#wrapper{ position:relative; height:auto !important; height:100%; min-height:100%; }
#inner{ background:url(../img/layout/bg_menu.png) no-repeat; }
#container{ width:884px; margin:0 auto; padding:0px 0px 90px 80px;}

#top{ height:149px; margin:0px 0px 0px 0px; }
#top .logo{ z-index:12; position:relative; float:left; width:289px; height:149px; padding:0px 0px 0px 12px; }
#top .logo img{ float:left; width:289px; height:149px; }
#top .menu{ float:left; padding:24px 0px 0px 0px; font-size:1.2em; }
#top .menu ul li{ padding:0px 0px 0px 30px; float:left; height:18px; line-height:18px; }
#top .menu ul li a:hover{ color:#c9c8c7; }
#top .menu ul li.current a{ color:#ff3330; }

.submenu{ z-index:10; width:100%; background:#000; position:absolute; left:0px; top:63px; height:38px; line-height:13px; }
.submenu ul{ display:block; width:510px; margin:0 auto; padding:12px 0px 0px 394px; font-size:0.85em; }
.submenu ul li{ display:block; float:left; padding:0px 10px 0px 10px; border-right:1px solid #4b4b4b; }
.submenu ul li.last{ border:0; padding-right:0px; }
.submenu ul li a{ display:block; float:left; font-weight:normal; }
.submenu ul li a:hover{ font-weight:normal; }
.submenu ul li.selected a{ color:#ff3330;; }
#content{ padding:0px 0px 105px 7px; margin-top:105px; line-height:18px; overflow:hidden; }
#content .blok{ font-family:tahoma; float:left; background:url(../img/layout/bg_blokbg.png) no-repeat; padding:15px; width:304px; margin:0px 104px 105px 0px; }
#content .blokinner{ background:url(../img/layout/bg_blok.png) no-repeat; padding:26px 20px 10px 20px; width:264px; }
#content .tekstvak{ position:relative; float:left; background:url(../img/layout/bg_blokbg.png) no-repeat; padding:15px; width:742px; margin:0px 0px 0px 0px; }
#content .tekstvakinner{ position:relative; width:702px; float:left; background:url(../img/layout/bg_blok.png) no-repeat; padding:26px 20px 10px 20px; }
#content .button{ float:right; margin:0px -20px -32px 0px; }
#content .button a{ text-align:right; display:block; background:#ec1310; width:140px; height:23px; padding:8px 22px 0px 0px; font-size:1.4em; line-height:16px; }
#content .button a:hover{ background:#000; }
#content .projectvak{ font-family:tahoma; float:left; background:url(../img/layout/bg_blokbg.png) no-repeat; padding:15px; width:252px; margin:0px 14px 36px 0px; }
#content .projectvakinner{ background:url(../img/layout/bg_blok.png) no-repeat; padding:20px 20px 10px 17px; height:250px; font-size:0.95em; }
#content .projectvak h3{ font-size:1.4em; height:45px; margin:0px; padding:0px; }
#content .projectvak .foto{ height:103px;margin-bottom:10px; position:relative; overflow:hidden;border:1px solid white;}
#content .projectvak a:hover { color:#ffffff;}
#content .projectvak .foto img{  }
#content .projectvak .foto a:hover img{ filter:alpha(opacity=60); opacity:0.6; }
#content .projectvak .foto span{ display:block; position:absolute; top:79px;  background:#000; padding:4px 10px 4px 10px; }
#content .projectvak a{ font-weight:normal; }
#content .projectvak p a:hover{ color:#fff; }
#content .filtervak{ font-family:tahoma; float:left; background:url(../img/layout/bg_blokbg.png) no-repeat; padding:15px; /* width:844px; */ width:742px; margin:0px 0px 36px 0px; }
#content .filtervakinner{ background:url(../img/layout/bg_blok2.png) no-repeat; padding:16px 19px 10px 18px; font-size:0.95em; height:16px; }
#content .filtervak h1{ font-size:1.2em; margin:0px; padding:0px; float:left; }
#content .filtervak ul{ float:left; line-height:13px; padding:0px 0px 0px 14px; }
#content .filtervak ul li{ display:block; float:left; border-right:1px solid white; padding:0px 8px; }
#content .filtervak ul li a.selected{ color:#ec1310; }
#content .filtervak ul li.last{ border-right:0px; }
#content .itemvak{ font-family:tahoma; float:left; background:url(../img/layout/bg_blokbg.png) no-repeat; padding:15px; /* width:844px; */ width:742px; margin:0px 0px 36px 0px; }
#content .itemvakinner{ background:url(../img/layout/bg_blok2.png) no-repeat; float:left; width:742px; padding:16px 19px 10px 18px; font-size:0.95em; }

#content .projecten ul { float:left; width:732px; margin-right:-30px; padding:0px 0px 0px 0px; }
#content .projecten ul li{ float:left; margin:0px 28px 20px 0px; display:block;  }
#content .projecten ul li img{ }
#content .projecten ul li a:hover img{ filter:alpha(opacity=60); opacity:0.6; }
#content .projecten ul li a { display:block; border:1px solid #fff; width:116px;height:92px;overflow:hidden}
#content .projecten ul li div.tooltip { 
	filter:alpha(opacity=95); 
	opacity:0.95;
	position:absolute;
	margin-top:-20px;
	margin-left:20px;
	z-index:999; 
	padding:7px;
	background:#444444;
	border:1px solid #000000;
	display:none;
	width:130px;
	height:auto;
}

#content .projecten ul li:hover div.tooltip { display:block;}

#content .projecten ul li div.tooltip h6 { font-size:13px;padding-bottom:5px;margin:0}
#content .projecten ul li div.tooltip p { font-size:11px;margin:0;padding:0;line-height:12px}
#content .tekst{ min-height:220px; padding:40px 50px; width:642px; }
#content .tekst .kolom1{ float:left; width:285px; }
#content .tekst .kolom2{ float:right; width:285px; }

#content .gegevens{ float:right; width:200px;  }
#content .formulier{ float:left; width:420px; }
#content form#contact label{ float:left; width:140px; font-weight:bold; }
#content form#contact input.form-error, #content form#contact textarea.form-error{ border:1px solid #ff0000;background:#FFDFDF; }
#content form#contact input{ font-family:arial; float:left; padding:0px 0px 0px 4px; line-height:22px; width:226px; height:22px; border:1px solid #ffffff;margin:0px 0px 4px 0px; }
#content form#contact textarea{ font-family:arial; font-size:1.05em; float:left; width:226px; height:102px; border:0; margin:0px 0px 4px 0px; padding:4px 0px 0px 4px; }
#content form#contact button{ float:left; border:0; display:block; cursor:pointer; background:#ec1310; width:140px; height:27px; color:#fff; padding:4px 0px 0px 0px; font-size:1.4em; line-height:16px; }
#content form#contact button:hover{ background:#000; }
#content form label { float:left;width:100px}
#content form div.input { margin-bottom:4px;}
div.error-message { display:none}
.projectpagina{ margin-right:-20px;}
#flashMessage { border:1px solid #000000;padding:2px;background:#d91110;margin-bottom:10px}

/*******************************/
/* FOOTER DIVISION */
/*******************************/
#wrapper #footer{ color:#fff; z-index:999; width:100%; font-weight:bold; line-height:20px; position:absolute; bottom:0px; height:72px; overflow:block; background:url(../img/layout/bg_footer.png) no-repeat;}
#wrapper #footerinner{ width:834px; margin:0 auto; padding:8px 0px 0px 50px; z-index:100; position:relative; }
#wrapper #footerinner .logos{ float:left; width:180px; padding:0px 0px 0px 10px; }
#wrapper #footerinner .logos img{ float:left; margin-right:12px; }
#wrapper #footerinner .kolom1{ float:left; width:242px; }
#wrapper #footerinner p{ margin:0px; padding:0px; }
#wrapper #footerinner p a{color:#fff; }
#wrapper #footerinner p a:hover{color:#ec1e05; }
#wrapper #footerinner .kolom2{ float:left; }
#wrapper #footerinner .sjonic{ float:right; position:relative; width:157px; height:54px; text-indent:-3333px; }
#wrapper #footerinner .sjonic a{ display:block; width:157px; height:54px; background:url(../img/layout/sjonic.png); }
#wrapper #footerinner .sjonic a:hover{ background:url(../img/layout/sjonichover.png); }

/*******************************/
/* FORM */
/*******************************/
table.data { width:100%;border:1px solid #000000}
table.data tr th { text-align:left;background:#e91311;padding:2px}
table.data tr { background:#444444;}
table.data td { padding:2px}
table.data tr:hover { background:#444444;}
table.data tr.even { background:none}
acronym { cursor:help;}

#ProjectHtmlTitle, #NavigationHtmlTitle, #NavigationName, #NavigationUrl { width:300px;}