/*
 * Sony BMG Relaunch
 * 
 * Style Definitionen für den Bereich Home
 * 
 * erstellt : 21.08.08
 * letzte Änderung 28.07.09
 */

h2 {
	font-size:				24px;
	color:					#929292;	
	padding:				5px 0px 5px 0px;	
}

h3 {
    font-weight:			bold;
    line-height:			18px;
    background:				url(/images/icons.gif) no-repeat -18px -437px;
    padding:				0px 20px 0px 10px;
}

/*
 * outer-gradient enthält ein Hintergrundbild mit Schatten und Tabs. Default ist das Hintergrundbild
 * mit dem "home"-Tab, für die anderen Bereiche wird das im Bereichs-CSS mit gradient-[bereichsname].jpg überschrieben
 */
#outer-gradient {
    width:				1000px;
    background:			url(/images/gradient_home.jpg) repeat-x;
}



/*
 * Aktiver Hauptnavigationspunkt
 */

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

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


/*
 * Contentbereich 
 * 
 * announcements-block enthält die horizontalen Blöcke Releases, Artists News und Termine
 */

#announcements-block {
	width:					660px;
	float:					left;
}

/* 
 * 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-block-container {
	width:					100%;
	overflow:				auto;
}

.announcements-block-container h2 {
 	color:					#E30202;
	font-size:				25px;	
	padding:				0px 0px 5px 15px;
	background:				url(/images/icons.gif) no-repeat;
	background-position:	0px 10px;
}

.announcements-block-container h2 a {
 	color:					#E30202;
	font-size:				25px;	
}

/*
 * announcements-lists enthält die vertikalen Blöcke Top Downloads und Company News
 */

#announcements-lists {
	width:					235px;
	float:					right;
	margin-top:				8px;	
}

/* 
 * Top Downloads und Company News sitzen jeweils in einem Container mit voller Breite des Parents
 * und einer Ãœberschrift. Jeweils drei Items sitzen in einem Container
 */

.announcements-lists-container {
	width:					100%;
	margin-bottom:			10px;
}

.announcements-lists-container h2 {
	color:					#999999;
	font-size:				20px;	
	padding:				0px 0px 5px 15px;
	background:				url(/images/icons.gif) no-repeat  0px -23px;
}

.announcements-lists-container h2 a {
	color:					#999999;
	font-size:				20px;	
}

/*
 * 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 li {
	display:				inline;									
	float:					left;
	margin-right:			1px;
	width:					219px;
	overflow:				hidden;	
}	

ul#currentreleases li div {
	padding:				6px 5px 0px 10px;
	line-height:			18px;		
}
									
ul#currentreleases li h5 {
	font-size:				16px;
	font-weight:			bold;
	font-style:				italic;
}
		
ul#currentreleases li div a {
	display:				block;
	line-height:			18px;	
	font-weight:			bold;										
	color:					#E30202;
	padding:				0px 0px 0px 10px;
	background:				url(/images/icons.gif) -17px -438px no-repeat;									
}


/* Artist News */
ul#artistnews li {
	display:				inline;									
	float:					left;
	margin-right:			1px;
	width:					219px;
	overflow:				hidden;	
}

ul#artistnews li div {
	padding:				6px 5px 0px 10px;
	line-height:			18px;	
}
	
ul#artistnews li h5 {
	font-size:				16px;
	font-weight:			bold;
	font-style:				italic;
	padding:				0px 5px 0px 5px;										
}
		
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) no-repeat -17px -438px;										
}			

/* 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) repeat-x bottom;							
}
									
#events tr {
	width:					100%;	
	background:				url(/images/separator_background.gif) repeat-x top;												
}			
									
/* Table head und foot sind nur der Vollständigkeut halber und werden nicht angezeigt */
#events thead, #events tfoot {
	display:				none;
} 		
			
#events th {
	width:					8%;
	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) no-repeat -0px -47px;			
}

#events td {
	font-size:				12px;
	padding:				3px 0px 3px 0px;
	vertical-align:			top;
	line-height:			18px;
}

#events .name {
	width:					30%;
	font-weight:			bold;										
}	

/* siehe oben - Element um ein Hintergrundbild zu platzieren */
#events .name a {
	display:				block;
	padding:				0px 10px 0px 10px; 
 	background:				url(/images/icons.gif) no-repeat -0px -212px;  
}

#events .city {
	width:					25%;
}
		
#events .venue {
	width:					35%;
}

/* Top Downloads */
ul#topdownloads {
	padding-top:			1px;	
	background:				url(/images/separator_background.gif) repeat-x top;	
}
	
ul#topdownloads li {
	padding:				5px 0px 2px 4px;
	background-color:		#F3F3F3;	
	position:				relative;
	background:				url(/images/separator_background.gif) repeat-x bottom #F3F3F3;		
}
		
ul#topdownloads li h5 {
	height:					24px;
	vertical-align:			top;
	font-family:			"trebuchet ms";	
	padding:				0px 0px 0px 30px;										
	font-weight:			bold;
	text-transform:			uppercase;
 	background:				url(/images/icons.gif) no-repeat;	
}

ul#topdownloads li#first h5 {
	background-position:	5px -71px;	
}

ul#topdownloads li#second h5 {
	background-position:	5px -108px;	
}

ul#topdownloads li#third h5 {
	background-position:	5px -140px;	
}
									
ul#topdownloads li a {
    display:				block;
	margin-top:				-8px;
	line-height:			18px;
	font-weight:			normal;
	padding:				0px 0px 0px 40px;
 	background:				url(/images/icons.gif) no-repeat 13px -438px;
}

/* Company News */

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

ul#companynews li {
	padding:				4px 0px 4px 0px;
	background-color:		#F3F3F3;	
	background:				url(/images/separator_background.gif) repeat-x bottom;	
}
									
ul#companynews li div, ul#companynews li h5 {
	display:				block;
	line-height:			18px;
	font-family:			"trebuchet ms";	
	padding:				0px 0px 0px 22px;										
	font-weight:			bold;
	text-transform:			uppercase;
 	background:				url(/images/icons.gif) no-repeat 10px -49px;	
}
									
ul#companynews li a {
	display:				block;
	padding:				0px 5px 0px 22px;
}