@CHARSET "UTF-8";

/*************************/
/*** CSS: ZF Worldwide ***/
/*************************/

/**
 * Author: Birgit Karch - Feb 4, 2009
 */


/**
 * Last Update: Apr 1, 2009
 */


/* region portals and country sites  -  header img (#buehne) and #logoBlock 
 * are placed horizontally next to each other 
 * instead of following each other vertically  */

#serviceNav {						/* obsolete with new header */
	margin-bottom: 10px;
}

#logoBlock {						/* obsolete with new header */
	position: absolute;
	top: 25px;
	z-index: 10;
}

#buehne, #buehneZusatz {			/* obsolete with new header */
	background-color: transparent;
}

#mainNav {
	margin-bottom: 0;
}

#contentTop.green {				/* only on homepages of region portals */
	background-color: #bdccd3;
}

/* specific for country sites as grey background in contentBottom is dropped on homepages also and
 * pipes of teaser headlines are darker than on corporate and regional portals */
#section.countrySite #contentBottom {
	background-color: transparent;
	padding-bottom: 0;
}

#section.countrySite #cbMain {
	padding-top: 0;
}

.countrySite #cbSidebar .teaser h3 {
	border-color: #646567;
	margin-top:5px;
}

/* for main navigation with 6 items instead of 5 */

#mainNav.narrowItems li {
	width: 160px;
}

#mainNav.narrowItems li a {
	width: 150px;
}

#mainNav.narrowItems #navlast a {
	background-image: url(../../../../media/global/img/layout/navi_narrowlast_bg.gif);
}

/* teaser with beige background on country sites */

#contentBottom .teaser .beige {
	background-color: #E3E0DD;
	padding-bottom: 0.5em;
}

#contentBottom .teaser .beige img {
	padding-bottom: 1em;
}

#contentBottom .teaser .beige p {
	margin: 0 1em 0.5em;
}

#contentBottom .teaser .beige a {
	display: inline;
	color: #DC291E;
}

/* CorpHomeLayer (pops up when 'ZF Corporate Home' link in Cockpit is clicked on) */

#CorpHomeLayer .msg {
	clear: both;
	color: #DC291E;
}

#CorpHomeLayer .linkliste {
	width: 50%;
	float: left;
	margin-bottom: 2em;
}

#CorpHomeLayer .linkliste li {
	margin-left: 1.2em;
}

#CorpHomeLayer .linkliste li.first {
	margin-left: 0;
	font-weight: bold;
}

/* BrandsCountriesLayer (pops up when 'Product Brands' link in Cockpit is clicked on) */

#BrandsCountriesLayer .msg {
	margin-top: 20px;
	color: #DC291E;	
}

#BrandsCountriesLayer img {
	display: block;
	margin: 0;
}

#BrandsCountriesLayer div {
	float: left;
}

#BrandsCountriesLayer div ul {
	margin-left: 2em;
	margin-top: 0;
}

/* variation of forms (May11,2009 - BKarch) */

.radiooptions { 
	padding-left: 27em;
	padding-right: 1em;
}

fieldset .radiooptions div {
	width: 26em;
}

/* .blaettern newsmodul for wideTeaser - 
 * should currently not be suppported on international sites 

.wideTeaser .blaettern img {
	display: inline;
	padding: 0;
	vertical-align: middle;
}

.wideTeaser .switch div {
	display: none;
}

.wideTeaser .switch .active {
	display: block;
}

.wideTeaser .blaettern {
	margin-left: 6px;
}

.wideTeaser .blaettern span {
	display: inline;
	padding: 0 4px;
	margin-left: 6px;
	cursor: pointer;
	vertical-align: middle;
	background: transparent scroll no-repeat right center;
}

.wideTeaser .blaettern .back {
	background-image: url(../../../../media/global/img/layout/button_news_back_off.gif);
}

.wideTeaser .blaettern .forward {
	background-image: url(../../../../media/global/img/layout/button_news_forward_off.gif);
}
*/
/* for IE6 
.wideTeaser .blaettern .backHover {
	background-image: url(../../../../media/global/img/layout/button_news_back_over.gif);
}

.wideTeaser .blaettern .forwardHover {
	background-image: url(../../../../media/global/img/layout/button_news_forward_over.gif);
}

/ .blaettern newsmodul for wideTeaser */