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 img {border:none;}
		
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;}
					
/*bovenbalk */

#bovenbalk { 	width:800px;
				height:24px;
				margin-right:auto;
				margin-left:auto;
				margin-top:138px;
				border-bottom:1px solid;
				border-top:1px solid;
			    border-color: #DCDCDC;
				position:absolute;
				padding-bottom:10px;
				}
				
/*begin itunes*/

ul#left {		position:relative; 
				list-style:none;
				display:inline;
				height:24px; 
				width:300px;
				float:left;
				}
												

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

		ul#left 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;
								margin-top:5px;
								}


ul#left li.itunes a { background-image:url('afbeeldingen/itunes.png'); height:24px; width:140px;}
ul#left li.bbqtour a { background-image:url('afbeeldingen/bbqtouricon.png'); margin-left:40px; height:24px; width:100px;}

ul#left li.itunes a:hover{ background-position: -145px 0!important;}
ul#left li.bbqtour a:hover{ background-position: -95px 0!important;}

ul#button { 
			position: absolute; }

ul#button li { 		z-index:100;
					float:left;
					margin-left:25px;
							}
							
ul#button 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;
								margin-top:5px;
								}

ul#button li.rodebutton a { background-image:url('afbeeldingen/IO_button.png'); height:200px; width:200px; margin-top:-10px;}
ul#button li.rodebutton a:hover { background-position: -195px 0!important;}


/* einde iTunes */
				
/*begin social media */

ul#socialmedia {position:relative; 
				list-style:none;
				display:inline;
				height:24px; 
				width:500px;
				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.mailinglist a { background-image:url('afbeeldingen/mailinglistbutton.png'); height:35px; width:117px; margin-top:-9px;  }
											ul#socialmedia li.itunes a { background-image:url('afbeeldingen/itunes.png'); height:24px; width:140px;}
											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.spotify a { background-image:url('afbeeldingen/icon_spotify.png'); height:24px; width:24px;  }
											ul#socialmedia li.labtones a { background-image:url('afbeeldingen/icon_labtones.png'); height:24px; width:24px;  }
											ul#socialmedia li.ot a { background-image:url('afbeeldingen/icon_ongekendtalent.png'); height:24px; width:53px; }
											ul#socialmedia li.bandcamp a { background-image:url('afbeeldingen/icon_bandcamp.png'); height:24px; width:39px;  }
											
											
											
											ul#socialmedia li.itunes a:hover{ background-position: -145px 0!important;}
											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.spotify a:hover{ background-position: -32px 0!important; }
											ul#socialmedia li.labtones a:hover {background-position: -30px 0!important;}
											ul#socialmedia li.ot a:hover { background-position: -56px 0!important; }
											ul#socialmedia li.bandcamp a:hover { background-position: -41px 0!important;  }	
											ul#socialmedia li.mailinglist a:hover {background-position: -119px 0!important;}										
											

/* einde social media */
				

				
/* einde bovenbalk */

/*containers*/
		
#containerhome {	display:block;
					margin-left:auto;
					margin-right:auto;
					margin-top:0px;
					width:795px;
					height:730px;
					*height:760px;
					background-image:url(afbeeldingen/homepagetest7.png); 
					background-repeat:no-repeat;
					border:solid 0px;
					border-color:#FFF;
					position:relative;
					z-index:40;}
					
#containerhomekerst {	display:block;
					margin-left:auto;
					margin-right:auto;
					margin-top:0px;
					width:800px;
					height:620px;
					*height:740px;
					background-image:url(afbeeldingen/homepagetest3.png); 
					background-repeat:no-repeat;
					border:solid 0px;
					border-color:#000;
					position:relative;
					z-index:40;}
					
#containernieuws {		display:block;
						margin-left:auto;
						margin-right:auto;
						margin-top:0px;
						width:795px;
						height:800px;
						*height:860px;
						background-image:url(afbeeldingen/homepagetest5.png);
						background-repeat:no-repeat;
						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:730px;
						*height:760px;
						background-image:url(afbeeldingen/homepagetest4.png);
						background-repeat:no-repeat;
						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:645px;
						*height:650px;
						background-image:url(afbeeldingen/homepagetest5.png);
						background-repeat:no-repeat;
						border:solid 0px;
						border-color:#FFF;
						position:relative;
						z-index:40;}
						
						
#containerwinkelnieuw {	display:block;
						margin-left:auto;
						margin-right:auto;
						margin-top:0px;
						width:795px;
						height:1200px;
						*height:650px;
						background-image:url(afbeeldingen/homepagetest5.png);
						background-repeat:no-repeat;
						border:solid 0px;
						border-color:#FFF;
						position:relative;
						z-index:40;}
						
						
						
#containervideos {		display:block;
						margin-left:auto;
						margin-right:auto;
						margin-top:0px;
						width:795px;
						height:760px;
						*height:790px;
						background-image:url(afbeeldingen/homepagetest4.png);
						background-repeat:no-repeat;
						border:solid 0px;
						border-color:#FFF;
						position:relative;
						z-index:40;}
						
#containeragenda {	display:block;
						margin-left:auto;
						margin-right:auto;
						margin-top:0px;
						width:895px;
						height:920px;
						*height:930px;
						background-image:url(afbeeldingen/homepagetest5.png);
						background-repeat:no-repeat;
						border:solid 0px;
						border-color:#FFF;
						position:relative;
						z-index:40;}

/*einde containers*/

#muziek {
	position:relative;
	margin-top:30px;
	height:110px;}
	
.videoclips {	margin-left:0px;
				margin-top: 10px;}

			

				
/*rechtermenu*/



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

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

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



											ul#rechtermenu li.twitterwid {margin-left:5px; margin-bottom:180px; height:200px;}
											
											#facebook {margin-left:5px; margin-top:10px;}
											
										/*	ul#rechtermenu li.spotify a { background-image:url('afbeeldingen/spotify.png'); margin-left: -35px; margin-top:20px; height:140px; width:110px;  }
											ul#rechtermenu li.youtubemovie { margin-left:-30px; margin-top:35px; height:80px; width:70px;}
											
											ul#rechtermenu li.flyerzone a:hover {background-position: -67px 0!important;}
												
											ul#rechtermenu li.spotify  a:hover {background-position: -120px 0!important;}	*/										
											
											
											
											/*einde rechtermenu*/
											
											
											
/*rechtermenunieuws*/

ul#rechtermenunieuws {position:relative; 
				margin-top:170px; 
				list-style:none;
				display:block;
				height:400px; 
				width:100px;
				margin-left:-20px;
				float:left;}													

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

		ul#rechtermenunieuws li a {	 
									position:relative;
									overflow:hidden;
									background-repeat:no-repeat; 
									background-position:0px 0px; 
									z-index:100;}


																					
											
											
											
											/*einde rechtermenunieuws*/
	
											
/*menu*/			
ul#menu {position:relative; 
		margin-top:185px; 
		list-style:none;
		display:block;
		height:400px; 
		width:162px;
		float:left;
		background-image:url(afbeeldingen/menuachtergrond.png);}													

		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/homemenu.png');  margin-left:30px; height:40px; width:90px;  }
											ul#menu li.nieuws a { background-image:url('afbeeldingen/nieuws.png'); margin-left: -15px;   margin-top:30px; height:40px; width:100px;  }
											ul#menu li.biografie a {background-image:url('afbeeldingen/biografie.png'); margin-left: 0px;  margin-top:20px; height:65px; width:142px;  }
											ul#menu li.fotos a { background-image:url('afbeeldingen/fotos.png'); margin-left: 75px; margin-top:-5px; height:65px; width:90px;  }
											ul#menu li.videos a { background-image:url('afbeeldingen/videos.png'); margin-left: 30px; margin-top:-10px; height:65px; width:90px;  }
											ul#menu li.winkel a { background-image:url('afbeeldingen/winkel.png'); margin-left: 0px;  margin-top:-8px; height:65px; width:90px;  }
											ul#menu li.agenda a { background-image:url('afbeeldingen/agenda.png'); margin-left: 10px; margin-top:-2px; height:65px; width:90px;  }
											
											ul#menu li.home a:hover {background-position: -90px 0!important;}
											ul#menu li.nieuws a:hover {background-position: -100px 0!important;}		
											ul#menu li.biografie  a:hover {background-position: -152px 0!important;}
											ul#menu li.fotos  a:hover {background-position: -100px 0!important;}
											ul#menu li.videos  a:hover {background-position: -90px 0!important;}	
											ul#menu li.winkel a:hover {background-position: -96px 0!important;}		
											ul#menu li.agenda  a:hover {background-position: -96px 0!important;}
											/*einde menu*/
/* teksten */ 										
#hometekst {position:absolute; 
			margin-top:185px;
			margin-left:180px;
			*margin-left:60px;
			list-style:none;
			display:block;
			height:600px; 
			width:410px;}
			
#hometekst a:hover {color: #03b2cc;}

#hometekst li p {font-family:Tahoma;
					margin-top:-10px;}

#hometekst img {width:410px;
					heigth:auto;}
					



#nieuwstekst {	position:absolute; 
				margin-top:185px;
				margin-left:180px;
				*margin-left:60px;
				list-style:none;
				display:block;
				height:600px; 
				width:410px;
				*height:700px;
				*width:430px;}
			
#nieuwstekst a:hover {color: #03b2cc;}



#fototekst {	position:absolute; 
				margin-top:185px;
				margin-left:180px;
				*margin-left:60px;
				list-style:none;
				display:block;
				height:600px; 
				width:600px;}}

/*fotoalbum*/
#galleria {margin-top:10px;}

/* einde fotoalbum */

/* videogallery */

#videogallery {margin-top:10px;
				width:300px;
				}

/* agenda */

#agendatekst {position:absolute; 
			margin-top:170px;
			margin-left:180px;
			*margin-left:60px;
			list-style:none;
			display:block;
			height:450px; 
			width:700px;}
			
#agendaoud a:hover {color: #03b2cc;}
#agendanieuw a:hover {color: #03b2cc;}

#agendanieuw {height:100px;}
#agendanieuw li {width:350px;}
#agendanieuw li p {font-family:Tahoma;
					margin:0px;}
					
#agendaoud {widtht:350px;}
#agendaoud li {width:350px;}
#agendanoud li p {font-family:Tahoma;
					margin:-20px;}

#ondertekstagenda {	
					
					position:relative;
					margin-top:30px;}
					
#bookings {	margin-top:25px;
			height:255px;
			width:225px;
			border:solid 1px;
			border-color:black; 
			float:right;
			margin-right:80px;}
			
#bookingstekst p {margin-top:-8px;
					margin-left:17px;}



/* einde agendatekst */

#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:60px;
				list-style:none;
				display:block;
				height:400px; 
				width:600px;}
				
#biografietekst li p {font-family:Tahoma;
					  margin:0px;}
			
/* einde teksten */ 

/*content winkel*/
#content	 {position:absolute; 
				margin-top:170px;
				margin-left:180px;
				*margin-left:60px;
				list-style:none;
				display:block;
				height:400px; 
				width:600px;}
				
#contentwinkel	 {position:absolute; 
				margin-top:170px;
				margin-left:180px;
				*margin-left:60px;
				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: 3px;
			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;
			margin-left:5px;
			height:24px;
			position:relative;
			display:block;
			}
			
#contact p {color:#000;
			width: 500px;
			float:left;}

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

/*einde contact*/

/* sponsoring */

ul#sponsoring {position:relative; 
				margin-top:0px; 
				list-style:none;
				display:block;
				height:35px; 
				width:300px;
				float:right;}													

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

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


					ul#sponsoring li.flyerzone a {background-image:url('afbeeldingen/flyerzonemenuitem.png'); margin-top:2px;  /*margin-left:200px;*/ height:35px; width:90px;  }
					ul#sponsoring li.flyerzone a:hover {background-position: -100px 0!important  }

/*einde sponsoring */

/* einde onderbalk */ 

#featured{ 
	width:600px; 
	float:left;
	margin-top:4px;
}


#featured .link { 
	padding:1px 0; padding-left:13px;  
	font-size:11px; 
	font-family:Tahoma;
	color:#666;
}



#featured ul.ui-tabs-nav{ 
	float:left;
	list-style:none; 
	padding:0; margin:0; 
	width:150px; 
	height:400px;
	border-right:1px solid #000;
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:11px; 
	font-family:Tahoma;
	color:#666; 
	
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Tahoma;
	line-height:18px;
	margin:0 0 0 0px;
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:20px; 
	width:100px;
	color:#333;  background:#fff; 
	line-height:15px;
	margin:0 0 0 0px;
	text-decoration:none;
}
#featured li.ui-tabs-nav-item a:hover{ 
	text-decoration:underline;
}
#featured li.ui-tabs-selected{ 
	background:url('images/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	text-decoration:underline;
	color:#03b2cc;
}
#featured .ui-tabs-panel{ 
	width:420px; min-height:380px;  float:left; margin:0 0 0 20px;
}

#featured .ui-tabs-hide{ 
	display:none; 
}
ul.navigation a.selected {
    background-color: #fff;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}