@charset "utf-8";
/* CSS Document */

*{padding:0px;
margin:0px;
}

body{background:#9ac7e6; color:#202020; font-family:Arial, Helvetica, sans-serif; font-size:13px; scroll: scroll;}
a{color:#109312; text-decoration:none;}
a:hover{text-decoration:underline;}

#wrapper{position:relative; width:957px; margin:20px auto; background:url(images/bg-content.jpg) repeat-y;}

#header{width:957px; margin:0px; height:116px; background:url(images/header.jpg) no-repeat;}
#header #logo{background:url(images/logo.jpg) no-repeat; width:535px; height:38px; float:left; position:relative; top:44px; left:18px;}
#header #splash{background:url(images/splash.jpg) no-repeat; width:379px; height:87px; float:right; position:relative; top:18px; right:18px;}

#menu{clear:both; height:40px; width:932px; margin:0px auto 0px; position:relative;}
#menu ul{width:930px;}
#menu li{float:left; display:inline; list-style:none; background:url(images/menu-btn.jpg) no-repeat center top; width:147px; text-align:center; height:28px; margin:0px 4px;}
#menu li:hover{background:url(images/menu-btn-hover.jpg) no-repeat center top;}
#menu li a{text-decoration:none; font-weight:bold; color:#109312; display:block; padding:3px 0px 7px;}
#menu li a:hover{text-decoration:none; font-weight:bold; color:#202020;}
#menu .active{float:left; display:inline; list-style:none; background:url(images/menu-btn-hover.jpg) no-repeat center top; width:147px; text-align:center; height:28px; margin:0px 4px;}
#menu .active .active-link{text-decoration:none; font-weight:bold; color:#202020;}

#content{width:920px; clear:both; position:relative; margin:0px auto; overflow:hidden;}
#content #content-left{width:450px; margin:0px 0px 20px 0px; float:left; overflow:auto;}
#content h1{font-size:20px; font-weight:bold; color:#602a03; margin:0px;}
#content h2{font-size:13px; font-weight:bold; color:#888; margin:3px 0px 0px;}
#content p{margin:5px 0px 10px; line-height:16px; text-align:justify;}
#content #zoeken{width:451px; margin:0px; float:right; background:url(images/zoeken-bg.jpg) no-repeat; height:245px;}
#content #zoeken h3{color:#393939; font-size:20px; margin:1px 0 -2px 8px;}
#content #zoeken p{margin:8px 8px;}
#content #zoeken .zoeken-table{width:270px; margin:-5px 8px;}
#content #zoeken .zoeken-table td{line-height:20px;}
#content #zoeken .inputveld{width:434px; height:20px; margin:-6px 8px 0px; border:1px solid #5d7ca4;}
#content #zoeken p input[type="submit"] {background:transparent url(images/zoeken-btn.jpg) no-repeat scroll 0 0; border:medium none; height:23px; position:relative; text-indent:-1000em; width:72px; cursor:pointer;}
#content #zoeken p INPUT {cursor:pointer; BACKGROUND:transparent url(images/zoeken-btn.jpg) no-repeat scroll 0 0; WIDTH: 72px; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: relative; HEIGHT: 23px; BORDER-BOTTOM-STYLE: none;}
#content #content-right{width:390px; margin:0px; float:right;}
#content #content-right .photo{border:1px solid #BBB; float:right; margin:5px;}
#content #content-right .maps{border:1px solid #BBB; float:right; margin:5px;}

#content .lijn{clear:both; background:#109312; border:0px; margin:0px 0px 20px 0px; height:2px; width:100%; line-height:0px; font-size:1px;}

#content .overzicht{width:452px; height:127px; background:url(images/aanbod-btn.jpg) no-repeat; float:left; margin:0px 0px 10px 0px; position:relative;}
#content .overzicht img{float:left; margin:6px 5px 6px 8px; border:1px solid #202020;}
#content .overzicht .name{margin:5px 3px; float:left; width:280px;}
#content .overzicht .name a{font-size:16px; font-weight:bold; color:#602a03; text-decoration:none;}
#content .overzicht .te-huur{margin:0px 3px 5px; float:left; width:280px;}
#content .overzicht p{margin:2px 3px 7px; float:left; width:280px;}
#content .overzicht .huurprijs{margin:0px 3px 5px; float:left; width:280px;}
#content .overzicht .huurprijs td{line-height:20px;}
#content .overzicht .locatie{font-style:italic;}
#content .overzicht .prijs{float:right;}

#footer{background:url(images/footer.jpg) no-repeat; width:957px; height:70px; clear:both; margin:5px 0px 0px 0px; color:#FFF; font-size:12px;}
#footer .info{float:left;  position:relative; width:175px;}
#footer .info p{margin:9px 0 9px 15px;}
#footer #sub-menu{float:right; margin:9px;}
#footer #sub-menu li{float:left; display:inline; list-style:none; font-size:13px; color:#666; border-right:1px #FFF solid; line-height:12px;}
#footer #sub-menu .last{float:left; display:inline; list-style:none; font-size:13px; color:#666; border-right:0px #FFF solid; line-height:12px;}
#footer #sub-menu li a{color:#999; text-decoration:none; padding:0px 5px;}
#footer #sub-menu li a:hover{color:#666; text-decoration:none;}

.medewerkers{width:550px; line-height:20px; margin:10px 0px 10px;}
.medewerkers .naam{font-weight:bold;}
.medewerkers .functie{font-style:italic; color:#666;}
.medewerkers .mail{}
