/*  GLOBAL ELEMENTS*/
html{height:100%}
body{background:#369; font-size:100%; font-family:Arial; color:#333; margin-top:5px; /*line-height:1.345; */}
h1{display:none}

h2{font-weight:bolder; color:#333}
h3{font-weight:bolder}
p{font-size:13px; line-height:120%; margin-bottom:6px}
a{color:#000; text-decoration:none}
a:hover{text-decoration:underline}
a.more{padding-right:10px; font-weight:bold; font-size:11px}
a.more:hover{text-decoration:underline}
.p0 a.more{}


#container{width:990px; min-height:100%; position:relative; display:block; margin:0px auto 0px auto; background:#fff; padding-left:3px; padding-right:3px}
/* header */
#header{height:129px; background:url(/images/header6.jpg)}
#header a{text-decoration:none}
#header span a{display:block; float:left; width:200px; height:129px; text-indent:-9999px}
#header li{float:left}
#header ul{font-size:0.8em; float:right; margin-right:15px; border:1px solid #fff; border-top:0px}
#header ul.rechtsboven li a{padding:8px 6px 9px 7px; display:block; color:#333; background-image:url(/images/wit-trans-tile.png)}
#header ul li a{padding:8px 6px 9px 7px; display:block; color:#333}
#header ul.rechtsboven li a:hover{color:#000; background-image:url(/images/grijs-trans-tile.png)}

/* navigation en zoek*/
#bar{margin:81px 0px 0px 204px; height:45px; width:600px; position:absolute; z-index:10000}
#bar ul{float:none; border:0px}

#bar ul a.blauw{background-image:url(/images/bg-knop-blauw1.png); background-repeat:repeat-x; height:25px; width:auto; display:block; font-size:13px; padding:25px 11px 0px 10px; margin:0px; color:#333; font-weight:bold}
#bar ul a:hover.blauw{background-image:url(/images/bg-knop-blauw2.png)}
#bar ul li.aan a.blauw{background-image:url(/images/bg-knop-blauw3.png)}
li.root ul{display:none}
li.root:hover ul{display:block}
li.rootaan ul{display:none}
li.rootaan:hover ul{display:block}
#bar #dropdown{border:0px solid #fff; border-bottom:0px; height:35px; width:auto; float:left}
#bar #dropdown li.root ul, #bar #dropdown li.rootaan ul, 
#bar #dropdown li.root ul li, #bar #dropdown li.rootaan ul li, 
#bar #dropdown li.rootaan{background-image:url(/images/bg-menu-selec.jpg); color:#000}
#bar a:hover{color:#000}

/* LAYOUT */
#nav{float:left; position:relative; width:190px}
#content{position:relative; padding:18px 15px; float:left; left:-3px; background:#fff; width:966px}
#main{margin:0 0 0 12px; width:499px; position:relative; float:left; top:0px}

/* SIDEBAR RIGHT */
#sidewrap{float:right; width:250px}
#sidebar{position:relative; float:right; width:230px; padding:10px; clear:both}
#sidebar h2{font-size:20px; color:#369; font-weight:bold; margin-bottom:20px}
#sidebar h3{margin-bottom:5px; margin-top:5px; font-weight:bold; font-size:12px; color:#000}
#sidebar h3 a{padding-right:10px;background:url(/images/arrow-black.gif) no-repeat right 5px;}
#sidebar ul{margin-bottom:20px}
#sidebar li{margin-bottom:1px}
#sidebar li a{background:#fff; display:block; padding:1px 5px 7px 5px; text-decoration:none; color:#000; font-size:11px; height:10px; overflow-y:hidden; line-height:160%; margin-bottom:5px}
#sidebar li.p0 a{color:#000; background:#f7f7f7; margin-bottom:0px}
#sidebar li.p0 a{border-left:2px solid #000}
.p0 a:hover, #sidebar .p0 a:hover{color:#000; text-decoration:underline}
#sidebar .p0-active a{border-left:2px solid #369}
#sidebar li a:hover{background:#fff}
#sidebar div{background:#f7f7f7; border:1px solid #eaeaea; padding:10px; margin-bottom:15px}
#sidebar div h3{margin-left:0px}
#sidebar img{float:right; margin-left:5px; padding:3px; background:#fff; border:1px solid #eaeaea}
#searchbar{position:relative; float:right; width:230px; background:#f7f7f7; padding:10px 10px 0px 10px; border:1px solid #eaeaea; clear:both; margin-bottom:10px}
#searchbar h3{margin-bottom:5px; margin-top:5px; margin-left:5px; font-weight:bold; font-size:12px; color:#000}
/* NAV LEFT */
#items h3{margin-bottom:5px; padding-bottom:5px; font-weight:bold; color:#787878; border-bottom:1px solid #eaeaea}
#nav #items li a:hover{color:#000}
#dossiers h3{font-size:12px; padding-bottom:5px}
#nav ul{margin-bottom:4px}
#nav ul li a{display:block; padding:1px 5px 7px 5px; text-decoration:none; color:#000; font-size:11px; height:10px; overflow-y:hidden; line-height:160%; margin-bottom:2px; border-left:2px solid #000; background:#f7f7f7}
#nav li a:hover{text-decoration:none; color:#369}
#nav #items li a{color:#787878}
#nav li.p0 a.aktief{color:#369; font-weight:bold}
/* SHORTCUTS */
#shortcuts{float:right; width:130px; background:#f7f7f7; padding:10px; margin:10px; border:1px solid #000}
#shortcuts .bestelopties a{color:#369}
#shortcuts h3{margin-bottom:5px; font-weight:bold; color:#000}
#shortcuts p, #shortcuts ul{margin-bottom:0px !important}
#shortcuts li{margin-bottom:5px; background-image:none !important; padding:0px !important; margin:0px ! important}
#shortcuts li a{line-height:140%; display:block; color:#369; text-decoration:underline}

/* ARTICLES */
.home .article{margin-right:230px}
.article{margin-bottom:6px; padding-top:0px; padding-bottom:6px;font-size:13px; line-height:120%; border-bottom:1px solid #eaeaea;}
.article p{font-size:13px}
.article p a{text-decoration:underline}
.article h2{margin-bottom:4px; clear:left; line-height:100%; font-size:13px; color:#1f3f5e;}
.article h3{margin-bottom:4px; padding-top:0px; clear:left;font-size:13px;color:#369}
.article img{float:left; margin-right:10px; margin-bottom:20px}
h2 a{padding-right:15px; padding-bottom:2px; line-height:100%;color:#1f3f5e}
.p0 h2{color:#1f3f5e}
.p0 h2 a{color:#1f3f5e; background:url(/images/arrow-black.gif) no-repeat right 5px;text-decoration:underline;}
.meta{font-size:11px; color:#555; border-bottom:1px solid #eaeaea; padding-bottom:4px}
.meta a:hover{color:#000}
#main strong{font-weight:bold}
#main h3{font-weight:bolder}
#main .article ul{margin-bottom:15px}
#main .article ul li{padding:3px 3px 3px 10px; background:url(/images/arrow-black.gif) no-repeat left 5px}
#main .article ul li a{line-height:120%}
#main .article ol{margin-bottom:15px; padding-left:34px}
#main .article ol li{padding:3px 3px 3px 0px; list-style-type:decimal}
#main .article ol li a{line-height:120%}
/* FOOTER */
#footer{float:left; background:#fff; position:relative; left:-3px; margin:0; padding:3px 0 3px 3px; bottom:3px; width:993px; height:auto; clear:both}
#footer #footer-links{position:relative; background:#ebebeb; width:990px; clear:both; float:left; font-size:0.8em}
#footer #footer-links address{float:left; padding:10px}
#footer #footer-links ul{float:right; margin-right:15px}
#footer #footer-links li{float:left}
#footer #footer-links a{padding:10px; text-decoration:none; display:block}
#footer #footer-links a:hover{background:#fff}
#footer #footer-links a.rssfeed{float:right; padding:5px 0px 0px 4px}
a.rssfeed-top img{ margin:0px; padding:0px;}
#footer #footer-links a.rssfeed:hover{background:none}
ul#dropdown li ul.submenu{z-index:100; text-decoration:none; color:#000; font-size:12px}
ul#dropdown li ul.submenu li{text-decoration:none; color:#000; font-size:12px}
ul#dropdown li ul.submenu li a{text-decoration:none; color:#000; font-size:12px}
#bar #dropdown li.root ul, #bar #dropdown li.root ul a, #bar #dropdown li.rootaan ul, #bar #dropdown li.rootaan ul a{background-image:url(/images/bg-submenu.jpg)}
#bar #dropdown li.root ul li.paars, #bar #dropdown li.root ul li.paars a, #bar #dropdown li.rootaan ul li.paars, #bar #dropdown li.rootaan ul li.paars a{background:url(/images/arrow-purple.gif) no-repeat left 13px}
#bar #dropdown li.root ul li.paars a:hover, #bar #dropdown li.rootaan ul li.paars a:hover{color:#FF6C2E}

/* zoek stijlen */
#zoekform{float:left; margin-bottom:15px}

h1.zoek{margin-bottom:10px}
div#search-results-wrap{}
div.search-results{width:698px; padding:2px 2px 15px 2px; background:#f7f7f7; border:1px solid #eaeaea; margin:0 0 10px 0}
div.search-results h3{font-size:0.8em; width:691px; padding:3px 0 3px 5px; line-height:18px; margin:0px; position:relative; border:1px solid #eaeaea; background:#fff}
div.search-results h3 span{float:right; font-weight:bold; padding:0 5px 0 0}
div.search-results a{font-size:0.8em}
div.search-results ul.first5{margin:10px 0 0 0; padding:0 8px 0 8px}
div.search-results ul.rest{display:none; padding:0 8px 0 8px}
div.search-results ul.first5 li, 
div.search-results ul.rest li{line-height:18px}
div.search-results ul.first5 li span, 
div.search-results ul.rest li span{width:6px; height:6px; top:6px; position:relative; margin:0 5px 0 0; float:left; background:#369}
div.search-results span.meer{cursor:pointer;position:relative;margin:-5px 5px 0 0; padding:0 10px 0 10px; font-weight:bold; background:url(/images/arrow-blue.gif) no-repeat right 4px;font-size:0.8em;float:right;}
div#nieuws-results{}
div#agenda-results{}
div#publicaties-results{}
div#experimenten-results{}
div#programmas-results{}
div#dossiers-results{}

/* footer tagcloud */
#footer #tagcloud{float:left; border:1px solid #ebebeb; border-bottom:none; width:968px; padding:10px; margin:0; visibility:visible}
#footer #tagcloud ul{margin:0; font-size:98%; text-align:justify; text-transform:lowercase; list-style:none}
#footer #tagcloud ul li{display:inline-block; line-height:20px; white-space:nowrap; margin:0; vertical-align:baseline}
#footer #tagcloud h3{color:#000; font-size:13px;  font-weight:bold}
/*medewerkers*/
#medewerkers{margin-top:15px; padding-left:0; width:450px}
.functiegroep{clear:both; width:499px; float:left; margin-bottom:10px}
.header-functiegroep{-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; height:18px; margin-bottom:5px; padding-left:0px; width:445px; font-size:0.9em; font-weight:bold; color:#333}
.medew-item1{float:left; height:200px; left:0; margin-bottom:0px; margin-top:5px; padding:0px 0 0 0px; position:relative; width:164px}
.medew-item2{float:left; height:200px; left:0px; margin-bottom:0px; margin-top:5px; padding:0; position:relative; top:0; width:164px}
.medew-item3{float:left; height:200px; left:228px; margin-bottom:0px; margin-top:5px; padding:0; position:relative; top:0; width:180px}
.bestuur-item1{float:left; height:240px; left:0; margin-bottom:0px; margin-top:5px; padding:0px 0 0 0px; position:relative; width:164px}
.bestuur-item2{float:left; height:240px; left:0px; margin-bottom:0px; margin-top:5px; padding:0; position:relative; top:0; width:164px}
.gegevens-blok{background:no-repeat top url(/images/gegevens-bg.jpg); background-color:#e6e5e6; border:1px solid #999; display:block; float:left; font-size:0.8em; margin:0; padding:2px 0; width:150px}
.gegevens{margin:0 5px}
.medew-naam a{color:#369; font-weight:bold; text-decoration:none}
.medew-naamlink{color:#369; font-weight:bold; text-decoration:none; font-size:11px}
.functie{padding:2px 0 0 0px; font-size:10px;}
.functiebestuur{padding:2px 0 0 0px; font-size:10px; height:60px;}
.functiegroep .telnr{font-size:10px; margin-top:2px; padding:2px 0 0 1px; vertical-align:bottom}
.foto{border:1px solid #999; margin:0; padding:0; width:150px; line-height:0}

/*formulier*/
.formbutton{background-image:url(/images/button-bg.jpg); color:#FFF; border:0px; cursor:pointer}

ul.sitemap li ul, ul.sitemap li ul li ul{padding-bottom:0 !important; margin-bottom:0 !important; padding-top:0 !important; margin-top:0 !important}
#bread{font-size:12px; margin-bottom:14px; font-weight:bold; text-transform:lowercase}
#bread a{text-decoration:underline}

/* FP carroussel styles START */
#sevCarroussel{position:relative; width:502px; height:184px; overflow:hidden; margin-bottom:10px}
#sevCarroussel .sevCarrousselItem{position:absolute; display:none; width:502px; height:184px; overflow:hidden}
#sevCarroussel .sevCarrousselItem.item1{display:block;width:502px; height:184px; background-position:top left; background-repeat:no-repeat; z-index:5; overflow:hidden}
#sevCarroussel .sevCarrousselItem .overlay{position:absolute; top:0px; left:0px; height:184px; width:213px; background:#ddd; z-index:6}
#sevCarroussel .sevCarrousselItem .overlay h3{color:#369; padding:10px 5px 10px 10px; font-size:15px}
#sevCarroussel .sevCarrousselItem .overlay h3 a{color:#369; text-decoration:none}
#sevCarroussel .sevCarrousselItem .overlay p{font-size:12px; padding:0 10px 0 10px; margin:0}
#sevCarroussel .sevCarrousselItem .overlay p.meer{padding-top:10px}
#sevCarroussel .sevCarrousselItem .overlay p.meer a{color:#000; font-size:11px; font-weight:bold}
#sevCarroussel .sevCarrousselItem .overlay p.meer a span{font-size:9px; font-weight:bold}
#sevCarroussel ul.carrousselNav{padding:3px 0 0 0; position:absolute; bottom:0px; z-index:20; right:6px}
#sevCarroussel ul.carrousselNav li{float:left; padding-bottom:5px}
#sevCarroussel ul.carrousselNav li a{font-size:12px; line-height:17px; width:18px; height:18px; display:block; background:#b5b5b5; text-align:center; margin:3px; text-decoration:none; color:#fff; border:1px solid #000}
#sevCarroussel ul.carrousselNav li a.active{color:#fff; background:#5d5d5d}
#sevCarroussel ul.carrousselNav li a:hover{background:#5d5d5d}
/* FP carroussel styles END */

/* pagination styles START */
.pagination{font-size:0.8em; font-weight:bold; padding-top:10px}
.pagination span.vorige{color:#737373; padding:1px 5px 1px 12px; background:url(/images/arrow-grey-back.gif) 6% 6px no-repeat}
.pagination span.volgende{color:#737373; padding:1px 12px 1px 5px; background:url(/images/arrow-grey.gif) 97% 6px no-repeat}
.pagination span.current{padding:1px 5px; margin:2px; color:#737373}
.pagination a{border:1px solid gray; padding:1px 5px; margin:2px}
.pagination a.vorige{border:1px solid gray; padding:1px 5px 1px 12px; background:url(/images/arrow-black-back.gif) 6% 6px no-repeat}
.pagination a.volgende{border:1px solid gray; padding:1px 12px 1px 5px; background:url(/images/arrow-black.gif) 97% 6px no-repeat}
.pagination a:hover, .pagination a:active{background:#737373; color:#fff; text-decoration:none}
.pagination a.vorige:hover, .pagination a.vorige:active{color:#fff; text-decoration:none; background:#737373 url(/images/arrow-white-back.gif) 6% 6px no-repeat}
.pagination a.volgende:hover, .pagination a.volgende:active{color:#fff; text-decoration:none; background:#737373 url(/images/arrow-white.gif) 97% 6px no-repeat}
/* pagination styles END */
/* subscribeForm validatie START */
form#subscribeForm div.error, form.validateform div.error{padding:1px 0 5px 0px; color:#C00; font-size:0.9em; font-style:italic}
/* subscribeForm validatie START */
#shopping_cart{/* Shopping cart */border:0px; font-size:0.8em; margin-left:5px}
#shopping_cart_totalprice{/* totaalrpijs opmaak */padding-top:10px}
.product_container{/* Div voor elke publicatie */float:left}
.sliding_product img{/* Float publicatie afbeelding */float:left; margin:2px}
.bestellen{font-size:0.8em; margin:5px}
.bestellen a{font-weight:bold}
#mediaweb{height:30px; font-size:0.6em; text-align:center}
#mediaweb a{color:#eee}

div.contact-map{border:1px solid #eaeaea;padding:1px;margin:10px 0px 10px 5px;clear:both;width:480px;height:350px}
div.contact-map iframe{padding:0;margin:0;}