html, body { height: 100%;}

/* seitenlayoutelemente */

body {
	margin: 0;
	padding: 0;
	background: #ffffff url(images/body_bg.jpg) repeat;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 77%;	
	color: #585858;
}

#wrapper {
	margin: 0;	
	padding: 0 0 0 0;
	min-height: 100%;	
	background: transparent url(images/wrapper_bg.jpg) repeat-x bottom;	
}

*html #wrapper { height: 100%; }

#header {
	padding: 35px 0 0 100px;
	height: 150px;
	background: transparent url(images/header_bg.jpg) repeat-x top;
}

#contentWrapper {
	margin: -40px 0 2em 0;
	padding: 0 0 30px 0;
	width: 740px;
	height: auto;
	background: transparent url(images/contentWrapper_bg.png) no-repeat right bottom;		
}

#content {
	margin: 0;
	padding: 0 40px 2em 35px;
	width: 365px;
	float: right;
}

#sideBar {
	margin: 0 0 0 100px;
	padding: 3.5em 10px 30px 10px;
	width: 180px;
	background: transparent url(images/sideBar_bg.jpg) no-repeat bottom;
}

*html #sideBar {
	width: 176px;
}

#footer {
	margin: 0 0 0 335px;
	padding-top: 0.5em;
	width: 365px;
	clear: both;
	color: #cbcf74;
	font-size: 0.9em;
	background: transparent url(images/line.gif) no-repeat;
}

/* styles für den header und die navigation */

h1 { display: block; }

h1 a {
	margin-right: 15px;
	width: 200px;
	height: 50px;
	display: block;
	text-indent: -999px;
	background: transparent url(images/h1_bg.gif) no-repeat;
	float: left;
}

#navi {
	margin: 4px 0 0 0;
	padding: 9px 20px 8px 20px;
	height: 25px;
	display: block;
	float: left;
	background: transparent url(images/navi_bg.gif) no-repeat;
	color: #acb317;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.3em;
	font-weight: bold;
	list-style: none;
}

#navi li a { 
	color: #acb317; 
	text-decoration: none; 
	display: block;
	margin-right: 12px;	
}
#navi a:hover, #active { color: #acb317; border-bottom: 1px solid #acb317; }

#navi li {
	float: left;
}

/* inhaltsauszeichnungen */

#content a {
	color: #3e5b75;
	text-decoration: none;
	border-bottom: 1px solid;
}

#content a:hover { border-bottom-style: dotted; }

strong {
	font-weight: bold;
	color: #adb240;
}

h2 {
	margin: 0;
	color: #3e5b75;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 2em;
	text-transform: lowercase;
}

h2 span {
	margin-left: 1em;
	font-size: 0.5em;
	font-family: Arial, Helvetica, sans-serif;
	color: #585858;	
}

h3 {
	margin-top: 2em;
	color: #3e5b75;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 1.5em;
	text-transform: lowercase;
}

#content input { font-size: 0.9em; color: #585858;}

#info {
	margin: 3em 0 1em 0;
	width: 325px;
	height: 80px;
	padding: 20px;
	color: #ffffff;
	background: transparent url(images/info_bg.gif) no-repeat;
	font-size: 0.9em;
}

#info img {
	float: left;
	margin-right: 20px;
}

#info h3 {
	margin: 0 0 0.5em 0;
	font-size: 1.6em;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
}

#info p { margin: 0 4em 0 0; }

#info a { font-weight: bold; text-decoration: none; color: #ffffff;}

#content p img {
	float: right;
	margin: 0 0 1em 1em;
}

.mainImage { margin: 0 -15px 0 -15px; float: left; clear: both;}

.bandSubline {
	font-family: Arial, Helvetica, sans-serif;
	color: #585858;
	font-size: 1.1em;
	margin: 0 0 2em 0.5em;
}

#bandInfo  {

}

#bandInfo dt {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 1.0em;
	color: #acb317;
}

#bandInfo dd {
	padding: 0 0 1em 0.5em;
	margin: 0;
}

.dlCrew {
	width: 170px;
	float: left;
	margin-right: 12px;
}

*html .dlCrew {
	margin-right: 12px;
	width: 165px;
}

.dlCrew img {
	margin-bottom: 1em;
}	

.lyrics { margin-left: 0.5em;}
.lyrics p {	margin: 0.5em 0 1em 0; }	
.lyrics strong { font-weight: normal; }
ol li {	margin-bottom: 0.5em; list-style-type:decimal-leading-zero; }
ol li span { font-weight: bold; }

#dateList {
	margin: 2em 0 0 0;
	padding: 0;
}

#dateList dt h3 span {
	color: #585858;
	font-weight: bold;
	display: block;
	float: left;
	margin: 0 10px 1em 0;
	padding: 3px 0 2px 0;
	font-size: 0.7em;
	font-family: Arial, Helvetica, sans-serif;
	background: transparent url(images/line.gif) no-repeat bottom;	
}

#dateList dt h3, #guestList h3 { font-family:"Times New Roman", Times, serif; font-size: 1.4em; margin: 0; padding: 0; color:#acb317}

#dateList dt h3 a { color:#acb317; text-decoration: none; border-bottom: 0px;}

#dateList dd p { margin: 0 0 0 70px; padding: 0; }

#dateList dd {
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
}

.display {
	cursor:hand; 
	cursor:pointer;
	margin-bottom: 2px;
}

.player, .playeractive {
	margin: 0 10px -4px 0;
	padding: 0;
}
/* gb und shop */

#guestList, #shopList { margin: 2em 0 0 1em; padding: 0; list-style: none; }
#guestList li, #shopList li { padding-bottom: 0.5em; margin-bottom: 1em; border-bottom: 1px solid #CCCCCC;}
#guestList li p {	margin: 0.5em 0 0.5em 0; padding: 0; }
.gbFooter { font-size: 0.9em; }
.gbFooter a { color:#999999; text-transform: uppercase;}

#shopList { clear: both; }
#shopList li { padding-bottom: 1.5em;}
#shopList li h3 { font-size: 1.3em; margin: 0; display: block; float: left;}
#shopList p { margin: 0.5em 0 0.5em 0; clear: left; }
#shopList li ul { list-style: none; margin: 0; padding: 0;}
#shopList li ul li { padding: 0; margin: 0;	border-bottom: none; clear: none; }
#shopList li input { font-size: 0.9em; width: 1em; text-align: center;}
.shopImage { float: right; margin-left: 1em; }
.shopCaption {font-weight: bold; }
.shopText { font-size: 0.9em; color: #999999; }
.shopPrize, .shopText { text-align: right; }
#shopCart { width: 100%; }
.checkOutList { list-style: none; margin: 1em 0 1em 0; padding: 0; }
.shopCheckOutLabel {font-size: 0.9em; color: #999999; margin: 1em 0 0.5em 0; display: block; }
.shopButton { margin: 2em 0 1em 0; width: auto;}

.footer {
	font-size: 0.9em;
	color: #666666;
}

/* auszeichnungen für die sidebar */

#subNavi {
	margin: 0;
	padding: 0;
	list-style: none;
}

#subNavi li {
	padding: 3px 0 0 12px;
	height: 22px;	
	display: block;
	color: #ffffff;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.2em;
	font-weight: bold;
	background: transparent url(images/sideBar_h4_bg.gif) no-repeat;
	text-transform: lowercase;	
}

#subNavi li a {
	color: #ffffff;
	text-decoration: none;
}

#subNavi li a:hover {
	color: #feffe3;
	text-decoration: none;
}

.subNaviSpacer { margin-bottom: 0.5em; }

#player { 
	padding: 5px 0 0 12px;
	margin-bottom: 0.5em;
	height: 21px;	
	display: block;
	color: #3e5b75;
	font-weight: bold;
	background: transparent url(images/player_bg.gif) no-repeat;
	text-decoration: none;
	text-transform: lowercase;	
}
#playeractive { 
	border:solid;
	border:10px;
}


h4 {
	margin: 0;
	padding: 4px 0 0 12px;
	height: 22px;	
	display: block;
	color: #ffffff;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.2em;
	font-weight: bold;
	background: transparent url(images/sideBar_h4_bg.gif) no-repeat;
	text-transform: lowercase;	
}

#sideDateList {
	margin: 1em 5px 0 12px;
	padding: 0;
	list-style: none;
}

#sideDateList li {
	padding: 0;
	margin: 0 0 1.5em 0;
}

#sideDateList h5 {
	margin: 0 0 0.5em 0;
	color: #3e5b75;
	font-size: 1em;
}

#sideDateList h5 strong {
	display: block;
	width: 3em;
	float: left;
}

#sideDateList p {
	margin: 0 0 0 3.2em;
	font-size: 0.9em;
}

#sideDateList p a {
	padding-bottom: 2px;
	color: #c0c464;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	text-transform: lowercase;
	background: transparent url(images/line.gif) no-repeat bottom;
}

.sideBarCaption {
	margin: 0 0 2em 0;
	font-size: 0.9em;
	text-align:center;
}

#sideBar form {
 padding: 1em;
}

#sideBar label {
	display: block;
	font-size: 0.9em;
	color: #999999;
	margin-bottom: 3px;
}

#sideBar input, #sideBar textarea {
	width: 90%;
	margin-bottom: 0.5em;
}

.gbFillIn {
	background: #f0fafb;
}

.gbFormFooter {
	color: #999999;
	font-size: 0.9em;
	margin-top: 1em;
}

#sideBar p, #sideBar label {
	padding: 0 0.5em 0 0.5em;
}


/* auszeichnungen für den footer */

#footer a {
	text-decoration: none;
	margin-left: 1em;
	color: #c8cc6f;
}

#imprint {
	float: right;
}