@CHARSET "ISO-8859-1";


body {
	background: transparent url("../image/bg.png") center top repeat;
	text-align: center;
	font-family:  Lucida Grande,Verdana,Geneva,Sans-serif;
	font-size: 14px;
}

a {
   outline: 0;
}

#page-container {
	position: relative;
	height: 100%;
	margin: 0 auto;
	text-align: left;
	/* border: solid 1px red; */ 
	/* min-width: 1024px; */
	width: 80%;
}

#header {
	clear:both; 
	height: 151px;
}

#logo {
   background: url('../image/logo.png');
   margin-left: -34px;
   width: 420px;
   min-width: 420px;
   height: 58px;
   float: left;
   margin-bottom: 5px;
}

#slogan {
   clear: both;
   margin-left: 3px;
   height: 21px;
}

#slogan.de {
	background: url('../image/slogan_de.png') no-repeat;
}

#slogan.en {
	background: url('../image/slogan_en.png') no-repeat;
}


#maintenance {
   margin-top: 175px;
   height: 50px;
}

#maintenance.de {
	background: url('../image/maintenance_de.png') no-repeat center;
}

#maintenance.en {
	background: url('../image/maintenance_en.png') no-repeat center;
}

#lang_select {
	min-width: 592px;
}
	
#lang_select_float {
	float: right;
	margin: 2px;
}

#de_flag {
 float: left;
 margin-right: 1px;;
 width: 24px;
 height: 24px;
 background: url('../image/de-flag-g.png') center top no-repeat;
}

#en_flag {
 float: right;
 margin-left: 1px;
 margin-right: -5px;
 min-width: 24px;
 min-height:24px;
 /* display: block; */
 background: url("../image/en-flag-g.png") center top no-repeat;
}

#de_flag:HOVER , #de_flag.active {
   background-image: url('../image/de-flag.png');
}

#en_flag:HOVER, #en_flag.active {
   background-image: url('../image/en-flag.png');
}

#navigation {
	position: relative;
	top: 35px;
	clear: both;
	min-width: 650px;
}

#navigation *{
	margin-top: 0px;
	margin-right: 21px;
	left: 0px;
	float: left;
	height: 32px;
}

#nav-sep {
	width: 1px;
	height: 24px;
	background: white center;
}

#separator {
	position: relative;
	clear: both;
	bottom: 0pt;
	background: white;
	height: 1px;
	width: 100%;
	min-width: 612px;
	margin: 0 auto;
}

#footer {
	position: absolute;
	bottom: -35px;
	background: white;
	height: 1px;
	width: 100%;
	min-width: 612px;
	margin: 0 auto;
}

#email {
	float:left;
	margin-top: -32px;
	height: 100px;
	width: 100%;
	background: url('../image/email.png') center no-repeat;
}


#nav-highlights {
	width: 119px;
	background: url('../image/highlights.png') center no-repeat;
}

#nav-highlights:HOVER , #nav-highlights.active {
	background: url('../image/highlights_gu.png') center no-repeat;
}

#nav-beat {
	width: 62px;
	background: url('../image/beat.png') center no-repeat;
}

#nav-beat:HOVER , #nav-beat.active {
	background: url('../image/beat_gu.png') center no-repeat;
}

#nav-blues {
	width: 62px;
	background: url('../image/blues.png') center no-repeat;
}

#nav-blues:HOVER , #nav-blues.active {
	background: url('../image/blues_gu.png') center no-repeat;
}


#nav-progressive {
	width: 131px;
	background: url('../image/progressive.png') center no-repeat;
}

#nav-progressive:HOVER , #nav-progressive.active {
	background: url('../image/progressive_gu.png') center no-repeat;
}


#nav-psychedelic {
	width: 131px;
	background: url('../image/psychedelic.png') center no-repeat;
}

#nav-psychedelic:HOVER , #nav-psychedelic.active {
	background: url('../image/psychedelic_gu.png') center no-repeat;
}

#nav-email {
	float: right;
	clear: both;
	margin-right: 2px;
	margin-top: -36px;
	width: 24px;
	background: url('../image/emailicon.png') center no-repeat;
}

#nav-email:HOVER {
	background: url('../image/emailicon-hover.png') center no-repeat;
}



#content-left {
	display:none;
}

#content-right {
	display:none;
}

#content {
	color: white;
	min-height: 480px;
}

/************************************************************************* 
 record lists 
**************************************************************************/


.genre_list {
	width: 95%;
	margin: 50px auto;
}

.records_table {
	border-collapse: collapse;
	margin: 0 auto;
}

.records_table thead{
	white-space: nowrap;
	font-style: normal;
}

.records_table div{
	max-height: 42px;
	/* overflow: hidden; */
}

.records_table div.title{
	/* min-width: 100px; */
}

.records_table td {
	border-top: solid 1px white;
	padding: 14px 0px 14px 1px;
	vertical-align: top;
}

.records_table thead tr th {
	font-weight: bold;
	font-variant: small-caps;
	border-bottom: solid 2px white;

}

.records_table th , .records_table td {
	padding-left: 25px;
	/* max-width: 252px; */
}

.records_table th.band {
		
}
.records_table th.title {
		
}
.records_table th.number {
		
}
.records_table th.description {
		
}
.records_table th.country {
		
}
.records_table th.grading {
		
}
.records_table th.price {
		
}

.records_table .offer {
	font-weight: bold;
	text-align: center;
	font-size: medium;
	/* font-variant: small-caps; */
	padding: 50px 0px 5px 0px; 	
}

.records_table .band {
	padding-left:  1px;
		
}
.records_table .title {
		
}
.records_table .number {
		
}
.records_table .description {
		
}
.records_table .country {
	text-align: center;
	white-space: nowrap;
		
}

.records_table .grading {
	white-space: nowrap;
}

.records_table .price {
	padding-right: 1px;	
	white-space: nowrap;
}


/*************************************************************************
**************************************************************************/

.cover-item {
	position: relative;
	
	/*
	border: 1px solid green; 
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	*/
	
	
	height: 128px;
	background: url('../cover/cover1.jpg') top left no-repeat;
	padding-left: 142px; 
	padding-top: 3px;
	display : table-cell;
	vertical-align: top;
	min-width: 320px;
	max-width: 320px;
}


.highlights {
	margin: 0;
	/* height: 100%; */
	/* padding: 0; */
	padding-top: 50px;
	padding-left: 40px;
	font-family: monospace;
}

.highlights li {
	list-style: none;
	margin: 15px 15px 5px 0px;  
	display: inline-block;
}

.highlights .band {
	font-size: 110%;
	font-weight: bolder;
	font-family: cursive;
}

.highlights .title {
	font-size: 110%;
	font-weight: bolder;
	font-family: cursive;
	font-style: italic;
}

.highlights .description {
	font-size: 100%;
	
}