html,body { height: 100%; }
body { background-color:#FFFFFF; background-image:url('/images/bg_body.gif'); background-repeat:repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px; line-height:16px; color:#666; margin: 0px; padding: 0px;}
h1 { font-size:16px; line-height:25px; color:#4e70b0; font-weight:normal; margin:0px;}
h2 { margin:0px; }
h3 { margin:0px; }
a { color:#4e70b0; font-weight:normal; }
form { margin:0px; padding:0px;}
.dateSelectDay { width:40px;}
.dateSelectMonth { width:95px;}
.dateSelectYear { width:55px;}
/* -------------------------------------| basic page layout |----------------------- */
#page { margin-left:auto; margin-right:auto; width:949px; }
#header { width:899px; padding-left:25px; padding-right:25px; height:151px; background-image:url(/images/bg_header.gif); overflow:hidden; }
#content { width:899px; display:block; margin-bottom:0px; padding-left:25px; padding-right:25px; padding-bottom:15px; background-image:url(/images/bg_content.gif); }
#contentContainer { margin:25px; display:block; margin-bottom:0px; margin-top: 10px; padding:20px; background-color:#ffffff; clear:both;}
#contentContainer h1 { font-size: 12px; font-weight:bold; line-height:16px; }
.btnClass { background-color:#4e70b0; border:1px solid #000; color:#ffffff; margin-left:5px; font-size:11px; cursor:pointer; }
.btnClass a { display:block; height:19px; color:#ffffff; padding-bottom:2px; padding-left:5px; padding-right: 5px; color:#ffffff; text-decoration:none; font-weight:normal;}
.btnClass:hover { background-color:#7293d0; color:#FFFFFF; cursor:pointer;}
.btnClassActive { background-color:#7293d0; color:#FFFFFF;}
/* ------------------- ------------------| header layout |----------------------- */
#headerS1 { clear:both; width:899px;}
#logo { width:387px; height:97px; margin-top:3px; background-image:url(/images/logo_selectahouse.gif); float:left; cursor:pointer;}
#headerright { float:left; width:508px;overflow:hidden;}
#linksDiv { text-align:right; height:32px; padding-top:10px;overflow:hidden;}
#linksDiv a { color:#999; font-weight:normal;}
#searchDiv { text-align:right; height:35px; margin:0px; padding:0px; overflow:hidden;}
#searchDiv input { border:0px; font-size:11px; color:#666;}
#searchDiv .btnClass { color:#fff;}
#searchDiv .sField { }
#shortcutsDiv { clear:both; height:35px; padding-top:0px; margin-top:0px;overflow:hidden;}
#savedHouses { float:left; height:32px; width:432px; padding-left:0px; margin:0px; background-image:url(/images/bg_savedHouses.gif); background-repeat:no-repeat; list-style:none;}
.savedItem { float:left; padding-left:8px; padding-right:8px; padding-top:4px; padding-bottom:0px; border-right:1px solid #999999;margin-left:0px; }
#savedHouses a { color:#666; font-weight:normal; text-decoration:none;}
#languageDiv { float:left; text-align:right; padding:8px; padding-right:0px; padding-bottom:0px; margin:0px;}
#languageDiv img { border:0px;}
#headerS2 { clear:both; width:899px; height:30px; }
/* -------------------------------------| menu layout |----------------------- */
#menuDiv { width:899px; height:31px; padding-top:8px; overflow:hidden;}
#mainmenu { margin-left:32px; padding-top:4px; }
.menuItemL { float:left; height:18px; padding-top:8px; padding-left:8px; padding-right:8px; border-bottom:1px solid #ede9df; border-right:1px solid #b9b5ab;
background-image:url(/images/bg_mainmenu_itemFirst.gif); background-repeat:no-repeat; background-position:bottom left;}
.menuItemL:hover { float:left; height:18px; padding-top:8px; padding-left:8px; padding-right:8px; background-color:#fff; border-bottom:1px solid #fff; border-right:1px solid #b9b5ab;
background-image:url(/images/bg_mainmenu_itemFirstactive.gif); background-repeat:no-repeat; background-position:bottom left;}
.menuItemLActive { float:left; height:18px; padding-top:9px; padding-left:8px; padding-right:8px; background-color:#fff; border-bottom:1px solid #fff;
background-image:url(/images/bg_mainmenu_itemFirstactive.gif); background-repeat:no-repeat; background-position:bottom left; border-right:1px solid #4e70b0;}
.menuItemR { float:left; height:18px; padding-top:8px; padding-left:8px; padding-right:8px; border-bottom:1px solid #ede9df;
background-image:url(/images/bg_mainmenu_itemLast.gif); background-repeat:no-repeat; background-position:bottom right;}
.menuItemR:hover { float:left; height:18px; padding-top:8px; padding-left:8px; padding-right:8px; background-color:#fff; border-bottom:1px solid #fff;
background-image:url(/images/bg_mainmenu_itemLastactive.gif); background-repeat:no-repeat; background-position:bottom right;}
.menuItemRActive { float:left; height:18px; padding-top:9px; padding-left:8px; padding-right:8px; background-color:#fff; border-bottom:1px solid #fff;
background-image:url(/images/bg_mainmenu_itemLastactive.gif); background-repeat:no-repeat; background-position:bottom right;}
#mainmenu a { text-decoration:none; font-weight:normal; color:#666;}
.firstItem { margin-left:30px;}
.lastItem { margin-right:30px;}
#submenuDiv { position:relative; min-height:35px; background-image:url(/images/img_banner.jpg); background-repeat:no-repeat; border-bottom:4px solid #4e70b0;}
#submenuDivDetails { height:8px; background-image:url(/images/img_banner.jpg); background-repeat:no-repeat; border-bottom:4px solid #4e70b0;}
#subItemDetails { background-color:#fff; padding:5px; min-height:19px; list-style-type:none; margin:0px ; padding:5px; padding-left:30px; border-bottom:1px solid #aaa;}
#subItems { background-color:#fff; padding:5px; min-height:19px; list-style-type:none; margin:0px ; padding:5px; padding-left:30px; }
#subSubItems { position:absolute; width:864px; top:25px; left:0px; background-color:#fff; padding:5px; min-height:19px; list-style-type:none; margin:0px ; padding:5px; padding-left:30px; }
.subItem { float:left; margin-right:10px; padding-right:10px; border-right:1px solid #000; }
.subItemActive { float:left; margin-right:10px; padding-right:10px; border-right:1px solid #000; color:#4e70b0; }
/* -------------------------------------| footer layout |----------------------- */
#footer { width:899px; padding-left:25px; padding-right:25px; height:36px; text-align:center; padding-top:5px; background-image:url(/images/bg_footer.gif); background-repeat:no-repeat;}
#footerContainer { border-top:1px solid #c3b598; padding-top:5px; }
#footerContainer a { text-decoration:none; font-weight:normal; color:#666;}
/* -------------------------------------| homepage layout |----------------------- */
#homeImage { height:145px; background-color:#fff; background-image:url(/images/img_banner.jpg); background-repeat:no-repeat; }
#homeZoeken { background-color:#fff; height:145px; border-bottom:4px solid #4e70b0; text-align:center; margin-top:5px; border-top: 1px solid #666666;}
#zoekContainerHome { padding-top:30px; }
#zoekContainerHome form { margin:0px; padding:0px; height:60px; overflow:hidden;}
#searchContent { display:inline-block;}
#searchText { float:left; width:110px; font-weight:bold; color:#4e70b0; text-align:right; padding-top:5px; padding-right:10px;overflow:hidden;}
#searchFields { float:left; width:620px; margin:0px; padding:0px;}
#searchFields select { float:left; width:195px; margin-left:10px; margin-top:5px; margin-bottom:2px; margin-right:0px; font-size:11px;}
#searchHits { float:left; width:150px; line-height:24px; }
#searchHits .title { padding:0px; overflow:hidden;}
#searchHits .number { font-size:24px; color:#4e70b0; overflow:hidden;}
#searchBtnContainer { clear:both; display:inline-block; text-align:left; padding-left:627px; margin-top:10px; float:left;}
#searchBtn { height:18px; width:100px; text-align:center; margin-right:10px; margin-top:0px;}
#homeCols { margin-top:20px; display:inline-block; clear:both; background-position:center ; background-repeat:repeat-y; background-image:url('/images/bg_homecols.gif'); }
#homeColA { float:left; width:205px; padding:15px; padding-top:0px; overflow:hidden; cursor:pointer;}
#homeColA a { font-weight:normal;}
#homeColA li:hover { text-decoration:underline;}
#homeColB { float:left; width:420px; padding:0px; }
#homeColA ul { list-style:square; margin:0px; padding-left:15px; }
#homeColA li { margin-top:10px; margin-left:0px; padding-left:0px; }
#homeColA h2 { font-size:12px; font-weight:bold; color:#4e70b0;}
#homeColB #cols { margin-left:10px;}
#homeColB .col { float:left; width:124px; margin-right:12px; text-align:center; padding:0px; font-size:10px;}
#homeColB .col img { border:2px solid #333; margin-bottom:0px; }
#homeColB .col a { color:#4e70b0; text-decoration:none; font-weight:normal;}
#homeColB .col a.tLink { color:#4e70b0; text-decoration:underline; font-weight:normal;}
#homeColC { float:left; width:205px; padding:15px; padding-left:22px; padding-top:0px; }
#homeColC h2 { font-size:12px; font-weight:bold; color:#4e70b0; }
#homeColC #nwsltr { clear:both; display:inline-block;}
#homeColC .oktextbox { padding-right: 2px; border-top: #879bb6 1px solid; padding-left: 2px; font-size: 11px; float: left;
padding-bottom: 2px; border-left: #879bb6 1px solid; width: 110px; color: #666666; padding-top: 2px; border-bottom: #879bb6 1px solid;
height: 12px; border-right-width: 0px}
#homeColC .okbtn { border-right: #8d8d8d 1px solid; padding-right: 0px; border-top: #8d8d8d 1px solid; padding-left: 3px; padding-right:3px; font-size: 9px;
background: #e4ded0; float: left; padding-bottom: 0px; margin: 0px; border-left: #8d8d8d 1px solid; width: 80px; cursor: pointer;
color: #666666; padding-top: 0px; border-bottom: #8d8d8d 1px solid; height: 18px; display:inline-block;}
#homeColC .privacy { font-weight:normal;}
/* -------------------------------------| searchresult layout |----------------------- */
#clearSearchFields { width:730px; padding-right:170px; text-align:right; display:block; font-weight:normal; font-size:10px;}
#clearSearchFields a { font-weight:normal;}
#resultZoeken { background-color:#fff; height:115px; border-bottom:1px solid #999; text-align:center;}
#zoekContainer { padding-top:20px; }
#searchResTitle { padding-top:10px; border-bottom:3px solid #999;}
#searchResTitle h1 { margin-left:25px; padding-top:0px; margin-top:-5px;}
#searchRes #navTop { display:inline-block; width:890px; border-bottom:1px solid #aaa; padding:5px; padding-top:12px; background-position:11px bottom;
background-repeat:no-repeat; background-image:url('/images/icon_arrowup.gif');}
#searchRes #navBot { display:inline-block; width:890px; border-bottom:1px solid #aaa; padding:5px; padding-top:12px; background-position:11px 0px;
background-repeat:no-repeat; background-image:url('/images/icon_arrowdown.gif');}
#searchRes .compare { float:left;margin-left:35px;}
#searchRes .sort { float:left;margin-left:35px;}
#searchRes .nav { float:right; text-align:right;margin-right:20px;}
#searchRes .selected { font-weight: bold; text-decoration: none; color: #000; }
#results { }
.resultsOdd { height:174px; border-bottom:1px solid #aaa; background-color:#fff; background-repeat:repeat-y; background-image:url('/images/bg_comparedots.gif');}
.resultsEven { height:174px; border-bottom:1px solid #aaa; background-color:#f2f2f2; background-repeat:repeat-y; background-image:url('/images/bg_comparedots.gif');}
.resultsOdd:hover { border-bottom:1px solid #aaa; background-color:#dde; background-repeat:repeat-y; background-image:url('/images/bg_comparedots.gif');}
.resultsEven:hover { border-bottom:1px solid #aaa; background-color:#dde; background-repeat:repeat-y; background-image:url('/images/bg_comparedots.gif');}
.resultItemRow { display:inline-block; width:900px; padding-top:10px; clear:both;}
#results .location { padding-left:25px; float:left; width:530px; color:#4e70b0; font-weight:bold;}
#results .seen { float:left; width:130px; }
#results .houseCode { float:left; padding-left:25px; color:#4e70b0; font-weight:bold;}
#results .compare { float:left; width:25px; margin-left:0px; padding-left:2px;}
#results .thumbs { float:left; padding-top:5px; display:inline-block;}
#results .thumbs img { float:left; border:3px solid #999;margin-right:10px; width:135px;}
#results .thumbContainer { position:relative;width:140px; height:94px; float:left; margin-right:10px;}
#results .verhuurdImg { position:absolute; top:0px; left:0px; background-repeat:no-repeat; margin-right:10px; width:140px; height:94px; }
#results .verhuurdOverlay,
#tab0 .verhuurdOverlay { position:absolute; top:0px; left:0px; background-repeat:no-repeat; margin-right:10px; width:140px; height:94px; }
#results .details { float:left; padding-top:0px; padding-left:15px; }
#results .links { padding-top:100px; float:right; width:280px;}
#results .listSave { width:100px; float:left; text-align:center; font-size:11px; cursor:pointer; padding-top:2px;}
#results .listView { width:100px; float:left; text-align:center; font-size:11px; cursor:pointer; padding-top:2px; }
#results .listRemove { background-color: #CCCCFF; width:100px; float:left; text-align:center; font-size:11px; cursor:pointer; padding-top:2px;}
#results .detailsRemove { width:100px; float:left; text-align:center; font-size:11px; cursor:pointer; padding-top:2px; background-color:#ccccff;}
#results TD { font-size:10px; }
#results #contentContainer h2{ text-align:center; font-weight:bold; font-size:12px; color:#4e70b0;}
/* -------------------------------------| searchdetail layout |----------------------- */
#subItemDetails { font-size:10px; font-weight:bold; color:#aaa; }
#details { margin:25px; margin-bottom:0px; margin-top: 10px; background-color:#fff;}
#detailsNav { background-color:#eeeae0; width:100%; height:28px; overflow:visible; border-bottom:1px solid #aaa;}
#detailsNav .links { float:right; text-align:right; width:338px;}
#detailsNav .detailsContact { float:left; width:65px; padding-left:10px; padding-right:10px; text-align:center; font-size:12px; cursor:pointer; padding-top:2px;}
#detailsNav .detailsSave { float:left; width:85px; padding-left:10px; padding-right:10px; text-align:center; font-size:12px; cursor:pointer; padding-top:2px;}
#detailsNav .detailsView { float:left; width:94px; padding-left:10px; padding-right:10px; text-align:center; font-size:12px; cursor:pointer; padding-top:2px;}
#detailsNav .detailsRemove { float:left; width:85px; padding-left:10px; padding-right:10px; text-align:center; font-size:11px; cursor:pointer; padding-top:2px; background-color:#ccccff;}
#detailsNav ul { margin:0px; padding:0px; width:500px; margin-bottom:-1px; float:left; margin-bottom:-1px;}
#detailsNav ul li { display:inline; padding:0px; margin:0px; list-style:none; margin-top:2px;margin-bottom:-1px;}
#detailsNav ul li a { float:left; height:16px; font-weight:normal; color:#333; text-decoration:none; display:inline; padding:5px; padding-left:10px; padding-right:10px; background-color:#eee; background-image:url(/images/bg_tabs_off.jpg); border:1px solid #aaa; }
#detailsNav ul li a.active { float:left; height:17px; text-decoration:none; padding:5px; padding-left:10px; padding-right:10px; background-color:#fff; background-image:url(/images/bg_tabs_on.gif); border-bottom:1px solid #fff;}
#detailsNav ul li a:hover { float:left; text-decoration:none; padding:5px; padding-left:10px; padding-right:10px; background-color:#fff; background-image:url(/images/bg_tabs_on.gif);}
#detailSaveBtns { }
#detailsNav a { }
#detailsNav a:hover { }
.detailsTab { border:1px solid #aaa; border-top:0px;}
/* ------------------------------------------------------------------------------ tabs --*/
#tab0 { display:block; height:auto; }
#tab1 , #tab2 { display:none; height:auto; padding:15px;}
#top #foto { float:left; display:inline-block;}
#top #foto img { border:4px solid #aaa; margin:0px; padding:0px; clear:both;}
#top #foto #nav { display:inline-block; width:443px; height:27px; padding-top:3px; border-top:0px; background-color:#aaa;}
.selectBox { float:left; height:22px; width:190px;margin-left:5px;}
#top #foto .detailsVorige { width:80px; height:18px; float:left; text-align:center; padding-top:1px; padding-bottom:0px; margin-left:23px;}
#top #foto .detailsVolgende { width:80px; height:18px; float:left; text-align:center; padding-top:1px; padding-bottom:0px; margin-left:5px;}
/* ------------------------------------------------------------------------------ tab 0 --*/
#tab0 #top { padding:15px; display:block; clear:both;}
#tab0 #kenmerken { float:left; width:350px; padding-left:20px;}
#tab0 #thumbs { display:block; padding:5px; clear:both;}
#tab0 #thumbs .thumbImage { position:absolute; top:0px; left:0px; width:135px; height:90px; float:left; cursor:pointer; }
#tab0 #thumbs .thumbContainer { position:relative; width:135px; height:90px; overflow:hidden; border:3px solid #b9b5ab; margin:13px; margin-bottom:0px; float:left;}
#tab0 #bottom { padding:15px; display:block; clear:both;}
#detailsFotoContainer { position:relative;display:block; height:290px;width:440px;}
#theXimage { height:285px;width:435px;}
#verhuurdDiv { position:absolute;top:0px;left:0px;z-index:15;width:200px;height:100px; }
#tab0 caption { display:none;}
#tab0 th { white-space:nowrap;display:inline-block; text-align:left; color:#b1a074 ; font-weight:bold; }
#tab0 hr { width:350px; height: 1px; border: none; color: #b1a074; background-color:#b1a074;}
#tab0 .kenmerkNaam { width:125px; text-align:left; color:#888 ; font-weight:normal}
#tab0 .kenmerkWaarde { width:90px; text-align:left; color:#666 ; font-weight:normal}
#tab0 .kenmerkFirst { border-top:none;}
/* ------------------------------------------------------------------------------ tab 1 --*/
#tab1 h2 { font-size:11px; color:#4e70b0; margin-bottom:10px;}
#tab1 #indeling { border:1px solid #999; border-top:none; font-size:10px; width:100%;}
#tab1 #indeling caption { text-align:left; background-color:#ece8df; color:#666; border:1px solid #999; border-bottom:none; padding:2px;
padding-left:10px; font-weight:bold; }
#tab1 #indeling th { white-space:nowrap; text-align:left; color:#b1a074 ; border-top:1px solid #ccc; font-weight:bold; padding-top:8px;
padding-left:10px; padding-right:25px; }
#tab1 #indeling td { padding:2px; padding-left:10px; padding-right:25px; vertical-align:top; }
#tab1 #omgeving { clear:both; display:inline-block; font-size:10px;}
#tab1 #omgevingCols { border:1px solid #999; border-bottom:none; border-top:none; width:817px;}
#tab1 #omgeving h2 { margin:0px; color:#666;}
#tab1 #omgeving .titel { text-align:left; background-color:#ece8df; color:#666; border-bottom:1px solid #999; padding:2px; padding-left:10px;}
#tab1 .omgevingCol { float:left; vertical-align:top; border:1px solid #aaa; border-right:none; border-bottom:none; width:100%;}
#tab1 #omgeving .locatie { font-weight:normal; padding-left:10px; padding-right:10px; border-bottom:1px solid #ccc; }
#tab1 #omgeving .afstand { text-align:right; font-weight:normal; padding-right:10px; border-bottom:1px solid #ccc; }
#tab1 #omgevingTekst { clear:left; font-size:10px; border:1px solid #aaa; border-top:0px; padding:10px; }
#tab1 #omgevingTekst th { white-space:nowrap; text-align:left; color:#b1a074 ; font-weight:bold; padding-right:25px; }
#tab1 #omgevingTekst td { padding-top:2px; padding-right:15px; vertical-align:top; }
#tab1 #omgevingTekst h2 { margin:0px; color:#666;}
#tab1 #omschrijvingIntro { clear:both; display:inline-block; height:182px; margin-bottom:10px; }
#tab1 #omschrijvingIntroImage{ float:left; width:300px;}
#tab1 #omschrijvingIntroText { float:left; width:515px; height:180px; overflow:auto;}
#tab1 .omschrijvingImg { height:174px;width:264px; border:3px solid #aaa;}
/* ------------------------------------------------------------------------------ tab 2 --*/
#tab2 h2 { font-size:11px; color:#4e70b0; margin-bottom:10px;}
#tab2 #top2 { clear:both; display:inline-block; margin-bottom:25px;}
#tab2 #top2 #images { float:left; width:400px; padding-right:15px;}
#tab2 #top2 #googlemap { float:left; width:400px; }
#top2 #foto2 { float:left;}
#top2 #foto2 img { border:4px solid #aaa; margin:0px; padding:0px; clear:both;}
#top2 #foto2 #nav2 { display:inline-block; width:393px; height:27px; padding-top:3px; border-top:0px; background-color:#aaa;}
#tab2 #beschrijving { clear:both; display:inline-block; padding-top:20px;}
#tab2 #beschrijving #wijk { float:left; width:400px; padding-right:15px;}
#tab2 #beschrijving #sit { float:left;}
#tab2 #bewoners { clear:both; display:inline-block; padding-top:0px;}
#tab2 #bewoners .titel { clear:both; display:block; }
#tab2 #bewoners.bewonersTitel { clear:both; display:block;}
#tab2 #bewoners .socio { float:left; width:400px; padding-right:15px; clear:left;}
#tab2 #bewoners .lifestyle { float:left; width:400px; clear:right;}
#tab2 #bewoners h3 { font-weight:bold; color:#666; font-size:11px; }
#tab2 #gegevens { clear:both; display:inline-block; padding-top:20px; }
#tab2 #gezin,
#tab2 #inkomen,
#tab2 #opleiding { float:left; margin-right:15px;}
#tab2 #opleiding { margin:0px;}
#tab2 #gegevens table { border:1px solid #666; border-bottom:1px solid #666; border-top:0px; width:255px; float:left; margin-right:10px;}
#tab2 caption { text-align:left; background-color:#ece8df; color:#666; border:1px solid #666; border-bottom:none;
padding-left:6px; font-weight:bold; font-size:10px;}
#tab2 td { padding-left:6px; padding-right:5px; border-top: 1px solid #eeeae0; margin:0px; font-size:10px;}
.percbarBG { display:inline-block; height:10px ; width:50px; background-color:#aaa;}
.percbarColor { background-color:#4e70b0; display:inline-block; height:10px;}
/* -------------------------------------| textpage layout |----------------------- */
#contentTitle { display:block; margin-top:15px;}
#contentTitle .houseCode { color:#4e70b0; font-weight:bold; }
#contentTitle h1 { padding-left:45px;}
#textPageLinks { padding-right:25px;}
#textPageLinks a { }
#textPageLinks img { border:0px;}
div#contentTitlePhone { float:left; line-height:28px; height:25px;}
/* -------------------------------------| city info layout |----------------------- */
#plaatsen h2 { font-weight:bold; font-size:12px; color:#4e70b0; margin-bottom:16px;}
#plaatsen h3 { font-weight:bold; font-size:12px; color:#b1a074; margin-top:10px;}
.cityartikel { clear:both; display:inline-block; border-bottom:1px solid #ccc; padding-top:10px; padding-bottom:10px;}
img.cityfoto { width:350px; display:block;}
img.cityfoto:hover { width:360px; display:block;}
.cityleft { float:left; width:350px; }
.cityright { float:left; padding-left:15px; width:442px; }
/* -------------------------------------| areas breda layout |----------------------- */
#wijken h2 { font-size:12px; font-weight:bold; color:#4e70b0; padding-bottom:5px; }
#wijken h3 { font-weight:bold; font-size:12px; color:#b1a074; }
#wijken .kaartTekst { position:absolute;margin-top:30px;margin-left:25px; }
#kaart_wijk { width: 50%; float: left; font-weight:normal; color:#333; text-decoration:none; font-size:9px;}
#kaart_wijk a { width: 50%; float: left; font-weight:normal; color:#333; text-decoration:none; font-size:9px;}
#kaart_wijk .titel { font-size:11px; font-weight:bold; color:#9999cc; display:block; width:135px; margin:0px; padding:0px;}
#container_dropdown_wijk { padding-left:160px;}
#container_dropdown_wijk select { font-size:11px; padding:0px; margin:0px;}
#fotos_wijk { width: 50%; float: left;}
#nav_wijk { margin-top:3px; padding-left:0px; margin-left:0px; }
#nav_wijk .selectBox { font-size:11px; padding-top:0px;}
#nav .selectBox { font-size:11px; padding-top:0px;}
#nav_wijk select { margin-left:0px;}
#foto_wijk img { border:4px solid #aaa; margin:0px; padding:0px; clear:both; margin-bottom:5px;}
#wijken #foto img { border:4px solid #aaa; margin:0px; padding:0px; clear:both; margin-bottom:5px;}
#nav_wijk .detailsVorige { width:80px; height:18px; float:left; text-align:center; padding-top:1px; padding-bottom:0px; margin-left:23px;}
#nav_wijk .detailsVolgende { width:80px; height:18px; float:left; text-align:center; padding-top:1px; padding-bottom:0px; margin-left:5px;}
#beschrijving_wijk_titel { padding-top:15px;padding-bottom:10px; }
#beschrijving_wijk { margin-bottom:15px;}
#inleiding_wijkbewoners { border-bottom:1px solid #ccc; margin-bottom:15px;}
#beschrijving_wijkbewoners_titel {font-size:12px; font-weight:bold; color:#4e70b0; padding-bottom:5px;}
#beschrijving_wijkbewoners {padding-top:15px; border-bottom:1px solid #ccc; margin-bottom:15px; }
#wijken #gegevens table { border:1px solid #666; border-bottom:1px solid #666; border-top:0px; width:250px; float:left; margin-right:10px;}
#wijken #gegevens caption { text-align:left; background-color:#ece8df; color:#666; border:1px solid #666; border-bottom:1px solid #666; text-indent:5px; font-weight:bold; }
#wijken #gegevens td { text-indent:0px; padding-right:5px; border-top: 1px solid #eeeae0; margin:0px; font-size:10px;}
#beschrijving_cijfers_titel { padding-bottom:15px;}
.wijken_info { margin-bottom:15px;}
/* -------------------------------------| contact page layout |----------------------- */
#contactContainer { margin:25px; margin-bottom:0px; margin-top:10px; padding:20px; background-color:#ffffff; }
#contactContainer h2 { font-weight:bold; font-size:12px; color:#4e70b0; }
#contactContainer h3 { font-weight:bold; font-size:12px; color:#4e70b0; }
#contactleft { float:left; border:1px solid #c2c0bc; padding:0px; margin:0px; width:500px; }
#contactright { float:left; width:280px; padding-left:0px; border:1px solid #c2c0bc; margin-left:10px; }
#contactright h2 { padding-top:10px;}
.contactRow { display:inline-block; padding-top:10px; width:490px; clear:left; padding:5px; padding-bottom:5px; }
.contactColLeft { float:left; width:200px; padding-top:10px; padding-bottom:8px; padding-left:10px; clear:left; }
.contactColLeft textarea { height:61px; width:180px; font-family:Verdana, Arial, sans-serif; font-size:11px;}
.contactColRight { float:left; width:270px; padding-top:10px; padding-bottom:8px; padding-left:0px; clear:right;}
.contactColRight select { font-family:Verdana, Arial, sans-serif; width:257px; font-size:11px; }
.cformColLeft { float:left; width:200px; padding-top:3px; padding-bottom:0px; padding-left:10px; clear:left; }
.cformColRight { float:left; width:270px; padding-top:3px; padding-bottom:0px; padding-left:0px; clear:right;}
.cformColRight input { height:15px; width:250px; margin:0px; padding:0px; padding-left:3px;font-family:Verdana, Arial, sans-serif; font-size:11px; }
.cformColRight select { font-family:Verdana, Arial, sans-serif; width:257px; font-size:11px; }
.contactColTitle { display:inline-block; padding-top:10px; clear:left; padding:5px; padding-bottom:0px;}
.contactColTitleRight { display:inline-block; padding-top:10px; clear:left; padding:10px; padding-bottom:10px;}
#contactleft .listSave { width:140px; float:left; text-align:center; font-size:11px; cursor:pointer; padding-top:2px;padding-bottom:2px;}
#contactleft .listView { width:140px; float:left; text-align:center; font-size:11px; cursor:pointer; padding-top:2px;padding-bottom:2px;}
#contactleft .addComment { width:150px; text-align:center; font-size:11px; cursor:pointer; padding-top:2px;padding-bottom:0px; height:18px;}
.bggrey { background-color:#f4f4f4; }
.contactBgImage { background-image:url('/images/door.jpg'); background-position: 50% bottom; padding:10px; color:#000; font-size:11px; height:450px; line-height:20px;}
.contactColRight img { border:1px solid #999; width:95px; height:64px; float:left; margin-right:10px;}
.contactSendDiv { border-top:1px solid #ccc; background-color:#f4f4f4; padding:5px; padding-top:10px; padding-bottom:10px;}
.contactSend { padding:3px; text-decoration:none; padding-left:10px; padding-right:10px; font-weight:normal; font-size:11px; }
.routeField { border:1px solid #999; background-color:#fff; color:#999; font-size:10px; padding:2px; clear:left; width:200px; margin-bottom:5px;}
.routeSend { margin-left:0px; padding:3px; text-decoration:none; padding-left:10px; padding-right:10px; font-weight:normal; font-size:11px; }
/* -------------------------------------| bezichtigingen layout |----------------------- */
#housetable tr.even { text-align:left; vertical-align:top; background-color:#fff; padding:5px; vertical-align:top; border-bottom:1px solid #aaa; line-height:20px;}
#housetable tr.odd { text-align:left; vertical-align:top; background-color:#eee; padding:5px; vertical-align:top; border-bottom:1px solid #aaa; line-height:20px;}
#housetable td { vertical-align:top;border-bottom:1px solid #aaa;}
span.alert { color:red;}
div.subContent { border:1px solid #c2c0bc; padding:10px; position:relative;}
form#bezichtigingenForm label.frmLbl { display:block; float:left; width:48%;}
form#bezichtigingenForm select.frmSelect { display:block; float:left; width:48%; font-size:11px;}
form#bezichtigingenForm input.frmInput { display:block; float:left; width:48%; font-size:11px;}
#housesadded #housetable { border:1px solid #ccc; width:780px; vertical-align:top;}
#housesadded #housetable th { border-bottom:1px solid #ccc; background-color:#eeeae0; font-size:11px; font-weight:normal; text-align:left; padding-top:3px; padding-bottom:3px;
padding-left:10px; padding-right:10px;}
#housesadded #housetable td .even { text-align:left; vertical-align:top; background-color:#fff; padding:5px; vertical-align:top; line-height:25px;}
#housesadded #housetable td .odd { text-align:left; vertical-align:top; background-color:#eee; padding:5px; vertical-align:top; line-height:25px;}
#housesadded #housetable .first { padding-left:5px; overflow:hidden; width:300px;}
#housesadded #housetable .second select { width:50px; margin-top:5px;}
#housesadded #housetable .third select { width:75px; margin-top:5px;}
#housesadded #housetable .third textarea { width:225px; margin-top:5px; margin-bottom:5px;}
#housesadded .titelTussen ,
#housesadded .titeldatum { display:inline-block; width:76px;}
#housesadded .titeltoelichting { display:inline-block; width:76px; vertical-align:top;}
#housesadded #housetable td select { font-family:verdana, arial; font-size:10px; width:65px;}
#housesadded #housetable td textarea { font-family:verdana, arial; font-size:10px; height:30px; width:205px;}
#housesadded #housetable td .houseCode { color:#8080ff;}
/* -------------------------------------| huurder > bezichtigingen layout (na login) |----------------------- */
#bezichtigingenHuurder { padding:0px; margin:0px;}
#bezichtigingenHuurder table { border:1px solid #ccc; width:808px; vertical-align:top;}
#bezichtigingenHuurder tr.even { text-align:left; vertical-align:top; background-color:#fff; padding:5px; vertical-align:top; border-bottom:1px solid #aaa; line-height:20px;}
#bezichtigingenHuurder tr.odd { text-align:left; vertical-align:top; background-color:#eee; padding:5px; vertical-align:top; border-bottom:1px solid #aaa; line-height:20px;}
#bezichtigingenHuurder td { vertical-align:top;border-bottom:1px solid #aaa;}
#bezichtigingenHuurder th { border-bottom:1px solid #ccc; background-color:#eeeae0; font-size:11px; font-weight:normal; text-align:left; padding-top:3px; padding-bottom:3px;
padding-left:10px; padding-right:10px;}
#bezichtigingenHuurder .houseCode { color:#4e70b0; font-weight:bold;}
/* -------------------------------------| VERhuurder > bezichtigingen layout (na login) |----------------------- */
#bezichtigingenVerhuurder { padding:0px; margin:0px;}
#bezichtigingenVerhuurder table { border:1px solid #ccc; width:808px; vertical-align:top;}
#bezichtigingenVerhuurder tr.even { text-align:left; vertical-align:top; background-color:#fff; padding:5px; vertical-align:top; border-bottom:1px solid #aaa; line-height:20px;}
#bezichtigingenVerhuurder tr.odd { text-align:left; vertical-align:top; background-color:#eee; padding:5px; vertical-align:top; border-bottom:1px solid #aaa; line-height:20px;}
#bezichtigingenVerhuurder td { vertical-align:top;border-bottom:1px solid #aaa; padding-left:10px;}
#bezichtigingenVerhuurder th { border-bottom:1px solid #ccc; background-color:#eeeae0; font-size:11px; font-weight:normal; text-align:left; padding-top:3px; padding-bottom:3px;
padding-left:10px; padding-right:10px;}
#bezichtigingenVerhuurder .houseCode { color:#4e70b0; font-weight:bold;}
/* -------------------------------------| contact > bezichtigingen layout |----------------------- */
#bezichtigingen { display:inline-block; padding:15px; }
#bezichtigingen h3 { font-size:11px; font-weight:bold; color:#4e70b0;}
#bezichtigingen .navbtn { clear:both;display:inline-block; height:30px; padding-top:10px; background-color:#eee; text-align:center;}
#bezichtigingen .overzichtKader { border:1px solid #ccc; padding:10px; }
#bezichtigingen .formulierKader { border:1px solid #ccc; }
#bezichtigingen #col1 { float:left; width:369px; margin-right:10px; color:#000; padding:10px; padding-right:0px;}
#bezichtigingen #col2 { float:left; width:358px; color:#000; padding:10px; padding-left:20px;}
#bezichtigingen #col3 { float:left; width:359px; margin-right:10px; color:#000; padding:10px; padding-right:0px;}
#bezichtigingen #col4 { float:left; width:358px; color:#000; padding:10px; padding-left:20px;}
#bezichtigingen #col1 label { float:left; width:140px; margin-right:10px; color:#000;}
#bezichtigingen #col2 label { float:left; width:140px; margin-right:10px; color:#000;}
#bezichtigingen #col1 p { margin:0px; margin-bottom:2px; font-size:11px; }
#bezichtigingen #col2 p { margin:0px; margin-bottom:2px; font-size:11px; }
#bezichtigingen #col1 h3 { margin-bottom:8px;}
#bezichtigingen #col2 h3 { margin-bottom:8px;}
#bezichtigingen #col1 input { width:207px; font-size:11px;}
#bezichtigingen #col1 .radiobtn { width:15px; margin-bottom:5px; font-size:11px; }
#bezichtigingen #col1 select { width:207px; font-size:11px; }
#bezichtigingen #col2 select { width:147px; font-size:11px; }
#bezichtigingen #stTable1 input,
#bezichtigingen #stTable2 input { width:170px; text-align:left;}
#bezichtigingen #stTable3 input,
#bezichtigingen #stTable3 select,
#bezichtigingen #stTable4 select,
#bezichtigingen #stTable4 input { width:170px; text-align:left; font-size:11px; }
#bezichtigingen #conditions { clear:both; display:block; padding:10px; padding-top:0px; text-align:center; width:100%; text-align:center;}
#bezichtigingen .nextTab { width:100px;}
#bezichtigingen .contactSendDiv { background-color:#eee; text-align:center; padding:0px; }
#bezichtigingen .formlbltext { display:block; padding-left:10px; font-size:11px; color:#333; clear:both; width:100%; text-align:center; }
.bezichtigingOmschr {}
/* -------------------------------------| vergelijken layout |----------------------- */
#vergelijkRes { width:899px; overflow:auto; height:800px;}
#vergelijkenContainer { width:2000px; height:550px;}
.l0, .l1,.l2,.l3,.l4,.l5 { display:block; border-bottom:1px solid #999; padding-top:10px; padding-bottom:8px; padding-left:10px; }
.l0 { border-bottom:none;}
.l0 img { width:135px; border: solid 3px #ccc;}
.l1 .btnClass { width:115px; text-align:center; font-size:11px ; font-weight:bold;}
.l0 { height:140px;}
.l1 { height:120px;}
.l2 { height:20px;}
.l3 { height:100px;}
.l4 { height:180px;}
.l5 { height:110px;}
.vergelijkEven { float:left; width:165px; border-bottom:1px solid #aaa; background-color:#fff;}
.vergelijkOdd { float:left; width:165px; border-bottom:1px solid #aaa; background-color:#f2f2f2;}
#vergelijkenContainer h2 { font-size:11px; font-weight:bold; color:#4e70b0; margin:0px; padding:0px;}
/* -------------------------------------| woonwensen layout |----------------------- */
#woonwensenNav { background-color:#fff; width:100%; height:28px; overflow:visible; border-bottom:1px solid #aaa;}
#woonwensen .privacy { float:right;}
#woonwensenNav ul { margin:0px; padding:0px; width:480px; margin-bottom:-1px; float:left; margin-bottom:-1px;}
#woonwensenNav ul li { display:inline; padding:0px; margin:0px; list-style:none; margin-top:2px;margin-bottom:-1px;}
#woonwensenNav ul li a { float:left; height:16px; font-weight:normal; color:#333; text-decoration:none; display:inline; padding:5px; padding-left:10px; padding-right:10px; background-color:#eee; background-image:url(/images/bg_tabs_off.jpg); border:1px solid #aaa; }
#woonwensenNav ul li a.active { float:left; height:17px; text-decoration:none; padding:5px; padding-left:10px; padding-right:10px; background-color:#fff; background-image:url(/images/bg_tabs_on.gif); border-bottom:1px solid #fff;}
#woonwensenNav ul li a:hover { float:left; text-decoration:none; padding:5px; padding-left:10px; padding-right:10px; background-color:#fff; background-image:url(/images/bg_tabs_on.gif);}
.woonwensenTab { border:1px solid #aaa; border-top:0px; }
#woonwensen #tab0 { display:inline-block; padding:15px;}
#woonwensen #tab0 h3 { font-size:11px; font-weight:bold; color:#4e70b0;}
#woonwensen #tab1 h3 { font-size:11px; font-weight:bold; color:#4e70b0; display:inline-block;}
#woonwensen #tab1 , #tab2 { display:none; padding:15px; }
#woonwensen .navbtn { clear:both;display:inline-block; height:30px; padding-top:10px; background-color:#eee; text-align:center;}
#woonwensen #col1 { float:left; width:389px; margin-right:10px; color:#000;}
#woonwensen #col2 { float:left; width:358px; color:#000; padding-left:20px;}
#woonwensen #col3 { float:left; width:389px; margin-right:10px; color:#000;}
#woonwensen #col4 { float:left; width:358px; color:#000; padding-left:20px;}
#woonwensen label { width:170px; display:inline-block;}
#woonwensen #tab0 label { display:inline-block; float:left; width:38%; line-height:19px;}
#woonwensen #tab0 label span.req { color:red;}
#woonwensen #tab0 input.text { display:inline-block; float:left; width:207px; font-size:11px; margin-bottom:3px;}
#woonwensen #tab0 select.select { display:inline-block; float:left; width:212px; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
#woonwensen #tab0 textarea.textareaWide { width:350px; height:75px; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
#woonwensen #tab0 textarea.textareaSmall { width:207px; height:75px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
#woonwensen #tab0 p { padding:0px; margin:0px; margin-bottom:4px; padding-bottom:4px;}
#woonwensen #tab0 p.spacer { margin:0px; }
#woonwensen #tab0 span.inputInfo { line-height:19px; float:left;}
#woonwensen #tab1 label { display:inline-block; float:left; width:180px; line-height:19px;}
#woonwensen #tab1 label span.req { color:red;}
#woonwensen #tab1 input.text { display:inline-block; float:left; width:170px; font-size:11px; margin-bottom:5px;}
#woonwensen #tab1 select { display:inline-block; float:left; width:177px; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
#woonwensen #tab1 select.dateSelectDay { width:55px;margin-bottom:0px; }
#woonwensen #tab1 select.dateSelectMonth { width:55px;margin-bottom:0px; }
#woonwensen #tab1 select.dateSelectYear { width:67px;margin-bottom:0px; }
#woonwensen #tab1 textarea { width:170px; height:75px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
#woonwensen #tab1 p { padding:0px; margin:0px; margin-bottom:3px; }
#woonwensen #tab1 p.spacer { margin:0px; }
#woonwensen #tab1 span.inputInfo { line-height:19px; float:left;}
#woonwensen #tab1 textarea { width:170px; height:75px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
#woonwensen #tab1 textarea.big { width:350px; height:75px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
#woonwensen #tab1 p { padding:0px; margin:0px; margin-bottom:3px; }
#woonwensen #tab1 p.spacer { margin:0px; }
#woonwensen #tab1 span.inputInfo { line-height:19px; float:left;}
#woonwensen #conditions { clear:both; display:inline-block; padding:10px; text-align:center;}
#woonwensen .nextTab { width:100px;}
#changeLogin { border:1px solid #f00; padding:10px; margin-bottom:10px;}
#changeLogin input { margin:3px; height:15px;}
#changeLogin .nextTab { text-align:center;}
/* -- pClass -- */
.msgError { color:#f00; }
.msgOK { color:#0c0; }
/* -----------------------| huurder - ingelogd |---------------------------------------------- */
.persPage { background-color:#eeeadf; padding:10px;margin-bottom:10px; border:1px solid #ccc; }
.persPageLeft { float:left;margin-bottom:10px;}
.persPageRight { float:left;width:220px;margin-left:10px;margin-bottom:10px; }
/* -----------------------| verhuurder - ingelogd |---------------------------------------------- */
.woning_formulier_container { border:1px solid #aaa; border-top:0px; }
#woning_formulier { display:inline-block; padding:15px; width:778px; }
#woning_formulier h3 { font-size:11px; font-weight:bold; color:#4e70b0; display:inline-block;}
#woning_formulier .navbtn { clear:left;display:block; height:30px; padding-top:10px; background-color:#eee; text-align:center;}
#woning_formulier #col1 { float:left; width:389px; margin-right:10px; color:#000; position:relative;}
#woning_formulier #col4 { float:left; width:358px; color:#000; padding-left:20px; position:relative;}
div.woning_formulier_container label { display:inline-block; float:left; width:48%; line-height:19px;}
div.woning_formulier_container label span.req { color:red;}
div.woning_formulier_container input.text { display:inline-block; float:left; width:177px; font-size:11px; margin-bottom:5px;}
div.woning_formulier_container select.select { display:inline-block; float:left; width:182px; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
div.woning_formulier_container textarea.textareaWide { width:350px; height:75px; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
div.woning_formulier_container textarea.textareaSmall { width:177px; height:75px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
div.woning_formulier_container p { padding:0px; margin:0px; margin-bottom:3px; color:#666;}
div.woning_formulier_container p.spacer { margin:0px; }
div.woning_formulier_container span.inputInfo { line-height:19px; float:left;}
/* -----------------------| verhuurder - uw woningen NA inloggen |----------------------- */
#woningen_woninglijst { width:100%; margin-bottom:10px; border:1px solid #ccc; padding:0px;margin-top:5px;}
#woningen_woninglijst th { background-color:#eeeae0; color:#666666; font-weight:normal; font-size:10px; height:22px; text-align:left; text-indent:5px; line-height:16px; white-space:nowrap; height:22px;}
#woningen_woninglijst td { text-align: left; padding-left: 5px; height: 25px; vertical-align: middle; text-indent:0px;}
#woningen_woninglijst td a { font-weight:normal;}
#woningen_woninglijst td.Even { background-color:#fff;}
#woningen_woninglijst td.Odd { background-color:#f2f2f2;}
/*
.verdiepingTabel { font-size:11px; color:#666; line-height:19px; width:700px;}
.verdiepingTabel th { font-weight:bold; background-color:#eeeae0; color:#666666; }
*/
/* -- woning wijzigen -- */
#woningIndeling {}
#woningIndeling .verdieping { width:100%;margin-bottom:20px; display:block; }
#woningIndeling .verdieping table { width:780px;; }
#woningIndeling .verdiepingTabel { font-size:11px; color:#666; line-height:19px; width:780px;}
#woningIndeling .verdiepingTabel th { font-weight:bold; background-color:#eeeae0; color:#666666; text-align:left; padding:2px;}
#woningIndeling .verdiepingTabel td { font-weight:normal; color:#666666; text-align:left; padding:2px; border-bottom:1px solid #eee;}
#woningIndeling .verdiepingTabel td select,
#woningIndeling .verdiepingTabel td input { border:1px solid #aaa;font-size:11px; color:#333;}
#woningIndeling .verdiepingTabel td a { font-weight:normal;}
#woningomgeving { }
#woningomgeving h2 { font-size:11px; font-weight:bold; color:#4e70b0; display:inline-block;}
/* -----------------------| verhuurder - aanmelden samenwerking layout |----------------------- */
#samenwerking { margin-top:10px;}
#samenwerkingNav { background-color:#fff; width:100%; height:28px; overflow:visible; border-bottom:1px solid #aaa;}
#samenwerking .privacy { float:right; padding-top:10px; }
#samenwerkingNav ul { margin:0px; padding:0px; width:580px; margin-bottom:-1px; float:left; margin-bottom:-1px;}
#samenwerkingNav ul li { display:inline; padding:0px; margin:0px; list-style:none; margin-top:2px;margin-bottom:-1px;}
#samenwerkingNav ul li a { float:left; height:16px; font-weight:normal; color:#333; text-decoration:none; display:inline; padding:5px; padding-left:10px; padding-right:10px;
background-color:#eee; background-image:url(/images/bg_tabs_off.jpg); border:1px solid #aaa; }
#samenwerkingNav ul li a.active { float:left; height:17px; text-decoration:none; padding:5px; padding-left:10px; padding-right:10px; background-color:#fff;
background-image:url(/images/bg_tabs_on.gif); border-bottom:1px solid #fff;}
#samenwerkingNav ul li a:hover { float:left; text-decoration:none; padding:5px; padding-left:10px; padding-right:10px; background-color:#fff; background-image:url(/images/bg_tabs_on.gif);}
.samenwerkingTab { border:1px solid #aaa; border-top:0px; padding-top:20px; }
.samenwerkingTabNaLogin { border:1px solid #aaa; border-top:1px solid #aaa;}
#samenwerking #tab0 { display:inline-block; padding:15px; padding-top:30px; }
#samenwerking #tab0 h3 { font-size:11px; font-weight:bold; color:#4e70b0;}
#samenwerking #tab1 h3 { font-size:11px; font-weight:bold; color:#4e70b0; display:inline-block;}
#samenwerking #tab1 ,
#samenwerking #tab2 { display:none; padding:15px; width:777px;}
#samenwerking #tab2_bevestigingstekst { display:none; }
#samenwerking .navbtn { clear:left;display:block; height:30px; padding-top:10px; background-color:#eee; text-align:center;}
#samenwerking #col1 { float:left; width:389px; margin-right:10px; color:#666; }
#samenwerking #col2 { float:left; width:358px; color:#666; padding-left:20px; }
#samenwerking #col3 { float:left; width:360px; margin-right:10px; color:#666; }
#samenwerking #col4 { float:left; width:358px; color:#666; padding-left:20px; }
#samenwerking #conditions { clear:both; display:inline-block; padding:10px; text-align:center;}
#samenwerking .nextTab { width:100px; margin-left:auto; margin-right:auto;}
#tab1_woningformulier { width:100%;margin:0px;padding:0px;}
#samenwerking #tab0 label { display:inline-block; float:left; width:38%; line-height:19px;}
#samenwerking #tab0 label span.req { color:red;}
#samenwerking #tab0 input.text { display:inline-block; float:left; width:207px; font-size:11px; margin-bottom:3px;}
#samenwerking #tab0 select.select { display:inline-block; float:left; width:212px; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
#samenwerking #tab0 textarea.textareaWide { width:350px; height:75px; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
#samenwerking #tab0 textarea.textareaSmall { width:207px; height:75px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
#samenwerking #tab0 p { padding:0px; margin:0px; margin-bottom:2px; }
#samenwerking #tab0 p.spacer { margin:0px; }
#samenwerking #tab0 span.inputInfo { line-height:19px; float:left;}
#samenwerking #tab1 label { display:inline-block; float:left; width:180px;; line-height:19px;}
#samenwerking #tab1 label span.req { color:red;}
#samenwerking #tab1 input.text { display:inline-block; float:left; width:170px; font-size:11px; margin-bottom:5px;}
#samenwerking #tab1 select.select { display:inline-block; float:left; width:177px; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
#samenwerking #tab1 textarea.textareaWide { width:350px; height:75px; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
#samenwerking #tab1 textarea.textareaSmall { width:170px; height:75px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
#samenwerking #tab1 p { padding:0px; margin:0px; margin-bottom:3px; }
#samenwerking #tab1 p.spacer { margin:0px; }
#samenwerking #tab1 span.inputInfo { line-height:19px; float:left;}
#samenwerking #tab1 .dateSelectDay { width:40px; font-size:10px;}
#samenwerking #tab1 .dateSelectMonth { width:80px; font-size:10px;}
#samenwerking #tab1 .dateSelectYear { width:45px; font-size:10px;}
#samenwerking #tab2_woninglijst { width:770px;}
#ajaxWoninglijst { width:100%; margin-bottom:10px; border:1px solid #ccc; padding:0px;}
#ajaxWoninglijst th { background-color:#eee; text-align:left; white-space:nowrap; text-indent:10px;}
/* Upload form in het aanmeldformulier */
div.uploadFormDiv { padding-left:5px; padding-bottom:5px; background-color:#eee; color:#666;}
.Contactsendbutton { margin:0px 0px 0px 0px; padding: 0px 0px 2px 0px; border:1px solid #000000; background:#4e70b0; color:#ffffff; text-align:center; width:90px; height:21px;
background-color:#4e70b0; cursor:pointer; }
/* -----------------------| verhuurder - persoonlijke pagina layout NA inloggen |----------------------- */
.persoonlijkePaginaIntro { background-color:#eeeadf; padding:10px;margin-bottom:10px; border:1px solid #aaa; width:787px;}
.persoonlijkePaginaIntroText { float:left;margin-bottom:10px; width:550px; }
.persoonlijkePaginaIntroText a { font-weight:normal;}
.persoonlijkePaginaIntroText ul { margin:0px; padding:20px;}
.persoonlijkePaginaVan { float:left;width:225px;margin-left:10px;margin-bottom:10px;color:#4e70b0; font-weight:bold;}
/* -------------------------------------| mailafriend layout |----------------------- */
#mailafriend { overflow:hidden;}
#mailafriend h3 { font-size:11px; font-weight:bold; color:#4e70b0;}
#mailafriend #adresinfo { display:inline-block; clear:both; margin-bottom:10px; }
#mailafriend #adresinfo label { width:120px;display:inline-block;padding-top:10px;}
#mailafriend #recipient { float:left; width:400px;}
#mailafriend #recipient label { width:120px; }
#mailafriend #recipient input { width:200px; }
#mailafriend #sender { float:left; width:350px; border-left:1px solid #ccc; padding-left:40px;}
#mailafriend #sender label { width:120px; }
#mailafriend #sender input { width:200px; }
#mailafriend #messageinfo { display:inline-block; clear:both; border-top:1px solid #ccc; margin-top:10px; padding-top:10px; width:805px; }
#mailafriend #messageLeft { float:left; width:500px; margin-right:25px;}
#mailafriend #messageLeft label { width:120px;display:inline-block;padding-top:10px;}
#messageLeft #addHouse { display:inline-block; clear:both; padding-top:10px; }
#messageLeft .messageBtn { width:140px; text-align:center; height:20px; overflow:hidden; float:left; font-size:11px; padding-top:2px; }
#messageLeft #housesadded { margin-bottom:10px; padding-bottom:25px; border-bottom:1px solid #ccc;}
#mailafriend #messageRight { float:left; width:250px;}
#mailafriend #textarea { width:337px; height:120px;}
#messageLeft select { display:inline-block; clear:right;}
#mailafriend #sendafriend { clear:both; background-color:#eee; width:785px; display:inline-block; padding:10px; text-align:center;}
#mailafriend .mailfriendbtn { width:120px; font-size:11px; height:20px; margin-left:auto; margin-right:auto;}
#mailafriend a { text-decoration:none; display:block;}
#mailafriend #housetable { width: 497px; border:1px solid #999;}
#mailafriend #housetable td { padding:5px;}
#mailafriend thead th { text-align:left; background-color:#eee; color:#999; border-bottom:1px solid #999; font-size:11px;}
#mailafriend .first { display:table-cell; width:120px;}
/* -------------------------------------| persoonlijke pagina |----------------------- */
#pp_login { margin-top:15px; padding-top:15px;}
/* -------------------------------------| sitemap pagina |----------------------- */
#sitemap { margin-left:20px; padding-left:10px;}
#sitemap a { text-decoration:none; font-weight:normal;}
#sitemap a:hover { text-decoration:underline;}
#sitemap li { margin-left:10px;}
#sitemap li ul { margin-left:10px;}
/* -------------------------------------| evaluatie pagina |----------------------- */
#evaluationPage {}
#evaluationPage .evaluationColLeft { float:left;width:370px;margin-right:30px;}
#evaluationPage .evaluationColRight { float:left;width:360px;}
#evaluationPage .title { color:#4e70b0; font-weight:bold; }
#evaluationPage .verplicht { color:#f00;}
#evaluationPage .row { clear:both;}
#evaluationPage .formLeft { float:left;width:300px;margin-right:30px;}
#evaluationPage .formRight { float:left;width:360px;}
/* -------------------------------------| basic grid layout |----------------------- */
#woningenpopup { width:880px; overflow:hidden;}
#woningenpopup .comparebtns { width:260px;}
#woningenpopup .nextTab { float:left; width:100px; text-align:center; }
/* -------------------------------------| basic grid layout |----------------------- */
.tblClass { border:1px solid #999; line-height:16px; font-size:10px;}
.tblHeader { background-color:#ece8df; padding-bottom:3px; padding-top:3px; padding-left:10px; font-weight:bold; color:#666;}
.tblCell { border-top:1px solid #666;}
#footerLinks { text-align:right;margin-top:5px;padding-top:10px;margin-left:25px; margin-right:25px; font-size:10px;}
#footerLinks #leftLinks { text-align:left;}
#footerLinks #rightLinks { text-align:right; float:right;}
#listabout ul { margin-left:0px; padding-left:15px; list-style-type:square; color:#4e70b0;}
#listabout ul li { margin-left:0px; color:#666;}
/* -------------------------------------| overruled layout |----------------------- */
.noBorder { border:0px solid #fff;}
.toLeft { float:left;}
.toRight { float:right; text-align:right;}
.backtoprepage { padding-top:5px; padding-right:25px; float:right; font-family:Verdana; font-size:10px; font-weight:bold; text-align:right; text-decoration:underline; color:#4e70b0; }
.tLink { text-decoration:underline;}
.meldingClass { color:#a00; padding:8px; display:block; clear:both; border:1px solid #a00; margin:5px;}
span.req { color:red;}
/* -------------------------------------| 404 error |----------------------- */
#error404 { margin-left:auto; margin-right:auto; width:404px; height:100px; background-color:#fff; border:1px solid #ccc; padding:15px;}
#error404 h2 { font-size: 18px; margin-bottom:7px; }
/*---------------------------------------
Clearfix
---------------------------------------*/
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}