/* General table styles
------------------------------------- */
body { color: #000;	background-color: #FFF; margin: 0; padding: 2.5em 2.5em 5em 2.5em; }
legend { position:absolute; top: -0.7em; left: 0.5em; color: #000; } /* shpuld be IE-only in fact */

table {	border-bottom: 1px solid #DDD; border-left: 1px solid #DDD;	margin: 10px 0 12px 0; background: #FFF; }
td { border: 1px solid #DDD; border-bottom: none; border-left: none; padding: 4px 20px 4px 20px; }
th { text-align: left; border: 1px solid #DDD; border-bottom: none;	border-left: none; vertical-align: top;	color: #000; font-size: 100%; padding: 6px 10px 6px 20px; }
fieldset {border: none; padding: 0; } /* IE in Quirks has padding: 0 */
abbr, acronym { border-bottom: none; }
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; }

#buttons { background: #F7F7F4; height: 18em; padding: 0 2em 0 1em; margin-left: 0; padding-bottom: 2em; border: 1px solid #DDD; font-size: 100%; line-height: 130%; }
#buttons a { color: #015993; text-decoration: none; border-bottom: 1px dotted #98A5AE; }
#buttons a:visited { color: #415359; border-bottom: 1px dotted #81929E; }
#buttons a:hover, #buttons a:focus, #buttons a:active { color: #333; text-decoration: none; background-color: #FFEFC9; border-bottom: 1px solid #666; }
#buttons #links { position: relative; float: left; }

input:hover, input:focus, select:hover, select:focus, label:hover, label:focus { background-color: #FFEFC9; }
input.sfhover, input.sffocus, select.sfhover, select.sffocus, label.sfhover, label.sffocus { background-color: #FFEFC9; }

h1 { font-size: 190%; line-height: 130%; margin: 0 0 1em 0; font-weight: normal; color: #000; border-bottom: 1px dotted #00A2E5; }
hr.printOnly { clear: both; margin-top: 4em; }

#afdrukken, #afdrukken-js { padding-top: 5px; padding-left: 30px; width: 20em; }
#afdrukken-js { background: url("/images/icons/printer.gif") left 50% no-repeat; line-height: 150%; }
#gaterug { background: url("/images/icons/vorige.gif") left 50% no-repeat; line-height: 150%; padding-top: 1px; padding-left:  30px; width: 20em; }
#formulier { position: relative; float: right;  width: 17em; }
#formulier legend { margin-left: 1em; padding-bottom: 0.1em; }

#formulier fieldset { margin-bottom: 0.6em; border: 1px solid #DCE1E8; background-color: #FFF; padding: 1.5em 1em 1em 1em;}
#formulier label { float: left; margin-bottom: 1em; clear: left; }
#formulier select { float: right; margin-bottom: 0.8em; clear: right; font-size: 100%; }
#formulier #versturen { float: right; clear: right; font-size: 100%; }
#header { margin: 4em 0 25px 0; }
.uitleg { color: #000; margin: 2em 0 0 30px;  }

#content { padding: 0 0 0 0; }
img { border: 0px; }
.hide { position: absolute; left: -900em; top: -900em; } /* whitout top IE8 beta2 goes blank */
.center { text-align: center; }
.right { text-align: right; }
a { color: #000; text-decoration: none; }
a:active { color: #000; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
a:hover { color: #000; text-decoration: none; }

#newpage { font-size: 100%; line-height: 130%; text-align: center; color: #415359; background: #F7F7F4; border-top: 1px dotted #00A2E5; border-bottom: 1px dotted #00A2E5; margin-bottom: 3em; }
h2.titel { font-size: 140%; margin: 0 0 0 0; }
p.versie { padding-bottom: 2.5em; margin: 0; }
#regeling { margin: 1em 0 0 0; }
#regeling h1, #regeling h2, #regeling h3, #regeling h4, #regeling h5, #regeling h6 { font-size: 100%; margin: 2.5em 0 0 0; }

ul { margin: 0; padding: 0; }
li { margin: 5px 0 8px 0; }
ul li { list-style: none; }

#regeling li { padding-left: 1.5em; /* margin-bottom: 1.2em; */ margin-bottom: 0.3em; } /* afstand tussen parent-listitems */
#regeling 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 blockquote { margin: 0; font-style: italic; }
#regeling .no-indent li { padding-left: 0; }
#regeling .no-indent li ul li { padding-left: 1.5em; }

/*
#regeling ul { list-style-type: none; padding: 0; margin: 0; }
#regeling li { padding-left: 1.5em;	}
#regeling li.decimal { margin-top: 0.5em; }
#regeling li ul li.decimal { margin: 0; }
#regeling ul li .ol { text-indent: -1.5em; float: left;	}
*/

#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 table { border: 1px solid #DDD; border-collapse: collapse; }
#regeling table h2 { margin: 0 0 1em 0;	}
#regeling td, #regeling tr  { border: 1px solid #DDD; }
#regeling td, #regeling th { padding-left: 15px; padding-right: 5px; vertical-align: top; }

#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 p { margin: 0.5em 0 0 0; }
#regeling .slotformulier { padding: 2.5em 0 2.5em 0; }

#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; }

ins { font-weight: bold; text-decoration: none; font-style: italic; }
del { text-decoration: line-through; font-style: normal; }
.super { font-size: smaller; vertical-align: baseline; position: relative; bottom: 0.33em; }
.sub { font-size: smaller; vertical-align: baseline; position: relative; bottom: -0.25em; }

#nav, #footer, #broodkruimel { display: none; }

#wetsinfo {	padding: 0 0.5em 2em 1em; margin: 1em 0 1em 0;	background: #FFFFFF; page-break-after: always; }
#wetsinfo ol { margin: 0px 0 0 0; padding: 0; text-indent: 0; list-style-position: inside; }
#wetsinfo ol li { margin: 0px 0 5px 0; }

#wetsinfo h2 { font-size: 140%;	margin: 0.5em 0 0 0; }
#wetsinfo h3 { font-size: 100%;	margin: 1em 0 0 0; }
#wetsinfo img, #wetsinfo caption { display: none; }

table#gegevens { border-collapse: collapse;	width: 59%;	}
table#gegevens th {	text-align: left; padding-right: 1em; vertical-align: top;	}
table#gegevens td {	vertical-align: top; }

table#wijzigingen {	padding-top: 2em; border-collapse: collapse; }
table#wijzigingen th { padding: 6px 3px 6px 8px; text-align: left; vertical-align: top; }
table#wijzigingen tr { height: 1.5em; }
table#wijzigingen td { padding: 4px 3px 4px 8px; vertical-align: top; }

/* Terug naar boven
------------------------------------- */

#naar-top a { display: block; z-index: 999; height: 17px; position: fixed; bottom: 4em; border-bottom: none; padding: 10px; }
#naar-top img { display: block; }
/* #naar-top .off { display: none; } */
#naar-top #top-links { position: fixed; bottom: 0.7em; left: 0; margin: 0 0 0 0; }
#naar-top #top-rechts { position: fixed; bottom: 0.7em; right: 5px; margin: 0 0 0 0; }
#naar-top a:hover, #naar-top a:active, #naar-top a:focus { color: #333; background-color: #FFEFC9; }

/* HYPERLINKS
------------------------------------- */
/* h2.printOnly { padding-top: 1em; border-top: 1px solid #000; } */
body { font-family: "Arial", "Geneva", sans-serif; font-size: 75%; line-height: 130%;}

body.arial { font-family: "Arial", "Geneva", sans-serif; }
body.verdana { font-family: "Verdana", "Arial",sans-serif; }
body.georgia { font-family: Georgia, Palatino, Times, serif; }
body.times { font-family: "Times New Roman", "Times", serif; }
body.courier { font-family: "Courier New", Courier, monospace; }
body.trebuchet { 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.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.hoverblue #buttons a:hover,
body.hoverblue #buttons a:focus,
body.hoverblue #buttons a:active { color: #333; background-color: #E3E7F2; }
body.hoverblue input:hover,
body.hoverblue input:focus,
body.hoverblue select:hover,
body.hoverblue select:focus,
body.hoverblue label:hover,
body.hoverblue label:focus,
body.hoverblue input.sfhover,
body.hoverblue input.sffocus,
body.hoverblue select.sfhover,
body.hoverblue select.sffocus,
body.hoverblue label.sfhover,
body.hoverblue label.sffocus,
body.hoverblue #naar-boven a:hover,
body.hoverblue #naar-boven a:focus { background-color: #E3E7F2; }
body.hoverblue #naar-top a:hover, body.hoverblue #naar-top a:active, body.hoverblue #naar-top a:focus { color: #333; background-color: #E3E7F2; }

body.contrasthighblue { color: #FFF; background-color: #001155; }
body.contrasthighblue h1,
body.contrasthighblue #wetsinfo { border-bottom: 2px dotted #FFF; }
body.contrasthighblue h2,
body.contrasthighblue h3,
body.contrasthighblue h4,
body.contrasthighblue h5,
body.contrasthighblue h6,
body.contrasthighblue #wetsinfo th,
body.contrasthighblue #regeling th,
body.contrasthighblue h1 span { color: #FFF; }
body.contrasthighblue #buttons a,
body.contrasthighblue #buttons a:visited { color: #FFF; border-bottom: 1px dotted #FFF; }
body.contrasthighblue legend, body.contrasthighblue .uitleg { color: #FFF; }

body.contrasthighblue a,
body.contrasthighblue a:link { color: #FFF; border-bottom: 1px dotted #FFF; /* font-weight: bold; */ }
body.contrasthighblue a:visited { color: #FFF; border-bottom: 1px dotted #FFF; }
body.contrasthighblue a:hover,
body.contrasthighblue a:active,
body.contrasthighblue a:focus { color: #FFF; border-bottom: 1px solid #FFF; } /* #666 */

body.contrasthighblue #buttons a:hover,
body.contrasthighblue #buttons a:focus,
body.contrasthighblue #buttons a:active { color:  #000; border-bottom: 1px solid #FFF; } /* #666 */

body.contrasthighblue abbr,
body.contrasthighblue acronym { border-bottom: 1px dashed #FFF; }

body.contrasthighblue #regeling table,
body.contrasthighblue #wetsinfo { background: #001155; }

body.contrasthighblue label:hover,
body.contrasthighblue label:focus,
body.contrasthighblue #newpage { color: #000; }

body.contrasthighblue #wetsinfo table { background-color: #001155; }
body.contrasthighblue #now { background-color: #009900; color: #FFF; }

body.contrasthighblue .downloadbox { border: 1px solid #FFF; background: #2E2E2E; color: #FFF; }

body.contrasthighblue #buttons { background: #000620; border: 1px solid #FFF; }
body.contrasthighblue h1 { color: #FFFF89; }
body.contrasthighblue #formulier fieldset { border: 1px solid #FFF; background-color: #2D4481; }

body.contrasthighblue #afdrukken-js { background: none;  }
body.contrasthighblue #gaterug { background: none; }

body.contrasthighblue #naar-top a:hover, body.contrasthighblue #naar-top a:focus { background-color: #2D4481; }

/*
darkblue: #271D13;
lessdarkblue: #5C210F;
middleblue: #5C210F;
lightblue: #F9F0D3;
visited: #C19953;
*/

body.contrasthighbrown { color:  #F9F0D3; background-color: #271D13; }
body.contrasthighbrown h1,
body.contrasthighbrown #wetsinfo { border-bottom: 2px dotted #FFF; }
body.contrasthighbrown h2,
body.contrasthighbrown h3,
body.contrasthighbrown h4,
body.contrasthighbrown h5,
body.contrasthighbrown h6,
body.contrasthighbrown #wetsinfo th,
body.contrasthighbrown #regeling th,
body.contrasthighbrown h1 span { color:  #F9F0D3; }
body.contrasthighbrown #buttons a,
body.contrasthighbrown #buttons a:visited { color: #F9F0D3; border-bottom: 1px dotted #FFF; }
body.contrasthighbrown legend, body.contrasthighbrown .uitleg { color: #F9F0D3; }

body.contrasthighbrown a,
body.contrasthighbrown a:link { color:  #F9F0D3; border-bottom: 1px dotted #FFF; /* font-weight: bold; */ }
body.contrasthighbrown a:visited { color:  #F9F0D3; border-bottom: 1px dotted #FFF; }
body.contrasthighbrown a:hover,
body.contrasthighbrown a:active,
body.contrasthighbrown a:focus { color:  #F9F0D3; border-bottom: 1px solid #FFF; } /* #666 */

body.contrasthighbrown #buttons a:hover,
body.contrasthighbrown #buttons a:focus,
body.contrasthighbrown #buttons a:active { color:  #000; border-bottom: 1px solid #FFF; } /* #666 */

body.contrasthighbrown abbr,
body.contrasthighbrown acronym { border-bottom: 1px dashed #FFF; }

body.contrasthighbrown #regeling table,
body.contrasthighbrown #wetsinfo { background-color: #271D13; }

body.contrasthighbrown label:hover,
body.contrasthighbrown label:focus,
body.contrasthighbrown #newpage { color: #000; background-color:  #F9F0D3; }

body.contrasthighbrown #wetsinfo table { background-color: #271D13; }
body.contrasthighbrown #now { background-color: #009900; color: #FFF; }

body.contrasthighbrown .downloadbox { border: 1px solid #FFF; background: #5C210F; color: #FFF; }

body.contrasthighbrown #buttons { background: #5C210F; border: 1px solid #FFF; color:  #F9F0D3; }
body.contrasthighbrown h1 { color: #FFFF89; }
body.contrasthighbrown #formulier fieldset { border: 1px solid #FFF; background-color: #271D13; }

body.contrasthighbrown #afdrukken-js { background: none;  }
body.contrasthighbrown #gaterug { background: none; }

body.contrasthighbrown #buttons input,
body.contrasthighbrown #buttons select{ background-color: #F9F0D3; }

body.contrasthighbrown #buttons input:hover,
body.contrasthighbrown #buttons input:focus,
body.contrasthighbrown #buttons select:hover,
body.contrasthighbrown #buttons select:focus { background-color: #FFF; }
body.contrasthighbrown #naar-top a:hover, body.contrasthighbrown #naar-top a:focus { background-color: #5C210F; }