html { height:100%; min-height:100%; margin-bottom:1px }
body { height:100% }
body { margin:0; background:0; background:black url(../gfx/jongeren/bg_image.jpg) repeat-y; background-position:center top; font:small Arial }
div#wrapper { width:870px; margin:0 auto; background:white; position:relative; }
div#tekst { margin:0 220px; padding:10px }
h1, h2, h3, h4, h5, a { color:#C10538 }
h1 { display:block; font:24px Arial Narrow; margin:10px 0; padding-right:30px; overflow:hidden; background-repeat:no-repeat }
h2 { font-size:15px; margin:1.6em 0 1em }
h2#actueel { background-image:url(../gfx/jongeren/titels/actueel.gif); text-indent:-300px; overflow:hidden; height:40px; background-repeat:no-repeat }
h3 { font-size:14px }
h5 { margin:0 0 0.5em }
p { font-size:90%; margin:0 0 1em 0; line-height:1.4em }
ul { margin:0; padding:0 }
ul li { list-style-type:none; margin:0; padding:0 0 0 30px; background-image:url(../gfx/jongeren/menu3bullets.gif); background-position:10px -53px; background-repeat:no-repeat; font-size:90%; line-height:1.4em; margin-bottom:8px }
a img { border:0 }
h2 a { text-decoration:none }
span.datum { font-size:14px; display:block }
div.search_results p { font-size:85%; margin:0 0 2em }
div.foto { margin:22px -3px 22px 0; height:134px }
div.foto img { margin-right:3px; display:block; background:white url(../gfx/jongeren/fotobg.gif) no-repeat; padding:7px; float:left }
div#breadcrumb { height:28px }
div#breadcrumb ul { margin:0; padding:0 }
div#breadcrumb ul li { list-style-type:none; display:inline; padding:0; background:none }
div.boekjes { width:400px }
div.boekjes p { float:left; width:132px; line-height:1.5em }
div.boekjes img { display:block }
div.boekjes a { display:block; font-size:12px }
div.boekjes h2 { clear:both }
/* menu */
div#menu { position:absolute; left:20px; top:150px; width:180px }
div#menu ul { margin:0; padding:0 }
div#menu ul li { list-style-type:none; padding:0; margin:0; font-size:100% }
div#menu a { font-size:90%; display:block; text-decoration:none; color:white; width:145px; background:#4D4D4D url(../gfx/jongeren/menu1pijltjes.gif) no-repeat; background-position:7px 12px; border-bottom:1px solid white; padding:8px 10px 8px 25px }
div#menu a:hover { color:#C10538; background-position:7px -53px }
div#menu a.selected:hover { color:white }
div#menu a.selected { background-color:#C10538; background-position:7px -116px }
/* submenu */
div#menu ul li ul { display:none }
div#menu ul li.selected ul { display:block }
div#menu ul li ul li a { color:#4d4d4d; background:#F2F2F2 url(../gfx/jongeren/menu2pijltjes.gif) no-repeat; background-position:22px 12px; padding-left:40px; width:130px }
div#menu ul li ul li a:hover { background-position:22px -47px }
div#menu ul li ul li a.selected { color:#C10538; background-color:#F2F2F2; background-position:22px -110px }
div#menu ul li ul li a.selected:hover { color:#C10538; background-color:#F2F2F2; }
div#menu ul li.selected ul li ul { display:none }
div#menu ul li.selected ul li.selected ul { display:block }
div#menu ul li ul li ul li a { padding:4px 10px 4px 40px; font-size:85%; color:#4d4d4d; background:white url(../gfx/jongeren/menu3bullets.gif) no-repeat; background-position:24px 11px }
div#menu ul li ul li ul li a.selected { background-color:#FFF; background-position:24px -49px }
div#menu ul li.selected ul li.selected ul li a:hover { background-position:24px -49px; background-color:white }
/* rechterkolom */
div#rechterkolom { position:absolute; right:20px; top:150px; width:180px }
div#rechterkolom h2 { font-size:100%; margin:0 0 0.7em }
div#rechterkolom p { font-size:85% }
div#rechterkolom ul { font-size:85% }
div#rechterkolom ul li { font-size:100%; padding-left:10px; background-position:0 -53px }
div.kader { padding:16px; margin:0 0 20px 0; background:#FCFCFC url(../gfx/jongeren/bg_kader.jpg) repeat-x; background-position:bottom }
/* formulier */
label { font-size:85%; }
input.text, textarea { width:90%; border:1px solid #C10538; margin:0 0 8px 0 }
textarea { width:90%; height:300px; font:12px Arial }
select { width:91%; font:12px Arial; margin:2px 0 8px 0 }
input.text, textarea { display:block }
#formulier input.submit { display:block; width:72px; height:21px; background-image:url(../gfx/jongeren/verzendknop.gif); cursor:pointer; text-indent:-300px; font-size:1px; color:white; overflow:hidden; border:0; padding:0 }
/* zoeken */
form#zoeken { padding:0; margin:0; position:absolute; right:20px; top:106px; }
form#zoeken input.text { display:inline; margin:0; padding:4px; font:11px Arial; width:138px; border:1px solid #C10538 }
form#zoeken input.submit { width:28px; height:28px; border:0; background:white url(../gfx/jongeren/search.gif) no-repeat; background-position:0 3px; cursor:pointer }
/* printen */
a#printen { position:absolute; right:230px; top:156px; display:block; width:30px; height:30px; background:white url(../gfx/jongeren/printen.gif) no-repeat }