/* Html */
html { margin: 0; padding: 0; height: 100%; }
/* Body */
body { margin: 0; padding: 0; height: 100%; }
/* Wrapper */
div#wrapper { position: relative; width: 960px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -22px; }
/* Header */
div#wrapper div#header { position: relative; width: 960px; height: 250px; }
div#wrapper div#header div#logo { position: absolute; width: 156px; height: 98px; top: 30px; left: 40px; }
/* Extra links in header */
div#wrapper div#header div#extra-links { position: absolute; width: 130px; height: 100px; top: 6px; right: 0px; }
div#wrapper div#header div#extra-links ul li { text-align: right; height: 25px; padding-right: 25px; background-image: url(../images/stripe.gif); background-position: top right; background-repeat: no-repeat; }
/* Banner */
div#wrapper div#header div#banner { position: absolute; height: 188px; width: 665px; top: 0; left: 247px; padding-left: 48px; background-color: #f8b334; }
div#wrapper div#header div#banner.banner0 { background-image: url(../images/banner1.jpg); background-repeat: no-repeat }
div#wrapper div#header div#banner.banner1 { background-image: url(../images/banner2.jpg); background-repeat: no-repeat }
div#wrapper div#header div#banner.banner2 { background-image: url(../images/banner3.jpg); background-repeat: no-repeat }
div#wrapper div#header div#banner.banner3 { background-image: url(../images/banner4.jpg); background-repeat: no-repeat }
div#wrapper div#header div#banner.banner4 { background-image: url(../images/banner5.jpg); background-repeat: no-repeat }
div#wrapper div#header div#banner.banner5 { background-image: url(../images/banner6.jpg); background-repeat: no-repeat }
div#wrapper div#header div#banner.banner6 { background-image: url(../images/banner7.jpg); background-repeat: no-repeat }
div#wrapper div#header div#banner.banner7 { background-image: url(../images/banner8.jpg); background-repeat: no-repeat }
div#wrapper div#header div#banner.banner8 { background-image: url(../images/banner9.jpg); background-repeat: no-repeat }
div#wrapper div#header div#banner.banner9 { background-image: url(../images/banner10.jpg); background-repeat: no-repeat }
div#wrapper div#header div#banner.banner10 { background-image: url(../images/banner11.jpg); background-repeat: no-repeat }
div#wrapper div#header div#banner.banner11 { background-image: url(../images/banner12.jpg); background-repeat: no-repeat }
div#wrapper div#header div#banner.banner12 { background-image: url(../images/banner13.jpg); background-repeat: no-repeat }
/* Menu */
div#wrapper div#header div#menu { position: relative; width: 960px; height: 122px; top: 128px; background-image: url(../images/bg-menu.png); background-repeat: no-repeat; }
div#wrapper div#header div#menu ul { position: absolute; height: 25px; top: 82px; left: 256px; }
div#wrapper div#header div#menu ul li { display: block; float: left; margin-left: 23px; }
/* Vertical line */
img#vertical-line { position: absolute; top: 234px; left: 246px; }
/* Content-Wrapper */
div#wrapper div#content-wrapper { position: relative; width: 960px; padding-top: 30px; padding-bottom: 30px; }
/* Sidebar */
div#wrapper div#content-wrapper div#sidebar { position: relative; width: 205px; padding-left: 41px; float: left; padding-top: 50px; }
div#wrapper div#content-wrapper div#sidebar ul li { display: block; height: 31px; width: 190px; background-image: url(../images/submenu-divider.gif); background-repeat: no-repeat; background-position: top left; }
/* Content */
div#wrapper div#content-wrapper div#content { position: relative; width: 630px; padding-left: 48px; float: left; }
/* Breadcrumb */
div#wrapper div#content-wrapper div#breadcrumb { position: absolute; width: 450px; color: #b9b9b9; top: 5px; left: 295px; }
/* Content-left */
div#wrapper div#content-wrapper div#content div#content-left { position: relative; width: 275px; float: left; }
div#wrapper.verder div#content-wrapper div#content div#content-left { position: relative; width: 420px; float: left; }
/* Content-right */
div#wrapper div#content-wrapper div#content div#content-right { position: relative; width: 275px; padding-left: 50px; float: left; }
div#wrapper div#content-wrapper div#content div#content-right ul#front-news li { background-image: url(../images/news-top.gif); background-repeat:no-repeat; display: block; width: 282px; padding-top: 8px; margin-bottom: 5px; }
div#wrapper div#content-wrapper div#content div#content-right ul#front-news li p { padding-left:12px; padding-bottom: 0; margin:0 }
div#wrapper div#content-wrapper div#content div#content-right ul#front-news h2 { padding-left:12px; }
div#wrapper div#content-wrapper div#content div#content-right ul#front-news img { padding:0; margin:0 }
div#wrapper.verder div#content-wrapper div#content div#content-right { position: relative; width: 160px; padding-left: 50px; float: left; }
.verder div#content-right ul { margin-top: 30px; }
.verder div#content-right ul li { padding: 3px; background-image: url(../images/submenu-divider.gif); background-position: bottom left; background-repeat: no-repeat; }
.verder div#content-right ul span { color: #f8b334; font-size: 12px; font-weight: bold; }
/* Clearing Float */
.clear { clear: both; }
/* Footerfix */
div#wrapper div#push { position: relative; height: 22px; }
/* Footer */
div#footer { position: relative; width: 960px; height: 22px; margin: 0 auto; background-color: #004c99; }
div#footer div#contact { position: absolute; top: -150px; left: 65px; }
/* Sitemap */
div#wrapper div#content-wrapper div#content ul.map {font-weight:bold }
div#wrapper div#content-wrapper div#content ul.map1 {margin-left: 10px; font-weight: normal }
/* Formulier bij scans */
form#frm {padding: 10px; background-color: #E8E8E8; }
form#frm label, form#frm input {display: block; margin-bottom: 4px}
form#frm label {margin-top: 8px; }
/* Downloads */
ul.downloads li {background-image: none; font-weight: bold; margin-left:0; padding-left:0}
ul.downloads li span { margin-right: 10px; font-weight: normal}
/* Links */
ul li span.beschrijving {display: block; margin-top: 2px }
/* Enquete */
form.enquete input.antwoord, form.enquete label { display: inline; }
form.enquete legend {padding: 10px 0 5px 0; font-weight: bold}
form.enquete label {padding: 0 10px 3px 10px; background-color: #E8E8E8; display: block}
form.enquete input.verstuur {margin-top: 15px; }
/* Nieuwsberichten */
div#wrapper div#content-wrapper div#content div#content-left .terugnaaroverzicht { display: block; width: 190px; background-image: url(../images/submenu-divider.gif); background-repeat: no-repeat; padding-top: 10px; margin-top:5px; font-weight: bold }
/* Nieuwsbrief */
div#nieuwsbrief {margin-left: 20px; width: 200px }
div#nieuwsbrief legend, div#nieuwsbrief input, div#nieuwsbrief label {width: 120px; }
div#nieuwsbrief label, div#nieuwsbrief input.verstuur {margin-top: 5px; }
div#nieuwsbrief input {height: 15px; font-size: 8pt; border: 1px solid #dddddd }
div#nieuwsbrief legend {width: 180px; padding-bottom: 10px; }
div#nieuwsbrief input.verstuur {height: 20px; width: 80px }
div#nieuwsbrief label {display: block; padding-bottom: 5px;}
div#nieuwsbrief legend { font-weight: bold; color: #004c99; background-position: bottom left; background-repeat: no-repeat; }
/* Aanmeldformulier */
.form {padding:2px; margin: 4px;}
.input,textarea {font-size: 1em; padding:3px; padding-bottom:1px; border: 1px solid #848484; }
.select,option {font-size: 1em; padding-bottom:1px;}
.submitform {font-size: 1em; color: #000000; cursor: pointer; background-color:#eeeeee ; border: 1px solid #858585;}
.submitform:hover {background-color:#f8b55a;}