/* CSS Document */

body{
	text-align: center;
	background-color: #FEDF67;
	background-image: url(http://www.promillikantjes.nl/mediabase/afbeeldingen/achtergrond.jpg);
	overflow: auto;
	
}

#main{
	width: 952px;
	margin: 0 auto;
	text-align: left;
	background-color: #FFF3B3;
	height: 702px;
	
}


	.tekstvakindex{
	float:right;
	left: 25%;
	color: #561f73;
	border: thick solid #FFF3B3;
	width: 430px;
	height: 500px;
	background-color: #f9db00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
	
	
	
}


	
	
	
	
}

	.tekstvakindexfist{
	float:right;
	left: 25%;
	color: #561f73;
	border: solid #561f73;
	width: 335px;
	height: 390px;
	background-color: #f9db00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
	
	
	
}


.tekstvakscroll{
	float:right;
	left: 25%;
	color: #561f73;
	border: solid #FFF3B3;
	width: 430px;
	height: 500px;
	background-color: #f9db00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	overflow-Y: scroll;
	
	
	
}

.vakafbeeldinglinks{
	float:left;
	left: 25%;
	border: thick solid #FFF3B3;
	width: 120px;
	height: 500px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	
	
}

.vakafbeeldinglinksfist{
	float:left;
	left: 25%;
	border: solid #561f73;
	width: 339px;
	height: 390px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	
	
}

.vakafbeeldingrechts{
	float:right;
	right: 25%;
	border: thick solid #FFF3B3;
	width: 360px;
	height: 500px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	
	
}

.vakafbeeldingrechtsfist{
	float:right;
	right: 25%;
	border:  solid #561f73;
	width: 250px;
	height: 390px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	
	
}
	
	
.tekstvakagenda{
	float:right;
	left: 25%;
	color: #561f73;
	border: thick solid #FFF3B3;
	width: 942px;
	height: 500px;
	background-color: #f9db00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
	
	
	
}

.tekstvakmm{
	float:right;
	left: 25%;
	color: #FFFFFF;
	border: thick solid #FFF3B3;
	width: 942px;
	height: 500px;
	background-color: #FF8C1A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
	
	
	
}

.tekstvakfp{
	float:right;
	left: 25%;
	color: #561f73;
	border: thick solid #FFF3B3;
	width: 942px;
	height: 600px;
	background-color: #f9db00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-repeat: repeat;
	
	
	
}

.tekstvakinschrijf{
	float:right;
	left: 25%;
	color: #561f73;
	border: thick solid #FFF3B3;
	width: 942px;
	height: 2250px;
	background-color: #f9db00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
	
	
	
}

.tekstvakmuziek{
	float:right;
	left: 25%;
	color: #561f73;
	border: thick solid #FFF3B3;
	width: 942px;
	height: 500px;
	background-color: #f9db00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
		overflow-Y: scroll;
	
}

.tekstvaksmoelenboek{
	float:right;
	left: 25%;
	color: #561f73;
	border: thick solid #FFF3B3;
	width: 942px;
	height: 480px;
	background-color: #f9db00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	overflow-Y: scroll;
	font-size: 11px;
}

	.tekstvaksponsors{
	float:right;
	left: 25%;
	color: #561f73;
	border: thick solid #FFF3B3;
	width: 942px;
	height: 500px;
	background-color: #f9db00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	overflow-Y: scroll;
	
	

}
	
	
	

#menu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	
	
}
#menu li{
	display: inline;
	
}

/* Opmaak van de hyperlinks */
/* Opmaak van de hyperlinks */
#menu li a{
	font-family:  Verdana, Arial, sans-serif;
	text-decoration:none;
	padding: 0.2em 0.2em 0.2em 0.2em;
	border-left: 1px solid #FFFFFF;
	border-right: 5px solid #FFFFFF;
	border-bottom: 1px solid #fff;
	font-size: 11px;
	color: #f9db00;
	background-color: #561f73;
	
	
	
	
}

#menu li a:hover{
	background-color: #f9db00;
	color: #561f73;
	border-right: 5px solid #561f73; /* nu wordt de border zichtbaar */
	border-bottom: 1px solid #000;
}

#menu ul li a.selected{
	font-family:  Verdana, Arial, sans-serif;
	text-decoration:none;
	padding: 0.2em 0.2em 0.2em 0.2em;
	border-left: 1px solid #FFFFFF;
	border-right: 5px solid #FFFFFF;
	border-bottom: 1px solid #fff;
	font-size: 11px;
	color: #FF0000;
	background-color: #561f73;
}

/* Opmaak smoelenboek */

#container{
float: left;
border: 1px solid #561f73;
width: 890px;
margin: 30px 0 5px 5px;
padding: 2px;
}

/* ie begrijpt de combinatie van margins en floating elements niet dus bij deze de hack: */
* html #container{
margin: 25px 0 5px 50px;
}

#container a:link, #container a:visited{
display: block;
float: left;
width: 64px;
height: 64px;
margin: 1px 4px;
border: 1px solid #CCCCCC;
}

#container a:hover, #container a:active{
display: block;
float: left;
width: 64px;
height: 64px;
margin: 1px 4px;
border: 1px solid #FF0000;
}

/* dit heeft ie nodig anders geeft hij een bottom-pading (??!!??) aan het omsluitende a element */
#container img{
float: left;
} 

dl{
	
	width: 780px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f9db00;
	margin: 10px 0 0 10px;
	padding: 0;
	clear: left;
	background-color: #f9db00;
	text-align: left;
}

dt{
	border: solid #FCC8C8;
	border-width: 1px 1px 0 1px;
	padding: 10px 10px 0;
	background: #561f73;
	margin-top: 30px;
}

dd{
	margin: 0 0 20px 0;
	padding: 0 10px 10px 10px;
	border: solid #FCC8C8;
	border-width: 0 1px 1px 1px;
	background: #561f73;
	text-align: left;
}

dt span{
	left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	font-size: 160%;
	font-weight: bold;
	color: #f9db00;
	bottom: 120px;
	
	
	
}

dt img{
border: 1px solid #f9db00;
} 


/* Opmaak beeld/geluid/pers */

#container1{
float: left;
border: 1px solid #561f73;
width: 900px;
margin: 15px 0 5px 5px;
padding: 2px;
}

/* ie begrijpt de combinatie van margins en floating elements niet dus bij deze de hack: */
* html #container1{
	margin: 25px 0 5px 50px;
	
}

#container1 a:link, #container1 a:visited{
display: block;
float: left;
width: 800px;
height: 80px;
margin: 1px 4px;
border: 1px solid #CCCCCC;
}

#container1 a:hover, #container1 a:active{
display: block;
float: left;
width: 800px;
height: 80px;
margin: 1px 4px;
border: 1px solid #561f73;
}

/* dit heeft ie nodig anders geeft hij een bottom-pading (??!!??) aan het omsluitende a element */
#container1 img{
float: left;
} 

/* Opmaak webshop */

#container2{
float: left;
border: 1px solid #561f73;
width: 900px;
margin: 15px 0 5px 5px;
padding: 2px;
}

/* ie begrijpt de combinatie van margins en floating elements niet dus bij deze de hack: */
* html #container2{
	margin: 25px 0 5px 50px;
	
}

#container2 a:link, #container2 a:visited{
display: block;
float: left;
width: 880px;
height: 110px;
margin: 1px 4px;
border: 1px solid #CCCCCC;
}

#container2 a:hover, #container2 a:active{
display: block;
float: left;
width: 880px;
height: 110px;
margin: 1px 4px;
border: 1px solid #561f73;
}

/* dit heeft ie nodig anders geeft hij een bottom-pading (??!!??) aan het omsluitende a element */
#container2 img{
float: left;
} 

/* Opmaak links */

#containerlinks{
	float: left;
	border: 1px solid #561f73;
	width: 900px;
	margin: 15px 0 5px 5px;
	padding: 2px;
	
}

/* ie begrijpt de combinatie van margins en floating elements niet dus bij deze de hack: */
* html #containerlinks{
margin: 25px 0 5px 50px;
}

#containerlinks a:link, #containerlinks a:visited{
display: block;
float: left;
width: 100px;
height: 80px;
margin: 1px 4px;
border: 1px solid #CCCCCC;
}

#containerlinks a:hover, #containerlinks a:active{
display: block;
float: left;
width: 100px;
height: 80px;
margin: 1px 4px;
border: 1px solid #FF0000;
}

.tekstvaklinks{
	float:right;
	left: 25%;
	color: #561f73;
	border: thick solid #FFF3B3;
	width: 942px;
	height: 480px;
	background-color: #f9db00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
	
}

/* Opmaak sponsors */

#containersponsors{
	float: left;
	border: 1px solid #561f73;
	width: 900px;
	margin: 15px 0 5px 5px;
	padding: 2px;
	
}

/* ie begrijpt de combinatie van margins en floating elements niet dus bij deze de hack: */
* html #containersponsors{
margin: 25px 0 5px 50px;
}

#containersponsors a{
display: block;
float: left;
width: 100px;
height: 100px;
margin: 1px 4px;
border: 1px solid #CCCCCC;
}


#containersponsors a:link, #containersponsors a:visited{
display: block;
float: left;
width: 100px;
height: 100px;
margin: 1px 4px;
border: 1px solid #CCCCCC;
}

#containersponsors a:hover, #containersponsors a:active{
display: block;
float: left;
width: 100px;
height: 100px;
margin: 1px 4px;
border: 1px solid #FF0000;
}



/* Opmaak vrienden */

#containervrienden{
	float: left;
	border: 1px solid #561f73;
	width: 900px;
	margin: 15px 0 5px 5px;
	padding: 2px;
	
	
}

/* ie begrijpt de combinatie van margins en floating elements niet dus bij deze de hack: */
* html #containervrienden{
margin: 25px 0 5px 50px;
}

#containervrienden a{
display: block;
float: left;
width: 140px;
height: 80px;
margin: 1px 4px;
border: 1px solid #CCCCCC;
}


#containervrienden a:link, #containervrienden a:visited{
display: block;
float: left;
width: 140px;
height: 80px;
margin: 1px 4px;
border: 1px solid #CCCCCC;
}

#containervrienden a:hover, #containervrienden a:active{
display: block;
float: left;
width: 140px;
height: 80px;
margin: 1px 4px;
border: 1px solid #FF0000;
}
	
	
	

/* Opmaak webshop */

#container3{
float: left;
border: 1px solid #561f73;
width: 900px;
margin: 15px 0 5px 5px;
padding: 2px;
}

/* ie begrijpt de combinatie van margins en floating elements niet dus bij deze de hack: */
* html #container3{
	margin: 25px 0 5px 50px;
	
}

#container3 a:link, #container3 a:visited{
display: block;
float: left;
width: 880px;
height: 30px;
margin: 1px 4px;
border: 1px solid #CCCCCC;
}

#container3 a:hover, #container3 a:active{
display: block;
float: left;
width: 880px;
height: 30px;
margin: 1px 4px;
border: 1px solid #561f73;
}

/* dit heeft ie nodig anders geeft hij een bottom-pading (??!!??) aan het omsluitende a element */
#container3 img{
float: left;
}