/* - Algemeen - screen,tv,projection - print - typografie - kleuren */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ol, ul { list-style: none; } blockquote, q { quotes: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } cite { font-style: normal; } .tekstbrowser, body.home h1 { position: absolute; left: -9999px; } img { display: block; } /* ====================================================================== */ /* screen,tv,projection */ /* ====================================================================== */ @media screen,tv,projection { html,body { background-color: #F3F5F6; color: #000; } body { font-family: Verdana, Arial, sans-serif; font-size: 68.75%; /* 11px */ line-height: 1.364; /* 15px */ border-top: 1px solid #535353; } input,textarea,select,table,button { font-family: Verdana, Arial, sans-serif; font-size: 1em; } /* kolom definities */ .columns { position: relative; width: 920px; margin: 0 10px; float: left; } .columns .columns { width: 100%; margin: 0; } .columns .col { position: relative; left: 920px; float: left; overflow: hidden; } .columns .s1 { margin-left: -920px; } .columns .s2 { margin-left: -690px; } .columns .s3 { margin-left: -460px; } .columns .s4 { margin-left: -230px; } .columns .w1 { width: 230px; } .columns .w2 { width: 460px; } .columns .w3 { width: 690px; } .columns .w4 { width: 920px; } #inhoud-kolom .columns { float: none; width: 670px; margin: 0; overflow: hidden; } #inhoud-kolom .columns .col { left: 670px; } #inhoud-kolom .columns .s1 { margin-left: -670px; } #inhoud-kolom .columns .s2 { margin-left: -440px; } #inhoud-kolom .columns .s3 { margin-left: -210px; } #inhoud-kolom .columns .w1 { width: 210px; } #inhoud-kolom .columns .w2 { width: 440px; } #inhoud-kolom .columns .w3 { width: 670px; } .twee-kolommen { overflow: hidden; } .linker-kolom { float: left; width: 210px; overflow: hidden; } .rechter-helft .linker-kolom { overflow: visible; } .rechter-kolom { float: right; width: 210px; overflow: hidden; } #kop-zone, #inhoud-achtergrond, #navigatie-achtergrond { width: 940px; margin: 0 8px 0 8px; } #inhoud-achtergrond #subnavigatie-kolom { position: absolute; left: 8px; top: 216px; overflow: hidden; width: 230px; } #inhoud-achtergrond #inhoud-kolom { position: relative; z-index: 1000; left: 100%; float: left; margin-left: -690px; width: 440px; min-height: 750px; } #inhoud-achtergrond #inhoud-kolom.brede { margin-left: -690px; width: 670px; } #inhoud-achtergrond #attentie-kolom { position: relative; z-index: 1000; left: 100%; float: left; margin-left: -230px; width: 210px; overflow: hidden; } /* link language */ /* broodtekst/algemeen */ a { color: #154273; text-decoration: underline; } a:hover, a:active { color: #0162cd; } a:visited { color: #696969; } /* achtergrond */ #voet-zone a, #kop-achtergrond a { color: #535353; text-decoration: none; } #voet-zone a:hover, #voet-zone a:active, #kop-achtergrond a:hover, #kop-achtergrond a:active { color: #000; text-decoration: underline; } /* linklijst */ .link-lijst a { text-decoration: none; } .link-lijst a:hover, .item-list a:active { color: #154273; text-decoration: underline; } .link-lijst a:visited { color: #696969; } /* kruimelpad */ .bladeren a:visited, #kruimel-zone a:visited { color: #154273; } .bladeren a:hover, .bladeren a:active, #kruimel-zone a:hover, #kruimel-zone a:active { color: #0162cd; } /* pagina-componenten */ .wrapper { position: relative; width: 956px; margin: 0 auto; padding-top: 176px; /* 29 + 87 + 60 = 176px */ background: url("../images/layout/shadow.gif") left top repeat-y; } body.home .wrapper { padding-top: 211px; /* 29 + 87 + 30 + 60 + 40 - 35 = 211px */ } #kruimel-zone { width: 670px; margin-left: 258px; padding: 12px 0 13px 0; } #kruimel-zone ul { margin: 0; overflow: hidden; } #kruimel-zone ul li { display: block; float: left; margin-right: 0.5em; } #kruimel-zone ul li a { margin-left: 0.5em; } #kruimel-zone ul li.dossiertitel { clear: left; margin-top: 13px; } #kruimel-zone ul li.dossiertitel a { margin-left: 0; text-decoration: none; } .brede h1, .brede p, .brede ul, .brede dl { margin-right: 230px; } .brede .een-kolom * p, .brede .een-kolom * * ul, .brede .een-kolom * dl { margin-right: 0; } #subnavigatie-kolom ul li a, #subnavigatie-kolom ul li strong { display: block; padding: 3px 10px 4px 30px; color: #000 !important; text-decoration: none; font-weight: normal; background: #fff url("../images/content/blt-standaard.gif") 20px 5px no-repeat; } #subnavigatie-kolom ul li.open a, #subnavigatie-kolom ul li.open strong { background-image: url("../images/content/blt-anker.gif"); } #subnavigatie-kolom ul li.open li a, #subnavigatie-kolom ul li.open li strong { background-image: url("../images/content/blt-standaard.gif"); } #subnavigatie-kolom ul li ul a, #subnavigatie-kolom ul li ul strong { padding-left: 40px; background-position: 30px 5px; } #subnavigatie-kolom ul li ul ul a, #subnavigatie-kolom ul li ul ul strong { padding-left: 50px; background-position: 40px 5px; } #subnavigatie-kolom ul li ul ul ul a, #subnavigatie-kolom ul li ul ul ul strong { padding-left: 60px; background-position: 50px 5px; } #subnavigatie-kolom ul li ul ul ul ul a, #subnavigatie-kolom ul li ul ul ul ul strong { padding-left: 70px; background-position: 60px 5px; } #navigatie-zone { position: absolute; left: 0; top: 116px; /*116px;*/ width: 100%; overflow: hidden; } #navigatie-zone a { color: #000; text-decoration: none; } #navigatie-zone .container { overflow: hidden; } #navigatie-zone ul { overflow: hidden; margin: 0; padding: 30px 240px 0 20px; border-bottom: 10px solid; font-family: Arial, sans-serif; font-size: 1.091em; /* 12px */ font-weight: bold; line-height: 1.25; /* 15px */ } #navigatie-zone ul li { display: block; float: left; } #navigatie-zone ul li a { display: block; padding: .182em 10px .273em 10px; /* 2px and 3px, respectively */ text-decoration: none; } #kop-achtergrond { position: absolute; z-index: 100; left: 0; top: 0; width: 100%; padding-top: 29px; background: #F3F5F6 url("../images/layout/shadow-top.gif") left top repeat-y; color: #535353; } #kop-achtergrond li, #voet-zone li { display: inline; color: #535353; } #kop-achtergrond #kop-zone { } #kop-achtergrond .logo { text-align: center; height: 87px; overflow: hidden; } #kop-achtergrond .logo img { display: inline; margin: 0; } #kop-achtergrond form { position: absolute; right: 28px; width: 210px; margin-top: 10px; } #kop-achtergrond form legend, #kop-achtergrond form label { display: none; } #kop-achtergrond form fieldset { margin-bottom: 2px; overflow: hidden; } #kop-achtergrond form input { display: block; float: left; background-color: #fff; } #kop-achtergrond form #zoek { width: 62%; padding: 1px; height: 1.4em; border-left: 1px solid #000; border-top: 1px solid #000; border-bottom: 1px solid #000; margin-right:-2px; } #kop-achtergrond form #zoekknop { font-weight: bold; cursor: pointer; height: 1.75em; border: 1px solid #000; } #kop-achtergrond form #zoek-menu li { margin-right: 10px; } #kop-achtergrond #service-blok { position: absolute; right: 18px; top: 6px; } #kop-achtergrond #service-blok li { margin-left: 10px; } #kop-achtergrond #taal-menu { display: none; } #voet-zone ul { position: absolute; z-index: 1000; left: 18px; top: 6px; font-style: italic; } #kop-achtergrond form li, #voet-zone ul li { margin-right: 10px; } #voet-zone img { display: inline; margin: -5px 0 -4px 0; } #voet-zone ul a { background-repeat: no-repeat; background-position: left 3px; font-style: normal; } #voet-zone ul #rss-knop a { padding-left: 14px; background-image: url("../images/menu/nav-rss.gif"); } #voet-zone ul #doorsturen-knop a { padding-left: 14px; background-image: url("../images/menu/nav-doorsturen.gif"); } #voet-zone ul #print-knop a { padding-left: 14px; background-image: url("../images/menu/nav-print.gif"); } #voet-achtergrond { clear: both; height: 105px; background: #F3F5F6 url("../images/layout/shadow-bottom.gif") left top repeat-y; } /* herbruikbare stijlen */ /* lijst */ ul.link-lijst { list-style-type: none !important; margin-left: 0 !important; clear: both; } ul.link-lijst li { list-style-type: none; overflow: hidden; padding: 3px 0 4px 10px; color: #000 !important; background: url("../images/content/blt-standaard.gif") 0 5px no-repeat; } ul li.aankeiler { padding: 0; background: none; } #inhoud-kolom ul.link-lijst li ul { margin-left: 0; } ul.link-lijst li ul li { padding-top: 7px; padding-bottom: 0; background-position: 0 9px; } ul.link-lijst li ol li { list-style-type: decimal !important; overflow: visible; padding: 3px 0 4px 0; background: none; } ul.blocks li.external h3, ul.link-lijst li.extern { background-image: url("../images/content/blt-extern.gif"); } ul.link-lijst li.open, ul.link-lijst li.anker { background-image: url("../images/content/blt-anker.gif"); } ul.link-lijst li.download { background-image: url("../images/content/blt-download.gif"); } ul.link-lijst span.kenmerken { display: block; } li.download a { display: block; } li.download a:hover { text-decoration: none; } ul.with-pagination { margin-bottom: 3px; padding-top: 3px; border-top: 3px solid; border-bottom: 3px solid; } ul.link-lijst li.aankeiler p { margin: 0; } ul.sitemap { font-weight: bold; } ul.sitemap ul { font-weight: normal; } ul.nieuwsbrief { list-style-type: none !important; margin-left: 0 !important; clear: both; } ul.ingangen li { position: relative; padding: 0; overflow: visible; margin-bottom: 10px; border-top: 1px solid; font-weight: bold; } ul.ingangen li a { display: block; height: 52px; padding: 3px 60px 4px 10px; background: url("../images/content/bg-ingang.gif") 10px top no-repeat; text-decoration: underline; } ul.ingangen li a:hover { background: #deeff6 url("../images/content/blt-standaard.gif") 0 5px no-repeat; } ul.ingangen li img { position: absolute; right: 0; top: -1px; } /* blokken */ ul.blocks { list-style-type: none !important; overflow: hidden; margin-left: 0 !important; } ul.blocks li { float: left; width: 210px; overflow: hidden; margin-left: 20px; margin-bottom: 1.364em; } ul.blocks li.views-row-odd { clear: left; margin-left: 0; } #inhoud-kolom ul.blocks ul { list-style-type: none; margin: 0 0 0 20px; } #inhoud-kolom ul.blocks ul li { float: none; width: auto; margin: 0; } #inhoud-kolom .section { margin: 2.723em 0 2.723em 0; } .search-info, .inactive, .periode, .kenmerken { color: #767676; } .kenmerken img { display: inline; vertical-align: middle; } a.link-naar-boven, p.rss-link { display: block; text-align: right; } a.link-naar-boven { padding-right: 14px; background: url("../images/content/blt-boven.gif") right 2px no-repeat; } p.rss-link { margin-bottom: 3px; } p.rss-link a { padding-left: 14px; background: url("../images/menu/nav-rss.gif") left 3px no-repeat; } a.link-lees-meer { display: block; padding: 3px 0 4px 12px; background: url("../images/content/blt-standaard.gif") left 5px no-repeat; } a.extern { background-image: url("../images/content/blt-extern.gif"); } p.more { margin-bottom: 2.723em; } p.more a { padding-left: 12px; background: url("../images/menu/blt-standaard.gif") left 2px no-repeat; } body.home p.more, ul.blocks p.more { margin-bottom: 0; } p.back { } p.back a { padding-left: 12px; background: url("../images/menu/blt-terug.gif") left 2px no-repeat; } .floatR { float: right; margin: 3px 0 3px 15px; } .floatL { float: left; margin: 3px 15px 3px 0; } #inhoud-kolom .afbeelding-links, .illu-links img { float: left; margin: 3px 10px 3px 0; } #inhoud-kolom .afbeelding-rechts, .illu-rechts img { float: right; margin: 3px 0 3px 10px; } .sitemap { overflow: hidden; } .sitemap li { font-weight: bold; margin-bottom: 1.8182em; } .sitemap li li { font-weight: normal; margin-bottom: 0em; } /* small screen (760 ipv 940, dus -45px per kolom) */ .smallscreen #kop-zone, .smallscreen #inhoud-achtergrond, .smallscreen #navigatie-achtergrond { width: 760px; } .smallscreen #main .container { width: 760px; } .smallscreen #inhoud-zone #subnavigatie-kolom { width: 185px; } .smallscreen #inhoud-zone #inhoud-kolom { margin-left: -555px; width: 350px; } .smallscreen #inhoud-zone #inhoud-kolom.wide { margin-left: -555px; width: 535px; } .smallscreen #inhoud-zone #attentie-kolom { margin-left: -185px; width: 165px; } .smallscreen .wrapper { width: 776px; background: url("../images/layout/shadow-small.gif") left top repeat-y; } .smallscreen #kop-achtergrond { background-image: url("../images/layout/shadow-top-small.gif"); } .smallscreen #voet-achtergrond { background-image: url("../images/layout/shadow-bottom-small.gif"); } .smallscreen .wide p, .smallscreen .wide ul, .smallscreen .wide dl { margin-right: 185px; } .smallscreen #navigatie-zone ul { padding-right: 195px; } .smallscreen #kop-achtergrond form { width: 185px; right: 8px; } .smallscreen #kruimel-zone { margin-left: 213px; /* 8 + 20 + 165 + 20 */ width: 350px; } .smallscreen .attentie { width: 155px; } .smallscreen .linker-kolom { width: 165px; } .smallscreen .rechter-kolom { width: 165px; } } /* ====================================================================== */ /* printer */ /* ====================================================================== */ @media print { body { font-family: Helvetica, Arial, sans-serif; font-size: 75%; } #kop-achtergrond, #navigatie-zone, #subnavigatie-kolom, #attentie-kolom, .link-naar-boven, #header { display: none; } a { text-decoration: none; } table { margin: 0 0 1.5em 0; } th, td { padding:0 1em 0.25em 0; text-align:left; vertical-align:top; } caption { font-style:italic; text-align:left; padding:0 0 0 0; margin: 0; } } /* ====================================================================== */ /* typografie */ /* ====================================================================== */ /* default margins */ p, ul, ol, table, dd, fieldset, pre, ul.sitemap li, .schaalbeeld, ul li.aankeiler, ul.nieuwsbrief ul, ul.nieuwsbrief ol, blockquote { margin-bottom: 1.364em; /* 15px bij 1em=11px */ } ul.sitemap li li, ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } /* content elements / typography */ #inhoud-kolom ul { list-style-type: disc; margin-left: 40px; } #inhoud-kolom ol { list-style-type: decimal; margin-left: 40px; } #inhoud-kolom ul ul { list-style-type: disc; } #inhoud-kolom ol ol { list-style-type: lower-alpha; list-style-position: inside; margin-left: 0; } pre, code { font-family: "Monaco", "Courier New", "Courier", monospace; font-size: 1em; /* 12px */ } pre { background-color: #eee; padding: 0.75em 10px; } h1, li.dossiertitel { font-family: Arial, sans-serif; font-size: 2em; /* 22px */ font-weight: normal; line-height: 1.091; /* 24px */ } h1 { margin-bottom: 0.682em; /* 15px */ } p.subtitel { margin-top: -1.364em; font-weight: bold; } h2 { clear: both; font-family: Arial, sans-serif; font-size: 1.364em; /* 15px */ font-weight: bold; line-height: 1.0; /* 15px */ margin-bottom: 0.667em; /* 10px */ margin-top: 2.333em; /* 35px */ } .columns .s4 img { margin-top: 3.182em; /* 35px */ } h3, #inhoud-kolom .link-lijst h2 { clear: none; font-family: Verdana, Arial, sans-serif; font-size: 1em; /* 11px */ font-weight: bold; line-height: 1.364; /* 15px */ margin: 0 !important; } #attentie-kolom h2 { font-family: Verdana, Arial, sans-serif; font-size: 1.091em; /* 12px */ font-weight: bold; line-height: 1.25; /* 15px */ margin: 0 0 0.583em 0; } .intro { font-weight: bold; } table { } table caption { } table td, table th { } blockquote { } dt { font-style: italic; } dd { margin-left: 20px; } .fototekst { font-style: italic; } /* ====================================================================== */ /* kleuren */ /* ====================================================================== */ /* Groen: 4e9625 / cbe1bd / e5f0df / 046f96 */ /* Blauw: 046f96 / bddfed / deeff6 */ /* Aqua: 9accd4 / e1f0f2 / deeff6 */ /* hoofdkleur */ h2, #inhoud-zone .poll h2, #attentie-kolom .vrij-invulbaar .color-2 { color: #9accd4; } div.poll li .score span, #navigatie-zone #navigatie-achtergrond, .images span.actief, div.attentie { background-color: #9accd4; color: #fff; } form.formulier, #inhoud-kolom caption, .gallery .pag-top, #attentie-kolom h2, .gallery .images, .gallery .videos, html #inhoud-kolom ul.orgchart a, ul.ingangen li, ul.with-pagination { border-color: #9accd4; } /* lichtste variant hoofdkleur */ .quiz ol li.selected label, #subnavigatie-kolom li.open a, #subnavigatie-kolom li.open li.open a, #subnavigatie-kolom li.open li.open li.open a, #subnavigatie-kolom li.open li.open li.open li.open a, #inhoud-kolom td, .images a, #inhoud-zone .poll, #navigatie-zone h2, #inhoud-kolom ul.orgchart a:hover, ul li.over, ul li.download a:hover, #hoofdnavigatie li a:hover { background-color: #f1f7f8; } #subnavigatie-kolom li.open ul a, #subnavigatie-kolom li.open li.open ul a, #subnavigatie-kolom li.open li.open li.open ul a, #subnavigatie-kolom li.open li.open li.open li.open ul a { background-color: transparent; } /* een-na-lichtste variant hoofdkleur */ #inhoud-kolom table th, .images a:hover, #subnavigatie-kolom li.geselecteerd strong, #subnavigatie-kolom li.geselecteerd a, #subnavigatie-kolom li.open a.active, #navigatie-zone #hoofdnavigatie li.actief a { background-color: #e1f0f2; } #subnavigatie-kolom li a:hover { background-color: #e1f0f2 !important; } html #inhoud-zone .poll, .images a img, #navigatie-zone #hoofdnavigatie { border-color: #e1f0f2; } /* contrastkleur */ h1, p.subtitel, #attentie-kolom .vrij-invulbaar .color-1 { color: #046f96; } /* zwart of wit */ div.attentie h2, div.attentie a, div.attentie a:active, div.attentie a:visited, div.attentie a:hover, #kop-achtergrond form a, #kop-achtergrond form a:hover, #hoofdnavigatie a { color: #fff; } .linker-helft h2, .rechter-helft h2, .aankeiler h2, .wrapper #kruimel-zone ul li.dossiertitel a, .wrapper #kruimel-zone ul li.dossiertitel a:active, #hoofdnavigatie li.actief a, #hoofdnavigatie li.actief a:active, #hoofdnavigatie li.actief a:visited, #hoofdnavigatie li a:hover { color: #000; } /* ====================================================================== */ /* uit oude css (kleuren en font-sizes verwijderd) */ /* ====================================================================== */ #inhoud-kolom table { width:100%; margin:0px 0px 1.5em 0px; } #inhoud-kolom caption { margin-bottom:0; padding-bottom:4px; border-bottom:2px solid; text-align:left; font-weight:normal; } #inhoud-kolom th, #inhoud-kolom td { padding:3px; border-top: 2px solid #fff; border-left:10px solid #fff; } #inhoud-kolom th { text-align:left; } #inhoud-kolom thead th.col1 { text-indent:-2000px; } #inhoud-kolom th.col1, #inhoud-kolom td.col1 { border-left:none; } #inhoud-kolom caption strong { color: inherit; } /* sorteer-form */ form.sorteer-form { margin-bottom:1.5em; } form.sorteer-form legend { display: none; } 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:0; padding-left:0 !important; padding-left:33%; } form.sorteer-form.breed .button { margin-left:38% !important; margin-left:0; padding-left:0 !important; padding-left:38%; } form.sorteer-form .toon { border: none; 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:1.5em; } form.zoek-opnieuw fieldset { padding-top:15px; border-top:1px solid; } 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:0; padding-left:0 !important; padding-left:30%; } /*wissel van padding en margin voor ie/gecko*/ 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:3px solid; margin:10px 0 5px 0; width:100%; height: 0; overflow:hidden; clear:both; } #inhoud-kolom .standaard-formulier .kop-formulier h2.titel-formulier { float:left; width:58%; margin:0; line-height:1.8em; font-weight:bold; } #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:#000; padding:3px 5px 3px 5px; margin:0 -4px 0 0; font-weight:normal; color:#fff; } #inhoud-kolom p.stappen a { border-bottom:none !important; padding:3px 5px 3px 5px; margin:0 -4px 0 0; font-weight:normal; } #inhoud-kolom p.stappen a:visited { } #inhoud-kolom .standaard-formulier .opmerking { text-align: right; } .standaard-formulier fieldset { margin:0px; padding:0 10px 1.5em 0; } #inhoud-kolom .standaard-formulier .form-knoppen { width:98.5%; overflow:hidden; margin:0; border-bottom:3px solid; 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; margin:10px -10px 10px 0px; } #inhoud-kolom .standaard-formulier h3 { margin:15px 0 6px 0; } #inhoud-kolom .standaard-formulier legend { display: none; } .standaard-formulier br { clear:left; } .standaard-formulier label { width:100%; padding-top:2px; padding-bottom:3px; display:block; } .standaard-formulier input { width:75%; border:1px solid #777; padding:2px; margin:0 0 5px 0; } .standaard-formulier input.kwart-formaat { width:25%; } .standaard-formulier select { width:76.5%; border:1px solid #777; padding:2px; margin:2px 0 5px 0; } html>body .standaard-formulier select { padding:0; height:1.5em; } .standaard-formulier .select-reeks select { width:auto; } .standaard-formulier textarea { width:76.5%; border:1px solid #777; margin:0 0 5px 0; } .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:0; } .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; } .standaard-formulier .knoppen-rechts { text-align: right; padding-right: 23%; } .standaard-formulier .knop-upload { cursor:pointer; border:none; width:8em; } .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; text-indent:-16px; font-weight:bold; color:#f00; } #inhoud-kolom fieldset p.foutmelding { padding:5px 0 5px 16px; } #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:1.5em; } .standaard-formulier strong.label-titel { display:block; font-weight:normal; padding:5px 0px 2px 0px; } /* Einde standaard formulier stijlen */ /* resultaten bladeren definities - zie ook default definities */ #inhoud-kolom ul.bladeren, #inhoud-kolom ul.paginering { padding:6px 0 6px; width:100%; overflow:hidden; list-style-type: none; } body#foto-module #inhoud-kolom ul.bladeren { display:none; } #inhoud-kolom ul.bladeren.boven { margin:0 0 3px 0; border-bottom:3px solid; } #inhoud-kolom div.bladeren.boven { margin:0 0 3px 0; border-bottom:3px solid; } #inhoud-kolom ul.bladeren.onder, #inhoud-kolom ul.paginering.onder { position:relative; top:-1px; margin:0 0 1.5em 0; border-top:3px solid; } #inhoud-kolom div.bladeren.onder { position:relative; top:-1px; margin:-1px 0 1.5em 0; border-top:3px solid; } #inhoud-kolom ul.bladeren li, #inhoud-kolom ul.paginering li { float:left; padding-left: 0.6em; padding-right: 0.6em; text-align:center; line-height:1.3em; border-right:1px solid; } #inhoud-kolom ul.bladeren li a.actief, #inhoud-kolom ul.bladeren li span { padding:0; line-height:1.1em; font-weight:bold; } #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; } #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; } /* =============== poll */ #inhoud-zone .poll { position: relative; height: 1%; padding: 3px 0 0 3px; margin-bottom: 1.5em; border-top: 5px solid; } #inhoud-zone .poll legend { display: none; } #inhoud-zone .poll p { padding: 0; margin: 0 3px 7px 0; } #inhoud-zone .poll .option { position: relative; margin: 0 0 0 0; } #inhoud-zone .poll .option input { position: absolute; left: 0; top: 2px; } #inhoud-zone .poll .option label { display: block; padding: 4px 0 5px 22px; } #inhoud-zone .poll .knoppen { padding: 10px 0 0 0; overflow: hidden; height: 1%; } #inhoud-zone .poll .knoppen p { margin: 0; } #inhoud-zone .poll .knoppen input { float: right; width: 106px; background-color: #000; color: #fff; cursor: pointer; border: none; padding: 1px 0 2px 0; } #inhoud-zone .poll table { width: 100%; margin-bottom: 5px; } #inhoud-zone .poll table th, #inhoud-zone .poll table td { padding: 4px 3px 5px 0; border: none; font-weight: normal; color: #000; text-align: left; vertical-align: top; } #inhoud-zone .poll table td.bar { width: 50px; padding-top: 6px; } #inhoud-zone .poll table td.score { text-align: right; white-space: nowrap; } #inhoud-zone .poll table td.bar span { display: block; height: 8px; margin-top: 1px; overflow: hidden; background-color: #000; } .p-0 span { width: 0%; } .p-1 span { width: 1%; } .p-2 span { width: 2%; } .p-3 span { width: 3%; } .p-4 span { width: 4%; } .p-5 span { width: 5%; } .p-6 span { width: 6%; } .p-7 span { width: 7%; } .p-8 span { width: 8%; } .p-9 span { width: 9%; } .p-10 span { width: 10%; } .p-11 span { width: 11%; } .p-12 span { width: 12%; } .p-13 span { width: 13%; } .p-14 span { width: 14%; } .p-15 span { width: 15%; } .p-16 span { width: 16%; } .p-17 span { width: 17%; } .p-18 span { width: 18%; } .p-19 span { width: 19%; } .p-20 span { width: 20%; } .p-21 span { width: 21%; } .p-22 span { width: 22%; } .p-23 span { width: 23%; } .p-24 span { width: 24%; } .p-25 span { width: 25%; } .p-26 span { width: 26%; } .p-27 span { width: 27%; } .p-28 span { width: 28%; } .p-29 span { width: 29%; } .p-30 span { width: 30%; } .p-31 span { width: 31%; } .p-32 span { width: 32%; } .p-33 span { width: 33%; } .p-34 span { width: 34%; } .p-35 span { width: 35%; } .p-36 span { width: 36%; } .p-37 span { width: 37%; } .p-38 span { width: 38%; } .p-39 span { width: 39%; } .p-40 span { width: 40%; } .p-41 span { width: 41%; } .p-42 span { width: 42%; } .p-43 span { width: 43%; } .p-44 span { width: 44%; } .p-45 span { width: 45%; } .p-46 span { width: 46%; } .p-47 span { width: 47%; } .p-48 span { width: 48%; } .p-49 span { width: 49%; } .p-50 span { width: 50%; } .p-51 span { width: 51%; } .p-52 span { width: 52%; } .p-53 span { width: 53%; } .p-54 span { width: 54%; } .p-55 span { width: 55%; } .p-56 span { width: 56%; } .p-57 span { width: 57%; } .p-58 span { width: 58%; } .p-59 span { width: 59%; } .p-60 span { width: 60%; } .p-61 span { width: 61%; } .p-62 span { width: 62%; } .p-63 span { width: 63%; } .p-64 span { width: 64%; } .p-65 span { width: 65%; } .p-66 span { width: 66%; } .p-67 span { width: 67%; } .p-68 span { width: 68%; } .p-69 span { width: 69%; } .p-70 span { width: 70%; } .p-71 span { width: 71%; } .p-72 span { width: 72%; } .p-73 span { width: 73%; } .p-74 span { width: 74%; } .p-75 span { width: 75%; } .p-76 span { width: 76%; } .p-77 span { width: 77%; } .p-78 span { width: 78%; } .p-79 span { width: 79%; } .p-80 span { width: 80%; } .p-81 span { width: 81%; } .p-82 span { width: 82%; } .p-83 span { width: 83%; } .p-84 span { width: 84%; } .p-85 span { width: 85%; } .p-86 span { width: 86%; } .p-87 span { width: 87%; } .p-88 span { width: 88%; } .p-89 span { width: 89%; } .p-90 span { width: 90%; } .p-91 span { width: 91%; } .p-92 span { width: 92%; } .p-93 span { width: 93%; } .p-94 span { width: 94%; } .p-95 span { width: 95%; } .p-96 span { width: 96%; } .p-97 span { width: 97%; } .p-98 span { width: 98%; } .p-99 span { width: 99%; } .p-100 span { width: 100%; } /* =============== einde poll */ #inhoud-kolom blockquote.streamer { margin-bottom:1.5em; padding:0.75em 0; border-top:1px solid; border-bottom:1px solid; } #inhoud-kolom blockquote.streamer p { margin-bottom:0; font-size:2em; font-weight:normal; font-family : Arial, Helvetica, sans-serif; } /* 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; margin-left: 0; } #inhoud-kolom ul.abc-lijst li { float:left; list-style-type: none; } #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 span { color:#ccc; } /* Abonneren */ table.abo .col1 { width: 1%; } table.abo h3, table.abo p, table.abo label { float: none !important; margin: 0 !important; font-size: 100% !important; } table.abo h3 label { display: inline; font-weight: bold !important; } table.abo h3 a { font-weight: normal; margin-left: 0.33em; } #logos { float: right; margin: 0 0 0 10px; } #logos img { display: inline; } /* foto lijst definities - zie ook default definities */ #inhoud-kolom div.foto-lijst { width:100%; overflow:hidden; padding:17px 0 0 0; margin-bottom: 17px; } #inhoud-kolom div.foto-lijst span { float:left; position:relative; display: block; width:100px; height:100px; overflow: hidden; margin:0 8px 16px 0; border:1px solid #c5c5c5; background:none; text-align: center; font-size: 100px; line-height: 1.0; /* vertical centering for standard browsers */ } #inhoud-kolom div.foto-lijst a { display: block; margin-top: -13px; } #inhoud-kolom div.foto-lijst a img { display: inline; vertical-align: middle; } /* fotoalbum definities */ #foto-beeld { padding-top:15px; margin-bottom:7px; width:100%; border-top:3px solid; } #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:1.5em; padding-right:25px; background:#fff url(../afbeeldingen/knoppen/knop-plus.gif) 100% 0px no-repeat; } #foto-beeld .fotogr a:hover { background-image:url(../afbeeldingen/knoppen/knop-plus-ro.gif); text-decoration:underline; } #inhoud-kolom .foto-preview img { margin-bottom:1.5em; } #inhoud-kolom .foto-preview.deel2 img { margin-top:1.5em; } #inhoud-kolom .naar-overzicht { margin-top:-10px; } #inhoud-kolom .naar-overzicht a { margin-top:1.5em; padding-left: 5px; font-weight: bold; } #inhoud-kolom .naar-overzicht a:hover { text-decoration: underline; } /* =============== organogrammen (alle media) */ #inhoud-kolom ul.orgchart { position: relative; width: 538px !important; height: 300px; border-top: 3px solid; border-bottom: 3px solid; padding: 0 !important; margin-left: auto; margin-right: auto; background: url("../images/content/organogram.gif") left top no-repeat; } #inhoud-kolom ul.orgchart li { list-style-type: none; background-image: none !important; padding: 0 !important; } ul.orgchart li ul { position: static; padding: 0 !important; } #inhoud-kolom ul.orgchart a { position: absolute; display: block !important; width: 120px; height: 30px; overflow: hidden; padding: 4px 3px 6px 3px !important; border: 1px solid; background-image: none !important; background-color: #fff; text-align: center; text-decoration: none; color: #000 !important; } #org-1-1 { left: 69px; top: 10px; } #org-1-2 { left: 205px; top: 10px; } #org-1-3 { left: 341px; top: 10px; } #org-2-1 { left: 205px; top: 80px; height: 15px !important; } #org-3-1 { left: 0; top: 135px; height: 60px !important; } #org-3-2 { left: 136px; top: 135px; height: 60px !important; } #org-3-3 { left: 272px; top: 135px; height: 60px !important; } #org-3-4 { left: 408px; top: 135px; height: 60px !important; } #org-4-1 { left: 69px; top: 235px; } #org-4-2 { left: 205px; top: 235px; } #org-4-3 { left: 341px; top: 235px; } /* =============== EINDE organogrammen */ /* =============== prioritair dossier */ .priodos { } .priodos #header { margin: 0 0 1.5em 250px; } #attentie-kolom .vrij-invulbaar { margin-bottom: 1.5em; } #attentie-kolom .vrij-invulbaar a { border-bottom: none !important; } #attentie-kolom .vrij-invulbaar h2 { margin-top: 0; } #attentie-kolom .vrij-invulbaar p { margin-bottom: 5px; } #attentie-kolom .vrij-invulbaar blockquote { margin-bottom: 0.455em; padding-left: 22px; background: transparent url(../afbeeldingen/achtergronden/ag-quote.gif) 3px 3px no-repeat; } #attentie-kolom .vrij-invulbaar img { display: inline; } #attentie-kolom .vrij-invulbaar .size-l { font-size: 2.182em; line-height: 1.0; } #attentie-kolom .vrij-invulbaar .size-m { font-size: 1.636em; line-height: 1.0; } #attentie-kolom .vrij-invulbaar .size-s { line-height: 1.091; } #attentie-kolom .vrij-invulbaar .align-l { text-align: left; } #attentie-kolom .vrij-invulbaar .align-c { text-align: center; } #attentie-kolom .vrij-invulbaar .align-r { text-align: right; } /* =============== einde prioritair dossier */ /* =============== video */ #inhoud-kolom .moviecontent ul { list-style-type: none; margin-left: 0; } #inhoud-kolom .moviecontent h2, #inhoud-kolom .moviecontent h3 { font-family: Verdana, Arial, sans-serif; font-size: 1em; font-weight: bold; margin: 0; line-height: 1.364; color: #000; } #inhoud-kolom .moviecontent h2 a, #inhoud-kolom .moviecontent h3 a { color: #000; text-decoration: none; } #inhoud-kolom .moviecontent h2 a:hover, #inhoud-kolom .moviecontent h3 a:hover { text-decoration: underline; } .moviecontent a.close { display: block; padding: 3px 0 4px 10px; background: #fff url("../images/content/blt-standaard.gif") 0 5px no-repeat; } .moviecontent a.open { display: block; padding: 3px 0 4px 10px; background: #fff url("../images/content/blt-anker.gif") 0 5px no-repeat; } .toggle ul.open, .toggle div.open, .toggle p.open { display: block; padding-left: 10px; } .toggle ul.close, .toggle div.close, .toggle p.close { display:none; } /* =============== einde video */ /* - Custom stylesheet */ /* faq */ .faq-container ul.link-lijst li.geselecteerd { background-image:url(../images/content/blt-anker.gif); } .faq-container ul.link-lijst li a.question { color:#154273; } .faq-container ul.link-lijst li.geselecteerd a.question { font-weight: bold; } .faq-container ul.link-lijst li div.answer { display: none; } .faq-container ul.link-lijst li.geselecteerd div.answer { display: block; } /* organogram */ .orgchart span { position: absolute; display: block !important; width: 120px; height: 30px; overflow: hidden; padding: 4px 3px 6px 3px !important; border: 1px solid #9ACCD4; background-image: none !important; background-color: #fff; text-align: center; text-decoration: none; color: #000 !important; } #organisatie #org-1-1 { left: 60px; top: 10px; width: 312px; height: 30px !important;} #organisatie #org-2-1 { left: 60px; top: 60px; height: 30px !important; } #organisatie #org-2-2 { left: 252px; top: 60px; height: 30px !important; } #organisatie #org-2-3 { left: 60px; top: 130px; height: 75px !important; } #organisatie #org-2-4 { left: 252px; top: 130px; height: 75px !important; } #inhoud-kolom ul.orgchart { height: 230px; width: 440px ! important; background:transparent url(../images/content/organogram.gif) no-repeat scroll 0px 10px; } /* custom form */ .sorteer-form input { border: 1px solid #777777; margin: 0 0 5px 0; padding: 2px 0 2px 0; width: 50%; } /* styles for title beam */ #titelbalk { background-color: #E1F0F2; height: 30px; left: 8px; position: absolute; top: 116px; width: 940px; overflow: hidden; } #titelbalk h1 { line-height: 30px; font-family: Arial,Helvetica,sans-serif; font-size: 22px; padding: 0 0 0 29px; font-weight: bold; } /* edits for addition title beam */ .wrapper { padding-top: 206px; } #inhoud-achtergrond #subnavigatie-kolom { top: 246px; } #kop-achtergrond form { top: 146px; } #navigatie-zone { top: 146px; } #navigatie-zone #hoofdnavigatie { height: 20px; } /* title image for subhomepages */ .header-image { margin-bottom: 2.727em; } /* external links */ a.extern { background-repeat: no-repeat; padding-left: 12px; background-position: 0px 1px; } a.link-lees-meer { background-position: 0px 5px; }