html, body {
	padding: 0;
	margin: 0;
	font-family: Verdana, sans-serif;
	font-size: 100%;/*0.82em;*/
	color: #cAc3b1;/*#aAa391;*/
	}
body {
	height: 100%;
	background: #4B4941 url("/bilder/checkedbg.gif") no-repeat -5px 0px fixed;/*#332;*//*#150000;*/
	font-size: x-small; /* IE5 Win */
	font-size: small;
	}

/*damit IE<7 .png-Bilder richtig darstellt*/
img {
border: 0;
behavior: url(iepngfix.htc);
}

a, a:link, a:visited{
	color: #BCCE73;/*#A0C4C4;*/
	text-decoration: none;
	}
a:focus, a:hover{
	color: #BFBD0A;/*#009900;*/
}

a.button, a.button:link, a.button:visited{
padding:2px 5px;
border: 1px solid #555555;
text-transform: uppercase;
background: url("/bilder/boxheadbgred.gif") no-repeat top left;
}

a.activebutton, a.activebutton:link, a.activebutton:visited{
padding:2px 5px;
border: 1px solid #ddd;
text-transform: uppercase;
background: url("/bilder/boxheadbgred.gif") no-repeat top left;
}

a.button:focus, a.button:hover, a.activebutton:focus, a.activebutton:hover{
border: 1px solid #BFBD0A;
}

a.breadcrumb, a.breadcrumb:link, a.breadcrumb:visited, a.breadcrumb:focus, a.breadcrumb:hover{
	color: #590500;
	font-weight: normal;
}
a img{
border: 0;
}

.hide{
display: none;
}

#wrap {
	/*min-width: 550px;
	max-width: 1000px;
	position: relative;
	margin-left: auto;
	margin-right: auto;*/
	font-size: 85%;
	position: absolute;
	top: 0;
	left: 45px;
	margin-top: 0px;
	margin-bottom: 0;
	text-align: left;
	width: 950px;
	min-height: 100%; /*kann IE nicht*/
	height: auto !important; /*kann er auch nicht, aber alle anderen hätten sonst feste Höhen*/
	height: 100%; /*feste Angaben kann er, wird der Inhalt länger, expandiert das Element trotzdem, andere Browser nehmen !important*/
	border-left: 0px solid #fff;/*#E1C81E; #BC2421;*/
	border-right: 0px dashed #990000;
	background: #2E2D28 url("/bilder/wrapshadowright.gif") repeat-y top right; /*#D6D2BF;*/
}
#innerwrap{
width: 924px;
}

#header, 
#header div.home,
#header div.band,
#header div.reviews,
#header div.andreas,
#header div.daniel,
#header div.timo,
#header div.sascha,
#header div.matze,
#header div.presskit,
#header div.kalender,
#header div.photos,
#header div.videos,
#header div.audio,
#header div.radioarchive,
#header div.lyrics,
#header div.shop,
#header div.clothesshop,
#header div.guests,
#header div.links,
#header div.globalbands,
#header div.dortmundregion,
#header div.contact
{
	height: 255px;
}
#header div.home{
	/*background: url("/bilder/headerband22.jpg") no-repeat top left;*/
	background: url("/bilder/headerhome1.jpg") no-repeat top left;
}
#header div.band{
	background: url("/bilder/headerband2009-2.jpg") no-repeat top left;
}
#header div.reviews{
	background: url("/bilder/headerband2009-2.jpg") no-repeat top left;
}
#header div.andreas{
	background: url("/bilder/headerandreas4.jpg") no-repeat top left;
}
#header div.timo{
	background: url("/bilder/headertimo.jpg") no-repeat top left;
}
#header div.sascha{
	background: url("/bilder/headersascha.jpg") no-repeat top left;
}
#header div.daniel{
	background: url("/bilder/headerdaniel1.jpg") no-repeat top left;
}
#header div.matze{
	background: url("/bilder/headermatze2.jpg") no-repeat top left;
}

#header div.presskit{
	background: url("/bilder/headerband26.jpg") no-repeat top left;
}
#header div.kalender{
	background: url("/bilder/headerlivers.jpg") no-repeat top left;
}
#header div.photos{
	background: url("/bilder/headerandreas2.jpg") no-repeat top left;
}
#header div.videos{
	background: url("/bilder/headerandreas2.jpg") no-repeat top left;
}
#header div.audio{
	background: url("/bilder/headertimo2.jpg") no-repeat top left;
}
#header div.radioarchive{

}
#header div.lyrics{
	background: url("/bilder/headertimo2.jpg") no-repeat top left;
}
#header div.shop, #header div.clothesshop{
	background: url("/bilder/headerandreas5.jpg") no-repeat top left;
}

#header div.guests{
	background: url("/bilder/headerband2009-3.jpg") no-repeat top left;
}
#header div.links{
	background: url("/bilder/header_t.jpg") no-repeat top left;
}
#header div.globalbands{
	background: url("/bilder/header_t.jpg") no-repeat top left;
}
#header div.dortmundregion{
	background: url("/bilder/header_t.jpg") no-repeat top left;
}
#header div.contact{
	background: url("/bilder/headerband2009-4.jpg") no-repeat top left;
}

img.topleft{
	position: absolute;
	left: -5px;
	top: -20px;
}
img.sherondatopleft{
	position: absolute;
	left: 20px/*30px*/;
	top: -10px/*10px*/;
}
img.sterne1topleft{
	position: absolute;
	left: 5px;
	top: 68px;
}
img.sterne2topleft{
	position: absolute;
	left: 198px;
	top: 25px;
}
img.alternativerocktopleft{
	position: absolute;
	left: 75px;
	top: 10px;
}





/* ########------------ Menu -------------############################################################################ */
#menu {
	 margin: 0;
	 position: absolute;
	 top: 240px; /* 245 hier Position des Gesamtmenüs (inkl Background) positionieren*/
	 left: 0px;
	 width: 924px;
	 height: 40px;/*30px*/
 	 background: url("/bilder/menubar.gif") no-repeat top left;
	}
	
#header #menu ul{
	margin:14px 0 0 100px;/*7px 0 0 100px;*/  /*hier Menü/Schrift positionieren*/
	position: absolute;
	list-style: none;
	padding: 0;
}
/*für jeden Menüpunkt*/
#header #menu ul li{
	margin-left: 3px;
	/*float: left;*/
	display: inline;
}

/*für jeden Menüpunkt*/
#header #menu ul li a, #header #menu ul li a:visited, #header #menu ul li a:link{
	font-weight: bold;
	padding: 2px 5px 2px 3px;
	color: #cAc3b1;
	border-left: 2px solid #8d835d;/*#E1C81E; gelb*/
}

/*NOT SELECTED:*/
#header #menu ul li a:hover, #header #menu ul li a:focus{
	color: #eAe3d1;
	border-left: 2px solid #A0C4C4;
}
/*SELECTED:*/
#header #menu ul li a.menuselected, #header #menu ul li a.menuselected:visited, #header #menu ul li a.menuselected:link {
	background: #444;
	color: #BFBD0A; 
}
#header #menu ul li a.menuselected:hover, #header #menu ul li a.menuselected:focus{
	color: #eAe3d1;
}

/*Untermenüpunkte*/
#right dd ul.menu2{
	list-style: none;
	margin: 0; /*damit im IE links*/
	padding: 0; /*damit im FF links*/
}


#right dd ul.menu2 li{ 
	margin-left:0;
	background: none;
	padding: 0;
}

#right dd ul.menu2 li a{ 
	color: #cAc3b1; /*muss hier stehen, sonst kann IE keine selected-Farbe - wegen visited!*/
}
#right dd ul.menu2 li a, #right dd ul.menu2 li a:link, #right dd ul.menu2 li a:visited{
	display: block;
	width: 92%;
	font-size: 110%;
	font-weight: bold;
	border-bottom: 1px dashed #8d835d;
	border-left: 0;
	padding: 2px 3px 2px 3px;
}

#right dd ul.menu2 li a:hover, #right dd ul.menu2 li a:focus{
	border-bottom: 1px dashed #A0C4C4;
	border-left: 0;
	color: #eAe3d1;
}
/*SELECTED:*/
#right dd ul.menu2 li a.menuselected{
	background: #333 url("/bilder/sternpunkt.gif") no-repeat right center;
	border-left: 0;
	color: #BFBD0A; 
}
#right dd ul.menu2 li a.menuselected:hover, #right dd ul.menu2 li a.menuselected:focus{
	color: #eAe3d1;
}

/*################################################################################################*/

#maincontent {
	width: 690px;
	float: left;
	margin: 50px 0px 20px 10px !important; /*FF*/
	margin: 50px 0px 20px 5px; /*IE*/
	padding: 0 0 40px 0;
	background: url("/bilder/mainfootbggreen.gif") no-repeat bottom left;
	}

#maincontent h1{
	background: url("/bilder/mainheadbggreen.gif") no-repeat bottom left;
	line-height: 36px;
	font-size: 90%;
	vertical-align: bottom;
	overflow: hidden; 
	margin: 0;
	padding-left:10px;
	border-bottom: 1px dashed #8d835d;/*#4E450B;*/
	color: #BC2421;
	font-weight: normal;
}

#maincontent div#inhalt{
	background: url("/bilder/mainbggreen.gif") repeat-y 0px 0px;
	margin: 0;
	padding: 10px;
}

#maincontent div#inhalt h2{
	font-variant: small-caps;
	width: 50%;
	margin: 50px 0 20px 0;
	padding: 2px 0;
	/*border-bottom: 1px dashed #9B6714;*/
	border-bottom: 1px solid #8B877E;
	border-top: 1px solid #8B877E;
	color: #dAd3c1;/*#B2AC9C;*/
	font-size: 120%;
	letter-spacing: 3px;
	background: url("/bilder/mainh2star.gif") no-repeat bottom right;
}
#maincontent div#inhalt h2.first{
	margin: 10px 0 20px 0;
}

#maincontent div#inhalt h3{
	color: #dAd3c1;
	font-size: 100%;
	letter-spacing: 1px;
	margin: 0 0 10px 0;
}

#maincontent div#inhalt p{
text-indent: 15px;
background: url("/bilder/sternpunkt.gif") no-repeat left top;
margin: 10px 0;
}
#maincontent div#inhalt .small{
font-size: 80%;
text-indent: 0px;
background: url("/bilder/sternpunkt.gif") no-repeat -2000px 0; /*..sonst spinnt IE*/
}

/*#############-- Listen , Links --########################-----------------------------------------------------*/
#maincontent div#inhalt dl{
margin-bottom: 50px;
}

#maincontent div#inhalt dl dt {
background: url("/bilder/sternpunkt.gif") no-repeat left top;
/*Vor Mac IE verstecken\*/
float:left;
overflow: hidden;
/*Ende Versteck*/
margin: 0 0 0px 0;
padding: 1px 0 0 15px;
width: 135px;
}
#maincontent div#inhalt dl dd{
margin: 0;
padding: 1px 0 0 150px; 
}
#maincontent div#inhalt dl dt a{
display: block;
width: 100%;
}



#maincontent div#inhalt dl.upcoming dt {
background: url("/bilder/sternpunkt.gif") no-repeat 0px 6px;
/*Vor Mac IE verstecken\*/
float:left;
overflow: hidden;
/*Ende Versteck*/
margin: 0 0 0px 0;
padding: 7px 0 0 15px;
width: 65px;
}
#maincontent div#inhalt dl.upcoming dd{
margin: 0;
border-top: 1px solid #666;
padding: 6px 0 0 80px;  /*6px + 1 border = 7px/dt*/
}
#maincontent div#inhalt dl.upcoming dd.date_info{
border-top: none;
padding: 0 0 7px 80px !important;
padding: 0 0 7px 83px;
color: #777;
}

#maincontent div#inhalt dl.finished dt {
background: url("/bilder/sternpunkt.gif") no-repeat left top;
/*Vor Mac IE verstecken\*/
float:left;
overflow: hidden;
/*Ende Versteck*/
margin: 0 0 0px 0;
padding: 1px 0 0 15px;
width: 65px;
}
#maincontent div#inhalt dl.finished dd{
margin: 0;
padding: 1px 0 0 80px; 
}

#maincontent div#inhalt dl.interview{
margin-bottom: 0;
}
#maincontent div#inhalt dl.interview dt{
/*Vor Mac IE verstecken\*/
float: none;
overflow: hidden;
/*Ende Versteck*/
margin: 2em 0 0.5em 0;
padding: 1px 0 0 15px;
width: 100%;
font-weight: bold;
}

#maincontent div#inhalt dl.interview dd{
padding: 0 0 0 15px; 
}

#maincontent div#inhalt dl.smaller dt{
width: 90px;
}
#maincontent div#inhalt dl.smaller dd{
margin: 0;
padding: 1px 0 0 90px; 
}
#maincontent div#inhalt dl.smaller dd.fade{
margin: 0;
padding: 1px 0 0 105px !important;
padding: 1px 0 0 108px; 
color: #777;
}
#maincontent div#inhalt dl.smaller dd.fade a, #maincontent div#inhalt dl.smaller dd.fade a:link, #maincontent div#inhalt dl.smaller dd.fade a:visited, 
#maincontent div#inhalt dl dd.date_info a, #maincontent div#inhalt dl dd.date_info a:link, #maincontent div#inhalt dl dd.date_info a:visited /*kalender*/
{
color: #7A7B64;
}

#maincontent div#inhalt dl.smaller dd.fade a:hover, #maincontent div#inhalt dl.smaller dd.fade a:focus, 
#maincontent div#inhalt dl dd.date_info a:hover, #maincontent div#inhalt dl dd.date_info a:focus /*kalender*/
{
color: #878958;
}

#maincontent span.fade{
color: #777;
}


#maincontent div#inhalt dl.playerliste, #maincontent div#inhalt .bildfloat{
margin-left: 220px;
position: relative; /*peekaboo-hack*/
}
#maincontent div#inhalt .iconfloat{
margin-left: 90px;
position: relative; /*peekaboo-hack*/
}

#maincontent div#inhalt dl.playerliste dt{
background: url("/bilder/sternpunkt.gif") no-repeat 0px 6px;
width: 170px;
padding-top: 7px;
}
#maincontent div#inhalt dl.playerliste dd{
margin: 0;
padding: 10px 0 7px 170px; 
border-top: 1px solid #666;
}



#maincontent div#inhalt ul, #right dd ul{
	list-style: none;
	margin: 0; /*damit im IE links*/
	padding: 0; /*damit im FF links*/
}
#maincontent div#inhalt ul li, #right dd ul li {
background: url("/bilder/sternpunkt.gif") no-repeat left top;
/*Vor Mac IE verstecken\*/
overflow: hidden;
/*Ende Versteck*/
margin: 0;
padding: 1px 0 0 15px;
}

#maincontent div#inhalt ul li a, #right dd ul li a{
display: block;
width: 100%; /*ohne witdh geht display:block im IE nicht*/
}

/*--######### Listen 3spaltig #####################-----------------------------------------------------*/

#maincontent div#inhalt div.spalte, #maincontent div#inhalt div.spaltelast {
background: none; /*sont macht IE Probleme mit Hintergrundbild*/
width: 220px;
float: left;
}
#maincontent div#inhalt div.spaltelast{
float: left !important;
float: none;
}

#maincontent div#inhalt div.spalte2er{
width: 330px;
}



#maincontent div#inhalt div.hr{
background: url("/bilder/hrbg.gif") no-repeat center top;
padding: 10px;
}



#inhalt img.icon{
margin: 0 0 0 3px;
float: left;
padding: 5px;
background: url("/bilder/iconbg.gif") no-repeat 0px 0px;
position: relative; /*peekaboo-hack*/
}
#inhalt img.thumb{
margin: 0 0 0 3px;
float: left;
padding: 5px;
background: url("/bilder/thumbbg.gif") repeat-y left top;
}
#inhalt img.img200{
padding: 5px;
background: url("/bilder/main_img200bg.gif") repeat-y left top;
position: relative; /*peekaboo-hack*/
}

.floatleft{
float: left;
margin-right: 10px;
}

/*
div.gallery{
float:left;
width: 160px;
height: 160px;
margin: 0 20px 20px 0;
background: #ccc;
text-align: center;
}*/
#inhalt img.fullsize{
padding: 7px;
background: #ddd;
border-bottom: 2px solid #333;
border-right: 2px solid #333;
}

#inhalt div.gallery img.thumb{  /*gallery-Übersicht*/
margin: 0 0 30px 35px;
}
#inhalt div.gallery{
text-align: center;
}
#inhalt div img.prev, #inhalt div img.next{ /*Blättern allgemein*/
padding: 2px;
background: #ddd;
border-bottom: 1px solid #333;
border-right: 1px solid #333;
}
#inhalt div.gallery img.prev, #inhalt div.gallery img.next{ /*Bildergalerien Blättern*/
width: 45%;
}

#inhalt div img.prev{ /*Blättern allgemein*/
float: left;
margin-right: 3px;
}
#inhalt div img.next{ /*Blättern allgemein*/
float: right;
margin-left: 3px;
}
#inhalt div.gallery img.prev{ /*Bildergalerien Blättern*/
float: left;
margin-right: 10px;
}
#inhalt div.gallery img.next{ /*Bildergalerien Blättern*/
float: right;
margin-left: 10px;
}

#inhalt div.gallery div.prevpic, #inhalt div.blaetternleft{
width: 120px;
float:left;
text-align:left;
}
#inhalt div.gallery div.nextpic, #inhalt div.blaetternright{
width: 120px;
float: right;
text-align:right;
}
#inhalt div.blaetternleft, #inhalt div.blaetternright{
width: 155px;
}

#inhalt div.gallery div.prevpic a, #inhalt div.gallery div.nextpic a, #inhalt div.blaetternleft a,#inhalt div.blaetternright a{
display: block;
padding: 5px 0px;
background: url("/bilder/boxheadbgred.gif") no-repeat 0px 15px;
}

/*#########--- Formulare ---########################################################################*/

form fieldset{
border: none;
}
form legend{
display: none;
}

form label{
background: url("/bilder/sternpunkt.gif") no-repeat 0px 0px;
/*Vor Mac IE verstecken\*/
float:left;
overflow: hidden;
/*Ende Versteck*/
margin: 0 0 0px 0;
padding: 1px 0 0 15px;
width: 175px;
}
#right form{
margin: 0;
}

#right form label{
width: 160px;
}

form input, form textarea, form select, form option{
font-family: Verdana, Arial;
border: 1px solid #8B877E;
background: #58584f;
color: #cAc3b1;
font-size: 1em;
}

form option{
border: none;
}

form input.button{
color: #BCCE73;
font-size: 0.9em;
font-weight: bold;
}
form input.button:hover{
background: #333;
color: #BFBD0A;
}


.hervorheben{
font-weight: bold;
padding: 2px;
color: yellow;
}
	
#right {
	width: 200px;
	float: right;
	margin-top: 35px !important;
	margin-top: 50px;
	padding: 0;
	margin-right: 10px !important;
	margin-right: 3px;
	}
	
#right img.img180{  /*für bilder ohne boxen*/
	margin-left: 5px;
	background: url("/bilder/rightpics_bg.gif") repeat-y left top;
	padding: 5px;
}
/*####Boxen rechte Seite: dl-dt-dd ##############################################*/
#right dl{
	width: 100%;
	padding-bottom: 17px;
	background: url("/bilder/boxfootbgblue.gif") no-repeat bottom left;


}
#right dt, div.playerbox{
	font-size: 100%;
	font-variant: small-caps;
	/*color: #cAc3b1;*/
	letter-spacing: 2px;
	font-weight: bold;
	width: 100%;
	line-height: 220%;/*250%*/
	vertical-align: middle;
	padding-left: 5px; 
	background: url("/bilder/boxheadbgred.gif") no-repeat bottom left;
}
div.playerbox{
	background: url("/bilder/boxheadbgred.gif") no-repeat top left;
	margin: 0;
	font-size: 90% !important;
	font-size: 70%;
}

#right dd{
	font-size: 90%;
	padding: 15px 11px 5px 10px; 
	background: url("/bilder/boxbgblue.gif") repeat-y 0px 10px;
	margin:0;
}

#right dd img{
	width: 180px;
	margin-left: 0px;
}
#right dd img.newsimg{
	width: 163px;
}

#right dd h2{
	font-size: 100%;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 10px;
}
#right dd p{
	font-size: 90%;
	margin-top: 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #8B877E;
}

#right dd p.date{
	margin-bottom: 0;
	margin-top: 20px;
	padding-bottom: 0;
	border-bottom: 0;
}
	


#footer{
	font-size: 80%;
	height: 20px;
	text-align: center;
	padding-right: 10px;
	color: #4F5047;
}
#footer a{
	color: #4E5134;
}
#footer a:hover{
	color: #5E633A;
}

/*################################### Scrollbalken News ######################################*/

#newscontainer {
	width:180px; 
	height:320px; 
	z-index:1;
	visibility:visible;
}

#newsbar {
	float: right;
	margin-left: 5px;
	z-index:3; 
	width: 11px; 
	height: 320px; 
}
#inhalt_text_aktuell {
	position:absolute; 
	margin-top:2px;
	width:165px; 
	visibility: visible; 
	z-index:0; 
	clip:auto; 
	font-size:11px; 
}
#newsvisible {
	position: absolute; 
	width:165px; 
	height:320px; 
	clip:rect(0px,180px,320px,0px); 
	overflow:hidden; 
	z-index:1; 
	visibility: visible; 
}
#hoch {
	background: url("/bilder/newshoch.gif") no-repeat 0px 0px;
	margin-top:0px;
	z-index:0; 
	width: 10px; 
	height: 10px; 
}
#runter {
	position:absolute; 
	background: url("/bilder/newsrunter.gif") no-repeat 0px 0px;
	margin-top:300px;
	z-index:0; 
	width: 10px; 
	height: 10px;
}
#scrollbar {
	z-index:0; 
	width: 10px; 
	height: 300px;
	background: url("/bilder/newsscrollbar.gif") no-repeat 0px 0px;
}
#scroller {
	position:absolute; 
	background: url("/bilder/newsscroller.gif") no-repeat 0px 0px;
	margin-top:363px !important;
	margin-top:369px; 
	z-index:2; 
	width: 10px; 
	height: 18px;
}