body { font-family: Verdana, Geneva, sans-serif; font-size: 62.5%; margin: 0px; text-align: center; background: #F2F2F2; }

/* boxes */
#wrapper { text-align: left; margin: 20px auto; width: 800px; background: #FFF url(/images/shade.gif) repeat-y right top; }
#header { background: url(/images/bg_header.jpg) no-repeat; }
#header h1 {text-indent: -999px; overflow: hidden; margin: 0; padding: 0; border: 0; z-index: 10;}
#header h1 a, #header h1 a:hover, #header h1 a:visited { border: 0; display: block; width: 800px; margin: 0px; padding: 0px; height: 92px; }

#page { background: url(/images/watermerk.gif) no-repeat right bottom;}
#content { font-size: 1.1em; line-height: 1.8em; width: 700px; padding: 1.5em 30px 0.5em 50px; overflow: auto; }
#content table {width:96%;}
#content h1:first-child, #content h2:first-child,#content p:first-child {margin-top:0;}
#footer { padding: 15px 0px; background: url(/images/footer.gif) no-repeat left bottom; text-align: center; font-size: 11px; color: #FFF; line-height: 17px; }
#footer a { color: #FFF; text-decoration:none; }
#footer a:hover {color: #FFF; text-decoration:underline;}

#nieuws {margin: 20px 0px; }
#nieuws p.first {padding-top:1em;border-top: 1px solid #063;}

#nieuwsblok {margin: 20px 0px; border: solid 1px #CCCCCC; background: #FFF;}
#nieuwsblok p:first-child { background-color: #EFEFEF; border-bottom: 1px solid #CCC; padding: 0.2em 0.5em; font-weight: bold; color: #666; margin: 0px; }
#nieuwsblok ul { margin: 0.5em 3em; }
#nieuwsblok li { margin-bottom: 0.5em; }
#nieuwsblok a { text-decoration: none; }
#nieuwsblok a:hover { text-decoration: underline; }

#feedback { position: absolute; width: 330px; margin-top: -28px; padding: 0px 0px 0px 86px; z-index:1; background: #FFF; }
#feedback h2 {padding-top: 4em; margin-left:-86px;}
#feedback p {margin-bottom: 280px; margin-left:-86px;}
#feedback p.error { padding:0px; margin:0px; font-size: 1em; }

/* global */
a { color: #06C; text-decoration: underline; }
a:hover {color: #06C; text-decoration: none;}
a img {border:none;}
h1 {font-size:1.4em;}
h2 {font-size:1.3em;}
h3 {font-size:1.1em;}
form {margin:0.5em 0 0 0;}
ul {margin:0 0 0 20px;padding:0;}
.formfield { width: 98%; border: 1px solid #CCC; font-family: "Courier New", Courier, monospace; }
.hide {display:none;}
.stretch {width: 95%;}
.clr {clear:both;}
.small {font-size: 0.85em;}
.error {color: #CC0000; font-weight: bold;}
.required {padding-left: 10px; background: url(/images/star.gif) no-repeat left center;}
.print {display:none;}

/* navigatie */
#navigatie {background: #063 url(/images/shade.gif) repeat-y right top; height: 20px; padding-left: 30px;}
#nav ul {padding: 0px; margin: 0px; list-style: none; position: relative; z-index: 11;}
#nav a {display: block; color: #FFF; text-decoration: none; padding: 0.4em 1em; margin: 0em; background: #063; text-transform: uppercase; border-left: 1px solid #FFF;}
#nav a:hover {color: #FFF; background: #093;}
#nav li {float: left; list-style: none;}
#nav li ul {position: absolute; width: 130px; left: -999em;}
#nav ul li {border-right: 1px solid #063; border-top: 1px solid #FFF; border-bottom: 1px solid #063; border-left: 1px solid #063;}
#nav ul li a {text-transform: none; font-weight: normal; color: #FFF; padding: 0.3em 5px; margin:0; width: 130px; background: #093; border:none;}
#nav ul li a:hover {color: #063; background: #FFF;}
#nav li:hover, #nav li.sfhover { background: url(images/spacer.gif);} 
#nav li:hover ul, #nav li.sfhover ul { left: auto;}

/* huidige paginas  */
#nav li.current_page a {background: #093;}
#nav li.current_page li a { color: #FFF; background: #093;}
#nav li.current_page li a:hover { color: #063;background: #FFF;}
#nav li li.current_page a {background: #FFF;color: #063;}

/* custom */
a.pdf {background: url(/images/pdf.gif) no-repeat left center; padding: 2px 0px 2px 20px;}
a.doc {background: url(/images/doc.gif) no-repeat left center; padding: 2px 0px 2px 20px;}
p.listhead {margin-bottom:0.5em; line-height: 1em;}
ul.downloads {list-style-image: url(/images/bullet_pdf.gif);}
.border {border: solid 1px #CCCCCC;}
.download, .links { border: solid 1px #CCCCCC; background: #FFF;}
.download p:first-child, .links p:first-child { background-color: #EFEFEF; border-bottom: 1px solid #CCC; padding: 0.2em 0.5em; font-weight: bold; color: #666; margin: 0px; }
.download ul { list-style-image: url(/images/bullet_pdf.gif); margin: 0.5em 3em; }
.links ul {  margin: 0.5em 3em; }
.download li, .links li { margin-bottom: 0.5em; }
.download a, .links a  { text-decoration: none; }
.download a:hover, .links a:hover { text-decoration: underline; }
.datum { color: #999; font-size: 0.9em; line-height: 1.4em; }