/*
	04.04.2007, mJ:	li für die Contentarea nach rechts schieben

	15.04.2007, mJ: li extrawurst nach content.css

	17.04.2007, mJ:	artist-select und submenu verbessert
	
	20.04.2007, mJ:	row auf 85 Höhe
	
	24.04.2007, mJ:	row padding-right: 9px
	
	25.04.2007, mJ: .product-shallow: padding unten weg...

	16.01.2008, mJ: div#sidebar ul li a:hover: text-decoration: none
	
	20.11.2008, mJ: artist-mainimage-border etwas nach links f. "my account"
*/

div#sidebar h3
{
	display:				none;
}



div#sidebar ul
{
	margin-top:				20px;
	position:				relative;
	list-style:				none;
	background-image:		url(/imgs/yellow-4x4.png);
	background-position:	top left;
	background-repeat:		repeat-y;
 	margin-bottom:			1px;
}

/* div#sidebar ul li */
/*  { */
/* 	width:					180px; */
/*  	height:					23px; */
/* } */

div#sidebar ul li a
{
	padding-left:			20px;
	display:				block;
	width:					160px;
	
/*	height:					13px;*/
/* 	background:				url(/imgs/submenu-inactive-bg.gif); */
/* 	background-position:	top left; */
/* 	background-repeat:		repeat-y; */

	
	padding-top:			2px;
	padding-bottom:			2px;
	background:				url(/imgs/submenu-inactive-bg-new.gif);
	background-position:	bottom left;
	background-repeat:		repeat-y;

 	margin-bottom:			10px;
	text-transform:			uppercase;

	text-decoration:		none;

/* 	color:					#959696; */
	font-family:			Verdana, Helvetica;
	font-size:				12px;
	line-height:			12px;
	text-align:				left;
}

div#sidebar ul li a:hover
{
/*	background:				url(/imgs/submenu-hover-bg.gif); */
/* 	background-position:	top left; */
 	
	background:				url(/imgs/submenu-hover-bg-new.gif);
	background-position:	bottom left;
	
	background-repeat:		repeat-y;
	text-decoration:		none;
	color:					#ffe800;
}

div#sidebar ul li a#submenu-active
{
/*	background:				url(/imgs/submenu-active-bg.gif); */
/* 	background-position:	top left; */
 	background:				url(/imgs/submenu-active-bg-new.gif);
	background-position:	bottom left;
	background-repeat:		repeat-y;
	color:					#ffe800;
}

div#sidebar div#artist-thumblist
{
	padding-left:			6px;
	padding-bottom:			2px;
	background-image: 		url(/imgs/artist-thumblist-bg.gif);
	background-repeat:		no-repeat;
	background-position:	bottom left;
}

div#sidebar div#artist-thumblist img.thumb
{
	padding:				0px;
	margin:					2px 0px 0px 2px;
	width:					55px;
	height:					45px;
}



div#content-related .featured-artists
{
/*	position:			relative; */
 	border:				1px dotted #979797;
/*	padding:			6px 10px 6px 10px; */
	padding-left:		5px;
	padding-right:		5px;
	
/*	margin-bottom:		19px; */
}

div#content-related .featured-artists h4
{
	background:			#eaebeb;
	padding:			2px 6px 1px 10px;
	margin-left:		-5px;
	margin-right:		-5px;
	margin-top:			10px;
	margin-bottom:		10px;
	font-size:			11px;
	font-family:		Verdana;
	font-weight:		bold;
	text-transform:		uppercase;
	text-align:			left;
}

div#content-related .featured-artists img
{
	margin:				0px;
}



div#content-related .box
{
/*  	position:			relative; */
/*  	border:				1px dotted #979797; */
/* 	margin-bottom:		19px; */
}

div#content-related .box h4
{
	background:			#eaebeb;
	padding:			2px 6px 1px 10px;
/* 	margin-top:			9px; */
/* 	margin-bottom:		10px; */
	font-size:			11px;
	text-transform:		uppercase;
	text-align:			left;
}

div#content-related .box .boxhead
{
/* 	background:			#eaebeb; */
/* 	padding:			2px 6px 1px 10px; */
	padding-top:		10px;
	padding-bottom:		10px;


/* 	font-size:			11px; */
/* 	text-transform:		uppercase; */
/* 	text-align:			left; */
}

div#content-related .box .row
{
 	position:			relative;
	border-top:			1px dotted #979797;
/* 	background: 		url(/imgs/dotty-hor.gif) repeat-x top left; */
	padding-top:		5px;
	padding-left:		9px;
	padding-right:		9px;
	height:				85px;
/* without this, MSIE messes up bottom-links */
	overflow:			hidden;
}

div#content-related .box .rowhead
{
	margin-top:			4px;
	margin-bottom:		5px;
}

div#content-related .box .date
{
	display:			inline;
	font-weight:		bold;
}

div#content-related .box .product_nr
{
	display:			inline;
}

div#content-related .box img.cover
{
	float:				left;
	border-top:			1px solid #fff;
	border-left:		1px solid #fff;
	border-right:		1px solid #c7c7c7;
	border-bottom:		1px solid #c7c7c7;
/* 	margin-left:		8px; */
	margin-right:		8px;
}



/* Navi außerhalb des divs! nicht ganz perfekt, aber dafür rendert es in MSIE auch ohne Höhenangabe korrekt */

ul.content-related-bottomnavi
{	/* cascading did not work?! */
	list-style:			none;
/*	background:			red;		*/
/*	height:				15px; 	*/

	padding-bottom:		10px;
/*	padding-right:		10px;	*/
/*	padding-right done by list elements */

	margin:				0px;

	float:				right;
	font-size:			0px;

/*
	position:		absolute;
	right:			4px;
	bottom:			4px;
*/
}

ul.content-related-bottomnavi li
{
	display: 			inline;
	margin: 			0px 2px;
	padding-right: 		10px;
}

#content-small-nobg
{
/* 	border:				1px dotted #979797; */
	width:				406px;
/* 	margin-bottom:		20px; */
	padding:			6px 10px 6px 10px;
	float:				left;
}


/* .product-shallow wird in whats new und whats-coming verwendet */

.product-shallow img.cover,
#content img.cover
{
	float:				left;
	border-top:			1px solid #fff;
	border-left:		1px solid #fff;
	border-right:		1px solid #c7c7c7;
	border-bottom:		1px solid #c7c7c7;
/* 	margin-left:		8px; */
	margin-right:		8px;
}

.product-shallow .cover-container
{
/* damit die Texte rechts der Cover gleichmäßig laufen */
	float:				left;
	width:				180px;
	height: 			150px;
	xbackground: 		red;
	xborder: 			1px solid black
}


div.block
{
/* 	padding:			8px; */
	height:				62px;
}



#artist-mainimage-border
{
	background:			url(/artist/imgs/artist-mainimage-bg.png);
	padding-left:		4px;
	padding-top:		4px;
	
	height:				197px;

	padding-right:		8px;
	padding-bottom:		6px;
	position:			absolute;
	top:				0px;
	margin-left:		-2px;
	
/* 	left:				664px; */
	left:				620px;


/* 	top:				-210px; */
/* 	display:			none; */
}

#artist-mainimage
{
	width:				218px;
	height:				194px;
	overflow:			hidden;
}


.product-shallow
{
	position:			relative;
	padding:			12px 14px 0px 14px;
/* 	height:				170px; */
/* 	float: 				left; */
}

.product-shallow img.cover
{
 	float: 				left;
	margin-right:		30px;
}

.product-shallow .product-text
{
 	width:				480px;
	float: 				left;
	overflow:			hidden;
}

.product-shallow .released,
.product-shallow .title,
.product-shallow .works,
.product-shallow .artists
{
	margin-bottom:		10px;
}


.product-shallow .released
{
/* 	margin-top:			10px; */
	margin-top:			4px;
	/* looks better */
}

.product-shallow .title
{
	font-weight:		bold;
}

.product-shallow .recording
{
	margin-bottom:		0px;
}

#artist-thumbs
{
	float:				left;
	width:				172px; /* Border vom Thumb! */
	border-right:		1px dotted #979797;
	/*	padding-top:	10px; */
	padding-bottom:		0px;
	margin-bottom:		10px;
	text-align:			center;
}

.artist-thumb-container
{
	padding:			10px;
	border-bottom:		1px dotted #979797;
}

.artist-thumb,
.artist-image
{
	border-top:			1px solid #fff;
	border-left:		1px solid #fff;
	border-right:		1px solid #c7c7c7;
	border-bottom:		1px solid #c7c7c7;
}



#artist-thumb-selected
{
	background-color:	#e7e7e7;
}


#artist-image-box
{
	float: 				left;
/*	background:			yellow; */
	width: 				500px;
	margin-top: 		50px;
	margin-bottom: 		50px;
	margin-left:		10px;
}


#artist-image-box
{
	float: 				left;
/*	background:			yellow; */
	width: 				500px;
	margin-top: 		50px;
	margin-bottom: 		50px;
	margin-left:		10px;
}

#artist-one-image-box
{
/*	background:			yellow; */
/* 	width: 				500px; */
	margin-top: 		50px;
	margin-bottom: 		20px;
}


#artist-image-text
{
	margin-top: 		30px;
	width: 				300px;
}



/* .product-shallow ul.bottomnavi */
/* { */
/* 	bottom:				15px; */
/* 	right:				15px; */
/* } */


/* debugcolors */

/*

#sidebar
{
	background:				#ffe0e0;
}


#content,
#content-noborder,
#content-small-noborder
{
	background: 			#e0ffe0;
}


*/