@charset "UTF-8";
/* CSS Document */


html {


background-size: 130%;
background-color:#000000;
}

body {
	
	
 width:700px;
 height:800px;
 background-position:50% 0%;
  margin-top:0px;
	  
	margin: 0 auto;	
	font: normal 10px Arial;
	line-height: 1.8em;
	background-color:#fdfdfd;
	
	
}

.extra_infos {
	position:absolute;
	margin:150px 0px 0px 290px;
	
	text-align:center;
	font-size: 1.3em
	
}

.extra_infos a {
	text-decoration:none;
	color:#f00;
	
}

.extra_infos a:hover {
	
	color:#fff;
	
}

	div#container {
		background-image: url(../img/shop_banner.jpg); background-repeat:no-repeat;
	
	    min-width:700px;
	    max-width:1200px;
	 
	   margin-top:0px;
	    background-color:#fdfdfd;
	    color: #151515;
	    
	}
	
	#items {
		position:relative;
		margin: 0 auto;	
		padding-left:20px;
		padding-right:20px;
		padding-top:520px;
		width:700px;
		
		
	}
	
	
	#list {
    display: table;
    width:680px;
    }

  #row  {
    display: table-row;
    
    }
    
  

  #title, #left, #middle {
    display: table-cell;
    }
    #right {
    	 display: table-cell;
    	 text-align: left
    	 
    }
    
    .meta {
    	color:#9E9E9E;
    }
    
   #grau {
    
     background-color:#EEEEEE;
    }
    
    .order_check {
    padding:5px 2px;
    	background-color:#FF0000;
    }
    
    .low_prize {
    	color:#FF0000
    }
    
    
    
	ul {
		list-style: none;
	}
	
h1 {
	font-family:Arial;
	text-align: left;
	font-weight: normal;
	font-size: 1.5em;
	line-height: 1.2em;
	margin: 0; padding: 20px 0;
}
h1 small {
	display: block;
	font-size: 0.5em;
	color: #999;
}
img {
	border-color:#FFFFFF;
-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}




ul.columns {
	width: 700px;
	list-style: none;
	margin: 0 auto; padding: 0;
}
ul.columns li {
	width: 130px;
	float: left; display: inline;
	margin: 0px; padding: 0;
	position: relative;
}
ul.columns li:hover {z-index: 99;}

ul.columns li img {
	position: relative;
	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}







ul.columns li:hover img{
	z-index: 999;
	filter: alpha(opacity=70);
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

ul.columns li:visited img{
	z-index: 999;
	filter: alpha(opacity=100);
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	border: 5px;
}

.tracklist {
	background:#dedede
}

.packaging {
	background:#c9e2a7
}

.song_preview {
	background:#eeeca8
}

ul.columns li .tracklist_content {
	position: absolute;
	left: -10px; top: -78px;
	padding: 5px 10px;
	width: 185px;
	display: none;
	background: #dedede;
	font-size: 1.0em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

ul.columns li .packaging_content {
	position: absolute;
	left: -267px; top: -90px;
	padding: 10px 20px;
	width: 340px;
	display: none;
	background: #c9e2a7;
	font-size: 1.0em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

ul.columns li .song_preview_content {
	position: absolute;
	left: -10px; top: -68px;
	padding: 5px 10px;
	width: 150px;
	display: none;
	background: #eeeca8;
	font-size: 1.0em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

ul.columns li p p{
	color="#FF0000";
}
ul.columns li:hover .tracklist_content {display: block;}
ul.columns li:hover .packaging_content {display: block;}
ul.columns li:hover .song_preview_content {display: block;}


ul.columns li h2 {
	font-size: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0; padding: 10px 0;
}
ul.columns li p {padding: 0; margin: 0; font-size: 0.9em;}



.abyss {
	 position: relative;  padding: 0px 10px 0px;
}
.astropolis {
	position: relative; padding: 0px 210px 0px;
}
.nox {
	position: absolute; padding: 0px 10px 0px;
	color: #686868;
}
.poster {
	position: relative;; padding: 0px 10px 100px;
}
.zeitung {
	position: relative; padding: 0px 210px 100px;
	color: #686868;
	
}
.app {
	position: relative; padding: 0px 0px 100px;
	
}

#mail {
	margin: 0 auto;
	position: relative; padding: 0px 0px 0px;
	font-size: 1.44em;
	text-align:left;
	color:#FFF;
	z-index: 9;
}

  #payment  {
  	padding:10px 155px;
  	color:#FFF;
    background-color:#c1c1c1;
    
    
    }
    
    #payment_info  {
    
  	position:absolute;
  	margin-top:54px;
  	margin-left:-135px;
  	color:#FFF;
    text-align:right;
    line-height: 4.0em;
    
    
    
    }
    
    #warenkorb  {
    
  	position:absolute;
  	margin-top:18px;
  	margin-left:230px;
    
    }
    
    #order_button  {
    
  	position:absolute;
  	margin-top:-23px;
  	margin-left:430px;
    
    }
        #basket_button  {
    
  	position:absolute;
  	margin-top:-43px;
  	margin-left:430px;
    
    }
   
   

#mail p{
	
text-align:left;
	font-size: 0.7em;
	color:#CECECE;
	z-index: 9;
}

a {
	color:#ff0000
}


#meldungen {
	position: relative; padding: 10px 0px 0px;
	color:#C52121;
	width: 500px;
	font-size: 0.75em;
	font-weight:bold;
	z-index: 5;
}

p.shipping {
	color: #fff;
	width: 500px
}

#fragen {
	padding:10px;
	background-color: #000;
	
}

dl {
	
}

dd {
    margin: 0;
	color:#fff;
    padding: 10px;
    font-size : 1.2em
    
}

dt {
    cursor: pointer;
     padding-left: 10px;
	color:#fff;
    font-weight: roman;
    font-size : 1.2em;
    line-height: 2em;
    background: #000;
    background-color: #a1a1a1;
    border-bottom: 1px solid #a5a5a5;
    border-top: 1px solid #959595;
}

dt:first-child { border-top: none; }
dt:nth-last-child(2) { border-bottom: none; }

.hide { display: none;}