html { height:100%; min-height:100%; margin-bottom:1px }
body { height:100% }
body { font:small Verdana; margin:0; padding:0; color:#3a3a3a; background:#f3f5f6 }
div#shadow { width:980px; margin:0 auto; padding-bottom:6px; background-image:url(../gfx/shadow_bottom.gif); background-repeat:no-repeat; background-position:bottom }
div#wrapper { position:relative; width:980px; background:white url(../gfx/bg_page.gif) repeat-y;  }
div#page { margin:0 158px 0 212px; min-height:500px; padding:0 0 60px }
div#footer { margin:20px 64px 20px 212px; font-size:85%; text-align:right }
div#footer a { text-decoration:none; padding:0 12px }

div#header { height:86px; background:white url(../gfx/bg_header.gif) no-repeat }
div#header h1 { position:absolute; text-indent:-100px; font-size:1px; overflow:hidden; top:42px; left:18px; width:288px; height:21px; background-image:url(../gfx/veiligheidshuizen.gif); }
h1, h2, h3, h4 { color:#559113 }
h1 { margin:0 0 0.7em;  font:15px Arial; font-weight:normal } 
h2 { font-size:100%; text-transform:uppercase; margin:0 0 0.5em }
h3 { font-size:100%; margin:0 0 0.5em }
h4 { font-size:85%; margin:0 0 0.5em }
p { font-size:90%; line-height:1.5em; margin:0 0 1.5em }
p em { font-style:normal; color:#838282; font-size:90% }
a { color:#5fa216; text-decoration:none }
a:hover { text-decoration:underline }
a img { border:0 }
div#page ul { margin:0 0 1.5em; padding:0; position:relative }
div#page li { list-style-type:none; margin:0 0 0.5em; padding-left:22px; background:white url(../gfx/bullet.gif) no-repeat; background-position:2px 5px;  }

div.item { background-image:url(../gfx/border_bottom.gif); background-repeat:repeat-x; background-position:bottom; padding-bottom:10px; margin-bottom:20px  }

img.left { float:left; }

div#menu   { height:53px; padding:23px 0 0 24px; background:white url(../gfx/bg_menu.gif) no-repeat; margin-bottom:31px }
div#menu ul { margin:0; padding:0 }
div#menu li { list-style-type:none; display:block; float:left }
div#menu a  { color:#eff3eb; display:block; width:100px; padding:15px 0 10px 12px; float:left; text-decoration:none;  border-right:1px solid #4d8411 }
div#menu a.selected, div#menu a.selected:hover { background:#dce4d2; color:#549013 }
div#menu a:hover { background:#86b641 }

div#menu li ul { display:none; }
div#menu li.selected ul { display:block; position:absolute; padding:0 0 7px 0; right:20px; top:157px; background:#d4dec8 }
div#menu li.selected ul a  { color:#549013; text-decoration:none; display:block; float:left; border-right:1px solid #b2c79a; width:auto; padding:3px 12px 3px 12px }
div#menu li.selected ul a.selected { color:white; background:#77c724 }
div#menu li.selected ul a:hover { background:#c7dbb1 }

div#menulogin { position:absolute; left:22px; top:178px; width:160px }
div#menulogin ul { margin:0; padding:0 }
div#menulogin li { list-style-type:none }
div#menulogin a  {text-decoration:none; color:#549113; background:#eff3eb; margin-bottom:1px; display:block; padding:6px 4px 6px 14px; float:left; width:138px }
div#menulogin a#huis { background:white; margin:20px 0 0 0 }
div#menulogin a:hover { background:#d9e6c7 }
div#menulogin li ul { display:none }
div#menulogin li.selected ul { display:block; margin-bottom:1px }
div#menulogin li.selected a { color:white; margin:0; background:#6ba613 }
div#menulogin li li a { background:#d4dec8; color:#559214; }
div#menulogin li.selected li a { background:#d4dec8; color:#559214; }
div#menulogin li.selected li a:hover { background:#c7dbb1 }
div#menulogin li.selected li.selected a { color:white; background:#77c724   }
div#menulogin a.arrow { background-image:url(../gfx/menuarrow.gif); background-repeat:no-repeat; background-position:4px 11px }
div#menulogin a.down { background-position:4px -25px }

div#menuhuis { position:absolute; padding:0 0 7px 0; right:20px; top:157px; background:#d4dec8 }
div#menuhuis a { color:#549013; text-decoration:none; display:block; float:left; border-right:1px solid #b2c79a; padding:3px 45px 3px 12px }
div#menuhuis ul { margin:0; padding:0 }
div#menuhuis li { display:block; float:left; list-style-type:none }
div#menuhuis li a.selected { color:white; margin:0; background:#77c724 }
div#menuhuis li.parent a.selected { color:#549013; background:#d4dec8}
div#menuhuis a:hover, div#menuhuis li.parent a:hover { background:#c7dbb1 }

div#menuhuis li div.container { z-index:1000; position:absolute; visibility:hidden; padding-bottom:4px; overflow:hidden; top:24px; width:140px;  }
div#menuhuis li div.container ul { display:block; position:absolute; left:0; top:0; padding:0px 0 0px 0; border-bottom:0; background:#d4dec8; text-transform:none; width:auto }
div#menuhuis li div.container ul li { float:none; display:block; padding:0; margin:0; border:0  }
div#menuhuis li div.container ul a { float:none; display:block; border-top:1px solid #FFF; background-image:none; padding:3px 14px 5px; width:105px; }
div#menuhuis li div.container a:hover,
div#menuhuis li div.container a.selected { background:#77c724; color:white; }
div#menuhuis li.selected div.container ul li a { padding:4px 14px; }
div#menuhuis li div.container ul li ul { display:none }

/* menu rechts */
div#menu3 { position:absolute; right:20px; top:220px; }
div#menu3 ul { list-style-type:none; padding:0; margin:0;}
div#menu3 a { display:block; background:#eff3eb; color:#549113; margin-bottom:1px; width:88px; padding:5px 4px 5px 14px; font-size:85%;}
div#menu3 a:hover { background:#c7dbb1; text-decoration:none; }
div#menu3 a.selected {  background:#77c724; color:white; }

body.home_login div#menu    { background-image:url(../gfx/bg_home_login.gif); }
body.home_login div#menu ul { display:none; }

a#login { color:#559113; text-decoration:none; font-style:italic; position:absolute; right:22px; top:15px; font-size:11px }
form#zoeken { margin:0; padding:0; position:absolute; right:22px; top:43px }
form#zoeken input.text { border:1px solid #b4b4b4; width:120px; font-size:11px; margin:0; padding:2px; color:#559113; display:inline }
form#zoeken input.submit { margin:0; padding:0; display:inline; border:0; background:white; color:#559113; font-style:italic; font-size:11px; cursor:pointer }


/* formulieren */
form.login { margin:20px 0 }
input.text { font-size:11px; padding:2px; border:1px solid #5ea216; display:block; margin:0 0 8px }
label { font-size:11px; float:left; display:block; width:120px  }
div.radio label { width:400px;}
input.submit { color:white; background:#5fa216; border:0; font-size:11px; display:block; margin:40px 120px; padding:2px 12px }
div.onthouden { font-size:9px; color:#b4b4b4; margin-left:120px }
div.error { color:#F00; margin:0 0 8px 120px; font-weight:bold; font-size:11px }

body.veiligheidshuis_gooienvechtstreek em { color:#000086; font-size:100%;}