html {
height: 100%;
}
body {
margin: 0px;
padding: 0px;
font: normal 12px/1.50em Arial, Helvetica, sans-serif;
height: 100%;
color: #000000;
}
td { /*
font-weight : normal;
font-size : 14px;
line-height : 1.50em;
font-family : Arial, Helvetica, sans-serif;
*/
font: normal 12px/1.50em Arial, Helvetica, sans-serif;
color: #1B1B1B;
}
a:link,a:visited,a:active,a:hover {
color: #0000CC;
text-decoration: underline;
}
body.front a:link,body.front a:visited,body.front a:active {
color: #BA202A;
text-decoration: underline;
font-weight: bold;
outline: none;
}
body.front a:hover {
color: #BA202A;
text-decoration: underline;
font-weight: bold;
outline: none;
}
body.front {
background-image: url("/images/bg.gif");
}
h1 {
font: bold 18px Arial, Helvetica, sans-serif;
}
h2 {
margin: 0px 0px 10px -25px;
padding: 0px 0px 10px 25px;
font: bold 16px Arial, Helvetica, sans-serif;
border-bottom: 1px solid #E29D9D;
background-image: url("/images/title_item.gif");
background-repeat: no-repeat;
background-position: top left;
}
h3 {
font: bold 11px Arial, Helvetica, sans-serif;
}
h4 {
font: bold 9px Arial, Helvetica, sans-serif;
}
p {
margin: 0px 0px 10px 0px;
padding: 0px;
}
div.content {
margin-left: 170px;
top: 110px;
}
span.hidden {
display: none;
}
/******************************************************* EINDE ALGEMEEN *******************************************************/
/********************************************************** HEADER ************************************************************/
div.header_logo {
width: 100%;
height: 30px;
font-size : 2px;
background-color: #ffffff;
}
div.header_logo h1 {
display: none;
}
input.header_search_query {
margin: 0px;
padding: 0px;
height: 17px;
width: 117px;
border: 1px solid #1B1B1B;
}
/* EINDE HEADER */
/* SUBHEADER */
div.subheader {
background-color: #ffffff;
}
/* EINDE SUBHEADER */
/* Hulpnavigatie */
span.home {
margin: 2px 0px 0px 0px;
padding: 0px;
float: left;
}
table.hulpnavigatie {
margin: 0px;
padding: 0px;
border: 0px solid #000;
border-collapse: collapse;
width: 100%;
float: right;
text-align: center;
}
table.hulpnavigatie td {
margin: 0px;
padding: 2px 3px 2px 3px;
}
table.hulpnavigatie td.nieuwkoop {
margin: 0px;
padding: 0px;
text-align: left;
width: 525px;
}
table.hulpnavigatie td.search_query {
margin: 0px;
padding: 0px;
width: 119px;
text-align: right;
}
table.hulpnavigatie td.search_submit {
padding: 2px 0px 2px 3px;
margin: 0px;
width: 45px;
text-align: right;
}
table.hulpnavigatie a:link,table.hulpnavigatie a:visited,table.hulpnavigatie a:active,span.home a:link,span.home a:visited,span.home a:active
{
color: #1B1B1B;
font: bold 11px Arial, Helvetica, sans-serif;
text-decoration: none;
text-transform: uppercase;
}
table.hulpnavigatie a:hover,span.home a:hover {
color: #1B1B1B;
font: bold 11px Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
}
/* Einde Hulpnavigatie */
/************************************************** EINDE HEADER NAVIGATION ***************************************************/
/********************************************************* FOOTER *************************************************************/
div.footer {
position: absolute;
top: 98%;
left: 50%;
font-size : 10pt;
}
/****************************************************** EINDE FOOTER **********************************************************/
/********************************************************* PAGESELECT *********************************************************/
a.pageselect_firstpage_link {
padding: 5px 5px 5px 0px;
}
span.pageselect_firstpage_text {
padding: 5px 5px 5px 0px;
}
a.pageselect_previouspage_link {
padding: 5px;
}
span.pageselect_previouspage_text {
padding: 5px;
}
a.pageselect_currentpage_link {
padding: 5px;
}
a.pageselect_currentpage_text {
padding: 5px;
font-weight: bold;
}
a.pageselect_nextpage_link {
padding: 5px;
}
span.pageselect_nextpage_text {
padding: 5px;
}
a.pageselect_lasttpage_link {
padding: 5px;
}
span.pageselect_lastpage_text {
padding: 5px;
}
/****************************************************** EINDE PAGESELECT ******************************************************/
/* ========================================================================================================================== */
/* ************************************************** EINDE SITE STANDAARD ****************************************************/
/* ========================================================================================================================== */
a.news_back_link {
font-family: verdana, sans-serif;
font-style: italic;
font-size : 11pt;
font-weight: bold;
text-transform: uppercase;
color: #91697A;
padding-left: 3px;
}
a.news_readmore_link {
font-family: verdana, sans-serif;
font-style: italic;
font-size : 11pt;
font-weight: bold;
text-transform: uppercase;
color: #91697A;
padding-left: 3px;
}
a.news_archive_link {
font-family: verdana, sans-serif;
font-style: italic;
font-size : 11pt;
font-weight: bold;
text-transform: uppercase;
color: black;
padding-left: 30px;
}
h3.news_list_category_header {
font-size : 14px;
}
span.news_details_publicationDate {
font-weight: normal;
font-size : 12pt;
padding-left: 10px;
}
span.news_details_thumbnail {
border-style: solid;
border-width: 1px;
border-color: black;
}
/*** Module end ***/
/*** Module: Poll ***/
a.poll_back_link {
font-family: verdana, sans-serif;
font-style: italic;
font-size : 11pt;
font-weight: bold;
text-transform: uppercase;
color: #91697A;
padding-left: 3px;
}
a.poll_archive_link {
font-family: verdana, sans-serif;
font-style: italic;
font-size : 11pt;
font-weight: bold;
text-transform: uppercase;
color: black;
padding-left: 30px;
}
div.poll_poll_title {
float: left;
width: 100px;
}
div.poll_poll_error {
font-weight: bold;
color: red;
}
div.poll_poll_percent_bar_border {
margin-left: 200px;
border-style: solid;
border-color: #000;
border-width: 1px;
width: 100px;
height: 15px;
margin-bottom: 5px;
}
div.poll_poll_percent_bar_text {
float: right;
width: 100%;
text-align: center;
}
div.poll_poll_percent_bar_inner {
background-color: red;
height: 15px;
}
/*** Module end ***/
/*** Module: Project ***/
a.project_archive_link {
margin-left: 25px;
}
div.project_list_row {
margin-bottom: 15px;
}
div.project_list_publicationdate {
position: absolute;
right: 0px;
}
img.project_details_thumbnail {
border-style: solid;
border-color: #00888A;
border-width: 2px;
float: right;
margin-left: 5px;
margin-bottom: 5px;
}
div.project_details_fieldname {
float: left;
width: 120px;
}
/*** Module end ***/
/*** Module: Form ***/
div.form_form {
}
div.form_row {
padding: 10px 0px 15px 0px;
clear: both;
}
div.form_row_option {
padding: 0px 0px 10px 0px;
width: 200px;
float: left;
}
div.form_label {
display: block;
float: left;
width: 150px;
font-weight: bold;
}
label.remark {
color: blue;
cursor: pointer;
}
div.form_field {
padding-left: 150px;
}
div.form_error {
padding-left: 125px;
color: red;
font-weight: bold;
}
div.form_remark {
display: none;
position: absolute;
border-style: solid;
border-width: 1px;
border-color: black;
background-color: white;
padding: 5px;
}
div.form_field ul.moveselect {
list-style-type: none;
margin: 0px;
padding: 20px 20px 0 20px;
float: left;
}
div.form_field select.move_select_left {
width: 150px;
float: left;
}
div.form_field select.move_select_right {
width: 150px;
float: left;
}
div.form_moveselect {
height: 100px;
}
/*** Module end ***/
/*** Module: Reparatieverzoek ***/
a.reparatieverzoek_button {
margin-left: 10px;
}
div.reparatieverzoek_row {
clear: both;
}
div.reparatieverzoek_fieldname {
display: block;
height: auto;
float: left;
width: 150px;
}
/*** Module end ***/
/*** Module: Searchengine ***/
div.searchengine_list_row {
margin: 10px 0px 15px 0px;
padding: 0px;
}
div.searchengine_error {
margin: 10px 0px 0px 0px;
padding: 0px;
}
span.searchengine_list_row_keyword {
font-weight: bold;
font-style: italic;
font-variant: small-caps;
}
/*** Module end ***/
/*** Module: Sitemap ***/
div.sitemap_list_sitesection {
margin: 5px 0px 0px 0px;
padding: 0px;
background-image: url(/images/sitemap_folder.gif);
background-position: center left;
background-repeat: no-repeat;
font-size : 16px;
}
div.sitemap_list_module_folder {
}
div.sitemap_list_module_item {
padding-left: 0px;
margin: 0px 0px 0px 30px;
background-position: center left;
background-repeat: no-repeat;
background-image: url(/images/sitemap_item.gif);
}
div.sitemap_list_module_depth_1_folder {
background-image: url(/images/sitemap_folder.gif);
background-position: center left;
background-repeat: no-repeat;
padding-left: 20px;
margin-left: 60px;
}
div.sitemap_list_module_depth_1_item {
background-position: center left;
background-repeat: no-repeat;
padding-left: 20px;
margin-left: 60px;
background-image: url(/images/sitemap_item.gif);
}
div.sitemap_list_module_depth_2 {
background-position: center left;
background-repeat: no-repeat;
padding-left: 20px;
margin-left: 80px;
background-image: url(/images/sitemap_item.gif);
}
/*** Module end ***/
/*** Module: Wijkinformatie ***/
a.wijkinformatie_back_link {
font-weight: bold;
}
div.wijkinformatie_buurtdetails_fieldname {
display: block;
height: auto;
float: left;
width: 150px;
}
div.wijkinformatie_plaatsdetails_fieldname {
display: block;
height: auto;
float: left;
width: 150px;
}
div.wijkinformatie_regiodetails_fieldname {
display: block;
height: auto;
float: left;
width: 150px;
}
/*** Module end ***/
/*** Module: Publication ***/
a.publication_list_pdf {
padding-top: 2px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 20px;
height: 20px;
width: 20px;
font-size : 2px;
background-image: url(/images/pdf_file.gif);
background-repeat: no-repeat;
}
a.publication_list_text {
padding-top: 2px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 20px;
height: 20px;
width: 20px;
font-size : 2px;
background-image: url(/images/text_file.gif);
background-repeat: no-repeat;
}
a.publication_list_request {
font-size : 11px;
margin-left: 20px;
}
div.publication_list_item {
margin-bottom: 30px;
}
div.publication_list_thumbnail {
float: left;
width: 100px;
height: 70px;
margin-right: 5px;
}
/*** Module end ***/
/*** Module: Woningbezit ***/
div.woningbezit_search_form input.button {
display: none;
}
/*** Module end ***/
/** CONTENT EDITOR STYLES **/
span.content_normaltext /** Normale tekst **/ {
}
h1.content_titel /** Titel **/ {
font-weight: bold;
font-size : 17pt;
}
h2.content_subkopje1 /** Subkopje 1 **/ {
}
h3.content_subkopje2 /** Subkopje 2 **/ {
font-weight: bold;
font-size : 12pt;
}
/** END CONTENT EDITOR STYLES **/
/** Section navigation **/
img.section_image {
border: 0px solid #990000;
margin: 0px 0px 0px 2px;
padding: 0px;
}
/** Einde Section navigation **/
/** Main **/
form {
margin: 0px;
padding: 0px;
}
div.container {
margin: 0px 0px 0px -488px;
padding: 0px;
position: absolute;
left: 50%;
width: 972px;
height: 100%;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}
table.container {
margin: 0px;
padding: 0px;
height: 100%;
width: 972px;
border-collapse: collapse;
}
td.container {
margin: 0px;
padding: 0px;
background-image: url("/images/bg_container.gif");
background-repeat: repeat-y;
background-position: left;
}
table.main {
margin: 0px 0px 0px 6px;
padding: 0px;
height: 100%;
width: 960px;
border-collapse: collapse;
}
td.hulp_navigation {
margin: 0px;
padding: 4px 0px 0px 0px;
height: 28px;
background-color: #FFF;
}
td.sections {
margin: 0px;
padding: 0px;
height: 45px;
vertical-align: top;
}
td.header {
margin: 0px;
padding: 0px;
height: 176px;
vertical-align: top;
width: 960px;
}
div.bar_left {
margin: 0px;
padding: 0px;
width: 3px;
height: 100%;
clear: none;
}
div.bar_right {
margin: 0px;
padding: 0px;
width: 3px;
height: 100%;
clear: none;
}
div.hulp_navigation {
margin: 0px;
padding: 0px;
width: 100%;
height: 30px;
}
div.header {
margin: 0px;
padding: 0px;
width: 100%;
height: 245px;
}
td.content {
margin: 0px;
padding: 12px 1px 0px 0px;
width: 730px;
vertical-align: top;
}
div.eop {
margin: 25px 0px 25px 0px;
padding: 0px;
border-bottom: 1px solid #E29D9D;
height: 1px;
width: 100%;
}
img.logo1 {
width: 716px;
height: 196px;
position: absolute;
margin-left: -13px;
margin-top: 3px;
z-index: 3;
border: 1px #990000 solid;
}
img.logo {
margin: 0px 0px 0px -10px;
padding: 0px;
border: 0px;
width: 960px;
height: 176px;
z-index: 3;
}
img.wisselhomeafbeelding {
margin-left: -3px;
padding-bottom: 0px;
border-bottom: 3px solid #ffffff;
float: left;
}
img.wisselsectionafbeelding0 {
margin: 0px;
padding: 0px;
border: 0px;
position: absolute;
left: 250px;
z-index: 1;
}
img.wisselsectionafbeelding1 {
margin: 0px;
padding: 0px;
border: 0px;
position: absolute;
left: 600px;
z-index: 2;
}
span.nieuwkoop {
margin: 0px;
padding: 0px;
font: bold 17px Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
span.nieuwkoopneg {
color: #BA202A;
}
span.nieuwkooplink {
cursor: pointer;
}
img.reparatieverzoek {
margin: 10px 0px 0px 0px;
padding: 0px;
border: 0px;
}
/** Einde Main **/
/** Section navigation **/
ul.sectionnavigation {
border: 1px solid #000;
margin: 1px;
float: left;
font-size : 12pt;
display: block;
list-style: none;
padding: 0px;
}
ul.sectionnavigation li {
float: left;
padding-left: 1px;
}
ul.sectionnavigation a {
font-weight: bold;
}
ul.sectionnavigation li a img {
float: left;
}
ul.sectionnavigation a:hover {
color: #FFF;
}
div.sectionitem0 {
margin: 0px;
position: absolute;
left: 4px;
z-index: 20;
}
div.sectionitem1 {
margin: 0px;
position: absolute;
left: 121px;
z-index: 20;
}
div.sectionitem2 {
position: absolute;
left: 346px;
z-index: 20;
}
div.sectionitem3 {
position: absolute;
left: 515px;
z-index: 20;
}
div.sectionitem4 {
position: absolute;
left: 681px;
z-index: 20;
}
div.sectionitem5 {
position: absolute;
left: 821px;
z-index: 20;
}
img.logo {
position: absolute;
/*top : 78px;*/
left: 15px;
}
/** Einde Section navigation **/
/** Menu **/
ul.navigation {
margin: 0px;
padding: 0px;
list-style-type: none;
/* border-right : 1px solid #D58288; */
}
ul.navigation li {
padding: 10px 0px 10px 15px;
background-image: url("/images/bg_menu_item.gif");
background-repeat: no-repeat;
background-position: bottom left;
}
ul.navigation li a:link,ul.navigation li a:visited,ul.navigation li a:active
{
font: bold 13px Verdana, Arial, Helvetica, sans-serif;
color: #1B1B1B;
text-decoration: none;
}
ul.navigation li a:hover {
font: bold 13px Verdana, Arial, Helvetica, sans-serif;
color: #1B1B1B;
text-decoration: none;
}
ul.navigation li.active a:link,ul.navigation li.active a:visited,ul.navigation li.active a:active
{
font: bold 13px Verdana, Arial, Helvetica, sans-serif;
color: #D5202A;
text-decoration: none;
}
ul.navigation li.active a:hover {
font: bold 13px Verdana, Arial, Helvetica, sans-serif;
color: #D5202A;
text-decoration: none;
}
img.menu_list_item {
margin: 0px 7px 0px 0px;
border: 0px;
}
td.left_column {
margin: 0px;
padding: 0px;
width: 229px;
vertical-align: top;
background-color: #7C7C7C;
background-image: url("/images/bg_left_column.gif");
background-repeat: repeat-y;
background-position: left;
border-right: 1px solid #D58288;
}
td.copydisc {
margin: 0px;
padding: 5px 0px 5px 0px;
text-align: center;
vertical-align: bottom;
background-color: #7C7C7C;
background-image: url("/images/bg_left_column.gif");
background-repeat: repeat-y;
background-position: left;
border-right: 1px solid #D58288;
}
td.copydisc a:link,td.copydisc a:visited,td.copydisc a:active {
margin: 0px 10px 0px 0px;
padding: 0px;
color: #4B4A4A;
font: bold 11px Arial, Helvetica, sans-serif;
text-decoration: none;
}
td.copydisc a:hover {
margin: 0px 10px 0px 0px;
padding: 0px;
color: #4B4A4A;
font: bold 11px Arial, Helvetica, sans-serif;
text-decoration: none;
}
img.zig {
margin: 0px;
border: 0px;
vertical-align: middle;
height: 20px;
width: 39px;
}
div.section_header {
margin: 0px;
padding: 14px 0px 11px 15px;
background-color: #D88288;
background-image: url("/images/bg_section_header.gif");
background-repeat: repeat-y;
background-position: left;
}
div.section_header a:link,div.section_header a:active,div.section_header a:visited
{
font: bold 13px Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-decoration: none;
text-transform: uppercase;
}
div.section_header a:hover {
font: bold 13px Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-decoration: none;
text-transform: uppercase;
}
div.menu_end {
height: 20px;
/* border-right : 1px solid #D58288; */
}
/** Einde Menu **/
/** Advertenties **/
div.adv_header,div.rep_header {
margin: 0px;
padding: 10px 0px 10px 15px;
border-top: 2px solid #FFFFFF;
font: bold 10pt Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
background-color: #4A4949;
text-transform: uppercase;
background-image: url("/images/bg_adv_header.gif");
background-repeat: repeat-y;
background-position: left;
}
div.rep_header {
border-top: 0px;
}
div.ads {
margin: 0px;
padding: 15px 0px 5px 0px;
width: 100%;
text-align: center;
}
/** Einde Advertenties **/
/** Content **/
div.content_content,div.flatcontent_content,div.home_content,div.reparatieverzoek_locaties,div.project_list,div.project_details,div.sitemap_list,div.wijkinformatie_regioselectie,div.wijkinformatie_regiodetails,div.wijkinformatie_plaatsdetails,div.wijkinformatie_wijkdetails,div.wijkinformatie_buurtdetails,div.poll_archive,div.searchengine_list,div.reparatieverzoek_ruimtes,div.reparatieverzoek_elementen,div.reparatieverzoek_gebreken,div.reparatieverzoek_reparatiePage,div.woninglite_search,div.woninglite_searchresult,div.woninglite_details,div.pageselect
{
margin: 0px;
padding: 0px 0px 15px 25px;
font-weight: normal;
font-size : 14px;
line-height: 1.50em;
font-family: Arial, Helvetica, sans-serif;
}
/** Einde Content **/
/** WoningLite **/
div.wl_numofitems {
margin: 0px 0px 10px 0px;
}
span.wl_numofitems {
font-weight: bold;
}
table.wl_searchresult {
margin: 0px 0px 15px 0px;
width: 678px;
border: 0px;
border-bottom: 1px solid #E29D9D;
border-collapse: collapse;
}
td.wl_foto {
padding: 0px 0px 0px 0px;
width: 130px;
text-align: left;
vertical-align: top;
}
td.wl_details {
padding: 0px 0px 5px 0px;
text-align: left;
vertical-align: top;
font-size : 14px;
}
img.wl_searchresult_thumbnail {
margin: 0px 0px 10px 0px;
border: 1px solid #E29D9D;
}
img.wl_searchresult_tewoon {
float: right;
}
td.wl_contractvorm {
vertical-align: top;
}
div.wl_image_container img {
border: 0px;
width: 85px;
border: 1px solid #E29D9D;
}
span.wl_huurprijs {
}
table.wl_details {
margin: 0px 0px 20px 0px;
width: 700px;
border: 0px;
border-collapse: collapse;
}
td.wl_details_foto {
padding: 0px 0px 0px 0px;
width: 210px;
text-align: left;
vertical-align: top;
}
td.wl_details_details {
padding: 0px 0px 5px 5px;
text-align: left;
vertical-align: top;
font-size : 14px;
}
img.wl_details {
margin: 0px 0px 10px 0px;
width: 200px;
border: 1px solid #E29D9D;
display: block;
}
img.wl_details_tewoon {
float: right;
}
div.wl_details_row { /* clear : both */
}
div.wl_details_label {
float: left;
width: 175px;
font-weight: bold;
}
div.wl_details_value {
float: left;
width: 245px;
}
div.hidden_image {
position: absolute;
left: 177px;
top: 20px;
width: 690px;
border: 3px solid #BA202A;
display: none;
background-color: #FFFFFF;
z-index: 100;
}
div.hidden_image_text {
padding: 3px 9px 5px 13px;
position: absolute;
right: 0px;
font-weight: bold;
background-color: #BA202A;
color: #FFFFFF;
cursor: pointer;
}
div.hidden_map {
position: absolute;
left: 261px;
top: 324px;
width: 690px;
border: 1px solid #E29D9D;
display: none;
background-color: #FFFFFF;
}
img.wl_hidden {
border: 0px;
margin-bottom: -5px;
}
a:link.fotos,a:visited.fotos,a:active.fotos,a:hover.fotos {
padding: 5px;
}
/** Einde WoningLite **/
div.ads img {
border: 0px;
}
a.lettergrootte span
{
display: none;
position: absolute;
right: 150px;
top: 100px;
z-index: 999;
background: url("/images/lettergrootte.png") 0 0 no-repeat #fff;
width: 460px;
height: 330px;
border: 2px solid #c41f29;
padding: 5px 20px 5px 0;
}
a.lettergrootte:hover span
{
display: block;
}