/* general stuff */


html{
height:100%;
}

body{
font-size: small;
color: white;
margin:0;
padding:0;
font-family: verdana, arial, sans-serif;
height: 100%;
background: black url(../Bilder/body_bg.png) repeat-x;
}

a img{
border: 0px solid black;
}

h4{
margin: 5px;
font-size: 10pt;
}

h3{
margin: 10px;
font-size: 12pt;
color: #222222;
font-style: italic;
}

a {
color: white;
text-decoration: none;
}

a:hover {
color: white;
text-decoration: underline;
}


#main{
width: 1150px;
margin-left: auto;
margin-right: auto;
}

#header{
background: transparent url(../Bilder/header_bg.png) no-repeat;
height: 280px;
width: 1150px;
}

#content{
background: transparent url(../Bilder/content_bg.png) no-repeat;
height: 600px;
width: 1150px;
}

#content_footer{
background: transparent url(../Bilder/content_footer_bg.png) no-repeat;
height: 30px;
width: 1150px;
}

#footer{
background: transparent url(../Bilder/footer_bg.png) repeat-y;
height: 60px;
width: 1150px;
}

#nav{
padding-right:50px;
position: relative;
top: 200px;
margin-left: auto;
margin-right: auto;
width: 700px;
}



#content_left{
padding-top: 20px;
padding-left: 20px;
float: left;
width: 410px;
}

#content_middle{
padding-top: 20px;
padding-left: 0px;
padding-right: 25px;

float: left;
width: 300px;
}

#content_right{
text-align: center;
padding-top: 20px;
float: left;
width: 300px;
}

#news, #shows, #links, #band, #nav_gal{
margin-right: 30px;
color: #cccccc;
font-size: small;
padding-left: 10px;
padding-right: 5px;
background: transparent url(../Bilder/trans.png) repeat;
width: 300px;
height: 550px;
float: left;
overflow: auto;
}

#news p{
color: black;
}

#teaser{
float: left;
}

#slideshow{
width: 350px;
height: 450px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
border: 1px solid #222222;
}

#content_image{
padding-top: 20px;
height: 50px;
margin-bottom: 10px;
text-align: center;
}

#content_animation{
padding-top: 20px;
height: 200px;
margin-bottom: 10px;
text-align: center;
}

#content_image table{
margin-left: auto;
margin-right: auto;
}

#player_box{
margin-top: 20px;
width: 315px;
margin-left: auto;
margin-right: auto;
}


.contact{
position: relative;
top: 35px;
padding-top: 20px;
width: 352px;
height: 43px;
margin-left: auto;
margin-right: auto;
font-size: small;
text-align: center;
background: transparent url(../Bilder/trans.png) repeat;
}

.contact a{
font-weight: bold;
color: #222222;
text-decoration: none;
}

.nav_img{
padding: 0px;
margin: 0px;

}

a .nav_img{
border: 0px;
}

a:hover .nav_img{

}


/*Galerie*/

#preview_gal{
width: 282px;
height: 450px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}


ul { 
margin: 10px; 
list-style: none;
}

li a, a {
color: #cccccc; 
text-decoration: none; 
}

li a:hover, a:hover { 
color: #eeeeee; 
text-decoration: none; 
}


a.thumb img { 

filter:alpha(opacity=50);	
-moz-opacity: 0.50;	
opacity: 0.50; 
border: solid 2px #FFFFFF; 
}

a.thumb:hover img {	
filter:alpha(opacity=100); 
-moz-opacity: 1.0; 
opacity: 1.0;	
border: solid 2px #cccccc; 
}