html { height:100%; min-height:100%; margin-bottom:1px }
body { font:small Tahoma, Arial, sans-serif; padding:0; margin:0px 12px 12px 12px }    
div#wrapper { width:968px; margin:0 auto }

/* slideshow */
div.slideshow { position:relative; width:200px; height:150px; }
div.slideshow img { position:absolute; top:0; left:0; z-index:8; }
div.slideshow img.bovenop { z-index:10 }
div.slideshow img.erachter { z-index:9 }

/* slideshow bijschrift */
ul.acties    { font-weight:bold; color:#998D00; font-size:100%; padding:160px 0 0 0; margin:0; list-style-type:none; width:200px; }
ul.acties li { display:none; }
ul.acties li.bovenop { display:block; }

/* menu algemeen (mainmenu en funcmenu) */
div.menu { font-weight:bold; letter-spacing:0.02em; font-size:13px; text-transform:uppercase; }  
div.menu ul { list-style-type:none; margin:0; padding:0 }
div.menu ul li { float:left; display:list-item; margin:0; padding:0; }
div.menu ul li a { display:block; float:left; padding:1px 24px 1px 24px; }
div.menu ul li.hover a { color:#8AA48C }

/* mainmenu top-level */
div#mainmenu { height:30px; position:absolute; top:12px }
div#mainmenu ul li { border-right:2px solid #003B0E }
div#mainmenu ul li#in_de_media { border-right:0 }
div#mainmenu ul li.selected { }
div#mainmenu ul li.selected a { color:#8AA48C }
div#mainmenu ul li a#index { padding-left:12px; } 

/* mainmenu uitklapmenu */
div#mainmenu li div.container { z-index:100; position:absolute; visibility:hidden; overflow:hidden; left:0; top:30px; border-top:1px solid #ABA200; }
div#mainmenu li div.container ul { display:block; position:absolute; left:0; top:0; padding:3px 8px 8px 0; border:1px solid #ABA200; border-top:0; background:white;  text-transform:none }
div#mainmenu li div.container ul li { float:none; border:0; padding:3px 0  }
div#mainmenu li div.container ul a { float:none;  }

div#mainmenu li ul { display:none; height:auto; list-style-type:disc; }
div#mainmenu li ul li a { padding-left:32px; background-image:url(../gfx/bullet_gray.gif); background-repeat:no-repeat; background-position:20px 7px }
div#mainmenu li ul a:hover { color:black; background-image:url(../gfx/bullet_gray_hi.gif) }
div#mainmenu li ul a { color:#666 }

div#mainmenu li.selected ul { display:block; border:0; text-transform:none; }
div#mainmenu li.selected ul { position:absolute; left:0px; top:270px;  }
div#mainmenu li.selected ul li { border:0; height:15px; float:none; padding:3px 0; margin:0 }
div#mainmenu li.selected ul > li { height:auto }
div#mainmenu li.selected ul li a{ float:none; padding:0 0 0 32px; margin:0; }
div#mainmenu li.selected ul a { color:#666 }
div#mainmenu li.selected ul li ul { display:none; }
div#mainmenu li.selected ul li.selected ul { display:block; position:static; width:auto; font-size:100%; margin:3px 10px 10px 0 }
div#mainmenu li.selected ul li ul li { padding:3px 0 3px 13px;  }
div#mainmenu li.selected ul li ul li.selected { background:#F2F0DD; }

/* menumenu submenu links */
div#mainmenu div#submenu { position:absolute; left:0px; top:270px; width:180px; height:384px; background:#FFF url(../gfx/submenu_bg.jpg) repeat-x }
div#mainmenu div#submenu h2 { color:#998D00; font-size:100%; color:black; padding:5px 8px; margin:0; }
div#mainmenu div#submenu ul { display:block; margin:0; border:0; text-transform:none; list-style-type:none;  }
div#mainmenu div#submenu ul li { border:0; height:15px; float:none; padding:0; margin:0 }
div#mainmenu div#submenu ul > li { height:auto }

div#mainmenu div#submenu ul li a { float:none; color:#666; padding:3px 20px 3px 20px; background-image:url(../gfx/bullet_gray.gif); background-repeat:no-repeat; background-position:8px 9px }
div#mainmenu div#submenu ul li a:hover,
div#mainmenu div#submenu ul li a.selected { color:black }

div#mainmenu div#submenu ul li.selected a { background-color:#F2F0DD; background-image:url(../gfx/arrow_submenu_bullet.gif); background-repeat:no-repeat; background-position:0px 1px }

/* menumenu submenu level 3 */
div#mainmenu div#submenu ul li ul { display:none; position:static; width:auto; font-size:100%; margin:3px 0px 3px 0 }
div#mainmenu div#submenu ul li.selected ul { display:block;  }
div#mainmenu div#submenu ul li ul li { list-style-type:none }
div#mainmenu div#submenu ul li ul li a { background:none; padding:3px 15px 3px 33px }
div#mainmenu div#submenu ul li.selected ul li a { background:none;  }
div#mainmenu div#submenu ul li ul li.selected a { background-color:#F2F0DD; background-image:url(../gfx/arrow_submenu.gif); background-repeat:no-repeat }
div#mainmenu div#submenu ul li.selected a.parent { color:black; background:none; background-image:url(../gfx/bullet_gray.gif); background-repeat: no-repeat; background-position:8px 9px;  }

/* servicemenu */
div#servicemenu { background:white; position:absolute; padding:3px 10px 3px 0; top:0px; right:0; z-index:100 }
div#servicemenu a { color:#998D00; padding:1px 20px; background-image:url(../gfx/arrow_servicemenu.gif); background-repeat:no-repeat; background-position:right; }
div#servicemenu a:hover,
div#servicemenu a.selected { color:#BEB800; background-image:url(../gfx/arrow_servicemenu_hi.gif) }

div.header { margin:42px 0 0 0; width:968px; height:179px; background-image:url(../gfx/header/05.jpg); background-repeat:no-repeat; position:relative }
div.header a#logo { display:block; position:absolute; left:31px; width:240px; height:80px; top:83px; background-image:url(../gfx/header/logo_05.gif); background-repeat:no-repeat; }
div.header div#quicklinks { position:absolute; top:59px; right:0; font-weight:bold; font-size:13px }
div.header div#quicklinks ul { list-style-type:none }
div.header div#quicklinks ul li { display:block; border-bottom:1px solid white; margin:0  }
div.header div#quicklinks ul li a { display:block; color:white; padding:7px 40px 0px 0; height:22px; width:257px; text-align:right;
   background-image:url(../gfx/arrow_quicklink.gif); background-repeat:no-repeat; background-position:right;  }
div.header div#quicklinks ul li a:hover,
div.header div#quicklinks ul li a.selected { color:#BEB800; background-image:url(../gfx/arrow_quicklink_hi.gif) }


div#breadcrumb { position:absolute; top:176px }
div#breadcrumb ul { list-style-type:none; width:666px; padding:0; font-size:85%; margin:12px 0px 0 0px; }
div#breadcrumb li { display:inline; margin:0  }
div#breadcrumb a.selected { color:#003B0E; }
div#breadcrumb a:hover { color:#8AA48C; }


div#zoeken { height:33px; color:#003B0E; font-weight:bold; text-transform:uppercase; }
div#zoeken form { padding:0; margin:0; float:right; position:relative; width:300px }
div#zoeken label { font-size:13px; display:block; padding:7px 3px 7px 6px; margin:0; border-bottom:1px solid #003B0E;  }
div#zoeken input.text { width:202px; border:0; border:1px solid #003B0E; font:13px Tahoma; margin:3px 2px 3px 2px; position:absolute; top:1px; left:60px }
div#zoeken a { position:absolute; right:0; top:0; background:white url(../gfx/arrow_zoek.gif); display:block; width:30px; height:29px; background-position:0 0 }
div#zoeken a:hover { background-position:bottom }

div.search_results { font-size:85% }
div.search_results h5 { margin:0 0 2px; font-size:100% }
div.search_results p { margin:0 0 20px; }
div.search_results em { color:#ada304; font-style:normal; padding:1px 2px }


div#tekst { margin:0 260px 0 220px; padding-bottom:80px }
div#tekst div.archief p { text-indent:-65px; margin:0 0 4px 65px }
div#fotos { float:right; width:186px; margin-top:70px; font-size:85% }
div#fotos a { text-decoration:underline }
div#fotos p { margin:0 }
div#fotos h2 { color:white; background:#493206; margin:0 0 20px; padding:6px 10px }
div#fotos h2 a { color:white; text-decoration:none; font-size:85% }

img.right { float:right; margin:0 0 5px 5px }
a.right { float:right }

h1, h2, h3, h4 { color:#003B0E; margin:1.5em 0 1em 0 }
h1 { font-size:140% }
h2 { font-size:110% }
h3 { font-size:100%; margin-bottom:0.3em }
p  { margin:0 0 1em 0 }
a { color:#003B0E; text-decoration:none }
div#tekst a { text-decoration:underline }
a:hover, a.selected { color:#8AA48C }
p.small { font-size:85%; color:#666 }
img.left { float:left; margin:0 20px 20px 0 }
div.center { margin-left:60px }

div#webetui a { color:white; font:10px Arial }

a img { border:0 }
a.totop { display:block; margin:10px 0 0 450px; width:19px; height:20px; background:white url(../gfx/totop.gif) no-repeat; }
a.totop:hover { background-position:bottom }
table.tabel { border-left:1px solid #b0c2b4; border-top:1px solid #b0c2b4; font-size:85%; margin:0 0 1em 0 }
table.tabel th { background:#8AA48C; color:white }
table.tabel td, table.tabel th { border-right:1px solid #b0c2b4; border-bottom:1px solid #b0c2b4; padding:18px 18px; vertical-align:top  }

ul { margin:0; padding:0 0 0 15px }
ol { margin:0; padding:0 0 0 30px }
li { margin:0 0 0.7em 0 }
li ul li { list-style-type:lower-alpha; margin-left:10px }

div.kader { border:1px solid #A79C22; margin:0px 0 40px 0 }
div.kader h2 { color:#998D00; font-size:100%; padding:5px 8px; margin:0; border-bottom:1px solid #A79C22 }
div.kader ul { list-style-type:none; margin:8px; padding:0; }
div.kader p { padding:0 10px; line-height:1.5em  }

div.banner01 { background:#C29E2B url(../gfx/banner01.jpg) no-repeat; width:215px; height:54px; color:white; 
               font-weight:bold; padding:88px 8px 0px 8px }
               
div#icons { position:absolute; top:10px; margin-left:867px }
div#icons a { display:block; float:left; margin-right:7px; width:19px; height:20px; background-repeat:no-repeat}
div#icons a#kleiner {background-image:url(../gfx/icon_ak.gif)}
div#icons a#groter {background-image:url(../gfx/icon_ag.gif)}
div#icons a#engels {background-image:url(../gfx/icon_en.gif)}
div#icons a#print {background-image:url(../gfx/icon_pr.gif)}
div#icons a:hover {background-position:bottom}

div.portretten { width:480px; }
div.portretten div.portret { display:block; float:left; margin:0 8px 8px 0; width:110px; }
div.portret p { text-align:center; font-size:9px;}
div#tekst div.portret p a { text-decoration:none; }
div.portretten p { /*background:yellow;*/ clear:both; /*float:none;*/}
/*div.portretten div.portret br { display:none }*/

div.gereedschapskist { width:460px; margin-left:10px }
div.gereedschapskist img { display:block; float:left; margin:0 50px 16px 0 }
div.gereedschapskist br { display:none }

/* formulieren */
label { display:block; margin:4px 0 2px 0; font-size:85% }
input { border:1px solid #003B0E }
input.text { font:11px Tahoma; padding:2px; display:block; width:400px; margin:0 0 10px }
input.submit { font:11px Tahoma;background:white; font-weight:bold; color:#003B0E; cursor:pointer; margin:10px 0 }
textarea { font:11px Tahoma; width:400px; padding:2px; border:1px solid #003B0E; margin:0 0 10px; display:block }
select { width:400px; font:11px Tahoma }
div.radio label { font-size:13px }
div.radiogroup { font:11px Tahoma; margin:10px 0 10px 0 }   
input.radio { border:0; float:left }
span.radio_label { display:block; height:20px; padding:4px 0 0 0 }  
input.checkbox { border:0 }
div.checkboxgroup { margin:10px 0; font-size:85% }          
input#moreinfo { display:none }
div.conferentie2009 span.radio_label { display:inline; padding-right:8px;}
div.conferentie2009 input.radio { display:inline; float:none;}

/* forum */
form.forum { border-bottom:1px solid black; padding:0 0px 20px 0 }
form.forum label { float:left; width:100px; margin:0 0 4px }
form.forum textarea { margin-left:100px; width:300px }
form.forum input.text { display:block; margin-left:100px; width:300px; margin:0 0 4px }
form.forum input.submit { margin-left:100px;  }

div.reactie h2 { font-size:100%; margin:0 0 4px 0; padding:0; color:#998D00 }
div.reactie { font-size:85%; margin:0 0 30px 0 }
div.bedankt { font-size:100%; border-bottom:1px solid black; padding:0; margin:0 0 20px 0; height:160px }
div.error { color:#E00; font-size:85%; font-weight:bold; margin:0 0 4px 100px }

/* poll */
form.poll input.radio { border:0; float:none; }
form.poll input.submit { margin-top:14px }

div.poll label { display:block; font-size:100%; padding:0 }
div.poll img { display:block; float:left; margin-right:4px }
div.poll em  { display:block; font-style:normal; height:18px; padding:6px 0 0 0; font-size:85%  }

/* sitemap */
ul { margin:0; padding:0 0 0 15px }
ol { margin:0; padding:0 0 0 30px }
li { margin:0 0 0.7em 0 }
li ul li { list-style-type:lower-alpha; margin-left:10px }

div.sitemap { text-transform:uppercase; font-weight:bold }
div.sitemap h1 { text-transform:none; }
div.sitemap a { text-decoration:none!important }
div.sitemap ul { margin:0 0 10px 0; padding:0; list-style-type:none }
div.sitemap li ul { padding-left:30px; }
div.sitemap li ul a { color:#666 }
div.sitemap li { margin:3px 0 }
div.sitemap li ul { text-transform:none }
div.sitemap li ul li { list-style-type:none }

div.banners { height:100px }
div.dblauw,
div.groen,
div.bruin,
div.lblauw { background-repeat:no-repeat; padding:6px 10px 6px 10px; margin:0 4px 8px 0; width:136px; height:69px; color:white; cursor:pointer; float:left }
div.dblauw h2, div.groen h2, div.bruin h2, div.lblauw h2 { color:white; margin:0 }
div.dblauw a, div.groen a, div.bruin a, div.lblauw a { color:white; text-decoration:underline }
div.dblauw p, div.groen p, div.bruin p, div.lblauw p  { margin:0; line-height:1.2em }
div.dblauw { background-image:url(../gfx/banner_dblauw.jpg) }
div.groen  { background-image:url(../gfx/banner_groen.jpg) }
div.bruin  { background-image:url(../gfx/banner_bruin.jpg) }
div.lblauw { background-image:url(../gfx/banner_lblauw.jpg) }
div#banners div.disclaimer { text-align:right; }
div#banners div.disclaimer a { color:#888; text-decoration:none; }
div#banners div.disclaimer a:hover { text-decoration:underline;}

div.bannergroot { border:1px solid #91a716; padding:6px; width:140px; height:176px; float:left; margin:0 8px 8px 0 }
div.bannergroot img { float:left; margin:0 6px 6px 0 }
div.bannergroot h2 { font-size:13px; display:block; height:82px; margin:0; padding:26px 0 0 0 }
div.bannergroot a { text-decoration:none!important }
div.bannergroot p { font-size:12px; margin:0 0 4px 0 }

div.toolbox_vensters { position:relative; display:block; width:434px; height:354px; font-size:11px; background-image:url(../foto/toolbox/vensters.gif); }
div.toolbox_vensters h2 { color:white; font-size:12px; height:17px; margin:4px 0 4px 0;}
div.toolbox_vensters h2 a { display:block; height:17px; background-image:url(../gfx/arrow.gif); background-repeat:no-repeat; background-position:right 0;}
div.toolbox_vensters h2 a:hover { background-position:right bottom;}
div.toolbox_vensters div { width:121px;}
div.toolbox_vensters div.tb1 { position:absolute; left:160px; top:0; }
div.toolbox_vensters div.tb2 { position:absolute; left:15px;  top:118px; }
div.toolbox_vensters div.tb3 { position:absolute; left:160px; top:118px;}
div.toolbox_vensters div.tb4 { position:absolute; left:302px; top:118px;}
div.toolbox_vensters div.tb5 { position:absolute; left:160px; top:236px;}

div#header01 { background-image:url(../gfx/header/01.jpg) }
div#header02 { background-image:url(../gfx/header/02.jpg) }
div#header03 { background-image:url(../gfx/header/03.jpg) }
div#header04 { background-image:url(../gfx/header/04.jpg) }
div#header05 { background-image:url(../gfx/header/05.jpg) }
div#header06 { background-image:url(../gfx/header/06.jpg) }
div#header07 { background-image:url(../gfx/header/07.jpg) }
div#header08 { background-image:url(../gfx/header/08.jpg) }
div#header09 { background-image:url(../gfx/header/09.jpg) }
div#header10 { background-image:url(../gfx/header/10.jpg) }
div#header11 { background-image:url(../gfx/header/11.jpg) }
div#header12 { background-image:url(../gfx/header/12.jpg) }
div#header13 { background-image:url(../gfx/header/13.jpg) }
div#header14 { background-image:url(../gfx/header/14.jpg) }
div#header15 { background-image:url(../gfx/header/15.jpg) }

div#header01 a#logo { background-image:url(../gfx/header/logo_01.gif) }
div#header02 a#logo { background-image:url(../gfx/header/logo_02.gif) }
div#header03 a#logo { background-image:url(../gfx/header/logo_03.gif) }
div#header04 a#logo { background-image:url(../gfx/header/logo_04.gif) }
div#header05 a#logo { background-image:url(../gfx/header/logo_05.gif) }
div#header06 a#logo { background-image:url(../gfx/header/logo_06.gif) }
div#header07 a#logo { background-image:url(../gfx/header/logo_07.gif) }
div#header08 a#logo { background-image:url(../gfx/header/logo_08.gif) }
div#header09 a#logo { background-image:url(../gfx/header/logo_09.gif) }
div#header10 a#logo { background-image:url(../gfx/header/logo_10.gif) }
div#header11 a#logo { background-image:url(../gfx/header/logo_11.gif) }
div#header12 a#logo { background-image:url(../gfx/header/logo_12.gif) }
div#header13 a#logo { background-image:url(../gfx/header/logo_13.gif) }
div#header14 a#logo { background-image:url(../gfx/header/logo_14.gif) }
div#header15 a#logo { background-image:url(../gfx/header/logo_15.gif) }

div.tabel_osa table{ border:0; font-size:100% }
div.tabel_osa table td { border:0; padding:2px 20px 2px 0px; }
div.tabel_osa table td strong { font-weight:normal; border:1px solid #aaa; display:block; padding:10px;  }


table#deelsessies { margin:0 0 1em 0;}
table#deelsessies th { font-size:85%; padding:2px 7px; font-weight:normal; }
table#deelsessies td { font-size:85%; padding:2px 7px; text-align:center; }
table#deelsessies td.c1 {  text-align:left; vertical-align:top; padding-left:0; }
table#deelsessies td.c2 {  text-align:left; vertical-align:top; }
table#deelsessies input.radio { border:0; cursor:pointer; }