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#wrapper { width:780px; margin:0 auto; background:white; color:black;  }
div#content { margin:0; padding:20px 115px 60px 205px; background:white }
hr.clear { visibility:hidden }
#content > hr.clear { clear:both; }
div#trefwoorden { font-size:85%; color:#666; margin:20px 0 }

div#head { background:white url(../gfx/header_bg.jpg) repeat-y; padding:10px 10px 0px 13px; position:relative; height:95px }
div#head img#movisie { display:block; position:absolute; top:12px; right:19px }

a img { border:0 }

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 }
select#orgs{ font-size:11px; width:140px; }
form#zoeken a { color:white; text-decoration:none }

/* 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 }
div.error { color:red; margin:0 0 10px }

div#funcnav { position:absolute; top:89px; right:14px; font-size:70%; font-family:Verdana }
div#funcnav ul { list-style-type:none; margin:0; padding:0; color:white }
div#funcnav li { display:inline; margin-left:14px }
div#funcnav li a { color:#000; text-decoration:none }
div#funcnav li a:hover { color:#47ca00; text-decoration:none; }
div#funcnav li a.selected { color:#47ca00; font-weight:bold}
div#funcnav li a.selected:hover { color:white }

div#menu { font-size:85%; background:#0066d1; color:white; padding:5px 0px; font-weight:bold; font-family:Verdana; position:relative }
div#menu ul { list-style-type:none; margin:0 0 0 12px; padding:0; line-height:1em }
div#menu li { display:inline; margin-right:20px }
div#menu li a { color:#57ca00; 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:#0066d1; font-weight:bold; font-size:90%; text-indent:0px; background-image:url(../gfx/arrow.gif); background-repeat:no-repeat; background-position:0px 2px; padding:0 0 2px 21px; display:block }
div#menu li ul li a:hover { color:#57ca00; background-position:0px -27px;}
div#menu li ul li a.selected { color:#57ca00; background-position:0px -27px;}
div#menu li ul li a.selected:hover { color:#57ca00 }
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 ul { position:static; margin:4px 0 0 40px; 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 { font-size:100%; font-weight:bold; position:absolute; left:12px; top:37px }
h2#menuname a {  color:#57ca00; text-decoration:none }

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; font-size:85% }
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 h4 { color:#009 }
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 }*/

h1, h2, h3 { color:#50b800; font-family:Verdana }
h4, h5 { color:#444; }
h1 { font-size:153%; font-weight:bold; margin:2px 0 15px 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 8px 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 10px 0 0; padding:4px 0 10px 0;  }
ul { line-height:1.5em; margin:0px 0 0.8em 18px; padding:0; list-style-image:url(../gfx/bullet.gif) }
ol { margin:8px 0 8px 26px; padding:0; }
a  { color:#0066d1 }
a:hover { color:#50b800 }

h1 em { font-style:normal; color:#0066d1 }
                
img#kaart { margin:10px }

div#kaart { display:none; }
body#organisaties div#kaart,
body#ik_zoek_hulp div#kaart { display:block; }

img.left { float:left; margin:0 10px 0 0 }
img.right { float:right; margin:0 0 0 10px }

table.organisatie { margin-bottom:24px }
table.organisatie td { padding:4px 32px 4px 0 }

div.kader { border:1px solid #50b800; padding:10px; font-size:85% }

div.colright{ float: right; margin: 0px -90px 0px 20px; }

ul#provincies { margin-left:100px; }