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

body {
margin: 0;
padding: 0;
background-color: #FFF; /* optional */
}

#backgroundtop {
background: url('/img/background-stripes.gif');
background-position:center;
background-position:top;
background-repeat:repeat;
background-attachment: fixed;
}

#backgroundbottom {
background: url('/img/background-slush.png');
background-repeat: no-repeat;
background-attachment: fixed;
background-position:center;
background-position:bottom;
} 
	
a:link, a:visited {	
	color: #413000; 
	text-decoration: none; 
}

a:hover {
	color: #EF8200; 
	text-decoration: none; 
} 

p 	{
margin-top:0px;
margin-bottom:10px;
}


	
div.container {
margin-left: auto;
margin-right: auto;
text-align: left;
width:970px;
}

div.container-content {
padding:5px;
padding-top:0px;
width:820px;
height:auto;
background-color:#EF8200;
}

	div.links {
	float:left;
	width:200px;
	}
	
	div.midden {
	float:left;
	padding-left:5px;
	width:410px;
	}

	div.midden_flashtop {
	float:left;
	padding-left:5px;
	padding-top:5px;
	width:610px;
	}

	div.rechts {
	float:left;
	padding-left:5px;
	width:200px;
	}

	div.sub-midden {
	float:left;
	padding-left:5px;
	width:410px;
	}

	div.sub-rechts {
	float:left;
	padding-left:5px;
	width:200px;
	}
	
	div.footer {
	text-align:center;
	background-color:#FFF;

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 10px; 
	text-indent: 5px; 
	text-transform: uppercase; 
	color: #413000;
	margin-top:5px;
	margin-bottom:20px;
	width:820px;
	padding:5px;
}
	
div.header {	
width:830px;
text-indent: 0px;
background-color:#FFFFFF;

}

div.bannertop{
float: right;
margin-top:5px;
padding-right:6px;
}

div.bannerright{
float:right;
margin-left:5px;
margin-top:5px;
}

.rectangle{
text-align:center;
margin:5px;
}
	
	
.menu {
	color:#413000;
	background-color:#EF8200;	
	font-family: Arial Black;
	font-size: 20px; 
	text-transform: uppercase; 
	
	margin-bottom:4px;
	}

.menu-klein {
	background-color:#F78F1E;
	
	font-family: Arial;
	font-size: 15px; 
	text-transform: uppercase; 
	color: #413000;
	font-weight:bold;
}



.menu ul{
margin: 0;
padding: 0;
list-style-type: none;

}

/*Top level list items*/
.menu ul li{
position: relative;
float: left;

}

/*Top level menu link items style*/
.menu ul li a{
display: block;
background:#EF8200; /*background of tabs (default state)*/
color: white;
padding: 0px 15px 0px 10px;
text-decoration: none;

}





.menu ul li a:link, .menu ul li a:visited{
color: white;
}

.menu ul li a:hover{
background: black; /*tab link background during hover state*/
}
	
/*1st sub level menu*/
.menu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}



/* Sub level menu links style */
.menu ul li ul li a{
width: 180px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border: 1px solid #413000;
}









.whiteblock {
	background-color:#FFFFFF;
	margin-top:5px;
	width:200px;
	height:auto;
	}
		
.whiteblock-head {
	background-color:#413000;
	border: solid 1px White;	
	font-family: Arial Black;
	font-size: 13px; 
	text-indent: 5px; 
	text-transform: uppercase; 
	color: White; 
	}
	
.whiteblock-content-title {
	color:#413000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase; 
	font-size: 12px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:5px;
	
	font-weight:bold;


	}
	
.whiteblock-content-text {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px;
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	padding-bottom:1px;
	}
			
.songinfo-content {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px;
	margin-left:5px;
	margin-top:1px;
	margin-right:15px;
	padding-bottom:5px;
	}
	
.songinfo-kop {
	font-family: Arial Black;
	font-size: 15px; 
	text-indent: 2px; 
	text-transform: uppercase; 
	color: #F78F1E;
	}
	

	
.songinfo-artist {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px;
	margin-top:5px;
	margin-left:3px;
	padding-bottom:5px;
	color:#413000;
	line-height:10px;
	font-weight:bold;
	}

.songinfo-title {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px;
	margin-left:3px;
	padding-bottom:5px;
	color:#413000;
	line-height:10px;
	}

.songinfo-lijst {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px;
	margin-top:5px;
	margin-left:3px;
	padding-bottom:5px;
	color:#EF8200;
	line-height:0.5px;
	font-weight:bold;
	}
	
	
.nieuwsblok-sub {
	background-color:#FFFFFF;
	margin-top:5px;
	width:615px;
	height:auto;
	}
	
.nieuwsblok {
	background-color:#FFFFFF;
	margin-top:5px;
	width:410px;
	height:auto;
	}
		
.nieuwsblok-head {
	background-color:#413000;
	border: solid 1px White;	
	font-family: Arial Black;
	font-size: 13px; 
	text-indent: 5px; 
	text-transform: uppercase; 
	color: White; 
	}
	
.nieuws-head {
	color:#413000;
	font-family: Arial Black;
	text-transform: uppercase; 
	font-size: 15px;
	margin-left:3px;
	margin-top:5px;
	margin-right:15px;
	letter-spacing:-0.5px;
	}
		
.nieuws-content {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px;
	margin-left:5px;
	margin-top:1px;
	margin-right:15px;
	padding-bottom:5px;
	overflow:auto;
	}
	
.nieuws-leesmeer {
	color:#413000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px;
	text-align:left;
	padding-right:5px;
	font-weight:bold;
	margin-top:10px;
	}
	

	
	
.program-block {
	width: 200px;
	background: #413000;
	color: #FFF;
	margin-bottom:10px;
	margin-top:10px;
}

.program-header ul {
	background: url(./img/bruinehoek.gif) -15px -15px no-repeat;
	background-repeat:no-repeat;
	height: 15px;
	list-style: none;
	margin: 0;
}
.program-header ul li {
	float: right;
	background: url(./img/bruinehoek.gif) 0px -15px no-repeat;
	background-repeat:no-repeat;
	width: 15px;
	line-height: 15px;
}

.program-footer ul {
	background: url(./img/bruinehoek.gif) -15px 0px no-repeat;
	background-repeat:no-repeat;
	height: 15px;
	list-style: none;
	margin: 0;
}
.program-footer ul li {
	float: right;
	line-height:15px;
	background: url(./img/bruinehoek.gif) 0px 0px no-repeat;
	background-repeat:no-repeat;
	width:15px;
	
}
	
.program-text {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px;
	color:#FFFFFF;
 	bottom: 5px;
	padding:5px;
	}	
	
	
	
	
/* Popup Player CSS */

div.popupplayer-container {
margin:10px;
width:832px;
height:260px; 
background-color:#FF7F00;
} 

div.popupplayer-container-content {
padding:5px;
width:832px;
height:280px;
background-color:#FF7F00;
}

div.popupplayerlinks{
	float:left;
	width:280px;
	}

div.popupplayermidden{
	float:left;
	padding-left:5px;
	}

div.popupplayerrechts{
	float:left;
	padding-left:5px;
	width:200px;
	}
	
.popupplayer-whiteblock {
	background-color:#FFFFFF;
	margin-top:1px;
	width:auto;
	height:282px;
	}
		
.popupplayer-whiteblock-head {
	background-color:#413000;
	border: solid 1px White;	
	font-family: Arial Black;
	font-size: 13px; 
	text-indent: 5px;
	text-transform: uppercase; 
	color: White; 
	}
	
.bannerpopupplayer-rectangle{
border: solid 1px White;
width:336px;
}


























.notification_error
{
color: #413000;
border: 2px solid #FF0000;
height: auto;
width: 95%;
padding: 4px;
font-weight:bold;
background: #EF8200;
text-align: left;
-moz-border-radius: 5px;
}

.notification_ok
{
color: #413000;
height: auto;
width: 95%;
padding: 4px;
font-weight:bold;
background: #EF8200;
text-align: left;
-moz-border-radius: 5px;
}

.info_fieldset { -moz-border-radius: 7px; border: 1px #dddddd solid; }

.info_fieldset legend
{
border: 1px #dddddd solid; 
color: black; 

font: 13px Verdana;

padding: 2px 5px 2px 5px;
-moz-border-radius: 3px;
}

.button
{
border: 1px solid #999999; 
border-top-color: #CCCCCC; 
border-left-color: #CCCCCC; 

background: white;

color: #333333; 

font: 11px Verdana, Helvetica, Arial, sans-serif;

-moz-border-radius: 3px;
}



	/* Input, Textarea */
.input-mail, .textarea-mail
{
margin: 5px;
padding: 0px; 
float: left;

border: 1px solid #999999; 
border-top-color: #CCCCCC; 
border-left-color: #CCCCCC; 

color: #333333; 

font: 11px Verdana, Helvetica, Arial, sans-serif;

-moz-border-radius: 3px;
}



#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	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(/img/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/overlay.png", sizingMethod="scale");
	}
	
	
.top { 

border-color: #413000;

color: #413000;
font-family: Arial;
font-size: 12px;
font-weight:bold;
}

.on { 

border-color: #413000;
background-color: #413000;
color: #EF8200;

font-family: Arial;
font-size: 12px;
font-weight:bold;
}
.off { 

border-color: #413000;

color: #413000;

font-family: Arial;
font-size: 12px;
font-weight:bold;
}







		/* SITE POPUP */
		
		#hideshow {
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
		}
		#fade {
			background: #000; 
			position: fixed; 
			width: 100%;
			height: 100%;
			filter:alpha(opacity=80);
			opacity: .80;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
			left: 0;
			z-index: 10;
		}
		.popup_block {
			background: #fff;
			padding: 10px 20px;
			border: 10px solid #fff;
			float: left;
			position: fixed;
			top: 20%;
			left: 50%;
			margin: 0 0 0 -380px;
			z-index: 100;
		
		}
		.popup_block .popup {
			float: left;
			width: 100%;
			background: #fff;
			margin: 10px 0;
			padding: 10px 0;
			border: 1px solid #bbb;
		}
		
		
		/*--Making IE6 Understand Fixed Positioning--*/
		
		*html #fade {
			position: absolute;
			top:expression(eval(document.compatMode &&
			document.compatMode=='CSS1Compat') ?
			documentElement.scrollTop : document.body.scrollTop);
		}
		
		*html .popup_block {
			position: absolute;
			top:expression(eval(document.compatMode &&
			document.compatMode=='CSS1Compat') ?
			documentElement.scrollTop
			+((documentElement.clientHeight-this.clientHeight)/2)
			: document.body.scrollTop
			+((document.body.clientHeight-this.clientHeight)/2));
			
			left:expression(eval(document.compatMode &&
			document.compatMode=='CSS1Compat') ?
			documentElement.scrollLeft 
			+ (document.body.clientWidth /2 ) 
			: document.body.scrollLeft 
			+ (document.body.offsetWidth /2 ));
		}
		
		/* SITE POPUP */
		


	#slider ul, #slider li{
		list-style:none;
		}
	#slider, #slider li{ 
		width:380px;
		height:60px;
		overflow:hidden; 
		}					
				

/* // Easy Slider */

#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:384px;
width:408px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}
#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}