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

/*ALGEMEEN*/

h1{
	font-size:20px;
	background:#101319; 
	padding:5px;
	border:1px dotted #333;
}

h2{
	font-size:20px;
}

h3{
	font-size:16px;
	margin-bottom:0px;
	padding:0px;
	margin-top:0px;
	color:#8db8d8;
}

p{
	margin-top:5px;
}

/* HOME */

#fotoSlide{
	height:320px;
	width:450px;
	overflow:hidden;
}


#fotoSlide ul, #fotoSlide li{
	list-style:none;
	margin:0px;
	padding:0px;
}
	
#fotoSlide li{
	width:480px;
	height:320px;
	overflow:hidden;
}

/* HET CONCERT */

/* NETWERKEN */

/* CONTACT */

/* RESERVEREN */

#RES_stap1{	
	
}

#RES_kaarten{
	margin-bottom:30px;
}



#RES_kaarten input{
	border:1px solid #6D7C9D; 
	background:#3A4354;
	padding:5px;	
	color:#D5D7DE;
	font-size:14px;
	outline:none;
	width:80px;
	height:24px;
	text-align:center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#RES_fields div{
	float:left;
}

#RES_fields input{
	font-size:14px;
	color:#D5D7DE;
	height:20px;
	padding:3px;
	margin:0px;
	outline:0px;
	border:1px solid #6D7C9D; 
	background:#3A4354;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#RES_fields input:active{
	outline:0px;
}

#RES_fields p{margin:5px 0px;}

.reserveren_error p{
	padding-top:10px;
	color:#990000;
	font-size:10px;
}

#reserverenWizard{
	width:740px;
	color:#8db8d8;
}

#reserverenMenu{
	overflow:hidden;
	position:relative;
	top:-25px;
	margin:0px -24px;
}

#reserverenMenuLeft{
	float:left;
	background-image:url(../tmpl/reserveren/res_left.png);
	width:10px;
	height:32px;
	overflow:hidden;
}

#reserverenMenuRight{
	float:right;
	background-image:url(../tmpl/reserveren/res_right.png);
	width:10px;
	height:32px;
	overflow:hidden;
}

#reserverenMenuMid{
	margin:0px 10px;
	background-image:url(../tmpl/reserveren/res_mid.png);
	height:32px;
	overflow:hidden;
}

#reserverenMenuMid span{
	background:url(../tmpl/reserveren/res_button.png) repeat-x top;
	width:160px;
	height:25px;
	display:inline-block;
	padding-left:10px;
	color:#D5D7DE;
	padding-top:7px;
	font-size:13px;
	margin:0px 3px;
}

#reserverenMenuMid #activeRes{
	background:url(../tmpl/reserveren/res_button_active.png) repeat-x top;
}

#reserverenContent{
	width:694px;
	margin-top:27px;
	background:#14171D;
	border-left:1px dotted #333;
	border-right:1px dotted #333;
	border-bottom:7px solid #4B515D;
	min-height:300px;
	padding:20px;
}

#reserveren_18juni2011, #reserveren_19juni2011{
	display:block;
	color:#D5D7DE; 
	width:190px; 
	height:56px; 
	border:1px solid #6D7C9D;  
	padding:5px; 
	line-height:16px; 
	cursor:pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.reserveren_next{
			clear:both;

	float:right;
	text-align:right;
	background:url(../tmpl/reserveren/res_nextprev.png);
	display:inline-block;
	width:180px;
	padding-right:20px;
	height:20px;
	color:#FFF;
	margin-top:30px;
}



.reserveren_next:hover, .reserveren_prev:hover{
	color:#FFF;
	background:url(../tmpl/reserveren/res_nextprev_hover.png);
	text-decoration:none;
}

.reserveren_prev{
	float:left;
	margin-top:30px;
	text-align:left;
	background:url(../tmpl/reserveren/res_nextprev.png);
	display:inline-block;
	width:180px;
	padding-left:20px;
	height:20px;
	color:#FFF;
}

#RES_gegevens p{
	margin:5px;
	color:#8db8d8;
}

#voorwaardenContainer{
	opacity:0.8;
	background:#101319;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	cursor:pointer;
}

#voorwaardenContent{
	width:600px;
	height:300px;
	overflow:auto;
	padding:10px;
	font-size:11px;
	position:fixed;
	top:50%;
	margin-top:-150px;
	left:50%;
	margin-left:-300px;
	background-color:#000;
	border:1px dotted #333
}

#voorwaardenSluiten{
	padding:3px 20px;
	cursor:pointer;
	background-color:#FFF;
	border:1px dotted #333;
	position:fixed;
	top:50%;
	margin-top:-200px;
	left:50%;
	margin-left:240px;
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
	text-align:center;
	color:#333;
}

#voorwaardenSluiten:hover{
 border:1px dotted #999;
}

#sponsoren a{
	opacity:0.3;
	filter:alpha(opacity=30);
	display:inline-block
}

#sponsoren a:link{
	opacity:0.3;
	filter:alpha(opacity=30);
}

#sponsoren a:visited{
	opacity:0.3;
	filter:alpha(opacity=30);
}

#sponsoren a:hover{
	opacity:0.9;
	filter:alpha(opacity=90);
}

#sponsoren a:active{
	opacity:0.3;
	filter:alpha(opacity=30);
}