/* ======================================
   Stylesheet Schädelleuchten 
   25.12.2008
   
   Aufbau: 1. Kalibrierung und allgemeine Styles
           2. Styles für Layoutbereiche
		   3. Sonstige Styles
		   
		   ================================*/
		   
/*=======================================
1.Kalibrierung und allgemeine Styles
========================================*/	

/* Kalibrierung der wichtigsten Abstände */
	   
* { padding: 0; margin: 0; }

	   


li { margin-left: 1em; }

/* Allgemeine Selektoren */	
html { height: 101%; }

body {
       color: #fff;
	   background-color: #333;
	   font-family: Verdana, Arial, Helvetica, sans-serif;
	   font-size: small;
	   } 
	   
h1 { font-size: 150%; }
h3 { float: right; width: 140px; font-size: 100%; color: #93f; }

address { color: #09f;
          text-align: center;
		  font-size: 80%;
		  font-style: normal;
		  letter-spacing: 2px;
		  line-height: 1.5em;
		  }			   	   	   
		  
a { text-decoration: none; outline: none; }
a:link { color: #09f; }
a:visited { color: #93f;  text-decoration: none; }
a:hover, a:focus { border-bottom: 1px solid #09f; }
a:active { color: #09f; }
fieldset, a img { border: none; }

/* Allgemeine Klassen und Ids */

.skiplink {
            position: absolute;
			top: -99999px;
			left: -99999px;
			width: 0;
			height: 0;
			overflow: hidden;
			display: inline;
			}
			
.logo {
	float: left;
	

	
}	

/*================================
2. Styles für die Layoutbereiche 
================================= */				    
	   
#wrapper { width: 900px;
           color: #fff;
		   background-color: #55077f;
		   margin: 10px auto;
		   }
		   
#kopfbereich { position: relative;
                color: #000;
               background-color: #55077f;
			   padding: 10px 20px 0 20px;			   
			   }
	

				 		   	

#navibereich {
               text-align: left;
               background-color: #55077f;
			   color: #000;
			   padding: 5px 10px 4px 10px;
			   border-bottom: 1px solid #09f; }
			   
			   
#navibereich ul { margin-bottom: 0;  }				
#navibereich li { display: inline;
                  list-style-type: none;
				  margin: 0; }
				  
				  
#navibereich a { color: #09f;
                 outline: none;
				 text-decoration: none;
                 padding: 4px 8px;
				 border: 1px solid #09f; }
				 				 
#navibereich a:hover,
#navibereich a:focus,
#startseite #navihome a,
#musicseite #navimusic a,
#linkseite #navilinks a,
#agendaseite #naviagenda a, 
#bandseite #naviband a,
#galerieseite #navigalerie a,
#shopseite1 #navishop1 a,
#shopseite #navishop a    { color: #09f;                 
                            background-color: #000;
					   border-bottom-color: #000;
					   }
#navibereich a:active {
                       color: #09f;
					   background-color: #000;
					   border-bottom-color: #000;
					   }
					   
					   					   				  				
/* STARTSEITE */
#startseite #textbereich { background-color: #000; width: 900px; height: 500px; color: #09f; }
.oli { float: right; margin-top: 113px; } 
#startseite #textbereich p { padding-top: 50px; margin-left: 10px; }                         
#startseite #textbereich span { color: #93f; }



/* AGENDASEITE */
#agendaseite #textbereich { position: relative; background-color: #000; color: #09f; width: 900px; height: 500px; }
#agendaseite span { padding-left: 25px; }
#agendaseite h4 { font-size: 90%; }

#gigs {
	position: absolute;
	right: 18px;
	top: 65px;
}
#nextgig {
	font-size: large;
	position: absolute;
	top: 67px;
	left: 124px;
}
#nextgig h4 { color: #93f; font-size: large; }

#skulleye {
	position: absolute;
	top: 165px;
	left: 0px;
}



/* LINKSEITE */
#linkseite #textbereich { position: relative; background-color: #000; width: 900px; height: 500px; color: #09f; }
#linkseite #textbereich span { color: #93f; border-bottom: 1px solid #93f;  }
#linkseite #textbereich a { text-decoration: none;  color: #93f; outline: none; }
#linkseite #textbereich a:visited { color: #93f; text-decoration: none; border-bottom: none;  }				 
#linkseite #textbereich a:hover,
#linkseite #textbereich a:focus { color: #96f;  border-bottom: 1px solid #96f;   }                                   

#linkliste{ float: left;
            margin-top: 50px;
			margin-left: 50px;
	
}

.pilze { float: right;
         margin-top: 244px; } 



/* Musicseite */
#musicseite #textbereich { position: relative; background: url(../pics/erde.jpg); width: 900px; height: 500px;
                           color: #09f; 	

}
.player { float: left;          
          margin-top: 75px;
		  margin-left: 50px; }
		  
#songlist { float: left;
            clear: both;
            margin-top: 75px;
			margin-left: 150px;
		
			}
#songlist li { list-style-type: none; }

/* Shopseite */

#shopseite #textbereich { position: relative; background: #000; width: 900px; height: 500px; }
#formular {
	position: absolute;
	top: 40px;
	left: 225px;
	height: 465px;
	width: 450px;
}
form { width: 450px;
       background: #55077f;  
       color: #09f;
	   line-height: 2; 
	   padding-top: 2px;
	   border: 1px solid #09f;
	   	   }
		    
fieldset { padding: 10px;
           border: 1px solid #09f;
		  margin-top: 0px;
		   }
legend { font-weight: bold; color: #93f; padding: 0 10px; border: none; }
label { position: relative; /* etwas höher... */		   	   
        bottom: 2px;
		cursor: pointer; 
		}		
label.davor {
              float: left;
			  clear: left;
			  width: 75px;
			  text-align: right;
			  margin-right: 10px; 
			  }		  
#abschicken {
              cursor: pointer;
			  padding: 5px;
			  margin-left: 10px; 
			  }
form p { margin: 0;
          margin-left: 10px;
		  }			  			  	
		    
			
/* shopseite1 */
#shopseite1 #textbereich { position: relative; color: #09f; background: #000; width: 900px; height: 630px; }
#shopseite1 #textbereich a { color: #93f;
                            outline: none;
							text-decoration: none;
							border-bottom: 1px solid #93f;
							
				               }
#shopseite1 #textbereich a:hover,
#shopseite1 #textbereich a:focus { color: #96f;
                            outline: none;
							text-decoration: none;
							border-bottom: 1px solid #96f; 
							}
#shopseite1 h5 { font-size: 105%; border-bottom: 1px solid #96f; width: 150px; }
#cover1 {
	position:absolute;
	left:18px;
	top:14px;
	width:640px;
	height:264px;
	z-index:1;
}
#cover2 {
	position:absolute;
	left:21px;
	top:296px;
	width:640px;
	height:264px;
	z-index:2;
}
#text1 {
	position:absolute;
	left:669px;
	top:16px;
	width:209px;
	height:200px;
	z-index:3;
}
#text2 {
	position:absolute;
	left:669px;
	top:299px;
	width:209px;
	height:200px;
	z-index:4;
}														   
			                                
				 								  							   							  
			   
/*Fussbereich */			
#fussbereich {
              padding: 10px 20px 20px 20px;
			  padding-bottom: 10px;
			  border-top: 1px solid #09f;
			  margin-top: 0;
			  background-color: #55077f;
			  }	
			  
#fussbereich a { border-bottom: 1px dotted #09f;}
#fussbereich a:hover,
#fussbereich a:focus { border-bottom: 1px solid #09f; }
                			  
			  
		  		
			
.clearing { clear: both; }                 		  

#kopfbereich h1 { width: 545px; height: 75px; position: relative; left: 160px; bottom: 5px; }

/* Galerieseite */
/* Galerieseite */
#galerieseite #textbereich { position: relative; width: 900px; height: 500px; background-color: #000; }
#gross_9 {
	position: absolute;
	left: 90px;
	top: 81px;
	width: 450px;
	height: 338px;
	border: 1px solid #09f;
	padding: 2px;
	z-index: 1;
}
#gross_8 {
	position: absolute;
	left: 90px;
	top: 81px;
	width: 450px;
	height: 338px;
	border: 1px solid #09f;
	padding: 2px;
	z-index: 1;
}
#gross_7 { position: absolute;
	left: 90px;
	top: 81px;
	width: 450px;
	height: 338px;
	border: 1px solid #09f;
	padding: 2px;
	z-index: 1;
}
#gross_6 {	position: absolute;
	left: 90px;
	top: 81px;
	width: 450px;
	height: 338px;
	border: 1px solid #09f;
	padding: 2px;
	z-index: 1;
}
#gross_5 {	position: absolute;
	left: 90px;
	top: 81px;
	width: 450px;
	height: 338px;
	border: 1px solid #09f;
	padding: 2px;
	z-index: 1;
}
#gross_4 {	position: absolute;
	left: 90px;
	top: 81px;
	width: 450px;
	height: 338px;
	border: 1px solid #09f;
	padding: 2px;
	z-index: 1;
}
#gross_3 {	position: absolute;
	left: 90px;
	top: 81px;
	width: 450px;
	height: 338px;
	border: 1px solid #09f;
	padding: 2px;
	z-index: 1;
}
#gross_2{	position: absolute;
	left: 90px;
	top: 81px;
	width: 450px;
	height: 338px;
	border: 1px solid #09f;
	padding: 2px;
	z-index: 1;
}
#gross_1 {	position: absolute;
	left: 90px;
	top: 81px;
	width: 450px;
	height: 338px;
	border: 1px solid #09f;
	padding: 2px;
	z-index: 1;
}
#gr_olilap{	position:absolute;
	left: 90px;
	top: 81px;
	width: 450px;
	height: 338px;
	border: 1px solid #09f;
	padding: 2px;
	z-index: 1;
}
#gr_grun {	position: absolute;
	left: 90px;
	top: 81px;
	width: 450px;
	height: 338px;
	border: 1px solid #09f;
	padding: 2px;
	z-index: 1;
}
#gr_blau {	position: absolute;
	left: 90px;
	top: 81px;
	width: 450px;
	height: 338px;
	border: 1px solid #09f;
	padding: 2px;
	z-index: 1;
}



#klein_1 {
	position: absolute;
	left: 814px;
	top: 294px;
	width: 50px;
	height: 38px;
	border: 1px solid #09f;
	padding: 2px;
	z-index:1;
}
#klein_2 {
	position: absolute;
	left: 622px;
	top: 294px;
	width: 50px;
	height: 38px;
	border: 1px solid #09f;
	padding: 2px;
	z-index:1;
}
#klein_3 {
	position: absolute;
	left: 768px;
	top: 244px;
	width: 50px;
	height: 38px;
	border: 1px solid #09f;
	padding: 2px;
	z-index:1;
}
#klein_4 {
	position: absolute;
	left: 668px;
	top: 244px;
	width: 50px;
	height: 38px;
	border: 1px solid #09f;
	padding: 2px;
	z-index:1;
}
#klein_5 {
	position: absolute;
	left: 768px;
	top: 194px;
	width: 50px;
	height: 38px;
	border: 1px solid #09f;
	padding: 2px;
	z-index:1;
}
#klein_6 {
	position: absolute;
	left: 668px;
	top: 194px;
	width: 50px;
	height: 38px;
	border: 1px solid #09f;
	padding: 2px;
	z-index:1;
}
#klein_7 {
	position: absolute;
	left: 768px;
	top: 144px;
	width: 50px;
	height: 38px;
	border: 1px solid #09f;
	padding: 2px;
	z-index:1;
}
#klein_8 {
	position: absolute;
	left: 668px;
	top: 144px;
	width: 50px;
	height: 38px;
	border: 1px solid #09f;
	padding: 2px;
	z-index:1;
}
#klein_9 {
	position: absolute;
	left: 768px;
	top: 94px;
	width: 50px;
	height: 38px;
	border: 1px solid #09f;
	padding: 2px;
	z-index:1;
}
#kl_olilap {
	position: absolute;
	left: 622px;
	top: 44px;
	width: 50px;
	height: 38px;
	border: 1px solid #09f;
	padding: 2px;
	z-index:1;
}
#kl_grun {
	position: absolute;
	left: 814px;
	top: 44px;
	width: 50px;
	height: 38px;
	border: 1px solid #09f;
	padding: 2px;
	z-index:1;
}
#kl_blau {
	position: absolute;
	left: 668px;
	top: 94px;
	width: 50px;
	height: 38px;
	border: 1px solid #09f;
	padding: 2px;
	z-index:1;
}