html, body {
	margin:		0;
	padding:	0;
	background:	#9D9191;
	height:		100%; /* Das will der IE. */
background-image:url(../images/background.jpg);
background-position:top;
background-repeat:no-repeat;
}
html>body {
	/* Das will der Rest. Safari kann kein min-height, daher wird hier
	 * eventuell etwas abgeschnitten, wenn die zentrierte Box größer
	 * als das Fenster ist */
	height:		auto;
	min-height:	612px;
	min-width:	1000px;
}
#horizon { 
position: absolute; 
top: 0; 
left: 0px; 
width: 100%; 
text-align: center; 
min-width: 1000px;
} 
#comtainer { 
position: relative; 
text-align: left; 
width: 1000px; 
height: 612px; 
margin: 0px auto; 
border:#000 0px solid;
} 
a {
text-decoration:none;
color: #000000;
}
a:link {
text-decoration:none;
color: #000000;
}
a:visited {
text-decoration:none;
color: #000000;
}	
a:hover   {
text-decoration:underline;
color: #000000;
}
a:active  {
text-decoration:none;
color: #000000;
}
#impressum_box {
	position:absolute;
	top:455px;
	left:86px;
	width: 59px;
}
a.impressum{color:#FFFFFF;}
a.impressum:link{color:#FFFFFF;}
a.impressum:visited{color:#FFFFFF;}
a.impressum:hover{color:#FFFFFF;}
a.impressum:active{color:#FFFFFF;}
#content
{
position:absolute;
	top:15px;
	left:171px;
	padding-bottom:50px;
	border:1px blac
}
html>body #content {
	width: 700px;
	height:317px;
}
.fliesstext {
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#EECAC8;
}
.bilderrahmen {
border: 1px black solid;
margin-right: 5px;
}
.bilderrahmen_white {
border: 1px white solid;
margin-right: 5px;
}
#menue_pos{
	position:absolute;
	top:0px;
	left:0px;
	height: 24px;
	width: 164px;
	text-align:right;
}
.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #9D9391;
	padding-left: 10px;
	line-height: 20px;
	font-weight: bolder;
	text-transform: uppercase;
	letter-spacing: 5px;
}
.menu_back {
background-color:#000000;
}
#balken {
background-color:#333333;
height:20px;
margin-top:-4px;
}
#balken_unten {
background-color:#333333;
height:350px;
}
a.menu {
	color: #9D9391;
	text-decoration: none;
	background-color:#000000;
	width:100%;
         }

a.menu:link    { 	
	color: #9D9391;

	}
a.menu:visited { 	
	color: #9D9391;
	}
	
a.menu:hover   { 	
	color: #FFFFFF;
	text-decoration: none;	 
 	}
a.menu:active  {  	
	color: #9D9391;
	}
	
	
	a.listing {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bolder;
	text-transform: uppercase;
	color: #FFFFFF;
	letter-spacing: 2px;
	padding-left: 5px;
         }

a.listing:link    { 	
	color: #FFFFFF;

	}
a.listing:visited { 	
	color: #FFFFFF;
	}
	
a.listing:hover   { 	
	color: #FFFFFF;
	text-decoration: underline;	 
 	}
a.listing:active  {  	
	color: #FFFFFF;
	}
	
	
	
	#menue_spalte{
	position:absolute;
	top:130px;
	left:0px;
	}
	html>body #menue_spalte {
	top:140px;
	}
	#menue_punkte{
	text-align:left;
	background-color:#333333;
	width:100%;
	}
	.spacer {
	background-color:#CCCCCC;
	}
	#main{
	top:17px;
	left:100px;
	width:600px;
	}
#rechts_pos{
	position:absolute;
	top:17px;
	left:565px;
	height: 24;
	width: 263;
	text-align:right;
	border-left:1px #b1b1b1 solid;
	background-color:#CCCCCC;
	top:-17px;
}
#r_content {
background-image:url(../images/boxrechts/3.jpg);
width:263px;
height:305px;
margin-top:-4px;
}
#r_text {
width:180px;
padding-left:80px;
margin-top:-110px;
text-align:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	text-transform: none;
	color: #333333;
}
#pop {
position:relative;
width:140px;
height:120px;
margin-top:-290px;
left:-120px;
cursor:pointer;
}
html>body #r_text {
width:100px;
padding-left:150px;
}
#r_liste {
margin-top:28px;
text-align:left;
}
#r_balken {
width:263px;
height:20px;
background-color:#000000;
text-align:left;
padding-left:10px;
padding-top:4px;
}
html>body #r_balken {
width:253px;
}
#r_unten{
text-align:left;
padding:14px;
background-color:#CCCCCC;
}
.covertitel2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bolder;
	text-transform: uppercase;
	color: #666666;
	letter-spacing: 1px;
	text-align: right;
	padding-left: 2px;
	line-height: 20px;
}
.back_hell {
background-color:#c1c1c1;

}
.back_dunkel {
background-color:#b1b1b1;
}
div.menu {
	background-color: #FFFFFF;
	border: 1px solid;
	border-color: #000000 #000000 #000000 #000000;
	font-size: 12px;
	left: 0;
	margin: 0;
	padding: 1px;
	position: absolute;
	top: 0;
	visibility: hidden;
	width: 160px;
	z-index:2;
}
.coverkuenstler {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bolder;
	text-transform: uppercase;
	color: #FFFFFF;
	letter-spacing: 2px;
	padding-left: 5px;
}
.ankuendigungtext {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	text-transform: none;
	color: #333333;
	padding-left: 0px;
	padding-right: 0px;
}
.covertitel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bolder;
	text-transform: uppercase;
	color: #000000;
	padding-left: 10px;
	letter-spacing: 1px;
}
.covertext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	text-transform: none;
	color: #333333;
	padding-left: 10px;
	padding-right: 3px;
}
.box {
width:300px;
height:135px;
margin-bottom:20px;
margin-left:8px;
}
.box2 {
width:300px;
height:135px;
margin-top:-155px;
margin-right:7px;
float:right;
}
#streifen1 {
position:absolute;
background-color:#E94100;
height:12px;
width:550px;
margin-left:5px;
top:90px;
}
#streifen2 {
	position:absolute;
	background-color:#9D9391;
	height:12px;
	width:550px;
	top:102px;
	margin-left:5px;
}
html>body #streifen2 {
	width:545px;
}
#cover {
position:relative;
z-index:40;
}
#beschreibung{

position:relative;
top:76px;
left:19px;
width:520px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-transform: none;
	color: #333333;
	height:expression(document.body.clientHeight + 120 + "px");
	min-height: 820px;
	
}
#navi {
position:absolute;
top:0px;
height:50px;
width:600px;
background-image:url(../images/verlaufoben.jpg);
}
.abc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bolder;
	color: #FFFFFF;
	text-transform: lowercase;
	text-decoration: none;
}
.ueberschrift {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bolder;
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
}
a.abc{ 	
	color: #ffffff;
	text-decoration: none;	 
 
	}
a.abc:hover   { 	
	color: #E94100;
	text-decoration: none;	 
 
	}
	a.abc:visited { 	
	color: #E94100;
	}

a.abc:active  {  	
	color: #E94100;
	}
.editionnr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	text-transform: none;
	color: #000000;
	position:absolute;
	left:240px;
	top:60px;
}
.tracklisting {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bolder;
	text-transform: uppercase;
	color: #FFFFFF;
	letter-spacing: 1px;
	text-align: right;
	padding-left: 2px;
	line-height: 14px;
}
.tracklisting2 {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bolder;
	text-transform: uppercase;
	color: #000000;
	letter-spacing: 1px;
	text-align: left;
	padding-left: 5px;
	line-height: 15px;
}
.unternavi {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #9D9391;
	padding-left: 10px;
	line-height: 20px;
	font-weight: bolder;
	text-transform: uppercase;
	letter-spacing: 5px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #666666;
}
/* Inset 3D Raised */
.raised {background: transparent; width:830px;}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#cccccc; border-left:1px solid #cccccc; border-right:1px solid #eee;}
.raised .b3 {background:#cccccc; border-left:1px solid #cccccc; border-right:1px solid #ddd;}
.raised .b4 {background:#cccccc; border-left:1px solid #cccccc; border-right:1px solid #aaa;}
.raised .b4b {background:#cccccc; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#cccccc; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#cccccc; border-left:1px solid #aaa; border-right:1px solid #999;}


.raised .b1 {margin:0 5px; background:#cccccc;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {background:#cccccc; border-left:1px solid #cccccc; border-right:1px solid #999;}