* { margin: 0; }

body {
	background: url(../img/bg/body.jpg) no-repeat top #99a183;
	font: 12px Arial, Helvetica, sans-serif;
 	color: #333827;
	}

a { color: #333827; cursor: pointer; }
a:hover { color: #858f6b; }
a img { border: 0; }
h1 { margin: 0 0 20px; border-bottom: 1px solid #eee; font-size: 30px; font-weight: normal; }
h2 { margin: 0 0 5px; font-size: 20px; font-weight: normal; }
h3 { width: 280px; height: 58px; margin: 0 -20px 20px; background: url(../img/bg/h3-side.gif); text-indent: -9999px; }
hr { width: 100%; height: 1px; margin: 0 0 18px; border: 0; background: #99a183; }
input, select, textarea { padding: 0; border: 0; font: 12px Arial, Helvetica, sans-serif; color: #333827; }
.clear { clear: both; }


#ctl00_top {
 	width: 100%;
  	height: 171px;
	background: url(../img/bg/top.png);
  	position: fixed;
	top: 0;
	left: 0;
  	z-index: 2;
	}
    #ctl00_top div { width: 920px; padding: 20px 20px 0; margin: 0 auto; }
    #ctl00_top a.logo { width: 219px; height: 42px; margin: 0 0 24px; background: url(../img/bg/logo.png); text-indent: -9999px; float: left; }
    #ctl00_top ul { padding: 0; list-style: none; float: right; z-index: 100; position: relative; }
    #ctl00_top ul li a { width: 220px; height: 25px; padding: 9px 20px 0; display: block; background: url(../img/bg/select.png); color: #a3ad8c; text-decoration: none; }
    #ctl00_top ul li:hover ul, #ctl00_top ul li.sfHover ul { top: 34px; }
    #ctl00_top ul li:hover a, #ctl00_top ul li.sfHover a { background: url(../img/bg/select.png) 0 -34px; }
    #ctl00_top ul ul { position: absolute; top: -9999px; left: 0; }
    #ctl00_top ul ul li a { width: 203px; height: 23px; padding: 7px 20px 0 37px; display: block; background: url(../img/bg/select-li.gif) !important; }
    #ctl00_top ul ul li a:hover { background-position: 0 -30px !important; color: #fff; text-decoration: underline; }
    #ctl00_top ul ul .last a { height: 29px; background: url(../img/bg/select-li-last.png) !important; }
    #ctl00_top ul ul .last a:hover { background-position: 0 -36px !important; }
    .index { height: 91px !important; background: url(../img/bg/top-index.png) !important; }
    
    #ctl00_top #ctl00_Organisatie_menu { width: 960px; padding: 0; margin: 0; }
    #ctl00_top ol { width: 920px; height: 42px; background: url(../img/bg/top-menu.png); padding: 0; list-style: none; clear: both; }
    #ctl00_top ol li { font-size: 15px; font-weight: bold; text-shadow: 1px 1px 0 #919880; float: left; }
    #ctl00_top ol li a { height: 30px; padding: 12px 20px 0; display: block; color: #333827; text-decoration: none; float: left; }
    #ctl00_top ol li a:hover { color: #1a1d12; text-shadow: 1px 1px 0 #a1a890; }
    #ctl00_top ol .active a { text-decoration: underline; }

#container {
	width: 960px;
	margin: 0 auto;
 	line-height: 24px;
	overflow: hidden;
	}

#featured {
    width: 620px;
    height: 201px;
    padding: 20px 320px 20px 20px;
    margin: 128px auto 40px;
    background: url(../img/bg/featured.png);
    overflow: hidden;
    position: relative;
    z-index: 1;
    }
    #featured ul.ui-tabs-nav { width: 300px; padding: 0; margin: 0; list-style: none; position: absolute; top: 20px; left: 640px; }
    #featured ul.ui-tabs-nav li { width: 270px; padding: 0 0 0 30px; }
    #featured li.ui-tabs-nav-item  a { width: 270px; height: 37px; margin: 0 0 4px; display: block; background: url(../img/bg/menu-items.png); text-indent: -9999px; cursor: pointer; }
    #featured #nav-fragment-1 a { background-position: 0 0; }
    #featured #nav-fragment-2 a { background-position: 0 -37px; }
    #featured #nav-fragment-3 a { background-position: 0 -74px; }
    #featured #nav-fragment-4 a { background-position: 0 -111px; }
    #featured #nav-fragment-5 a { background-position: 0 -148px; }            
    #featured #nav-fragment-1 a:hover, #featured #nav-fragment-1.ui-tabs-selected a { background-position: 0 -185px; }
    #featured #nav-fragment-2 a:hover, #featured #nav-fragment-2.ui-tabs-selected a { background-position: 0 -222px; }
    #featured #nav-fragment-3 a:hover, #featured #nav-fragment-3.ui-tabs-selected a { background-position: 0 -259px; }
    #featured #nav-fragment-4 a:hover, #featured #nav-fragment-4.ui-tabs-selected a { background-position: 0 -296px; }
    #featured #nav-fragment-5 a:hover, #featured #nav-fragment-5.ui-tabs-selected a { background-position: 0 -333px; }        
    #featured .ui-tabs-panel { width: 620px; height: 201px; position: relative; }
    #featured .ui-tabs-hide { display: none; }

#header {
 	width: 920px;
  	height: 121px;
   	padding: 20px;
    margin: 208px auto 40px;
	background: url(../img/bg/header.png);
 	text-shadow: 1px 1px 0 #fff;
	font-size: 11px;
 	line-height: 22px;
	}
    #header h2 { display: none; }
    #header p { width: 220px; height: 106px; padding: 15px 20px 0 680px; }
    #header p.sscw { background: url(../img/bg/header-sscw.jpg); }
    #header p.pitt { background: url(../img/bg/header-pitt.jpg); }
    #header p.bevr { background: url(../img/bg/header-bevr.jpg); }
    #header p.bbvr { background: url(../img/bg/header-bbvr.jpg); }
    #header p.frum { background: url(../img/bg/header-frum.jpg); }

#content {
	width: 960px;
	padding: 0 0 20px;
	overflow: hidden;
	}
    #content p, #content address, #content ul, #content ol, #content iframe { padding: 0 0 18px; font-style: normal; }
    #warning {
     	width: 732px;
      	height: 65px;
    	padding: 15px 17px 0 211px;
     	margin: 0 0 20px;
     	background: url(../img/bg/warning.png);
      	color: #5e510b;
       	overflow: hidden;
	    }
        #warning a { color: #5e510b; }
        #warning a:hover { color: #8b7916; }
        #warning img { margin: 0 0 0 14px; float: right; }

#main {
 	width: 640px;
	margin: 0 40px 0 0;
	text-align: justify;
	float: left;
	}
    #main .item { width: 600px; padding: 20px 20px 0; margin: 0 0 20px; background: url(../img/bg/main-item-top.gif) no-repeat #fff; }
    #main .item img { background-color: #EEEEEE; float: right; height:120px ; width: 160px; padding: 4px; margin: 0 0 10px 5px;  }
    #main .item .youtube, #main .item embed { margin: 0 0 0 20px; float: right; }
    #main .item img, #main .item a img { margin: 0 0 0 20px; border: 4px solid #eee; float: right; }
    #main .item a:hover img { border: 4px solid #ddd; }
    #main .item ul { padding: 0 0 18px 25px; list-style: none; overflow: hidden; }
    #main .item ul li { padding: 0 0 0 20px; background: url(../img/icons/arrow.gif) no-repeat 0 8px; }
    #main .item .twocolumn li { width: 250px; float: left; }
    #main .item .twocolumn li a { float: left; }
    #main .item .info { width: 600px; padding: 0 0 10px; font-size: 11px; color: #7f866d; overflow: hidden; }
    #main .item .dat { padding: 0 20px 0 25px; background: url(../img/icons/date.png) no-repeat 0 2px; float: left; }
    #main .item .org { padding: 0 0 0 25px; background: url(../img/icons/organisation.png) no-repeat 0 2px; float: left; }
    
    #main .item .btn { width: 168px; height: 34px; display: block; background: url(../img/bg/buttons.png); text-indent: -9999px;}
    #main .item .btn:hover { background: url(../img/bg/buttons.png) 0 -34px; }
    #main .item .bottom { width: 640px; height: 5px; margin: 0 -20px; display: block; background: url(../img/bg/main-item-bottom.gif); overflow: hidden; clear: both; }
    
    #main .album { padding: 0 !important; }
    #main .album li { padding: 0 !important; }
    #main .album li a img { float: left; margin: 0 20px 18px 0; float: left; }
    
    #main .item .btnTerug { width: 168px; height: 34px; display: block; background: url(../img/bg/buttons.png) 0 -136px; text-indent: -9999px; }
    #main .item .btnTerug:hover { background-position: 0 -170px; }
    
    #main .form { width: 600px; overflow: hidden; }
    #main .form label { width: 240px; display: block; }
    #main .form .field { width: 220px; height: 34px; padding: 0 10px; margin: 0 0 18px; background: url(../img/bg/form-field.gif); color: #fff; line-height: 34px; }
    #main .form textarea { width: 580px; height: 191px; padding: 9px 10px 0; margin: 0 0 18px; background: url(../img/bg/form-textarea.gif); color: #fff; }
    #main .form .btn-form { width: 168px; height: 34px; margin: 0 0 18px; background: url(../img/bg/form-btn.gif); cursor: pointer; }
    #main .form .field:focus, #main .form .btn-form:hover { background-position: 0 -34px; font-weight: bold; outline: 0; }
    #main .form textarea:focus { background-position: bottom; font-weight: bold; }
    
    #main .nieuws { padding: 0 0 18px 0 !important; }
    #main .nieuws li { padding: 2px 0 !important; background: none !important; }
    #main .nieuws li span { padding: 0 5px 0 25px; display: block; background: url(../img/icons/nieuws.png) no-repeat 0 2px; font-size: 11px; color: #7f866d; text-decoration: none; float: left; }
    #main .nieuws li a:hover {  color: #7f866d; }
    
    #main .activ { padding: 0 0 18px 0 !important; }
    #main .activ li { padding: 2px 0 !important; background: none !important; }
    #main .activ li span { padding: 0 5px 0 25px; display: block; background: url(../img/icons/activiteit.png) no-repeat 0 2px; font-size: 11px; color: #7f866d; text-decoration: none; float: left; }
    #main .activ li a:hover {  color: #7f866d; }
    
    #main .doc { padding: 0 0 18px 0 !important; }
    #main .doc li { padding: 2px 0 !important; background: none !important; }
    #main .doc li span { padding: 0 5px 0 25px; display: block; background: url(../img/icons/doc.png) no-repeat 0 3px; font-size: 11px; color: #7f866d; text-decoration: none; float: left; }
    #main .doc li a:hover {  color: #7f866d; }
    
    #main .empty { padding: 0 0 18px 25px; background: url(../img/icons/warning.png) no-repeat 0 3px; }

#side {
 	width: 280px;
  	padding: 0 0 20px;
	float: right;
	}    
    #contact {
     	width: 240px;
      	padding: 0 20px 5px;
       	margin: 0 0 20px;
       	background: url(../img/bg/bottom-contact.gif) no-repeat bottom #433b2f;
        color: #cfc5b7;
	    }
        #contact a { color: #cfc5b7; }
        #contact a:hover { color: #7c7365; }
        #contact span, #contact address { padding: 0 0 18px 25px; }
        #contact .email { background: url(../img/icons/phone.png) no-repeat; }
        #contact .fax { background: url(../img/icons/fax.png) no-repeat; }
        #contact .phone { background: url(../img/icons/email.png) no-repeat; }
    
    #links {
     	width: 240px;
      	padding: 0 20px 5px;
       	margin: 0 0 20px;
       	background: url(../img/bg/bottom-links.gif) no-repeat bottom #2f3c43;
        color: #b0c1ca;
	    }
        #links h3 { background-position: 0 -58px; }
        #links a { color: #b0c1ca; }
        #links a:hover { color: #5c6e77; }
        #links ul { list-style: none; }
        #links li a { width: 240px; display: block; }
        #links .btn a { width: 105px; height: 34px; display: block; background: url(../img/bg/buttons.png) 0 -68px; text-indent: -9999px; }
    	#links .btn a:hover { background-position: 0 -102px; }
    
    #shortlink {
    	width: 280px;
    	margin: 0 0 16px;
	    }
        #shortlink ul { padding: 0; list-style: none; }
        #shortlink li { padding: 0 0 4px; }
        #shortlink li a { width: 280px; height: 37px; display: block; background: url(../img/bg/shortlinks.png); text-indent: -9999px; }
        #shortlink .ken a:hover { background-position: 0 -185px; }
        #shortlink .his a { background-position: 0 -37px; }
        #shortlink .his a:hover { background-position: 0 -222px; }
        #shortlink .cur a { background-position: 0 -74px; }
        #shortlink .cur a:hover { background-position: 0 -259px; }
        #shortlink .sch a { background-position: 0 -111px; }
        #shortlink .sch a:hover { background-position: 0 -296px; }
        #shortlink .boe a { background-position: 0 -148px; }
        #shortlink .boe a:hover { background-position: 0 -333px; }
        #shortlink .alg a { background-position: 0 -370px; }
        #shortlink .alg a:hover { background-position: 0 -407px; }

#footer {
	width: 920px;
 	height: 63px;
	padding: 17px 20px 0;
	margin: 0 0 40px;
 	background: url(../img/bg/footer.png);
	clear: both;
	}
    #footer .bottom { width: 960px; margin: 0 -20px; }

.right { float: right; }
.clear { clear: both; }
.imgright { float: right; margin: 0 0 0 20px; }

/* SIFR */

.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-flash + div[adblocktab=true] { display: none !important; }
.sIFR-hasFlash h1 { visibility: hidden; font-size: 36px; line-height: 36px; height: 36px; }

/* FANCY BOX */

div#fancy_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; display: none; z-index: 30; }
* html div#fancy_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
div#fancy_wrap { text-align: left; }
div#fancy_loading { position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100; }
div#fancy_loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url('../img/fancybox/fancy_progress.png') no-repeat; }
div#fancy_loading_overlay { position: absolute; background-color: #fff; z-index: 30; }
div#fancy_loading_icon { position: absolute; background: url('../img/fancybox/fancy_loading.gif') no-repeat; z-index: 35; width: 16px; height: 16px; }
div#fancy_outer { position: absolute; top: 0; left: 0; z-index: 90; padding: 18px 18px 33px 18px; margin: 0; overflow: hidden; background: transparent; display: none; }
div#fancy_inner { position: relative; width:100%; height:100%; border: 3px solid #fff; background: #fff; }
div#fancy_content { margin: 0; z-index: 100; position: absolute; }
div#fancy_div { background: #000; color: #fff; height: 100%; width: 100%; z-index: 100; }
img#fancy_img { position: absolute; top: 0; left: 0; border:0; padding: 0; margin: 0; z-index: 100; width: 100%; height: 100%; }
div#fancy_close { position: absolute; top: -12px; right: -15px; height: 30px; width: 30px; background: url('../img/fancybox/fancy_closebox.png') top left no-repeat; cursor: pointer; z-index: 181; display: none; }
#fancy_frame { position: relative; width: 100%; height: 100%; display: none; }
#fancy_ajax { width: 100%; height: 100%; overflow: auto; }
a#fancy_left, a#fancy_right { position: absolute; bottom: 0px;height: 100%; width: 35%; cursor: pointer; z-index: 111; display: none; background-image: url(data:image/gif;base64,AAAA); outline: none; }
a#fancy_left { left: 0px; }
a#fancy_right { right: 0px; }
span.fancy_ico { position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; z-index: 112; cursor: pointer; display: block; }
span#fancy_left_ico { left: -9999px; background: transparent url('../img/fancybox/fancy_left.png') no-repeat; }
span#fancy_right_ico { right: -9999px; background: transparent url('../img/fancybox/fancy_right.png') no-repeat; }
a#fancy_left:hover { visibility: visible; }
a#fancy_right:hover { visibility: visible; }
a#fancy_left:hover span { left: 20px; }
a#fancy_right:hover span { right: 20px; }
.fancy_bigIframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; }
div#fancy_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 70; border: 0; padding: 0; margin: 0; }	
div.fancy_bg { position: absolute; display: block; z-index: 70; border: 0; padding: 0; margin: 0; }
div.fancy_bg_n { top: -18px; width: 100%; height: 18px; background: transparent url('../img/fancybox/fancy_shadow_n.png') repeat-x; }
div.fancy_bg_ne { top: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('../img/fancybox/fancy_shadow_ne.png') no-repeat; }
div.fancy_bg_e { right: -13px; height: 100%; width: 13px; background: transparent url('../img/fancybox/fancy_shadow_e.png') repeat-y; }
div.fancy_bg_se { bottom: -18px; right: -13px; width: 13px; height: 18px; background: transparent url('../img/fancybox/fancy_shadow_se.png') no-repeat; }
div.fancy_bg_s { bottom: -18px; width: 100%; height: 18px; background: transparent url('../img/fancybox/fancy_shadow_s.png') repeat-x; }
div.fancy_bg_sw { bottom: -18px; left: -13px; width: 13px; height: 18px; background: transparent url('../img/fancybox/fancy_shadow_sw.png') no-repeat; }
div.fancy_bg_w { left: -13px; height: 100%; width: 13px; background: transparent url('../img/fancybox/fancy_shadow_w.png') repeat-y; }
div.fancy_bg_nw { top: -18px; left: -13px; width: 13px; height: 18px; background: transparent url('../img/fancybox/fancy_shadow_nw.png') no-repeat; }
div#fancy_title { position: absolute; bottom: -33px; left: 0; width: 100%; z-index: 100; display: none; }
div#fancy_title div { color: #fff; font: bold 12px Arial; padding-bottom: 3px; }
div#fancy_title table { margin: 0 auto; }
div#fancy_title table td { padding: 0; vertical-align: middle; }
td#fancy_title_left { height: 32px; width: 15px; background: transparent url(../img/fancybox/fancy_title_left.png) repeat-x; }
td#fancy_title_main { height: 32px; background: transparent url(../img/fancybox/fancy_title_main.png) repeat-x; }
td#fancy_title_right { height: 32px; width: 15px; background: transparent url(../img/fancybox/fancy_title_right.png) repeat-x; }