/* GENERAL STYLES
---------------------------------------------------------------------------------------------- */
a, a:link { color: #025093; text-decoration: none; border-bottom: 1px dotted #98A5AE; }
a:visited { color: #415359; border-bottom: 1px dotted #81929E; }
a:hover, a:active, a:focus { color: #333; background-color: #FFEFC9; /* #F9DEB7; */ text-decoration: none; border-bottom: 1px solid #666; }
a img { border: 0; }
/* img, a img { vertical-align: middle; } */
.no-bottom img { vertical-align: bottom; }

h1, h2, h3, h4, h5, h6 { font-size: 110%; margin: 1em 0 0 0; /* line-height: 120%; */ line-height: 1.3em; color: #1a1a1a; }
h1 { font-size: 190%; font-weight: normal; margin: 0 40px 1em 0; color: #000; border-bottom: 1px dotted #00A2E5; }
h2 { margin: 1.8em 0 0 0; }
h3 { margin: 1.3em 0 0 0; }
h2 ins, h3 ins, h4 ins, h5 ins, h6 ins { font-weight: bold; }

ul { margin: 0; padding: 0; }
li { margin: 5px 0 8px 0; }
ul li { list-style: none; }
p { margin: 5px 0 15px 0; }
q {	quotes: none; }
/*
See: http://www.paulchaplin.com/blog/css-reset-and-quirky-quotes
Safari doesn't support the quotes attribute, so we do this instead.
*/
q:before, q:after { content: ''; content: none; }
table { border-bottom: 1px solid #DDD; border-left: 1px solid #DDD;	margin: 10px 0 12px 0; background: #fff; }
th, td { border: 1px solid #DDD; border-bottom: none; border-left: none; font-size: 100%; }
th { padding: 6px 10px 6px 20px; vertical-align: top; text-align: left; color: #474C50;	}
td { padding: 4px 20px 4px 20px; }
table a, table a:link, table a:visited { display: block; border: none; line-height: 140%; }
table a.inline { display: inline; }
td a:hover { background: #FFEFC9; border: 0; text-decoration: underline; }

input, select, textarea { font-size: 100%; font-family: "Arial", "Geneva", sans-serif; }
input:hover, input:focus, select:hover, select:focus, textarea:hover, textarea:focus, label:hover, label:focus, #kopie:hover, #kopie:focus { background-color: #FFEFC9; }
/*
#kopie:hover, #kopie:focus, #standaard:hover, #standaard:focus, #ontkoppelen:hover, #ontkoppelen:focus { border: 1px solid #000; }
*/

#rss-feed { background: url("/images/icons/rss.gif") left 50% no-repeat; padding-left: 2em; }

legend { color: #000; }
fieldset {border: none; padding: 0; } /* padding: 0 needed for FF */
abbr, acronym { border-bottom: 1px dashed #666; cursor: help; }
a abbr, a acronym, .geen-stijl { border: none; }
ins { background: yellow; font-weight: normal; text-decoration: none; }
del { text-decoration: line-through; font-style: normal; }

/* General classes
------------------------------------- */
.hide { position: absolute; left: -900em; top: -900em; } /* whitout top IE8 beta2 goes blank */
.block { display: block; }
.normal { font-weight: normal; }
.blocklabel { display: block; clear: right; }
.no-display { display: none; }
.center { text-align: center; }
.right { text-align: right; }
.underline { text-decoration: underline; }
.statement { font-size: 100%; color: #415359; }
.bold {	font-weight: bold; }
.textmarker { background: yellow; }
.markeer  { color: #000; background-color: #FFEFC9; } /* used in fragHL() */
.clear { clear: both; height: 1px; margin: 0; padding: 0; } /* used width clearing div's */
/*
.super { font-size: smaller; vertical-align: baseline; position: relative; bottom: 0.33em; }
.sub { font-size: smaller; vertical-align: baseline; position: relative; bottom: -0.25em; }
*/
.super { font-size: smaller; vertical-align: super;}
.sub { font-size: smaller; vertical-align: sub;}

.fn-firstchild { padding-top: 2em; }

.arial { font-family: "Arial", "Geneva", sans-serif; }
.verdana { font-family: "Verdana", "Arial",sans-serif; }
.georgia { font-family: Georgia, Palatino, Times, serif; }
.times { font-family: "Times New Roman", "Times", serif; }
.courier { font-family: "Courier New", Courier, monospace; }
.trebuchet { font-family: "trebuchet ms", "Verdana", sans-serif; }

/* BODY & HOLDER
------------------------------------- */
html, body { /* min-width: 760px; */ margin: 0; padding: 0; height: 100%; }
body { font: 75%/130% "Arial", "Geneva", sans-serif; color: #1A1A1A; background-color : #FFF;}
#holder { min-height: 100%; height: auto; margin-bottom: -3.6em; overflow: hidden; } /* Opera and Safari both need the overflow: hidden }

/* HEADER
------------------------------------- */
#topper { background: #035B98 url("/images/backgrounds/blueline.gif") 0px 100% repeat-x; height: 1.85em; color: #FFF; padding: 0.2em 30px 0 20px; font-size: 90%; line-height: 1.2em; }
#topper a { color: #FFF; border: none; }
#topper a:hover, #topper a:active, #topper a:focus { color: #000;  background-color: #FFEFC9; border: none; }

#container { position: relative; }
#header { height: 6em; padding-top: 8px; background-color: #F9F8F6; border-bottom: 1px solid #BBCEDF; } /* border needed for styling when images are off and also for more convenient browsing when asking very long documents; nav shifts 1 px up */
#header a { display: block; margin: 0 0 0 30px; /* color: #F9F8F6; */ color: #000; width: 226px; height: 44px; /* border: 3px solid transparent; */  border: 3px solid #F9F8F6; border-bottom: none; }
/* #header a:hover, #header a:active, #header a:focus { background-color: #FFEFC9; border: 3px solid #FFEFC9; } */
#header a:hover, #header a:active, #header a:focus { background-color: #FFEFC9; border: 1px solid #DDD; padding: 2px; }

/* CONTENT (holder)
------------------------------------- */
#content { margin: 4em 0 4em 50px; overflow: hidden; }
#broodkruimel { font-size: 90%; }

/* MAIN NAVIGATION: Regelingen, e-mail service
------------------------------------- */
#nav { margin-top: -1px; position: absolute; top: 6em; left: 0; background: url("/images/backgrounds/nav_new.gif") repeat-x; font-weight: bold; font-size: 100%; height: 4em; width: 100%; clear: both; overflow: hidden; }
#nav li { background: url("/images/backgrounds/nav-line.gif") right 1px no-repeat; height: 31px; padding-right: 1px; padding-top: 1px; float: left; display: block; margin: 0; width: 13em; }
/* hide ie5 \*/
#nav li { width: auto; }
/* end hack */
#nav li a { display: block;	padding: 15px 30px 0 30px; border: none; text-decoration: none;	}
#nav a:hover, #nav a:active, #nav a:focus, #nav li#current a { background-image: url("/images/backgrounds/list-on.gif"); background-repeat: repeat-x; background-position: left top; background-color: transparent; } /* Dont's use shorthand for background in Opera 6 */
#nav li#current a { color: #333; }

/* JUMP-links
------------------------------------- */
#jumpnav { /* position: relative; float: left; */ margin-left: 0px; }
#jumpnav li { float: left; margin: 0 0 0.2em 0; border-left: 1px solid #FFFFFF; }
#jumpnav a { display: block; margin: 0 0.5em 0 0.5em; border: none; }
#jumpnav li.no-divider { border-left: none; }
#jumpnav a:hover, #jumpnav a:focus, #jumpnav a:active { color: #000; border-bottom: 1px solid #666; }

#jumpnav-hide { position: absolute; float: left; left: -9000px; margin-left: 0px; }
#jumpnav-hide li { float: left; margin: 0 0 0 0; border-left: 1px solid #FFFFFF; }
#jumpnav-hide a { display: block; margin: 0 0.5em 0 0; }
#jumpnav-hide li.no-divider { border-left: none; }
#jumpnav-hide li a:hover, #jumpnav-hide li a:focus, #jumpnav-hide li a:active { position: absolute; left: 9010px; border-bottom: 1px solid #666; } /* left: 9010px; because #toppader has padding-left: 20px; */


/* SERVICE NAVIGATION: contact, help, sitemap
------------------------------------- */
#service-nav { position: absolute; top: 0; right: 30px; line-height: 1.5em; width: 34em; height: 6em; }
#service-nav ul { padding: 0.5em 0px 0 0; float: right; }
#service-nav a { text-decoration: none; border: none; }
#service-nav a:hover, #service-nav a:active, #service-nav a:focus { border-bottom: 1px solid #666; }
#service-nav li { float: left; margin: 0; padding: 0 0.5em 0.2em 0.5em; list-style: none; border-left: 1px solid #4183B1; }
#service-nav li.no-divider { border-left: none; }
#skip-service { color: #FFF; }
#service-nav li#rss { background: url("/images/icons/rss.gif") 3em 50% no-repeat; padding-right: 2.6em; padding-top: 0; }

#tekstgrootte { float: right;  margin: 0 0.5em 0 1.6em; }
#tekstgrootte li { float: left; margin: 0 0 0 0; }
#tekst-kleiner, #tekst-groter {  border: 1px solid #DDD; }
#tekst-kleiner a, #tekst-groter a { padding: 0 0.5em 0 0.5em; display: block; font-family: "Courier", "Arial", "Geneva", sans-serif;}
li#tekst-kleiner { margin-left: 1em; }
#tekst-groter { border-left: none; }

#linkafbeeldingen { float: right;  margin: 0 1em 0 1.8em; }
#linkafbeeldingen li { float: left; margin: 0 0 0 0; }
#afb-uit, #afb-aan {  border: 1px solid #DDD; width: 7em; text-align: center;}
#afb-uit a, #afb-aan a { padding: 0; display: block; }
li#afb-uit, li#afb-aan { margin-left: 1em; }

#leesvoor { float: right; margin: 0 0.5em 0 0; background: url("/images/icons/luister.gif") 99% 50% no-repeat; padding: 0 2.2em 0 0.5em; }
#leesvoor:hover, #leesvoor:focus, #leesvoor:active { background: url("/images/icons/luister_hover.gif") 99% 50% no-repeat; }


/* SEARCH BLOCK
------------------------------------- */
#search { clear: both; float: right; text-align: right; margin: 0.5em 0 0.5em 0; padding: 0.5em 0 0 0; border-top: 1px solid #E4E1D8; width: 34em; }
#search input { margin-left: 12px; }
#search fieldset { padding: 0.2em 0 0.2em 0; }
#search #zoekbutton { margin-right: 0.5em; }

/* FOOTER
------------------------------------- */
#footer { position: relative; clear: both; height: 3em; margin: 0 40px; padding-top: 6px; border-top: 1px solid #C9D4DB; color: #415359; font-size: 90%; overflow: hidden; }
#footer address { font-style: normal; }
#footer a { color: #415359; border-bottom: 1px dotted #98A5AE;}
#footer a:hover, #footer a:active, #footer a:focus { color: #333; background-color: #FFEFC9; text-decoration: none; border-bottom: 1px solid #666; }

#footer span, #footer p { /* display: inline; */ float: left; padding: 0 10px; margin: 0; border-left: 1px solid #C9D4DB; }
#footer span.adr, #footer span.value /* , #footer p */ { border: none; padding: 0; }
#footer span.locality { border: none; padding: 0 10px 0 5px; }
#footer span.postal-code { padding-right: 0; }
#footer #first-child { border: none; }
#footer span.img { vertical-align: bottom; margin-left: -5px; border-left: none; padding: 0 10px 0 0px; }

/* Terug naar boven */
#footer #back-to-top a { position: absolute; left: -900em; }

/* ENKELE REGELING
---------------------------------------------------------------------------------------------- */
h1#titel { margin: 0 40px 0 0; }
p.versie { padding-bottom: 1.5em; }

/* WETSTECHNISCHE INFO
------------------------------------- */
#wetsinfo { border-bottom: 1px dotted #00A2E5; border-top: 1px solid #DCE1E8; padding: 4px 25px 40px 25px; background: #F7F7F4; margin: 2px 40px 2px 0; }
#wetsinfo .klikbaar:hover { background-color: #FFEFC9; }
#wetsinfo .rulerhand { background-color: #FFEFC9; cursor: pointer; }
#wetsinfo h2 { margin: 0.8em 0 0 0;	font-size: 140%; }
.disabled { display: none; }
.enabled { display: block; }

table#gegevens { border-collapse: collapse; width: 59%; }
table#gegevens td {	vertical-align: top; }
table#wijzigingen td { padding: 4px 3px 4px 8px; vertical-align: top; }
table#wijzigingen th { padding: 6px 3px 6px 8px; vertical-align: top; }
table#wijzigingen tr:hover a { color: #000; text-decoration: underline;  }
table#wijzigingen a:hover, table#wijzigingen a:active, table#wijzigingen a:focus { color: #000; text-decoration: underline;  }

#now { background: #e7f5ea; }
table#wijzigingen { border-collapse: collapse; /* table-layout:fixed; width: 80%; */ } /* added 'collapse' because otherwise IE doesn't give borders to an empty cell */

/* sluiten */
p.toggle { position: relative; float: right; background: url("/images/icons/info.gif") left 50% no-repeat; line-height: 240%; padding-left: 35px; margin-right: 20px; }

#wetsinfo ol { margin: 0 0 0 0; padding: 0; text-indent: 0; list-style-position: inside; }
#wetsinfo ol li { margin: 0 0 5px 0; }

/* REGELING CONTENT
------------------------------------- */
#regeling { width: 58%; float: left; padding: 0 40px 2em 0; clear: left; margin-left: 1px; } /* margin-left: 1px; is needed for the left tableborder in Firefox */
#regeling li { padding-left: 1.5em; margin-bottom: 0.3em; } /* afstand tussen parent-listitems */
/*
#regeling span.ol { margin-left: -1.5em; float: left; }
*/
#regeling li span.ol { margin-left: -1.5em; float: left; }

#regeling li ul li, #regeling li ul li.decimal { margin: 0.3em 0 0 0; } /* afstand tussen child-listitems */
#regeling li.decimal { padding-left: 1.5em; margin-bottom: 1.2em; } /* afstand tussen parent-listitems bij numerieke list*/
#regeling p { margin: 5px 0 0px 0; }

/*
#regeling dt { margin-left: 1.5em; margin-top: 5px; }
#regeling dd { margin-left: 1.5em; }
*/

/*
#regeling dl { margin-top: 5px; }
#regeling dt { float: left; clear: left; margin-left: 1.5em; padding-bottom: 5px; }
#regeling dd { margin: 0; padding-bottom: 5px; }
#regeling dt span.ol { margin-left: -1.5em; }
*/

#regeling dl { margin-top: 5px; }
#regeling dt { padding-left: 1.5em; margin-top: 5px; }
#regeling dt.ongeordend { padding-left: 0em; margin-top: 5px; }

#regeling dd { padding-left: 1.5em; margin-left: 0; }
#regeling dd.voorloopteken { margin-left: 1.5em; }
#regeling dd.ongeordend { padding-left: 0em; margin-left: 0em; }

#regeling dt span.ol { margin-left: -1.5em; float: left; }
#regeling dd span.ol { margin-left: -1.5em; float: left; }

#regeling .aanhef p { margin: 5px 0 15px 0; }
#regeling p#voetnoot1 { margin-top: 3em; }
#regeling .slotformulier { padding: 2.5em 0 2.5em 0; }
#regeling table { table-layout: fixed; width: 160%; border: 1px solid #DDD; border-collapse: collapse; }
#regeling table.not-fixed { table-layout: auto; width: auto; }
#regeling table h2 { margin: 0 0 1em 0;	}
#regeling td { border: 1px solid #DDD; }
#regeling td, #regeling th { padding-left: 15px; padding-right: 5px; vertical-align: top; }
#regeling table a, #regeling table a:link, #regeling table a:visited { display: inline; border: none; line-height: 140%; }

#regeling table.smallcells td, #regeling table.smallcells th { padding-left: 2px; padding-right: 2px; }

#regeling .valign-top {	vertical-align: top; }
#regeling .valign-bottom { vertical-align: bottom; }
#regeling hr { margin: 1em 0 3.5em 0; }
#regeling blockquote { margin: 0; font-style: italic; }
#regeling .no-indent li { padding-left: 0; }
#regeling .no-indent li ul li { padding-left: 1.5em; }

#regeling .spacing25 { letter-spacing: 0.25em }
#regeling .spacing35 { letter-spacing: 0.35em }
#regeling .spacing45 { letter-spacing: 0.45em }

#regeling .breedteklein { width: 10em; float: left; }
#regeling .breedtenormaal { width: 14em; float: left; }
#regeling .breedtegroot { width: 18em; float: left; }

#regeling .voetnoot { padding-left: 3em; margin-top: 1em; }
#regeling .voetnootindicator { margin: 0 0 0 -3em; padding-right: 0em; font-weight: bold; float: left; }

/* SIDEBAR: Tools & Inhoudsopgave
------------------------------------- */
/* #sidebar { position: absolute; left: 63%; float: left; margin: 10px 40px 0 0; padding: 4px 0 50px 20px; border-left: 1px solid #DCE1E8; } /* gives problems in Mozilla when using js to unfold 'wetsinfo' */
#sidebar { width: 33%; float: left; padding: 0 0 50px 20px; border-left: 1px solid #DCE1E8; }
#sidebar h2 { border-top: 1px solid #DCE1E8; padding: 10px 0 7px 0; margin: 0; color: #000; font-size: 140%; }

/* Meerdere headings in inhoudsopgave (h2, h3) */
#sidebar #multiple-headings a.h2 { font-weight: bold; display: block; margin: 1.7em 0 0 0; }
#sidebar #multiple-headings li:first-child a.h2 { margin: 0; }

/* Enkele headings */
#sidebar a.h2 { font-weight: normal; padding: 0; }

#sidebar #inhoudsopgave { line-height: 145%; } /* just to give it a little bit space */
#sidebar #inhoudsopgave a { padding-top: 0.1em; }

/* Tools: printversie, pdf, audio
------------------------------------- */
#tools { margin: 8px 0 15px 0; }
#tools li { display: block; padding: 0.1em 0 0.6em 35px; }
#tools li.info { background: url("/images/icons/info.gif") left 50% no-repeat; }
#tools li#print { background: url("/images/icons/printer.gif") left 50% no-repeat; }
#tools li#pdf { background: url("/images/icons/pdf.gif") left 50% no-repeat; }
#tools li#audio { background: url("/images/icons/audio.gif") left 50% no-repeat; }
#tools abbr { border: none; }

#producten-verborgen { background: url("/images/icons/folderclosed.gif") 0% 50% no-repeat; padding: 0 0 0.2em 35px; }
#producten-zichtbaar { background: url("/images/icons/folderopen.gif") 0% 50% no-repeat; padding: 0 0 0.2em 35px; }
#productinfo { margin: 0 0 2em 0; }

/* Bijlagen block
------------------------------------- */
.downloadbox { border: 1px solid #DCE1E8; background: #F7F7F4; padding: 0 0 15px 0; margin: 5px 0 0 0; }
.bijlage { margin: 10px 0 0 10px; clear: both; float: left; width: 90%;}
.bijlage img { float: left; width: 32px; }
.bijlage a { float: left; margin: 0 0 0 10px; display: block; }
.bijlage p { margin: 10px 0 0 0; }

/* REGELINGEN OVERZICHT
---------------------------------------------------------------------------------------------- */
h1#titeloverzicht span { color: #415359; font-size: 70%; }

/* Gevonden pagina's */
#pages-found { text-align: right; margin: 1em 40px 0 0; color: #415359; font-style: italic; clear: both;	}

/* Overzichtslijst */
#overzicht { width: 56%; float: left; padding: 3.5em 10px 0 0; clear: left; overflow: hidden; }
#lijst { margin: 0; width: 71%; border: 1px solid #DDD; border-bottom: none; clear: both; overflow: hidden;}
#lijstheader { font-size: 110%; font-weight: bold; background: #F7F7F4 url("/images/backgrounds/bg-theader.gif") left top repeat-x; border-bottom: 1px solid #DDD;	margin: 0; padding: 6px 20px 6px 20px; }
#lijst li {	margin: 0; border-bottom: 1px solid #DDD; }
#lijst a { display: block; padding: 4px 20px; text-decoration: none; border-bottom: none; }
#lijst a:hover, #lijst a:active, #lijst a:focus { text-decoration: underline; }
#lijst li.even { background: #F9F8F6; }
#lijst li.oneven { background: #FFFFFF; }

#zoekresultaat  { margin-left: 20px; }
/* #zoekresultaat span { font-weight: bold; } */
#zoekresultaat blockquote { margin: 5px 0 0 0px; padding: 0; }
#zoekresultaat p.data { /* font-weight: bold; color: #415359; color: #000; */ margin: 2px 0 0 0; }
#zoekresultaat p { margin: 5px 0 0 15px; }
#zoekresultaat .titelgevonden, #zoekresultaat a em { background-color: yellow; }

/* Vorige - volgende pagina navigatie */
#page-nav { float: left; margin: 4em 0 1em 0; padding-left: 20px; width: 95%; clear: both; overflow: hidden; }
#page-nav li { float: left; }
#page-nav strong { color: #AA2202; font-weight: bold; font-size: 140%; }
#page-nav a, #page-nav strong, #page-nav span { padding: 0.3em; border-bottom: none; }
#page-nav a:hover, #page-nav a:active, #page-nav a:focus { text-decoration: underline; }

#page-nav p { clear: both; color: #415359; margin: 0 0 58px 0; padding-left: 0.3em; }
#page-nav a#volgende { display: block; background: url("/images/icons/volgende.gif") 0.8em 40% no-repeat; padding-left: 3em; padding-top: 0; margin-left: 5px; border-left: 1px solid #DDD; }
#page-nav a#vorige { display: block; background: url("/images/icons/vorige.gif") 3.6em 40% no-repeat; padding-right: 2.5em; padding-top: 0; margin-right: 5px; border-right: 1px solid #DDD; }
#page-nav a#vorige:hover, #page-nav a#vorige:active, #page-nav a#vorige:focus, #page-nav a#volgende:hover, #page-nav a#volgende:active, #page-nav a#volgende:focus { background-color: #FFEFC9; }

/* ZOEKEN
------------------------------------- */
#zoeken { width: 49.5%; float: left; padding: 0.5em 10px 0 0; clear: left; }
#zoeken input, #zoeken select { margin-bottom: 1em; margin-top: 0.3em; }
#zoeken #datum { margin-left: 2em; }
#zoeken #datum label { margin-left: 0em; }
#zoeken #zoekciteertitel, #zoeken #zoekintekst2 { width: 55%; }
#zoeken #zoekonderwerp { width: 56%; margin-left: 2em; }
#zoeken #zoekenbutton { width: auto; margin-top: 1em; margin-left: 2em; }
#zoeken #suggestbox { display: none; margin-left: 2em; margin-right: 1em; }
/* #zoeken #suggestbox h2 span { font-size: 70%; color: #415359; line-height: 120%; margin-bottom: 0.5em; } */
#zoeken #suggestbox p#verwijderen { color: #415359; line-height: 120%; margin-bottom: 0.5em; }

#zoeken #suggesties { color: #000; margin: 0; padding: 0; }
#zoeken #formulier #vandaag { margin-left: 0; width: 1.4em; height: 1.4em; }
#zoeken #label-vandaag { vertical-align: top; line-height: 2em; padding-left: 0.5em; }
#zoeken #citeer{ margin-top: 1em; }
#zoeken #dag, #zoeken #maand, #zoeken #jaar { margin-bottom: 0.5em; }

#helaas { width: 49.5%; float: left; padding: 0.5em 10px 0 0; clear: left; }
#helaas .alternatief { margin: 0 0 0.5em 0em; padding: 0; }
#helaas #zoeksuggesties { border: 1px solid #DDD; width: 80%; background: #F9F8F6; padding: 1em 2em 2em 2em; margin-top: 3em; clear: both; overflow: hidden; }
#helaas #zoeksuggesties h2 { font-size: 140%; }
#helaas #zoeksuggesties ul { margin: 0;  }
#helaas p { margin-top: 3.5em; }
#helaas li { list-style-type: none; float: left; font-style: italic; line-height: 160%; }
#helaas .divider { margin-right: 0.5em; color: #4183B1; }

/* #zoeken #geen-suggestie { display: block; border: 1px solid #000; width: 40em; height: 10em; background-color: #FFEFC9; } */
/* #zoeken #geen-suggestie { margin-left: 5px; } */

#zoeken ol, #zoeken h2 { margin: 0 0 0 1em; padding: 0;  }
#zoeken li { list-style-type: none; float: left; font-style: italic; line-height: 160%; }
#zoeken .divider { margin-right: 0.5em; color: #4183B1; }

#zoeken #selectBox { background-color: #FFEFC9; border: 1px inset #000; height: 20em; margin: 0; overflow: auto; }
#zoeken #selectBox li { float: none; font-style: normal; padding: 0; margin: 0 1px 0 0; height: auto; line-height: 120%; }
#zoeken #selectBox li a { display: block; text-decoration: none; border-bottom: none; padding: 2px 15px 2px 5px; color: #000; cursor: pointer; }
#zoeken #selectBox li a:hover, #zoeken #selectBox li a:active, #zoeken #selectBox li a:focus { background-color: #0A246A; color: #FFF; }
#zoeken #selectBox em { font-weight: bold; font-style: normal; color: #A50400; }
#zoeken #selectBox a:hover em, #zoeken #selectBox a:active em , #zoeken #selectBox a:focus em { color:#FFFF00; }
/* #geen-suggestie { color: #000; } */
#geen-suggestie { padding-left: 5px; }

#sidecolumn #zoeken, #sidecolumn #zoeken #formulier { width: 100%; }
#sidecolumn #zoeken #formulier { margin-top: 1em; }
#sidecolumn #zoeken #zoekciteertitel, #sidecolumn #zoeken #zoekintekst2 { width: 65%; }
#sidecolumn #zoeken #zoekonderwerp { width: 67%; margin-left: 2em; }
#zoekresultaat { margin-bottom: 4em; }

/* EMAIL
------------------------------------- */
#emailservice #versturen { margin-left: 2.5em; }
#emailservice #waarschuwing { padding-top: 1em; margin-bottom: 2.5em; width: 95%; }
#emailservice h2.statement { padding-top: 6em; font-weight: bold; }
#sidecolumn .no-bottom { border-bottom: none; }
#sidecolumn a img { border: 1px solid #FFF; }
#sidecolumn a:hover img, #sidecolumn a:active img, #sidecolumn a:focus img { background-color: #FFEFC9; border: 1px solid #DDD; }

img.email { margin-left: -8px; border: 1px solid #000; }
.imagetext { /* font-style: italic; */ padding-bottom: 30px; }

/* EMAILVOOREBEELD
------------------------------------- */
#voorbeeld { width: 95%; float: left; padding: 1em 10px 10px 10px; margin: 1.5em 0 2em 0; clear: left; border: 1px solid #000; background-color: #D4D0C8; }
#voorbeeld caption { text-align: left; font-weight: bold; margin-top: 1em; margin-left: 20px; }
#voorbeeld #emailkop { background-color: #D4D0C8; border: 0; margin-left: 0; font-size: 96%; }
#voorbeeld #emailkop th, #voorbeeld #emailkop td { padding: 0; border: none; color: #000; }
#voorbeeld #emailkop th { width: 6em; font-weight: normal; }
#voorbeeld table { color: #000; margin-left: 20px; border: 1px solid #DDD; border-collapse: collapse; table-layout:fixed; width: 97%; }
#voorbeeld h2 { font-size: 148%; color: #000; border-bottom: 1px dotted #00A2E5; }
#voorbeeld h3, #voorbeeld p { color: #000; }
#voorbeeld #emailtekst { background-color: #FFF; border: 1px inset #000; padding: 20px; margin-top: 1em; }
#voorbeeld p { margin: 2px 0 0px 0; }
#voorbeeld .midden { width: 10em; }
#verzonden { position: relative; float: right; top: -5.5em; font-size: 96%; }

#voorbeeld a, #voorbeeld a:link { color: #015993; border-bottom: none; text-decoration: underline; display: inline; }
#voorbeeld-sidecolum { position: relative; float: left; width: 45%; }

#kies-maand { position: relative; float: right; margin-right: 40px; border: 1px solid #cecece; padding: 1em; }
#kies-maand h2 { margin-left: 5px; margin-top: 0; }
#kies-maand ul li { float: left; }
#kies-maand a#vorige-maand { display: block; background: url("/images/icons/vorige.gif") 7.2em 40% no-repeat; padding-right: 2.5em; padding-top: 0; margin-right: 1em; border-right: 1px solid #DDD; }
#kies-maand a#volgende-maand { display: block; background: url("/images/icons/volgende.gif") 0.8em 40% no-repeat; padding-left: 2.5em; padding-top: 0; margin-left: 1em; border-left: 1px solid #DDD; }
#kies-maand a { padding: 0.3em; border-bottom: none; }
#kies-maand a#vorige-maand:hover, #kies-maand a#vorige-maand:active, #kies-maand a#vorige-maand:focus, #kies-maand a#volgende-maand:hover, #kies-maand a#volgende-maand:active, #kies-maand a#volgende-maand:focus { text-decoration: underline;  background-color: #FFEFC9; }
#kies-maand li#huidige-maand { width: 8em; text-align: center; font-weight: bold; }

/*
#kies-maand strong { color: #BC4A02; font-weight: bold; }
*/

#emailkop .breed { width: 60%; }
/*
#emailkop td.rechts { text-align: right; margin-right: 5px;  }
*/
#emailkop td, #emailkop th { vertical-align: top; }
/* FORMULIER
------------------------------------- */
#formulier { border: 1px solid #DDD; width: 80%; background: #F9F8F6; padding: 1em 0 1em 0; margin: 3em 0 3em 0; clear: both; overflow: hidden; }
#formulier h2 { padding: 0 0 1em 1.4em; font-size: 140%; }
#formulier label { vertical-align: top; margin-left: 2em; }
#formulier input { margin-left: 2em; margin-bottom: 1em; width: 55%; }
#formulier textarea { margin-left: 2em; margin-bottom: 1em; height: 10em; width: 85%; }
#formulier #kopie { width: auto; height: auto; margin-left: 2em; vertical-align: top; }
#formulier .uitleg { color: #415359; margin-left: 3em; width: 55%; }
#formulier span { font-weight: normal; }
label#label-kopie { display: inline; float: none; width: auto; margin-left: 0.5em; }
#waarschuwing { display: block; padding: 1em 0 1em 2em; width: 76%; border: 1px dotted red; background: #F7F7F4; }
#waarschuwing h2 { font-size: 140%; margin: 0.3em 0 1em 0; }
#formulier h2 span { font-size: 75%; }
#waarschuwing ul { margin-bottom: 15px; }
#waarschuwing ul li { margin: 3px 0 0px 20px; list-style-type: disc; }

/* SIDECOLUMN
------------------------------------- */
#sidecolumn { display: inline; float: right; width: 33%; margin: 3em 40px 6.5em 0; padding: 0.5em 0 50px 20px; border-left: 1px solid #DCE1E8; }
#sidecolumn.fit{ margin-bottom: 1em; padding-bottom: 1em; }
#sidecolumn ul { margin-bottom: 15px; }
#sidecolumn ul li { margin: 3px 0 0px 20px; list-style-type: disc; }
#sidecolumn h2 { border-top: 1px solid #DCE1E8; padding: 10px 0 0 0; margin: 0; color: #000; font-size: 140%; }
#sidecolumn h2.first-child { padding-top: 0px; border-top: none; }
#sidecolumn #adresgegevens { padding-bottom: 20px; }
#sidecolumn #adresgegevens p { margin: 0; }

#sidecolumn ol { margin: 0; padding: 0 0 10px 0; } /* 10px looks better */
#sidecolumn ol li { list-style-type: none; }
#sidecolumn .nieuwer {background: url("/images/nieuw.gif") 50% 50% no-repeat; }

/* LEES TOPIC
------------------------------------- */
#forum { width: 49.5%; float: left; padding: 2.5em 10px 0 0; clear: left; }
#forum #formulier {padding-top: 0; }
#forum input#versturen { width: auto; margin-left: 2em; margin-top: 1em; }

#forum #page-nav { margin: 2em 0 2em 0; }
#forum #page-nav p { margin-bottom: 2em; }
#forum table { margin-left: 1px; }

#topics { margin: 0; width: 80%; border: 1px solid #DDD; border-bottom: none; clear: both; overflow: hidden; }
#topics li { margin: 0; border-bottom: 1px solid #DDD; }
#topics a { display: block; padding: 4px 20px; text-decoration: none; border-bottom: none; }
#topics a:hover { background: #FFEFC9; text-decoration: underline; }
#topics li.even { background: #F9F8F6; }
#topics li.oneven { background: #FFFFFF; }

#lees-topic { border-collapse: collapse; width: 80%; border: 1px solid #DDD; background: #F9F8F6; }
#lees-topic .left-col { text-align: right; width: 10%; border-right: 1px solid #DDD; }
#lees-topic th.bericht { text-align: right; width: 10%; border: 1px solid #DDD; border-left: none; }
#lees-topic td.bericht { border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; background: #FFFFFF; }
#lees-topic caption { text-align: left; padding: 0 0 0 0em; font-weight: bold; font-size: 160%; line-height: 140%; }
#lees-topic th, #lees-topic td { font-weight: normal; vertical-align: top; padding: 4px 10px 4px 10px; border: none; background: #F9F8F6; }
#lees-topic a { display: inline; color: #015993; text-decoration: none; border-bottom: 1px dotted #98A5AE; }
#lees-topic a:visited { color: #415359; border-bottom: 1px dotted #81929E; }
#lees-topic a:hover, #lees-topic a:active, #lees-topic a:focus { color: #333; background-color: #FFEFC9; /* #F9DEB7; */ text-decoration: none; border-bottom: 1px solid #666; }

/* OTHER PAGES
------------------------------------- */
#emailservice, #english, #hulp, #sitemap, #foutmelding, #zoekresultaat { width: /* 50%; */ 40%; float: left; padding: 2.5em 55px 0 0; clear: left; }

#english { padding-top: 0; margin-top: 1.5em; }
#english .no-bottom { border-bottom: none; }
#english a img { border: 1px solid #FFF; }
#english a:hover img, #english a:active img, #english a:focus img { background-color: #FFEFC9; border: 1px solid #DDD; }

/* HULP
------------------------------------- */
#hulp { padding-top: 0; margin-top: 1.5em; }
#hulp .no-bottom { border-bottom: none; }
#hulp a img { border: 1px solid #FFF; }
#hulp a:hover img, #hulp a:active img, #hulp a:focus img { background-color: #FFEFC9; border: 1px solid #DDD; }

/* SITEMAP
------------------------------------- */
#sitemap ul { margin-bottom: 15px; }
#sitemap ul li { margin: 3px 0 0px 20px; list-style-type: disc; margin-bottom: 15px;}

/* CONTACT
------------------------------------- */
#contactformulier { width: 49.5%; float: left; padding: 0.5em 10px 0 0; clear: left; }
#contactformulier h2 { margin-top: 1em; }
#contactformulier h2.statement { padding-top: 0em; font-weight: bold; margin-left: 2em; }
#contactformulier p.statement { padding: 0 0 2em 0; width: 80%; margin-left: 2em;  }
#contactformulier input#versturen { width: auto; margin-left: 2em; }
#contactformulier legend { padding: 0 0 1em 2em; color: #000; font-weight: bold;  }
#contactformulier #waarschuwing {margin-top: 2.5em; }

/* Terug naar boven
------------------------------------- */
#naar-top a { display: block; height: 17px; position: fixed; bottom: 4em; border-bottom: none; padding: 10px; }
#naar-top img { display: block; }
#naar-top #top-links { position: fixed; bottom: 0.7em; left: 0; margin: 0 0 0 2px; }
#naar-top #top-rechts { position: fixed; bottom: 0.7em; right: 2px; margin: 0 0 0 0; }

/* Search-engine Highlight
------------------------------------- */
.zoekterm0 { background-color: #FFFFCC; color: #000000; font-style: italic; }
.zoekterm1 { background-color: #CCFFFF; color: #000000; font-style: italic; }
.zoekterm2 { background-color: #CCFFCC; color: #000000; font-style: italic; }
.zoekterm3 { background-color: #FFCCCC; color: #000000; font-style: italic; }
.zoekterm4 { background-color: #FFCCFF; color: #000000; font-style: italic; }
.zoektermuit { background-color: #FFFFFF; }
#showAllTerms span { border: 1px solid #DDD; border-left: none; padding: 0.2em 1em 0.2em 1em; }
#showAllTerms span#firstspan { border-left: 1px solid #DDD; }
#showAllTerms { margin: 2em 0 0 0; }
#showAllTerms #zoekennaar { margin-right: 2em; border: none; padding: 0; }
#showAllTerms .zoekwoord { padding: 0.2em 1em 0.2em 1em; }
#toggleHighlight { margin: 0.5em 0 2em 8.5em; }

/* HYPERLINKS
------------------------------------- */
.printOnly { display: none;  }

/* TOEGANKELIJKHEID
------------------------------------- */
#voorkeuren { width: 46.8%; float: left; clear: left; overflow: hidden; margin-bottom: 3em; }
#toegankelijkheid, #sneltoetsen { width: 99%; float: left; clear: left; overflow: hidden; border: 1px solid #DDD; margin: 3em 0 3em 0; background: #F9F8F6; }
#toegankelijkheid h2, #sneltoetsen h2 { font-size: 140%; margin-top: 1em; padding-left: 1.5em; }
#toegankelijkheid p, #sneltoetsen p { clear: left; width: 80%; margin: 1em 0 2em 2em; }
#sneltoetsen { margin: 1em 0 0 0; }

#accessform .fieldsets, #accessform #fieldsets  { display: block; clear: left; overflow: hidden; }
#accessform, #accesskey { padding: 1em 0 1em 2em; line-height: 1.5em; }
#accessform fieldset { width: 48%; margin-top: 1em; float: left; vertical-align: top; }
#accessform fieldset#submit { width: 80%; }
#accessform legend, #accesskey legend { font-weight: bold; margin-bottom: 0.5em; cursor: default; }
#accessform label, #radio-access label{ vertical-align: top; margin-left: 0.5em; }
#accessform .radio, #accesskey .radio { margin-left: 0.6em; }
#accessform .checkbox { margin-left: 0; }
#accessform #versturen { margin-top: 1em; }
#accessform .radio, #accesskey .radio, #accessform .checkbox, #sneltoetsen .checkbox { width: 1.4em; height: 1.4em; }
/*
#accessform input:hover, #accessform input:focus { border: 1px solid #000; }
#accessform #versturen:hover, #accessform #versturen:focus { border: 2px solid #D4D0C8; border-style: outset; }
*/

#accesskey #sendaccess { margin: 1em 0 2em 0; width: auto; }
#accesskey #ontkoppelen { margin-left: 0em; margin-top: 2em;}
#sneltoetsen #waarschuwing { margin: 1em 0 0 2em; }
#sneltoetsen #waarschuwing p { margin: 0.5em 0 0 0; width: 100%; }
#sneltoetsen #waarschuwing h3 { padding-left: 0; margin-top: 0em; }
#accesskey label { margin-left: 0.5em; }
#accesskey input { width: 1.4em; }

#accesskey #input-access { width: 48%;  float: left; }
#accesskey #radio-access { width: 48%;  float: right; }
#accesskey #submit-access { width: 46.8%; float: left; clear: both; }
/* FOUTMELDING
------------------------------------- */
#foutmelding ul { margin-bottom: 15px; }
#foutmelding ul li { margin: 3px 0 0px 20px; list-style-type: disc; }

body.fontsize80 { font-size: 65%; line-height: 110%; }
body.fontsize100 { font-size: 75%; line-height: 130%; }
body.fontsize120 { font-size: 95%; line-height: 150%; }
body.fontsize140 { font-size: 115%; line-height: 170%; }
body.fontsize160 { font-size: 125%; line-height: 180%; }
body.fontsize160 #footer { height: 5em; }

body.arial, body.arial input, body.arial textarea { font-family: "Arial", "Geneva", sans-serif; }
body.verdana, body.verdana input, body.verdana textarea { font-family: "Verdana", "Arial",sans-serif; }
body.georgia, body.georgia input, body.georgia textarea { font-family: Georgia, Palatino, Times, serif; }
body.times, body.times input, body.times textarea { font-family: "Times New Roman", "Times", serif; }
body.courier, body.courier input, body.courier select, body.courier textarea { font-family: "Courier New", Courier, monospace; }
body.trebuchet, body.trebuchet input, body.trebuchet textarea { font-family: "trebuchet ms", "Verdana", sans-serif; }

body.wordspacingnormal { word-spacing: normal; }
body.wordspacing2 { word-spacing: 0.2em; }
body.wordspacing4 { word-spacing: 0.4em; }

body.showskippers #skip-nav { position: absolute; top: 4.5em; left: 0; margin-left: 30px; font-weight: bold; }
body.showskippers #skip-inhoudsopgave,
body.showskippers #skip-content { position: static; font-weight: bold; }
body.showskippers #skip-page-nav { position: static; width: auto; text-decoration: none; border-bottom: 1px dotted #98A5AE; padding-bottom: 0; font-weight: bold; }
body.showskippers #skip-page-nav:hover,
body.showskippers #skip-page-nav:active,
body.showskippers #skip-page-nav:focus { text-decoration: none; border-bottom: 1px solid #666;; }

/* body.kolomsmal  { min-width: 760px; max-width: 65em; width: 99.5%; border-left: 1px solid #DDD; border-right: 1px solid #DDD; margin:0px auto;	text-align:left; } */
body.kolomsmal  { max-width: 99.5%; width: 65em; border-left: 1px solid #DDD; border-right: 1px solid #DDD; margin: 0px auto; text-align:center; }
body.kolomsmal #holder { text-align: left; }

body.kolomsmal table#wijzigingen { table-layout:fixed; width: auto; }
/* body.kolomsmal #regeling table { width: 100%; } */

body.kolomsmal #lijst { width: 90%; }
body.kolomsmal #topics, body.kolomsmal #formulier { width: 90%; }
body.kolomsmal #accessform {width: 85%; }
body.kolomsmal #waarschuwing { width: 85%; }
body.kolomsmal #forum table, body.kolomsmal #forum #formulier { width: 100%; }

.treed, .treed ul { background-image: url('/images/vdot.gif'); background-repeat: repeat-y; background-position: 8px 0px; }
.treed a { text-decoration: none; }
.treed li { padding: 0 0 0 20px; margin-top: 1.7em; }
.treed li ul li, .tree li ul li { margin-top: 5px; }
.treed .collapsed a.opener, .treed .open a.opener { margin-left: -22px; border: none; }
.treed .collapsed li a.opener, .treed .open li a.opener { margin-right: 22px; }
.treed a.h3, .treed a.h4, .treed a.h5, .treed a.h6 { margin-left: -22px; }
.treed li.file a { margin-left: 0px; }
.treed .collapsed ul { display: none; }
.treed img { padding: 0; vertical-align: middle; }
.tree li { margin-top: 1.7em; } /* voor als javascript disabled is */
#toggleallclosed { background: url("/images/icons/folderclosed.gif") left 50% no-repeat; }
#toggleallopen { background: url("/images/icons/folderopen.gif") left 50% no-repeat; }
#toggleallclosed, #toggleallopen { padding-left: 35px; }