@charset "utf-8";
/* CSS Document */

@import url("reset.css");


/***********************
	Standaard
***********************/

body {
	background-color:#333366;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.clearer {clear:both}
a#back {position:absolute; margin:-40px 0 0 250px; color:#9999CC; text-decoration:none}
a:hover#back {text-decoration:underline}

/***********************
	Site Structure
***********************/

#container {
	width:950px;
	background:#ffffff url(../images/background_container.gif) repeat-y;
	margin:0 auto;
	padding:0 15px;
	overflow:hidden;
}
#bottomFiller {
	width:950px;
	background:#515BA1 url(../images/background_container.gif) repeat-y;
	margin:0 auto;
	padding:0 15px;
	overflow:hidden;
}
#header {
	height:154px;
	background:url(../images/header.jpg) no-repeat;
	overflow:hidden;
	padding:0 0 0 59px
}
	#header h1 {display:block; height:47px; width:204px; margin:97px 0 0 0; float:left}
	#header h1 a {display:block; height:100%}
	#header h1 a span {display:none}
	
	#header h2 {margin:37px 0 0 275px; color:#515BA1; position:absolute; float:left; letter-spacing:1px;}
	
	#header ul {margin:30px 32px 0 750px; position:absolute; float:left}
	#header ul li {float:left}
	
	#header ul li a.small {background:url(../images/icon_font1.gif) no-repeat; height:32px; width:32px; margin:6px 0 0 0;}
	#header ul li a.smallactive {background:url(../images/icon_font1_active.gif) no-repeat; height:32px; width:32px; margin:6px 0 0 0;}

	#header ul li a.medium {background:url(../images/icon_font2.gif) no-repeat; height:36px; width:37px;  margin:4px 0 0 0;}
	#header ul li a.mediumactive {background:url(../images/icon_font2_active.gif) no-repeat !important; height:36px; width:37px; margin:4px 0 0 0;}
	
	#header ul li a.large {background:url(../images/icon_font3.gif) no-repeat; height:42px; width:41px;}
	#header ul li a.largeactive {background:url(../images/icon_font3_active.gif) no-repeat; height:42px; width:41px;}
	
	#header ul li a {display:block; overflow:hidden; height:35px;}
	#header ul li a span {display:none}
	
	#print {background:url(../images/icon_png.png) no-repeat; height:81px; width:81px; position:absolute; float:left; margin:60px 0 0 690px}
	#print a {display:block; height:100%}
	#print a span {display:none}
	
/***********************
	leftColumn menu
***********************/
#leftColumn {
	width:316px;
	height:545px;
	float:left;
    margin: 0 0 -150px 0;   
	position:relative
}
.leftColumn_home {background:url(../images/leftside_home.jpg) no-repeat;}
.leftColumn_podium {background:url(../images/leftside_podium.jpg) no-repeat;}
.leftColumn_galerie {background:url(../images/leftside_galerie.jpg) no-repeat;}
.leftColumn_vriend_worden {background:url(../images/leftside_vriend_worden.jpg) no-repeat;}
.leftColumn_bereikbaarheid {background:url(../images/leftside_bereikbaarheid.jpg) no-repeat;}
.leftColumn_contact {background:url(../images/leftside_contact.jpg) no-repeat;}

	#leftColumn ul {width:200px; margin:0 0 0 59px; padding:31px 0 0 0;}
	#leftColumn ul li {background:url(../images/background_menu.gif) bottom repeat-x; height:25px; padding:6px 0 0 2px; }
	#leftColumn ul li.last {background:none;}
	#leftColumn ul li a {display:block; height:26px; width:200px}
	#leftColumn ul li a span {display:none}
	
	#leftColumn ul li a#home {background:url(../images/menu_home.gif) no-repeat;}
	#leftColumn ul li a#home_active {background:url(../images/menu_home_on.gif) no-repeat;}
	#leftColumn ul li a:hover#home {background:url(../images/menu_home_on.gif) no-repeat;}
	
	#leftColumn ul li a#programma_podium {background:url(../images/menu_programma_podium.gif) no-repeat;}
	#leftColumn ul li a#programma_podium_active {background:url(../images/menu_programma_podium_on.gif) no-repeat;}
	#leftColumn ul li a:hover#programma_podium {background:url(../images/menu_programma_podium_on.gif) no-repeat;}
	
	#leftColumn ul li a#programma_galerie {background:url(../images/menu_programma_galerie.gif) no-repeat; width:200px; height:18px;}
	#leftColumn ul li a#programma_galerie_active {background:url(../images/menu_programma_galerie_on.gif) no-repeat; width:200px; height:18px;}
	#leftColumn ul li a:hover#programma_galerie {background:url(../images/menu_programma_galerie_on.gif) no-repeat;}
	
	#leftColumn ul li a#vriend_worden {background:url(../images/menu_vriend_worden.gif) no-repeat;}
	#leftColumn ul li a#vriend_worden_active {background:url(../images/menu_vriend_worden_on.gif) no-repeat;}
	#leftColumn ul li a:hover#vriend_worden {background:url(../images/menu_vriend_worden_on.gif) no-repeat;}
	
	#leftColumn ul li a#bereikbaarheid {background:url(../images/menu_bereikbaarheid.gif) no-repeat;}
	#leftColumn ul li a#bereikbaarheid_active {background:url(../images/menu_bereikbaarheid_on.gif) no-repeat;}
	#leftColumn ul li a:hover#bereikbaarheid {background:url(../images/menu_bereikbaarheid_on.gif) no-repeat;}
	
	#leftColumn ul li a#contact {background:url(../images/menu_contact.gif) no-repeat;}
	#leftColumn ul li a#contact_active {background:url(../images/menu_contact_on.gif) no-repeat;}
	#leftColumn ul li a:hover#contact {background:url(../images/menu_contact_on.gif) no-repeat;}
	
/***********************
	pagina navigatie
***********************/

.paginanavigatie {
	margin:0 0 10px 0;
	overflow:hidden
}
	.paginanavigatie a {display:block; float:left; margin:10px 5px 10px 0; color:#515BA1; text-decoration:none; font-size:12px}
	.paginanavigatie a.selected {font-weight:bold}
	.paginanavigatie a:hover {text-decoration:underline}
	
.spacer {height:85px;}

/***********************
	Mid Column Content
***********************/

#midColumn {
	background:url(../images/background_mid.gif) repeat-y;
	width:378px;
	overflow:hidden;
	float:left;
    margin: 0 0 -150px 0; 
    padding:0 18px 50px 18px;
	position:relative;
	min-height:500px;
	height:auto !important;
	height:500px;
}
	#midColumn p {line-height:17px; margin:0 0 15px 0;}
	#midColumn h3 {margin:8px 0 20px 0}
	
	#midColumn span.editinplace {display:block; padding:3px; border:1px solid #DFDFDF; margin:0 0 10px 0;}
	

#rightColumn {
	width:190px;
	margin:50px 0 0 15px;
	float:left;
	position:relative;
	overflow:hidden
}
	#rightColumn p {line-height:17px; margin:8px 0 0 0; color:#669900; font-style:italic}
	#rightColumn span.editinplace {display:block; padding:3px; border:1px solid #DFDFDF; margin:10px 0 10px 0;}
	 
/***********************
	podium / galerie
***********************/

.sumWrap {
	margin:0 0 15px 0;
	position:relative;
	z-index:9000000000
}
	.sumWrap h4 {font-size:18px; font-weight:bold}
	.sumWrap h4 a {color:#669900; text-decoration:none}
	.sumWrap h4 a:hover {text-decoration:underline}
	.sumWrap span {font-weight:bold; font-size:13px; display:block; margin:0 0 5px 0;}
	.sumWrap a.uitgelicht {color:#669900; text-decoration:none; font-size:12px;; display:block; margin:-10px 0 0 0;}
	.sumWrap a:hover.uitgelicht {text-decoration:underline}
	
#midColumn h4 {font-size:18px; font-weight:bold; color:#669900;}
#midColumn span.info {font-weight:bold; font-size:13px; display:block; margin:0 0 15px 0;}

/************************
	Footer
*************************/

#footer {
	position:relative;
	clear:both;
	background:url(../images/footer.gif) no-repeat;
	height:197px;
	width:950px;
}

/************************
	lightbox
*************************/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
	background-color: #fff;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	/*back\ground-color: transparent;
	background-image: url(../webbeheer/images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/overlay.png", sizingMethod="scale");
	*/
	}

/************************
	SIFR REPLACEMENTS
*************************/

/* These are standard sIFR styles... do not modify */

.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;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1.bla1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 30px;

}
.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 30px;
}

.sIFR-hasFlash h3#pageTitle_replace {
	visibility: hidden;
	letter-spacing: -1px;
	font-size: 24px;
	color:#fff;
}

.sIFR-hasFlash h4.infoboxtitle {
	visibility: hidden;
	letter-spacing: -3px;
	line-height:16px;
	font-size: 13px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}