/* 1B1C41 = donker blauw 10BBF1 = fel blauw 0c89b0 = hover van de main-nav */ @media screen { /* ++++++++++++++++++++ RESET TAGS +++++++++++++++++++++ */ * { margin:0; padding:0; border:0; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:100%; color:#000; text-decoration:none; } html, body { height:100%; background-color:#fff; } body { height:100%; margin:0; padding:0; text-align:left; width:1000px; } .hide { display:none !important; } dt { width:15%; float:left; margin:0; padding:5px; font-weight:bold; } dd { margin:0; padding:5px; float:left; border-left :1px solid #1B1C41; width:70%; } dl { background:#10BBF1; overflow:hidden; border :1px solid #1B1C41; font-size: .7em; margin: 0; padding: 0; } table, td, th { border-collapse:collapse; } img { display:block; border:none; } ul { width:auto; list-style:none; } /* Bug fix: IE5: 3 px aan onderkant li */ ul { margin-top:0px !important; margin-top /**/:3px;} ul li { margin-top:0px !important; margin-top /**/:-3px;} #navigatie-zone ul { margin-top:0px !important; } #navigatie-zone ul li { margin-top:0px !important; } /* end bug fix */ li a, li strong { display:block; } * html li a, * html li strong, * html li span { height:1%; } /* This corrects the huge white-space that IE on Windows adds to the bottom of linked list-items (=IE bug) */ /* ++++++++++++++++++++ EINDE RESET TAGS /* ++++++++++++++++++++ */ /* ++++++++++++++++++++ GLOBALE LAYOUT /* ++++++++++++++++++++ */ /* Algemeen */ body { background:#FFF url(../afbeeldingen/achtergronden/ag-body.gif) 0px 0px no-repeat; } #kop-achtergrond { background:#FFF url(../afbeeldingen/achtergronden/ag-kop.gif) 0 0 no-repeat; } #kop-zone { margin:0; padding:0 0 8px 0; width:100%; overflow:hidden; font-size:0.69em; } html>body #kop-zone { width:760px; min-width:760px; max-width:960px; width:auto; margin-right:8px; } #navigatie-zone { margin:0 0 34px 0; padding:0; width:99%; overflow:hidden; } html>body #navigatie-zone { width:760px; min-width:760px; max-width:960px; width:auto; margin-right:8px; } #navigatie-zone .container { margin-left:20px; height:0.01%; } /* height voor ie5+*/ #navigatie-zone #navigatie-achtergrond { float:left; clear:left; width:100%; background-color:#1B1C41; } /* navigatie-zone met kruimelpad - voor op dossier pagina's */ #navigatie-zone.dossier { margin-bottom:4px; } #inhoud-achtergrond { background:transparent url(../afbeeldingen/achtergronden/ag-inhoud.gif) 0 0 repeat-x;} #inhoud-zone { padding:0 0 20px 0; margin:0; overflow:hidden; width:100%; background:transparent url(../afbeeldingen/achtergronden/ag-inhoud-zone.gif) 0 0 repeat-y;} html>body #inhoud-zone { width:760px; min-width:760px; max-width:960px; width:auto; margin-right:8px; } /*#hoofd-zone .container { width:100%; }*/ #subnavigatie-kolom { float:left; background:url(../afbeeldingen/achtergronden/ag-inhoud-top.gif) 0 0 no-repeat; width:26.5%; padding:26px 0 0 0; margin:8px 0 0 0; } #inhoud-kolom { float:left; width:46%; padding:23px 0 0 0;} /* definities pagina met tabel over de volledige pagina breedte */ #inhoud-kolom.brede { width:73.5%; } #inhoud-kolom.brede .een-kolom { margin:0 0 0 33px; } #inhoud-kolom.brede h2, #inhoud-kolom.brede ul.kruimelpad, #inhoud-kolom.brede .een-kolom h2, #inhoud-kolom.brede .een-kolom h3, #inhoud-kolom.brede .een-kolom h4, #inhoud-kolom.brede .een-kolom p, #inhoud-kolom.brede .een-kolom ul, #inhoud-kolom.brede .een-kolom ol, #inhoud-kolom.brede .een-kolom form, #inhoud-kolom.brede .een-kolom div.detailres { width:64%; } #inhoud-kolom.brede h2, #inhoud-kolom.brede ul.kruimelpad { width:61%; } /* toegevoegd 30jan06 voor brede bladerbalk in fotoalbum-overzicht.html */ #inhoud-kolom.brede .een-kolom ul.bladeren { width:100%; } /* einde toegevoegd 30jan06 */ /* einde definities */ /* geneste elementen terugzetten*/ #inhoud-kolom.brede .een-kolom div.detailres ul { width:auto; } /*.een-kolom { background-color:#EFE; width:99.5%; }*/ .een-kolom, #inhoud-kolom h2, #inhoud-kolom ul.kruimelpad { margin:0 0px 0 33px; } /* linkermarge waar begint horizontale lijnen van tabellen en lijsten, enz */ * html .een-kolom { height:1%; } .twee-kolommen, .drie-kolommen { margin:0; padding:0px; overflow:hidden; width:99.5%; } .twee-kolommen .container, .drie-kolommen .container { padding:0 0px 0 33px; } .twee-kolommen .linker-kolom { float:left; width:50% !important; width /**/:45%; } .twee-kolommen .rechter-kolom { float:right; width:49.99% !important; width /**/:45%; } html>body .twee-kolommen .rechter-kolom { width:50% !important; } .twee-kolommen .linker-kolom .container { padding:0 10px 0 0px; } .twee-kolommen .rechter-kolom .container { padding:0 0px 0 10px; } .drie-kolommen .linker-kolom, .drie-kolommen .midden-kolom, .drie-kolommen .rechter-kolom { float:left; width:33.2%;} .drie-kolommen .linker-kolom { } .drie-kolommen .midden-kolom { } .drie-kolommen .rechter-kolom { float:right; } #attentie-kolom { float:right; border-top:4px solid #1B1C41; width:24.6%; padding:0; margin:8px -3px 0 0; } #attentie-kolom.kolom-illustratie { margin-top:0; } #voet-achtergrond { clear:both; width:100%; margin-top:-1px !important; margin-top:0; background:#FFF url(../afbeeldingen/achtergronden/ag-voet.gif) 0% 100% no-repeat; } #voet-zone { width:100%; overflow:hidden; padding:0 0 124px 0; } html>body #voet-zone { width:760px; min-width:760px; max-width:960px; width:auto; } #voet-zone ul { margin-right:23.5%; padding:0 0 18px 0; text-align:right; vertical-align:top; } #voet-zone ul li { display:inline; } #print-knop { display:none; } #doorsturen-knop { display:block; } #voet-zone ul li#doorsturen-knop a { display:inline; line-height:2.0em; margin:0 20px 0 0; padding:3px 18px 3px 0; background:transparent url(../afbeeldingen/bullets/blt-li-a-stuurdoor.gif) 100% 0.22em no-repeat; font-size:0.69em; } #voet-zone ul li#doorsturen-knop a:hover { text-decoration:underline; background:transparent url(../afbeeldingen/bullets/blt-li-a-stuurdoor-ro.gif) 100% 0.22em no-repeat; } #voet-zone ul li#print-knop a { display:inline; line-height:2.0em; margin:0 50px 0 0; padding:3px 20px 3px 0; background:transparent url(../afbeeldingen/bullets/blt-li-a-print.gif) 100% 0.22em no-repeat; font-size:0.69em; } #voet-zone ul li#print-knop a:hover { text-decoration:underline; background:transparent url(../afbeeldingen/bullets/blt-li-a-print-ro.gif) 100% 0.22em no-repeat; } #voet-zone ul li#doorsturen-knop a, #voet-zone ul li#doorsturen-knop a:hover, #voet-zone ul li#print-knop a, #voet-zone ul li#print-knop a:hover { background-position:100% 0.22em !important; background-position:100% 0.42em; } #rss-knop { display:block; } #voet-zone ul li#rss-knop a { display:inline; line-height:2.0em; margin:0 20px 0 0; padding:3px 18px 3px 0; background:transparent url(../afbeeldingen/bullets/blt-li-a-rss.gif) 100% 0.22em no-repeat; font-size:0.69em; } #voet-zone ul li#rss-knop a:hover { text-decoration:underline; background:transparent url(../afbeeldingen/bullets/blt-li-a-rss-ro.gif) 100% 0.22em no-repeat; } #voet-zone ul li#rss-knop a, #voet-zone ul li#rss-knop a:hover, #voet-zone ul li#doorsturen-knop a, #voet-zone ul li#doorsturen-knop a:hover, #voet-zone ul li#print-knop a, #voet-zone ul li#print-knop a:hover { background-position:100% 0.22em !important; background-position:100% 0.42em; } #inhoud-kolom ul li#rss-knop {border:none;background:none;float:right;} #inhoud-kolom ul li#rss-knop a { text-decoration:none;display:inline; line-height:2.0em; margin:0 0px 0 0; padding:3px 18px 3px 0; background:transparent url(../afbeeldingen/bullets/blt-li-a-rss.gif) 100% 0.22em no-repeat; font-size:1em; } #inhoud-kolom ul li#rss-knop a:hover { text-decoration:none; background:transparent url(../afbeeldingen/bullets/blt-li-a-rss-ro.gif) 100% 0.22em no-repeat; } /* ++++++++++++++++++++ EINDE GLOBALE LAYOUT /* ++++++++++++++++++++ */ /* ++++++++++++++++++++ ELEMENTEN /* ++++++++++++++++++++ */ /* =============== Algemene elementen */ .tekstbrowser { display:block; visibility:hidden; position:absolute; left:-1000px; } .lijn-horizontaal hr { display:none;} .lijn-horizontaal { border-top:1px solid #1B1C41; height:1px; margin:0 0 20px 0; background-color:#10BBF1; clear:both; font-size:0em; } #inhoud-kolom hr { border-top:1px solid #1B1C41; height:1px; margin:0 0 20px 0; background-color:#10BBF1; clear:both; font-size:0em; } /* =============== EINDE Algemene elementen */ /* =============== kop ELEMENTEN */ /* logo ELEMENTEN */ h1 { display:inline; float:left; width:350px; height:79px; margin:22px 0 -10px 0px; padding:0; background:url(../afbeeldingen/logos/logo-site.gif) left bottom no-repeat; text-indent:-2000px;} /* display inline voor ie5+ */ h1 a { display:block; width:350px; height:63px; } #kop-zone h1 a:hover { background-color:transparent; } .print { display:none; } html>body img.print { display:block; height:1px; width:1px; margin:-1px 0 0 -1px; } /* taal-menu + tekstvergroting ELEMENTEN */ #taal-menu { display:inline; float:right; margin:10px 0 0 0; } /* display inline voor ie5+ */ #taal-menu ul { float:left; } /* voor safari nodig*/ #taal-menu li { padding-right:20px; } #taal-menu li, #taal-menu li a { float:left; } #taal-menu #tekstgr label { display:block; padding:2px 8px 0px 0px; color:#FFF} #taal-menu #tekstgr li { position:relative; padding:0; } #taal-menu #tekstgr li a { display:block; height:0px !important; height /**/:18px; padding-top:18px; overflow:hidden;} #taal-menu #tekstgr li a#tekstplu { width:17px; background:#FFF url(../afbeeldingen/knoppen/knop-plus.gif) -1px 0px no-repeat; } #taal-menu #tekstgr li a#tekstmin { width:18px; background:#FFF url(../afbeeldingen/knoppen/knop-min.gif) 0px 0px no-repeat; } #taal-menu #tekstgr li a#tekstplu:hover { background:#FFF url(../afbeeldingen/knoppen/knop-plus-ro.gif) -1px 0px no-repeat; } #taal-menu #tekstgr li a#tekstmin:hover { background:#FFF url(../afbeeldingen/knoppen/knop-min-ro.gif) 0px 0px no-repeat; } #taal-menu #tekstgr li a#tekstplu.onactief, #taal-menu #tekstgr li a#tekstplu.onactief:hover { background:#FFF url(../afbeeldingen/knoppen/knop-plus-nonact.gif) -1px 0px no-repeat; cursor:default; } #taal-menu #tekstgr li a#tekstmin.onactief, #taal-menu #tekstgr li a#tekstmin.onactief:hover { background:#FFF url(../afbeeldingen/knoppen/knop-min-nonact.gif) 0px 0px no-repeat; cursor:default; } #kop-zone br { clear:both; } /* zoek form ELEMENTEN */ #kop-zone form { display:inline; float:right; clear:right; width:40%; margin:39px 0 8px 0px;} /* display inline voor ie5+ */ #kop-zone form fieldset { float:right; } #kop-zone form label { display:none; } #kop-zone input { float:left; padding:1px; width:177px; border:1px solid #1B1C41; } html>body #kop-zone input { width:16.65em; } #kop-zone #zoekknop { height:1.5em; border:none; padding:1px 5px; width:auto; color:#FFF; background-color:#1B1C41; cursor:pointer; } html>body #kop-zone #zoekknop { padding:0px 5px 2px 5px; } #kop-zone #zoekknop.muisOver { color:#fff; background-color:#4D4D4D; cursor:pointer; } /* zoekmenu ELEMENTEN */ #zoek-menu { width:100%; float:left; clear:left; } /* clear left fixt ie5+ 'spring bug' */ #zoek-menu ul { display:inline; float:right; margin-right:8px; } /* display inline voor ie5+ */ #zoek-menu li { float:left; } #zoek-menu li a { color:#FFF; float:left; padding:2px; } #zoek-menu li a:hover { color:#000; background-color:#cccccc; } #zoek-menu li { padding-left:20px; } /* navigatie ELEMENTEN */ /* kop kruimelpad (default) definities */ #navigatie-zone ul { clear:both; height:1%; margin-left:26.5%; padding:16px 0 0 18px; } /* linkerpadding = .een-kolom linkermarge + standaard inhoud-kolom elementen linkerpadding */ #navigatie-zone li { float:left; margin-bottom:6px; font-size:0.69em; line-height:1em; color:#fff; } #navigatie-zone li a { display:inline; padding:0 10px 0 2px; line-height:1.2em; color:#fff; } #navigatie-zone li a:hover { text-decoration:underline; } #navigatie-zone li.dossiertitel { clear:left; margin-bottom:0; } #navigatie-zone li.dossiertitel strong, #navigatie-zone li.dossiertitel a { font-size:2em; font-weight:normal; color:#fff; } /* kruimelpad (default) definities terugzetten */ #navigatie-zone #navigatie-achtergrond ul { clear:none; margin-left:0; padding:0; } #navigatie-zone #navigatie-achtergrond li { margin-bottom:0; } #navigatie-zone #navigatie-achtergrond li a:hover { text-decoration:none; } ul#hoofdnavigatie { float:left; } ul#hoofdnavigatie li a { float:left; padding:8px 15px; background-color:#1B1C41; font-weight:bold; } ul#hoofdnavigatie li a:hover { background-color:#0c89b0;color:#000 } ul#hoofdnavigatie li.actief a, ul#hoofdnavigatie li.actief a:hover { background-color:#10BBF1; color:#000; } ul#service-blok { float:right; } ul#service-blok li a { float:left; padding:8px 9px; background-color:#1B1C41; } ul#service-blok li a:hover { background-color:#0c89b0;color:#000 } ul#service-blok li.actief a, ul#service-blok li.actief a:hover { background-color:#10BBF1; color:#000; } /* =============== EINDE kop ELEMENTEN */ /* =============== content ELEMENTEN */ #subnavigatie-kolom ul { margin-top:0px !important; } #subnavigatie-kolom ul li { margin-top:0px !important; border-bottom:0px solid red; display:block !important; display /**/:inline; } #subnavigatie-kolom ul { background:url(../afbeeldingen/achtergronden/ag-li-subnav.gif) 0 0 no-repeat; } #subnavigatie-kolom li { padding:0; } #subnavigatie-kolom li a { background:url(../afbeeldingen/achtergronden/ag-li-subnav.gif) 0 100% no-repeat; font-weight:bold; font-size:0.69em; } #subnavigatie-kolom li a:hover { cursor:pointer; } #subnavigatie-kolom li span { display:block; line-height:1.35em; } #subnavigatie-kolom li a span, #subnavigatie-kolom li.geselecteerd a span { background:url(../afbeeldingen/bullets/blt-subnav-li-a.gif) 0 0 no-repeat; padding:2px 0 6px 31px; } #subnavigatie-kolom li a:hover { background:url(../afbeeldingen/achtergronden/ag-li-subnav-ro.gif) 0 100% no-repeat; } #subnavigatie-kolom li a:hover span { background:url(../afbeeldingen/bullets/blt-subnav-li-a-ro.gif) 0 0 no-repeat; } #subnavigatie-kolom li.geselecteerd a { padding:1px 0 0 0; background:url(../afbeeldingen/achtergronden/ag-li-subnav-keuze.gif) 0 100% no-repeat; } #subnavigatie-kolom li.geselecteerd a:hover { background:url(../afbeeldingen/achtergronden/ag-li-subnav-keuze-ro.gif) 0 100% no-repeat; } #subnavigatie-kolom li strong { background:url(../afbeeldingen/achtergronden/ag-li-subnav-keuze.gif) 0 100% no-repeat; margin:0; padding:3px 0 5px 31px; font-size:0.69em; color:#fff; } #subnavigatie-kolom li strong span, #subnavigatie-kolom li.geselecteerd span { color:#fff; } #subnavigatie-kolom li.open a, #subnavigatie-kolom li.open a:hover { background:url(../afbeeldingen/achtergronden/ag-li-subnav-ro.gif) 0 100% no-repeat; } #subnavigatie-kolom li.open.geselecteerd a { padding:1px 0 0 0; background:url(../afbeeldingen/achtergronden/ag-li-subnav-keuze.gif) 0 100% no-repeat; } #subnavigatie-kolom li.open.geselecteerd a:hover { background:url(../afbeeldingen/achtergronden/ag-li-subnav-keuze-ro.gif) 0 100% no-repeat; } #subnavigatie-kolom li.open a span, #subnavigatie-kolom li.geselecteerd.open a span { background:url(../afbeeldingen/bullets/blt-subnav-li-open.gif) 0 0 no-repeat; } #subnavigatie-kolom li.open a:hover span, #subnavigatie-kolom li.geselecteerd.open a:hover span { background:url(../afbeeldingen/bullets/blt-subnav-li-open-ro.gif) 0 0 no-repeat; } #subnavigatie-kolom ul ul { margin-top:-1px; background:url(../afbeeldingen/achtergronden/ag-li-subnav.gif) 0 100% no-repeat; border:none; } #subnavigatie-kolom li.open.geselecteerd li a, #subnavigatie-kolom li.open li a { background:transparent url(../afbeeldingen/achtergronden/ag-li-subnav-li.gif) 0 100% no-repeat; } #subnavigatie-kolom li.open.geselecteerd li a:hover, #subnavigatie-kolom li.open li a:hover { background:transparent url(../afbeeldingen/achtergronden/ag-li-subnav-li-ro.gif) 0 100% no-repeat; } #subnavigatie-kolom li.open li a span { background:none; padding:2px 0 6px 43px; } #subnavigatie-kolom li.open li a:hover span, #subnavigatie-kolom li.open.geselecteerd li a:hover span { background:url(../afbeeldingen/bullets/blt-subnav-li-li-a-ro.gif) 0 0 no-repeat; } #subnavigatie-kolom li.open li strong, #subnavigatie-kolom li.open.geselecteerd li strong { font-weight:normal; } #subnavigatie-kolom li.open.geselecteerd li a span { color:#000; } #subnavigatie-kolom li.open.geselecteerd li.geselecteerd a span { color:#fff; } #subnavigatie-kolom li.open li strong, #subnavigatie-kolom li.open.geselecteerd li strong { background:url(../afbeeldingen/achtergronden/ag-li-subnav-li-keuze.gif) 0 100% no-repeat; padding:3px 0 5px 43px; font-size:0.69em; color:#fff; } #subnavigatie-kolom li.open li.geselecteerd a, #subnavigatie-kolom li.open li.geselecteerd a:hover { background:url(../afbeeldingen/achtergronden/ag-li-subnav-li-keuze.gif) 0 100% no-repeat; padding:1px 0 0 0; font-size:0.69em; color:#fff; } #subnavigatie-kolom li.open li.geselecteerd a:hover span { background:url(../afbeeldingen/bullets/blt-subnav-li-li-a-keuze-ro.gif) 0 0 no-repeat; } #subnavigatie-kolom li.open li { background:url(../afbeeldingen/achtergronden/ag-li-subnav-li.gif) 0 100% no-repeat; } #subnavigatie-kolom li.open li a { background:none; padding:0; border-bottom:none; font-weight:normal; } #subnavigatie-kolom ul li ul li .cms span { background-color:#ccc !important;color:red; font-weight:bold;margin-left:20px;padding-left:20px !important; } #subnavigatie-kolom ul li .cms span { background-color:#ccc !important;color:red; font-weight:bold;margin-left:0px;padding-left:30px !important; background-image:none;} #subnavigatie-kolom ul li ul li .cms span:hover { text-decoration:underline;background-image:none !important;} #subnavigatie-kolom ul li .cms span:hover { text-decoration:underline;background-image:none !important;} #subnavigatie-kolom ul li a.cms:hover span, #subnavigatie-kolom li.open li a.cms:hover span { text-decoration:underline;background-image:none !important;} #cms-edit { font-size:11px !important;background-color:#ccc; padding:7px; font-size:0.69em;width:215px;float:left;margin-left:30px;border:2px solid red;color:red;font-weight:bold} #cms-edit img { display:inline;} #cms-edit a{ color:red;} #cms-edit a:hover{ text-decoration:underline;} .cms-edit{ font-size:11px !important;background-color:#ccc; padding:7px; font-size:0.69em;border:2px solid red;color:red;font-weight:bold;float:right;} .cms-edit a{ color:red;} .cms-edit a:hover{ text-decoration:underline;} /* Standaard */ /* deze zijn de standaard inhoud-kolom elementen linkerpadding voor alle elementen */ /* die geen horizontale lijnen gebruiken (tabellen, lijsten, enz) */ /* .schaalbeeld apart gedefineerd */ #inhoud-kolom ul li a, #attentie-kolom ul li a, #inhoud-kolom h3, #attentie-kolom h3, #inhoud-kolom h4, #inhoud-kolom h5, #inhoud-kolom ol, #inhoud-kolom ul, #inhoud-kolom li strong, #inhoud-kolom p, #inhoud-kolom .illu-links, #inhoud-kolom .illu-rechts, #inhoud-kolom caption, #inhoud-kolom th.col1, #inhoud-kolom td.col1, #inhoud-kolom ul.bladeren, #inhoud-kolom ul.paginering, #inhoud-kolom .sort-data, #inhoud-kolom dt, #inhoud-kolom dd, #inhoud-kolom dd.extern a, #inhoud-kolom form.sorteer-form label, #inhoud-kolom form.zoek-opnieuw label, #inhoud-kolom form.zoekterm label, .standaard-formulier label, #inhoud-kolom .standaard-formulier .form-knoppen, #inhoud-kolom .foto-preview img, #inhoud-kolom .wetgevingsfasen span { padding-left:3px; } #inhoud-kolom h2 { clear:left; padding:8px 0 15px 3px; font-size:1.125em; font-weight:normal; color:#1B1C41; font-family : Arial, Helvetica, sans-serif; } /* linker- en rechter-marge gedefineerde bij .een-kolom */ #inhoud-kolom p.subtitel { margin:-10px 0 15px 30px; padding-left:6px; font-size:0.69em; font-weight:normal; color:#ff8600; font-family : Verdana, Helvetica, sans-serif; } #inhoud-kolom .een-kolom p.subtitel { margin-left:0; padding-left:3px; } #inhoud-kolom h2 a { color:#ff8600; font-family : Arial, Helvetica, sans-serif; } #inhoud-kolom h3, #attentie-kolom h3 { font-size:0.75em; font-weight:bold; color:#1B1C41;line-height:140%; } #inhoud-kolom h3 { margin:0 0 12px 0; margin-bottom:3px;} #inhoud-kolom .twee-kolommen h3 { margin:15px 0 8px 0; } #attentie-kolom h3 { margin:20px 0 4px 0; } #inhoud-kolom h4 { font-size:0.69em; padding-bottom:4px; } /* padding-left standaard gedefineerd */ #inhoud-kolom h4.attentie { color:#1B1C41; } #inhoud-kolom h5 { } #inhoud-kolom p { margin-bottom:20px; font-size:0.69em; line-height:1.4em; } #attentie-kolom p { margin:0 0 20px 3px; font-size:0.69em; line-height:1.4em; } #inhoud-kolom p a, #attentie-kolom p a { border-bottom:1px solid #969696; color:#969696;} #inhoud-kolom p a:visited, #attentie-kolom p a:visited { color:#666; } #inhoud-kolom .kenmerken { color:#1B1C41; } #inhoud-kolom p.kenmerken, #inhoud-kolom p.fototekst { margin-top:4px; color:#1B1C41;} #inhoud-kolom p span.kenmerken { display:block; margin:0 0 4px 0; } #inhoud-kolom blockquote { margin-bottom:20px; padding:10px 0; border-top:1px solid #ff8600; border-bottom:1px solid #ff8600; } #inhoud-kolom blockquote p { margin-bottom:0; font-size:0.88em; font-weight:normal; color:#ff8600; font-family : Arial, Helvetica, sans-serif; } /* losse link die kan worden toegevoegd aan items; Gedrag gelijk aan link-lijst met één item */ #inhoud-kolom p a.link-lees-meer { display:block; border-top:1px solid #1B1C41; border-bottom:1px solid #1B1C41; margin:4px 0 0 0; padding:2px 15px 3px 0; color:#000 !important; background:#fff url(../afbeeldingen/bullets/blt-li-a-standaard.gif) 100% 100% no-repeat; } * html #inhoud-kolom p a.link-lees-meer { height:1%; } #inhoud-kolom p a.link-lees-meer:hover { background:#fff url(../afbeeldingen/bullets/blt-li-a-standaard-ro.gif) 100% 100% no-repeat; border-bottom:1px solid #000; } #inhoud-kolom p a.link-lees-meer.extern { background:#fff url(../afbeeldingen/bullets/blt-li-a-extern.gif) 100% 100% no-repeat; } #inhoud-kolom p a.link-lees-meer.extern:hover { background:#fff url(../afbeeldingen/bullets/blt-li-a-extern-ro.gif) 100% 100% no-repeat; } #inhoud-kolom p a.link-lees-meer.download { background:#fff url(../afbeeldingen/bullets/blt-li-a-download.gif) 100% 100% no-repeat; } #inhoud-kolom p a.link-lees-meer.download:hover { background:#fff url(../afbeeldingen/bullets/blt-li-a-download-ro.gif) 100% 100% no-repeat; } /* naar boven definities */ #inhoud-kolom a.link-naar-boven { font-size:1em; display:block; margin:-15px 0 10px 0; padding:2px 20px 4px 0; text-align:right; background: url(../afbeeldingen/bullets/blt-li-a-boven.gif) 100% 100% no-repeat; color:#1B1C41; border-bottom:1px solid #1B1C41 !important; } #inhoud-kolom a.link-naar-boven:hover { text-decoration:underline; background: url(../afbeeldingen/bullets/blt-li-a-boven-ro.gif) 100% 100% no-repeat; } /* lijst ELEMENTEN - inhoud- EN attentie-kolom (default) */ #inhoud-kolom ol { margin:0 0 10px 20px; line-height:1em; } #inhoud-kolom ol li { font-size:0.69em; font-weight:normal; color:#000; } #inhoud-kolom ol li span { font-weight:normal; color:#000; } #inhoud-kolom ul, #attentie-kolom ul { margin-bottom:20px; } #inhoud-kolom ul.link-lijst { padding:0; border-top:1px solid #1B1C41; } #inhoud-kolom ul.link-lijst.geen-koplijn { border-top:none; } #attentie-kolom ul.link-lijst { padding:0; border-top:3px solid #1B1C41; } #inhoud-kolom ul li, #attentie-kolom ul li { padding:0 0 0 12px; background:transparent url(../afbeeldingen/bullets/bullets.gif) 0 -1195px no-repeat; font-size:0.69em; line-height:1.45em; } #inhoud-kolom ul.link-lijst li, #attentie-kolom ul.link-lijst li, #inhoud-kolom ul.print-knop li, #inhoud-kolom .sort-data ul li, #inhoud-kolom ul.bladeren li, #inhoud-kolom ul.paginering li, #inhoud-kolom ul.kruimelpad li, #inhoud-kolom ul.abc-lijst li { padding:0; background:none; } /*uitzondering voor ie5 */ #inhoud-kolom ul.link-lijst li { padding:0 !important; padding /**/:0px 0 3px 0px; } /* let op - paddings zijn apart gedefineerd zodat de linkerpadding wordt niet overgeschreven */ #inhoud-kolom ul li a, #attentie-kolom ul li a, #inhoud-kolom dd.extern a { padding-top:2px; padding-right:15px; padding-bottom:3px; border-bottom:1px solid #1B1C41 !important; background:url(../afbeeldingen/bullets/blt-li-a-standaard.gif) 100% 100% no-repeat; } html>body #inhoud-kolom ul li a.met-afbeelding { height:auto; overflow:hidden; } #attentie-kolom ul li a { margin-top:0; border-top:none; } #inhoud-kolom ul li a:hover, #attentie-kolom ul li a:hover, #inhoud-kolom dd.link a:hover { border-bottom:1px solid #000 !important; background:url(../afbeeldingen/bullets/blt-li-a-standaard-ro.gif) 100% 100% no-repeat; ;color:#000 !important} #inhoud-kolom ul li a strong { padding-left:0; } #inhoud-kolom ul.link-lijst ul { margin-bottom:0; margin-left:-3px; } /*voor meerdere definities - zie .resultaten*/ #inhoud-kolom ul.link-lijst li strong { display:inline; } #inhoud-kolom ul li.anker { display:inline; } #inhoud-kolom ul li.anker a { width:auto; overflow:hidden !important; overflow:visible; background-image: url(../afbeeldingen/bullets/blt-li-a-anker.gif); } #inhoud-kolom ul li.anker a:hover { background-image: url(../afbeeldingen/bullets/blt-li-a-anker-ro.gif); } #inhoud-kolom ul li.anker a span.num { padding-right:5px; } /* sorteer definities - zie ook default definities */ #inhoud-kolom .sort-data { margin-bottom:20px; width:100%; overflow:hidden; } #inhoud-kolom .sort-data p { margin:0 0 4px 0; padding:0; } #inhoud-kolom .sort-data strong { color:#1B1C41; } #inhoud-kolom .sort-data label { float:left; padding:1px 1em 0 0; font-size:0.69em; } #inhoud-kolom .sort-data ul li { float:left; padding:0 0.32em 0 0; color:#000; } #inhoud-kolom .sort-data ul li span { font-weight:bold; color:#ff8600; } #inhoud-kolom .sort-data ul li a { display:inline; padding:0; background:none; border:none; font-weight:normal; } #inhoud-kolom .sort-data ul li a:hover { text-decoration:underline; background:none; border:none; } /* resultaten, resultaten groep en resultaten detail lijst definities */ #inhoud-kolom .resultaten { margin:0; } #inhoud-kolom .resultaten.groep { margin:0 0 20px 0; } #inhoud-kolom .detailres { margin:0 0 20px 0; border-top:1px solid #1B1C41; } #inhoud-kolom .resultaten.groep p { margin-bottom:4px; } #inhoud-kolom .resultaten ul, #inhoud-kolom .detailres ul { margin:0; border:none; } #inhoud-kolom .detailres ul { border-color:#1B1C41; } #inhoud-kolom .resultaten.groep ul { border-top:4px solid #1B1C41; } #inhoud-kolom .resultaten ul li a { padding-top:8px; } #inhoud-kolom .resultaten ul li li a { padding-top:1px; } #inhoud-kolom .resultaten ul li a strong, #inhoud-kolom .detailres ul li a strong { display:inline; } #inhoud-kolom .resultaten li li, #inhoud-kolom .detailres li li { background:transparent url(../afbeeldingen/bullets/blt-li-li.gif) 3px 7px no-repeat; } #inhoud-kolom .detailres li li a, #inhoud-kolom .resultaten ul li li a, #inhoud-kolom li li a { font-size:148%; line-height:135%; padding-left:12px; background-color:transparent !important; } #inhoud-kolom .detailres li li, #inhoud-kolom .resultaten li li { } #inhoud-kolom .resultaten li li a span, #inhoud-kolom .detailres li li a span { font-size:0.97em; line-height:1.35em; } /* resultaten bladeren definities - zie ook default definities */ #inhoud-kolom ul.bladeren, #inhoud-kolom ul.paginering { padding:6px 0 6px; width:100%; overflow:hidden; } body#foto-module #inhoud-kolom ul.bladeren { display:none; } #inhoud-kolom ul.bladeren.boven { margin:0 0 3px 0; border-bottom:4px solid #1B1C41; } #inhoud-kolom div.bladeren.boven { margin:0 0 3px 0; border-bottom:3px solid #1B1C41; } #inhoud-kolom ul.bladeren.onder, #inhoud-kolom ul.paginering.onder { position:relative; top:-1px; margin:-3px 0 20px 0; border-top:4px solid #1B1C41; } #inhoud-kolom div.bladeren.onder { position:relative; top:-1px; margin:-1px 0 20px 0; border-top:3px solid #1B1C41; } #inhoud-kolom ul.bladeren li, #inhoud-kolom ul.paginering li { float:left; width:2em; text-align:center; line-height:1.3em; border-right:1px solid #1B1C41; color:#1B1C41; } #inhoud-kolom ul.bladeren li a.actief, #inhoud-kolom ul.bladeren li span { padding:0; line-height:1.1em; font-weight:bold; color:#ff8600; } #inhoud-kolom ul.bladeren li a, #inhoud-kolom ul.paginering li a { display:inline; padding:0; line-height:1.1em; background:none; border-bottom:0; color:#1B1C41; } #inhoud-kolom ul.bladeren li a:hover, #inhoud-kolom ul.paginering li a:hover { text-decoration:underline; color:#000; background:none; border:0; } #inhoud-kolom ul li.volgende, #inhoud-kolom ul.paginering li.vorige { border:0; } #inhoud-kolom ul li.vorige { padding:0 5px 0 1px; width:auto !important; } #inhoud-kolom ul li.volgende { padding:0 0 0 5px; width:auto !important; } #inhoud-kolom ul.bladeren li.vorige a, #inhoud-kolom ul.bladeren li.volgende a, #inhoud-kolom ul.paginering li a { font-weight:bold; } #inhoud-kolom ul.bladeren li.vorige a, #inhoud-kolom ul.paginering li.vorige a { padding-left:0.32em; } #inhoud-kolom ul.bladeren li.volgende a, #inhoud-kolom ul.paginering li.volgende a { padding-right:0.32em; } #inhoud-kolom ul.bladeren li.vorige a:hover, #inhoud-kolom ul.bladeren li.volgende a:hover, #inhoud-kolom ul.paginering li.vorige a:hover, #inhoud-kolom ul.paginering li.volgende a:hover { background:none; border-bottom:none; } /* specifiek definities voor paginering */ #inhoud-kolom ul.paginering li.volgende { float:right; padding-right:3px; } /* inhoud kruimelpad definities - zie ook default definities */ #inhoud-kolom ul.kruimelpad { height:1%; border:none; } /* linker- en rechter-marge gedefineerde bij .een-kolom */ #inhoud-kolom ul.kruimelpad li { float:left; line-height:1em; color:#1B1C41; } #inhoud-kolom ul.kruimelpad li a { display:inline; padding:0 10px 0 2px; border:none; background:none; line-height:1.2em; color:#1B1C41; } /* note:this blue is different to the other blue on the page - si? */ #inhoud-kolom ul.kruimelpad li a:hover { background-color:transparent; text-decoration:underline; background-image:none; } /* abc lijst definities - zie ook default definities */ #inhoud-kolom ul.abc-lijst { width:100%; overflow:hidden; border-top:1px solid #dadada; border-bottom:1px solid #dadada; } #inhoud-kolom ul.abc-lijst li { float:left; } #inhoud-kolom ul.abc-lijst a, #inhoud-kolom ul.abc-lijst span { float:left; background:none; padding:3px 4px 3px 3px; border-bottom:1px solid #fff; font-weight:bold; } #inhoud-kolom ul.abc-lijst a:hover { background:none; border-bottom:1px solid #000; } #inhoud-kolom ul.abc-lijst span { color:#ccc; } #inhoud-kolom ul.link-lijst li a { font-weight:normal; } #inhoud-kolom ul.link-lijst li.extern a, #inhoud-kolom dd.extern a { background:url(../afbeeldingen/bullets/blt-li-a-extern.gif) 100% 100% no-repeat; font-weight:normal; } #inhoud-kolom ul.link-lijst li.extern a:hover, #inhoud-kolom dd.extern a:hover { background:url(../afbeeldingen/bullets/blt-li-a-extern-ro.gif) 100% 100% no-repeat; } #inhoud-kolom ul.link-lijst li.download a { background:url(../afbeeldingen/bullets/blt-li-a-download.gif) 100% 100% no-repeat;font-weight:normal; } #inhoud-kolom ul.link-lijst li.download a:hover { background:url(../afbeeldingen/bullets/blt-li-a-download-ro.gif) 100% 100% no-repeat; } #attentie-kolom ul.link-lijst li.download a { background:url(../afbeeldingen/bullets/blt-li-a-download.gif) 100% 100% no-repeat; } #attentie-kolom ul.link-lijst li.download a:hover { background:url(../afbeeldingen/bullets/blt-li-a-download-ro.gif) 100% 100% no-repeat; } #attentie-kolom ul.link-lijst li.extern a, #inhoud-kolom dd.extern a { width:215px; background:url(../afbeeldingen/bullets/blt-li-a-extern.gif) 100% 100% no-repeat; } #attentie-kolom ul.link-lijst li.extern a:hover, #inhoud-kolom dd.extern a:hover { background:url(../afbeeldingen/bullets/blt-li-a-extern-ro.gif) 100% 100% no-repeat; } /* Afbeelding gekoppeld aan list-item */ #inhoud-kolom span.illustratie { display:block; margin:-2px -15px 3px -3px; background-position:50% 0%; background-repeat:no-repeat; } /* definitie van wetgevingsfasen lijsten */ #inhoud-kolom ul#wetkalender.link-lijst { padding:3px 0 0 0; border:none; } #inhoud-kolom div#wetkalender { padding:0 0 3px 0; font-size:0.69em; border-bottom:3px solid #1B1C41; height:1.8em; } #inhoud-kolom div.bij-wetkalender { font-size:0.69em; color:#1B1C41; margin:2px 0 25px 3px; } #inhoud-kolom div.bij-wetkalender strong { color:#1B1C41; } #inhoud-kolom .wetgevingsfasen { display:block; position:relative; width:100%; } #inhoud-kolom .wetgevingsfasen .fase-nummers { width:100%; overflow:hidden !important; overflow /**/:visible; } #inhoud-kolom .wetgevingsfasen .fase-nummers span.faselabel { float:left; padding:2px 1em 0 3px; } #inhoud-kolom div#wetkalender .fase-nummers span.faselabel { float:left; padding:4px 1em 0 3px; } #inhoud-kolom .wetgevingsfasen .fase-nummers span.fase { display:block;float:left; margin:1px 1px 0px 0px; padding:0px 4px !important; } #inhoud-kolom div#wetkalender .fase-nummers span.fase { padding:2px 4px 1px 4px !important; } #inhoud-kolom .wetgevingsfasen .fase-nummers span.fase.vorige { background:#fff !important; border:1px solid #c5c5c5; color:#1B1C41; } #inhoud-kolom .wetgevingsfasen .fase-nummers span.fase.huidige { border:1px solid #1B1C41; background:#192772 !important; color:#fff; } #inhoud-kolom .wetgevingsfasen .fase-nummers span.fase.volgende { background:#fff !important; border:1px solid #c5c5c5; color:#1B1C41; } #inhoud-kolom .wetgevingsfasen .fase-nummers span.fase:hover, #inhoud-kolom .wetgevingsfasen .fase-nummers span.fase.over { background:#192772 !important; border:1px solid #1B1C41; color:#fff; } .fase-nummers span.fase span.toelichting { display:none; position:absolute; margin:1.43em 0 0 0; left:0px; background:#192772; color:#fff; padding:3px 3px; width:311px !important; width /**/:317px; z-index:999; } .fase-nummers span.fase:hover span.toelichting { display:block; } .fase-nummers span.fase.huidige:hover span.toelichting { display:none; } html>body .fase-nummers span.fase:hover span.toelichting { margin:2px 0 0 0; } html>body div#wetkalender .fase-nummers span.fase:hover span.toelichting { margin:3px 0 0 0; } #inhoud-kolom .wetgevingsfasen span.actieve-toelichting { clear:both; color:#1B1C41; display:block; margin:0 0 8px -3px; } #inhoud-kolom .wetgevingsfasen span.actieve-toelichting strong {color:#1B1C41;} #inhoud-kolom .wetgevingsfasen span.extra-toelichting {clear:both; display:block; margin-left:-3px; } #inhoud-kolom .wetgevingsfasen span { cursor:pointer; } /* uitzondering voor lijsten met een combinatie van bullets en links - zie foutpagina404 */ #inhoud-kolom div.combi-lijst ul { margin-bottom:10px; border-bottom:1px solid #fff; } #inhoud-kolom div.combi-lijst ul.link-lijst { margin-bottom:10px; } #inhoud-kolom div.combi-lijst li strong { margin-bottom:-5px; } /* foto lijst definities - zie ook default definities */ #inhoud-kolom.brede div.foto-lijst { width:100% !important; width /**/:99.5%; overflow:hidden; padding:17px 0 0 0; margin-bottom:10px !important; margin-bottom:20px; } #inhoud-kolom.brede div.foto-lijst a { float:left; position:relative; width:102px; wid\th:100px; height:102px; heig\ht:100px; margin:0 9px 20px 0; border:1px solid #c5c5c5; background:none; } #inhoud-kolom.brede div.foto-lijst a img { display:none; } /* fotoalbum definities */ #foto-beeld { padding-top:15px; margin-bottom:7px; width:100%; border-top:4px solid #1B1C41; } #foto-beeld p { margin-bottom:0; } #foto-beeld .fotogr { width:297px; overflow:hidden; } #foto-beeld .fotogr .deco { position:relative; width:292px; height:292px; margin:0 0 7px 3px; border:1px solid #c5c5c5; } html>body #foto-beeld .fotogr .deco { display:table; position:static; } #foto-beeld .fotogr .pos { position:absolute; top:50%; text-align:center; } html>body #foto-beeld .fotogr .pos { display:table-cell; position:static; vertical-align:middle; } #foto-beeld .fotogr img { position:relative; top:-50%; margin:0 auto; } #foto-beeld .fotogr a { float:right; margin-bottom:20px; padding-right:25px; background:#fff url(../afbeeldingen/knoppen/knop-plus.gif) 100% 0px no-repeat; font-size:0.69em; line-height:1.7em; } #foto-beeld .fotogr a:hover { background-image:url(../afbeeldingen/knoppen/knop-plus-ro.gif); text-decoration:underline; } #inhoud-kolom .foto-preview img { margin-bottom:20px; } #inhoud-kolom .foto-preview.deel2 img { margin-top:20px; } #inhoud-kolom .naar-overzicht { margin-top:-10px; color:#1B1C41; font-size:0.69em;} #inhoud-kolom .naar-overzicht a { margin-top:20px; padding-left: 5px; color:#1B1C41; font-weight: bold; } #inhoud-kolom .naar-overzicht a:hover { text-decoration: underline; } /* schaalbaar illustratie definitions */ .schaalbeeld { text-indent:-2000px; background-position:0% 0% !important; background-repeat:no-repeat !important; overflow:hidden; } #inhoud-kolom .schaalbeeld { margin-left:3px; } #inhoud-kolom .illu-links, #inhoud-kolom .illu-rechts { width:99%; overflow:auto; background:#fff;} #inhoud-kolom .illu-links p, #inhoud-kolom .illu-rechts p { padding:0; } #inhoud-kolom .illu-links img { float:left; margin-right:12px; padding:0; } #inhoud-kolom .illu-rechts img { float:right; margin-left:12px; padding:0; } /* =============== EINDE content ELEMENTEN */ #inhoud-kolom form { } #inhoud-kolom label, #inhoud-kolom input, #inhoud-kolom select, #inhoud-kolom textarea { font-size:0.69em; } form.sorteer-form { margin-bottom:20px; } form.sorteer-form label { float:left; width:33%; } form.sorteer-form.breed label { float:left; width:38%; } form.sorteer-form select { width:50%; margin-bottom:5px; border:1px solid #777; padding:1px 0px 1px 0px; } form.sorteer-form br { clear:left; } /* de volgende 2 regels maak een wissel van padding en margin voor ie/gecko */ form.sorteer-form .button { margin-left:33% !important; margin-left:3px; padding-left:3px !important; padding-left:33%; } form.sorteer-form.breed .button { margin-left:38% !important; margin-left:3px; padding-left:3px !important; padding-left:38%; } * html form.sorteer-form .button { margin-left:6px !important; margin-left /**/:3px } form.sorteer-form .toon { padding:0px 5px; color:#fff; background-color:#000; cursor:pointer; height:1.6em; } html>body form.sorteer-form .toon { padding:0px 5px 3px 5px; } /* wordt geactiveerd door javascript: standaard.js */ form.sorteer-form .toon.muisOver { background-color:#4D4D4D; } form.zoek-opnieuw, form.zoekterm { margin-bottom:20px; } form.zoek-opnieuw fieldset { padding-top:15px; border-top:1px solid #1B1C41; } form.zoekterm fieldset { padding-top:10px; } form.zoek-opnieuw label, form.zoekterm label { float:left; width:30%; } form.zoek-opnieuw input, form.zoekterm input { width:67%; margin-bottom:10px; padding:1px; border:1px solid #000; } form.zoek-opnieuw input.kwart-formaat { width:15%; } form.zoek-opnieuw label.tussen-label { border:1px solid red; float:left; width:auto; } form.zoek-opnieuw select { width:68.5%; margin-bottom:10px; padding:1px; border:1px solid #000; } /* .button gekoppeld aan form.zoek-opnieuw */ form.zoekterm .button, form.zoek-opnieuw .button { margin-left:30% !important; margin-left:3px; padding-left:3px !important; padding-left:30%; } /*wissel van padding en margin voor ie/gecko*/ * html form.zoekterm .button, * html form.zoek-opnieuw .button { margin-left:6px !important; margin-left /**/:3px } form.zoek-opnieuw .zoek, form.zoekterm .zoek { padding:0px 25px; width:auto; color:#fff; background-color:#000; cursor:pointer; height:1.6em;} html>body form.zoekterm .zoek { padding:0px 35px 3px 35px; } /* muisOver wordte geactiveerd door javascrip: zie standaard.js */ form.zoek-opnieuw .zoek.muisOver, form.zoekterm .zoek.muisOver { background-color:#4D4D4D; } /* standaard formulier stijlen */ form.standaard-formulier { display:block; padding:0; } html>body form.standaard-formulier { padding:0 0 10px 0; } .standaard-formulier .kop-formulier { border-bottom:4px solid #1B1C41; margin:10px 0 5px 0; width:100%; overflow:hidden; clear:both; } #inhoud-kolom .standaard-formulier .kop-formulier h3.titel-formulier { float:left; width:58%; margin:0; font-size:0.69em; line-height:1.8em; font-weight:bold; color:#1B1C41; } #inhoud-kolom .standaard-formulier .kop-formulier p.stappen { line-height:1.8em; float:right; width:38%; margin:0; padding:0 4px 0 0; text-align:right; } p.stappen strong { background-color:#1B1C41; padding:3px 5px 3px 5px; margin:0 -4px 0 0; font-weight:normal; color:#fff; } #inhoud-kolom p.stappen a { border-bottom:none !important; background-color:#000; padding:3px 5px 3px 5px !important; margin:0 -4px 0 0 !important; font-weight:normal; color:#fff !important;} #inhoud-kolom p.stappen a:visited { color:#fff; } #inhoud-kolom .standaard-formulier .opmerking { float:right; padding:3px 10px 10px 0; margin:0; font-size:0.64em; color:#1B1C41; } .standaard-formulier fieldset { margin:0px; padding:0 10px 20px 0; } #inhoud-kolom .standaard-formulier .form-knoppen { width:98.5%; overflow:hidden; margin:0; border-bottom:4px solid #1B1C41; padding-right:3px; padding-bottom:7px; } .standaard-formulier .lijn-horizontaal { border-top:1px solid #d8d8d8; clear:both; margin:0; } .standaard-formulier fieldset .lijn-horizontaal { display:none; border-top:1px solid #ade5f7; margin:10px -10px 10px 0px; } #inhoud-kolom .standaard-formulier h4 { margin:15px 0 6px 0; } .standaard-formulier br { clear:left; } .standaard-formulier label { width:100%; padding-top:2px; padding-bottom:3px; display:block; color:#1B1C41; } .standaard-formulier input { display:block; width:75%; border:1px solid #777; padding:2px; margin:0 0 5px 3px; } .standaard-formulier input.kwart-formaat { width:25%; } .standaard-formulier select { width:76.5%; border:1px solid #777; padding:2px; margin:2px 0 5px 3px; } html>body .standaard-formulier select { padding:0; height:1.5em; } .standaard-formulier textarea { width:76.5%; border:1px solid #777; } .standaard-formulier .invoer-reeks { padding:2px 0 6px 0; } .standaard-formulier .tekstveld-reeks { padding:2px 0 6px 0; clear:right; } .standaard-formulier .invoer-reeks label { color:#000; font-weight:normal; float:left; width:auto; margin:0 20px 0 0; padding-left:0; } .standaard-formulier .tekstveld-reeks label { color:#000; font-weight:normal; float:left; width:auto; margin:0 10px; } html>body .standaard-formulier .invoer-reeks label { width:auto; margin:-2px 20px 0 0; } .standaard-formulier .invoer-reeks input { float:left; width:auto; height:auto; border:none; margin:0 5px 0 0 !important; margin-left:-2px; } .standaard-formulier .tekstveld-reeks input { float:left; } .standaard-formulier input, .standaard-formulier select, .standaard-formulier textarea, .standaard-formulier .invoer-reeks { margin-left:3px; } /* 3px standaard linker inspring */ .standaard-formulier .knop-wis, .standaard-formulier .knop-annuleer, .standaard-formulier .knop-vorige-stap { cursor:pointer; float:left; border:none; width:8em; margin:0 10px 10px 0; background-color:#1B1C41; color:#fff; } .standaard-formulier .knop-volgende-stap { cursor:pointer; float:right; border:none; width:9.5em; margin:0 0 10px 0; background-color:#000; color:#fff; } html>body .standaard-formulier .knop-volgende-stap { margin:0 0 10px 0; } /* muisOver wordt geactiveerd door javascrip: zie standaard.js */ .standaard-formulier .knop-volgende-stap.muisOver, .standaard-formulier .knop-wis.muisOver, .standaard-formulier .knop-annuleer.muisOver, .standaard-formulier .knop-vorige-stap.muisOver { background-color:#4D4D4D; } #inhoud-kolom p.foutmelding { padding:10px 0 0 19px; margin:0 0 0 3px; text-indent:-19px; font-size:0.64em; font-weight:bold; color:#f00; } /* 3px standaard linker inspring */ #inhoud-kolom fieldset p.foutmelding { padding:5px 0 5px 19px; } #inhoud-kolom p.foutmelding strong.waarschuwingsteken { padding:0 4px; margin:0 5px 0 0; background-color:#f00; color:#fff; } .standaard-formulier label.foutmarkering { color:#f00; } #inhoud-kolom p.controle-gegevens { margin:0; padding-bottom:20px; } /* padding-left standaard 3px */ .standaard-formulier strong.label-titel { display:block; color:#1B1C41; padding:5px 0px 2px 0px; } /* Einde standaard formulier stijlen */ a:focus { -moz-outline-style: none; } #inhoud-kolom a { color:#1B1C41 !important;font-weight:bold;text-decoration:none !important;border-bottom:0px solid !important; } #inhoud-kolom a:visited { color:#1B1C41; } #inhoud-kolom a:hover { color: #000 !important;border-bottom:1px solid !important; } /* AANGEPAST FORMULIER STIJLEN */ h4 a{ font-size:12px;margin-top:5px !important;color:red !important; display:block; width:100%;border-bottom:2px solid;padding-bottom:2px;} h4 a:hover{color:#990000 !important} .formulier { font-size:16px;width:95%;} .formulier fieldset { margin:0;padding:0;border-left:2px solid #CCC;padding-left:10px;padding-bottom:10px;} .formulier label { height:18px;font-size:11px !important;width:90% !important; padding-top:2px; display:block;color:red;margin:0;margin-top:2px; } .formulier input, .formulier textarea { font-size:11px !important;display:block; width:90%; border:1px solid #ccc; padding:2px; margin:0;margin-top:0px; } .formulier input:hover, .formulier input:focus { border:1px solid #777; } .formulier .button { height:21px;width:auto; display:inline; border:1px solid #777; padding:2px; padding-top:0px; margin-top:5px; margin-right:5px;} .formulier .button:hover { border:1px solid #000;} .formulier .float { width:auto !important;float:left;} .formulier .radio { width:auto !important;float:left;margin-top:8px;margin-right:10px;height:15px;} .formulier label:focus { -moz-outline-style: none;} .formulier .radio:focus { -moz-outline-style: none;} .formulier select{font-size:11px !important;border:1px solid #ccc;width:92% } .formulier select .hoofdrubriek{ background:#ccc;} .formulier-smal label { height:18px;font-size:11px !important;width:90% !important; padding-top:2px; display:block;color:red;margin:0;margin-top:2px;} .formulier-smal fieldset { margin:0;border-left:2px solid #CCC;padding-left:10px;padding-bottom:10px;} .formulier-smal input {height:16px; font-size:11px !important;display:block; width:90% !important; border:1px solid #ccc; padding:2px; margin:0; } .formulier-smal input:hover, .formulier-smal input:focus { border:1px solid #777; } .formulier-smal .button { height:21px;width:auto; display:inline; border:1px solid #777; padding:2px; padding-top:0px; margin-top:5px; margin-right:5px;} .formulier-smal .button:hover { border:1px solid #000;} .formulier-smal .float { width:auto !important;float:left;} .formulier-smal .radio { border:none;width:auto !important;float:left;margin-top:8px;margin-right:10px;height:15px;} .formulier-smal select{ font-size:11px !important;border:1px solid #ccc;width:94%} .formulier-smal select .hoofdrubriek{ background:#ccc;} #uploadfoto {height:250px;overflow-y:auto;width:230px !important} #uploadfoto div a {font-size:11px;color:grey !important;text-decoration:none !important;} #uploadfoto div a:hover {color:red !important;text-decoration:none !important} #uploadfoto div {color:grey;border-bottom:1px solid #ccc;margin-bottom:2px;display:block;height:75px;} #uploadfoto img {margin-right:10px;float:left} #uploaddocument {height:250px;overflow-y:auto;width:410px !important;} #uploaddocument div a {font-size:11px;color:grey !important;text-decoration:none !important;} #uploaddocument div {margin:0;padding:0;border-bottom:1px solid #ccc;display:block;height:60px;margin-bottom:4px;} #uploaddocument .radio { float:left !important;margin-right:2px;display:block;height:30px !important;} #uploaddocument label {float:left;margin-right:0px;display:block;height:30px;width:260px !important;color:#777;} #uploaddocument label:hover {color:#000;} button {font-size:11px;border:1px solid #777;padding:0px;padding-left:2px;padding-right:2px;margin-top:5px;float:right;margin-right:5px;height:21px !important;line-height:100%;} button:hover {background-color:red;color:white;} .clear {clear:both;} .afbeelding-links {float:left;margin-right:10px;} /* EINDE FORMULIER STIJLEN */ #inhoud-kolom table { width:100% !important; width /**/:93.5%; margin:0px 0px 20px 0px; font-size:0.69em; border:1px solid #000;} #inhoud-kolom caption { margin-bottom:0; padding-bottom:4px; border-bottom:2px solid #1B1C41; text-align:left; font-weight:normal; color:#1B1C41; } #inhoud-kolom th, #inhoud-kolom td { padding:1px 1px 1px 5px; border-bottom:1px solid #000;border-left:1px solid #000;} #inhoud-kolom th { text-align:left; color:#1B1C41; } #inhoud-kolom th.col1 { text-indent:-2000px; } #inhoud-kolom th.col1, #inhoud-kolom td.col1 { border-left:none; } /* =============== footerblok ELEMENTEN */ /* zie boven */ /* =============== EINDE footerblok ELEMENTEN */ } /* =============== PRINT stijlen */ @media print { /* +++++++++++++++++++++++++++++++++++++++++ RESET TAGS */ * { background:#fff none 0 0 no-repeat; margin:0; padding:0; border:0; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:100%; color:#000; text-decoration:none; } ul { padding-left:16px; list-style:disc; } html>body ul { padding-left:14px; } li { padding:0 0 2px 0; } li a { display:block; } * html li a { margin-top:0; } ol { padding-left:25px; } html>body ol { padding-left:20px; } /* +++++++++++++++++++++++++++++++++++++++++ ELEMENTEN */ img.print { display:block !important; width:242px; height:63px; margin:0 0 16px 0; } .tekstbrowser { display:none; } /* +++++++++++++++++++++++++++++++++++++++++ GLOBALE LAYOUT */ body { background:#fff none; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px; } /* +++++++++++++++++++++++++++++++++++++++++ VERBERG ELEMENTEN */ #kop-zone h1, #taal-menu, #kop-zone form, #zoek-menu, #hoofdnavigatie, #service-blok, #subnavigatie-kolom, .index-illustratie, .illustratie, .afbeelding-links, .schaalbeeld, .naar-boven, .bladeren, .sort-data ul li a, .abc-lijst, .paginering, .toon, .knop-annuleer, .knop-wis, .knop-volgende-stap, .knop-vorige-stap, .zoek-opnieuw, #voet-zone { display:none !important; } /* +++++++++++++++++++++++++++++++++++++++++ DEFINIEER AFMETINGEN, MARGINS en PADDINGS */ #kop-zone { margin:0 0 0 40px; width:560px; } #navigatie-zone { margin:0 0 0 40px; width:560px; } #inhoud-kolom { margin:0 0 0 40px; width:560px; } #attentie-kolom { margin:20px 0 0 80px; width:280px; } /* +++++++++++++++++++++++++++++++++++++++++ STIJL ELEMENTEN */ /* #navigatie-zone */ #navigatie-zone ul { width:auto; list-style:none; padding:0 0 20px 0; clear:both; } #navigatie-zone li { float:left; } #navigatie-zone li a { display:inline; color:#000; text-decoration:none; padding:0 10px 0 0; } #navigatie-zone li.dossiertitel { float:none; clear:both; font-size:13px; font-weight:bold; } /* #inhoud-zone */ h2, h2 a { font-size:18px; font-weight:normal; margin-bottom:8px; } h3 { font-size:13px; font-weight:bold; margin:0 0 8px 0; padding:8px 0 0 0; } h4 { font-size:11px; margin-bottom:8px; } p.subtitel { font-size:13px; font-weight:normal; } a, a:visited { color:#000; } span.datum { display:block; font-style:italic; } .fototekst { font-size:10px; } p, ul, ol { margin-bottom:8px; } ul.link-lijst ul { margin:2px 0 0 0; } .sort-data { margin:8px 0 0 0; } ul.kruimelpad { list-style:none; padding-left:0; } ul.kruimelpad li a{ display:inline; } .sort-data ul { list-style:none; padding-left:0; margin:0 0 8px 0; width:100%; overflow:hidden; } .sort-data ul li { float:left; padding-right:5px; } ul.link-lijst, ul.link-lijst ul, ul.index-lijst { list-style:circle; } .resultaten ul.link-lijst li ul { margin-top:-2px; } .resultaten ul.link-lijst a { padding-bottom:6px; } .resultaten ul.link-lijst li li a { padding-bottom:2px; } .kenmerken { font-style:italic; } p span.kenmerken { display:block; margin:0 0 4px 0; } .illu-links img { float:left; margin:4px 15px 5px 0; } .sorteer-form { margin:0 0 8px 0; } label { display:block; padding:0 0 2px 0; } .label-titel { display:block; padding:4px 0 2px 0; font-weight:normal; font-style:italic; } .invoer-reeks label, .tekstveld-reeks label { display:inline; } form.sorteer-form select { width:50%; } .standaard-formulier input { width:75%; } .standaard-formulier input.kwart-formaat { width:25%; } .standaard-formulier .invoer-reeks input { width:auto; } .standaard-formulier select { width:76.5%; } .standaard-formulier textarea { width:76.5%; } table { margin:8px 0 4px 0; } th, td { padding:0 12px 4px 0; text-align:left; vertical-align:top; } caption { font-style:italic; text-align:left; padding:0 0 4px 0; } } /* =============== Einde PRINT stijlen */ #form_box { margin-top: 0px; margin-bottom: 2px; } #form_box div { padding: 0.2em 0.5em; } #form_box div.hr { border-bottom: 2px solid #e2e2e1; height: 0px; margin-top: 0pt; margin-bottom: 7px; } #form_box p { float: left; margin: 4px 0pt; width: 120px; } #log, #log2 { margin-top: 0px; } #log_res, #log_res2 { overflow: auto;color:red; font-size:0.69em; } #log_res.ajax-loading,#log_res2.ajax-loading { padding: 20px 0; background: url(/lib/view/afbeeldingen/icons/spinner.gif) no-repeat left; } #logout{ position:absolute; top:4px; left:914px; font-size:70% }