body { font:small Arial; margin:0; padding:0 }

h1, h2, h3, h4 { color:#09C;   }
h1 { font-size:135%; font-weight:normal; margin:12px 0 0.8em 0  }
h2 { font-size:110%; margin:1em 0 0.5em 0   }
h3 { font-size:100%; margin:1em 0 0em 0   }
h4 { font-size:85%;  margin:1em 0 0em 0   }
h5 { font-size:100%; margin:1em 0 0 0 }
p  { margin:0 0 1em 0; line-height:1.35em }
a  { color:#09C }

ul { margin:0 0 0.5em 20px; padding:0 }
li { margin:0 0 4px 0 }

div.casus { font-style:italic }
div.voorbeeld { border:1px solid #09C; padding:14px 18px 8px; font-size:85%; margin:0 0 20px 0 }
div.voorbeeld h2 { margin-top:0 }
div.search_results { font-size:85% }
div.search_results em { font-style:normal; color:red }

a img { border:0 }
div#header { background:white url(../gfx/head1.jpg) no-repeat; background-position:224px 0; height:117px; border-bottom:1px solid #09C; font-size:11px }
body#info div#header { background-image:url(../gfx/head2.jpg) }
body#vragen div#header { background-image:url(../gfx/head6.jpg) }
body#problemen div#header { background-image:url(../gfx/head4.jpg) }
body#bijdragen div#header { background-image:url(../gfx/head5.jpg) }

img#logo { margin:26px 0 0 42px }

div#content { margin:0 250px 0 246px; padding-bottom:60px }

div#content a { text-decoration:none; padding:0; background-image:url(../gfx/link_line.gif); background-repeat:repeat-x;
background-position:bottom; }
div#content div.keuze a { text-decoration:underline; display:block; padding-left:20px; font-weight:bold; background-image:url(../gfx/icon_vragen.gif); background-repeat:no-repeat; background-position:left 3px}
div#content div.keuze ul { list-style-type:none; margin:0; padding:0 }
div#content div.keuze li { padding-bottom:12px; }

div#rechterkolom { position:absolute; width:213px; right:0px; top:154px; font-size:85% }
div#rechterkolom h1 { color:white; background:#09C; padding:3px 18px; font-size:100%; font-weight:bold }
div#rechterkolom h2 { font-size:100%; margin:0 0 0 18px }
div#rechterkolom p { margin:0 18px 1em 18px }
div#rechterkolom ul { margin:0 18px; padding:0 }

div#menu { font-size:85%; position:absolute; left:0; top:98px; width:224px }
div#menu ul { margin:0; padding:0; list-style-type:none }
div#menu li { margin:0; padding:0 }
div#menu a { text-decoration:none; display:block; padding:3px 16px 3px 46px }

div#menu ul li a { color:white; font-weight:bold; margin-bottom:1px;  background:#09C url(../gfx/arrow_right.gif) no-repeat; background-position:right 0px; }
div#menu ul li a.selected { background-image:url(../gfx/arrow_down.gif) }
div#menu ul li ul li a { color:black; padding:3px 46px; background:white url(../gfx/menu_bullets.gif) no-repeat; background-position:31px -99px;}
div#menu ul li ul li ul li a { color:#09C; font-weight:normal; padding:2px 6px 2px 46px; background-position:31px -50px }
div#menu ul li ul li ul li a.selected { background-position:31px 1px }
div#menu ul li ul li a.selected { background-image:url(../gfx/menu_bullets.gif); background-position:31px 2px; color:#868686 }

div#menu ul li ul { margin-bottom:8px; display:none }
div#menu ul li.selected ul { display:block }
div#menu ul li.selected ul li ul li ul { display:none; margin:0 0 0 10px }
div#menu ul li.selected ul li ul li.selected ul { display:block; margin:0 0 0 10px }

div#menu ul li a { height:1em }
body > div#menu ul li a { height:auto }

div#funcnav { position:absolute; top:101px; right:0px }
div#funcnav ul { list-style-type:none; margin:0; padding:0 }
div#funcnav ul li { display:inline }
div#funcnav a { text-decoration:none; padding-right:20px }
div#funcnav a.selected { color:#868686 }

form#zoeken { margin:0; padding:0; position:absolute; top:98px; left:225px }
form#zoeken input.text { border:0; padding:2px 4px 2px 22px; background:#b9ebfc; font-size:11px; width:180px; font-weight:bold; color:red }
form#zoeken input.submit { background:none; border:0; font-size:11px; color:#09C; cursor:pointer }
form#zoeken label { position:absolute; color:#868686; left:23px; top:3px; display:none }

/* home */
div#intro { margin:0 0 0 0px }
div#intro h1 { margin-left:45px }
div#intro p { margin-left:45px; width:640px }
div.kolom { width:206px; margin-right:24px; float:left; font-size:85% }
div.kolom a { display:block; color:white; background:#09C; text-decoration:none; padding:10px 14px; line-height:18px; height:80px }
div.kolom a:hover { background:#33add6 }
div.kolom div.tekst { padding:10px 14px }
div.kolom p { margin:0 }
div.kolom p strong { display:block; margin:0 0 6px 0 }
div.kolom a strong { display:inline; text-decoration:underline }
div#kolom1 { width:224px }
div#kolom1 a { padding-left:46px }
div#kolom1 div.tekst { padding-left:46px }
div#kolom4 { margin-right:0 }
div#kolommen { width:918px; }
