img{border:none;}

BODY { 
background: url("../../images/brievenbussen.jpg") repeat-x center 20px #7b715a;
overflow-x: hidden; 
scrollbar-3dlight-color:#0f1d4c; 
scrollbar-arrow-color:#0f1d4c; 
scrollbar-base-color:#FFFFFF; 
scrollbar-darkshadow-color:#ffffff; 
scrollbar-face-color:#ffffff; 
scrollbar-highlight-color:#ffffff; 
scrollbar-shadow-color:#0f1d4c; 
margin:0px;
font-family:arial;
}

#maintable{width:100%; height:100%;
background: url("../../images/bodybg.gif") no-repeat bottom}
#banner{height:153px; vertical-align:bottom; position:relative; width:1000px;}
#content{}
#bottom img{position:absdolute; position-bottom:0px;}
#bottom{height:100px; background:url(../../images/wijstdeweg.gif) no-repeat left bottom;}

#fill{background:url(../../images/bottombg.gif) repeat-x left bottom;}

/************ MENU ************/

#logo{
	position:absolute;
	top:50px;
	left:0px;
}

#navigatie{
	margin:0px 3px 0px 3px;
	width:800px;
	right:0px;
	font-size:13px;
	position:absolute;
	bottom:15px;
	}

a{font:12px arial; color:#FFFFFF;}
a:hover{font:12px arial; color:#000000;}

#nav a{line-height:25px;}
#nav li{float: right; position:relative; margin: 0px 0px 0px 2px; list-style-type:none;}
#nav li ul{position: absolute; width: 125px; left: -999em;}

#nav li #ulkennis,
#nav li #ulkennis li {width: 160px;}
#nav li #ulcontact,
#nav li #ulcontact li {width: 94px;}
#nav li #uldiensten,
#nav li #uldiensten li {width: 173px;}

#nav li:hover ul, #nav li.sfhover ul{top:23px; left: -42px;}
[id]#nav li:hover ul, [id]#nav li.sfhover ul{top:22px; left: -40px;}
#nav li li {width: 125px;}
#nav li li a{padding:0px; font:12px arial; color:#ffffff; text-decoration:none;}
#nav li li a:hover{color:#dcd8d0;}
#nav li li a span{padding:0px 0px 0px 21px; text-align:left; line-height:18px; letter-spacing:1px;}

#nav li .lifirst a span{padding:10px 0px 0px 21px;}
#nav li .lilast a span{padding:0px 0px 10px 21px;}

#nav li a { display:block; padding-left:22px; padding-bottom:0;}
#nav li a:hover{ color:#860432; background: url("../../images/menu/norm_left.gif") no-repeat left top; }
#nav li a span { display:block; padding-top:1px; padding-right:22px; padding-top:7px; padding-bottom:3px; background: url("../../images/menu/border.gif") no-repeat right 9px;}
#nav .lihome a span{background:None;}
#nav li a:hover span{ background: url("../../images/menu/norm_right.gif") no-repeat right top; }


#nav li:hover a, #nav li.sfhover a{background: url("../../images/menu/norm_left.gif") no-repeat left top;}
#nav li:hover a span, #nav li.sfhover a span{background: url("../../images/menu/norm_right.gif") no-repeat right top;}
#nav li:hover ul *, #nav li.sfhover ul *{background:#8f8775 !important;}

.divcontainer{
	position:relative;
	width:100%;
	height:100%;
}

#content{vertical-align:top; font:12px arial; color:#FFFFFF;}
.contentdiv1{width:359px; float:left;}
.contentdiv2{width:618px; float:left;}
.contentdiv3{width:359px; float:left; vertical-align:bottom;display:none;/* tijdelijk met de actie */}
.contentdiv{width:49%; float:left;}

.contentdiv3 .divfloat{text-align:center; width:320px; vertical-align:bottom;}

.divfloat{
	float:left;
	padding-left:11px;
	padding-top:13px;
}

.divfloat2{
	float:left;
	padding-left:50px;
	padding-top:80px;
}

.homediv{
	font:26px arial;
	font-weight:bold;
	color:#FFFFFF;
	padding-top:26px;
}

#body_home .contentdiv2{ width:100%; }/* tijdelijk ivm actie */
#body_woningaanbod{ overflow:hidden;}
#body_woningaanbod .contentdiv{width:100%; height:100%;}
#body_woningaanbod .contentdiv1{width:100%; height:100%;}
#body_woningaanbod .contentdiv2{width:100%; height:100%;}
#body_woningaanbod .contentdiv3{width:100%; height:100%;}
#iframe_aanbod{width:100%; height:100%;}