html
{
height : 100%;
}
body.site
{
margin : 0px;
padding : 0px;
font-family : verdana;
color : #000000;
font-size : 10pt;
line-height : 16pt;
height : 100%;
color : #333;
overflow-x : hidden;
}
div#remarkWindow
{
z-index : 50;
height : 200px;
display : none;
width : 285px;
}
div.soap_error
{
position : absolute;
top : 0px;
height : 100%;
width : 100%;
background-color : #ffffff;
color : #000000;
font-weight : 900;
z-index : 40;
filter : alpha(opacity=60);
-moz-opacity : 0.6;
opacity : 0.6;
}
div#disableScherm
{
position : absolute;
top : 0px;
height : 100%;
width : 100%;
background-color : #ffffff;
visibility : hidden;
text-align : center;
padding-top : 250px;
color : #000000;
font-weight : 900;
z-index : 40;
filter : alpha(opacity=60);
-moz-opacity : 0.6;
opacity : 0.6;
}
div.soap_error_melding
{
position : absolute;
top : 250px;
height : 250px;
left : 50%;
margin-left : -250px;
width : 500px;
background-color : #ff0000;
color : #ffffff;
border : 5px solid #000000;
font-weight : 900;
z-index : 50;
padding : 5px;
}
div#winkelwagenError
{
position : absolute;
right : 0px ;
-right : 0px ;
/*bottom : 0px;*/
width : 216px;
-width : 236px;
height : 216px;
-height : 236px;
background-color : #ffffff;
visibility : hidden;
border : 10px solid #ff0000;
z-index : 25;
}
/***************************** LAYOUT *************************************/
div#container
{
position : absolute;
left : 50%;
margin-left : -502px;
width : 1004px;
height : 100%;
border-left : 1px solid #808080;
}
div#header
{
background-image : url(/images/header_background.gif);
background-repeat : repeat-x;
float : left;
}
div#header_menus
{
width : 1004px;
float : left;
/*background-color : #DCDCDC;*/
}
div.content
{
position : absolute;
height : 150px;
overflow-y : auto;
width : 1004px;
top : 144px;
left : 0px;
scrollbar-base-color : #808080;
scrollbar-arrow-color : #ffffff;
scrollbar-highlight-color: #808080;
scrollbar-shadow-color : #808080;
scrollbar-dark-shadow-color: #808080;
scrollbar-track-color : #DCDCDC;
scrollbar-3d-light-color: #808080;
scrollbar-face-color : #808080;
margin : 0px;
padding : 0px;
}
/***************************** EINDE LAYOUT *************************************/
a:link
{
font-family : verdana;
color : #000000;
font-size : 10pt;
line-height : 16pt;
text-decoration : underline;
}
a:visited
{
color : #333;
text-decoration : underline;
}
a:active
{
color : #333;
text-decoration : underline;
}
a:hover
{
color : #FF0000;
text-decoration : underline;
}
h1
{
font-family : verdana;
color : #FF0000;
font-size : 10pt;
font-weight : 900;
line-height : 16pt;
text-transform : capitilize;
}
h2
{
font-family : verdana;
color : #FF0000;
font-size : 10pt;
font-weight : 900;
line-height : 16pt;
}
h3
{
font-size : 11px;
}
h4
{
font-size : 12px;
color : #ff0000;
font-weight : 900;
}
h5
{
font-size : 11px;
text-transform : capitilize;
}
h6
{
}
table
{
font-family : verdana;
color : #000000;
font-size : 10pt;
line-height : 16pt;
}
/******************************************************* EINDE ALGEMEEN *******************************************************/
/********************************************************** HEADER ************************************************************/
div.header_logo
{
width : 503px;
height : 51px;
float : left;
font-size : 0px;
background-color : #CCCCCC;
}
div.disclaimer
{
width : 1004px;
height : 30px;
float : left;
background-color : #DCDCDC;
}
div.disclaimer table tr td
{
font-size /* noresize */ : 10pt;
}
div.header_right
{
width : 500px;
height : 45px;
float : right;
background-image : url(/images/header_background.gif);
background-repeat : repeat-x;
background-color : #CffCCC;
padding-top : 5px;
}
div.header_right input
{
border : 1px solid #000000;
width : 68px;
height : 12px;
-height : 16px;
font-size : 10px;
}
div.header_right input.inputveld
{
margin-bottom: 3px;
-margin-bottom: 0px;
}
div.header_right input.ingelogd
{
border : 1px solid #000000;
width : 120px;
height : 12px;
-height : 16px;
font-size : 10px;
color : #FF0000;
}
div.header_right input.nietingelogd
{
color : #CCCCCC;
}
div.kader_rechts div.searchengine_list input
{
border : 1px solid #000000;
width : 119px;
height : 12px;
-height : 16px;
font-size : 10px;
}
div.kader_rechts div.searchengine_list a.searchengine_search_link img
{
border-top : 1px solid #000000;
border-right : 1px solid #000000;
border-bottom : 1px solid #000000;
border-left : none;
width : 17px;
height : 14px;
}
div.kader_rechts div.searchengine_list div.searchengine_list_row
{
margin-bottom : 10px;
}
div.header_logo h1
{
display : none;
}
/* EINDE HEADER */
/* SUBHEADER */
div.subheader
{
height : 28px;
background-color : #D6D4AB;
}
/* EINDE SUBHEADER */
/* SECTION NAVIGATION */
ul.sectionnavigation
{
margin : 0px;
float : left;
font-size /* noresize */ : 12px;
width : 1004px;
display : block;
list-style : none;
padding : 0px;
background-color : #FF0000;
border-top : 1px solid #000000;
border-bottom : 1px solid #000000;
}
ul.sectionnavigation li
{
float : left;
font-size /* noresize */ : 12px;
text-align : center;
width : 124px;
-width : 125px;
height : 30px;
line-height : 30px;
color : #FFFFFF;
background-color : #FF0000;
border-left : 1px solid #000000;
text-transform : uppercase;
}
ul.sectionnavigation li.actief
{
float : left;
font-size /* noresize */ : 12px;
text-align : center;
width : 124Px;
-width : 125px;
height : 30px;
line-height : 30px;
color : #FF0000;
background-color : #FFFFFF;
border-left : 1px solid #000000;
text-transform : uppercase;
}
ul.sectionnavigation li#Contact
{
width : 128px;
-width : 129px;
}
ul.sectionnavigation li a.actief
{
font-weight : bold;
font-size /* noresize */ : 12px;
text-decoration : none;
color : #FF0000;
}
ul.sectionnavigation li a:hover.actief
{
}
ul.sectionnavigation li a:visited.actief
{
color : #FF0000;
}
ul.sectionnavigation li a
{
font-weight : bold;
font-size /* noresize */ : 12px;
text-decoration : none;
color : #FFFFFF;
position : relative;
-top : 4px;
}
ul.sectionnavigation li a:hover
{
text-decoration : none;
}
ul.sectionnavigation li a:visited
{
position : relative;
top : 0px;
text-decoration : none;
color : #FFFFFF;
-top : 0px;
}
/* EINDE SECTION NAVIGATION */
/* HULP NAVIGATION */
ul.hulpnavigation
{
margin : 5px;
float : right;
font-size /* noresize */ : 10pt;
display : block;
list-style : none;
padding : 0px;
}
ul.hulpnavigation li
{
float : left;
padding-left : 10px;
font-size /* noresize */ : 10pt;
}
ul.hulpnavigation a
{
font-weight : bold;
font-size /* noresize */ : 10pt;
}
ul.hulpnavigation a:hover
{
color : #FFF;
font-size /* noresize */ : 10pt;
}
/* EINDE HULP NAVIGATION */
/************************************************** EINDE HEADER NAVIGATION ***************************************************/
/********************************************************* FOOTER *************************************************************/
div.footer
{
position : absolute;
top : 98%;
left : 50%;
font-size : 8pt;
}
/****************************************************** EINDE FOOTER **********************************************************/
/******************************************************* NAVIGATION ***********************************************************/
div.navigation_left
{
float : left;
width : 170px;
height : 100%;
}
div.navigation_right
{
float : right;
width : 170px;
height : 100%;
}
ul.navigation_section
{
padding-left : 15px;
list-style-type : none;
}
/* INACTIVE ITEM */
ul.navigation_section li
{
}
ul.navigation_section li a
{
}
ul.navigation_section li a:hover
{
}
ul.navigation_section li a:active
{
}
/* ACTIVE ITEM */
ul.navigation_section li.active
{
}
ul.navigation_section li.active a
{
}
ul.navigation_section li.active a:hover
{
}
ul.navigation_section li.active a:active
{
}
ul.navigation_level1
{
margin : 0px;
font-size /* noresize */ : 12px;
width : 1004px;
display : block;
list-style : none;
padding : 0px;
height : 30px;
color : #FFFFFF;
background-color : #DCDCDC;
border-bottom : 1px solid #000000;
}
ul.inschrijven{
padding-left : 0px;
float : left
}
ul.huren{
padding-left : 125px;
position : relative;
width : 879px;
-width : 1004px;
}
ul.kopen{
padding-left : 250px;
position : relative;
width : 754px;
-width : 1004px;
}
ul.ruilen{
padding-left : 375px;
position : relative;
width : 629px;
-width : 1004px;
}
ul.hoewat{
padding-right : 253px;
text-align : right;
position : relative;
width : 751px;
}
ul.kiezen{
padding-right : 378px;
text-align : right;
position : relative;
width : 626px;
-width : 1004px;
}
ul.mijnpagina{
padding-right : 128px;
text-align : right;
position : relative;
width : 876px;
-width : 1004px;
}
ul.contact{
padding-right : 0px;
float : right;
}
/* INACTIVE ITEM */
ul.navigation_level1 li
{
text-align : center;
height : 30px;
line-height : 30px;
background-color : #808080;
border-right : 0px solid #000000;
border-left : 1px solid #000000;
text-transform : uppercase;
font-size /* noresize */ : 12px;
font-weight : bold;
color : #FFFFFF;
}
li.inschrijven{
float : left
}
li.huren{
float : left
}
li.kopen{
float : left
}
li.ruilen{
float : left
}
li.hoewat{
float : right;
}
li.mijnpagina{
float : right;
}
li.kiezen{
float : right;
}
li.contact{
float : right;
}
ul.navigation_level1 li a:link
{
font-size /* noresize */ : 11px;
color : #FFFFFF;
text-decoration : none;
background-color : #808080;
padding-left : 10px;
padding-right : 10px;
line-height : 30px;
padding-top : 7px;
padding-bottom : 7px;
-padding-top : 8px;
-padding-bottom : 8px;
}
ul.navigation_level1 li a:visited
{
font-size /* noresize */ : 11px;
color : #FFFFFF;
padding-top : 8px;
padding-bottom : 8px;
padding-left : 10px;
padding-right : 10px;
text-decoration : none;
}
ul.navigation_level1 li a:hover
{
font-size /* noresize */ : 11px;
color : #FFFFFF;
text-decoration : none;
background-color : #DCDCDC;
padding-top : 7px;
padding-bottom : 7px;
-padding-top : 8px;
-padding-bottom : 8px;
padding-left : 10px;
padding-right : 10px;
}
ul.navigation_level1 li a:active
{
font-size /* noresize */ : 11px;
color : #FFFFFF;
padding-left : 10px;
padding-right : 10px;
padding-top : 8px;
padding-bottom : 8px;
}
a.level1:visited
{
color : #FFFFFF;
padding-left : 10px;
padding-right : 10px;
padding-top : 7px;
padding-bottom : 7px;
}
/* ACTIVE ITEM */
ul.navigation_level1 li.active
{
font-size /* noresize */ : 11px;
background-color : #DCDCDC;
color : #FFFFFF;
}
ul.navigation_level1 li.active a
{
font-size /* noresize */ : 11px;
background-color : #DCDCDC;
color : #FFFFFF;
padding-left : 10px;
padding-right : 10px;
padding-top : 7px;
padding-bottom : 7px;
-padding-top : 8px;
-padding-bottom : 8px;
}
ul.navigation_level1 li.active a:hover
{
font-size /* noresize */ : 11px;
color : #FFFFFF;
padding-left : 10px;
padding-right : 10px;
padding-top : 7px;
padding-bottom : 7px;
-padding-top : 8px;
-padding-bottom : 8px;
}
ul.navigation_level1 li.active a:active
{
font-size /* noresize */ : 12px;
color : #FFFFFF;
}
/****************************************************** EINDE NAVIGATION ******************************************************/
/********************************************************* PAGESELECT *********************************************************/
a.pageselect_firstpage_link
{
padding : 5px;
font-size : 8pt;
}
span.pageselect_firstpage_text
{
padding : 5px;
font-size : 8pt;
}
a.pageselect_previouspage_link
{
padding : 5px;
font-size : 8pt;
}
span.pageselect_previouspage_text
{
padding : 5px;
font-size : 8pt;
}
a.pageselect_currentpage_link
{
padding : 5px;
font-size : 8pt;
}
a.pageselect_currentpage_text
{
padding : 5px;
font-weight : bold;
font-size : 8pt;
}
a.pageselect_nextpage_link
{
padding : 5px;
font-size : 8pt;
}
span.pageselect_nextpage_text
{
padding : 5px;
font-size : 8pt;
}
a.pageselect_lastpage_link
{
padding : 5px;
font-size : 8pt;
}
span.pageselect_lastpage_text
{
padding : 5px;
font-size : 8pt;
}
/****************************************************** EINDE PAGESELECT ******************************************************/
div.woning_foto_layer
{
z-index : 500;
position : absolute;
}
/** Module Woning **/
table.woning_searchresult
{
width : 100%;
padding : 0px;
margin : 0px;
border-collapse : collapse;
}
table.woning_searchresult tr.resultfields td.adres
{
width : 160px;
}
table.woning_searchresult tr.resultfields td.adres a.loting
{
font-size : 9px;
color : #FF0000;
}
table.woning_searchresult_status,
table.woning_details_status,
/***
table.table.details,
table.table.details table.menu,
table.table.details tr.detailsheader table.detailsheader,
Dit is veranderd voor het submenu waar allemaal spacings in zaten in FF
***/
table.details,
table.menu,
table.details tr.detailsheader table.detailsheader,
table.table.details tr.content table.content,
/*
table.table.details tr.content table.content td.middle table.middle,
*/
table.woning_search_status
{
width : 100%;
height : 100%;
border-collapse : collapse;
}
table.verantwoording
{
width : 100%;
border-collapse : collapse;
}
table.woning_searchresult tr.sortfields th
{
font-weight : normal;
text-align : left;
vertical-align : top;
text-transform : uppercase;
padding : 6px 0px 6px 0px;
font-size : 9px;
}
table.woning_searchresult tr.sortfields td
{
font-weight : normal;
text-align : left;
text-transform : uppercase;
padding : 6px 0px 6px 0px;
font-size : 9px;
}
table.woning_searchresult tr.sortfields th a.sortlink
{
font-size : 9px;
}
table.woning_searchresult tr.sortfields th.sorttext
{
padding-left : 124px;
font-size : 9px;
}
table.woning_searchresult tr.resultfields
{
height : 82px;
margin : 0px;
padding : 0px;
}
table.woning_searchresult tr.resultfields td
{
margin : 0px;
padding : 10px 0px 6px 0px;
}
table.woning_searchresult tr.resultfields td.koopprijs a
{
font-weight : bold;
color : #1C98C3;
}
table.woning_searchresult tr.resultfields td.adres a
{
font-weight : bold;
text-decoration : none;
}
table.woning_searchresult tr.resultfields td.thumbnail
{
padding-top : 7px;
padding-left : 124px;
width : 105px;
}
table.woning_searchresult tr.resultfields td.thumbnail_koop
{
padding-top : 7px;
padding-left : 124px;
width : 118px;
}
table.woning_searchresult tr.resultfields td.thumbnail_koop_winkelwagen
{
padding-top : 7px;
padding-left : 124px;
width : 96px;
}
table.woning_searchresult tr.resultfields td.thumbnail_koop img
{
border : solid 1px #1C98C3;
}
table.woning_searchresult tr.resultfields td.thumbnail img
{
border : solid 1px red;
}
table.woning_searchresult_status tr td div.woning_searchresult table.woning_seachresult tr th a
{
color : #00FF00;
}
table.woning_details_status td.content
{
vertical-align : top;
padding : 0px;
}
/** statusbalk **/
td.statusbalk
{
border-left : solid 1px #808080;
width : 237px;
background-color : #FFCCCC;
vertical-align : top;
padding : 97px 0px 0px 0px;
}
td.statusbalk div
{
height : 70px;
padding : 9px 9px 9px 19px;
font-weight : normal;
line-height : 13pt;
font-size : 8pt;
}
td.smallHead
{
font-size : 10px;
}
td.statusbalk div.active
{
background-color : #FFFFFF;
}
td.statusbalk div h3
{
text-transform : uppercase;
color : red;
font-weight : bolder;
margin : 0px;
font-size : 10pt;
}
td.statusbalk div.active h3
{
font : bold 10pt/1em Verdana, sans-serif;
}
table.details td
{
padding : 0px;
vertical-align : top;
}
div.mijngegevenssub
{
position : absolute;
*position : relative;
top :144px;
*top : 0px;
height : 30px;
width : 1004px;
background-color : #ffe5e6;
border-bottom : 1px solid #000000;
}
div.mijngegevenssub table
{
margin-left : 84px;
}
div.mijngegevenssub table tr
{
height : 30px;
background-color : #FFE5E5;
}
div.woningdetailssub
{
position : absolute;
left : 0px;
top : 144px;
z-index : 500;
height : 30px;
background-color : #FFE5E5;
width : 750px;
}
div.newssub
{
position : absolute;
-position : relative;
left : 0px;
top : 144px;
-top : 0px;
height : 30px;
background-color : #FFE5E5;
width : 1004px;
z-index : 50;
}
div.woningdetailssub_koop
{
position : absolute;
-position : relative;
left : 125px;
top : 144px;
-top : 0px;
height : 30px;
width : 750px;
z-index : 50;
}
table.detailskoop tr.koop
{
background-color : #E8F5F9;
}
table.details tr.menu
{
height : 30px;
background-color : #FFE5E5;
}
table.details tr.koop
{
background-color : #E8F5F9;
}
table.details td.empty
{
width : 125px;
border-bottom : solid 1px #FFE5E5;
}
table.details td.koop
{
border-bottom : solid 1px #E8F5F9;
}
table.details td.woningdetails,
table.details td.foto,
table.details td.wijkinfo
{
height : 30px;
vertical-align : middle;
text-align : center;
color : #FFFFFF;
text-transform : uppercase;
background-color : #808080;
font-weight : 600;
font-size : 11px;
padding-left : 10px;
padding-right : 10px;
white-space : nowrap;
cursor : hand;
cursor : pointer;
}
table.details td.woningdetails
{
width : 1px;
border-left : solid 1px black;
border-bottom : solid 1px black;
border-right : solid 1px black;
}
table.details td.foto
{
width : 175px;
border-bottom : solid 1px black;
border-right : solid 1px black;
}
table.details td.wijkinfo
{
width : 1px;
border-bottom : solid 1px black;
border-right : solid 1px black;
}
table.details tr.detailsheader
{
height : 137px;
}
table.details tr.detailsheader table.detailsheader tr.upper
{
height : 67px;
vertical-align : bottom;
}
table.details tr.detailsheader table.detailsheader tr.upper th,
table.verantwoording tr.header th
{
text-transform : uppercase;
font-weight : lighter;
text-align : left;
font-size : 7.5pt;
}
table.details tr.detailsheader table.detailsheader tr.upper th.reactiedatum
{
text-align : right;
padding-right : 16px;
text-transform : none;
}
table.details tr.detailsheader table.detailsheader tr.upper th.reactiedatum a.backtoresult
{
font-size : 7.5pt;
}
table.details tr.detailsheader table.detailsheader tr.lower
{
background-color : #FFE5E5;
height : 70px;
}
table.details tr.detailsheader table.detailsheader tr.koop
{
background-color : #E8F5F9;
}
table.details tr.detailsheader table.detailsheader tr.lower td
{
vertical-align : middle;
font-weight : 300;
}
table.details tr.detailsheader table.detailsheader tr.lower td.logo,
table.verantwoording tr.content td.logo
{
width : 125px;
text-align : center;
}
table.details tr.detailsheader table.detailsheader tr.lower td.huurprijs
{
width : 110px;
}
table.details tr.detailsheader table.detailsheader tr.lower td.woningtype
{
width : 130px;
}
table.details tr.detailsheader table.detailsheader tr.lower td.thumb,
table.details tr.detailsheader table.detailsheader tr.lower td.thumb_koop,
table.verantwoording tr.content td.thumb
{
width : 100px;
}
table.details tr.detailsheader table.detailsheader tr.lower td.thumb_koop img
{
border : solid 1px #1C98C3;
}
table.details tr.detailsheader table.detailsheader tr.lower td.thumb img,
table.verantwoording tr.content td.thumb img
{
border : solid 1px red;
}
table.details tr.detailsheader table.detailsheader tr.lower td.reactiedatum
{
width : 165px;
text-align : right;
padding-right : 16px;
}
table.details tr.content td.content
{
padding : 0px;
padding-top : 20px;
}
table.details tr.content td.content div.foto_adres
{
padding-left : 125px;
}
table.details tr.content table.content
{
border: 0px solid #ff0000;
}
table.details tr.content table.content td.left
{
width : 125px;
vertical-align : top;
border: 0px solid #000000;
}
table.details tr.content table.content td.middle
{
vertical-align : top;
border : solid 0px #000000;
}
table.details tr.content table.content td.right
{
border : solid 0px #000000;
width : 200px;
}
table.details tr.content table.content td.right_koop
{
border : solid 0px #000000;
width : 420px;
}
table.details tr.content table.content td.middle div.fotos img,
table.details tr.content table.content td.right div.fotos img
{
border : solid 0px red;
display : block;
margin-bottom : 26px;
}
table.details tr.content table.content td.middle div.fotos_koop img,
table.details tr.content table.content td.right div.fotos_koop img
{
border : solid 1px #1C98C3;
display : block;
margin-bottom : 26px;
}
table.details tr.content table.content td.middle table.middle tr
{
height : 18px;
}
table.details tr.content table.content td.middle table.middle th,
table.details tr.content table.content td.middle table.middle td
{
text-align : left;
font-weight : normal;
line-height : 15px;
border : 0px solid #000000;
width : 145px;
}
table.middle
{
text-align : left;
}
table.details tr.content table.content td.middle table.middle th
{
width : 145px;
}
table.details tr.content table.content td.middle table.middle
{
height : auto;
width : 380px;
}
table.details tr.content table.content td.middle table.middle th.adres
{
font-weight : bold;
width : 210px;
}
table.details tr.content table.content td.middle table.middle th.aantalSlaapkamers
{
}
table.details tr.content table.content td.right div.woning_details_wijk_kaart,
table.details tr.content table.content td.right div.woning_details_wijk_kaart_koop
{
margin-bottom : 18px;
}
table.details tr.content table.content td.right div.woning_details_wijk_kaart img,
table.details tr.content table.content td.right div.woning_details_locatienet_kaart img
{
border : solid 1px red;
}
table.details tr.content table.content td.right div.woning_details_wijk_kaart_koop img,
table.details tr.content table.content td.right div.woning_details_locatienet_kaart_koop img
{
border : solid 1px #1C98C3;
}
table.details tr.content table.content td.middle a.loting
{
margin : 0px;
padding : 0px;
font-weight : bold;
}
table.details tr.content table.content td.middle h3.woning_details_wijk_adres
{
margin-top : 0px;
}
table.details tr.content table.content td.middle h3.woning_details_wijk_adres,
table.details tr.content table.content td.middle h3.woningdetails_wijk,
table.details tr.content table.content td.middle h3.woningdetails_wijk_koop
{
font-size : 10pt;
font-weight : bold;
}
table.details tr.content table.content td.middle h3.woningdetails_wijk_koop
{
color : #1C98C3;
}
table.details tr.content table.content td.middle h3.woningdetails_wijk
{
color : red;
margin-bottom : 0px;
}
div.woning_searchresult_header
{
padding-top : 5px;
padding-left : 125px;
}
h2.woning_searchresult_header_koop
{
color : #1C98C3;
text-transform : none;
}
div.woning_details_foto,
div.woning_details_foto_koop,
div.woning_details_locatienet
{
position : absolute;
width : 610px;
height : 410px;
overflow : hidden;
border : solid 1px #808080;
display : none;
background-color : #FFFFFF;
padding : 10px 10px 0px 0px;
z-index : 500;
margin-top : 75px;
}
div.woning_details_foto
{
padding : 0px;
border : solid 1px red;
}
div.woning_details_foto_koop
{
padding : 0px;
border : solid 1px #1C98C3;
}
div.woning_details_foto img,
div.woning_details_foto_koop img
{
cursor : hand;
cursor : pointer;
}
div.fotoclose
{
position : absolute;
right : 10px;
top : 10px;
height : 10px;
width : 10px;
}
/** end Module Woning **/
div#acceptLayer
{
position : absolute;
width : 325px;
height : 200px;
left : 375px;
top : 440px;
overflow : hidden;
border : solid 1px #808080;
padding : 10px 10px 20px 23px;
display : none;
background-color : #FFFFFF;
}
div.acceptKeuze
{
position : relative;
display : block;
background-color : #FFFFFF;
}
/** help text **/
div.help
{
position : absolute;
width : 227px;
height : 296px;
overflow : hidden;
border : solid 1px #808080;
padding : 10px 10px 20px 23px;
visibility : visible;
display : none;
background-color : #FFFFFF;
z-index : 600;
}
div.helptext
{
padding-right : 13px;
}
div.helpclose
{
text-align : right;
height : 10px;
}
/** end helptext **/
table.woning_search_status td.left,
h3.verantwoording_title
{
padding-left : 125px;
padding-top : 31px;
}
h2.verantwoording_title
{
padding-left : 125px;
padding-top : 31px;
}
div.verantwoording_content
{
padding-left : 125px;
padding-right : 125px;
}
table.verantwoording tr.header
{
height : 30px;
vertical-align : bottom;
padding-bottom : 6px;
}
table.verantwoording tr.content
{
height : 80px;
}
table.verantwoording tr.content td.adres,
table.verantwoording tr.content td.woningtype,
table.verantwoording tr.content td.prijs,
table.verantwoording tr.content td.aantalReacties,
table.verantwoording tr.content td.publicatieDatum,
table.verantwoording tr.content td.toewijzing,
table.verantwoording tr.content td.wachttijd
{
vertical-align : top;
padding-top : 0px;
}
table.verantwoording tr.content td.adres
{
width : 168px;
}
table.verantwoording tr.content td.woningtype
{
width : 140px;
}
table.verantwoording tr.content td.prijs
{
width : 75px;
}
table.verantwoording tr.content td.aantalReacties
{
width : 77px;
}
table.verantwoording tr.content td.publicatieDatum
{
width : 91px;
}
table.verantwoording tr.content td.toewijzing
{
width : 100px;
}
table.verantwoording tr.content td.wachttijd
{
width : 73px;
}
/* ========================================================================================================================== */
/* ************************************************** EINDE SITE STANDAARD ****************************************************/
/* ========================================================================================================================== */
/** CONTENT EDITOR STYLES **/
span.content_normaltext /** Normale tekst **/
{
font-family : verdana, sans-serif;
font-weight : normal;
font-size : 10pt;
color : #003D7E;
line-height : 15pt;
}
h1.content_titel /** Titel**/
{
font-family : verdana, sans-serif;
font-weight : bold;
color : #FF0000;
font-size : 10pt;
line-height : 15pt;
}
h2.content_subkopje1 /** Subkopje 1 **/
{
font-family : verdana, sans-serif;
font-weight : bold;
font-style : italic;
font-size : 11.5pt;
color : #003D7E;
}
h3.content_subkopje2 /** Subkopje 2 **/
{
font-family : verdana, sans-serif;
font-weight : normal;
font-style : italic;
font-size : 11.5pt;
color : #003D7E;
}
h3.helpheader /** Help aanhef **/
{
color : #FF0000;
background-image : url('/images/form.remark.gif');
padding-left : 20px;
background-repeat : no-repeat;
background-position : 0% 50%;
margin-top : 0px;
margin-bottom : 0px;
line-height : 22pt;
}
/** END CONTENT EDITOR STYLES **/
div.form_row
{
padding-bottom : 2px;
}
div.form_error
{
color : red;
left : 11px;
padding-bottom : 5px;
}
div.form_error2
{
color : red;
left : 11px;
padding-bottom : 5px;
border : 1px #FF0000 solid;
}
div.form_label
{
float : left;
width : 166px;
}
div.form_label_verlenging
{
width : 400px;
}
div.form_label_RO
{
float : left;
width : 180px;
}
div.form_label2
{
float : left;
}
div.inschrijven img,
div.inschrijven input,
{
position: relative;
}
div.form_field input,
div.form_field select
{
background-color : #FFFFFF;
border : solid 1px #686464;
}
div.form_row_stringfield input,
div.form_row_emailfield input,
div.form_row_landfield select
{
width : 210px;
}
div.form_row_postalfield input
{
width : 100px;
}
input#in_huisnummer,
input#in_toevoeging
{
width : 100px;
}
div.form_row input.button
{
background-color : red;
color : white;
border : 1px solid black;
padding-left : 16px;
padding-right : 16px;
*padding-left : 0px;
*padding-right : 0px;
float : left;
text-transform : uppercase;
font-size : 12px;
*font-size : 10px;
font-weight : bold;
}
a.verstuurbutton,
a.verstuurbutton:link,
a.verstuurbutton:visited,
a.verstuurbutton:active
{
float : left;
border : 1px solid black;
text-transform : uppercase;
background-color : red;
color : white;
font-size : 12px;
font-weight : bold;
padding-left : 16px;
padding-right : 16px;
text-align : center;
text-decoration : none;
}
a.verstuurbutton:hover
{
background-color : white;
color : red;
border : 1px solid black;
float : left;
text-transform : uppercase;
font-size : 12px;
font-weight : bold;
padding-left : 16px;
padding-right : 16px;
text-align : center;
text-decoration : none;
}
div.form_row div.image
{
padding-left : 36px;
float : left;
}
div.form_row_separatorfield
{
height : 10px;
display : inline;
}
div#row_in_sepPostAnderAdres
{
height : 36px;
}
div#row_in_sepPost2
{
height : 36px;
}
div.form_field_genderfield input,
div.form_field_enable input
{
border : none;
}
div.form_row div.form_field_enable
{
border : none;
}
div.form_field_required,
div.form_field_optional
{
float : left;
width : 15px;
height : 15px;
}
div.form_field_required,
div.form_field_required_verlenging
{
background : url('/images/form.required.gif');
}
div.form_field_required_verlenging,
div.form_field_optional_verlenging
{
float : left;
width : 15px;
height : 15px;
}
h2
{
text-transform : uppercase;
}
h2.kiezen
{
text-transform : none;
}
h2, h3
{
font-size : 12px;
color : #FD0000;
}
div.inschrijven
{
}
div#row_in_medeaanvragerGeslacht_1,
div#row_in_medeaanvragerVoorletters,
div#row_in_medeaanvragerTussenvoegsels,
div#row_in_medeaanvragerAchternaam,
div#row_in_medeaanvragerGeboorteDatum,
div#in_medeaanvragerGeboorteDatum_month,
div#in_medeaanvragerGeboorteDatum_year,
div#row_in_medeaanvragerSofinummer,
div#row_in_tweedeAanvragerAfwijkendAdres_1,
div#row_in_medeaanvragerLandID,
div#row_in_medeaanvragerPostcode,
div#row_in_medeaanvragerHuisnummer,
div#row_in_medeaanvragerToevoeging,
div#row_in_medeaanvragerTelefoonSAvonds,
div#row_in_medeaanvragerTelefoonOverdag,
div#row_in_medeaanvragerMobielNummer,
div#row_in_medeaanvragerEmail,
div#row_in_medeaanvragerBrutomaandinkomen
{
display : block;
}
div.inschrijven div.side
{
background : url('/images/fotoroulatie/inschrijven_bedankt.jpg') 0% 0% no-repeat;
width : 503px;
height : 466px;
float : left;
padding-top : 33px;
font-size : 12px;
*font-size : 11px;
}
div.inschrijven div.side div.step
{
width : 431px;
*width : 503px;
height : 44px;
padding-left : 72px;
padding-bottom : 22px;
}
div.inschrijven div.side div.activestep
{
background : url('/images/inschrijven.stap.gif') 0% 0% no-repeat;
}
div.inschrijven div.side div.step div.title
{
font-weight : bold;
color : #FF0000;
}
div.mijngegevensinfo,
div.inschrijven div.side div.info
{
position : absolute;
left : 44px;
top : 0px;
background-color : #FFFFFF;
border : 1px solid black;
width : 382px;
height : 101px;
padding-top : 13px;
padding-left : 26px;
padding-right : 26px;
text-align : justify;
z-index : 500;
}
div.mijngegevensinfo img.closebutton,
div.inschrijven div.side div.info img.closebutton
{
position : relative;
top : -14px;
left : 394px;
}
div#remarkWindowTitle
{
font-weight : bold;
color : #ff0000;
}
div#remarkWindow img.closebutton
{
position : absolute;
top : 4px;
left : 315px;
-left : 260px;
z-index : 900;
}
div.inschrijven div.side div.info div.content
{
position : absolute;
top : 4px;
left : 10px;
height : 160px;
width : 95%;
}
div.inschrijven div.side div.info div.title img
{
position : relative;
top : 3px;
}
div.inschrijven div.side div.info div.title
{
font-weight : bold;
color : #FF0000;
}
div.inschrijven div.blur
{
background : url('/images/fotoroulatie/inschrijven_licht.jpg') 0% 0% no-repeat;
}
div.inschrijven div.form
{
width : 433px;
*width : 443px;
padding-left : 44px;
float : left;
}
table.inschrijving th
{
text-align : left;
font-weight : normal;
}
table.inschrijving th.section
{
text-align : left;
font-weight : bold;
}
table.inschrijving td.header, table.inschrijving th.header
{
font-weight : bold;
color : red;
}
div.kader_links
{
position : relative;
width : 500px;
float : left;
}
div.kader_links_news
{
width : 490px;
height : 100%;
float : left;
background-color : #EDEDED;
padding-left : 25px;
padding-top : 32px;
padding-right : 0px;
}
div.kader_links_faq
{
width : 490px;
height : 100%;
float : left;
background-color : #EDEDED;
padding-left : 25px;
padding-top : 32px;
padding-right : 0px;
overflow : auto;
}
span.m2uitlijning
{
display : block;
width : 50px;
border : 0px solid #000000;
text-align : right;
height : 20px;
}
div.kader_links img.intro_home_logo
{
position : absolute;
left : 0px;
top : 0px;
}
div.kader_links img.intro_overlay_logo
{
position : absolute;
left : 93px;
top : 297px;
}
div.kader_links img.overlay_logo_zoeken
{
position : absolute;
left : 114px;
top : 24px;
}
div.kader_rechts
{
position : absolute;
left : 520px;
width : 430px;
right : 25px;
top : 29px;
}
div.kader_rechts_faq
{
position : absolute;
left : 520px;
width : 430px;
right : 25px;
top : 29px;
overflow : none;
}
div.kader_rechts_project
{
position : absolute;
float : right;
width : 430px;
right : 25px;
top : 29px;
}
div.project_details_content
{
}
table.projectdetails
{
}
div.
div.kader_rechts div.woningzoeken_button
{
margin-top : 50px;
}
div.kader_rechts img.intro_kop
{
display : block;
margin-bottom : 30px;
}
div.kader_rechts span.nieuwskop
{
font-weight : bold;
color : #FF0000;
}
div.kader_rechts span.nieuwstitel
{
font-weight : bold;
}
div.kader_rechts span.einde-tekst-markering
{
padding-left : 10px;
}
div.news_list
{
margin-top : -10px;
}
div.kader_links_news div.news_list div.news_list_content,
div.kader_links_news div.project_list div.project_list_content
{
padding-bottom : 30px;
}
div.kader_links_news div.news_list a:link,
div.kader_links_news div.news_list a:visited,
div.kader_links_news div.news_list a:active,
div.kader_links_news div.project_list a:link,
div.kader_links_news div.project_list a:visited,
div.kader_links_news div.project_list a:active,
div.kader_links_news div.project_archive a:link,
div.kader_links_news div.project_archive a:visited,
div.kader_links_news div.project_archive a:active
{
color : #FF0000;
font-weight : bold;
}
/* Topdesk 1108 129 */
div.project_list div.wig_project_title_container
{
position : relative;
}
div.project_list span.wig_project_price,
div.project_list div.wig_project_price
{
position: absolute;
top: 0px;
right: 5px;
font-weight : bold;
}
a.wig_project_title,
a.wig_project_title:link,
a.wig_project_title:visited
{
color : #000000 !important;
font-weight : bold;
text-decoration : none;
}
div.project_list span.lees-verder-link a,
div.project_list span.lees-verder-link a:link,
div.project_list span.lees-verder-link a:visited
{
color : #000000 !important;
font-weight : normal;
}
a.wig_project_title:hover,
div.project_list span.lees-verder-link a:hover
{
color : #FF0000 !important;
}
/* End Topdesk 1108 129 */
div.kader_links_news div.news_list a.nieuwsarchief:link,
div.kader_links_news div.news_list a.nieuwsarchief:visited,
div.kader_links_news div.news_list a.nieuwsarchief:active
{
color : #000000;
font-weight : bold;
}
div.kader_links_news div.news_list span.lees-verder-link,
div.kader_links_news div.project_list span.lees-verder-link
{
float : right;
position : relative;
top : -21px;
margin-bottom : -10px;
margin-right : 10px;
}
div.kader_links_news span.faq_cat
{
color : #FF0000;
font-weight : bold;
margin-bottom : 15px;
margin-top : 15px;
}
div.kader_links_faq span.faq_cat
{
color : #FF0000;
font-weight : bold;
margin-bottom : 15px;
margin-top : 15px;
}
div.kader_rechts span.faq_title
{
display : block;
color : #FF0000;
font-weight : bold;
margin-bottom : 5px;
}
div.kader_rechts span.faq_content
{
display : block;
margin-bottom : 20px;
}
/* mijngegevens */
div.overzicht_mijngegevens
{
border : 1px solid black;
width : 460px;
margin : 20px 10px 20px 20px;
-margin-left : 10px;
padding : 0px;
float : left;
}
div.overzicht_mijnreacties
{
border : 1px solid black;
width : 460px;
-width : 453px;
margin : 20px 10px 20px 10px;
padding : 0px;
float : left;
}
div.overzicht_mijnaanbod
{
border : 1px solid black;
width : 943px;
margin : 20px 10px 00px 20px;
-margin-left : 10px;
padding : 0px;
float : left;
}
div.overzicht_mijngegevens img.button1,
div.overzicht_mijnreacties img.button1
{
float : right;
margin-bottom : 5px;
}
div.overzicht_mijngegevens td
{
padding-left:10px;
}
div.overzicht_mijnaanbod h3,
div.overzicht_mijngegevens h3
{
background-color : #dcdcdc;
padding-left : 10px;
margin-top : 0px;
margin-bottom : 0px;
font-size : 10pt;
font-weight : 300;
line-height : 22pt;
color : #000000;
}
div.overzicht_mijnreacties h3
{
background-color : #dcdcdc;
padding-left : 10px;
margin-top : 0px;
margin-bottom : 0px;
font-size : 10pt;
font-weight : 300;
width : 450px;
-width : 461px;
line-height : 22pt;
color : #000000;
}
div.overzicht_mijngegevens h4,
div.overzicht_mijnreacties h4
{
margin-top : 10px;
margin-bottom : 10px;
}
div.overzicht_mijngegevens div.mycontent,
div.overzicht_mijnreacties div.mycontent
{
margin : 0px 0px 0px 0px;
}
h1.overzicht
{
margin-left : 20px;
text-transform : uppercase;
}
div.mijngegevens_formcontainer
{
margin-top : 30px;
width : 438px;
float : right;
}
div.mijngegevens_formcontainer div.form_field
{
}
div.mijngegevens_formcontainer div.form_row_phonefield
{
}
div.mijngegevens_formcontainer div.form_label
{
}
div.mijngegevens_formcontainer form
{
float : left;
}
img.mijngegevens_afbeelding
{
float : left;
margin-right:45px;
}
div.kader_rechts div.publication_list table tr td.pubtitel
{
color : #FF0000;
font-weight : bold;
}
h3.login_wwkwijt_title
{
margin : 20px 0px 10px 0px;
padding-top : 10px;
}
div.login_wwkwijt_content
{
margin-top : -5px;
}
h3.login_inschrijven_title
{
margin : 20px 0px 10px 0px;
padding-top : 10px;
}
div.login_inschrijven_content
{
margin-top : -5px;
}
h3.login_title
{
margin : 20px 0px 10px 0px;
padding-top : 10px;
}
div.login_content
{
margin-bottom : 20px;
}
div.intropage
{
padding-left : 21px;
padding-right : 21px;
}
div.mijngegevens_intro
{
padding-top : 20px;
}
input.tekst
{
width : 210px;
}
input.button
{
background-color : red;
color : white;
border : 1px solid black;
float : left;
text-transform : uppercase;
font-size : 12px;
font-weight : bold;
height : 20px;
}
table.menu-mijngegevens
{
padding : 0px;
margin : 0px;
border-collapse : collapse;
}
table.menu-mijngegevens tr td
{
height : 30px;
vertical-align : middle;
text-align : center;
color : #FFFFFF;
text-transform : uppercase;
background-color : #808080;
font-weight : 600;
font-size : /* noresize */ 10pt;
padding-left : 10px;
padding-right : 10px;
white-space : nowrap;
cursor : hand;
cursor : pointer;
border-left : 1px solid #000000;
border-right : 1px solid #000000;
font-size : 11px;
}
table.menu-mijngegevens tr td.actief
{
height : 30px;
vertical-align : middle;
text-align : center;
color : #FFFFFF;
text-transform : uppercase;
background-color : #DCDCDC;
font-weight : 600;
font-size : /* noresize */ 10pt;
padding-left : 10px;
padding-right : 10px;
white-space : nowrap;
cursor : hand;
cursor : pointer;
border-left : 1px solid #000000;
border-right : 1px solid #000000;
font-size : 11px;
}
table.menu-mijngegevens-buiten
{
width : 100%;
background-color : #DCDCDC;
border-bottom : 1px solid #000000;
}
div.kader_links_news div.news_list div.nieuwsarchiefkop
{
font-weight : bold;
color : #FF0000;
}
span.woning_searchresult_content_title
{
display : none;
}
div.stap1
{
font-weight : normal;
margin-top : -70px;
}
div.stap1 h3.stap1
{
color : #FF0000;
font : bold 10pt/1em Verdana, sans-serif;
}
div.stap2 h3.stap2
{
color : #FF0000;
font : bold 10pt/1em Verdana, sans-serif;
}
div.stap3 h3.stap3
{
color : #FF000;
font : bold 10pt/1em Verdana, sans-serif;
}
span.opvulling
{
width : 18px;
}
.option
{
border : none;
}
a.terugbutton,
a.terugbutton:link,
a.terugbutton:visited,
a.terugbutton:active
{
background-color : red;
color : white;
border : 1px solid black;
float : left;
text-transform : uppercase;
font-size : 12px;
font-weight : bold;
padding-left : 16px;
padding-right : 16px;
text-align : center;
text-decoration : none;
}
a.terugbutton:hover
{
background-color : white;
color : red;
border : 1px solid black;
float : left;
text-transform : uppercase;
font-size : 12px;
font-weight : bold;
padding-left : 16px;
padding-right : 16px;
text-align : center;
text-decoration : none;
}
iframe
{
}
div.form_error_checkboxfield
{
}
div.form h2
{
color : #FF0000;
margin-top : 20px;
}
div.aantalreacties_tekst
{
margin-bottom : 20px;
text-align : center;
}
div.detailinfo
{
padding : 0px;
margin : 0px;
width : 200px;
}
div.detailinfo_koop
{
padding : 0px;
margin : 0px;
width : 420px;
}
div.akkoord
{
width : 300px;
float : left;
margin-top : 20px;
margin-left : 122px;
}
div.bevestigbutton
{
width : 200px;
float : right;
margin-top : 20px;
}
div.flatcontent
{
margin-top : -20px;
}
span.datumbericht
{
color : #FF0000;
}
table.nieuwsdetail
{
padding : 0px;
margin : 0px;
border-collapse : collapse;
margin-top : 25px;
}
div.faqrow
{
margin-top : 10px;
}
span.soortwoning
{
text-transform : lowercase;
}
div.faqdetail
{
padding-top : 4px;
}
div.betalingsFormMachtig
{
float: right;
width: 387px;
-width: 354px;
margin-top: -24px;
}
td.project_details_fieldname
{
font-weight : bold;
}
/* POPUP */
div#popup *
{
border: none;
margin: 0;
padding: 0;
}
div#popup_overlay
{
position: absolute;
background-color: #000;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 999;
}
div#popup_window
{
position: absolute;
background-color: #fff;
border-left: 2px solid red;
border-right: 2px solid red;
width: 398px;
min-height: 50px;
left: 50%;
top: 30%;
z-index: 1000;
}
div#popup_window a.popup_close
{
position: absolute;
text-decoration: none;
font-weight: bold;
display: block;
width: 30px;
height: 20px;
padding-top: 20px;
right: -10px;
top: -15px;
}
div#popup_window div.popup_window_content
{
padding: 20px;
margin: 0;
font-size : 12px;
color: #333333;
}
div#popup_window div.popup_window_content p
{
margin-bottom: 12px;
}
a#popup_okButton,
input#popup_okButton,
a#popup_yesButton,
input#popup_yesButton,
a#popup_noButton,
input#popup_noButton
{
display: block;
background: transparent no-repeat;
width: 70px;
height: 20px;
font-weight: bold;
overflow: hidden;
margin: -5px 10px 20px 190px;
text-decoration: none;
cursor: pointer;
}
div#popup_window div.popup_top
{
position: absolute;
width: 400px;
height: 10px;
left: -1px;
top: -10px;
}
div#popup_window div.popup_bottom
{
position: absolute;
width: 400px;
height: 10px;
left: -1px;
bottom: -10px;
}