/*
 * Sony BMG Relaunch
 *
 * Style Definitionen für den Bereich Musik
 *
 * erstellt : 21.08.08
 * letzte Ä„nderung 06.10.11
 */


/*
 * Aktiver Hauptnavigationspunkt
 */

li#tabbedMainDownload  {
	background:			url(/images/tableft.jpg) no-repeat top left;	
}

li#tabbedMainDownload a  {
    padding-top:		20px;
    color:				#cc0000;
	background:			url(/images/tabright.jpg) no-repeat top right;		
}

/*
 * nav-column, die linke spalte mit Navigation und Skyscraper
 */

#nav-column {
    width:				210px;
    float:				right;
}

ul.sidebar {
    background:			url(/images/separator_background.gif) repeat-x top;
    padding-top:		1px;
    margin:				0px 0px 0px 0px;
}

ul.sidebar li {
    padding:			1px 0px 1px 6px;
    background:			url(/images/separator_background.gif) repeat-x bottom  #F3F3F3;
    position:			relative;
}

ul.sidebar li.active {
    padding:			1px 0px 1px 6px;
    background:			url(/images/separator_background.gif) repeat-x bottom #fff;
    position:			relative;
}

ul.sidebar li a {
    display:			block;
    font-size:			12px;
    line-height:		21px;
    font-weight:		bold;
    padding:			0px 0px 0px 25px;
    background:			url(/images/icons.gif) no-repeat 10px -47px;
}

ul.sidebar li.active a, ul.sidebar li a:hover {
    color:				#cc0000;
}

.sidebar form {
	overflow:			auto;
}

#searchmusicbox {
    height:				15px;
    border:				0px;
    width:				170px;
    font-size:			11px;
    background-color:	#fff;
	padding:			2px;
	margin:				7px 0px 8px 0px;
    border:				1px solid #D7D7D7;	
	display:			inline;	
	float:				left;	
}

#searchmusicbox_go {
    color:				#E30202;
	font-weight:		bold;
    border:				0px;
    height:				14px;
    font-size:			14px;
    background-color:	transparent;
	cursor:				pointer;
	display:			inline;
	margin:				7px 10px 0px 0px;
	float:				right;
}

*html #searchmusicbox {	/* für IE6, funktioniert kurioserweise nicht im gesonderten ie6-Stylesheet*/
	float:				none;
    height:				20px;	
}

*html #searchmusicbox_go {
	position:			absolute;
	float:				none;	
	left:				180px;
	top:				3px;
}

/*
 * Contentbereich
 *
 * content-column
 */

#nav-column h2 {
	font-size:			20px;
	color:				#929292;;	
	padding:			20px 0px 10px 0px;	
}

#content-column {
    width:				696px;
    float:				left;
	position:			relative;
	padding:			10px 0px 0px 0px;
    background:			url(/images/inner_head_background.jpg) no-repeat;	
}

/* ergibt ein padding rechts von der Kante des inneren Schattens */
#inner-content {
    background:			url(/images/inner_background.jpg) repeat-y;
    padding:			10px 10px 0px 7px;
    overflow:			hidden;
}

#inner-content-sans-padding {
    background:			url(/images/inner_background.jpg) repeat-y;
    padding:			0px 10px 0px 7px;
    overflow:			hidden;
}

#inner-content-sans-padding h1 {
    margin:				10px 0px 0px 13px;
}

#inner-footer {
    width:				100%;
    background:			url(/images/inner_foot_background.jpg) repeat-y;
    height:				25px;
}

#highlight_container {
    width:				680px;
    min-height:			100px;
	padding-bottom:		10px;
    background:			url(/images/musik_container_verlauf_sans.jpg) repeat-x;	
	overflow:			hidden;
}

#highlight_container h2 {
    color:				#fff;
    width:				100%;
    font-size:			20px;
    padding:			2px 0px 0px 15px;
    margin-bottom:		10px;
}

/* Der Container mit den drei Spalten Neuheiten, Toptitel,  Topalben */
#musicbox_container {
    width:				680px;
    min-height:			400px;
    background:			url(/images/musik_container_verlauf.jpg) repeat-x;
}

/* Die Spalten */
#musicbox_container .column {
    width:				188px;
    margin:				0px 19px 0px 19px;
    overflow:			hidden;
    float: left;
}

#musicbox_container .column h2 {
    background:			url(/images/icons.gif) 0px -468px no-repeat;
    color:				#fff;
    width:				100%;
    font-size:			20px;
    padding:			2px 0px 0px 15px;
    margin-bottom:		10px;
}

#musicbox_container .column ul li , #highlight_container ul li {
    padding:			10px 10px 10px 0px;
    overflow:			hidden;
    float:				none;
    display:			block;
    background:			url(/images/separator_background.gif) bottom repeat-x;
}

#highlight_container ul li {
	padding:			10px 10px 10px 0px;
}

#highlight_container ul.bighighlight li {
	padding:			10px 10px 0px 0px;
	background-image:	none;
}

#musicbox_container .column ul li img ,  #highlight_container ul li img {
    float:				left;
    margin-right:		10px;
}

#highlight_container ul.bighighlight li img {
    float:				left;
    margin-right:		0px;
}

#musicbox_container .column ul li div, #highlight_container .column ul li div {
    padding:			0px 5px 0px 10px;
    line-height:		18px;
}


#highlight_container .column ul.bighighlight li div {
    padding:			0px 5px 0px 0px;
    line-height:		18px;
}


#highlight_container ul li h5 {
    font-size:			12px;
    font-weight:		bold;
    font-style:			italic;	
}

#musicbox_container .column ul li h5 {
    font-size:			12px;
    font-weight:		bold;
    font-style:			italic;
	margin-left:		68px;		
}

#highlight_container ul.bighighlight li h5 {
    font-size:			12px;
    font-weight:		bold;
    font-style:			italic;
	padding:			0px 0px 0px 10px;
}

#musicbox_container .column ul li div a {
	float:				left;
    display:			block;
    float:				none;
    line-height:		18px;
    font-weight:		bold;
    color:				#000;
    padding:			0px 0px 0px 10px;
	margin-left:		60px;
    background:			url(/images/icons.gif) no-repeat -17px -438px;
}

#highlight_container ul li div a {
    display:			block;
    float:				none;
    line-height:		18px;
    font-weight:		bold;
    color:				#000;
    padding:			0px 10px 0px 10px;
	margin-left:		68px;
    background:			url(/images/icons.gif) no-repeat -17px -438px;
}

#highlight_container ul.bighighlight li div a {
    display:			block;
    float:				none;
    line-height:		18px;
    font-weight:		bold;
    color:				#E73535;
    padding:			0px 10px 0px 10px;
	margin:				0px 0px 0px 10px;
	width:				100%;
    background:			url(/images/icons.gif) no-repeat -17px -438px;
}

#highlight_container ul.bighighlight {
	float:				left;
	width:				300px;
	margin:				0px 10px 0px 10px;
}

#highlight_container ul {
	width:				270px;
	float:				right;
}

/* Fusszeile mit Links "alle Releases/News/Termine" */
#musicbox_footer {
    width:				680px;
    min-height:			30px;
    margin-top:			5px;
    background:			url(/images/musik_container_verlauf.jpg) repeat-x 0px -5px;
}

#musicbox_footer li {
    float:				left;
    display:			inline;
    width:				188px;
    padding:			2px 0px 2px 0px;
    margin:				0px 19px 0px 19px;
    overflow:			hidden;
}

#musicbox_footer a {
    color:				#fff;
    display:			block;
    width:				188px;
    line-height:		18px;
    padding:			0px 19px 0px 14px;
    overflow:			hidden;
    float:				left;
    background:			url(/images/icons.gif) 0px -371px no-repeat;
}