* {margin:0; padding:0}

/* BODY - START*/
body {
 	font-family: Arial, Verdana, Helvetica, sans-serif;
 	font-size: 14px;
	color: black;
	background: #333333;
	}
	
/* BODY - END*/

.silver {
	color: silver;
}


/*HYPERLINKS*/

a:link {
	text-decoration: underline;
	color: yellow;
	} 

a:visited {
	text-decoration: none;
	color: yellow;
}

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

a:active {
	text-decoration: underline;
	color: yellow;
}



/*WRAPPER - START*/
#wrapper { 
	position: relative;
	width: 940px;
	top: 0px;
	margin: 0 auto;
}
/*WRAPPER - END*/


/*HEADER - START*/
#header {
	position: relative;
	float: left;
 	width: 940px;
	height: 65px;
	background-color: #2d2c2c;
	margin-bottom: 1px;
	}
	
#header #nav {
	margin-top: 0px;
	list-style:none; 
	width:940px; 

	display:block; 
	overflow:hidden;
	margin-left: 0px;
}


#nav {
	position: relative;
	float: left;
	width: 940px;
	padding-top: 10px;
	margin-bottom: 10px;
}

#nav p {
	margin-top: 12px;
	left: 500px;
	text-transform: uppercase;
	color: yellow;
	font-size: 12px;
}
#bar li {
	float: left; 
	display:inline; 
	overflow:hidden;
	margin-left: 0px;
}

#bar img {
	border: none;
}

#m1 {
	position: relative;
	float: left;
	padding-left: 20px;
	margin-right: 474px;
}

#m2 {
	position: relative;
	float: right;
	margin-right: 20px;
}

#m3 {
	position: relative;
	float: right;
	margin-right: 20px;
}

#m4 {
	position: relative;
	float: right;
}



/*HEADER - END*/






#intro {
	position: relative;
	float: left;
	width: 940px;
	padding-top: 0px;
	background-color: #2d2c2c;
	margin-bottom: 1px;
}

#intro h1 {
	font-size: 22px;
	font-family: arial;
	text-transform: uppercase;
	color: #FFF;
	padding-left: 20px;
	padding-top: 20px;
}

#intro h2 {
	font-size: 14px;
	font-family: arial;
	text-transform: uppercase;
	color: yellow;
	margin-bottom: 10px;
	padding-left: 20px;
}


#intro p {
	font-size: 11px;
	font-family: arial;
	text-transform: uppercase;
	color: silver;
	padding-bottom: 16px;
	line-height: 120%;
	padding-left: 20px;
}

#brut {
	position: relative;
	float: left;
	width: 940px;
	background-color: #2d2c2c;
	margin-bottom: 1px;
}

#brut img {
	border: none;
}
#brut a {
	text-decoration: none;
}

#teaser {
	position: relative;
	float: left;
}


.transparent {
	position: absolute;
	float: left;
	z-index: 1;
	margin: 2px;
	background: rgba(45, 44, 44, 0.40);
	width: 424px;
	margin-bottom:10px;
	padding: 6px;
	font-family: arial;
}

.transparent p {
	line-height: 90%;
}

.cat {
	color: #2d2c2c;
	font-size: 11px;
	font-weight: bold;
	margin-bottom:4px;
}

.artist {
	font-size: 20px;
	font-family: arial;
	font-weight: bold;
	text-transform: uppercase;
	/*color: #333;*/
}


.title {
	font-size: 18px;
	font-family: arial;
	font-weight: normal;
	/*color: #333;*/
}

.cathell {
	color: silver;
	font-size: 11px;
	font-weight: bold;
	margin-bottom:4px;
}

.artisthell {
	font-size: 20px;
	font-family: arial;
	font-weight: bold;
	text-transform: uppercase;
	color: silver;
}


.titlehell {
	font-size: 18px;
	font-family: arial;
	font-weight: normal;
	color: silver;
}





/*BOXLEFT - BEGIN*/
#boxleft {
	position: relative;
	float: left;
	width: 438px;
	background-color: #2d2c2c;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-right: 1px solid #333;

}

#boxleft img {
	position: relative;
	float: left;
	width: 440px;
}


/*BOXLEFT - END*/

/*BOXRIGHT - BEGIN*/
#boxright {
	position: relative;
	float: left;
	width: 441px;
	background-color: #2d2c2c;
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	}

#boxright img {
	position: relative;
	float: left;
	width: 440px;

	}

/*BOXRIGHT - END*/


.liner {
	position: relative;
	float: left;
	margin-top: 10px;
	width: 440px;
	height:300px;
	background-color: #2d2c2c;
	}

.liner #tracklist{
	position:relative;
	float:left;
	top: 0px;
	width: 440px;
	}
	
.liner #tracklist h2 {
	color: white;
	margin-left: 0px;
	text-transform: uppercase;
	font-size: 14px;
}
	
.liner #tracklist ul {
line-height: 24px;
}

.liner #tracklist ul li{
	list-style: none;
	border-bottom: 1px solid yellow;
}	

.liner #tracklist ul li em{
	float: right;
	margin-right: 0px;
}

.liner #tracklist ul p{
	margin-left: 0px;
	margin-top: 6px;
	list-style: none;
	font-family: Arial;
	color: #FFF;
	font-size: 10px;
	text-transform: uppercase;
}

#layer1 {
	position: relative;
	float: left;
	width: 940px;
	height: auto;
	margin-top: 1px;
	background-color: #2d2c2c;
}

#layer2 {
	position: relative;
	float: left;
	width: 940px;
	height: auto;
	margin-top: 1px;
	background-color: #2d2c2c;
}

.box1, .box2 {
	position: relative;
	float: left;
	margin-top: 1px;
	height: auto;	
}

.box1 {
	position: relative;
	float: left;
	width: 468px;
	margin-right: 1px;
	border-right: 1px solid #333;
}

.box2 {
	position: relative;
	float: left;
	width: 470px;
	margin-right: 0px;
}


.downloads {
	position: relative;
	float: left;
	height: 180px;
	margin-top: 10px;
	font-size: 11px;
	padding-bottom: 20px;
}

.downloads ul.left {
	list-style: none;
	margin-left: 20px;
}

.downloads ul.right {
	list-style: none;
	margin-left: 10px;
}

.downloads li {
	list-style-image: url(images/pfeil2.gif);
	list-style-position: outside;
	margin-left: 20px;
}

.downloads li a {
	display: block;
	text-decoration: none;
	padding: 5px 0;
	border-bottom: 1px solid #333333;
	width: 420px;
	color: silver;
}

.downloads li a:hover {
	text-decoration: none;
	color: yellow;
	border-bottom: 1px solid yellow;
}

.downloads h2.left {
	margin-left: 20px;
	color: yellow;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.downloads h2.right {
	margin-left: 10px;
	color: yellow;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.dates {
	position: relative;
	float: left;
	margin-top: 10px;
	font-size: 11px;
	padding-bottom: 20px;
}

.dates ul.left {
	list-style: none;

}

.dates ul.right {
	list-style: none;

}

.dates li {
	list-style-position: outside;
	line-height: 10px;
	padding-top: 10px;
}
.dates p {
	font-size: 11px;
	color: white;
}

.box1 .dates p {
	margin-left: 20px;
}

.box2 .dates p {
	margin-left: 10px;
}

.past {
	text-decoration: line-through;

}

.box1 .dates li a {
	display: block;
	text-decoration: none;
	padding: 5px 0;
	margin-left: 20px;
	border-bottom: 1px solid #333333;
	width: 440px;
	color: silver;
}

.box2 .dates li a {
	display: block;
	text-decoration: none;
	padding: 5px 0;
	margin-left: 10px;
	border-bottom: 1px solid #333333;
	width: 440px;
	color: silver;
}

.dates li a:hover {
	text-decoration: none;
	color: yellow;
	border-bottom: 1px solid yellow;
}

.dates h2.left {
	margin-left: 20px;
	color: yellow;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.dates h2.right {
	margin-left: 10px;
	color: yellow;
	margin-bottom: 5px;
	text-transform: uppercase;
}



/*FOOTER - START*/
#footer { 
	position: relative;
	float: left;	
	width: 940px;
	margin-top: 0px;
	margin-bottom: 150px;
	background-color: #2d2c2c;
}

#footer p {
	padding-left: 20px;
	margin-top: 10px;
	color: silver;
	font-size: 12px;
	line-height: 16px;
	}
	
/*STYLE ACCORION BOX - START*/
#accordion1 {width:940px; margin:0px auto; border:0px solid #2d2c2c; border-top:none}
.accordion1 {width:940px; font:12px Verdana,Arial; color:#FFF}
.accordion1 dt {width:920px; padding-left: 20px; padding-top: 4px; padding-bottom: 4px; font-weight:bold; text-transform: uppercase;cursor:pointer; background-color:#2d2c2c; background-image:url(images/arrow_down.gif); background-position:right center; background-repeat:no-repeat; color:#fff; border-top:1px solid #333 }
.accordion1 dt:hover {background-color:#2d2c2c; color: yellow; text-decoration: underline;}
.accordion1 .open {background-color:#2d2c2c; background-image:url(images/arrow_up.gif)}
.accordion1 dd {overflow:hidden; background: rgba(45, 44, 44, 1.00);}
.accordion1 span {display:block; width:940px; border-top:none; padding-left: 20px; padding-top:10px; padding-bottom: 10px;}
/*STYLE ACCORION BOX - END*/