html { height:100%; min-height:100%; margin-bottom:1px }
body { height:100%; background-image:url(../gfx/bg.gif); margin:0; padding:0; font:small Arial }
div#page_wrapper { height:100%; width:780px; margin:0 auto; background:white;  }
div#page { background:white; color:black; font-size:85% }
hr.clear { visibility:hidden }
#page > hr.clear { clear:both; } /* hide for explorer IE5.5/ */
div#head { background:#000099; padding:8px 10px 2px 11px; position:relative; height:95px }
div#head img#jusitie { position:absolute; top:8px; right:170px }
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:white; text-decoration:none }
div#funcnav { position:absolute; top:85px; right:14px; font-family:Verdana }
div#funcnav ul { list-style-type:none; margin:0; padding:0; color:white }
div#funcnav li { display:inline; margin-left:10px }
div#funcnav li a { color:#DDD; text-decoration:none }
div#funcnav li a:hover { color:white; text-decoration:none; }
div#funcnav li a.selected { color:white; font-weight:bold}
div#funcnav li a.selected:hover { color:white }

div#menu { background:#9999cc; color:#333399; padding:5px 0px; font-weight:bold; font-family:Verdana }
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:#333399; text-decoration:none }
div#menu li a:hover { color:white; text-decoration:none }
div#menu li a.selected { color:white }

div#menu li ul { display:none; list-style-image:none; position:absolute; left:12px; top:91px; padding:0 0 0 0; 
                 text-indent:0px; margin:0 0px; }
div#menu li.selected ul    { list-style:none; display:block; width:161px }                 
div#menu li.selected ul li { padding:0px 0 8px 20px; width:161px; }
div#menu li ul li { display:block; line-height:1.2em; margin-left:-19px }
div#menu li ul li a { color:#6666cc; font-weight:bold; font-size:90%; text-indent:0px; background-image:url(../gfx/a_arrow2.gif); background-repeat:no-repeat; background-position:0px -4px; padding:0 0 2px 21px; display:block }
div#menu li ul li a:hover { color:#000099; background-position:0px -41px;}
div#menu li ul li a.selected { color:#000099; background-position:0px -41px;}
div#menu li ul li a.selected:hover { color:#000099 }
div#menu li.selected ul li ul { display:list; position:static; margin:4px 0 0 0px; 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; background-image:none; display:block; margin:0 0 0 20px }

h2#menuname { color:#6666cc; font-size:100%; font-weight:bold; position:absolute; left:12px; top:37px }
h2#menuname a {  text-decoration:none }

a { color:#DDDE2E; color:#6666cc; text-decoration:underline; }
a:hover { color:#000099; text-decoration:underline }
em { color:#009 }
div#content { margin:0; padding:20px 115px 60px 205px; background:white; }
div#content_full { padding:24px 32px 32px 14px }
div#relaties { float:right; width:75px; padding:60px 15px 0 0; font-size:85%  }
div#relaties h2 {  margin:0 0 4px }
div#relaties p  { margin: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 #DDDE2E }
div#relaties em { color:#FFDD40 }
div#relaties a { text-decoration:none; font-weight:bold; font-family:Verdana;   }
div#relaties img { margin:0px 0 0 20px }
/* home */
p.hulpbutton a  { display:block; color:white; background:#6666cc; border:1px solid white; 
                  margin:34px 20px 0px 0; text-transform:uppercase; font-weight:bold; 
                  text-decoration:none; font-family:Verdana;
                  padding:0px 10px; text-align:center; font-size:85%; }
table#home p.hulpbutton a { background-image:none; padding:2px 15px; background-image:none }                  
p.hulpbutton a:hover { color:white; text-decoration:underline }
table#home    { margin:10px 0 0 0; }
table#home td { vertical-align:top; width:200px; padding:0 20px 80px 12px; }
table#home td.kolom1 {width:25%;}
table#home td.kolom2 { width:25%;}
table#home td.kolom3 { width:25%;}
table#home td.kolom4 {width:25%;}
table#home h1 { color:#009; font-size:100%; margin:5px 0 12px 0 }
table#home h2 { padding:0; margin:6px 0 6px 0 }
table#home h3 { padding:0; margin:6px 0 6px 0 }
table#home p  { padding:0; margin:0 0 15px 0; font-size:100% }
table#home p.datum       { color:#6666cc; font-weight:bold; margin:0 0 6px 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/a_arrow.gif); 
                background-repeat:no-repeat;
                padding:0 0 0 20px;
                background-position:0 -4px }*/
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 }

table#home h2, 
table#home h3 { color:#DDDE2E; color:#6666cc }
table#home p.website { color:#000099 }
table#home p.website a { color:#000099 }
h1, h2, h3 { color:#009; font-family:Verdana }
h4, h5 { color:#444; }
h1 { font-size:153%; font-weight:bold; margin:2px 0 20px 0 }
h2 { font-size:115%; font-weight:bold; margin:12px 0 8px 0; padding:0; line-height:1.3em; }
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  { font-size:105%; line-height:1.5em; margin:0 10px 0 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 26px; padding:0; }
div#content li { line-height:1.6em; font-size:105%;  }
strong { color:#444 }
p.footer { border-top:1px dashed #666; color:#666; margin:8px 30px 10px 0 }
a.totop { width:11px; height:15px; background-image:url(../gfx/totop.gif); background-repeat:no-repeat }

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:#6666cc; 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 }

/* table */
table.tabel { border-left:1px solid #009; border-top:1px solid #009 }
table.tabel td, table.tabel th { background:#ebebf5; border-right:1px solid #009; border-bottom:1px solid #009; padding:4px; vertical-align:top }
table.tabel th { color:white; background:#8a8ab8; text-align:left }


/* 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 }

/* formulier */
form.formulier input.text { font:11px Arial; width:360px; margin-bottom:8px }
form.formulier textarea { font:11px Arial; width:360px; height:120px; margin-bottom:4px }
form.formulier label { display:block; font-weight:bold; color:#333; float:none; width:auto }
form.formulier select { font:11px Arial; width:360px; margin-bottom:8px }
form.formulier div.left { float:left; width:10em }
form.formulier div.radiogroup { font-weight:bold; margin:0 0 10px 0; color:#333 }
form.formulier input.submit { display:block; margin:10px 0 0 0 }

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 }