html { height:100%;min-height:100%; margin-bottom:1px }
body { height:98%; background:white url(../gfx/bg.gif); margin:0 0 5px; padding:0; font:small Verdana}

h1 { font-size:153%; margin:2px 0 10px 0; color:#00A008 }
h2 { font-size:115%; margin:6px 0 2px 0; padding:0; color:#00A008 }
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 }
a  { color:#00A008 }
a:hover { color:#1DBC25 }
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 26px; padding:0; }
div#tekst li { line-height:1.6em }

div#page_wrapper { height:100%; width:788px; margin:0 auto; background:#FFF5CC url(../gfx/page_wrapper_bg.gif) repeat-y; 
                   border-top:2px solid #414141; border-bottom:3px solid #414141; }
div#page { width:780px; background:#FFF5CC; background:#ECECEC; font-size:85%; border-left:4px solid #414141; border-right:4px solid #414141; }

div#tekst { padding:20px 20px 80px 20px }
div#head { background:#FC0; padding:6px 10px 7px 11px; position:relative; }

div#head em { color:#00A008; font-style:normal; font-weight:bold }
div#head img { margin:0 0 5px 0 }
div#head h1 { font:18px Arial; color:white; margin:0; padding:8px 0 9px 27px; background-image:url(../gfx/lock.gif); background-repeat:no-repeat }
div#head #ingelogd { position:absolute; right:10px; top:54px; width:320px; line-height:16px; text-align:right }
div#head #ingelogd a { font-weight:bold; color:#B1B1B1; text-decoration:none }
div#head #ingelogd a:hover { color:white }

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

div#menu li ul { display:none; list-style-image:none; position:absolute; left:0; 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:#00A008; font-weight:bold }
div#menu li ul li a:hover { color:green }
div#menu li ul li a.selected { color:green }
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; }

table.tabel { border-left:1px solid #999; border-top:1px solid #999}
table.tabel th { text-align:left; color:white; background:#787575; }
table.tabel td { background:#fffcf0;   }
table.tabel td, table.tabel th { padding:3px 8px; border-right:1px solid #999; border-bottom:1px solid #999 }

form.login { position:relative }
label { width:120px; margin-top:5px; float:left; display:block }
input.text { width:120px; margin:0 0 4px 120px; display:block; }
form.login input.submit { position:absolute; left:260px; top:48px }
input.submit { border:0; color:white; background:#414141;
font:11px Verdana; font-weight:bold; padding:2px 12px 2px; cursor:pointer }
div.onthouden { font-size:9px; color:#999; margin:10px 15px 0 119px; }
div#errmsg { color:red; font-weight:bold; height:20px }
textarea { display:block; clear:left; width:400px; height:120px }
div.reactie { border-top:1px solid #414141 }

form.formulier label { display:block; float:none; width:auto }

form.formulier input.text { background:white; float:none;  width:550px!important; margin:6px 0 12px 0px }
div.radiogroup { margin:6px 0 24px 48px }
div.radiogroup input.radio { float:left }
div.radiogroup span.radio_label { display:block; height:20px }
div.checkboxgroup { margin:6px 0 24px 12px }
div.checkboxgroup input.checkbox { float:left }
div.checkboxgroup span.checkbox_label { display:block; height:20px }