/*
 * Sony BMG Relaunch
 *
 * Style Definitionen fuer den Bereich Musik
 *
 * erstellt : 21.08.08
 * letzte Änderung 28.07.09
 */


/*
 * Aktiver Hauptnavigationspunkt
 */

li#tabbedMainMusik {
	background:			url(/images/tableft.jpg) no-repeat top left;	
}

li#tabbedMainMusik 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:				left;
}

ul#subnavi {
    background:			url(/images/separator_background.gif) repeat-x top;
    padding-top:		1px;
    margin:				30px 0px 90px 0px;
}

ul#subnavi li {
    padding:			5px 0px 5px 6px;
    background:			url(/images/separator_background.gif) repeat-x bottom  #F3F3F3;
    position:			relative;
}

ul#subnavi li.active {
    padding:			5px 0px 5px 6px;
    background:			url(/images/separator_background.gif) repeat-x bottom #fff;
    position:			relative;
}

ul#subnavi li a {
    display:			block;
    font-size:			14px;
    line-height:		21px;
    font-weight:		normal;
    padding:			0px 0px 0px 25px;
    background:			url(/images/icons.gif) no-repeat 10px -47px;
}

ul#subnavi li.active a, ul#subnavi li a:hover {
    color:				#cc0000;
}

/*
 * Contentbereich
 *
 * content-column
 */

 

h2 {
	font-size:			24px;
	color:				#929292;;	
	padding:			5px 0px 5px 0px;	
}

#content-column {
    width:				696px;
    float:				right;
	position:			relative;
}

h1 {
	float:				left;	
	display:			inline;
}

h1.shortheader {
	width:				520px;
}

#license {
	float:				right;
	display:			block;
	margin-top:			-5px;
	width:				128px;
	height:				50px;
	overflow:			hidden;
	background:			url('/images/licensebutton.png') no-repeat;
}

#license span {
	display:			block;
	margin-left:		1000px;
}

#inner-teaser {
    padding:			0px;
    margin:				0px;
    min-height:			20px;	
	width:				695px;
    background:			url(/images/inner_head_background.jpg) no-repeat bottom;	
	position:			relative;
}

#inner-teaser object, #inner-teaser embed { 
	margin-left:		7px;
}

#inner-teaser img {
	border:				0px;
	padding:			0px;
	margin:				0px 0px 0px 7px;	

}

/* ergibt ein padding rechts von der Kante des inneren Schattens */
#inner-content {
    background:			url(/images/inner_background.jpg) repeat-y;
    padding:			10px 10px 0px 25px;
    overflow:			hidden;
}

/* 
 * Auf der Musikï¿½bersichtsseite schlieï¿½en Elemente bï¿½ndig mit der Schattenkante ab
 * Die 10/7px padding ï¿½berdecken genau den Schattenwurf, d.h. optisch gibt es
 * kein Padding
 */

#inner-content-sans-padding {
    background:			url(/images/inner_background.jpg) repeat-y;
    padding:			0px 10px 0px 7px;
    overflow:			hidden;
}

#inner-footer {
    width:				100%;
    background:			url(/images/inner_foot_background.jpg) repeat-y;
    height:				25px;
}

/*
 * Definitionen fï¿½r die ï¿½bersichtsseite
 */

/* Weil hier das Padding nicht ï¿½bers Elternelement hinzugefï¿½gt wird kriegt die ï¿½berschroift hier einen  expliziten Abstand zum Rand */
#inner-content-sans-padding h1 {
	margin:				10px 0px 0px 13px;
	float:				left;
}

/* Der Container mit den drei Spalten Releases, Artist News, Termine */
#musik_container {
    width:				680px;
    min-height:			400px;
    background:			url(/images/musik_container_verlauf.jpg) repeat-x;
	clear:				both;
}

/* Die Spalten */
#musik_container .column {
    width:				188px;
    margin:				0px 19px 0px 19px;
    overflow:			hidden;
    float:				left;
}

/* Releases */

#musik_container .column ul#currentreleases {
	float:				none;
}

#musik_container .column ul#currentreleases li {
    padding:			10px 0px 10px 0px;
    overflow:			hidden;
	float:				none;
	display:			block;
    background:			url(/images/separator_background.gif) bottom repeat-x;
	width:				198px;
}

#musik_container .column ul#currentreleases li img {
    float:				left;
    margin-right:		10px;
}

#musik_container .column ul#currentreleases li div {
    padding:			0px 25px 0px 10px;
    line-height:		18px;

}

#musik_container .column ul#currentreleases li h5 {
    font-size:			12px;
    font-weight:		bold;
    font-style:			italic;
}

#musik_container .column ul#currentreleases li div a {
    display:			inline;
    line-height:		18px;
    font-weight:		normal;
    color:				#000;
    padding:			2px 0px 0px 10px;
    background:			url(/images/icons.gif) no-repeat -18px -436px;
	vertical-align:		bottom;	
	width:				auto;
	float:				left;
}

/* Artist News */


#musik_container .column ul#artistnews {
	float:				none;
	
}

#musik_container .column ul#artistnews li {
    padding:			10px 0px 10px 0px;
    overflow:			hidden;
	display:			block;
	float:				none;
    background:			url(/images/separator_background.gif) bottom repeat-x; 
}

#musik_container .column ul#artistnews li h5 {
    font-size:			12px;
    font-weight:		bold;
}

#musik_container .column ul#artistnews li strong {
    display:			block;
	padding:			2px 0px 0px 0px;
	vertical-align:		bottom;		
}

#musik_container .column ul#artistnews li div a {
    display:			block;
    float:				left;
    line-height:		18px;
    color:				#000;
    padding:			0px 20px 0px 10px;
    background:			url(/images/icons.gif) no-repeat -17px -437px;
	vertical-align:		bottom;
	font-weight:		normal;
}

/* Termine */
ul#termine li {
    padding:			10px 0px 10px 0px;
    overflow:			hidden;
    background:			url(/images/separator_background.gif) bottom repeat-x;
}

ul#termine li div {
    padding:			0px 0px 0px 0px;
    line-height:		18px;
}

ul#termine li h5 {
    font-size:			12px;
    font-weight:		bold;
    font-style:			italic;
}

ul#termine li strong {
    display:			block;
}

ul#termine li h5 a {
    display:			block;
    line-height:		18px;
    font-weight:		bold;
    padding:			0px 0px 0px 10px;
    background:			transparent url(/images/icons.gif) no-repeat scroll -18px -436px
}

#musik_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;
	
}

#portale {									
	overflow:			hidden;
	margin:				20px 0px 0px 0px;
}

#portale div {
	width:				219px;
	margin-left:		1px;
	float:				right;
}

#portale div h2 {
	font-family:		Georgia;
	font-size:			20px;
	color:				#E83434;
	margin:				10px 0px 5px 0px;
}

#portale div h2 a {
	font-family:		Georgia;
	font-size:			20px;
	color:				#E83434;
}

/* Fusszeile mit Links "alle Releases/News/Termine" */
#musik_footer {
    width:				100%;
    min-height:			30px;
	margin-top:			5px;
    background:			url(/images/musik_container_verlauf.jpg) repeat-x 0px -5px;
}

#musik_footer li {
    float:				left;
    display:			inline;
    width:				188px;
    padding:			2px 0px 2px 0px;
    margin:				0px 19px 0px 19px;
    overflow:			hidden;
}

#musik_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;
}


/*
 * Definitionen fï¿½r die Seite "Releases"
 */
#inner-content .sorting_and_paging {
    overflow:			auto;
	clear:				both;
}

.sorting_and_paging .sorting {
    float:				left;
	margin-top:			10px;
}

.sorting_and_paging #sortselect {
    width:				200px;
    height:				20px;
	font-size:			11px;
    border:				1px solid #C3C1BC;
}

#sort_go {
	color:				#E30202;
	border:				0px;										
	height:				21px;
	font-size:			14px;
	line-height:		21px;
	background-color:	transparent;
	cursor:				pointer;
}

.sorting_and_paging .paging {
    float:				right;
    text-align:			right;
    padding:			0px 20px 0px 0px;
}

.sorting_and_paging .paging ul li {
    display:			inline;
    line-height:		18px;
}
/* fï¿½r Safari zur Ausrichtung */
.sorting_and_paging .paging ul li span {
    display:			inline-table;
}

.paging ul li a {
    display:			inline-table;
    color:				#E83434;
    line-height:		18px;
    background:			url(/images/icons.gif) no-repeat 0px -302px;
    padding:			0px 0px 0px 10px;
}

.paging ul li a.active {
 	color:				#000;
}

.paging ul li.previouspage a {
    color:				#fff;
    padding-right:		10px;
    background:			url(/images/icons.gif) no-repeat 5px -337px;
}

.paging ul li.nextpage a {
    color:				#fff;
    margin-left:		10px;
    padding:			0px 5px 0px 5px;
    background:			url(/images/icons.gif) no-repeat 0px -337px;
}

#releaseslist {
    clear:				both;
    margin-top:			20px;
	overflow:			auto;
}

#releaseslist li {
    margin:				0px 0px 15px 0px;
    height:				inherit;
	min-height:			100px;
	clear:				both;
    background-color:	#F4F4F4;
    position:			relative;
    background:			url(/images/releases-tools-verlauf.jpg) repeat-x bottom;
	overflow:			hidden;
}

#releaseslist li img {
    float:				left;
}

#releaseslist li div.release_data {
    margin-left:		135px;
	vertical-align:		bottom;
}

#releaseslist li h5 {
    font-size:			16px;
	font-style:			italic;
    padding:			20px 0px 0px 0px;
}

#releaseslist li .release_data a {
    color:				#DE3300;
	display:			block;
	line-height:		18px;
    padding:			0px 0px 0px 10px;
    background:			url(/images/icons.gif) no-repeat -18px -437px;
}

.release_toolbar {
    color:				#fff;  
    width:				540px;
    height:				28px;
	position:			absolute;
	bottom:				0px;
}

.release_metadata {
    width:				45%;
    margin-left:		3%;
    float:				left;
    line-height:		28px;
}

.release_tools {
    width:				45%;
    margin-right:		3%;
    float:				right;
    text-align:			right;
    line-height:		28px;
}

#releaseslist .release_toolbar .release_tools a {
	display:			inline;
	line-height:		30px;
	color:				#fff;
    font-weight:		bold;	
    margin:				0px 5px 0px 10px;
    padding:			0px 0px 0px 15px;
    background:			url(/images/icons.gif) no-repeat 0px -372px;
}

/*
 * Definitionen fï¿½r die Seite "Artists A-Z"
 */

#artistsAtoZ div {
    display:			inline;
    float:				left;
    padding:			5px 0px 0px 0px;
    margin:				0px 20px 0px 20px;
}

ul#artistsAtoZ li {
    background-color:	#EAEAEA;
    padding:			0px;
    margin:				0px;
    overflow:			hidden;
    clear:				both;
    border-bottom:		1px solid #fff;
}

#artistsAtoZ li a.letter {
    display:			block;
    float:				left;
    color:				#fff;
    background-color:	#000;
    font-family:		Georgia;
    padding:			5px 10px 5px 20px;
	margin:				0px 10px 0px 0px;
    width:				20px;
	overflow:			hidden;
    background:			url(/images/icons.gif) no-repeat 10px -45px #000;
    vertical-align:		bottom; /* This fixes the IE gap! */
}

#artistsAtoZ li a.readmore {
    float:				right;
    display:			block;
    padding:			5px 10px 0px 20px;
    background:			url(/images/icons.gif) no-repeat 10px -44px;
    vertical-align:		bottom; /* This fixes the IE gap! */
}

#artistsAtoZ li div a {
    padding:			0px 30px 0px 0px;
    background:			url(/images/icons.gif) no-repeat right -402px;
    vertical-align:		bottom; /* This fixes the IE gap! */
}

/*
 * Definitionen fï¿½r die Seite "Artists Auswahl "
 */

#artistauswahl {
    float:				right;
    width:				650px; /* width is changed */
    list-style:			none;
}

#artist_select h1 {
	float:				none;
}

#artist_select_right {
	float:				right;
	width:				300px;
	padding-top:		1px;
	background:			url(/images/separator_background.gif) repeat-x top;	
}

#artist_select_left {
	float:				left;									
	width:				300px;
	padding-top:		1px;
	background:			url(/images/separator_background.gif) repeat-x top;	
	clear:				left;						
}
	
#artist_select li {
	display:			block;
	clear:				both;
	background:			url(/images/separator_background.gif) repeat-x bottom;
	padding:			2px 15px 2px 15px;
	margin-bottom:		1px;
	overflow:			auto;
}

#artist_select li a.name {
	font-weight:		bold;
	text-transform:		uppercase;
	float:				left;
	display:			block;
	line-height:		18px;
	padding:			0px 0px 0px 10px;
	background:			url(/images/icons.gif) -18px -438px no-repeat;
}

/*
 * Katalogsuche 
 */

/*
 * Suchergebnisse  
 */

.noborder {
	border:			0px;
}

#katalogsucheArtists , 
#katalogsucheReleases {
	margin:			0px 0px 10px 0px;
}

#katalogsucheArtists div, 
#katalogsucheReleases div {
    display:		inline;
    float:			left;
    padding:		5px 0px 0px 0px;
    margin:			0px 20px 0px 20px;
	width:			470px;
}

#katalogsucheArtists li,
#katalogsucheReleases li {
    padding:		0px;
    margin:			0px;
    overflow:		hidden;
    clear:			both;
	background:		url(/images/separator_background.gif) repeat-x bottom;	
}

#katalogsucheArtists li a.artistName,
#katalogsucheReleases li a.artistName {
    display:		block;
    float:			left;
	color:			#000;
    font-family:	Georgia;
    padding:		5px 0px 5px 20px;
	margin:			0px 0px 0px 0px;
	overflow:		hidden;
    background:		url(/images/icons.gif) no-repeat -10px -434px;
    vertical-align: bottom; /* fï¿½r IE6  */
}

#katalogsucheArtists li a.readmore,
#katalogsucheReleases li a.readmore {
    float:			right;
    display:		block;
    padding:		5px 10px 0px 20px;
    background:		url(/images/icons.gif) no-repeat 10px -44px;
    vertical-align:	bottom; /* fï¿½r IE6  */
}

#katalogsucheReleases li div  {
	padding:		5px 0px 5px 10px;	
	margin-left:	10px;	
	line-height:	18px;
    /* background: url(/images/icons.gif) no-repeat left -208px; */
    vertical-align:	bottom; /* fï¿½r IE6  */
}

.lizensierung,
#katsuche {
    width:			620px;
}

#katsuche .background {
    border:					0;
    padding:				10px 0px 10px 10px;
    background-color:		#EFEFEF;
}

.lizensierung .background {
    border:					0;
    padding:				10px 0px 10px 10px;
    background-color:		#EFEFEF;
	margin-bottom:			10px;	
}

form.lizensierung div.background div,
form#katsuche div.background div {
    display:			block;
    float:				none;
    border:				none;
    background:			none;
    overflow:			auto;
    clear:				both;
    width:				98%;
    padding:			3px 0px 2px 0px;
    border-bottom:		1px solid #fff;
}

form.lizensierung div.background div.noborder,
form.lizensierung div.background > div:last-child
form#katsuche div.background > div:last-child {
    border-bottom:		none;
}

.lizensierung div input, .lizensierung div select, 
.lizensierung div textarea,
#katsuche div input, #katsuche div select {
    display:			block;
    float:				left;
    font-size:			10px;
    padding:			1px;
    border:				1px solid #A5ACB2;
    background-color:	#fff;
}

.lizensierung div label, 
#katsuche div label {
    /*
    width:                200px;
    margin-right:        20px; 
    */
    width:				200px;
    margin-right:		18px;
    display:			block;
    float:				left;
}

#searchsubmit {
    float:				right;
    margin:				10px -5px 0px 0px;
    padding:			0px;
}

#searchartistname, #searchtitel, #searchkomponist, #searchlabel, #searchstil, #searchbestellnummer {
    width:				170px;    }

.lizensierung div fieldset label {
	display:			inline;
	float:				none;
	width:				auto;
} 

.lizensierung div fieldset input,
.lizensierung div fieldset select {
	display:			inline;
	float:				none;
	width:				auto;
}

.lizensierung .textinput {
	width:				250px;
}

.lizensierung .textarea {
	width:				250px;
	height:				100px;
}

.lizensierung .error {
	color:				#cc0000;
	float:				left;
}

#licence_kindofuse_ad, #licence_kindofuse_mov,
#license_media_tv, #license_media_cin, 
#license_media_dvd, #license_media_web,
#similarsearch,#inner-content input#similarsearch
{
	background-color:	transparent;
	border:				none;
}

/*
 * Bereich Artists 
 */

/*
 * Tab-Navigation fï¿½r den Artistsbereich
 */

#artistTabs {
    overflow:			hidden;
    width:				100%;
	clear:				both;
    border-bottom:		2px solid #E83434;
    margin-bottom:		30px;
}

#artistTabs li {
    display:			inline;
    float:				left;
}

#artistTabs li a {
    display:			block;
    font-size:			14px;
    padding:			0px 15px 0px 15px;
    border-right:		1px solid #C9C9C9;
}

#artistTabs li.active a, #artistTabs li a:hover {
    background-color:	#E83434;
    border-right:		1px solid #E83434;
    color:				#fff;
}

/* 
 * Releases, Artist News und Termine sitzen jeweils in einem Container mit voller Breite des Parents
 * und einer ï¿½berschrift. Jeweils drei Items sitzen in einem Container
 */

.announcements-container {
	width:				100%;
	overflow:			hidden;
}

.announcements-container h2 {
 	color:				#E30202;
	font-size:			25px;	
	padding:			0px 0px 5px 15px;
	background:			url(/images/icons.gif) 0px 10px no-repeat;
}

.announcements-container h2 a {
 	color:				#E30202;
	font-size:			25px;	
}

/*
 * Trenner fï¿½r die Unterpunkte
 */

.separator {
	height:				1px;
	width:				100%;
	margin:				10px 0px 18px 0px;
	background:			url(/images/separator_background.gif) repeat-x;	
	clear:				both;
}

/* Aktuelle Releases */

ul#currentreleases {
	float:				right;
	width:				660px;
}

ul#currentreleases li {
	display:			inline;									
	float:				left;
	margin-left:		1px;
	width:				219px;
	overflow:			hidden;	
}	

ul#currentreleases li div {
	padding:			6px 5px 0px 10px;
	line-height:		18px;		
}

ul#currentreleases li strong {
	padding:			0px 0px 0px 10px;
}	
	
ul#currentreleases li div a {
	display:			block;
	width:				100px;
	line-height:		18px;	
	font-weight:		bold;										
	color:				#000;
	padding:			0px 0px 0px 10px;
	background:			url(/images/icons.gif) -18px -438px no-repeat;									
}

.announcements-container ul#currentreleases li a {
	width:				200px;
}

/* Artist News */

ul#artistnews {
	width:				660px;
	float:				right;
}

ul#artistnews li {
	display:			inline;									
	float:				left;
	margin-left:		1px;
	width:				219px;
	overflow:			hidden;	
}

ul#artistnews li div {
	padding:			6px 5px 0px 10px;
	line-height:		18px;	
}
		
ul#artistnews li strong {
	display:			block;
	font-weight:		bold;	
	padding:			0px 5px 0px 5px;										
}
											
ul#artistnews li span {
	display:			block;
	padding:			0px 5px 0px 5px;
}																	
									
ul#artistnews li div a {
	display:			block;
	line-height:		18px;
	font-weight:		bold;										
	color:				#E30202;
	padding:			0px 0px 0px 15px;
	background:			url(/images/icons.gif) -13px -438px no-repeat;										
}

ul#artistNews li div a.unstyled_a {
	display:			block;
	line-height:		18px;
	font-weight:		normal;										
	color:				#000;
	background:			none;	
	padding:			0px;										
}				

/* Auf der various Artists-Seite gibt es einen Link zu "alle News" */
a#allthenews {
	float:				right;
	margin:				10px 20px 0px 0px;
	font-weight:		bold;
	background:			url(/images/icons.gif) 0px -49px no-repeat;
	padding-left:		10px;
}


/* Termine 
 * im Jahre 2008 Tabellen zu verwenden sieht etwas ungewï¿½hnlich aus, aber weil
 * das tatsï¿½chlich tabellarische Daten sind haben wir das so abgesprochen
 */

#events {
	width:				100%;
	background:			url(/images/separator_background.gif) bottom repeat-x;
	margin-bottom:		10px;							
}
									
#events tr {
	width:				100%;
	background:			url(/images/separator_background.gif) top repeat-x;											
}			
									
/* Table head und foot sind nur der Vollstï¿½ndigkeut halber und werden nicht angezeigt */
#events thead, #events tfoot {
	display:			none;
} 		
			
#events th {
	width:				25%;
	vertical-align:		top;
	font-family:		"Trebuchet MS";
	line-height:		18px;	
}

/*
 * IE ist so zurï¿½ckgeblieben dass er das Hintergrundbild der TR verliert
 * wenn der TH oder die Zellen ebenfalls ein Hintergrundbild haben, deswegen
 * kommt der Pfeil in ein Extra-Element
 */		
#events th span { 
    display:			block;
    font-size:			12px;
	font-weight:		bold;
	color:				#000;										
	padding:			3px 10px 3px 10px;
	background:			url(/images/icons.gif) 0px -47px no-repeat;
}

#events td {
	font-size:			12px;
	padding:			3px 0px 3px 0px;
	vertical-align:		top;
	line-height:		18px;
	width:				25%;
}

#events td.tickets {
	text-align:			right;
}


td.tickets a {
	display:			block;
	line-height:		18px;
	font-weight:		bold;										
	color:				#000;
	padding:			0px 20px 0px 15px;
	background:			url(/images/icons.gif) 90px -49px no-repeat;			
}

/*
 * Artist Download
 */

#musicbox-wrapper {
	background:			url(/images/separator_background.gif) repeat-x top #F3F3F3;	
	padding:			20px 0px 20px 0px;
	margin-bottom:		20px;	
	overflow:			auto;
}

#title-list {
	width:					300px;
	float:					left;
	margin:					0px 20px 0px 20px;
	padding:				1px 0px 1px 0px;
	background:				url(/images/separator_background.gif) repeat-x bottom;
}

#title-list-head {
	height:				1px;
	background:			url(/images/separator_background.gif) repeat-x top;			
}

#title-list-inner {
	height:				300px;
	overflow:			auto;	
	background-color:	#fff;		
}

#title-list ul {	
	clear:			both;
	padding:		10px 0px 10px 10px;			
}

#title-list ul li {
	clear:					both;
	overflow:				auto;
	padding:				0px 0px 5px 0px;
	margin:					5px 0px 0px 0px;
	background:				url(/images/separator_background.gif) repeat-x bottom #fff;	
}

#title-list ul li:last-child, #title-list ul li.last {
	background-image:		none;
}

#title-list ul li img {
	float:			left;	
}

#title-list ul li div {
	float:			left;
	width:			130px;
	margin-left:	20px;	

}

#title-list ul li div h5 {
	font-weight:	bold;	
	margin-bottom:	2px;
}

#title-list ul li div a {
	display:		block;	
	line-height:	18px;
	padding:		2px 0px 2px 10px;
	background:		url(/images/icons.gif) 0px -48px no-repeat;
}

#musicbox {
	width:				300px;
	overflow:			hidden;
	float:				left;		
}


/* eingebettet in den inner footer */
#artist_metanavi {
    background:			url(/images/releases-tools-verlauf.jpg) repeat-x;
    margin:				0px 10px 0px 7px;
	height:				25px;		
}

#artist_metanavi ul {
	padding:			0px 10px 0px 20px;
}

#artist_metanavi ul li {
	display:			inline;
	float:				left;
}

#artist_metanavi ul li a {
	display:			block;
	padding:			4px 10px 1px 10px;
	color:				#fff;
	line-height:		18px;
	background:			url(/images/icons.gif) no-repeat 0px -241px;	
}

/* Die Links haben ein Trennzeichen das als Hintergrundbild eingefï¿½gt wird, bis auf den ersten */
#artist_metanavi ul > li:first-child a {
	background-image:	none;
}


/* Klingeltï¿½ne */
#promobox_content {
    background:		url(/images/inner_background.jpg) repeat-y;
    padding:		0px 10px 0px 25px;
    overflow:		hidden;
	min-height:		100px;
}

#promobox_head {
    width:			100%;
    background:		url(/images/inner_head_bigbackground.jpg) no-repeat; 
	overflow:		hidden;
	margin:			30px 0px 0px 0px;	
}

#promobox_head div {
	float:			left;
	margin:			20px 0px 0px 20px;
	overflow:		hidden;
}

#promobox_head div h2, #promobox_head div h2 a {
	font-size:		25px;
	color:			#999999;
}

#promobox_head div h3 {
	font-size:		18px;
	color:			#E83434;
}

#promobox_foot {
    width:			100%;
    background:		url(/images/inner_foot_background.jpg) no-repeat;
    height:			25px;
	margin:			0px 0px 30px 0px;	
}

#promobox_content ul.ringtones {
	width:			100%;	
	clear:			both;
	float:			right;
	background:		url(/images/separator_background.gif) repeat-x top;	
	padding-top:	10px;	
	margin-top:		5px;		
}

#promobox_content ul.ringtones li {
	float:			left;
	width:			33%;	
}

#promobox_content ul.ringtones img {
	float:			left;	
}

#promobox_content ul.ringtones div {
	float:			right;
	width:			130px;
	margin-right:	20px;	

}

#promobox_content ul.ringtones div h5 {
	font-weight:	bold;	
	margin-bottom:	2px;
}

#promobox_content ul.ringtones div a {
	display:		block;	
	line-height:	18px;
	padding:		2px 0px 2px 10px;
	background:		url(/images/icons.gif) 0px -48px no-repeat;
}

/* 
 * Video
 * Das eigentliche Video kommt in einem iframe
 */

#videoplayer {
 	margin-bottom:		30px;
}

#videoplayer h2 {
	font-size:			25px;
	color:				#999999;
	float:				left;
	display:			inline;	
} 

#videoplayer iframe {
	margin-left:		-18px;
	float:				left;
	clear:				both;
}

.poweredby {
	display:			inline;
	float:				right;
	margin:				10px 10px 0px 0px
}

/*
 * Definitionen fï¿½r die Seite "Artist News"
 */

#artistNews {
	margin:				0px 0px 10px 0px;
	background:			url(/images/separator_background.gif) repeat-x top;		
}

#artistNews  li {
    padding:			0px;
    margin:				0px;
    overflow:			hidden;
    clear:				both;
	background:			url(/images/separator_background.gif) repeat-x bottom;	
}

#artistNews  li a.date {
    display:			block;
    float:				left;
	color:				#000;
    font-family:		Georgia;
    padding:			5px 0px 5px 20px;
	margin:				0px 0px 0px 0px;
    width:				70px;
	overflow:			hidden;
    background:			url(/images/icons.gif) no-repeat 10px -45px;
    vertical-align:		bottom; /* fï¿½r IE6  */
}

#artistNews  li a.readmore {
    float:				right;
    display:			block;
    padding:			5px 10px 0px 20px;
    background:			url(/images/icons.gif) no-repeat 10px -44px;
    vertical-align:		bottom; /* fï¿½r IE6  */
}

#artistNews li div  {
	display:			inline;
    float:				left;
	padding:			5px 0px 5px 10px;	
    margin:				0px 20px 0px 10px;
	line-height:		18px;
    background:			url(/images/icons.gif) no-repeat left -208px;
    vertical-align:		bottom; /* fï¿½r IE6  */
	width:				470px;
}

/*
 * Definitionen fï¿½r die Seite Artist News 
 */

.paging {
    padding:		 0px 20px 0px 0px;
	margin:			 0px 0px 10px 0px;
	overflow:		 auto;
}

.paging h1 {
	float:			left;	
}

.paging ul {
	float:			right;
	margin-top:		10px;
}

.paging ul li {
    display:		inline;
    line-height:	18px;
}

/* fï¿½r Safari zur Ausrichtung */
.paging ul li span {
	display:		inline-table;
}

#releasedetail-header {
	overflow:		hidden;	
	margin:			0px 0px 30px 0px;
}

#releasedetail-header img {
	float:			left;
}

#releasedetail-header #releasedetail-text {
	margin-left:	240px;	
	padding:		0px 0px 2px 0px;	
}

#releasedetail-header #releasedetail-text div {
	background:		url(/images/separator_background.gif) repeat-x top;
	padding:		1px 0px 0px 0px;	
	overflow:		hidden;
}

#releasedetail-header #releasedetail-text h2 {
	display:		block;
	background:		url(/images/separator_background.gif) repeat-x bottom #F3F3F3;	
	font-size:		24px;
	color:			#000;	
	padding:		5px 0px 5px 20px;
}

#releasedetail-header #releasedetail-text h3 {
	background:		url(/images/separator_background.gif) repeat-x bottom #F3F3F3;	
	color:			#929292;
	padding:		5px 0px 5px 0px;	
}

#releasedetail-header #releasedetail-text h3 span {
	font-weight:	bold;
}

#releasedetail-header #releasedetail-text div h3 a {
	padding-left:		20px;
}

#releasedetail-header #releasedetail-text div h3 a.active  {
	padding-left:		20px;
    background:			url(/images/icons.gif) no-repeat 10px -50px;
}

#releasedetail-header #releasedetail-text a.back {
	display:		block;	
	float:			left;
	margin:			79px 0px 0px 0px;
	padding:		0px 0px 0px 12px;	
	font-weight:	bold;
    background:		url(/images/icons.gif) no-repeat 0px -554px;	
}

#releasedetail-header #releasedetail-text a.buynow {
	display:		block;	
	float:			right;	
	margin:			70px 20px 0px 0px;
	font-weight:	bold;		
}

/* Tracklist */

#tracklist, #tracklist ul li, #tracklist a {
	font-weight:bold;
}

#tracklist h2 {
	font-size:		24px;
	color:			#999999;
	float:			left;	
}

#tracklist a.trackdetails {
	float:			right;
	line-height:	18px;	
	margin:			15px 20px 0px 0px;
	padding:		0px 0px 0px 10px;
    background:		url(/images/icons.gif) no-repeat 0px -49px;	
}

#tracklist ul {
	margin:			0px 0px 30px 0px;
	clear:			both;
}

#tracklist ul li {
    padding:		5px 0px 5px 0px;
    overflow:		hidden;
    background:		url(/images/separator_background.gif) bottom repeat-x;
}

#tracklist ul li div.number {
    display:		block;
    float:			left;
    line-height:	18px;
    color:			#000;
	font-weight:	bold;
    padding:		0px 0px 0px 5px;
	margin:			0px;
	vertical-align:	bottom;
	width:			3%;
}

#tracklist ul li div {
    display:		block;
    float:			left;	
	margin:			0px 10px 0px 10px;
	width:			75%;
	text-align:		right;
}

#tracklist ul li div span {
 	float:			left;
	display:		inline;
}


#tracklist ul li a.listen {
    display:		block;
    float:			right;
    line-height:	18px;
    color:			#000;
	font-weight:	bold;
    padding:		0px 30px 0px 0px;
	vertical-align:	bottom;
    background:		url(/images/icons.gif) no-repeat right -517px;
}

#tracklist a.back {
	display:		block;	
	float:			left;
	margin:			25px 0px 10px 0px;
	padding:		0px 0px 0px 12px;
	font-weight:	bold;
    background:		url(/images/icons.gif) no-repeat 0px -554px;	
}

#tracklist a.buynow {
	display:		block;	
	float:			right;	
	margin:			10px 20px 10px 0px;	
}

/* Artist Bilder */
#slideshow {
	height:			400px;
	width:			640px;
	margin:			0px auto 30px auto;
	text-align:		center;
}

/* 
* Terminsortierung
*/

#eventsort {   
	clear:			both;
	overflow:		hidden;
    background:		url(/images/separator_background.gif) top repeat-x;	
	padding:		5px 0px 5px 0px;
}

#eventsort form {
	float:			right; 
}

#eventsort .label {
	float:			left;
	margin-right:	10px;
}

#eventsort select {
    font-size:		10px;
	float:			left;
	width:			165px;
	margin-right:	10px;
	border:			1px solid #000;
} 

/*
 * Prelisten
 */

.prelisten {
	background-image:		none;
	background-color:		#fff;
}

.prelisten .media {
	margin:					0px 0px 0px 10px;
}

.prelisten img {
	float:				left;
	margin-right:		10px;
}

.prelisten h5 {
	font-weight:		bold;
	font-style:			italic;
	font-size:			24px;
}

.prelisten p {
	font-weight:		bold;
	font-size:			16px;	
}

.prelisten  ul {
	clear:			both;
	margin:			10px 0px 0px 0px;
}

.prelisten  ul li {
    background:		url(/images/separator_background.gif) bottom repeat-x;	
	padding:		5px 0px 5px 0px; 	
}

