/* --- Default --- */ DIV { position: relative; font: 11px Verdana, Arial, Helvetica; color: #484E54; z-index: 0; } A { text-decoration: none; font: bold 10px Verdana, Arial, Helvetica; color: #105DAD; } A:hover { text-decoration: underline; } h1 { margin: 0px; padding: 0px; font-size: 12px; font-weight: bold; } IMG { border: 0px; } IMG.linkpijl { margin-right: 4px; } INPUT { font: 10px Verdana, Arial, Helvetica; color: #484E54; } SELECT { font: 10px Verdana, Arial, Helvetica; color: #484E54; } TABLE { font: 11px Verdana, Arial, Helvetica; color: #484E54; } TD { vertical-align: top; } TD. valign_middle { vertical-align: middle; } TD. valign_bottom { vertical-align: bottom; } UL { margin: 0px 0px 0px 17px; } html > body UL { margin: 0px 0px 0px -27px; } /* Error messages */ .errormessage { font: 8pt Verdana, Arial, Helvetica; color: Red; height: 20px; width: 400px; vertical-align: baseline; text-align: left; } .ComponentPresentationError { font: 10pt Verdana, Arial, Helvetica; padding: 10px 0px 10px 0px; font-weight: bold; color: Red; height: 20px; width: 600px; vertical-align: baseline; text-align: center; } .ComponentError { font: 8pt Verdana, Arial, Helvetica; color: Red; height: 20px; vertical-align: baseline; text-align: left; } div.businessunit { display: none; } div. businessunit_on { display: block; margin-left: 300px; } div. businessunit_on div.image { width: 150px; float: left; } div. businessunit_on div.body { margin-left: 10px; width: 500px; float: left; } div. businessunit_on div.body h1 { } /* --- Article & News items --- */ .title { font: bold 10px Verdana, Arial, Helvetica; color: #black; } .titel { font: bold 10px Verdana, Arial, Helvetica; color: #black; } .linkjes { font: bold 10px Verdana, Arial, Helvetica; color: #084A9E; padding-bottom: 6px; } .hover { cursor: hand; border: 1px red; } html > body.hover { cursor: pointer; } .hover.title a { text-decoration: underline; } div.pagetitle { float: left; width: 100%; height: 17px; background: #96A0AB; padding: 2px 0px 0px 8px; font-size: 10px; font-weight: bold; color: #FFF; } .WhiteBold { font-size: 10px; font-weight: bold; color: #FFF; } html > body div.pagetitle { height: 16px; } .legalnote { background: #D9E7F7; height: 3%; text-align: center; } /* --- Top balk --- */ td.topbalk { height: 62px; } td.topbalk div.topbalk { height: 63px; width: 100%; z-index: 10; } td.topbalk div.topbalk img.logo { position: absolute; top: 0px; left: 0px; margin: 10px 23px; } td.topbalk div.topbalk td.logo { width: 130px; } td.topbalk div.topbalk td.publication_title { vertical-align: middle; color: #fff; font-weight: bold; } div.topbalk div.rechtsboven { position: absolute; top: 0px; left: 0px; margin: 10px 650px; width: 350px; font-size: 10px; color: #FFF; } div.topbalk div.rechtsboven a { font-size: 10px; color: #FFF; } div.topbalk div.rechtsboven input { width: 170px; height: 20px; vertical-align: middle; voice-family: "\"}\""; voice-family: inherit; height: 20px; } html > body div.topbalk div.rechtsboven input { height: 20px; } div.topbalk div.rechtsboven img.pijlzoeken { margin-left: 3px; vertical-align: middle; } div.topbalk div.status { position: absolute; top: 0px; left: 0px; text-align: right; margin: 44px 701px; width: 270px; font-size: 10px; } div.topbalk div.status img.pijl { margin-right: 3px; } div.topbalk div.status img.land { vertical-align: -45%; } div.topbalk div.navigatie { position: absolute; top: 0px; left: 0px; margin: 46px 23px; width: 600px; font-size: 10px; z-index: 10; } div.topbalk div.navigatie a { font-size: 10px; font-weight: bold; margin: 0px 12px 0px 0px; display: block; float: left; } /* --- Kruimelpad --- div.kruimelpad { width: 1000px; height: 21px; } div.kruimelpad p { margin: 4px 0px 0px 23px; padding: 0px; font-size: 10px; color: #484E54; } div.kruimelpad p a { font-weight: normal; color: #484E54; } */ div.kruimel { background: url(../v9906/images/$File/bg_kruimel.gif) no-repeat top left; height: 20px; padding: 4px 0px 0px 22px; } html > body div.kruimel { height: 16px; } div.kruimel a { font-size: 10px; color: Black; font-weight: normal; } /* --- Linker navigatie --- */ div.linker_navi { position:absolute; top:-1px; width: 179px; overflow: hidden; border-top: 1px solid #ffffff; border-top: 1px solid #ffffff; } div.linker_navi a { display: block; width: 179px; padding-top: 2px; padding-bottom: 3px; background: #FFFFFF; font: #E1F2FC; } div.linker_navi a:hover { } div.linker_navi a.first_level { color: #0054ad; background: #a7c8eb; border-top: 1px solid #ffffff; } div.linker_navi a.first_level_selected { height: 13px; color: #ffffff; background: #0054ad; border-top: 1px solid #ffffff; } div.linker_navi a.first_level_top { height: 13px; color: #0054ad; background: #a7c8eb; } div.linker_navi a.first_level_top_selected { height: 13px; color: #ffffff; background: #0054ad; } div.linker_navi a.second_level { font-weight: normal; color: #0054ad; background: #d9e7f7; } div.linker_navi a.second_level_selected { font-weight: bold; color: #0054ad; background: #ffffff; } div.linker_navi a.other_level { font-weight: normal; color: #0054ad; background: #d9e7f7; } div.linker_navi a.other_level_selected { font-weight: bold; color: #0054ad; background: ffffff; } div.linker_navi a img.blue_arrow { margin: 0px 4px 0px 1px; } div.linker_navi a img.white_arrow { margin: 0px 4px 0px 1px; } /* --- Sub navigatie --- */ div.sub_navigatie { float: left; overflow: hidden; display: block; width: 179px; background: #d9e7f7; } div.sub_navigatie a { display: block; width: 179px; padding-top: 2px; padding-bottom: 3px; background: #d9e7f7; font: #E1F2FC; } div.sub_navigatie a:hover { background: #ffffff; } div.sub_navigatie a.selected { font-weight: bold; color: #0054ad; background: ffffff; } div.visualblok { width: 1020px; height: 205px; } html > body div.visualblok img.visual { width: 1018px; } div.visualblok img.visual { height: 204px; display: block; } div.visualblok.introbg { position: absolute; top: 0px; right: 0px; text-align: center; } div.visualblok.bgsize1 { width: 204px; overflow: hidden; } div.visualblok.bgsize2 { width: 300px; overflow: hidden; } div.visualblok.bgsize3 div.visualblok.bgsize4 { width: 228px; overflow: hidden; } div.visualblok.introtekst { position: absolute; width: 500px; right: 0px; padding-right: 42px; } div.visualblok.introtekst a { font-size: 10px; } div.visualblok.introtekst img.linkpijl { margin-top: 4px; } div.visualblok div.kolum0 { float: right; margin-left: 100px; } div.visualblok div.kolum1 { float: right; text-align: left; } div.visualblok div.kolum2 { width: 130px; float: right; margin-left: 10px; } div.visualblok div.kolum3 { width: 130px; float: right; margin-left: 10px; } div.visualblok div.billboard { position: absolute; top: 30px; width: 500px; z-index: 15; font-size: 11pt; color: white; padding-left: 50px; } /* --- Homepage nieuws kolommen --- */ div.nieuwskolommen { padding-top: 15px; position: relative; width: 816px; } html > body div.nieuwskolommen { padding-top: 15px; position: relative; width: 816px; top: 40px; } div.nieuwskolommen td.title { vertical-align: top; padding-left: 5px; } div.nieuwskolommen td.text { padding-left: 5px; width: 267px; line-height: 16px; padding-top: 5px; } div.nieuwskolommen.kolom2 td.text { width: 350px; padding-top: 5px; } div.nieuwskolommen.kolom1 { float: left; margin-left: 6px; line-height: 16px; background: #FFF; width: 410px; } html > body div.nieuwskolommen.kolom1 { width: 410px; margin-left: 12px; } div.nieuwskolommen.kolom2 { width: 330px; float: left; margin-left: 24px; line-height: 16px; background: #FFF; } html > body div.nieuwskolommen.kolom2 { width: 330px; } div.nieuwskolommen.kolom1. image_space { width: 108px; } div.nieuwskolommen.kolom1.image { vertical-align: top; padding-top: 10px; } div.nieuwskolommen.kolom1.image. bottom_line { width: 108px; border-bottom: 1px solid #084A9E; } div.nieuwskolommen.kolom1.image. right_line { background: url(../v9906/images/$File/streep_bg.gif) no-repeat top left; } div.nieuwskolommen.kolom1 td.linkpijl { width: 10px; text-align: right; } div.nieuwskolommen.kolom2 td.linkpijl { padding-top: 3px; width: 10px; text-align: right; } html > body div.nieuwskolommen td.linkpijl { padding-top: 3px; } div.nieuwskolommen.further1 { padding-left: 127px; float: left; line-height: 16px; } div.nieuwskolommen.further2 { padding-left: 230px; float: left; line-height: 16px; } div.nieuwskolommen.further1 td.title { padding-left: 7px; } div.nieuwskolommen.further2 td.linkpijl { padding-top: 3px; width: 7px; text-align: right; } /* Homepage banner */ td. homepage_banner { border: 1px solid #D9E7F7; background: #D9E7F7; width: 204px; } td. homepage_banner table.banner { position: relative; width: 180px; cursor: hand; top: 20px; left: 16px; } td. homepage_banner table.banner td.linkpijl { width: 10px; } html > body td. homepage_banner table.banner td.linkpijl { padding-top: 5px; } td. homepage_banner table.banner td.title { line-height: 16px; color: #084A9E; padding-right: 9px; } td. homepage_banner table.banner td.text { padding-top: 10px; line-height: 16px; color: #084A9E; padding-right: 9px; } td. homepage_banner table.banner td.image { padding-top: 20px; } /* productsearch */ div.productsmenu div.productsearch { position: absolute; left: 817px; width: 183px; background: #EAEEF2; border-left: voice-family : "\"}\""; voice-family: inherit; height: 50px; } html > body div.productsmenu div.productsearch { height: 47px; width: 181px; } div.productsmenu div.productsearch h1 { background: #96A0AB; margin: 0px; padding: 1px 8px 2px 8px; font-size: 10px; font-weight: bold; color: #FFF; } div.productsmenu div.productsearch input { height: 20px; margin: 5px 2px 0px 7px; width: 147px; voice-family: "\"}\""; voice-family: inherit; height: 20px; } html > body div.productsmenu div.productsearch input { height: 20px; } /* --- inhoud, voor de binnen paginas --- */ div.inhoud { position: relative; float: left; padding-left: 1px; left: 0px; min-height: 100%; height: expression(this.scrollHeight < window.screen.availHeight ? "100%" : "auto"); width: 100%; } /* --- Article --- */ div.inhoud div.context { padding-top: 19px; width: 100%; } div.body img.right { margin: 0px 0px 10px 20px; } div.body img.left { margin: 0px 20px 10px 0px; } div.inhoud div.context div.article { padding-left: 10px; float: left; } div.inhoud div.context div.article div.title { font-size: 10pt; font-weight: bold; color: #105DAD; padding: 2px 0px 10px 0px; width: 620px; } div.inhoud div.context div.article div.body { padding-bottom: 10px; width: 600px; } div.inhoud div.context div.article div.adresses { } div.inhoud div.context div.article div.adresses div.image { float: left; width: 215px; } div.inhoud div.context div.article div.adresses div.adress { float: left; } div.inhoud div.context div.article div.date { text-decoration: italics; } div.inhoud div.context div.article div.subtitle { font-weight: bold; color: #484E54; padding-bottom: 10px; } div.inhoud div.context div.article div.label { font-weight: bold; padding-top: 10px; } div.inhoud div.context div.article div.image { padding-bottom: 10px; } div.inhoud div.context div.article div.list { padding-bottom: 10px; padding-top: 5px; } div.inhoud div.context div.article div.list a { padding-left: 5px; } div.inhoud div.context div.article div.container { width: 800px; } div.inhoud div.context div.article div.container div.body { width: 590px; float: left; } div.inhoud div.context div.article div.container div.image { width: 200px; float: left; padding-left: 10px; } div.inhoud div.context div.article div.container.meerinfo { margin-left: 35px; margin-top: 20px; width: 162px; text-align: center; } div.inhoud div.context div.article div.container.meerinfo h1 { margin: 0px; padding: 0px 0px 0px 0px; font: 11px Verdana, Arial, Helvetica; color: #105DAD; border-bottom: 1px solid #105DAD; background: #FFF; text-align: left; } div.inhoud div.context div.article div.container.meerinfo a { line-height: 18px; padding: 0px 0px 1px 20px; display: block; border-bottom: 1px solid #105DAD; background: url(../v9906/images/$File/pijl_link_blauw.gif) 12px 6px no-repeat #E1F2FC; text-align: left; } div.inhoud div.context div.article div.container.meerinfo img { margin-top: 30px; } div.inhoud div.context div.article div.container.date { text-decoration: italics; } div.inhoud div.context table.tabel { margin-left: 10px; width: 700px; } div.inhoud div.context table.tabel tr.label { font-weight: bold; color: #484E54; font-size: 9pt; line-height: 19px; } div.inhoud div.context table.tabel tr.even { color: #484E54; } div.inhoud div.context table.tabel tr.oneven div.inhoud div.list { margin-left: 10px; }