html {
 
}

body {	 
	margin-top: 0px;
	margin-left: 0px;
 	margin-right: 0px;
 	margin-bottom: 0px;
	font-family: Arial, sans-serif;
	font-size: 11.5px;
	line-height: 150%;
	text-align: left; 
	color: #fff;
	  
	background: url(images/bg.jpg) top center repeat-x #0b87c1;
	 
	overflow-x: hidden;
	overflow-y: scroll;
	position: relative;
}

h1, h2, h3, h4, h5, h6 {
font-family: "Arial Black",Arial, Helvetica, sans-serif;
letter-spacing: -0.05em;
font-weight: bolder;
color: #fff;
line-height:110%;
margin: 0px 0px 0px 0px;
text-transform: uppercase;
text-shadow:0 1px 0 rgba(0, 0, 0, 1);
}

h1 {
font-size: 20px;
margin: 4px 0px 0px 10px;
text-shadow:0 2px 0 rgba(0, 0, 0, 1);
}

h2 {
	color: #fff;
font-size: 22px;
margin: 0 0 2px 0;
text-shadow:0 2px 0 rgba(0, 0, 0, 1);
text-transform: uppercase;
}

h3 {
font-family: Arial, Helvetica, sans-serif;
color: #54acf6;
font-size: 14px;
margin: 0 0 10px 0;	

text-transform: none;
text-shadow:0 2px 0 rgba(0, 0, 0, 1);
}

h4 {
font-size: 13px;
color: #fff;
text-shadow:0 2px 0 rgba(0, 0, 0, 1);
margin: 0 0 7px 0;
}

h5 {
font-family: "Arial Black",Arial, Helvetica, sans-serif;
color: #eedf00;
font-size: 14px;
margin: 0 0 10px 0;	
text-shadow:0 2px 0 rgba(0, 0, 0, 1);
padding: 5px 0px 0px 28px;
}


h6 {
font-family: "Arial Black",Arial, Helvetica, sans-serif;
color: #fff;
font-size: 14px;
margin: 0 0 10px 0;	
text-shadow:0 2px 0 rgba(0, 0, 0, 1);
padding:4px 0px 0px 7px;
}

#line {
	float: left;
	clear: both;
width: 700px;
height: 26px;
background: url(images/line_bg.gif) repeat-x;	
overflow: hidden;
}

table,td,tr {
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: none;
font-size: 11px;
}

img { border-style:none;}

#ajaxcontentarea {
position: relative;
z-index: 500;
}

p {
margin: 3px 0px 6px 0px;
}

a {
text-decoration: none;
color: #fff;
border-width: 0px;
border-style: none;
}


a:hover,visited,active {
color: #00376a
}
	
	ul {
	list-style-type: square;	
	margin: 0;
	padding: 0;
	list-style-position:inside;
	}
	
	ul li {
	margin: 0 0 0 5px;
	
	}

	
#bottom {
	position: fixed !important;
	position: absolute;
	bottom: 0px;
	right: 0px;
	visibility: visible !important;
	visibility: hidden;
	}
	
#page {
	position: relative;
	width: 100%;
	text-align: center;
	height: 100%;
	}
	
#centered {
	position: absolute;
	left: 50%;
	margin: auto !important;
	top: 0px;
	height: 100%;
	}
		
#content {
	text-align: left;
	position: relative;
	width: 1050px;

	margin-left: -520px;
	*margin-left: -520px;
	z-index: 0;
	
	
}
	
#maincontent {

position: relative;
left: 0px;

float: left;
height: auto !important;
height: 900px;
min-height: 900px;
top: 0px;
*top: -21px;
_top_: -21px;
width: 1050px;
overflow-x: hidden;
background: url(images/content_bg.jpg) repeat-y  ;
}
	
#content_padding {
position: relative;
z-index: 1;
height: auto !important;
min-height: 250px;
height: 250px;
}

#dynamiccontent {
z-index: 20;
position: relative;
top: 0px;
padding: 0px 0px 0px 0px;
vertical-align: top;
position: relative;
z-index: 500;
}


input {
margin: 3px 0px 3px 0px;
vertical-align: middle;
}

#topdiv {
position: absolute;
top:0px;
left: 0px;
width: 1050px;
height: 837px;
background: url(images/content_topbg.jpg) no-repeat;
}


#column_middle {
/*
margin: 0px 191px 0px 206px !important;
margin: 0px 191px 0px 206px;
*/
width: 698px;
float: left;
top: -0px;
height: auto;
position: relative;
z-index: 1;
height: auto !important;
height: 550px;
min-height: 550px;

}


#column_right {
position: relative;
float: right;
z-index: 0;
top: 0px;
width: 220px;
overflow-x: hidden;
height: auto;
margin: 0 30px 0 0;
}


#column_left {
position: relative;
float: left;
z-index: 0;
top: 0px;
width: 230px;
overflow-x: hidden;
height: auto;
margin: 0 20px 0 49px;
}

#column_left img {
float: left;
margin-bottom: 20px;	
}

#column_cleaner {
clear: both;
}


#content_box {
background: url(images/content_grad.gif) #5a5a5a repeat-x; 
height: auto !important;
min-height: 50px;
height: 50px;
margin-bottom: 20px;
z-index: 1;
float: left;
width: 100%;
}

#content_box.light {
background: url(images/content_grad_light.gif) #484848 repeat-x; 
}

.centered {
text-align: center;	
}

#content_box_padding {
padding: 16px 16px 16px 16px;
}



#content_padding {
padding: 26px;	
}

#content_padding2 {
padding: 26px 0 0 0;	
}


#sidebar_box {
	background: #535353;
	margin: 0 0 20px 0;
}

#sidebar_box_padding {
	padding: 10px 10px 4px 10px;
	background: #626262 url(images/side_grad.gif) repeat-x;
}

ul#navigation li {
  list-style-type: none; /* Aufz‰hlungszeichen entfernen */
}

#nav_container {
	position: relative;
float: left;
margin: 0 0 20px 0;
z-index:  500;
}

#navi {
	float: left;
	background: url(images/navi_bg.gif) repeat-y;
	width: 230px;
	position: relative;
	overflow: hidden;

}

#navitop {
	position: relative;
	width: 230px;
	height: 4px;
	overflow: hidden;
	background: url(images/navi_top.gif) no-repeat;
	top: 0px;
	left: 0px;
}

#navibottom {
	float: left;
	width: 230px;
	height: 11px;
	background: url(images/navi_bottom.gif) no-repeat;
	top: 0px;

	left: 0px;
	overflow: hidden;
}

#navi_list {
float: left;	
height: 31px;
width: auto;
}

ul#navigation {
  margin: 0;
  padding: 0;
  font-family: "Arial Black",Arial, Helvetica, sans-serif;
  text-shadow:0 1px 0 rgba(255, 255, 255, 1);
  color: #000;
  font-size: 17px;

  position: relative;
 width: auto;
 width: 230px;

	_margin-bottom: -6px;
	*margin-bottom: -6px;

}

ul#navigation li, ul#navigation li.last {
clear: both;
  list-style-type: none; /* Aufz‰hlungszeichen entfernen */
  float: left;
  background: url(images/navi_link.gif) center right no-repeat;
  border-bottom: 1px solid #a8c1cc;
  padding: 0;
  width: 230px;
  height: 78px;
  margin: 0;
  position: relative; 
}

ul#navigation li.last {
  border-bottom: none;

}

ul#navigation li a {
	color: #0089c9;
 position: relative;
 cursor: pointer;
}



ul#navigation li a:hover {
 color: #0089c9;
}

a.mehr {
background: url(images/link.gif) no-repeat top left;
padding: 3px 5px 0px 28px;
height: 23px;
overflow-y: hidden;
display: block;
margin: 0 0 4px 0;
font-weight: bold;
}

#top {
width: 1050px;
height: 111px;
position: relative;
}

ul#subnav {
float: right;	
top: 0px;
right: 0px;
margin: 0;
padding: 0;
list-style-type: none;
}

ul#subnav li {
float: right;
background: url(images/sub.gif) top left no-repeat;
padding: 12px 14px 0px 16px;
}

ul#subnav li a {
color: #aaaaaa;	
}

strong {
color: #cccccc;	
}


#formbox {
background: #333;
padding: 10px;
}

#logo {
position: absolute;
top: 0px;
left: 0px;
z-index: 10000;
cursor: pointer;
}

#content_top {
width: 1050px;
height: 16px;
overflow: hidden;
background: url(images/content_top.gif) no-repeat;
}
#content_bottom {
width: 1050px;
height: 29px;
overflow: hidden;

}

#club {
	float: left;
position: relative;
left: 10px;
margin: 0 0 30px 0;
}

#twitter {
position: relative;
width: 210px;
overflow-x: hidden;
background: #e6f6fd;
}

#twitter_padding {
padding: 4px 8px 2px 8px;	
}

#date3 {
color:#CC0000;
font-weight:bold;
}

#twitter_item {
  border-bottom: 1px solid #03457A;	
}
#twitter_item a {
color: #53595b;	
}

#twitter_bottom {
position: relative;
height: 8px;
width: 210px;
background: url(images/twitter_bottom.gif) no-repeat;
}

#title {
	clear:both;
position: relative;
width: 510px;
height: 33px;
background: url(images/title.gif) no-repeat #950b0b;
overflow: hidden;
}

#infos {
	float: left;
	position: relative;
width: 700px;
height: 279px;
background: url(images/infos_pattern.gif) repeat-x #00254a;
margin: 0 0 0px 0;
overflow: hidden;
}

#infos_padding {
		float: left;
	position: relative;
padding: 25px 10px 0px 250px;	
	height: auto !important;
	height: 170px;
	min-height: 170px;
}

#infos_padding2 {
position: relative;
padding: 11px 14px 0px 14px;	
}

#cover {
position: absolute;
height: 205px;
width: 205px;
background: #000;
top: 33px; 
left: 29px;
}

#cover img {
position: absolute;
left: -4px;
top: -4px;
height: 205px;
width: 205px;
}

#buylinks {
float: left;
width: 250px;
background: url(images/buy_grad.gif) repeat-x #03457A;
padding-bottom: 6px;
text-shadow:0 1px 0 rgba(0, 0, 0, 1);
corner-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

#buy {
	float: left;
font-size: 10px;
color: #fff;
text-transform: uppercase;
margin:10px 0 0 10px;
}

#buy ul {
	float: right;
	width: 155px;
}

#buy ul li {
float: left;
list-style-type: none;
margin:0 2px 3px 0;
padding: 0;
width: 63px;
height: 19px;
overflow-hidden;
white-space: nowrap;
}

#col1 {
float: left;
width: 84px;
overflow-x: hidden;
}

#buy  a {
margin: 0 0 10px 0;
}

#content_box {
float: left;
width: 100%;
background: url(images/buy_grad.gif) repeat-x #c2ecfd;
border: 1px solid #60cbf3;
text-shadow:0 1px 0 rgba(255, 255, 255, 1);
margin: 0 0 20px 0;
}

#content_box_padding {
padding: 12px 14px;	
}

#artist_list {
width: 490px;
float: left;
margin: 6px 0px;
}

#artist {
background: url(images/artist_bg.gif) repeat-x #c80703;
border: 1px solid #a05663;
margin: 0 12px 10px 0;
float: left;
position: relative;
width: 107px;
height: 130px;
vertical-align: bottom;
text-align: center;
overflow: hidden;
}

#artist p {
	padding: 91px 3px 3px 3px;
		font-size: 12px;
	font-weight: bold;
	line-height: 14px;
font-weight: bold;	
color: #000;
text-shadow: none;
}

#artist img {
position: absolute;
top: 1px;
left: 1px;
width: 105px;
height: 85px;
}

#artist a {
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
font-weight: bold;	
color: #fff;
text-shadow:0 1px 0 rgba(0, 0, 0, 1);
vertical-align: bottom;
}

#tracklist {
margin: 16px 0px 25px 30px;
width: 640px;
float: left;
}

#tracklist_title {
	position: relative;
background: #0a3f74;
height: 22px;
width: 100%;
overflow: hidden;
}

ol {
	text-shadow: none;
margin: 4px 0px;
color: #fff;
list-style-position: inside;
padding: 0 0 0 0px;
width: 100%;
overflow-x: hidden;
}

ol li {
background: #095693;
white-space: nowrap;
padding: 2px 10px 4px 10px;

}

ol li.even {
background: #0a4985;
}

ol li strong {
color: #52b3ff;	
}

#cd {
	position: relative;
	float: left;
	width: 230px;
	overflow-x: hidden;
	height: auto;
	margin-bottom: 20px;
}

#cd_buylinks {
float: left;
text-align: left;
}

#cd_padding {
padding: 0px 14px;
float: left;
text-align: center;
}

#cd_top {
	position: relative;
	float: left;
	width: 210px;
	height: 26px;
	overflow: hidden;
	background: url(images/cd_red.gif) no-repeat  ;
}

#cd_top.blue {
	background: url(images/cd_blue.gif) no-repeat  ;
}


#cd_top h2 {
margin: 4px 0px 0px 10px;
font-size: 14px;
text-shadow:0 1px 0 rgba(0, 0, 0, 1);
color: #fff;
}


#cd_padding h2 {
margin: 6px 0px 10px 0px;
font-size: 18px;
text-shadow:0 2px 0 rgba(3, 5, 37, 1);
color: #fff;
text-transform: uppercase;
}

#cd #buy {
margin: 8px 4px 4px 8px;
width: 182px;
}

#cd #buy ul {
float: left;
width: 133px;	
}

#cd #buy #col1 {
font-size: 7px;
float: right;
width: 43px;
overflow: hidden;

}

#cd_buylinks {

background: url(images/buy_grad.gif) repeat-x #03457a;
margin: 0 0 20px 0;

}

#cd_bottom {
background: url(images/cd_bottom.gif) no-repeat;
width: 210px;
height: 7px;
float: left;
margin: 0 0 20px 0;
}

#cd_title {
background: #7dbdd5;
height: 20px;
width: 190px;
overflow: hidden;
}

#cd h3 {
color: #fff;
font-size:14px;
margin:0 0 10px;
margin: 10px 0px 2px 8px;

text-shadow:0 2px 0 #0b87c1;
text-transform:uppercase;
}

#impressum {
float: left;
width: 1000px;
padding: 0 0px 0 50px;
margin: 10px 0px 80px 0px;
position: relative;
}

#ads {
position: absolute;
right: 70px;
top: 10px;
z-index: 6000;
}

#newsletter {
position: absolute;
width: 426px;
height: 115px;
top: 0px;
right: 41px;
background: url(images/nl.png) no-repeat;
overflow: hidden;
z-index: 15000;
font-size: 10px;
color: #bae1ff;
overflow-hidden;
}

#newsletter2 {
position: absolute;
width: 426px;
height: 20px;
top: 103px;
right: 0px;
overflow: hidden;
z-index: 15000;
font-size: 11px;
color: #a9d7ff;
overflow-hidden;
}

#newsletter  h3 {
	text-transform: uppercase;
position: absolute;
top: 34px;
left: 25px;
color: #fff;
font-size: 14px;
text-shadow: none;
}

#nl_form {
position: absolute;
top: 65px;
left: 25px;	
width: 380px;
height: 30px;
font-size: 11px;
}

#nl_form input {
	border: none;
	margin-right: 4px;
	font-size: 11px;
}

#nl_form #form_email, #nl_form #form_firstname {
width: 100px; height: 20px;
}

#nl_req {
	position: absolute;
	right: 34px;
	top: 29px;
}

#nl_form #send {
margin: 0 0 0 10px;
border: 1px solid #aaa;
background: #fff;
}

#bg2 {
background: url(images/bg2.jpg) no-repeat;
width: 1633px;
height:1037px;
position: absolute;
left: -300px;
top: 0px;
}

#header {
width: 700px;
height: 292px;
position: relative;
}

ul#navigation li img {
width: 230px;
height: 79px;
}

#audio {
corner-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
background:#03457A url(images/buy_grad.gif) repeat-x scroll 0 0;
float:left;
padding-bottom:6px;
text-shadow:0 1px 0 #000000;
width:640px;
height: 195px;
margin: 20px 0px 20px 30px;
text-align: center;
}
#player {
margin-top: 13px;	
}


#impressum_link {
float: right;
margin: 10px 50px 0 0;
position: relative;
*top: -50px;
_top: -50px;
}



/* dsc */

#header.dsc {
background: url(images/header_dsc.jpg) no-repeat;	
}

#video.dsc {
	display: none;
position:	absolute;
top: 24px;
left: 201px;
}

#infos.dsc {
background: url(images/infos_dsc.jpg) no-repeat;	
}

ul#navigation li img.dsc {
background: url(images/navi_dsc.jpg) no-repeat;
}



/* starstruck */

#header.ss {
background: url(images/header_ss.jpg) no-repeat;	
}

#video.ss {
position:	absolute;
top: 100px;
left: 355px;
}

#infos.ss {
background: url(images/infos.jpg) no-repeat;	
}

ul#navigation li img.ss {
background: url(images/navi_ss.jpg) no-repeat;
}


/* hsc */

#header.y {
background: url(images/header_y.jpg) no-repeat;	
}

#video.y {
position:	absolute;
top: 54px;
left: 16px;
}

#infos.y {
background: url(images/infos_y.jpg) no-repeat;	
}

ul#navigation li img.y {
background: url(images/navi_y.jpg) no-repeat;
}



/* bandslam */

#header.bs {
background: url(images/header_bs.jpg) no-repeat;	
}

#video.bs {
position:	absolute;
top: 100px;
left: 355px;
}

#infos.bs {
background: url(images/infos.jpg) no-repeat;	
}

ul#navigation li img.bs {
background: url(images/navi_bs.jpg) no-repeat;
}