/* CSS Document */
div.sep{ overflow:hidden; font-size:8px; text-transform:uppercase;color:#aaa;text-align:center;line-height:13px}
#topleft { display:block;float:left; background:#000;width:728px; height:372px; padding:0; margin:0; text-align:right}
#topleft img { width:726px; height:372px; padding:0; margin:0 ;}
#bedrijvenwijzer { position:relative;display:block; float:left;background:#d7d7d7;padding:3px}
#bbox { display:block;width:220px;height:366px; background:#f1f1f1}
#bedrijvenwijzer div p.tt {display:block;padding:0;margin:8px 10px 0;height:20px;}
#bedrijvenwijzer select { padding:1px 0;margin:0;width:202px; border:1px solid #cacaca; font-size:11px;font-family:Arial;background:#fff}
#bedrijvenwijzer select option { font-size:11px;font-family:Arial}
#bedrijvenResults { display:block;float:left;font-size:11px;margin:7px 0 0 10px}
#bedrijvenToon { display:block; float:right;margin:5px 2px 0 0;padding:2px 8px; text-align:center; background:#000; 
   color:#bbb; font-size:11px; text-decoration:none; font-weight:bold}
#base {position:relative; background-color:#bbbbbb;width:220px;height:297px}
#base p { display:block;position:absolute;left:10px;top:10px; line-height:16px;padding:0;margin:0}
#base p span.titel { text-transform:uppercase; color:#b7b7b7;font-size:11px; font-weight:bold;}
#base p span.tekst { font-size:11px;color:#000}
#base div {position:absolute;left:0;top:0;visibility:hidden;width:224px;height:297px}

#base2 {position:relative; background:#fff;width:220px;height:297px}
#base2 p { display:block;position:absolute;left:10px;top:10px; line-height:16px;padding:0;margin:0}
#base2 p span.titel { text-transform:uppercase; color:#b7b7b7;font-size:11px; font-weight:bold;}
#base2 p span.tekst { font-size:11px;color:#000}


#gekozen_provincie {font-size:11px;color:#b7b7b7}
#base img { display:block;position:absolute;left:0;top:0; border:0;}
/*
#nh{ background:url(/img/maps/nh.gif)}
#fr{ background:url(/img/maps/fr.gif)}
#gr{ background:url(/img/maps/gr.gif)}
#dr{ background:url(/img/maps/dr.gif)}
#ov{ background:url(/img/maps/ov.gif)}
#ut{ background:url(/img/maps/ut.gif)}
#zh{ background:url(/img/maps/zh.gif)}
#fl{ background:url(/img/maps/fl.gif)}
#ge{ background:url(/img/maps/ge.gif)}
#li{ background:url(/img/maps/li.gif)}
#ze{ background:url(/img/maps/ze.gif)}
#br{ background:url(/img/maps/br.gif)}
#nh_active{ background:url(/img/maps/nh_active.gif)}
#fr_active{ background:url(/img/maps/fr_active.gif)}
#gr_active{ background:url(/img/maps/gr_active.gif)}
#dr_active{ background:url(/img/maps/dr_active.gif)}
#ov_active{ background:url(/img/maps/ov_active.gif)}
#ut_active{ background:url(/img/maps/ut_active.gif)}
#zh_active{ background:url(/img/maps/zh_active.gif)}
#fl_active{ background:url(/img/maps/fl_active.gif)}
#ge_active{ background:url(/img/maps/ge_active.gif)}
#li_active{ background:url(/img/maps/li_active.gif)}
#ze_active{ background:url(/img/maps/ze_active.gif)}
#br_active{ background:url(/img/maps/br_active.gif)}
*/
#nop { color:#b00;font-size:11px; display:none}
#advertentie { background:#f1f1f1;float:left;clear:left;padding:1px}
#adverteren { background:#f1f1f1; overflow:hidden; float:left; width:226px;height:92px;}
#artshop { display:block; float: left; clear:left; background:#5d96b1;padding:3px}
#artshopBody { display:block; background:#ffffff url(../img/home_art_bg.jpg) repeat-x; width:354px; height:388px; }
#artshopBody_padded { padding:11px 0;margin:0 15px; font-size:12px; color:#999}
#artshopBody_padded td { border:1px solid #97CFE6}
#art_zoek {border:0;width:220px;height:20px;   line-height:12px;font-size:12px;color:#999 }
#artshopBody_padded div.box0 {font-size:9px; text-align:center; width:150px;margin:16px 0 0 0}
#artshopBody_padded div.box0 a { text-decoration:none}
#artshopBody_padded div.box1 {border:1px solid #ddd; background:#fff;margin:0 0 3px}
#artshopBody_padded div.box1 img { cursor:pointer}

#articles { display:block;float:left; background:url(../img/home_article_bg.jpg) repeat-x; 
  width: 362px; height:394px; overflow:hidden; position:relative}
#knoppen {color: #999999; float: left; font-size: 11px;font-weight: bold; height: 21px;line-height: 17px; margin: 0 0 0 7px; overflow: hidden;padding: 0;}
#nieuws_button, #kennisbank_button { display:block; float:left;text-transform:uppercase; font-size:11px;
  text-decoration:none}
#nieuws_button { margin-left:10px}
a.knop { padding:5px 9px 4px ; color:#000}
a.knopAan { background:#fff; padding:4px 8px; border:1px solid #DBDCDE;border-bottom:0;
  color:#999; font-weight:bold;}
#articles div.hidden { display:none;padding:0 0px;margin:0 0px;height:318px; width:360px; clear:left;overflow:auto}
#articles div.visible { display:block;padding:0 0px;margin:0 ; height:318px; width:360px; clear:left; overflow:auto}
#articles div div.article { color:#000; padding:4px 0; margin:0 10px; border-bottom:1px dotted #999; 
  font-size:11px;line-height:17px; cursor:pointer}
#articles div div.article p { padding:0; margin:0 ; height:68px; overflow:hidden;}
#articles div div.article p span.categorie { text-transform: uppercase; color:#999;}
#articles div div.article p span.datum { text-transform: uppercase; color:#999;} 
#articles a.allButton { display:block; position:absolute; left:10px; bottom:10px; padding:2px 8px; text-align:center; background:#e1e1e1;
  color:#999; font-size:11px; text-decoration:none}

#agenda { display:block; float:left; background:#f1f1f1;  position:relative; width:226px;height:394px;}
#agendaBodyOuter { margin:12px 10px 40px 12px; }
#agendaBody { display:block;  height:334px; overflow:hidden; color:#999; line-height:17px}
#agendaBody span.header { font-size:11px; font-weight:bold}
#agendaBody div.agendaItem { margin:4px 0 0 0; cursor:pointer}
#agendaBody div.agendaItem span.titel { font-weight:bold;font-size:11px; color:#000}
#agendaBody div.agendaItem span.txt{ font-size:11px; color:#999;text-transform:uppercase}
#agenda a.allButton {display:block; position:absolute; bottom:10px; left:10px; padding:2px 8px; text-align:center; background:#e1e1e1;  color:#999; font-size:11px; text-decoration:none}
span.vandaagnieuw { color:#f90; font-size:11px; font-weight:bold; display:inline }

#container * { font-family:Verdana}
#container {width:728px; height:372px; position:relative; background:#999; visibility:hidden  }
/*
#text { width:220px; display:block; position: absolute; left:20px; top:20px; filter:alpha(opacity=0); -moz-opacity:0;opacity:0}
#container img.topImg { display:block; position:absolute; width:464px;right:0;top:0; margin:0; padding:0; filter:alpha(opacity=0);-moz-opacity:0;opacity:0}
#flash_container{ visibility:hidden;display:block; position:absolute; width:464px;right:0;top:0; margin:0; padding:0; filter:alpha(opacity=0);-moz-opacity:0;opacity:0}
*/
#text { width:220px; display:block; position: absolute; left:20px; top:20px; }
#container img.topImg { display:block; position:absolute; width:464px;right:0;top:0; margin:0; padding:0;}
#flash_container{ visibility:hidden;display:block; position:absolute; width:464px;right:0;top:0; 
  margin:0; padding:0;}


#container span.hl1 { font-size:21px; font-weight:bold;}
#container span.hl2 { font-size:21px; font-weight:bold;}
#container span.txtTop { font-size:14px; font-weight:bold;}
#leesverder {display:block;	position:absolute;	left:20px;	bottom:80px; }
#leesverder img { border:0;margin:0;padding:0; width:92px; height:26px}
#container a.topItem { display:block;position:absolute;bottom:20px;  color:#eee; font-weight:bold;
  text-decoration:none; font-size:15px; border-bottom:1px solid #000; border-top:1px solid #000; }    
#container a.topItem:hover { border-bottom:1px solid #eee; border-top:1px solid #eee; color:#eee}
#container a.inActive { color:#999 }
#container a.Active { color:#eee }