html, body{
background-color: #000000;
height: 98%; /* Anzeigebereich in der Vertikalen auf 100% strecken */
margin:0;
padding: 0;
text-align: -moz-center; 
}
* html {text-align: center;}
*+html {text-align: center;}


#head{
position: relative;
height:170px;
width: 960px;
left: 0px;
top: 0px;
}

#head2{
position: absolute; 
z-index: 10;
left: 9px;
top: 129px;
width:341px;
height:66px;
opacity: .8;        
filter: Alpha(opacity = 80);
}

#news{
position: absolute; 
z-index: 10;
left: 359px;
top: 171px;
}

#news  a:hover img{ 
position: absolute; 
z-index: 10;
height: 29px;
left: -6px;
top: -3px;
} 

#termine { 
position: absolute; 
z-index: 10;
left: 431px;
top: 171px;
}

#termine a:hover img{ 
position: absolute; 
z-index: 10;
height: 29px;
left: -11px;
top: -3px;
}
* html #termine a:hover img{ }

#kontakt{
position: absolute; 
z-index: 10;
left: 534px;
top: 171px;
}

#kontakt a:hover img{ 
position: absolute; 
z-index: 10;
height: 29px;
left: -11px;
top: -3px;
}
* html #kontakt a:hover img{}

#band{
position: absolute; 
z-index: 10;
left: 645px;
top: 171px;
}

#band a:hover img{ 
position: absolute; 
z-index: 10;
height: 29px;
left: -9px;
top: -3px;
}
* html #band a:hover img{}
#fotos{
position: absolute; 
z-index: 10;
left: 717px;
top: 171px;
}

#fotos a:hover img{ 
position: absolute; 
z-index: 10;
height: 29px;
left: -11px;
top: -3px;
}
* html #fotos a:hover img{}
#songs{
position: absolute; 
z-index: 10;
left: 796px;
top: 171px;
}

#songs a:hover img{ 
position: absolute; 
z-index: 10;
height: 29px;
left: -8px;
top: -3px;
}
* html #songs a:hover img{}

#links{
position: absolute; 
z-index: 10;
left: 880px;
top: 171px;
}

#links a:hover img{ 
position: absolute; 
z-index: 10;
height: 29px;
left: -8px;
top: -3px;
}
* html #links a:hover img{}

#backBtn{
position: absolute; 
z-index: 11;
left: 40px;
top: 191px;
}

#backBtn a:hover img{ 
position: absolute; 
z-index: 10;
height: 29px;
left: -8px;
top: -3px;
}
* html #links a:hover img{}



#menue_hintergrund{
z-index: 9;
position: relative;
height: 28px;
background: black;
top: -0px;
}

#galleryverzeichnis{
z-index: 15;
position: absolute;
left: 10px;
padding-left: 5px;
padding-right: 0px;
font-size: 14pt;
color: #DD0;
width: 800px;
float: left;
text-align:left;
top: 200px;
font-family:Verdana;
line-height:1.4em;
}

#galleryverzeichnis a:link {font-size: 16pt; color: #DDD}
#galleryverzeichnis a:visited {font-size: 16pt; color: #AAA} 
#galleryverzeichnis a:hover {font-size: 16pt; color: #FFF}

#galleryhintergrund{
z-index: 1;
position: absolute;
left: 650px;
padding-left: 5px;
padding-right: 0px;
font-size: 20pt;
color: #fff;
width: 300px;
float: right;
text-align:right;
top: 200px;
}



#body_gesamt{
position: relative;
left:0px;
padding-left: 0px;
padding-right: 0px;
background-color: #000;
color: #fff;
width: 940px;
float: left;
text-align:left;
top: 0px;
}
* html #body_gesamt{top: -0px;}
*+html #body_gesamt{top: -0px;}


#body_links{
position: relative;
left:0px;
padding-left: 10px;
background-color: #555;
color: #fff;
width: 698px;
float: left;
text-align:left;
top: -0px;
}
html*+ #body_links{top: 0px;}

#body_rechts{
position: relative;
background-color: #555;
color: #fff;
padding-right: 10px;
width: 238px;
float: right;
top: -20px;
}
html*+ #body_rechts{top: 0px;}
/* DIV-Boxen */

div#wrapper {
position: relative;
width: 960px;
min-height: 100%; /* Mindesthöhe in modernen Browsern */
height: auto !important; /* !important-Regel für moderne Browser */
height: 99%; /* Mindesthöhe in IE (<7) */
background-color: #000;
top: 5px;
}
* html div#wrapper {top: 5px;}
*+html div#wrapper {top: 5px;}

div#bodybackground{
position: absolute;
min-height: 100%; /* Mindesthöhe in modernen Browsern */
height: auto !important; /* !important-Regel für moderne Browser */
height: 100%; /* Mindesthöhe in IE (<7) */
top: -0px;
width:950px;
left:0px;

}

div#footer {
clear: both;
position: absolute;
bottom: 0;
width: 960px;
height: 20px;
font-family:Verdana;
font-size: 8pt;
background-repeat:no-repeat;
color: #007AA2;
padding-left:20px;
font-weight:bold;
left: 0;
text-align:left;

}
#footer a:link {color: #DD0}
#footer a:visited {color: #AA0} 
#footer a:hover {color: #FF0}





/* clearfix zum Aufheben der Floatumgebung */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;

}

.clearfix {display: inline-block;}


/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */