/*
	%Id$
	
	27.03.2007, mJ:	product-nr in track list auch bold
					product-text floated stat breiter margin
	
	29.03.2007, mJ:	product-result-selected
	
	30.03.2007, mJ:	em hierher -> class highlight
	
	01.04.2007, mJ:	.prod bekommt etwas padding rechts, MSIE macke
					id pager-text -> class pager-text
					catalog-bottom-pager
					product-text title -> composer
					awards, press_quotes
	
	02.04.2007, mJ:	experiment mit alten Styles für works

	03.04.2007, mJ:	product.prod und product.date auseinandergezogen
					border und padding bei product.prod, product.date getauscht

	09.07.2007, mJ:	einige kl. Anpassungen im Tracklisting Produkt-Text
					
	10.07.2007, mJ:	word-warp in den äußeren container
	
	17.04.2007, mJ:	.inputli to main.css
					input / select to search.css
	
	20.04.2007, mJ:	.highlight to main.css
	
	21.04.2007, mJ:	MSIE-Macke mit den verschluckten Borders gefixt
	
	24.04.2007, mJ:	product-prizes: width weg
	
	27.04.2007, mJ:	Stylesheets Aufräumaktion I
					mehr styles für produkt-text
					product-prizes aufgeräumt

	17.07.2007, mJ:	further_references

	14.10.2007, mJ:	pq-album-navigation 

    02.11.2007, mJ: styles for marketing; msie left margin fix in .marketing li,
					because sometimes <ul> is missing
					.marketing li: margin-top/-bottom weg
					
	06.11.2007, mJ:	.marketing wieder weg
	
	11.07.2008, mJ:	catalog-product h4 a: text-transform: uppercase
	
	
	25.11.2008, mJ:	current-album und related-album-link
	
	14.12.2008, mJ:	current-album tweaking
	
	08.09.2009, mJ:	current-album arrow position

*/




#catalog-main  {
	font-size:				12px;
	line-height:			18px;
}

#catalog-main big {
	font-size:				14px;
}

#catalog-main p {
	font-size:				12px;
	margin-bottom:			10px;
}

#catalog-main ul {
	margin-left:			16px;
}

#catalog-result {
	border:					1px dotted #979797;
	overflow: 				hidden;   	
	width: 					100%;
}

#catalog-pager {
	border-bottom:			1px dotted #979797;
	text-align:				right;
 	padding:				2px 5px;
/* 	width:					246px; */
/* 	margin-bottom:			20px; */
/* 	padding:				1px; */
}

#catalog-bottom-pager {
	margin-top:				10px;
	border-top:				1px dotted #979797;
	text-align:				right;
 	padding:				2px 5px;
}

#catalog-pager .pager-text,
#catalog-bottom-pager .pager-text {
	font-weight:			bold;
	display:				inline;
	padding-right:			10px;
}

#catalog-pager .pager-link,
#catalog-pager .pager-link-current,
#catalog-bottom-pager .pager-link,
#catalog-bottom-pager .pager-link-current {
	margin:					0px 3px;
}

#catalog-pager img.pager-link,
#catalog-bottom-pager img.pager-link {
	position:				relative;
 	top:					1px;
}

#catalog-pager form,
#catalog-bottom-pager form {
	display:				inline;
}

#catalog-pager select,
#catalog-bottom-pager select {
	width:					125px;
	padding: 				0px;
	margin: 				0px;
	margin-left:			10px;
	background-color:		#fff;
	text-align:				right;
}

#catalog-pager select option,
#catalog-bottom-pager select option {
	width:					110px;
}

#catalog-pager .pager-link-current,
#catalog-bottom-pager .pager-link-current {
	font-weight:			bold;
/* 	border:					1px solid #979797; */
	background-color:		#e0e0e0;
	padding-left:			2px;
	padding-right:			2px;
}

#catalog-result-list {
/* 	position:				relative; */
	float:					left;
/* 	border-top:				1px dotted #979797; */
	width:					246px;
/* 	margin-bottom:			20px; */
/* 	padding:				1px; */
}

.product-result {	/* box for one product in result list */
 	position:				relative;
/* Ohne position: relative wird der Bottomlink unsichtbar ?! */
	padding:				6px;
	border-right:			1px dotted #979797;
	border-bottom:			1px dotted #979797;
	height:					60px;	/* !!! MSIE 6.0 hack */
/* 	padding-bottom:			0px; */
}

#product-result-selected {	/* box for the selected product in result list */
	background-color:		#e7e7e7;
/*  background-color:		white; */
	font-weight:			bold;
}

.product-result .title {
/* 	font-weight:			bold; */
}


.product-result .cover-container,
.product-full .cover-container,
.tracklist-head .cover-container {
	float:					left;
}

.product-result .cover-container,
.tracklist-head .cover-container
{
/* damit die Texte rechts der Cover gleichmäßig laufen */
	width:					60px;
}
 
.product-full .cover-container {
/*  Texte rechts der Cover brauchen nicht gleichmäßig zu laufen */
/*  	margin-right:			10px; */
/*  	margin-right:			10px; */
	width:					160px;
/* 	border:					1px solid red; */
}

.product-result .cover,
.product-full .cover,
.tracklist-head .cover
{
/* 	float:					left; */
	border-top:				1px solid #fff;
	border-left:			1px solid #fff;
	border-right:			1px solid #b7b7b7;
	border-bottom:			1px solid #b7b7b7;
}

.product-full,				/* volle Produktansicht */
.buy-album,					/* Buy album-bereich	*/
.tracklist-head				
{
	position:				relative;
	width:					100%;
/* 	padding:				10px; */
/* 	overflow:				hidden; */
 	
	margin-bottom:			10px;
/*  does not work for MSIE*/
}

.tracklist-head {
	position:				relative;
/* 	height:					50px; */
	
/*msie bottomnavi */
/*  	padding-bottom:			0px;  */
}




.product-full .product-text {	/* rechts vom cover */
/*  	margin-left:				160px; */
/* 	padding-left:				10px; */

	overflow:				hidden;
	float:					left;
	width:					250px;
	/* bei 240 flutscht er manchmal runter */
 	word-wrap:  			break-word; 

}

.tracklist-head .product-text { /* dito im Tracklisting */
/*  	margin-left:				60px; */
	float:					left;
}

.product-text  .composer,
.product-text  .works,
.product-text  .artists,
.product-text  .recording {
	padding-top:			5px;
	padding-bottom:			5px;
/* 	padding-left:			10px; */
	border-bottom:			1px dotted #979797;

/* MSIE hack */
/* 	word-wrap:  			break-word; */
}


.tracklist-head { /* dafür aber unter head */
/* 	border-bottom:			1px dotted #979797; */
	margin-bottom:			10px;
}



.product-text  .product-nr {
	font-weight:			bold;
	display:				inline;
}

.product-text  .composer {
	border-top:			1px dotted #979797;
}

.product-text  .date {
	padding-top:			5px;
}

.product-text  .prod {
	font-weight:			bold;
	padding-bottom:			5px;
	border-bottom:			1px dotted #979797;
}

.product-text  div.further-references {
	font-weight:			bold;
	padding-bottom:			5px;
/* 	border-bottom:			1px dotted #979797; */
}

.product-text  ul.further-references {
	list-style:				inside;
/* 	background:				red; */
/* 	border-bottom:			1px dotted #979797; */
}

.product-text  ul.further-references li {
/* 	display:				block; */
/* 	border-bottom:			1px dotted #979797; */
}


.tracklist-head .product-text .title { /* im Tracklisting keine borders unter titel*/
	font-weight:			bold;
 	border:					none;
}

.tracklist-head .product-text .prod { /* im Tracklisting keine borders unter prod*/
 	border:					none;
	padding-bottom:			0px;
	font-weight:			normal;
}

.tracklist-head .product-text .product-nr { /* im Tracklisting keine borders unter prod*/
	font-weight:			normal;
}




.product-text  .composer,
.product-text  .works {
	font-weight:			bold;
}
.product-text  .buy {
	margin-top:				10px;
}



#catalog-product,
#catalog-tracklist
{
	position:				relative;
	float:					right;
 	border-left:			1px dotted #979797;
 	border-bottom:			1px dotted #979797;
  	width:					410px;
 	padding:				0px	10px 10px 10px;
/* 	overflow:				hidden; */
}


#catalog-product h4,
#catalog-tracklist h4
{
	background:				#eaebeb;
	padding:				2px 6px 1px 10px;

	margin-left:			-10px;
	margin-right:			-10px;
 	margin-top:				9px;
 	margin-bottom:			11px;
	font-size:				11px;
	text-align:				left;
/* 	width:					100%; */
}

#catalog-product h4 a	/* Tab: Product Info / Press Quotes / Prizes link */
{
	padding-left:			15px;
	padding-right: 			15px;
	color:					#909090;
 	text-transform:			uppercase;
}

#catalog-product h4 .active /* the active "tab" */
{
	color:					#707070;
}





/* #catalog-tracklist h4 */
/* { */
/*  	margin-bottom:			1px; */
/* } */


ul.product-subnavi
{
	list-style:				None;
}

ul.product-subnavi li
{
	margin-top:				4px;
}

.tracklist-head ul.product-subnavi
{
	position:				relative;
	float:					right;
}


.product-prizes
{
}


.product-prizes ul.prizes {
	margin-left: 		10px;
	margin-bottom:		10px;
}


.product-press-quotes ul.pq-language-navigation
{
	list-style:			none;
	display:			inline;
	float:				left;
 	margin-bottom:		10px;
}

.product-press-quotes ul.pq-language-navigation li
{
	display:			inline;
	margin-left:		0px !important;	/* Einstellung aus content (1em) aufheben */
}


.product-press-quotes ul.pq-album-navigation
{
	list-style:			none;
	display:			inline;
	float:				right;
}

.product-press-quotes ul.pq-album-navigation li
{
	display:			inline;
	margin-left:		0px !important;	/* Einstellung aus content (1em) aufheben */
}


.product-press-quotes .pq-language
{
	font-weight:		bold;
}

.product-press-quotes .press-quote
{
	padding-left:		16px
}

.product-press-quotes .pq-foot
{
	font-style:			italic;
}


.marketing-text
{
	margin-bottom:	8px;
}

.recommended-track
{
}


/* .HB-5  { font-size:  7pt; font-weight: bold } */
 .HB-6  { font-size:  8pt; font-weight: bold }
 .HB-7  { font-family:	Arial; font-size: 13px; font-weight: bold } 
/* .HB-8  { font-size: 11pt; font-weight: bold } */
/* .HB-9  { font-size: 12pt; font-weight: bold } */
/* .HL-4  { font-size:  6pt; font-weight: normal } */
/* .HL-5  { font-size:  7pt; font-weight: normal } */
/* .HL-6  { font-size:  8pt; font-weight: normal } */
/* .HL-7  { font-family: Arial, Helvetica; font-weight: normal } */
.HL-6  { 	font-family:		Tahoma, Helvetica;
			font-size:  	10px; font-weight: normal; }
.HL-7  { 	font-family:		Tahoma, Helvetica;
			font-size:  	12px; font-weight: normal; }
.HL-8  { 	
			font-family:		Tahoma, Helvetica;
			font-size:  	12px; font-weight: normal; 
}
/* .HL-8  { font-size: 11pt; font-weight: normal } */
/* .HLO-6 { font-size:  8pt; font-style: italic } */
.HLO-7 { font-size: 12px; font-style: italic }
.HLO-8 { font-size: 14px; font-style: italic }


.current-album,
.current-album .HL-6,
.current-album .HL-7,
.current-album .HL-8

{
/* 	color:					#df5400; */
	
 	font-family:			Arial; 
  	font-size: 				13px;   
	font-weight: 			bold;
} 
 	
.current-album
{
	display:				inline;
	padding:				1px 2px 1px 1px;
	background-color:		#E0E0E0;
}
 	
 	
.related-album
{
	display:				inline;
 	font-family:			Arial; 
  	font-size: 				13px;   
 	
	padding:				0px 2px 1px 10px; 
	
	background:				url(/imgs/small-arrow-right.gif);
	background-position:	0px 4px;
	background-repeat:		no-repeat; 
/* 	background-color:		#ffe800; */
}

.related-album a
{
	text-decoration:	none;
}