/* =============== Styles for display on SCREEN */ @media screen, projection { /* ++++++++++++++++++++ RESET TAGS +++++++++++++++++++++ */ * { margin:0; padding:0; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size:100%; color:#000; text-decoration:none; } html { height:100%; background-color:#fff; color:#000; } body { height:100%; background-color:#fff; color:#000; margin:0; padding:0; text-align:left; font-size:62.5%; } fieldset { border:0px solid #fff; } table, td, th { border-collapse:collapse; } img { border:none; } ul { width:auto; list-style:none; } /* ++++++++++++++++++++ Einde RESET TAGS ++++++++++++++++++++ */ /* GLOBALE LAYOUT ============================================================================================================================= */ html, body { background:#d8dbe0; } #PaginaContainer { margin:0 0 0 20px; width:960px; background:White; } #Kop { background:#fff; width:100%; overflow:hidden; } #Inhoud { padding-bottom:60px; min-height:800px; } /*#Inhoud .inhoud { position:relative; }*/ #Inhoud .inhoud .inhouds-opgave { top:0; left:12px; padding-top:5px; } /*#Inhoud .inhoud #broodtekst { margin:0 0 0 250px; padding-top:5px; }*/ #Inhoud .inhoud .rechter-kolom { position:absolute; width:215px; top:0; left:724px; padding-top:5px; } /* Einde GLOBALE LAYOUT ============================================================================================================================= */ /* ALGEMEEN ============================================================================================================================= */ #Inhoud #InfoTekstActive { z-index:1000; position:absolute; background:#6d7f97; color:#fff; width:216px; padding:10px 12px 10px 12px; } #Inhoud #InfoTekstActive p.infoActive, strong.infoActive { color:#fff; } .tekstueel { display:block; visibility:hidden; position:absolute; left:-9999em; } .print { display:none; } a:hover { text-decoration:underline; } /* Einde ALGEMEEN ============================================================================================================================= */ /* #Kop ============================================================================================================================= */ #Kop { position:relative; background:#00c6ff url(../Afbeeldingen/achtergronden/kop.png) 0 0 no-repeat; } #Logo {margin:8px 0 0 45px; width:100%; overflow:hidden; background:#00c6ff; position:relative; background:url(../Afbeeldingen/achtergronden/kop.png) 0 0 no-repeat;} #ServiceMenu { float:right; width:535px; overflow:hidden; margin:5px 16px 5.3em 0; } #ServiceMenu ul { float:right; overflow:hidden; height:1%; } #ServiceMenu li { float:left; padding:0 12px; border-right:1px solid #003D80; font-size:1.1em; font-family: Arial, Geneva, Helvetica, sans-serif; } #ServiceMenu li.laatste { padding:0 0 0 12px; border-right:0; } #HoofdNavigatie { position:absolute; right:15px; bottom:0px; width:100%; overflow:hidden; } #HoofdNavigatie ul { float:right; overflow:hidden; height:1%; } #HoofdNavigatie li { float:left; font-size:1.1em; font-family: Arial, Geneva, Helvetica, sans-serif; } #HoofdNavigatie li a { display:block; float:left; padding:2px 5px; } #HoofdNavigatie li a.organisaties { background:#effbff; } #HoofdNavigatie li a.diensten { background:#effbff; border-left:1px solid #00c6ff; border-right:1px solid #00c6ff; } #HoofdNavigatie li a.informatie { background:#000; color:#fff; } #HoofdNavigatie li a.particulieren { background:#99c9ff; } #HoofdNavigatie li a.ondernemers { background:#ffd499; } #HoofdNavigatie li a.veel-gevraagd { background:#ecfba4; } /* Header */ .header { font-size:110%; height: 73px; border-bottom: 12px solid #ff8a00; background-color: White; } .header h1 a { top: 33px; left: 27px; position: absolute; } .header img { border: none !important; } .header p { padding: 12px 0 0 12px; color: #6D7F97; } /* Options */ /* Tekstgrootte */ .header dl { position: absolute; top: 28px; left: 835px; overflow: visible; border: none; } .header dd a, .header dd span.tekst-kleiner, .header dd span.tekst-groter { display:block; float:left; height:1.4em; width:1.4em; border:1px solid #6d7f97; text-align:center; text-decoration:none; color:#000; } .header dd span.tekst-kleiner, .header dd span.tekst-groter { border:1px solid #d8dbe0; color:#d8dbe0; background:#fff; } .header dd span.tekst-groter { border-left:0px solid #fff; } .header dd .tekst-kleiner { border-right:0px solid #f00 !important; } .header dd a.alleen-kleiner { border-right:1px solid #6d7f97 !important; } .header dd a:hover { background:#6d7f97; color:#fff; } .header dd, .header dt { line-height: normal; border: none; padding: 1px 0; margin: 0; width: auto; display: block; float: left; clear: none; } .header dt { font-weight: normal; padding-right: 10px; } .header #contrast { position: absolute; top: 28px; left: 720px; background: url(../Afbeeldingen/hyperlinks/pijl-links-zwart-klein.gif) 1px 6px no-repeat; color: #000; padding-left: 13px; line-height: 15px; } .header #contrast:hover { background: url(../Afbeeldingen/hyperlinks/pijl-links-zwart-kl-zw.gif) 1px 6px no-repeat; text-decoration: underline; } /* Einde #Kop ============================================================================================================================= */ /* #ServiceNavigatie ============================================================================================================================= */ #ServiceNavigatie { background:#000; overflow:hidden; width:954px; padding:0 6px 0 0; } /* tijdelijk: */ #ServiceNavigatie { height:29px; } #ServiceNavigatie li { float:left; font-size:1.1em; } #ServiceNavigatie ul.hoofd-navigatie { float:left; width:550px; } #ServiceNavigatie ul.hoofd-navigatie li a { height:23px; display:inline-block; padding:8px 12px 0 11px; float:left; color:#fff; } #ServiceNavigatie ul.hoofd-navigatie li a strong { color:#fff; } #ServiceNavigatie ul.hoofd-navigatie li a:hover { background:#505960; text-decoration:none; } #ServiceNavigatie ul.hoofd-navigatie li a.active { background: #8C9DB1; color: #000 !important;} #ServiceNavigatie ul.hoofd-navigatie li .active strong { color: #000 !important;} #ServiceNavigatie ul.service-navigatie { float:right; overflow:visible; height:1%; } #ServiceNavigatie ul.service-navigatie li a { height:23px; display:inline-block; padding:8px 12px 0 11px; float:left; color:#fff; } #ServiceNavigatie ul.service-navigatie li a:hover { background:#505960; text-decoration:none; } /* Einde #ServiceNavigatie ============================================================================================================================= */ /* #Inhoud ============================================================================================================================= */ /* .titel-balk --------------------------- */ /* .zoeken --------------------------- */ #Inhoud .titel-balk input.tekst { border:1px solid #999; font-size:1.1em; padding:3px 0; color:#000; } #Inhoud .titel-balk input.tekst.geen-focus { color:#7f7f7f; } #Inhoud .titel-balk .zoeken { padding:10px 0 0px 0px; width:250px; float:left;} #Inhoud .titel-balk .zoeken label { font-size:1.1em; font-weight:normal; color:White; width:80px; height:28px; margin-left:10px; } #Inhoud .titel-balk .zoeken input.tekst { width:180px; margin-left:10px; } #Inhoud .titel-balk .zoeken input.zoek-button { padding-top:3px; position:relative; top:6px;} #Inhoud .titel-balk .zoeken a { background:transparent url(../Afbeeldingen/hyperlinks/pijl-links-wit.gif) no-repeat 196px 1px; color:#FFFFFF; display:block; padding-right:40px; text-align:right; text-decoration:none; } #Inhoud .titel-balk .zoeken a:hover { background:url(../Afbeeldingen/hyperlinks/pijl-links-wit-ro.gif) no-repeat 196px 1px; text-decoration:underline; } #Inhoud .titel-balk .zoeken a.info{ background: url(../afbeeldingen/hyperlinks/info.gif) no-repeat left 0px !important; display: inline-block !important; margin-left: 5px !important; float: none; height:12px; padding-right:0px; text-indent:-999em; width:12px; } #Inhoud .titel-balk .zoeken a.info:hover { background: url(../afbeeldingen/hyperlinks/info-active.gif) no-repeat left 0px !important; display: inline; /*IE6*/ } /* Einde .zoeken --------------------------- */ #Inhoud .titel-balk { padding:0 0 10px 0px; width:100%; background:#8C9DB1; margin-bottom:18px; overflow:hidden; position:relative;} #Inhoud .titel-balk .titel { float:left; width:430px; padding:13px 0 0 7px;} #Inhoud .titel-balk .titel strong.titel-tekst a { color:#fff; font-size:2.1em; font-weight:normal; display:block; } #Inhoud .titel-balk .titel strong.titel-tekst a:hover { color:#fff; font-weight:normal; display:block; text-decoration:none;} #Inhoud .titel-balk .titel .broodkruimels { padding-bottom:7px; } #Inhoud .titel-balk .titel .broodkruimels a { color:#fff; font-size:1.1em; line-height:1em; padding:0 12px 0 9px; background:url(../Afbeeldingen/hyperlinks/pijl-links-wit-klein.gif) 1px 5px no-repeat; } #Inhoud .titel-balk .webrichtlijnen { padding:0px 3px 3px 0px; position:absolute; right:0px; bottom:0px;} /* Einde .titel-balk --------------------------- */ /* .resultaat-navigatie --------------------------- */ #Inhoud .resultaat-navigatie { width:948px; overflow:hidden; padding:0 0 18px 12px; } #Inhoud .resultaat-navigatie .linker-kolom { width:217px; float:left; border-top:1px solid #d8dbe0; margin-right:20px; } #Inhoud .resultaat-navigatie .rechter-kolom { width:450px; float:left; border-top:1px solid #d8dbe0; } #Inhoud .resultaat-navigatie a { display:block; font-size:1.1em; padding:3px 0 4px 0; border-bottom:1px solid #d8dbe0; } #Inhoud .resultaat-navigatie a:hover { border-bottom:1px solid #000; text-decoration:none; } #Inhoud .resultaat-navigatie a.terug { padding-left:12px; background:url(../Afbeeldingen/hyperlinks/pijl-rechts-zwart.gif) 1px 7px no-repeat; } #Inhoud .resultaat-navigatie a.terug:hover { background:url(../Afbeeldingen/hyperlinks/pijl-rechts-zwart-ro.gif) 1px 6px no-repeat; } #Inhoud .resultaat-navigatie a.vorig { padding-left:12px; width:190px; float:left; background:url(../Afbeeldingen/hyperlinks/pijl-rechts-zwart.gif) 1px 7px no-repeat; } #Inhoud .resultaat-navigatie a.vorig:hover { background:url(../Afbeeldingen/hyperlinks/pijl-rechts-zwart-ro.gif) 1px 6px no-repeat; } #Inhoud .resultaat-navigatie a.volgend {margin-top:-21px;display:inline-block; padding-right:17px; text-align:right; width:160px; float:right; background:url(../Afbeeldingen/hyperlinks/pijl-links-zwart.gif) 169px 7px no-repeat; } #Inhoud .resultaat-navigatie a.volgend:hover { background:url(../Afbeeldingen/hyperlinks/pijl-links-zwart-ro.gif) 169px 6px no-repeat; } #Inhoud .resultaat-navigatie a.resultaat-index { display:inline-block; width:90px; float:left; text-align:center; border-bottom:1px solid d8dbe0; } #Inhoud .resultaat-navigatie a.resultaat-index:hover { text-align:center; border-bottom:1px solid d8dbe0; } /* Einde .resultaat-navigatie --------------------------- */ /* .logo-nummer --------------------------- */ #Inhoud .logo-nummer { width:928px; height:80px; overflow:hidden; margin:0 0 22px 12px; background:#e7ebef; } #Inhoud .logo-nummer .logo-blok { float:left; height:80px; width:666px; } #Inhoud .logo-nummer .NLlogo { display:block; float:left; width:229px; height:80px; } #Inhoud .logo-nummer .logo { float:left; width:437px; height:48px; } #Inhoud .logo-nummer .sublogo { float:left; width:437px; height:32px; } #Inhoud .logo-nummer .nummer { display:block; float:left; width:246px; font-size:1.1em; color:#566478; line-height:1.6em; text-align:right; padding:4px 16px 0 0; } /* Einde .logo-nummer --------------------------- */ /* .inhoud-opgave --------------------------- */ #Inhoud .inhouds-opgave { } #Inhoud .inhouds-opgave span.toon-opgave { padding:3px 5px 6px 6px; margin:0 0 18px 0; display:block; font-size:1.1em; border-bottom:3px solid #ff8a00; } #Inhoud .inhouds-opgave a.toon-opgave { padding:3px 5px 6px 12px; margin:0 0 18px 0; display:block; font-size:1.1em; border-bottom:3px solid #ff8a00; background:url(../Afbeeldingen/hyperlinks/pijl-links-zwart.gif) 1px 5px no-repeat; } #Inhoud .inhouds-opgave a.toon-opgave:hover { text-decoration:none; background:url(../Afbeeldingen/hyperlinks/pijl-links-zwart-ro.gif) 1px 4px no-repeat; } #Inhoud .inhouds-opgave ul { width:222px; margin-bottom:30px; } #Inhoud .inhouds-opgave li { display:inline; font-size:1.1em; } #Inhoud .inhouds-opgave li a { position:relative; display:block; padding:3px 0 4px 12px; background:url(../Afbeeldingen/hyperlinks/pijl-links-zwart.gif) 1px 6px no-repeat; } #Inhoud .inhouds-opgave li a:hover { text-decoration:none;background:url(../Afbeeldingen/hyperlinks/pijl-links-zwart-ro.gif) 1px 5px no-repeat; } /* Einde .inhoud-opgave --------------------------- */ /* .actie-lijst --------------------------- */ #Inhoud .actie-lijst { width:215px; padding-bottom:20px } #Inhoud .actie-lijst strong { font-size: 1.1em; padding:2px 5px 6px 3px; } #Inhoud .actie-lijst input { cursor:pointer; float:left; border:0; padding:4px 25px 5px 15px; text-align:center; background:#000 url(../Afbeeldingen/buttons/pijl-knop.gif) 100% 8px no-repeat; color:#fff; font-size:1.1em; } #Inhoud .actie-lijst input:hover { background:#ff8a00 url(../Afbeeldingen/buttons/pijl-knop-ro.gif) 100% 7px no-repeat; } #Inhoud .actie-lijst.transparant { background-color: White; filter:alpha(opacity=80); } #Inhoud .actie-lijst h2 { color:#E67C00; font-size:1.2em; line-height:1.2em; border-bottom:3px solid #ff8a00; padding:2px 5px 6px 3px; } #Inhoud .actie-lijst li { display:inline; line-height:1.45em; font-size:1.1em; } #Inhoud .actie-lijst li a { position:relative; display:block; padding:3px 10px 4px 3px; border-bottom:1px solid #d8dbe0; background:url(../Afbeeldingen/hyperlinks/pijl-rechts-onder-zwart.gif) 100% 100% no-repeat; } #Inhoud .actie-lijst li a:hover { border-bottom:1px solid #000; text-decoration:none; background:url(../Afbeeldingen/hyperlinks/pijl-rechts-onder-zwart-ro.gif) 100% 100% no-repeat; } #Inhoud .actie-lijst li a.afdrukken { padding-right:18px; background:url(../Afbeeldingen/hyperlinks/afdrukken.gif) 199px 6px no-repeat;} #Inhoud .actie-lijst li a.afdrukken:hover { background:url(../Afbeeldingen/hyperlinks/afdrukken-ro.gif) 199px 6px no-repeat;} #Inhoud .actie-lijst li a.opslaan { padding-right:20px; background:url(../Afbeeldingen/hyperlinks/opslaan.gif) 199px 5px no-repeat; } #Inhoud .actie-lijst li a.opslaan:hover { background:url(../Afbeeldingen/hyperlinks/opslaan-ro.gif) 199px 5px no-repeat;} #Inhoud .actie-lijst li a.extern { padding-right:20px; background:url(../Afbeeldingen/hyperlinks/extern.gif) 199px 5px no-repeat; } #Inhoud .actie-lijst li a.extern:hover { background:url(../Afbeeldingen/hyperlinks/extern-ro.gif) 199px 5px no-repeat;} #Inhoud .actie-lijst li a.downloadPdf { padding-right:20px; background:url(../Afbeeldingen/hyperlinks/pdf_small.png) 190px 6px no-repeat;} #Inhoud .actie-lijst li a.downloadPdf:hover { background:url(../Afbeeldingen/hyperlinks/pdf_small.png) 190px 6px no-repeat;} #Inhoud .actie-lijst li a.downloadHtml { padding-right:20px; background:url(../Afbeeldingen/hyperlinks/html_small.png) 190px 1px no-repeat;} #Inhoud .actie-lijst li a.downloadHtml:hover { background:url(../Afbeeldingen/hyperlinks/html_small.png) 190px 1px no-repeat;} #Inhoud .actie-lijst li a.downloadOdt { padding-right:20px; background:url(../Afbeeldingen/hyperlinks/odt_small.png) 190px 1px no-repeat;} #Inhoud .actie-lijst li a.downloadOdt:hover { background:url(../Afbeeldingen/hyperlinks/odt_small.png) 190px 1px no-repeat;} #Inhoud .actie-lijst li a.downloadXml { padding-right:20px; background:url(../Afbeeldingen/hyperlinks/xml_small.png) 190px 1px no-repeat;} #Inhoud .actie-lijst li a.downloadXml:hover { background:url(../Afbeeldingen/hyperlinks/xml_small.png) 190px 1px no-repeat;} #ResultBWBLinks .extra {background-color:Red; position:relative; overflow-x:hidden !important; overflow-y:auto !important; height:500px; } /* Einde .actie-lijst --------------------------- */ /* Einde #Inhoud ============================================================================================================================= */ /* #VolledigeInhoudsOpgave ============================================================================================================================= */ #VolledigeInhoudsOpgave { width:690px; padding-left:12px; } #VolledigeInhoudsOpgave .kop { width:690px; overflow:hidden; border-bottom:3px solid #ff8a00; margin-bottom:4px; } #VolledigeInhoudsOpgave .kop a { position:relative; background:url(../Afbeeldingen/hyperlinks/pijl-rechts-zwart.gif) 1px 10px no-repeat; width:225px; float:left; padding:8px 0 0 12px; font-weight:bold; font-size:1.1em; display:block; } #VolledigeInhoudsOpgave .kop a:hover { background:url(../Afbeeldingen/hyperlinks/pijl-rechts-zwart-ro.gif) 1px 9px no-repeat; text-decoration:none; } #VolledigeInhoudsOpgave .kop h1 { width:450px; float:left; padding:0 0 2px 3px; line-height:1.4em; font-size:1.8em; color:#E67C00; font-family: Arial, Geneva, Helvetica, sans-serif; font-weight:normal;} #VolledigeInhoudsOpgave p { color:#E67C00; font-size:1.1em; padding:0 0 8px 3px; } #VolledigeInhoudsOpgave #InhoudsOpgave { width:453px; padding:0 0 0 237px; } #VolledigeInhoudsOpgave #InhoudsOpgave ul { margin-top:20px; border-top:1px solid #d8dbe0; } #VolledigeInhoudsOpgave #InhoudsOpgave ul ul, #VolledigeInhoudsOpgave #InhoudsOpgave ul ul ul, #VolledigeInhoudsOpgave #InhoudsOpgave ul ul ul ul, #VolledigeInhoudsOpgave #InhoudsOpgave ul ul ul ul ul { margin-top:0; border-top:0; } #VolledigeInhoudsOpgave #InhoudsOpgave ul li a { font-size:1.2em; padding:4px 15px 5px 3px; color:#E67C00; display:block; font-weight:bold; border-bottom:1px solid #d8dbe0; position:relative; background:url(../Afbeeldingen/hyperlinks/pijl-rechts-onder-zwart.gif) 100% 100% no-repeat; } #VolledigeInhoudsOpgave #InhoudsOpgave ul li a:hover { border-bottom:1px solid #000; background:url(../Afbeeldingen/hyperlinks/pijl-rechts-onder-zwart-ro.gif) 100% 100% no-repeat; text-decoration:none; } #VolledigeInhoudsOpgave #InhoudsOpgave ul li li a, #VolledigeInhoudsOpgave #InhoudsOpgave ul li li li a, #VolledigeInhoudsOpgave #InhoudsOpgave ul li li li li a #VolledigeInhoudsOpgave #InhoudsOpgave ul li li li li li a { font-size:1.1em; color:#000; font-weight:normal;} /* Einde #VolledigeInhoudsOpgave ============================================================================================================================= */ } /* =============== Einde of Styles for display on SCREEN */ /* =============== Styles for PRINT */ @media print { *{ font-size:100%; color:#000; text-decoration:none; font-family:Arial, Helvetica, sans-serif; } html, body { background:#fff; } a {text-decoration: underline; color: #0000ff; } #Kop, #Paging, #Rechter-Kolom, #SubNavigatie, #Titel-Balk, #LoginPopUp, #Persoonlijk, #ResultaatNavigatie, #KorteInhoudsOpgave, #VolledigeInhoudsOpgave, .tekstueel, .hoofd-navigatie, .service-navigatie, .periode, .sorting, .titel-balk, .volgende, .vorige, .footer { display: none; } #Officieel { font-size:110%; font-weight: bold; display:block; visibility:visible;} /* .lijst --------------------------- */ #Inhoud .lijst { padding-bottom:24px; } #Inhoud .lijst li { display:inline; line-height:1.45em; } #Inhoud .lijst li a { position:relative; display:block; padding:3px 12px 4px 3px; border-bottom:1px solid #d8dbe0; background:url(../Afbeeldingen/hyperlinks/pijl-rechts-onder-zwart.gif) 100% 100% no-repeat; } #Inhoud .lijst li a em { display:block; color:#E67C00; padding-top:2px; font-style:normal; } /* Einde .lijst --------------------------- */ } /* =============== Einde of styles for PRINT */