html { height:100% }
body { height:100%; background-image:url(../gfx/bg.gif); margin:0; padding:0; font:small Verdana }
div#page_wrapper { height:100%; width:780px; margin:0 auto; background:#B1B1B1;  }
div#page { background:#B1B1B1; color:black; font-size:85% }
hr.clear { visibility:hidden }
#page > hr.clear { clear:both; } /* hide for explorer IE5.5/ */
div#head { background:#FC0; padding:8px 10px 2px 11px; position:relative; }
div#head img#jusitie { position:absolute; top:8px; right:110px }
div#head img#movisie { position:absolute; top:8px; right:11px }
div#menu_wrapper { position:relative }
form#zoeken { margin:7px 0 7px 0; padding:0; }
form#zoeken input { font-size:11px; }
form#zoeken input#term { width:150px }
form#zoeken input.submit { }
form#zoeken select { font-size:11px; width:160px; margin-left:15px }
form#zoeken a { color:black }
div#funcnav { position:absolute; top:85px; right:14px }
div#funcnav ul { list-style-type:none; margin:0; padding:0; font-weight:bold; color:white }
div#funcnav li { display:inline; margin-left:10px }
div#funcnav li a:hover { color:#E5E5E5; text-decoration:none }
div#funcnav li a.selected { color:#8C8C8C }
div#funcnav li a.selected:hover { color:#8C8C8C }

div#menu { background:#414141; color:#B1B1B1; padding:5px 0px; font-weight:bold; }
div#menu ul { list-style-type:none; margin:0 0 0 12px; padding:0 }
div#menu li { display:inline; margin-right:20px }
div#menu li a { color:#B1B1B1 }
div#menu li a:hover { color:white; text-decoration:none }
div#menu li a.selected { color:#D9D9D9 }

div#menu li ul { display:none; list-style-image:none; position:absolute; left:12px; top:80px; width:150px; padding:0 0 0 0; 
                 text-indent:-1px; margin:0 0px; }
div#menu li.selected ul    { list-style:none; display:block; width:150px }                 
div#menu li.selected ul li { padding:0px 0 8px 20px; width:130px; }
div#menu li ul li { display:block; line-height:1.2em;
                    background-image:url(../gfx/bullet_arrow.gif); background-repeat:no-repeat; background-position:0 -3px }
div#menu li ul li a { color:white; font-weight:bold; font-size:90% }
div#menu li ul li a:hover { color:#FEE572 }
div#menu li ul li a.selected { color:#FFDD40 }
div#menu li.selected ul li ul { display:list; position:static;margin-top:4px; padding-left:0px }
div#menu li.selected ul li ul li { background:none; list-style-image:none; padding:0 0 4px 0px; line-height:1.0em }
div#menu li ul li ul a { font-weight:normal; }


hh2 a { background-image:url(../gfx/bullet_arrow.gif); background-repeat:no-repeat; padding:3px 0 0 19px }

a { color:white; text-decoration:none }
a:hover { color:#FFDD40; text-decoration:underline }
div#content table { margin:12px 0 }
div#content td { vertical-align:top; padding:0 12px 12px 0 }
div#content { margin:0; padding:16px 210px 16px 180px; background:#B1B1B1; }
div#content_full { padding:24px 32px 32px 14px }
h2#menuname { color:#FFDD40; font-weight:bold; position:absolute; left:12px; top:47px }
div#relaties { float:right; width:175px; padding:22px 15px 0 0; }
div#relaties ul { margin:0 0 20px 0; padding:0; list-style:none }
div#relaties li { display:block; list-style-image:none; margin:0; padding:6px 0; border-bottom:1px dotted white }
div#relaties em { color:#FFDD40 }

/* home */
p.hulpbutton a,
p.wbbutton a  { display:block; color:white; background:#F00; border:1px solid white; 
                  margin:34px 5px 10px 0; text-transform:uppercase; font-weight:bold; 
                  padding:0px 10px; text-align:center; font-size:85%; width:145px} 
table#home p.hulpbutton a,
table#home p.wbbutton a { background-image:none; padding:0px 10px; width:158px }        
table#home p.wbbutton a { padding:0 10px; margin-bottom:0 }
table#home p.banner { margin:0px 0 33px 0 }
table#home p.banner a { background-image:none; padding:0px; }
table#home    { margin:10px 0 0 0 }
table#home td { vertical-align:top; width:180px; padding:0 12px 80px 12px }
table#home h1 { color:#777; font-size:100%; margin:5px 0 12px 0 }
table#home h2 { padding:0; margin:6px 0 0px 0 }
table#home p  { padding:0; margin:0 0 10px 0 }
table#home p.datum       { color:#FFDD40; margin:0; padding:0 }
table#home ul { margin-top:4px }
/*table#home ul li { list-style-image:url(../gfx/bullet_arrow.gif); padding:0 0 4px 2px }*/
  table#home a  { background-image:url(../gfx/bullet_arrow.gif); 
                background-repeat:no-repeat;
                padding:0 0 0 20px;
                background-position:0 -4px }
table#home p.noarrow { margin-bottom:0 }
table#home p.noarrow a { background-image:none; padding:0 }
img#kaart { margin:10px }
img.left { float:left; margin:0 10px 0 0 }
img.right { float:right; margin:0 0 0 10px }
a img { border:0 }

h1, h2, h3 { color:#FFDD40; }
h4, h5 { color:#444; }
h1 { font-size:153%; font-weight:bold; margin:2px 0 10px 0 }
h2 { font-size:115%; margin:6px 0 2px 0; padding:0; }
h3 { font-size:100%; margin:8px 0 0 0; padding:0 }
h4 { font-size:100%; margin:8px 0 0 0; padding:0 }
h5 { font-size:100%; margin:0 }
p  { line-height:1.5em; margin:0; padding:4px 0 10px 0 }
ul { margin:0px 0 0.8em 18px; padding:0; list-style-image:url(../gfx/bullet.gif) }
ol { margin:8px 0 8px 30px; padding:0; }
div#content li { line-height:1.6em }
strong { color:#444 }
p.footer { border-top:1px dashed #666; color:#666; margin:8px 30px 10px 0 }
p.totop { margin-top:16px }
p.datum { padding-bottom:0px }
p.organisatie { font-weight:bold; color:#444; line-height:20px }
p.organisatie label { font-weight:normal; width:120px; float:left; clear:left }
table.organisatie td.lbl { padding-right:10px; font-weight:normal; vertical-align:top }
table.organisatie td { padding:0; border:0 }
div.datum { position:absolute; display:none }
div.datum p { color:#FFDD40; margin:0; padding:0; }
p.trefwoorden { color:#FFDD40; margin:0; padding:0; font-style:italic }

label {width:120px; float:left; }
p.postcoderesult { height:10px }
div#search_results > p.postcoderesult { height:auto }

div#webetui { text-align:right; padding:0 6px 3px 0; background:#B1B1B1 }
div#webetui a { color:#ccc; font:10px Verdana }

/* forum */
form.forum { display:block }
form.forum input.text { font:11px Arial; width:210px }
form.forum textarea { font:11px Arial; width:350px; height:120px; margin-bottom:4px }
div.error { color:#E00; font-weight:bold }
ul.forum_toc { margin:15px 0 30px 0; color:#FFDD40 }
ul.forum_toc li { list-style-image:none; list-style-type:none; padding:0 0 0 20px;
                  background-image:url(../gfx/forum_bullet.gif); background-repeat:no-repeat; background-position:0 5px  }
ul.forum_toc li.down { background-image:url(../gfx/forum_bullet_down.gif) }
ul.forum_toc ul { margin:0 0 0 0px }

div.reactie { background:#B9B9B9; padding:20px 0 0 0; margin:0 0 20px 0 }
div.reactie h2 { margin:0px 20px 10px 20px; padding:0; }
div.reactie p { margin:0 20px 10px 20px; padding:0; }
div.subreacties { padding:10px 20px 10px 20px; background:#C0C0C0; border-top:1px dotted white;  }
div.subreacties h2 { font-size:100% }
div.reageren { text-align:right; display:block; padding:0px 6px 3px }
div.overzicht { float:left; display:block; padding:0px 6px 3px 20px }

/* fillin */
form.fillin input.text { font:11px Arial; width:360px; margin-bottom:8px }
form.fillin select { margin-bottom:8px }
form.fillin textarea { font:11px Arial; width:360px; height:120px; margin-bottom:4px }
form.fillin label { display:block; float:none; width:auto }

form#postcode { margin-bottom:30px }
form#postcode label { display:block; float:left; margin-top:4px; width:7em }
form#postcode input { border:1px solid black; padding:2px; width:30px; font-size:11px }
form#postcode input.submit { border:1px solid #FFDD40; padding:1px 0 0 0; cursor:pointer; background:#FFDD40 }

form#enquete { margin:0 0 20px; padding:0 }
input#enqcode { border:1px solid black; padding:2px; width:80px; font-size:11px }
a#naar_enquete { background-image:url(../gfx/bullet_arrow.gif); 
                background-repeat:no-repeat;
                padding:0 0 0 20px;
                background-position:0 -4px }
form.fillin div.radios { margin:0 0 20px 0; float:left; width:160px;  }
form.fillin div.radios label { font-weight:bold; margin:0 0 4px 0; color:#FFDD40 }

div#content_full form.fillin { margin:0 32px 0 42px }
div#content_full form.fillin input.submit { display:block; clear:left; margin:10px 0 30px }
div#content_full label { position:relative }
div#content_full h1 { position:relative }
div#content_full p { position:relative }
div#content_full h2 { clear:left }

div.content_full div#menu li ul { display:none }




