body{
	margin:0px;
	padding:0px;
	background:#d7cfcd;
	overflow:auto;
	overflow-y: none;
}

td{
	vertical-align:top;
}

hr{
	border-bottom:1px solid #d2392b;
	height:1px;
	margin:0px;
	padding:0px;
}

#centertable{
	width:100%;
	height:100%;
	border:none;
}


#centertable .side{
	width:50%;
}

#centertable #lefttop{
	height:131px;
	background: url("../../images/lefttop.gif") no-repeat right top;
}

#centertable #righttop{
	background: url("../../images/righttop.gif") no-repeat left top;
}

#centertable #htop{
	width:952px;
	background: url("../../images/htopbg.gif") repeat-x;
}

#centertable #left{
	background: #d7cfcd url(../../images/leftfill.jpg) repeat-y right top;
}

#centertable #hoofdtable{
	width:952px;
	height:100%;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
}

#centertable #hoofdtable #menu{
	width:188px;
	height:100%;
	background: #d2392b url(../../images/bg_menu.jpg) repeat-y;
}

#centertable #hoofdtable #menu #haarlem{
	width:187px;
	height:103px;
	background: url(../../images/logo_haarlem.jpg) no-repeat -0px -1px;
}

#centertable #hoofdtable #content{
	background:#ffffff url("../../images/content_bg.jpg") no-repeat -2px -2px;
	padding:50px 25px 25px 25px;
	font:12px arial;
}

#centertable #right{
	background: #d7cfcd url(../../images/rightfill.jpg) repeat-y left top;
}

#centertable #leftbottom{
	height:20px;
	background: #d6aea9 url(../../images/bottom_leftfill.jpg) repeat-y right top;
}

#centertable #naw{
	vertical-align:middle;
	background: #d2392b;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:11px;
	text-align:center;	
}

#centertable #naw a{
	text-decoration:none;
	color:#ffffff;
}

#centertable #rightbottom{
	background: #d6aea9 url(../../images/bottom_rightfill.jpg) repeat-y left top;
}

/*--------------------------------------
----- MENU -----------------------------
--------------------------------------*/

#menu ul{
	margin-left: 0;
	padding-left: 0;
	padding-top: 5px;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-style: italic;
	font-size:11px;
	color: #ffffff;
	width: 187px; /* Width of Menu Items */ 
}

#menu li{
	display:inline;
}

#menu a{
	display: block;
	padding: 3px;
	width: 100%;
	background-color: #036;
	border-top: 1px solid #e7847b;
 	padding-left:20px;
 	color:#ffffff;
 	text-decoration:none;
}

#menu a:hover{
	color: #fff;
	border-top: 1px solid  #a52c21
}


#menu ul ul a,
#menu ul ul a:hover{
	border-top: none;
}

#menu [id] a{
	width:97%;
	border-top: none;
	
}

#menu ul a.submenu {background: url("../../images/menu/bgmenu.jpg") no-repeat left;} 
#menu ul a.submenu:hover {background: url("../../images/menu/bgmenu_over.jpg") no-repeat left;}

#menu ul a.submenu2 {background-color: #a52c21;} 
#menu ul a.submenu2:hover {background-color: #d2392b;}


#menu ul li { 
	position: relative; 
} 

#menu li ul { 
	position: absolute; 
	left: 186px;
	top:-5px; 
	display: block; 
}

#menu li:hover ul, #menu li.sfhover ul { /* lists nested under hovered list items */
	display:block;
}


#menu li:hover ul {
	display: block; 
} 

#menu li:hover>ul { 
	visibility:visible; 
} 

#menu ul ul {
	visibility:hidden; 
} 

h2{
	font:20px arial;
	color:#d3392a;
	margin-bottom:10px;
}

h3{
	font:14px arial;
	color:#000000;
	margin-bottom:10px;
}

.rightpic{
	float:right;
	margin-left:25px;
	font:9px arial;
	color:#000000;
	height:100%;
}

.rightpic span{
padding-left:15px;
display:block;
height:10px;
width:286px;
}

#body_aanbod #centertable #hoofdtable #content{
	padding:0px;	
}

#iframe_aanbod{
	width:100%;
	height:800px;
}

#content a{
	color:#000000;
}

.bottommarge{
	height:10px;
}


.subnav{
	width:286px;
	height:111px;
}

.subnav a{
	width:100%;
	height:100%;
	display:block;
}

#energie a{
	background: url("../../images/content/subenergie_off.gif") no-repeat left top;
}

#energie a:hover{
	background: url("../../images/content/subenergie_on.gif") no-repeat left top;
}

#hypotheek a{
	background: url("../../images/content/subhypotheek_off.gif") no-repeat left top;
}

#hypotheek a:hover{
	background: url("../../images/content/subhypotheek_on.gif") no-repeat left top;
}

#taxatie a{
	background: url("../../images/content/subtaxatie_off.gif") no-repeat left top;
}

#taxatie a:hover{
	background: url("../../images/content/subtaxatie_on.gif") no-repeat left top;
}

#logonav{
	width:100%;
	text-align:center;
}

#logonav a{
	background:transparent;
	width:1px;
	height:1px;
	display:inline;
	border:none;
	padding:0px;
	margin:0px 5px;
}

#logonav a:hover{
	background:#d2392b;
	width:1px;
	height:1px;
	display:inline;
	border:none;
	padding:0px;
}

#logonav img{
	border:none;
}