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;
} 
#news  a:hover{ /* hover in IE (<7) */
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{
height:29px;
left: -11px;
top: -3px;
}


#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{ 
height: 29px;
left: -11px;
top: -3px;
}


#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{
height: 29px;
left: -9px;
top: -3px;
}


#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 {
height: 29px;
left: -11px;
top: -3px;
}


#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{
height: 29px;
left: -8px;
top: -3px;
}


#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{
height: 29px;
left: -8px;
top: -3px;
}


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




#body_links{
position: relative;
left:0px;
padding-left: 10px;
font-family:Verdana;
font-size: 10pt;
color: #fff;
width: 698px;
float: left;
text-align:left;
top: -20px;
}
* html #body_links{top: 0px;}
*+html #body_links{top: 0px;}

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

.contentheading{font-weight:bold;}
.message{font-weight:bold;color: #FF0;}

#body_rechts{
z-index: 1;
position: absolute;
left: 719px;
padding-left: 5px;
padding-right: 0px;
font-family:Verdana;
font-size: 8pt;
color: #fff;
width: 238px;
float: right;
text-align:left;
top: 210px;
}


#body_rechts_unten{
z-index:100;
position: absolute;
color: #fff;
left: 719px;
width: 238px;
float: right;
top: 500px;
font-family:Verdana;
font-size: 8pt;
}
* html #body_rechts_unten{top: 520px;}
*+html #body_rechts_unten{top: 520px;}


#body_rechts_youtube{
z-index:100;
position: absolute;
color: #ffff00;
left: 529px;
width: 425px;
float: right;
top: 213px;
font-family:Verdana;
}
* html #body_rechts_youtube{top: 233px;}
*+html #body_rechts_youtube{top: 233px;}

#body_rechts_youtube h3{font-size: 12pt;} /* Überschrift */

#youtube_drubadix{
z-index:-1;
position: relative;
top: -37px;
}

/* 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: -15px;
}
* 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#trennlinie{
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;
left:710px;
color: #333;
}

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}
.moduletablegelb{color: #DD0}


/* 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 */