/*---algemene zaken*/
@font-face {
	font-family: 'VollkornRegular';
	src: url('vollkorn-webfont.eot');
	src: local('?'), url('vollkorn-webfont.woff') format('woff'), url('vollkorn-webfont.ttf') format('truetype'), url('vollkorn-webfont.svg#webfontdvUJumAy') format('svg');
	font-weight: normal;
	font-style: normal;
}
html,body{margin:0;padding:0;height:100%;border:none;}
html{overflow-y:scroll;}
body{background:#fff url(img/hbg.png) top repeat-x;/*behavior:url("csshover3.htc");*/}
body,td,textarea,pre,h1{font-family:"Arial","Helvetica","sans-serif";}
h1,h2,.topmenu a{font-family:VollkornRegular;font-weight:normal;}
input,textarea,body,td{font-size:12px;}
h1{line-height:1em;line-height:1.5em;margin:0 0 .5em 0;padding:0;color:#ad0000;}
h2{font-size:18px;color:#003caa;font-weight:normal;margin:0;padding:0;}
input,select,textarea,input{width:245px;border-width:1px;border-color:#2658af;border-style:solid;background-color:#fff;padding:2px;}
.wrap,.nieuwsbriefInschrijving .wrap{white-space:normal;}
.nieuwsbriefInschrijving{margin-left:15px;}

ul{padding-left:1.1em;}
p{margin:0;padding:0;}
hr{
height:1px;
background-color:#ccc;
border:0;}
b,strong,.bold{color:#000;font-weight:bold;}
h3{font-size:13px;color:#333;padding:0;margin:0;}
table,td{border:0;}
input[type=checkbox]{border:0;display:inline;width:auto !important;}
a{color:#2658AF;text-decoration:none;font-weight:bold;}
a:hover{color:#ad0000;cursor:pointer;}
a img{
border:0;}
a:hover img{}
a.bloklink{
padding-left:10px;
background-image:url(../img/blok_rood.png);
background-position:center left;
background-repeat:no-repeat;}
a.bloklink:hover{
background-image:url(../img/blok_blauw.png);}
/*pre {
overflow-x: auto; ## Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 ##
white-space: pre-wrap; ## css-3 ##
white-space: -moz-pre-wrap !important; ## Mozilla, since 1999 ##
white-space: -pre-wrap; ## Opera 4-6 ##
white-space: -o-pre-wrap; ## Opera 7 ##
## width: 99%; ##
word-wrap: break-word; ## Internet Explorer 5.5+ ##
}*/

.rood{
color:#FB230E;}
.clr:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clr{zoom:1;}
#container{width:955px;margin:0 auto;}
.zoeken{margin:-1.6em 0 0 0;
text-align:right;}
.zoeken input{margin:0;}
.inhoud{margin-top:15px;margin-bottom:15px;}
#homeLink{width:417px;height:39px;position:absolute;display:block;margin-top:30px;z-index:10;}
#lcol,#rcol{float:left;line-height:1.7em;}
#lcol{width:640px;}
#lcol h1{font-size:28px;}
#rcol{width:295px;margin-left:20px;}
#rcol h1{text-transform:uppercase;}
#rcol h2{color:#161616;}
#rcol b,#rcol strong{color:inherit;}


/*---RCOL BLOCKS*/
.nawBlock,.projectenBox,.valutaBox,#verhuurBox{margin-bottom:10px;padding:15px;}
.valutaBox{background-color:#f7f7f7;position:relative;z-index:10;}
.weerWrapper{height:200px;margin-top:-110px;z-index:5;position:relative;}
.weerOverlay1{position:absolute;height:80px;width:20px;z-index:2;background:#fff;margin-left:-20px;margin-top:163px;}
.weerOverlay2{background:#fff;height:110px;margin-top:0px;position:relative;z-index:3;margin-left:-20px;}
.weerContent{text-align:center;width:300px;height:185px;position:absolute;z-index:1;background:#fff;margin-left:-7px;margin-top:-71px;}

/*---NAW BLOCK*/
.nawBlock,#verhuurBox{color:#414141;background:#eeeeee url(img/huiswit.png) bottom right no-repeat;}
.nawBlock h1,#verhuurBox h1{color:#ad0000;font-size:20px;font-weight:normal}
.nawBlock,#verhuurBox{-webkit-border-bottom-left-radius:25px;-moz-border-radius-bottomleft:25px;border-bottom-left-radius:25px;}

/*---PROJECTENBOX*/
.projectenBox{background-color:#b2c4e5;}
.projectenBox .projectenBoxKop{background:transparent none;}
.projectenBox.eerste{-webkit-border-top-left-radius:25px;-moz-border-radius-topleft:25px;border-top-left-radius:25px;}
.projectenBox.laatste{-webkit-border-bottom-left-radius:25px;-moz-border-radius-bottomleft:25px;border-bottom-left-radius:25px;}
.projectenBox h1{color:#fff;}
.projectenBox ul,.projectenBox li{padding:0;margin:0;list-style:none;}
.projectenBox a{display:block;color:#333;background:transparent url(img/pijlen.png) 235px -75px no-repeat;}
.projectenBox a:hover{background-position:235px -35px;color:#fefefe;}
.projectenBox .actief a{background-position:235px 5px;color:#fff;}

/*---FOOTER*/
#footerWrapper{width:100%;background:#5a0000 url(img/fbg.png) top repeat-x;padding:.5em 0;margin:1em 0 0;}
#footer{line-height:1.5em;color:#ccc;text-align:center;margin:0 auto;width:955px;font-size:11px;color:#ddd;}
#footer b,#footer a{color:#fff;font-weight:normal;}
#footer a{font-weight:normal;text-decoration:none;color:#b8b8b8;}

a#webdesign{width:20px;height:14px;text-indent:-1000px;overflow:hidden;background:transparent url(img/webdesign_lined.png) 0 0 no-repeat;z-index:999;margin-top:7em;display:block;position:absolute;margin-left:935px;}
a#webdesign:hover,a#webdesign:active,a#webdesign:focus{background-position:-20px 0}

/*---MINI DINGETJES*/
input.grijsvak,
.grijs{color:#757575;}

/*--- FORM */
.formulier,
.formulier td,
.formulier_melding{
text-align:left;}
.formulier{
margin-bottom:1em;}
.formulier td{
padding:1px 1px 1px 0;}
.formulier td.formulier_kolom1{
width:120px;}
.contactformulier{
width:320px;
float:left;}
.formulier td{
padding-right:1em;}
.nieuwsbriefInschrijving input{width:140px;}
.nieuwsbriefInschrijving .form_submit{font-weight:bold;width:146px;}
.nieuwsbriefInschrijving td{white-space:nowrap;}

.zoeken input{width:120px;}
input.grijs{color:#ccc;}
input.zwart{color:#000;}
.formulier span.formulier_radio input{width:auto;border:0;}
.formulier input[type=file]{height:2em;}
.formulier select{margin-left:1px;height:1.9em;width:253px;}
.inpfout_kolom2 select,.inpfout_kolom2 input,.inpfout_kolom2 textarea{border-color:#fb230e;}
.formulier_melding{margin:5px 0;font-style:italic;}
.form_submit{margin-top:8px;height:auto;background-color:#2658af;color:#fff;border-color:#2658af;border-width:2px;padding-bottom:2px;line-height:20px;border-style:solid;width:65px;}
.form_submit{
width:auto;}
.zoeken .form_submit{
width:60px;
border-width:1px;}
.formulier textarea{
width:245px;
height:120px;}
.vacatureformulier .formulier input[type="file"]{
width:253px;
padding:0;
border-width:0;}
.vacatureformulier .formulier textarea{
width:490px;
height:200px;}
.formulier_fout,td.inpfout{
color:#f00;}
.formulier_fout b,
td.inpfout b,
.formulier_fout strong,
td.inpfout strong{
color:#333;}
.formulier input.formulier_checkbox{
width:auto;
height:auto;
border:0;
background:transparent;
!margin-left:-3px;}
input,textarea{
margin:1px;
background-color:#fff;}

/*---MENU*/
.topmenu,.topmenu li,.topmenu ul{list-style:none;margin:0;padding:0;display:block;line-height:35px;height:35px;}
.topmenu li li:hover,.topmenu li.actief li,.topmenu li li.actief{background:transparent;}
.topmenu a{font-size:16px;display:block;padding:0 10px;}
.topmenu li ul{display:none;position:absolute;z-index:1;left:0;margin:-1px 0 0 0;text-align:left;padding:0 0 5px 0;border-width:0 1px 1px 1px;border-style:solid;border-color:#cbe2bb;background:#fff;width:190px;}
.topmenu li:hover ul,.topmenu li:hover ul:hover{display:block;}
.topmenu li li,.topmenu li li a{font-weight:normal;text-align:left;color:#2658af;}

.topmenu li.actief li a{color:#0c0;text-decoration:none;}
.topmenu li li:hover a,.topmenu li.actief li:hover a,.topmenu li.actief li.actief a{color:#000;}/*---submenu item kleur*/

#menu1{clear:both;margin-top:155px;}
#menu1 li{float:left;}
#menu1 li.laatste{}
#menu1 li li.laatste{background-color:inherit;}
#menu1 a{color:#ddd;}
#menu1 a{text-shadow: 0px 1px 0px #000000;filter: dropshadow(color=#123F90, offx=0, offy=3);}
#menu1 a:hover{color:#eee;}
#menu1 .actief a{color:#fff;}
#menu1 li.laatste.actief a{color:#fff;}
#menu1 li li.laatste a{color:inherit}
#menu1 li.laatste:hover{}
#menu1 li.laatste:hover a{color:#fff;}
#menu1 li li.laatste:hover{background-color:inherit;}
#menu1 li:hover,#menu1 .actief{background-color:#2658af;}
#menu2,#menu3{float:right;}
#menu2{margin-top:35px;width:auto;float:right;margin-bottom:23px;}
#menu2 li{float:left;}
#menu2 a{font-size:18px;}
#menu2 a{text-shadow: 0px 1px 0px #ffffff;filter: dropshadow(color=#ffffff, offx=0, offy=1);}
#menu3{margin-top:-35px;width:auto}
#menu3 li{float:right;width:auto}
#menu1 ul li,
#menu2 ul li{
float:none;}
#menu2 a{color:#555;}
#menu2 a:hover{color:#111;}
#menu2 .actief a{color:#fff;background:#ad0000;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
#menu2 .actief a{text-shadow: 0px 1px 0px #4F0000;filter: dropshadow(color=#4F0000, offx=0, offy=3);}
#menu3 a{color:#dedede;}
#menu3 a{text-shadow: 0px 1px 0px #555555;filter: dropshadow(color=#555555, offx=0, offy=3);color:#ffffff}

/*---PROJECTEN BEGIN*/
.projectGallerij{margin:1em 0 1.5em -20px;}
.projectGallerij a{display:block;height:110px;width:145px;margin-left:20px;float:left;margin-bottom:20px;}

/*---TEMPLATES*/
#homepage .sfeerLink{display:block;background-position:center center;background-repeat:no-repeat;width:640px;height:350px;}
#homepage .groepdiv{width:200px;float:left;margin-left:20px;}
#homepage .groepdiv h1,#homepage #verhuurBox h1{font-family:inherit;font-size:16px;margin:.5em 0 .3em 0;text-transform:none}
#homepage .groepdiv.eerste{margin-left:0;}
#homepage .groepdiv .sfeerLink{width:200px;height:125px;}
#homepage .nawBlock{margin-top:20px;}
#homepage #verhuurBox{margin-top:-20px;}
#verhuurBox .sfeerLink{width:200px;margin:5px 0;height:125px;background:#ddd;}

/*---CORRECTIETJES EN MINICLASSES*/
.mtop1,li.mtop1{margin-top:1em;}