/*
 * Sony BMG Relaunch
 *
 * Style Definitionen für den Bereich Company
 *
 * erstellt : 10.09.08
 * letzte Änderung 02.10.08
 */


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;
}

/*
 * Aktiver Hauptnavigationspunkt
 */

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

li#tabbedMainCompany 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
 */

#content-column {
    width:				696px;
    float:				right;
	position:			relative;
}

#inner-teaser {
    padding:			0px;
    margin:				0px;
    min-height:			20px;	
	width:				695px;
    background:			url(/images/inner_head_background.jpg) no-repeat bottom;	
}

#inner-teaser img {
	border:				0px;
	padding:			0px;
	margin:				0px 0px 0px 7px;	
	max-width:			679px;
}

/*
 * Tab-Navigation für den Bereich Company
 */

#companyTabs {
    overflow:			hidden;
    width:				100%;
    border-bottom:		2px solid #E83434;
    margin-bottom:		30px;
}

#companyTabs  li {
    display:			inline;
    float:				left;
}

#companyTabs  li a {
    display:			block;
    font-size:			14px;
    padding:			0px 15px 0px 15px;
    border-right:		1px solid #C9C9C9;
}

#companyTabs li.active a, #companyTabs li a:hover {
    background-color:	#E83434;
    border-right:		1px solid #E83434;
    color:				#fff;
}

/* 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;
	height:				100%;
}

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

/*
 * Definitionen für die Übersichtsseite
 */

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

#inner-content h3 {
        background:transparent url(/images/icons.gif) no-repeat scroll -18px -436px;
        font-weight:bold;
        line-height:18px;
        padding:0 0 0 10px;
}


/*
 * Paginierung
 */

#inner-content .paging {
    float:				right;
    text-align:			right;
    padding:			0px 20px 0px 0px;
	width:				640px;
}

.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;
}

.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.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;
}

/* Listenansichten für Jobs bzw. News */
ul#companyjobs,
ul#companynews {
	margin:				0px 0px 10px 0px;
	background:			url(/images/separator_background.gif) repeat-x top;		
	clear:				both;
}

ul#companyjobs li,
ul#companynews  li {
    padding:			0px;
    margin:				0px;
    overflow:			hidden;
    clear:				both;
	background:			url(/images/separator_background.gif) repeat-x bottom;	
}

ul#companyjobs li .date,
ul#companynews li .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 -434px;
    vertical-align:		bottom; /* für IE6  */
}

ul#companyjobs li a.readmore, 
ul#companynews li a.readmore {
    float:				right;
    display:			block;
    padding:			5px 10px 5px 20px;
    background:			url(/images/icons.gif) no-repeat 10px -44px;
    vertical-align:		bottom; /* für IE6  */
}

ul#companyjobs li div,
ul#companynews li div  {
	float:				left;
	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  */
}

/*
 * Seite Newsdetails 
 * eien Detailseite besteht aus einer h1, einem container (p oder div) mit .news_dateline, einem container (p oder div) für fett geschriebenen
 * Introtext und einer Anzahl normaler Paragraphen. Bilder und Unterschriften werden in general.css definiert
 */

/* Ort, Datum */
.news_dateline {
	font-family:		Georgia;
	font-size:			14px;
	color:				#E83434;
	margin:				10px 0px 0px 0px;
}

/* einführender Paragraph*/
.news_introtext {
	font-weight:		bold;
}

/*
 * Seite Labels; die Labels werden als Liste mit je drei Elementen nebenenander floated angezeigt
 */
ul#labels {
	width:				660px;	
	overflow:			hidden;
}

ul#labels li {
	width:				220px;
	float:				left;	
	background:			url(/images/separator_background.gif) repeat-x bottom;		
}

/*
 * übernommen von der alten sonybmg-css company
 */
a.companyOrangeLink:hover,
a.companyOrangeLink:visited,
a.companyOrangeLink:link,
a.companyOrangeLink:active,
.companyOrangeLink {
    color:#DD4117;
}