html, body, #aspnetForm, #container {height:100%;}
body
{
	background: #042e54 url(../Img/bg.gif) top left repeat-x;
	font-family: Arial;
	padding:0;
	margin:0;
}

#container
{
	top: 0px;
	width: 980px;
	margin:0 auto; /* to center align */
	position:relative;
}

body > #container { height: auto; min-height: 100%; }

#logo
{
	background:#FFFFFF url(../Img/header1.jpg) no-repeat;
	border-bottom:1px solid #FFFFFF;
	float: left;
	width: 980px;
	height: 116px;
	position:relative;
	z-index:40;
}

a.linkHome {width:338px; height:80px; display:block; background:transparant; text-indent:-9999px; position:relative; top:20px; left:21px;}
a.ico_nieuws {background:url(../Img/ico_nieuws.gif) no-repeat bottom left; width:77px; height:38px; position:absolute; top:22px; right:38px; z-index:50; text-indent:-9999px; outline:none;}
a.ico_nieuws:hover { background-position:top left;}

a.ico_contact {background:url(../Img/ico_contact.gif) no-repeat bottom left; width:79px; height:45px; position:absolute; top:63px; right:36px; z-index:50; text-indent:-9999px; outline:none;}
a.ico_contact:hover { background-position:top left;}

#backgroundImage {background:url(../Img/bg_image1.gif) no-repeat; width:80px; height:353px; position:absolute; top:116px; left:0; 	z-index:50; }

.searchHighlight
{
	background-color: #e3eaf0;
	border: 1px dotted #6491c3;
	padding:1px;
	
}

/* ================================================= */
/* MENU1: DOELGROEP */
/* ================================================= */

#menu
{
	float: left;
	background: #01437d url(../Img/bg_menu.gif) top left repeat-x;
	width: 216px;
	width: 900px;
	height: 24px;
	margin-left:80px;
	border-bottom: 1px solid #FFFFFF;
	line-height:24px;
}
#menu a 
{
	color: #FFFFFF;
	text-transform:uppercase; 
	letter-spacing:1px;
	font-size: 11px;
	text-decoration: none;
	height: 24px;
	display: inline-block;
	float:left;
	padding-left: 11px;
	padding-right: 11px;
}
#menu a:hover { color: #b5d6f3; }
#menu ul { margin: 0px; padding: 0px; display: inline; }
#menu ul li { list-style: none; display: inline;}
#menu ul li .menuitem1selected, #menu ul li .selected
{
	background: #01437d url(../Img/bg_menu_sel.gif) top left repeat-x;
	background-repeat: repeat-x;
	color: #FFFFFF;
	
}
#menu ul li .menuitem1
{
	background: url(../Img/bg_menu_vert_line.gif) no-repeat left 5px;
	margin-left:-1px;
	position:relative;
	z-index:20;
}

.overstate {background:url(../Img/bg_menu_hover.gif); margin-top:1px;position:absolute; top:24px; z-index:30; height:72px;}

/* ================================================= */
/* MENU234 / MENU123 */
/* ================================================= */

#submenu
{
	float: left;
	margin-left:80px;
	background:#b7cf33;
	width: 900px;
	height:21px;
	line-height:21px;
	position:relative;
	z-index:40;
}

#submenu a { font-size: 13px; text-decoration: none; color: #FFFFFF; float: left;}
#submenu a.menuitem1selected, #submenu a.menuitem2selected, #submenu a.menuitem3selected, #submenu a.menuitem4selected { font-weight:bold; }
#submenu ul { margin: 0px; padding: 0px; }

/* MENU2 */

#submenu ul.menulist2 {}
#submenu ul.menulist2 li {display:inline;}
#submenu ul.menulist2 li a.menuitem2, #submenu ul.menulist2 li a.menuitem2selected { padding: 0 11px; }
#submenu ul.menulist2 li a.menuitem2:hover,
#submenu ul.menulist2 li a.menuitem2selected:hover  
{	
	background: url(../Img/bg_submenu_vert_line.gif) no-repeat left 4px; 
}

#submenu ul li .menuitem2, #submenu ul li .menuitem2selected
{
	background: url(../Img/bg_submenu_vert_line.gif) no-repeat left 4px;
	margin-left:-1px;
}

/* ================================================= */
/* CONTENT */
/* ================================================= */

#content
{
	float: left;
	width: 860px;
	background:#FFFFFF url(../Img/bg_content1.gif) top left repeat-y;
	padding-left:100px;
	padding-top:12px;
	padding-right:20px;
	padding-bottom: 38px; 
	height:286px;
	color: #205381;
	position:relative;
	z-index:40;
}

#container > #content {	height:auto; min-height:286px; overflow:hidden;}

#content h3 { font-size: 13px; color: #205381; margin:0 0 10px 0; width:280px;}

#content a {color:#809830;}
#content a:hover {color:#9bb413;}
#content a:visited {color:#959884;}

/* ================================================= */
/* SUB (ICONEN, ZOEKEN)
/* ================================================= */

#footer, #footer a { color: #6491c3; text-decoration:none;  line-height:38px; }
#footer a:hover { color: #b2c7df;}

#footer #zoek { float: right; }

#footer #zoek input 
{
	color:#042e53;
	background-color:Transparent; 
	vertical-align:bottom; 
	margin-bottom:7px;
	padding:2px 20px 1px 5px;
	height:17px;
	width:153px;
	background:#FFF;
	border:2px solid #326297;
	font-size:11px;
}

.zoekKnop 
{
	background:#FFF url(../Img/zoek_bg.gif) 0px 0px no-repeat; 
	position:relative; 
	top:11px;
	left:-20px; 
	width:16px;
	height:16px;
	display:block;
	float:right;
}

.zoekKnop span { visibility:hidden; display:none; }

#footer #iconen { float: right; }
#footer #iconen a { margin-left: 4px; }


/* ============= VerkoopList.aspx ============ */

.tblHdrKlaver,
.tblHdrEreprijs,
.tblHdrLis,
.tblHdrWaterlelie {background:#5a2274; color:#fff; height:25px;}

.tblHdrEreprijs {background:#295297;}
.tblHdrLis {background:#0b8846;}
.tblHdrWaterlelie {background:#41596c;}

#verkooplist .tblHdrKlaver a,
#verkooplist .tblHdrEreprijs a,
#verkooplist .tblHdrLis a,
#verkooplist .tblHdrWaterlelie a {color:#fff;}

#verkooplist .tblHdrKlaver a:hover,
#verkooplist .tblHdrEreprijs a:hover,
#verkooplist .tblHdrLis a:hover,
#verkooplist .tblHdrWaterlelie a:hover {font-weight:bold; color:#fff;}

.woningtype {margin-top:25px;}
.woningtype span {font-weight:bold; font-size:1.4em;}
.tblWoningtype tr {height:25px;}
.alternatingrow {background:#f2f4f6;}

#verkooplist .btnDownload a{background:url(../Img/ico_pdf.gif) no-repeat left top; padding:1px 1px 1px 20px; }

/* Error class */
.error
{
	background-image: url(/Ommedijk/Img/error.gif);
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
	float: left;
}
