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

/*BASIS RESET*/
html,body,div,span,applet,object,iframe,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,strong,tt,var,dl,dt,dd,blockquote,fieldset,form,i,b,caption,tbody,tfoot,thead,tr,th,td{
	margin:0;
	padding:0;
	vertical-align:baseline;
	
	/*standaard grote lettertype*/
	font-size:12px;
	
}
body{
	background: url(../images/achtergrond.png);
}
a{
	text-decoration:none;
	color: #630;
} 
.mailto{
	color:#000;
}
.mailto:hover{
	background-color:#3D72A4;
}



/*END BASIS RESET*/

/*STANDAARD OPMAAK*/
#wrapper{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	margin-top:25px;
	margin-bottom:25px;
}
.tekstvak{
	background-color:#FFF;
	border:4px solid  #B7DD32;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:5px;
}
/*TITELS EN LETTERTYPES*/
h1{
	font-size:16px;
	color:#FFF;
	position: absolute;
	top:18px;
	left:70px;
	font-family: Verdana, Geneva, sans-serif; 
}
h3{
	font-size:12px;
	color:#FFF;
}
.ondertitel{
	font-size:16px;
	color: #B7DD32;
	font-weight:bold;
	font-family: Verdana, Geneva, sans-serif;
}
.ondertitel2{
	font-size:14px;
	color: #FFF;
	font-weight:bold;
	background-color: #000;
	padding:2px;
	text-align:left;
	font-family: Verdana, Geneva, sans-serif;

	
	
}
.teksten{
	color:#000;
	padding:2px;
}
/*END TITELS EN LETTERTYPES*/

/*FLOATS*/
.left{
	float:left;
	}
.right{
	float:right;
	}
.clear{
	clear:both;
	height:10px;
}
.center{
	margin-left:30px;
	margin-right:30px;
	}

/*END FLOATS*/

/*ZOEKBAR*/
.zoek input{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	width:150px;
	font-style: italic;
	color:#999;
	text-align:center;
	background-color:#FFF;
	border:none;
}
.zoek select{
	width:150px;
	background-color:#FFF;
	border:1px #000 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px
	}
/*END ZOEKBAR*/
/*SPONSER*/
#sponserlijst ul, #sponserlijst li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#sponserlijst li{ 
		width:900px;
		height:100px;
		overflow:hidden; 
		}	
/*END SPONSER*/


	/*BANNER OPMAAK*/
	
	#banner{
	/*basis*/
	background-image:url(../images/parkconcerten_01_TEKST.png);
	width:900px;
	height:258px;
	
	/*positionering*/
	position:relative;
	
	/*overflow*/
	overflow:hidden;
	
	/*afronden kanten*/
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	
	}
	#facebook{
	background-image:url(../images/facebook.png);
	width:97px;
	height:73px;
	
	position:absolute;
	left:65px;
	top:95px;
	
	cursor:pointer;
	
	}
	#facebookfan{
	/*background-image: url(../images/transparant.png);*/
	background-color:#FFF;
	width:300px;
	
	/*afronden kanten*/
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	
	position:relative;
	left:160px;
	
	top:260px;
	
	}
	#facebookclose{
		position:absolute;
		left:275px;
		top:12px;
		z-index:99999;
	}
	#twitter{
	background-image: url(../images/twitter.png);
	width:48px;
	height:42px;
	
	position:absolute;
	left:105px;
	top:58px;
	
	}
	#twitterbol1{
	background-image: url(../images/bolletje.png);
	width:15px;
	height:12px;
	
	position:absolute;
	left:142px;
	top:55px;
	
	display:none;
	}
	#twitterbol2{
	background-image: url(../images/bolletje2.png);
	width:9px;
	height:12px;
	
	position:absolute;
	left:156px;
	top:43px;
	
	display:none;
	
	}
	#twitterfeed{
	width:172px;
	padding:5px;
	background-image:url(../images/transparant.png);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
	position:absolute;
	left:165px;
	top:5px;
	
	display:none;
	
	text-align:left;
	
	}
	/* NIET NODIG?
	#twittericoon{
		float:left;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		padding:5px;
	}
	#twittericoon img{
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		width:25px;
		height:25px;
		border:#0CF 3px solid;
	}
	#twitternaam{
		float:right;
		margin-top:5px;
		background-color:#0CF;
		color:#FFF;
		
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		padding:2px;
	
	}
	#twitterdatum{
	color:#0CF;
	font-size:10px;
	}
	#twitterlogo{
		border-top:#000 1px dotted;
		height:10px;
		width:145px;
		padding:2px;
		margin-left:auto;
		margin-right:auto;
		
	}*/
	
	
	#nieuwsbrief{
	width:220px;
	
	
	/*positioning*/
	position:absolute;
	right:200px;
	top:0px;
	
	
	/*afronden kanten*/
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;


	
	}
	#inschrijven{
	display:none;
	}
	#slidenieuws{
	/*basis*/
	width:180px;
	background-image:url(../images/transparant.png);
	margin-left:auto;
	margin-right:auto;
	
	/*afronden kanten*/
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	
	/*tekst*/
	font-family: "Comic Sans MS", cursive;
	font-size:12px;
	
	/*cursor*/
	cursor:pointer;
	
	}
	#logo{
	/*positionering*/
	position:absolute;
	right:10px;
	top:10px;
	}
	#radio{
		background-image:url(../images/radio.png);
		height:86px;
		width:89px;
	
		position:absolute;
		right:120px;
		top:178px;
	}
	#radiobijschrift{
		background-image: url(../images/transparant.png);
		width:200px;
	
		position:absolute;
		right:163px;
		top:135px;
		
		padding:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		
		display:none;
	}
	#radiobol1{
	background-image: url(../images/bolletje.png);
	width:15px;
	height:12px;
	
	position:absolute;
	right:137px;
	top:175px;
	
	display:none;
	}
	#radiobol2{
	background-image: url(../images/bolletje.png);
	width:15px;
	height:12px;
	
	position:absolute;
	right:147px;
	top:162px;
	
	display:none;
	}
	#radiotitel{
		background-color:#000;
		color:#FFF;
		text-align:center;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		padding:2px;
	}
	
	/*END BANNER OPMAAK*/
	
	/*MENU OPMAAK*/
	#menu{
	background-image:url(../images/parkconcerten_02.png);
	width:900px;
	height:41px;
	color:#FFF;
	font-family: Verdana, Geneva, sans-serif; 
	}
	#menu ul
	{
	list-style: none;
	
	margin: 0;
	}
	#menu li
	{
	float: left;
	cursor:pointer;
	margin-left:25px;
	}
	/*END MENU OPMAAK*/
	
#oevertop{
	background-image:url(../images/parkconcerten_03.png);
	width:900px;
	height:31px;
}
#content{
	width:900px;
	color: #B7DD32;	
	overflow:hidden;
	background-image:url(../images/parkconcerten_04.png);
	position:relative;
}
#oeveronder{
	background-image:url(../images/parkconcerten_05.png);
	width:900px;
	height:55px;
	position:relative;
}
#sponsorwrapper{
	background-color:#000;
	background-image:url(../images/parkconcerten_06.png);
	width:900px;
}
#sponserslijstje{
	overflow:hidden; 
	margin-left:auto;
	margin-right:auto;
	
	color:#FFF;
	font-size:14px;
	padding:5px;
	font-family: Verdana, Geneva, sans-serif; 
}
#sponserslijstje ul li{
	width:140px;
	text-align:center;
	cursor:pointer;
	height:40px;
	/*background:url(../images/transparant.png) repeat;*/
	background:#fff;
	margin:5px;
	padding:0 5px;
	color:#000;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:none;
	
}
#sponserslijstje ul li a img{
	max-width:140px;
	max-height:40px;
	border:none;
}

#onderschrift{
	background-image:url(../images/parkconcerten_07.png);
	background-color:#000;
	width:900px;
	height:38px;
	
	/*afronden kanten*/
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;

}
/*END STANDAARD OPMAAK*/

/*INHOUD*/
#slider{
	width:10000px;
	color: #B7DD32;
	background-image: url(../images/parkconcerten_04.png);
	
	position:relative;
	
}
.top{
	width:850px;
	height:83px;
	margin-left:10px; /*moet veranderd worden bij vergroting*/
	position:relative;
	
}
.onder{
	width:802px;
	background-color:#000;
	margin-left:33px;
	margin-right:45px;
	
	color:#B7DD32;
	padding:5px;
	min-height:350px;
	
	/*afronden kanten*/
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;

    border:5px solid #B7DD32;
	border-top:none;

	/*om de ondertitel op de juiste plaats te zetten*/
	position:relative;
	
}
.slideinhoud{
	float:left;
}
/*END INHOUD*/


/*FORMS*/

/*FORM NIEUWSBRIEF*/
.formnieuwsbrief{
	background-image:url(../images/transparant.png);
	padding:5px;
	
	/*afronden kanten*/
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;

}

.formnieuwsbrief fieldset{
	border:0;
}
.formnieuwsbrief .text{
	margin-left:auto;
	margin-right:auto;
	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
	 font-family: "Comic Sans MS", cursive;
	 margin-top:2px;
}
.formnieuwsbrief .button{
	 float:right;
	 margin-right:8px;
	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
	 font-family: "Comic Sans MS", cursive;
	 display:block;
	 width:150px;
	 margin-top:5px;
	 background-image:url(../images/transparant.png);
	
}

.formnieuwsbrief label{
	font-family: "Comic Sans MS", cursive;
	font-size:12px;
	
	
	width: 4em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block
}
/*END FORM NIEUWSBRIEF*/
/*FORM CONTACT*/
.formcontact{
	padding:5px;
	
	/*afronden kanten*/
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;

}

.formcontact fieldset{
	border:0;
}
.formcontact textarea{
	border:2px #999 solid;
	margin-left:0px;
	margin-right:auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top:2px;
	display:block;
	width:260px;
	min-height:125px;
	
}
.formcontact .text{
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top:2px;
	margin-left:20px;
}
.formcontact .button{
	 float:left;
	 margin-right:8px;
	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
	 display:block;
	 width:150px;
	 margin-top:5px;
	 background-image:url(../images/transparant.png);
	
}

.formcontact label{
	width: 4em;
	float: left;
	text-align:left;
	margin-right: 0.5em;
	margin-top:0.3em;
	display: block
}
/*END FORM CONTACT*/

/*END FORMS*/

/*CSS APARTE PAGINA'S*/
	/*HOME*/
	.homeinfo{
		width:270px;
		text-align:left;
	}
	.video{
		width:400px;
		background-color:#000;
		padding:5px;
		border: 4px solid #B7DD32;
		min-height:200px;
		
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	.teaser{
		margin-left:25px;
	}
	.highlight{
		/*background-color: #B7DD32;*/
		/*color:#FFF;*/
		padding:2px;
		text-decoration:underline;
	}
	.hometitelpositie{
		margin-left:10px;
		line-height:80%;
	}
	
	.sfeertitelpositie{
		margin-left:340px;
		line-height:80%

	}
	.homeonderschrift{
		background-color:#B7DD32;
		width:80px;
		padding:2px;
		text-align:center;
	}
	#registreerhome{
		cursor:pointer;
	}
	#registreerhome:hover{
		background-color:#3D72A4;
	}
	#loginhome{
		cursor:pointer;
	}
	#loginhome:hover{
		background-color:#3D72A4;
	}
	/*END HOME*/
	/*GROEPEN*/
	.groepsfoto img{
		border:4px solid #B7DD32; 
		-moz-border-radius: 5px;
	 	-webkit-border-radius: 5px;
	}
	.groepinfo{
		width:370px;
		margin-left:25px;
	
	}
	.groepenlijst{
		padding:5px;
	}
	.groepenlijst ul
	{
	list-style: none;
	
	margin: 0px;
	padding:0px;
	
	}
	.groepenlijst li
	{
	float: left;
	cursor:pointer;
	margin-left:5px;
	
	}
	.groepsnaam{
		position:absolute;
		left: 45px;
		top: 60px;
	
	}
	.hoofdacts{
		font-size:14px;
		font-weight:bold;
	}
	.voorprogrammas{
	}
	.jaargroep{
		position:relative;
	}
	.groeppositie{
		margin-left:15px;
		line-height:80%
	}
	.groeponderschrift{
		background-color:#B7DD32;
		padding:2px;
		text-align:center;
		width:80px;
	}
	/*END GROEPEN*/
	/*CONTACT*/
	#map{
		width:345px;
		height:195px;
		border:2px #999 solid;
		-moz-border-radius: 5px;
	 	-webkit-border-radius: 5px;
		margin-left:auto;
		margin-right:auto;
	}
	.contactformulier{
		width:280px;	
	}
	.route{
		width:350px;
		padding:5px;
	}
	.routeonderschrift{
		text-align:center;
		color:#000;
		background-color:#B7DD32;
		padding:2px;
	}
	.routeonderschrift a{
		text-decoration:underline;
		
	}
	.gegevens{
		width:350px;
	}
	.succesverzonden{
		font-style:italic;
	}
	.adrestitelpositie{
		margin-left:10px;
		line-height:80%;
	}
	.routetitelpositie{
		margin-left:10px;
		line-height:80%;
	}
	.contacttitelpositie{
		margin-left:10px;
		line-height:80%;
	}
	#verzendcontact{
		cursor:pointer;
	}
	#verzendcontact:hover{
		background-color:#3D72A4;
	}
	#verzendroute{
		cursor:pointer;
	}
	#verzendroute:hover{
		background-color:#3D72A4;
	}
	#verzendemail{
		cursor:pointer;
	}
	#verzendemail:hover{
		background-color:#3D72A4;
	}
	#verzendmeerinfo{
		cursor:pointer;
	}
	#verzendmeerinfo:hover{
		background-color:#3D72A4;
	}
	/*END CONTACT*/
	/*FOTO*/
	.fotolijst{
		width:350px;
	}
	.fotolijst ul
	{
	margin: 0px;
	padding:0px;
	list-style:none;
	}
	.fotolijst li
	{
	float: left;
	cursor:pointer;
	margin-left:5px;
	margin-right:5px;
	
	}
	.fotocenter{
		margin-left:auto;
		margin-right:auto;
		/*width:320px;*/
	}
	.fotocenter img{
		-moz-border-radius: 5px;
	 	-webkit-border-radius: 5px;
		border:2px solid #000;
	}
	.containerfoto{
		width:340px;
	}
	.reageer{
		cursor:pointer;
	}
	.reageer:hover{
		background-color:#3D72A4;
	}
	/*END FOTO*/
	/*PROGRAMMA*/
	.kalender{
		background-image:url(../images/kalender.png);
		background-repeat:no-repeat;
		height:75px;
		width:60px;
		position:relative;
	}
	.datumkalender{
		font-size:34px;
		position:absolute;
		top:10px;
		left:10px;
	}
	.ticket{
		background-image: url(../images/ticket.png);
		background-repeat:no-repeat;
		width:300px;
		height:75px;
		margin-left:25px;
		position:relative;
	}
	.voorpro{
		position:absolute;
		left:85px;
		top:10px;
		font-size:24px;
	}
	.hoofdpro{
		position:absolute;
		left:85px;
		top:10px;
		font-size:24px;
	}
	/*END PROGRAMMA*/
	
	
/*END CSS APARTE PAGINA'S*/

#sponserslijstje ul li span a{
	margin-top:13px;
	color:#000;
	display:block;
	border:none;
}
#sponserslijstje ul li span a:hover{
	color:#B7DD32;
	border:none;
}

#hoofding_affiche{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;

}
#inhoud_affiche{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;

}

/*CSS PROGRAMMA FONTS*/
.groepen_affiche .voorgroep{
    font-size:16px;
    color:#b7dd32;
    display:block;
}
.groepen_affiche .hoofdgroep{
    font-size:20px;
    color:#FFFFFF;
    display:block;
}
.groepen_affiche .extragroep{
    font-size:16px;
    color:#c7c7c5;
    display:block;
}
.uur_affiche .vooruur{
    font-size:16px;
    color:#b7dd32;
    display:block;
}
.uur_affiche .hoofduur{
    font-size:20px;
    color:#FFFFFF;
    display:block;
}
.uur_affiche .extrauur{
    font-size:16px;
    color:#c7c7c5;
    display:block;
}
.tekstsfeer{
    bottom: -70px;
    color: #FFFFFF;
    font-size: 14px;
    left: 23px;
    position: absolute;
}
#hometeaser{
    position:relative;
}