/* ======= Colours ======= #663c3c - red #302a22 - brown (darkest) #615545 - brown (medium) #91826d - brown (medium) #c2b39f - brown (medium) #f2eadf - brown (lightest) #ffffff - white */ * { font-family: verdana, arial, helvetica, sans-serif; color: #302a22; font-size: 1.0em; } html { height: 100%; margin: 0px; padding: 0px; } body { height: 100%; margin: 0px; padding: 0px; font-size: 70%; line-height: 170%; } table { border-collapse: collapse; margin: 0px; } th { padding: 0px 8px 5px 0px; text-align: left; vertical-align: top; font-weight: bold; color: #91826d; } td { padding: 0px 8px 5px 0px; text-align: left; vertical-align: top; font-weight: normal; } p { margin: 0em 0em 1.5em 0em; padding: 0px; } form { margin: 0em 0em 1.5em 0em; padding: 0px; } ul { margin: 0em 0em 1.5em 0em; padding: 0px; } li { margin: 0px; padding: 0px 5px 0px 10px; list-style-type: none; background: url(../images/bullet_list.gif) left 8px no-repeat; } a { text-decoration: none; color: #663c3c; } a:hover { text-decoration: underline; } img { border: 0px; } input { vertical-align: middle; } textarea { vertical-align: middle; } select { vertical-align: middle; } option { vertical-align: middle; } label { vertical-align: middle; margin-right: 10px; } h1 { margin: 0em 0em 1.0em 0em; font-size: 1.5em; color: #c2b39f; } h2 { margin: 0em 0em 0.5em 0em; font-size: 1.2em; color: #663c3c; font-family: georgia, times, serif; } h3 { margin: 0em 0em 0.5em 0em; font-size: 1.0em; color: #663c3c; } h4 { margin: 0em 0em 0.5em 0em; font-size: 1.0em; color: #663c3c; } h5 { margin: 0em 0em 0.5em 0em; font-size: 1.0em; color: #663c3c; } h6 { margin: 0em 0em 0.5em 0em; font-size: 1.0em; color: #663c3c; } /* ============== */ /* Main interface */ /* ============== */ body.home { background: #ffffff url(../images/back_home.gif) left top repeat-x; } body.home div#container { position: relative; min-height: 100%; } body.home div#header { position: relative; height: 275px; } body.home div#menu { position: absolute; bottom: 0px; width: 760px; background: #302a22; opacity: 0.85; filter: alpha(opacity=85); padding: 5px 0px 5px 0px; } body.home div#content { position: relative; padding-bottom: 3em; width: 760px; } body.home div.left { position: relative; float: left; width: 320px; padding: 15px 30px 30px 30px; min-height: 265px; } body.home div.right { position: relative; float: left; width: 320px; padding: 15px 30px 30px 30px; min-height: 265px; background: #ffffff; } body.main { background: #ffffff url(../images/back_main.gif) left top repeat-x; } body.main div#container { position: relative; min-height: 100%; } body.main div#header { position: relative; height: 125px; background: url(../images/header_main.jpg) left top no-repeat; } body.main div#menu { position: absolute; bottom: 0px; width: 760px; background: #302a22; opacity: 0.85; filter: alpha(opacity=85); padding: 5px 0px 5px 0px; } body.main div#content { position: relative; padding-bottom: 3em; width: 760px; } body.main div.left { position: relative; float: left; width: 520px; padding: 15px 15px 30px 30px; min-height: 265px; background: #ffffff; } body.main div.right { position: relative; float: left; width: 150px; padding: 15px 30px 30px 15px; min-height: 265px; background: #ffffff; } body.main div.fullwidth { position: relative; float: left; width: 700px; padding: 15px 30px 30px 30px; min-height: 265px; background: #ffffff; } body.admin { background: #ffffff url(../images/back_admin.gif) left top repeat-x; } body.admin div#container { position: relative; min-height: 100%; } body.admin div#header { position: relative; height: 125px; background: url(../images/header_main.jpg) left top no-repeat; } body.admin div#menu { position: absolute; bottom: 0px; width: 100%; /* min-width: 760px; */ min-width: 990px; background: #302a22; opacity: 0.85; filter: alpha(opacity=85); padding: 5px 0px 5px 0px; } body.admin div#content { position: relative; padding-bottom: 3em; /* min-width: 760px; */ min-width: 990px; overflow: hidden; } body.admin div.left { position: relative; width: auto; padding: 15px 15px 30px 30px; margin: 0px 195px 0px 0px; background: #ffffff; } body.admin div.right { position: relative; float: right; width: 150px; padding: 15px 30px 30px 15px; background: #ffffff; } /* // Andere manier om rechts uit te lijnen en rest op te vullen (de 'left' en 'right' divs moeten dan wel omgedraaid worden) body.admin div#content { position: relative; padding-bottom: 3em; padding-right: 240px; overflow: hidden; min-width: 520px; } body.admin div.left { position: relative; float: left; width: 100%; padding: 15px 15px 30px 30px; background: #f0f0ff; } body.admin div.right { position: relative; float: left; width: 150px; padding: 15px 30px 30px 15px; background: #0000ff; margin-right: -240px; } */ body.popup { background: #ffffff; } body.popup div.main { padding: 30px; } div#footer { position: absolute; bottom: 0px; left: 0px; border-top: 1px solid #302a22; width: 100%; padding: 5px 0px 5px 0px; text-align: left; } div#footer span { color: #302a22; margin-left: 30px; } div#menu ul { display: inline; margin: 0px 0px 0px 30px; padding: 0px; } div#menu li { display: inline; margin: 0px; padding: 0px 5px 0px 10px; list-style-type: none; background: url(../images/bullet_menu.gif) left center no-repeat; } div#menu li:first-child { display: inline; margin: 0px; padding: 0px 5px 0px 0px; list-style-type: none; background-image: none; } div#menu a { line-height: 0; font-weight: bold; color: #ffffff; } div#menu a:hover { text-decoration: underline; } div#menu a.current { font-weight: bold; color: #c2b39f; } div#menu a.language { float: right; font-weight: normal; padding-left: 30px; /* min-height: 20px; */ } /* ======================== */ /* Common interface classes */ /* ======================== */ .clear { clear: both; } td.center { text-align: center; } img.icon { vertical-align: middle; width: 16px; height: 16px; } p.intro { color: #91826d; } input.formicon { cursor: pointer; vertical-align: middle; margin: 0px 0px 0px 3px; } div.message { font-weight: bold; color: #ffffff; padding: 5px 5px 5px 30px; margin: 0px 0px 20px 0px; background: #663c3c url(../images/icon_attention_ffffff.gif) 10px center no-repeat; } div.spacer { height: 30px; } div.introblock { clear: both; padding-bottom: 10px; } div.introblock img { float: left; width: 110px; height: 150px; padding: 4px; display: block; margin: 0px 15px 15px 0px; border: 1px solid #91826d; } div.introblock table { width: 100%; } div.introblock td.thumb { padding: 0px; } div.introblock td.data { padding: 0px; width: 100%; } div.infoblock { padding: 10px; background: #f2eadf; margin-bottom: 5px; } div.infoblock a { text-decoration: none; margin: 0px; font-size: 1.2em; color: #663c3c; font-family: georgia, times, serif; font-weight: bold; } div.infoblock a:hover { text-decoration: none; } div.infoblock ul { margin: 0px; } div.infoblock li { display: inline; margin: 0px; padding: 0px 5px 0px 10px; list-style-type: none; background: url(../images/bullet_infoblock.gif) left center no-repeat; } div.infoblock li:first-child { display: inline; margin: 0px; padding: 0px 5px 0px 0px; list-style-type: none; background-image: none; } div.imagecontainer { padding: 4px; margin: 0px 0px 20px 0px; border: 1px solid #91826d; } div.imagecontainer div { padding: 4px 0px 0px 0px; text-align: center; color: #91826d; } div.actions { border-bottom: 1px solid #c2b39f; padding: 5px; margin: 0px 0px 10px 0px; } div.actions ul { margin: 0px; padding: 0px; } div.actions li { display: inline; margin: 0px; padding: 0px 5px 0px 0px; list-style-type: none; background: none; } div.actions a { background-position: left center; background-repeat: no-repeat; padding: 0px 0px 0px 18px; margin-right: 5px; } div.floatleft { display: inline; float: left; padding: 4px; margin: 0px 20px 20px 0px; border: 1px solid #91826d; } div.floatleft div { padding: 4px 0px 0px 0px; text-align: center; color: #91826d; } div.floatright { display: inline; float: right; padding: 4px; margin: 0px 0px 20px 20px; border: 1px solid #91826d; } div.floatright div { padding: 4px 0px 0px 0px; text-align: center; color: #91826d; } div.htmlelement { padding: 5px; margin: 0px; border: 1px dashed #91826d; color: #91826d; } ul.links { margin: 0px 0px 10px 0px; padding: 0px; } ul.links li { margin: 0px; padding: 0px 5px 0px 15px; list-style-type: none; background: left 7px no-repeat url(../images/bullet_link.gif); } ul.links li.back { margin: 0px; padding: 0px 5px 0px 15px; list-style-type: none; background: left 7px no-repeat url(../images/bullet_link_back.gif); } ul.links li.current { margin: 0px; padding: 0px 5px 0px 15px; list-style-type: none; background: left 7px no-repeat url(../images/bullet_link_current.gif); } ul.links li.current span { color: #91826d; } ul.links li a { color: #663c3c; } ul.iconlinks { margin: 0px 0px 10px 0px; padding: 0px; } ul.iconlinks li { margin: 0px; padding: 0px 5px 0px 0px; list-style-type: none; background: none; } ul.iconlinks li a.pdf { padding: 5px 0px 5px 18px; background: left center no-repeat url(../images/icon_pdf.gif); } table.multicolumnlist { width: 100%; } table.multicolumnlist ul { margin-left: 10px; } table.multicolumnlist ul:first-child { margin-left: 0px; } table.multicolumnlayout { } table.multicolumnlayout td.first { padding: 0px 30px 0px 0px; } table.multicolumnlayout td.rest { padding: 0px 0px 0px 0px; width: 100%; } table.extrakosten { width: 100%; margin-bottom: 20px; } table.extrakosten td.code { text-align: center; vertical-align: middle; border: #ffffff 1px solid; padding: 2px 5px 2px 5px; font-family: 'Courier New', Courier, monospace; font-size: 1.1em; } table.extrakosten td.label { text-align: left; vertical-align: middle; border: #ffffff 1px solid; padding: 2px 0px 2px 10px; width: 100%; background: url(../images/bullet.gif) left center no-repeat; } table.extrakosten td.bedrag { text-align: right; vertical-align: middle; border: #ffffff 1px solid; padding: 2px 0px 2px 5px; font-weight: bold; } table.extrakosten td.eenheid { text-align: left; vertical-align: middle; border: #ffffff 1px solid; padding: 2px 0px 2px 5px; color: #91826d; font-weight: normal; } /* Dashed outline, down */ form.type_02 { background: #ffffff; padding: 10px; margin: 0px 0px 15px 0px; border: 1px dashed #91826d; } form.type_02 th { padding: 0px 0px 5px 0px; } form.type_02 td { padding: 0px 0px 10px 0px; } form.type_02 select { width: 100%; } form.type_02 input[type="submit"] { width: 100%; } /* Dashed outline, across */ form.type_00 { background: #ffffff; padding: 10px; margin: 0px 0px 15px 0px; border: 1px dashed #91826d; } form.type_00 th { padding: 0px 10px 5px 0px; } form.type_00 td { padding: 0px 10px 10px 0px; } form.type_00 ul { margin: 0px 0px 15px 0px; } form.type_00 select { width: 100%; } form.type_00 input[type="submit"] { width: 100%; } form.type_01 { background: #f2eadf; padding: 10px; margin: 0px 0px 15px 0px; border: 1px solid #f2eadf; } form.type_01 th { padding: 0px 10px 10px 0px; vertical-align: top; font-weight: bold; color: #91826d; } form.type_01 td { padding: 0px 10px 10px 0px; vertical-align: top; font-weight: normal; } form.type_01 th.annulering { border-left: 1px solid #c2b39f; padding-left: 20px; } form.type_01 td.annulering { border-left: 1px solid #c2b39f; padding-left: 20px; } form.type_03 { background: #f2eadf; padding: 10px; margin: 0px 0px 15px 0px; border: 1px solid #f2eadf; } form.type_03 th { padding: 0px 5px 0px 0px; vertical-align: top; font-weight: bold; color: #91826d; } form.type_03 td { padding: 0px 10px 0px 0px; vertical-align: top; font-weight: normal; } form.type_04 { margin: 0px 0px 15px 0px; } form.type_04 th { padding: 0px 0px 5px 0px; vertical-align: top; font-weight: bold; color: #91826d; } form.type_04 td { padding: 0px 0px 10px 0px; vertical-align: top; font-weight: normal; } form.type_04 ul { margin: 0px 0px 15px 0px; } /* ====================== */ /* Miscellaneous elements */ /* ====================== */ div#map { position: relative; width: 320px; height: 260px; background: url(../images/map.gif) left top no-repeat; margin-top: -1em; } div#map div.kasteel { position: absolute; } div#map div.kasteel a.location { display: inline; float: left; background: #f2eadf; padding: 5px; opacity: 0.80; filter: alpha(opacity=80); line-height: 130%; color: #302a22; } div#map div.kasteel a.location:hover { text-decoration: none; } div#map div.kasteel img { display: inline; float: left; margin-left: 5px; width: 16px; height: 16px; } form#dg_form_data table { margin-bottom: 15px; width: 100%; } form#dg_form_data thead tr { } form#dg_form_data tbody tr.odd { background: #f2eadf; } form#dg_form_data tbody tr.even { background: #ffffff; } form#dg_form_data th { padding: 3px 6px 3px 6px; vertical-align: middle; color: #ffffff; } form#dg_form_data td { padding: 3px 6px 3px 6px; vertical-align: top; border-top: 1px #c2b39f solid; border-bottom: 1px #c2b39f solid; } form#dg_form_data td.empty { } form#dg_form_data td.checkbox { width: 1px; } form#dg_form_data td.buttons { text-align: right; } form#dg_form_data td.buttons img { width: 16px; height: 16px; vertical-align: middle; } form#dg_form_data a { vertical-align: middle; } form#dg_form_data thead img { width: 16px; height: 16px; vertical-align: middle; } form#dg_form_data thead img[src="images/dg_blanco.gif"] { width: 1px; height: 16px; vertical-align: middle; } div.dg_summary { margin-bottom: 10px; background: #f2eadf; padding: 5px; } div.dg_summary span.count { font-weight: bold; } div.dg_summary span.range { font-weight: bold; } div.dg_navigation { margin-bottom: 10px; } div.dg_navigation img { vertical-align: middle; margin: 0px 0px 0px 0px; width: 16px; height: 16px; } div.dg_navigation a.pagenumber { vertical-align: middle; margin: 0px 4px 0px 4px; } div.dg_navigation span.currentpage { vertical-align: middle; margin: 0px 4px 0px 4px; font-weight: bold; } div.dg_navigation span.more { vertical-align: middle; margin: 0px 4px 0px 4px; } div.dg_filter { margin-bottom: 20px; } div.dg_filter input { margin-right: 5px; } div.dg_filter select { margin-right: 5px; } div.dg_filter a.applyfilter { background: url(../images/dg_icon_filter_apply.gif) left center no-repeat; padding: 0px 0px 0px 18px; margin-right: 5px; } div.dg_filter a.removefilter { background: url(../images/dg_icon_filter_remove.gif) left center no-repeat; padding: 0px 0px 0px 18px; margin-right: 5px; } form input.bedrag { text-align: right; } form input.bedrag_changed { text-align: right; background: #f2eadf; } form div.error { margin-bottom: 5px; color: #663c3c; font-weight: bold; } form span.requirednote { color: #663c3c; } form h1.section { color: #302a22; font-size: 1.0em; margin: 20px 0px 0px 0px; padding: 3px 5px 3px 5px; background: #c2b39f; border-bottom: none; } form .fullwidth { width: 320px; } form input[type="button"] { margin-right: 5px; } form input[type="submit"] { margin-right: 5px; } form select { margin-right: 5px; } table.legend { margin-bottom: 20px; } table.legend th { padding: 5px; border: 1px solid #91826d; line-height: 100%; color: #91826d; font-weight: bold; } table.legend td { padding: 5px; border: 1px solid #91826d; line-height: 100%; color: #91826d; font-weight: normal; } table.overzicht { margin-bottom: 20px; } table.overzicht th { padding: 5px 5px 5px 10px; line-height: 100%; color: #91826d; font-weight: bold; background: url(../images/bullet_list.gif) left center no-repeat; } table.overzicht td { padding: 5px 5px 5px 5px; line-height: 100%; color: #91826d; font-weight: normal; } table.overzicht_temp { margin-bottom: 20px; } table.overzicht_temp th { padding: 5px 5px 5px 10px; line-height: 100%; font-weight: normal; background: url(../images/bullet_list.gif) left center no-repeat; } table.overzicht_temp td { padding: 5px 5px 5px 5px; line-height: 100%; font-weight: normal; } table.yearcalendar th { border: 1px solid #ffffff; line-height: 100%; font-weight: normal; font-family: 'Courier New', Courier, monospace; font-size: 1.1em; } table.yearcalendar th.dayofthemonth { padding: 2px 5px 2px 2px; text-align: right; } table.yearcalendar th.monthname { padding: 2px 2px 5px 2px; text-align: center; } table.yearcalendar td { padding: 2px; border: 1px solid #ffffff; line-height: 100%; font-weight: normal; font-family: 'Courier New', Courier, monospace; font-size: 1.1em; text-align: center; color: #91826d; cursor: default; } table.yearcalendar td.validdate { } table.yearcalendar td.invaliddate { } table.yearcalendar td.wisseldag { color: #302a22; } table.yearcalendar td.clickable { cursor: pointer; } table.yearcalendar td.past { cursor: default; opacity: 0.20; filter: alpha(opacity=20); } table.yearcalendar td.inactief { cursor: default; opacity: 0.20; filter: alpha(opacity=20); } table.yearcalendar td.A { background: #302a22; color: #ffffff; } table.yearcalendar td.B { background: #615545; color: #ffffff; } table.yearcalendar td.C { background: #91826d; color: #ffffff; } table.yearcalendar td.D { background: #c2b39f; color: #302a22; } table.yearcalendar td.E { background: #f2eadf; color: #302a22; } table.yearcalendar td.aanvraag { background: #f2eadf; color: #302a22; } table.yearcalendar td.optie { background: #c2b39f; color: #302a22; } table.yearcalendar td.reservering { background: #91826d; color: #ffffff; } table.yearcalendar td.definitief { background: #615545; color: #ffffff; } table.yearcalendar td.eurorelais { background: #302a22; color: #ffffff; } table.yearcalendar td.geselecteerd { background: #663c3c; color: #ffffff; } td.aanvraag { background: #f2eadf; color: #302a22; } td.optie { background: #c2b39f; color: #302a22; } td.reservering { background: #91826d; color: #ffffff; } td.definitief { background: #615545; color: #ffffff; } td.eurorelais { background: #302a22; color: #ffffff; } td.geselecteerd { background: #663c3c; color: #ffffff; } table.periodetypeswitch { width: 100%; margin-bottom: 20px; } table.periodetypeswitch td.input { text-align: center; vertical-align: middle; border: #ffffff 1px solid; padding: 2px 5px 2px 0px; } table.periodetypeswitch td.code { text-align: center; vertical-align: middle; border: #ffffff 1px solid; padding: 2px 5px 2px 5px; font-family: 'Courier New', Courier, monospace; font-size: 1.1em; } table.periodetypeswitch td.label { text-align: left; vertical-align: middle; border: #ffffff 1px solid; padding: 2px 0px 2px 5px; width: 100%; } table.periodetypeswitch td.bedrag { text-align: right; vertical-align: middle; border: #ffffff 1px solid; padding: 2px 0px 2px 5px; font-weight: bold; } table.periodetypeswitch td.eenheid { text-align: left; vertical-align: middle; border: #ffffff 1px solid; padding: 2px 0px 2px 5px; color: #91826d; } table.periodetypeswitch td.A { background: #302a22; color: #ffffff; } table.periodetypeswitch td.B { background: #615545; color: #ffffff; } table.periodetypeswitch td.C { background: #91826d; color: #ffffff; } table.periodetypeswitch td.D { background: #c2b39f; color: #302a22; } table.periodetypeswitch td.E { background: #f2eadf; color: #302a22; } table.periodetypeswitch input { margin: 0px; padding: 0px; } table.periodetypeswitch label { cursor: pointer; } table.beschikbaarheid { margin-bottom: 20px; } table.beschikbaarheid td.kleur { padding: 2px 5px 2px 5px; border: 1px solid #ffffff; line-height: 100%; font-weight: normal; font-family: 'Courier New', Courier, monospace; font-size: 1.1em; text-align: center; color: #91826d; cursor: default; } table.beschikbaarheid td.label { padding: 2px 2px 2px 5px; border: 1px solid #ffffff; line-height: 100%; font-weight: normal; text-align: left; vertical-align: middle; } table.statusvalues { margin-bottom: 20px; } table.statusvalues img.connector { width: 11px; height: 7px; } table.statusvalues th.connector { width: 11px; padding: 2px; vertical-align: middle; } table.statusvalues th { padding: 5px; } table.statusvalues td { padding: 5px; } table.statusinfo td.pijl { padding: 8px; vertical-align: middle; } table.stappen { width: 100%; margin-bottom: 30px; } table.stappen td.step { padding: 5px; } table.stappen td.step h4 { font-size: 1em; margin: 0px; } table.stappen td.bekend { background: #91826d; cursor: pointer; } table.stappen td.bekend * { color: #ffffff; } table.stappen td.onbekend { background: #c2b39f; } table.stappen td.onbekend * { color: #ffffff; } table.stappen td.huidig { border: 1px solid #91826d; } table.stappen td.huidig * { color: #c2b39f; } table.stappen td.connector { width: 11px; padding: 2px; vertical-align: middle; } img.disabled { opacity: 0.40; filter: alpha(opacity=40); } table.slideshow { width: 100%; } table.slideshow td.photo { padding: 0px; height: 520px; text-align: center; vertical-align: middle; } table.slideshow td.photo img { padding: 4px; border: 1px solid #91826d; } table.slideshow td.navigation_left { background: #302a22; height: 50px; vertical-align: middle; padding: 0px 10px 0px 10px; text-align: left; } table.slideshow td.navigation_center { background: #302a22; height: 50px; vertical-align: middle; padding: 0px 0px 0px 0px; text-align: center; color: #c2b39f; } table.slideshow td.navigation_right { background: #302a22; height: 50px; vertical-align: middle; padding: 0px 10px 0px 10px; text-align: right; } table.slideshow a.previous { color: #ffffff; background: url(../images/icon_previous.gif) left center no-repeat; padding-left: 15px; display: block; } table.slideshow a.next { color: #ffffff; background: url(../images/icon_next.gif) right center no-repeat; padding-right: 15px; display: block; } div.googlemap_parent { border: 1px solid #91826d; padding: 4px; margin-bottom: 20px; } div.googlemap { width: 510px; height: 420px; } a.readmore { background: url(../images/bullet.gif) left center no-repeat; padding: 0px 0px 0px 10px; margin: 15px 0px 15px 0px; display: block; } td.column_01 { padding: 0 20px 0 0; } td.column_02 { padding: 0px; } input[type="button"] { background: #c2b39f; color: #ffffff; text-align: center; font-weight: bold; } input[type="submit"] { background: #c2b39f; color: #ffffff; text-align: center; font-weight: bold; } input[type="radio"] { vertical-align: middle; margin: 0px 2px 0px 0px; padding: 0px 0px 0px 0px; } input[readonly] { background: #f2eadf; } input[disabled] { background: #f2eadf; color: #c2b39f; } select[disabled] { background: #f2eadf; color: #c2b39f; } textarea[readonly] { background: #f2eadf; } ul.tempp { display: inline; margin: 0px; padding: 0px; float: left; } ul.tempp li { display: inline; margin: 0px; padding: 0px 5px 0px 10px; list-style-type: none; background: url(../images/bullet_grey.gif) left center no-repeat; } ul.tempp li:first-child { display: inline; margin: 0px; padding: 0px 5px 0px 0px; list-style-type: none; background-image: none; }