body { padding:0; margin:0; font:small Verdana }

div#wrapper { margin:22px 28px }
div#page { margin:0 0px 0 250px; width:660px;  }

h1, h2, h3, h4, h5 { color:#F6B600 }
h1 { font:26px Arial Narrow; margin:0 0 20px 0 }
h2 { font-size:100%; margin:0 0 0.5em 0;  }
div#page h2 { padding:6px 12px; margin:0 0 1em 0; color:#8D8E8D; border:1px solid #BEBEBE; font-style:italic }
h3 { font-size:100%; margin:1.5em 0 0.8em 0 }
h4 { font-size:70%; margin:0 }
h5 { font-size:70%; margin:20px 0 0 0 }
p, ul, ol { font-size:85%; line-height:1.6em }
p { margin:0 0 1em 0; }
ol { margin:0 0 0.8em 24px; padding:0 }
ul { margin:0 0 0.8em 0; padding:0; list-style-type:none }
ul li { padding-left:24px; background-image:url(../gfx/bullet.gif); background-repeat:no-repeat; background-position:2px 7px }
a { color:#999 }
a:hover { color:#F6B600 }
table.tabel { border-left:1px solid #B3B3B3; border-top:1px solid #B3B3B3; font-size:85% }
table.tabel th, table.tabel td { border-right:1px solid #B3B3B3; border-bottom:1px solid #B3B3B3; }
table.tabel th, table.tabel td { padding:2px 10px; text-align:left }

div#header { position:relative; height:176px; margin:20px 0 20px 0; background:#F6B600  }
div#header div.foto { height:174px; border:1px solid black; border-left:0; border-right:0; display:block; top:0px;  background-image:url(../foto/algemeen/paint.jpg); background-repeat:no-repeat;
background-position:250px;  }

div#header div#googlemap { width:710px; height:174px; position:absolute; left:250px; border:1px solid black; border-left:0; border-right:0; }

div#header div#wereldkaart { background-image:url(../foto/deelname/worldmap.gif); }

div#preview { display:none; position:absolute; top:283px; right:28px; height:42px }
div#preview a { display:block; width:36px; height:42px; margin-left:10px; background:red; float:left }
div#preview a:hover { background-position:bottom; }

div#menu { width:250px; background:white; height:194px; position:absolute;  }
div#menu a { text-transform:uppercase; text-decoration:none; color:#999; font-size:10px; font-weight:bold; padding:2px 0 0px 20px; background-image:url(../gfx/menubullet.gif); background-position:0 6px; background-repeat:no-repeat; display:block; height:22px; width:200px; border-bottom:1px solid #EEE }
div#menu a:hover, div#menu a.hover { color:#F6B600 }
div#menu a.selected { color:#F6B600; background-position:left -14px }
div#menu ul { height:174px; overflow:hidden; width:220px; list-style-type:none; margin:0; padding:0; border:1px solid black; border-left:0; border-right:0 }
div#menu li { margin:0; padding:0; line-height:20px; height:24px; float:left;   }

/* popup menu */
div#menu li ul { display:none; position:absolute; margin-top:-22px; border:1px solid #B3B3B3; left:120px; width:167px; height:auto }
div#menu li ul.expanded { display:block; }
div#menu li ul li { line-height:12px; height:auto }
div#menu li ul a { text-transform:none; background:white; padding:3px 10px 0 10px; height:15px; width:160px }
div#menu li ul a:hover { color:white; background:#fbd739 }

div#disclaimer { position:absolute; left:48px; top:280px; font:11px Verdana }
div#disclaimer a { display:block; float:left; width:29px; height:20px; background-repeat:no-repeat }
div#disclaimer a#disclaimer { color:#999; width:149px }
div#disclaimer a#disclaimer:hover { color:#F6B600 }
div#disclaimer a#nl    { background-image:url(../gfx/dutch.gif);  }
div#disclaimer a#en    { background-image:url(../gfx/english.gif);  }
div#disclaimer a:hover,
div#disclaimer a.selected { background-position:left bottom }

div#webetui { text-align:center; padding:10px }
div#webetui a { font-size:9px; text-decoration:none;  }

div#label { position:absolute; left:76px; top:450px; text-align:center; font:10px Verdana;
background-image:url(../gfx/label.gif); background-repeat:no-repeat; background-position:8px 0; line-height:16px; color:#989898; padding:78px 0 0 0px }

form { font:10px Verdana; padding:6px 0; margin:0; border:1px solid #EEE; border-left:0; border-right:0; }
form label { display:block; margin:0 0 2px 0 }
form h2 { font:10px Verdana; font-weight:bold; color:#999; text-transform:uppercase; margin:1px 20px 0px 0; padding:2px 0 2px 20px }

input.text { border:1px solid #C9C9C9; font:10px Verdana; margin:0 0 4px 0; width:164px; padding:2px 1px 2px }
input.submit { border:0; font:10px Verdana; background-image:url(../gfx/buttons.gif); display:block; width:46px; height:18px;  cursor:pointer; padding:0 0 1px 0 }

form#zoeken { position:absolute; left:28px; top:350px; width:220px; height:42px;  }
form#zoeken h2 { background-image:url(../gfx/zoek_icon.gif); background-repeat:no-repeat }
form#zoeken input.text { position:absolute; left:0; top:27px }
form#zoeken input.submit { top:27px; position:absolute; right:0; }

div.search_results p { font-size:70% }
div.search_results em { font-style:normal; color:#F6B600; font-weight:bold }

form#extranet { position:absolute; right:28px; top:35px;  }
form#extranet h2 { float:left;background-image:url(../gfx/extranet_icon.gif); background-repeat:no-repeat }
form#extranet input.text { float:left; width:114px; margin:0 3px }
form#extranet input.submit { float:left; }
form#extranet label { display:none }

div#wereldkaart img { position:absolute; display:none }
div#wereldkaart div { display:none; position:absolute; background:white; padding:8px; border:1px solid black; top:104px; left:520px; width:160px; font-size:10px }
div#wereldkaart div h2 { border-bottom:1px solid #EEE; padding-bottom:3px; margin:0 0 3px }

div#wereldkaart div#webetui_zambia { left:620px }
div#wereldkaart div#webetui_zuid_afrika { left:620px }

/* news */
div.news { border:1px solid #f6b600; background:#fef8e5 }
div.news h1 { margin:0; padding:3px 35px; font:100% Verdana; color:black; background:#fad261 url(../gfx/newsicon.gif) no-repeat; background-position:4px 3px; border-bottom:1px solid #f6b600 }
div#page div.news h2 { font-size:120%; margin:10px; padding:0; border:0; font-style:normal }
div#page div.news p { margin:0 10px 10px 10px }
div.news img { float:left; border:1px solid #fce9b2; margin:0 10px 0 0 }