body { background:#b3b3b3 url(../gfx/beroepsgeheim/bgbody.gif) repeat-y; font:small Verdana; margin:0; padding:0 }
h1 { display:none; font-size:24px; font-weight:normal }
h2 { font-size:100%; margin:20px 0 10px 18px; text-indent:0 }
h3 { font-size:85%; margin:10px 0 4px 18px; }
h4 { font-size:85%; text-align:left; color:#FC0; border-bottom:1px solid #FC0; margin:0 18px }
form { padding:0; margin:0 }

div#header { background:#FC0 url(../gfx/beroepsgeheim/bghead.gif) repeat-x; height:89px;  }
div#header img { position:absolute }
div#header img#titel { left:0; top:0 }
div#header img#huiselijkgeweld { right:70px; top:14px }
div#header img#justitie { right:18px; top:6px }

div#footer { margin:0 36px; font-size:85%; color:#666 }

a { color:#e40f15; text-decoration:none; border-bottom:1px dashed #e40f15 }
a.enquetebanner { border:0; }
a.enquetebanner:hover { border:0 }
a img { border:0 }
a:hover { color:#FC0; border-bottom:1px dashed #FC0 }
a.extern { border-bottom:1px solid #e40f15; font-weight:bold }
a.extern:hover { border-bottom:1px solid #FC0 }

div#tabs a:hover { color:#FC0 }
div#tabs { height:43px; position:absolute; top:46px }
div#tabs a { display:block; border:0; color:white; font:18px Arial; text-decoration:none; width:52px; height:31px; padding:12px 0 0 26px;  background-image:url(../gfx/beroepsgeheim/tab.gif); background-repeat:no-repeat; float:left }
div#tabs a.nor_sel { background-image:url(../gfx/beroepsgeheim/tab.gif); background-position:0 -86px }
div#tabs a.nor_don { background-image:url(../gfx/beroepsgeheim/tab.gif); background-position:0 -43px }
div#tabs a.sel_nor { background-image:url(../gfx/beroepsgeheim/tab_sel.gif); color:#FC0 }
div#tabs a.sel_don { background-image:url(../gfx/beroepsgeheim/tab_sel.gif);  background-position:0 -43px; color:#FC0 }
div#tabs a.don_nor { background-image:url(../gfx/beroepsgeheim/tab_done.gif) }
div#tabs a.don_sel { background-image:url(../gfx/beroepsgeheim/tab_done.gif); background-position:0 -86px }
div#tabs a.don_don { background-image:url(../gfx/beroepsgeheim/tab_done.gif); background-position:0 -43px }
div#tabs a#advies  { background-image:none; padding-right:30px }
div#tabs a#advies.sel_nor { background-color:#b1b1b1; border-top:3px solid #7B7B7B; padding-top:9px }
div#tabs a#enquete  { background-image:none; padding-right:30px }
div#tabs a#enquete.sel { color:#FC0; background-color:#b1b1b1; border-top:3px solid #7B7B7B; padding-top:9px }

div#vragen { padding:20px 20px 20px 20px; } 
p { margin:0 18px 18px 18px; padding:0; font-size:85%; line-height:1.4em }
div.vraag { position:relative; margin:0 0px 0px 0 }
div.hide { display:none }
div.vragen h2 { text-indent:-18px }
div#vragen ul { padding:0; margin:0 0 0 20px; font-size:85% }
div#antwoorden { margin:0 20px 8px 18px;  }
div#antwoorden div { background:#7B7B7B url(../gfx/beroepsgeheim/radio_off.gif) no-repeat; display:block; border:0; color:white; line-height:13px;
font-size:11px; font-weight:bold; padding:5px 24px 5px 24px; position:relative; margin-bottom:1px; background-position:2px 2px; cursor:pointer }
div#antwoorden div.on { background-image:url(../gfx/beroepsgeheim/radio_on.gif) }
div#antwoorden div a { color:#f4b5a2; border-color:#FC0; color:#FC0; }
div#antwoorden div.disabled { color:#AAA; background-image:none;  }
/*div#antwoorden div a:hover { color:#FFF; border-bottom:1px dashed #FF0 }*/

input.text, textarea { font:11px Verdana; width:90%; margin:0 0 10px 18px; height:100px; border:3px solid #7B7B7B }
input.text { width:180px; height:18px }

div#notdone { margin:10px 18px }
div#notdone div.done { padding:0 0 0 24px; height:30px; background-image:url(../gfx/beroepsgeheim/done.gif); background-repeat:no-repeat; font:18px Arial; color:white }
div#notdone a { padding:0 0 0 24px; display:block; height:30px; background-image:url(../gfx/beroepsgeheim/notdone.gif); background-repeat:no-repeat; border:0; font:18px Arial; }

div#adviesbuttons { margin:20px 18px 10px; height:40px }
div#adviesbuttons a { display:block; color:white; background:#414141; border:3px solid #7b7b7b; border-right:0; border-left:0; font-size:11px; font-weight:bold; padding:5px 14px 5px 32px; float:left; background-repeat:no-repeat; background-position:4px 0 }
div#adviesbuttons a:hover { color:#FC0 }
div#adviesbuttons input.text { padding:5px 12px 0px 12px; margin:0 8px 0 120px; float:left }
div#adviesbuttons a#print { background-image:url(../gfx/beroepsgeheim/print.gif) }
div#adviesbuttons a#mail  { background-image:url(../gfx/beroepsgeheim/mail.gif) }
div#adviesbuttons div.verzonden { padding:8px 0 0 120px; font-size:11px }

div#advies { line-height:1.6em; font-size:85%; border:1px solid #FC0; margin:0 18px 18px; padding:10px 20px; background:#CCC }

div#buttons { padding:0 40px 60px 0; float:right; height:30px }
div#buttons a { display:block; border:0; float:left; width:89px; height:22px; text-align:center; padding:7px 0 0 0; color:white; font-size:11px; font-weight:bold; text-decoration:none }
div#buttons a:hover { color:#FC0 }
div#buttons a#vorige   { background-image:url(../gfx/beroepsgeheim/btn_vorige.gif) }
div#buttons a#volgende { background-image:url(../gfx/beroepsgeheim/btn_volgende.gif); margin-left:10px }
div#buttons a#inzenden { background:#414141; border:3px solid #7b7b7b; border-right:0; border-left:0; margin-left:10px;
position:absolute; left:665px; top:530px }
div#buttons a#inzenden.disabled { background:#b3b3b3; border-color:#a3a3a3; color:#999 }


div.popup { display:none; font-size:13px; position:absolute; left:200px; top:202px; width:320px; padding:10px 18px; background:#dbd9d9; border:3px solid #e40f15; line-height:1.4em }
div.popup h1 { display:block; font-size:85%; font-weight:bold; color:#e40f15; margin:0 0 10px }
div.popup p  { margin:0 0 12px 0 }
div.popup ul { margin:0 0 10px 20px; padding:0; font-size:85% }
div.popup a { font-size:11px }

div#tabcond { display:none }