/* MAIN
------------------------------------------------------------------*/
* {	padding: 0; margin: 0; font-family: Verdana; border: 0;	}
img { vertical-align: bottom; }
a { outline: none; }
body { background: #fff url(/img/body_bg1.gif) repeat-x; text-align: center; }
table { border-spacing: 0; border-collapse: collapse; }
td { padding: 0px; } 
.col-a { width: 681px; }
.col-b { width: 279px; }
.wrapper { margin: 0 auto; width: 960px; text-align: left; }
label { cursor: pointer; }
p { text-decoration: red;}
	

/* META NAV 
------------------------------------------------------------------*/
#meta-nav { height: 20px; overflow: hidden; }
#meta-nav ul { list-style: none; float: right; margin: 2px 0 0 0; }
#meta-nav ul li { font-size: 10px; color: #c6dafd; float: left; margin: 0 5px 0 5px; }
#meta-nav ul li a { color: #c6dafd; text-decoration: none; padding: 0 0 0 13px; }
#meta-nav ul li a.home { background: url(/img/meta-nav_ico_home.gif) no-repeat center left; }
#meta-nav ul li a.sitemap { background: url(/img/meta-nav_ico_sitemap.gif) no-repeat center left; }
#meta-nav ul li a.disclaimer { background: url(/img/meta-nav_ico_disclaimer.gif) no-repeat center left; }

/* HEADER
------------------------------------------------------------------*/
#header { position: relative; overflow: hidden; height: 100%; }
#header img { float: left; }
#header #sub-header { background: #c8db00; height: 31px; }
#header #sub-header img { float: left; }

/* KRUIMELPAD
------------------------------------------------------------------*/
#kruimelpad { display: block; clear: both; width: 100%; height: 18px; margin: 5px 0 0 0; }
#kruimelpad.near-photo { margin-left: 215px; }
#kruimelpad li { display: block; float: left; font-size: 10px; margin: 3px 6px 3px 0px; color: #3A5BAB; }
#kruimelpad li a { color: #3A5BAB; }
		
/* MAIN NAVIGATION
------------------------------------------------------------------*/
#nav { background: url(/img/nav_bg.gif) repeat-x; overflow: hidden; height: 45px;	}
#main-nav.col-a { float: left; width: 960px; }
#main-nav.col-b { float: left; }
#main-nav ul { list-style: none; margin: 9px 0 0 0;	}
#main-nav ul li { float: left; height: 36px; text-indent: -2000px; margin: 0 0 0 3px; }
#main-nav ul li a { display: block; height: 100%; }

#main-nav ul li.first { margin: 0; }	
#main-nav ul li a.home { width: 69px; background: url(/img/main-nav_li_bg_home.gif) no-repeat top left; }
#main-nav ul li a.aanbod { width: 139px; background: url(/img/main-nav_li_bg_aanbod.gif) no-repeat top left; }
#main-nav ul li a.verkopen { width: 159px; background: url(/img/main-nav_li_bg_verkopen.gif) no-repeat top left; }
#main-nav ul li a.kopen { width: 162px; background: url(/img/main-nav_li_bg_aankoopmakelaar.gif) no-repeat top left; }
#main-nav ul li a.wijkopenzelf { width: 131px; background: url(/img/main-nav_li_bg_wijkopenzelf.gif) no-repeat top left; }
#main-nav ul li a.verhuur { width: 86px; background: url(/img/main-nav_li_bg_verhuur.gif) no-repeat top left; }
#main-nav ul li a.overons { width: 90px; background: url(/img/main-nav_li_bg_overons.gif) no-repeat top left; }
#main-nav ul li a.contact { width: 85px; background: url(/img/main-nav_li_bg_contact.gif) no-repeat top left; }
#main-nav ul li a:hover, #main-nav ul li a.active { background-position: 0 -36px; }

/* SUB NAVIGATION 
------------------------------------------------------------------*/
#sub-nav { overflow: hidden; height: 25px; position: absolute; top: 112px; right: 20px; }
#sub-nav ul { list-style: none; }
#sub-nav ul li { float: left; height: 25px; text-indent: -2000px; margin: 0 0 0 1px; }
#sub-nav ul li.first { margin: 0; }	
#sub-nav ul li a { display: block; height: 25px; }
#sub-nav ul li a.overzicht { width: 73px; background: url(/img/sub-nav_li_bg_overzicht.gif) no-repeat top left; }
#sub-nav ul li a.omschrijving { width: 95px; background: url(/img/sub-nav_li_bg_omschrijving.gif) no-repeat top left; }
#sub-nav ul li a.kenmerken { width: 84px; background: url(/img/sub-nav_li_bg_kenmerken.gif) no-repeat top left; }
#sub-nav ul li a.fotos { width: 53px; background: url(/img/sub-nav_li_bg_fotos.gif) no-repeat top left; }
#sub-nav ul li a.plattegrond { width: 88px; background: url(/img/sub-nav_li_bg_plattegrond.gif) no-repeat top left; }
#sub-nav ul li a.kaart { width: 48px; background: url(/img/sub-nav_li_bg_kaart.gif) no-repeat top left; }

#sub-nav ul li a.bestaandebouw { width: 117px; background: url(/img/sub-nav_li_bg_bestaandebouw.gif) no-repeat top left; }
#sub-nav ul li a.nieuwbouw { width: 87px; background: url(/img/sub-nav_li_bg_nieuwbouw.gif) no-repeat top left; }

#sub-nav ul li a.details { width: 107px; background: url(/img/sub-nav_li_bg_contactdetails.gif) no-repeat top left; }
#sub-nav ul li a.inschrijven { width: 85px; background: url(/img/sub-nav_li_bg_inschrijven.gif) no-repeat top left; }
#sub-nav ul li a.bezichtigen { width: 89px; background: url(/img/sub-nav_li_bg_bezichtigen.gif) no-repeat top left; }
#sub-nav ul li a.diensten { width: 127px; background: url(/img/sub-nav_li_bg_overigediensten.gif) no-repeat top left; }
#sub-nav ul li a.vragen { width: 163px; background: url(/img/sub-nav_li_bg_vragen.gif) no-repeat top left; }
#sub-nav ul li a.verhuur { width: 67px; background: url(/img/sub-nav_li_bg_verhuur.gif) no-repeat top left; }

#sub-nav ul li a:hover, #sub-nav ul li a.active { background-position: 0 -25px; }

/* SEARCH BOX
------------------------------------------------------------------*/
#search-box.col-b { position: absolute; bottom: 0px; right: 10px; }
#search-box form { padding: 13px 0 0 17px; }
#search-box form div { width: 167px; height: 21px; background: url(/img/search-box_input_bg_2.gif) no-repeat; padding: 3px 0 2px 3px; float: left; }
#search-box form .fld { border: 0; width: 160px; height: 16px; }
#search-box form input { vertical-align: middle; font-size: 12px;	}


/* CONTENT
------------------------------------------------------------------*/
#content { overflow: hidden; height: 100%; }
	
.bg1{ background: #748fca url(/img/content_bg1.gif) repeat-x bottom; }
.bg2 { background: #748fca url(/img/content_bg2.gif) repeat-y bottom; }

#content .col-a { float: left; background: #fff; }
#content .col-b { float: left; padding: 0 0 10px 0; }

#content-hdr { height: 137px; background: url(/img/content-hdr_bg.gif) repeat-x; position: relative; }
#content-hdr p { font-size: 12px; color: #fff; line-height: 18px; padding: 20px; }
#content-hdr a { color: #fff; }
#content-hdr h1 { font-size: 16px; color: #fff; padding: 45px 0 5px 3px; }
#content-hdr-txt { overflow: hidden; height: 137px; }

.fotogr { position: absolute; left: -2px; top: 125px; z-index: 101; }
.item_fotogr { position: absolute; left: 16px; top: 133px; width: 174px; height: 128px; z-index: 102; }
.label-huisdetail { position: absolute; z-index: 200; left: 16px; top: 133px; }

#frm-content-hdr { height: 137px; background: url(/img/content-hdr_bg.gif) repeat-x; position: relative; }
#frm-content-hdr .col { width: 315px; float: left; }
#frm-content-hdr .col div { font-size: 12px; color: #fff; padding: 35px 0 0 20px; }
#frm-content-hdr .col select { width: 120px; font-size: 12px; }
#frm-content-hdr .col input { position: absolute; left: 615px; top: 115px; }

/* SEARCH BOX
------------------------------------------------------------------*/
#frm-content-hdr .col .select1 { margin-left: 71px; }
#frm-content-hdr .col .select2 { margin-left: 30px; }
#frm-content-hdr .col .select3 { margin-left: 26px; }
#frm-content-hdr .col .select4 { margin-left: 31px; }


/* ACTUELE AANBOD
---------------------------------------*/
#actuele-aanbod { background: url(/img/actuele-aanbod_bg.gif) repeat-x; }
#actuele-aanbod h1, #actuele-aanbod h2 { padding: 1px 0 1px 0; height: 33px; }
#actuele-aanbod .app { text-align: center; height: 204px; background: #e9f19e; border-bottom: 1px solid #c8d536; }
#actuele-aanbod h1 .typebouw, #actuele-aanbod h2 .typebouw { margin-left: 170px; }
#actuele-aanbod select { margin: 0 0 5px 0; width: 120px; font-size: 12px; font-weight: normal; }

/* NIEUWE VERKOOP
---------------------------------------*/
#nieuw-verkoop { padding: 0 0 10px 0; background: #fff; }
#nieuw-verkoop .items { overflow: hidden; height: 100%; }
#nieuw-verkoop .item { float: left; margin: 0 1px 0 0; width: 216px; height: 250px; background: url(/img/nieuw_verkoop_item_bg.gif) no-repeat top left; position: relative; }
#nieuw-verkoop .item img { position: absolute; left: 17px; top: 8px; }
#nieuw-verkoop a { position: absolute; z-index: 100; width: 100%; height: 100%; background: url(/img/x.gif); }
#nieuw-verkoop p { position: absolute; bottom: 25px; left: 20px; font-size: 12px; color: #5573bb; }
#nieuw-verkoop h1, #nieuw-verkoop h2 { padding: 1px 0 1px 0; }
#nieuw-verkoop .label { position: absolute; z-index: 80; }


/* AANBOD
----------------------------------------*/
#aanbod { padding: 0 0 0 0; background: #fff; clear: both; }
#aanbod p { font-size: 12px; color: #5573bb; xmargin-top: 10px; }
#aanbod .txt { margin-top: 10px; overflow: hidden; height: 100%; }
#aanbod .txt p { padding: 0 10px 10px 0; }
#aanbod .txt a { color: #5573bb;} 
#aanbod .items { overflow: hidden; height: 100%; }
#aanbod .item { float: left; margin: 10px 1px 10px 0; width: 335px; height: 90px; background: url(/img/woningaanbod_item_bg.gif) no-repeat top left; position: relative; }
#aanbod .item img { position: absolute; left: 11px; top: 6px;  }
#aanbod .item a { position: absolute; z-index: 100; width: 100%; height: 100%; background: url(/img/x.gif); }
/*#aanbod .item p { position: absolute; bottom: 10px; left: 135px; font-size: 12px; color: #5573bb; }*/
#aanbod .item p { position: relative; width: 200px; left: 135px; font-size: 12px; color: #5573bb; }
#aanbod .item_afb { z-index: 98; }

#aanbod .items_ft { overflow: hidden; height: 100%; }
#aanbod .item_ft { float: left; margin: 10px 4px 10px 0; width: 130px; height: 90px; background: url(/img/woningaanbod_item_bg.gif) no-repeat top left; position: relative; }
#aanbod .item_ft img { position: absolute; left: 11px; top: 6px;  }
#aanbod .item_ft a { position: absolute; z-index: 100; width: 100%; height: 100%; background: url(/img/x.gif); }
#aanbod #extra { margin-bottom: 20px; }

#aanbod .img_plattegrond { margin: 20px 14px 0 0; height: 261px; width: 213px; }
#aanbod .img_kaart { margin: 20px 14px 0 0; height: 194px; width: 307px; }
#aanbod .overzichtbtns { margin: 17px 0 0 20px; }
#aanbod .overzichtbtns- { margin: 17px 0 20px 0; }
#aanbod .slideshow { margin: 5px 0 0 0; }

#aanbod ul { margin-top: 10px; }
#aanbod ul li { list-style-image: url(/img/list_type.gif);  padding: 0 0 0 0; margin-left: 15px; }
#aanbod ul li p a { font-weight: bold; text-decoration: underline; color: #5573bb; }

#aanbod .spacer { height: 110px; width: 215px; float: left; margin-top: -10px; }
#aanbod .item_ft_afb { z-index: 98; }

#aanbod .tbl_kenmerken { margin: 10px 0 0 0; width: 670px; }
#aanbod .tbl_kenmerken tr { color: #5573bb; font-size: 12px; }
#aanbod .tbl_kenmerken tr td.col-a { height: 20px; width: 221px; font-weight: bold; padding: 12px 0 0 0; border-bottom: 1px solid #5573bb; }
#aanbod .tbl_kenmerken tr td.col-b { height: 20px; width: 445px; font-weight: normal; padding: 12px 0 0 0; border-bottom: 1px solid #5573bb; }

#aanbod .tbl_kenmerken tr td.energielabel { height: 30px; padding-bottom: 10px; } 
#aanbod .tbl_kenmerken tr td.energielabel img { display: block; float: left; }
#aanbod .tbl_kenmerken tr td.energielabel a.meerinfo { color: #5573bb; font-weight: bold; padding: 15px 0 0 10px; display: block; float: left; }

/* FORMULIEREN
----------------------------------------*/
#aanbod #formulier div { display: block; overflow: hidden; height: 100%; width: 680px; font-size: 12px; color: #5573bb; line-height: 24px; }
#aanbod #formulier p { float: left; width: 155px; font-size: 12px; color: #5573bb; }
#aanbod #formulier input { margin-right: 5px; }
#aanbod #formulier .velden { font-size: 9px; line-height: 20px; }

#aanbod #formulier .hdr { margin: 30px 0 0 0;}
#aanbod #formulier .radio2 { margin: 0 5px 0 10px; }
#aanbod #formulier .radio { margin: 0 5px 0 155px; }
#aanbod #formulier .in210 { float: left; margin-top: 5px; height: 18px; width: 210px; border: 1px solid #5573bb; color: #666666; }
#aanbod #formulier .in63 { float: left; margin: 5px 5px 0 0; height: 18px; width: 63px; border: 1px solid #5573bb; color: #666666;}
#aanbod #formulier .in140 { float: left; margin-top: 5px; height: 18px; width: 140px; border: 1px solid #5573bb; color: #666666;}
#aanbod #formulier #berichtbox {  float: left; width: 458px; height: 150px; margin-top: 5px; border: 1px solid #5573bb; color: #666666; font-size: 12px; line-height: 18px; }

#aanbod #formulier .tbl_contact {  }
#aanbod #formulier .tbl_contact tr { color: #5573bb; font-size: 12px; height: 18px; }
#aanbod #formulier .tbl_contact tr td.tbl-col-a { width: 190px; }
#aanbod #formulier .tbl_contact tr td.tbl-col-b { width: 170px; }
#aanbod #formulier .tbl_contact tr td.tbl-col-c { width: 290px; }
#aanbod #formulier .tbl_contact tr td.tbl-col-c .anders_txt { width: 145px; border: 1px solid #5573bb; color: #666666; height: 16px; }

#aanbod #formulier .wensen_totaal .wensen { width: 650px; }
#aanbod #formulier .wensen_totaal .wensen .txt1 { float: left; width: 190px; margin: 5px 0 0 0; }
#aanbod #formulier .wensen_totaal .wensen .txt2 { float: left; width: 80px; }
#aanbod #formulier .wensen_totaal .wensen .txt3 { float: left; width: 110px; }
#aanbod #formulier .wensen_totaal .wensen .txt4 { float: left; width: 370px; }
#aanbod #formulier .wensen_totaal .wensen .txt5 { float: left; width: 220px; }
#aanbod #formulier .wensen_totaal .wensen .txt6 { float: left; width: 260px; }
#aanbod #formulier .wensen_totaal .wensen .txt7 { float: left; width: 150px; text-align: right; }
#aanbod #formulier .wensen_totaal .wensen .txt8 { float: left; width: 100%; line-height: 20px; }

#aanbod #formulier .wensen_totaal .wensen #overige { width: 458px; color: #666666; height: 75px; border: 1px solid #5573bb; font-size: 12px; line-height: 18px; }
#aanbod #formulier .wensen_totaal .wensen .inWens { text-align: right; width: 127px; }
#aanbod #formulier .wensen_totaal .wensen .prijs { margin-top: 10px; width: 127px; border: 1px solid #5573bb; color: #666;  }
#aanbod #formulier .wensen_totaal .wensen .aantal { width: 50px; margin: 10px 0 10px 0px; border: 1px solid #5573bb; color: #666; }
#aanbod #formulier .wensen_totaal .wensen .radio4, #aanbod #formulier .wensen_totaal .wensen .radio6 { margin-left: 10px; }
#aanbod #formulier .wensen_totaal .wensen .radio5 { margin-left: 5px; }

/* PAGING
----------------------------------------*/
#paging { clear: both; margin: 40px 0 48px 42px; width: 578px; height: 23px; bottom: 0px; background: url(/img/paging-aanbod_bg.gif) repeat-x; line-height:21px; }
#paging ul { padding-top: 2px; text-align: center; list-style: none; margin: 0px; }
#paging ul li { display: inline; margin: 0px 5px;  }
#paging a { color: #3c3c3c; text-decoration: none; font-family: Arial; font-weight: bold; font-size: 13px; }
#paging a:hover, #paging a:active { color: #ffffff; background: #486cb8; }
#paging .selected a { text-decoration: underline; }

/* AANBOD STATUS
----------------------------------------*/
.verkocht { position: absolute; margin: -10px 0 0 -11px; z-index: 99; }
.verkocht_groot { position: absolute; margin: 0 0 0 0px; z-index: 102; }
.nieuwbouw_strip { position: absolute;  margin: -10px 0 0 -11px; z-index: 99; }

/* FOOTER
------------------------------------------------------------------*/
#footer { width: 100%; height: 151px; background: url(/img/footer_bg.gif) repeat-x; }
#footer .col-a { float: left; height: 151px; }
#footer .col-a p { float: left; width: 300px; font-size: 12px; color: #fff; padding: 20px; line-height: 16px; }
#footer .col-a p a { color: #fff; }
#footer .col-b { position: relative; float:  left; height: 151px; background: url(/img/footer_col-b_bg.gif) repeat-x; text-align: center; }
#footer .col-b img { display: inline; margin: 0 0 0 0; }
#footer .col-b .funda { position: absolute; top:23px; left: 56px;  }
#footer .col-b .vbo { position: absolute; top: 88px; left: 55px; }
#footer .col-b .vastgoed {position: absolute; top: 23px; left: 196px; }

/* ZIJBALK --> BANNER
------------------------------------------------------------------*/	
#banners { background: #2e4d9f url(/img/banners_bg_2.gif) repeat-x; padding: 10px 0 0 10px; }	
#banners .banner { width: 257px; height: 180px;	position: relative;	}
#banners .banner_flash { width: 235px; height: 169px; padding: 0 0 10px 10px; }
#banners .banner img { position: absolute; top: 0; left: 0;	}
#banners .banner img.ban { top: 8px; left: 18px; z-index: 101; }
#banners .banner a { position: absolute; z-index: 200; width: 100%; height: 100%; background: url(/img/x.gif); }

/* VERGELIJKBARE --> WONINGEN
------------------------------------------------------------------*/
#vergelijkbaars { background: #4669b7 url(/img/banners_bg.gif) repeat-x; padding: 0 0 0 10px; }
#vergelijkbaars .hdr { margin: 20px 0 0 10px; }
#vergelijkbaars .vergelijkbaar { width: 257px; height: 203px;	position: relative; margin: 15px 0 20px 0;	}
#vergelijkbaars .last { width: 257px; height:  203px;	position: relative; margin: 15px 0 0 0;	}
#vergelijkbaars .vergelijkbaar img { position: absolute; top: 0; left: 0; }
#vergelijkbaars .vergelijkbaar img.ver { top: 8px; left: 18px; z-index: 101; }
#vergelijkbaars .vergelijkbaar a { position: absolute; z-index: 200; width: 100%; height: 100%; background: url(/img/x.gif); }

/* FOOTER
------------------------------------------------------------------*/
#zoeken-aanbod form div { margin: 0 0 5px 0; padding: 15px 10px 0 10px; }
#zoeken-aanbod form div p { float: left; width: 120px; font-size: 12px; color: #fff; }
#zoeken-aanbod form div select { width: 120px; font-size: 12px; }
#zoeken-aanbod form .sbmt { margin: 10px 0 0 190px; }

/* SEO-PAGINA'S BLOK
------------------------------------------------------------------*/
#seopaginas {
	margin: 10px 0px 0px 0px;
}
#seopaginas ul {
	margin: 0px 0 5px 10px;
	padding: 5px 10px 0 10px;
	font-size: 12px;
	list-style-type: none;
}
#seopaginas ul li {
	margin: 3px;
}
#seopaginas ul li a {
	color: #fff;
}

/* PHOTO-TITLE
------------------------------------------------------------------*/	
#photo-title { background: url(/img/actuele-aanbod_bg.gif) repeat-x; }
#photo-title h1, #photo-title h2 { padding: 1px 0 1px 0; height: 33px; }
#photo-title h3 { padding: 1px 0 1px 0; height: 33px; margin-left: 215px; }


/* SITEMAP
----------------------------------------------------------------*/
#sitemap { margin: 20px 15px; }
#sitemap * { font-size: 11px; color: #5573bb;  }
#sitemap a { color: #5573bb; text-decoration: none; } 
#sitemap a:hover { text-decoration: underline; }
#sitemap a.bold { font-weight: bold; }
#sitemap a.titel { font-size: 12px; }
#sitemap li { padding: 0 0 0 24px; margin: 0; list-style: none; line-height: 20px; background: url(/img/extm.gif) no-repeat 0% 0%; }
#sitemap li.last { background: url(/img/exlm.gif) no-repeat 0% 0%; }
#sitemap ul { padding: 0 0 0 35px; margin: 0 0 0 -24px; list-style: none; }
#sitemap ul { background: url(/img/exim.gif) repeat-y 0% 0%; }
#sitemap ul.last { background-image: none; }

/* ZOEKEN ALGEMEEN
----------------------------------------------------------------*/
#aanbod .item_zoeken { float: left; margin: 10px 0px 10px 0; width: 650px; height: 90px; background: url(/img/woningaanbod_item_bg.gif) no-repeat top left; position: relative; background-color: #E5ED91; border: 1px solid #D3E233; }
#aanbod .item_zoeken img { position: absolute; left: 11px; top: 6px;  }
#aanbod .item_zoeken a { position: absolute; z-index: 100; width: 100%; height: 100%; background: url(/img/x.gif); }
#aanbod .item_zoeken p { position: absolute; bottom: 10px; left: 135px; font-size: 12px; color: #5573bb; }
#aanbod .item_zoeken_afb { z-index: 98; }

#aanbod .txt_zoeken { float: left; margin: 10px 0px 10px 0; width: 650px; height: 50px; position: relative; background-color: #fff; border: 1px solid #D3E233; }
#aanbod .txt_zoeken img { position: absolute; left: 11px; top: 6px;  }
#aanbod .txt_zoeken a { position: absolute; z-index: 100; width: 100%; height: 100%; background: url(/img/x.gif); }
#aanbod .txt_zoeken h3 { position: absolute; top: 5px; left: 5px; font-size: 14px; color: #5573bb; }
#aanbod .txt_zoeken p { position: absolute; top: 25px; left: 5px; font-size: 12px; color: #5573bb; }

/* TEKST ONDER FLASH CARROUSEL
----------------------------------------------------------------*/
#flash_carrousel { color: #a4b100; font-size: 12px; padding: 20px 10px 0 10px; }
#flash_carrousel a { color: #3252a2; }