body {background-color:#FFF;}	


p    {	font-family:Tahoma;
		font-size:12px;
		color:#000;}

h3  {	font-family:Tahoma;
		font-size:15px;
		color:#000;}
		
h2  {	font-family:Tahoma;
		font-size:16px;
		color:#000;}
		
h1  {	font-family:Tahoma;
		font-size:18px;
		font-weight:bold;
		color:#000;}
		
a {color:black;}
		
a:active, a:focus {outline: 0;}

ul {            position:relative; 
				list-style:none;
				display:block;
				height:280px; 
				width:400px;
				margin:0px;
				padding:0px;}
												

		ul li { z-index:100;
				float:left;
				margin:0px;}
				
		ul li p {font-family:Tahoma;
					margin:0px;}




		
#containerhome {	display:block;
					margin-left:auto;
					margin-right:auto;
					margin-top:0px;
					width:795px;
					height:600px;
					background-image:url(afbeeldingen/homepagetest3.png);
					border:solid 0px;
					border-color:#FFF;
					position:relative;
					z-index:40;}
				
#containerbiografie {	display:block;
						margin-left:auto;
						margin-right:auto;
						margin-top:0px;
						width:795px;
						height:600px;
						background-image:url(afbeeldingen/biografieachtergrond.jpg);
						border:solid 0px;
						border-color:#FFF;
						position:relative;
						z-index:40;}
						
#containerwinkel {	display:block;
						margin-left:auto;
						margin-right:auto;
						margin-top:0px;
						width:795px;
						height:600px;
						background-image:url(afbeeldingen/winkelachtergrond.jpg);
						border:solid 0px;
						border-color:#FFF;
						position:relative;
						z-index:40;}

#muziek {
	positon:relative;
	margin-top: 30px;}

			

				
/*rechtermenu*/

ul#rechtermenu {position:relative; 
				margin-top:170px; 
				list-style:none;
				display:block;
				height:400px; 
				width:72px;
				float:right;}													

		ul#rechtermenu li { z-index:100;}

		ul#rechtermenu li a {	text-indent:-1000px; 
								position:relative;
								overflow:hidden;
								display: block; 
								background-repeat:no-repeat; 
								background-position:0px 0px; 
								z-index:100;}



											ul#rechtermenu li.sponsor {margin-left: -15px;}
											ul#rechtermenu li.flyerzone a { background-image:url('afbeeldingen/flyerzone.png'); margin-left: -15px;   margin-top:5px; height:80px; width:70px;  }
											ul#rechtermenu li.flyerzonetekst a {margin-left: -3px; z-index:110; text-indent:110px; display:inline; }
											ul#rechtermenu li.mailinglist a { background-image:url('afbeeldingen/mailinglist2.png'); margin-left: -33px;  margin-top:25px; height:65px; width:106px;  }
											ul#rechtermenu li.bbqtouricoon a { background-image:url('afbeeldingen/bbqtouricoon.png'); margin-left: -40px; margin-top:20px; height:140px; width:110px;  }
											
											ul#rechtermenu li.flyerzone a:hover {background-position: -67px 0!important;}
											ul#rechtermenu li.mailinglist a:hover {background-position: -106px 0!important;}		
											ul#rechtermenu li.bbqtouricoon  a:hover {background-position: -120px 0!important;}											
											/*einde rechtermenu*/
	
											
/*menu*/			
ul#menu {position:relative; 
		margin-top:170px; 
		list-style:none;
		display:block;
		height:400px; 
		width:119px;
		float:left;}													

		ul#menu li { z-index:100;}

		ul#menu li a {	text-indent:-1000px; 
						position:relative;
						overflow:hidden;
						display: block; 
						background-repeat:no-repeat; 
						background-position:0px 0px; 
						z-index:100;}




											ul#menu li.home a { background-image:url('afbeeldingen/home.png'); margin-left:40px; margin-top:10px; height:80px; width:100px;  }
											ul#menu li.biografie a { background-image:url('afbeeldingen/biografie.png'); margin-left:0px; margin-top:28px; height:80px; width:140px;}
											ul#menu li.muziek a { background-image:url('afbeeldingen/muziek.png'); margin-left:0px; margin-top:22px; height:80px; width:140px;}
											ul#menu li.winkel a { background-image:url('afbeeldingen/winkel.png'); margin-left:0px;  margin-top:40px; height:80px; width:140px; }
											ul#menu li.agenda a { background-image:url('afbeeldingen/agenda.png'); margin-left:0px;  margin-top:25px; height:80px; width:120px; }
											
											ul#menu li.home a:hover{ background-image:url('afbeeldingen/homeh.png');}
											ul#menu li.biografie a:hover { background-image:url('afbeeldingen/biografieh.png'); }
											ul#menu li.muziek a:hover { background-image:url('afbeeldingen/muziekh.png'); }
											ul#menu li.winkel a:hover { background-image:url('afbeeldingen/winkelh.png');  }											
											ul#menu li.agenda a:hover{ background-image:url('afbeeldingen/agendah.png'); }
											/*einde menu*/
/* teksten */ 										
#hometekst {position:absolute; 
			margin-top:170px;
			margin-left:180px;
			*margin-left:20px;
			list-style:none;
			display:block;
			height:400px; 
			width:460px;}
			
#hometekst a:hover {color: #03b2cc;}

#agendatekst {position:absolute; 
			margin-top:170px;
			margin-left:180px;
			*margin-left:20px;
			list-style:none;
			display:block;
			height:400px; 
			width:520px;}
			
#agendatekst a:hover {color: #03b2cc;}

#barbecue {	margin-top:30px;
			position:relative;
			width:180px;
			height:230px;
			background-image:url(afbeeldingen/barbecue.jpg);
			float:right; }
			
			
#biografietekst {position:absolute; 
				margin-top:170px;
				margin-left:180px;
				*margin-left:20px;
				list-style:none;
				display:block;
				height:400px; 
				width:600px;}
			
#biografietekst a:hover {color:#03b2cc;}
/* einde teksten */ 

/*content winkel*/
#content	 {position:absolute; 
				margin-top:170px;
				margin-left:180px;
				*margin-left:20px;
				list-style:none;
				display:block;
				height:400px; 
				width:600px;}
/* einde content winkel*/

/*knoppen winkel*/

td.tekst1 {font-family:Tahoma;
			font-size:12px;}

.knoppen {	padding-top: 30px;
			width:360px;}

.formtekst1 {
	float:left;
}

.formtekst2 {
	float:right;
	margin-right:35px;
}

/*begin onderbalk*/

#onderbalk { 	width:800px;
				height:24px;
				margin-right:auto;
				margin-left:auto;
				padding-bottom:10px;
				border-top:1px solid;
			    border-color: #DCDCDC;
				}
				
/*begin contact*/

#contact {	width: 400px;
			float:left;
			height:24px;
			position:relative;
			display:block;
			}
			
#contact p {color:#DCDCDC;
			width: 400px;
			float:left;}

#contact a:hover {color: #03b2cc;}

/*einde contact*/

/*begin social media */

ul#socialmedia {position:relative; 
				list-style:none;
				display:inline;
				height:24px; 
				width:180px;
				float:right;
				margin-top:5px;}
												

		ul#socialmedia li { z-index:100;
							float:right;}

		ul#socialmedia li a {	text-indent:-1000px; 
								position:relative;
								overflow:hidden;
								display: block; 
								background-repeat:no-repeat; 
								background-position:0px 0px; 
								z-index:100;
								margin-right:5px;}

											ul#socialmedia li.twitter a { background-image:url('afbeeldingen/twitter.png');    height:24px; width:24px;  }
											ul#socialmedia li.hyves a { background-image:url('afbeeldingen/hyves.png'); height:24px; width:24px; }
											ul#socialmedia li.facebook a { background-image:url('afbeeldingen/facebook.png'); height:24px; width:24px; }
											ul#socialmedia li.youtube a { background-image:url('afbeeldingen/youtube.png'); height:24px; width:24px;  }
											ul#socialmedia li.vimeo a { background-image:url('afbeeldingen/vimeo.png'); height:24px; width:24px;  }
											ul#socialmedia li.myspace a { background-image:url('afbeeldingen/myspace.png'); height:24px; width:24px;  }
											
											ul#socialmedia li.twitter a:hover{ background-image:url('afbeeldingen/twitterh.png');}
											ul#socialmedia li.hyves a:hover { background-image:url('afbeeldingen/hyvesh.png'); }
											ul#socialmedia li.facebook a:hover { background-image:url('afbeeldingen/facebookh.png'); }
											ul#socialmedia li.youtube a:hover { background-image:url('afbeeldingen/youtubeh.png');  }											
											ul#socialmedia li.vimeo a:hover{ background-image:url('afbeeldingen/vimeoh.png'); }
											ul#socialmedia li.myspace a:hover {background-position: -26px 0!important;}

/* einde social media */

/* agenda */
#agenda li {margin-top:5px;}



/* einde onderbalk */