/* DHTML, hide Elemente */
.hide, .nodisplay, .hideTeaserText {display:none;}
.showdisplay, .showTeaserText {display:block;}
.showTeaserText {clear:both; font-weight:400;}
.showTeaserTextPanel {clear:both; padding:18px 0 0 12px;}
/* Globale Elemente */
* {margin:0; padding:0;}
body,html {min-height:100.01%; color:#000; text-align:center; background:#d9d9d9; font:12px Arial, Helvetica, sans-serif;}
/* clearing (all div heights inside of wrapper must be 1% on IE 5.x Win32) */
#wrapper div:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
/* shadows, background */
#schattenOben, #schattenObenW, #schattenUnten, #hintergrundSchatten {width:100%; position:relative;}
#schattenOben {min-width:912px; height:28px; background:url('../images/schatten_oben.gif') no-repeat center;}
#schattenObenW {height:28px; background:url('../images/schatten_oben.gif') no-repeat center;}
#schattenUnten {clear:both; height:36px; background:url('../images/schatten_unten.gif') no-repeat center;}
#schattenOben div, #schattenUnten div {width:888px; margin:auto; position:relative;}
#hintergrundSchatten {width:100%; min-width:912px; margin:auto; background:url('../images/bg.gif') repeat-y center;}
#hintergrundSchattenW {margin:auto; }
#wrapper {width:912px; display:block; margin:auto; text-align:left; background:#fff; position:relative;}
#wrapperW {width:95%; display:block; margin:auto; text-align:left; background:#fff; position:relative;}
#topHeader {width:888px; float:left; margin:1px 0 0 12px; display:inline;}
#subHeader {width:888px; float:left; margin:12px 0 0 12px; display:inline;}
#version {width:888px; float:left; margin:3px 0px 0px 12px; display:inline;}
#footer {width:888px; float:left; margin:12px 0 0 12px; display:inline;}
p.copyright {float:left; line-height:100%; margin:0; font-size:10px; color:#666;}
/* standard paragraphs and headlines */
h1, h2, p, div.paragraph {font-weight:400; margin:12px 6px 0 12px; padding:0;}
h1 {font-size:18px;}
h2 {font-size:14px;}
h3 {font-size:14px; margin:0;}
h1, h2, h2 a {color:#333; font-weight:700; line-height:125%;}
h4 {background-color:#005a5f; color:#fff; font-size:12px;}
h4 div {padding:3px 8px 1px 8px;}
span.h5 {font-weight:bold; display:block;} /*Glossar*/
span.nfo {text-decoration:underline; cursor:help;}
span.noB {white-space:nowrap;}
.freeStyle--nobr {white-space:nowrap;}
.freeStyle--subselection {margin:12px 0 0; color:#333; font-size:14px; font-weight:bold;}
.freeBlock--footnote {font-size:10px; color:#333;}
.freeStyle--textlink a {color:#005a5f; text-decoration:underline;}
.freeStyle--textlink a:hover {color:#e20074; text-decoration:underline;}
a .freeStyle--textlink {color:#005a5f; text-decoration:underline;}
a:hover .freeStyle--textlink {color:#e20074; text-decoration:underline;}
p, div.paragraph {line-height:150%;}
span.paragraphSmall {line-height: 100%;}
a {color:#000;}
a:hover {color:#e20074;}
.inlineTab.background-color--silver td a {color:#005a5f; text-decoration:underline;}
.inlineTab.background-color--silver td a:hover {color:#e20074; text-decoration:underline;}
img {border:none; }
/*Header*/
.conContentBanner {float:left;}
/* meta and footer navigation */
.metaNavigation {padding-top:0; font-size:10px;}
.footerNavigation {float:right; width:520px; font-size:10px;} /*Nederland beachten*/
.metaNavigation ul, .footerNavigation ul {float:right; list-style:none; margin:0; padding:0;}
.metaNavigation li, .footerNavigation li {display:inline; float:left; text-decoration:none;}
.metaNavigation ul li a, .footerNavigation ul li a {color:#666; text-decoration:none; margin-left:12px;}
.metaNavigation ul li a:hover, .footerNavigation ul li a:hover {color:#e20074; text-decoration:none;}
/*search to subHeader*/
.suche {float:right; width:160px; text-align:right;}
.suche label {display:none;}
.suche input {width:75px; color:#333; font-size:10px;}
.suche input.inpImage {width:auto; font-size:10px; margin:3px 0 0; vertical-align:top;}
/*horizontal navigation*/
.hauptNavigation {float:left; width:728px; color:#333;display:inline}
.ExceptionBox {padding:0 8px 0 8px; font-size:14px; font-weight:bold; color:#fff; background-color:#e20074;}
.rightBox .ExceptionBox {float:left; padding:4px;}
div.bildUmfliessen {float:left; padding:16px 12px 12px 12px;} /* please put the div in front of the paragraph (used on:Management, TopStory) */
/* special paragraphs (used inside of boxes) */
#newsBox p, .appetizerBox p, .boxInContentBox p {line-height:125%; margin:8px 8px 4px;}
/* standard horizontal content separator */
div.linie {height:12px !important; max-height:12px !important; font-size:7px; border-bottom:1px solid #999; margin-left:12px; clear:both;} /* by ff ts */
.sucherg {width:684px;} /* additional format for lines used on:Suchergebnis (result page) */
/* navigation path */
#navipfad {border-bottom:12px solid #fff; padding:4px 12px; font-size:10px; max-width:684px; background:#eee;}
.navipfadAktivesElement {font-weight:bold; color:#000;}
#navipfad a, #navipfad a:hover {text-decoration:underline;}
/* left column (also used on subsites) */
#linkeSpalte {float:left; width:168px; min-height:230px;}
/* main vertical navigation */
#vertikaleNavi {float:left; width:168px; height:230px; background:#d9d9d9;}
#vertikaleNavi[id] {height:auto; min-height:230px;}
#vertikaleNavi ul {list-style:none; margin:6px 0 0; padding:0; width:100%;}
/* 1st level */
#vertikaleNavi ul li a {background:url(../images/quadrat.gif) 12px 7px no-repeat; display:block; padding:2px 8px 2px 23px; text-decoration:none;}
#vertikaleNavi ul li a:hover {background:#666 url(../images/quadrat_weiss.gif) 12px 7px no-repeat; color:#fff;}
#vertikaleNavi ul li a.active {background:url(../images/quadrat_weiss.gif) 12px 7px no-repeat; background-color:#999; color:#fff;}
#vertikaleNavi ul li a.active.currentpage {background-color:#e20074;}
/* 2nd level */
#vertikaleNavi ul li ul.nav2 {margin:0; background:#eee; padding:0 0 6px;}
#vertikaleNavi ul li ul.nav2 li a {background:none; display:block; padding:2px 8px 2px 31px; text-decoration:none;}
#vertikaleNavi ul li ul.nav2 li a:hover {background:none; background-color:#666; color:#fff;}
#vertikaleNavi ul li ul.nav2 li a.active {background:#999 url(../images/quadrat_weiss.gif) 20px 7px no-repeat; color:#fff;}
#vertikaleNavi ul li ul.nav2 li a.active:hover {background:#666 url(../images/quadrat_weiss.gif) 20px 7px no-repeat; color:#fff;}
#vertikaleNavi ul li ul.nav2 li a.active.currentpage {background-color:#e20074;}
/* 3nd level */
#vertikaleNavi ul li ul li ul.nav3 {margin:0; background:#eee; padding:0 0 6px;}
#vertikaleNavi ul li ul li ul.nav3 li a {background:none; display:block; padding:2px 8px 2px 45px; text-decoration:none;}
#vertikaleNavi ul li ul li ul.nav3 li a:hover {background:none; background-color:#666; color:#fff;}
#vertikaleNavi ul li ul li ul.nav3 li a.active {background:#e20074 url(../images/quadrat_weiss.gif) 35px 7px no-repeat; color:#fff;}
#vertikaleNavi ul li ul li ul.nav3 li a.active:hover {background:#666 url(../images/quadrat_weiss.gif) 35px 7px no-repeat; color:#fff;}
/* Formular Elemente (container included) */
/* standard formats (framework) */
.contentBox form {margin:12px 0 0 12px;}
.contentBox div.finderBox form {margin:0 0 0;}
form .content {float:left; clear:both; width:448px; margin:12px 0 0;}
fieldset {border:0;}
.errorMsg {clear:both; padding:0 0 8px 138px; color:#e20074;}
.element {float:left; clear:both; width:448px; margin:0 0 8px 0;}
.element .label {display:block; float:left; width:138px; line-height:150%; overflow:hidden; min-height:10px;}
.element .field {display:block; float:left; width:310px; line-height:150%; overflow:hidden;}
.label {}
.labelMandatory {font-weight:bold;}
.bxt.selectelement {width:310px;}
.bxt.textfield {width:306px;}
.bxt.boxelement {display:inline; margin:0 6px 0 0;}
.bxt.submitelement {}
.txt.textarea {width:306px;}
.group.groupNoLabel {padding:0 0 0 138px}
.group.groupNoLabel .element {clear:none; width:auto;}
.group.groupNoLabel .element .label {display:none;}
.group.groupNoLabel .element .field {width:auto; margin:0 12px 0 0;}
/* quickFinder - referenzFinder */
div.finderBox select {color:#000;}
.appetizerBox div.finderBox {padding:0 8px 0 8px;}
.appetizerBox div.finderBox p {height:92px; margin:8px 0 8px 0; overflow:hidden;}
.appetizerBox select {width:152px; margin:0 0 3px 0; font-size:10px;}
.contentBox div.finderBox {margin:0 0 0 12px; padding:0 0 8px 0; background:#d9d9d9;}
.contentBox div.finderBox select {width:432px; margin:8px 0 0 8px;}
.contentBox input.referenzSuche {width:426px; margin:8px 0 0 8px;}
.contentBox input.referenzKnopf {width:138px; margin:8px 0 0 8px;}
div.finderBox fieldset {display:block;}
/* pull down menus in right column boxes */
div.rechteBoxPullDownContainer {margin:0 8px; padding-bottom:5px;}
.mitAbstandOben {margin:8px 8px 0 8px !important;} /* other languages pull down (used on:Branchen > Automotive ) */
select.rechteBoxPullDownMenu {color:#000; font-size:10px; margin:0 0 3px 0; width:184px;}
/* module:poll (umfrage) */
.umfrageFrage {width:176px; margin:2px 12px; padding:2px 0; border-bottom:1px solid #7d9ba0;}
.umfrageErgebnisChart {margin:0 8px 8px;}
input.umfrageKnopf {width:88px; padding:0; margin:6px 12px;}
input.umfrageRb {margin-right:6px;}
/* Allgemeine Standartdefinitionen */
/* standard (unordered) list format */
.contentBox ul {list-style:none; margin:0; padding:0;}
.contentBox li {background:url(../images/quadrat.gif) 8px 7px no-repeat; display:block; padding:0 0 0 19px;}
.contentBox ul li .paragraph {margin:0 0 0 0;}
.toolPara ul {list-style:none; margin:0; padding:0;}
.toolPara li {background:url(../images/quadrat.gif) 8px 7px no-repeat; display:block; padding:0 0 0 19px;}
/* standard hyperlinks in boxes and list*/
.grauePfeileLinks {margin:5px 8px 1px 8px; padding:0; clear:both;}
.grauePfeileLinks ul {list-style:none; margin:0; padding:0; width:100%;}
.grauePfeileLinks ul li a {color:#000; display:block; margin:0; padding:0 0 5px 16px; background:url('../images/pfeil_grau.gif') no-repeat 0 3px;}
.contentBox .grauePfeileLinks li {background:none; padding:0;}
.grauePfeileLinks .headText {font-weight:bold;}
.grauePfeileLinks .linkText {clear:both; display:block;}
.appetizerBox .grauePfeileLinks .headText {display:none;}
.appetizerBox .grauePfeileLinks .richText {display:none;}
a.empfehlen, a.drucken {background:url('../images/pfeil_grau.gif') no-repeat 0 3px;}
.grauePfeileLinks ul li a:hover, a.empfehlen:hover, a.drucken:hover {background:url('../images/pfeil_magenta.gif') no-repeat 0 3px; color:#e20074;}
a .freeStyle--relLink, .freeStyle--relLink a {float:left; color:#000; margin:0; padding:2px 0 5px 16px; background:url('../images/pfeil_grau.gif') no-repeat 0 5px; cursor:pointer;}
a:hover .freeStyle--relLink, .freeStyle--relLink a:hover {color:#e20074; background:url('../images/pfeil_magenta.gif') no-repeat 0 5px;}
#linkeSeite a .freeStyle--relLink, #linkeSeite .freeStyle--relLink a {float:none; display:block; width:128px; max-width:128px; padding:2px 0 0 16px;}
.contentBox a .freeStyle--relLink, .contentBox .freeStyle--relLink a {width:432px; max-width:432px; padding:0 0 5px 16px;}
.rechteBox a .freeStyle--relLink, .rechteBox .freeStyle--relLink a {width:184px; max-width:168px;}
#popup .contentBox a .freeStyle--relLink, #popup .contentBox .freeStyle--relLink a {width:auto; max-width:auto; padding:2px 0 5px 16px;}
/* Startseite, Einstiegsseiten */
/* cover appetizer */
#bigAppetizerArea {float:left; width:888px; margin:12px 0 0 12px; display:inline;}
#coverAppetizerLinks {float:left; width:708px; display:inline;}
#coverAppetizerRechts {float:left; width:708px; margin:0 0 0 12px;}
/* newsbox formats (used only on startpage) */
#newsBox {float:left; width:168px; height:230px; margin:0 0 0 12px; overflow:hidden; background:#d9d9d9;}
span.newsBoxDatum {font-size:10px; font-weight:700; line-height:150%;}
#fuenfAppetizerArea {float:left; width:900px; margin:18px 0 0 12px; overflow:hidden; display:inline; background:url(../images/appetizer_bg.gif) repeat-y;}
.appetizerBox {float:left; width:168px; margin:0 12px 0 0; padding-bottom:6px; overflow:hidden;}
/* Detailseiten & Uebersichtsseiten */
#hauptArea {float:left; width:888px; margin:6px 0 0 12px; display:inline;}
#contentArea {float:left; width:708px; margin:0 0 0 12px;}
/* Uebersichtsseiten */
.contVollBox, .contbpVollBox {background:url(../images/detailseite_uebersicht_bg.gif) repeat-y;}
.contVollBox .boxLine {width:708px;}
.VollBox {float:left; width:708px; display:inline;}
.VollBox div.col11 {float:left; width:708px;}
/*.VollBox div.col13 {float:left; width:708px;}*/
div.col12 {float:left; width:348px;}
div.col22 {float:left; width:348px;}
.bpVollBox div.col12 {width:360px;}
.bpVollBox div.col22 {width:336px;}
div.col13 {float:left; width:232px;} /*Grid 3-Spaltig in Vollbox*/
div.col23 {float:left; width:232px;} /*Grid 3-Spaltig in Vollbox*/
div.col33 {float:left; width:232px;} /*Grid 3-Spaltig in Vollbox*/
/* used on:Branchen, Glossar in contVollBox */
.uebersichtBox {float:left; width:336px; margin:18px 0 0 12px; background:#becdcf; display:inline;}
.uebersichtGlossarBox {float:left; width:336px; margin:18px 0 0 12px; background:#becdcf; display:inline;}
.uebersichtBox .boxIntroText {width:336px; padding-bottom:4px;}
.uebersichtBox .boxIntroText p {margin:4px 8px 4px 8px;}
.uebersichtBox .grauePfeileLinks {float:left; border-top:1px solid #7d9ba0; margin:-1px 0 0 0; padding:0;}
.uebersichtBox .grauePfeileLinks ul {width:320px; float:left; margin:4px 0 3px 0; padding:0 8px 0 8px;}
.uebersichtBox .grauePfeileLinks[class] ul {margin:4px 8px 3px 8px; padding:0;}
.uebersichtBox .grauePfeileLinks ul li a {font-weight:700;}
/* used on:Loesungen, Sitemap in contVollBox */
.uebersichtBoxKlein {float:left; width:220px; margin:18px 0 0 12px; background:#becdcf; display:inline;}
.uebersichtBoxKlein .boxIntroText {width:220px; padding-bottom:4px;}
.uebersichtBoxKlein .boxIntroText p {line-height:125%; margin:8px 8px 4px 8px;}
.uebersichtBoxKlein .grauePfeileLinks {float:left; border-top:1px solid #7d9ba0; margin:-1px 0 0 0; padding:5px 0 0 0;}
.uebersichtBoxKlein .grauePfeileLinks ul {width:204px; float:left; margin:0 0 0 0; padding:0 8px 0 8px; clear:both;}
.uebersichtBoxKlein .grauePfeileLinks[class] ul {margin:0 8px 0 8px; padding:0;}
.uebersichtBoxKlein .grauePfeileLinks ul li {clear:both;} /* ev. nur für sitemap kennzeichen*/
.uebersichtBoxKlein .grauePfeileLinks ul li a {font-weight:700;} /* everything bold */
.uebersichtBoxKlein .grauePfeileLinks ul.nav2 {width:180px;}
.uebersichtBoxKlein .grauePfeileLinks ul.nav2 li {width:180px; margin-left:8px; font-size:10px;}
.contentBox .uebersichtBoxKlein {margin:18px 0 0 12px; width:218px; float:left; padding-bottom:6px; background:#d9d9d9;} /* used on:Branchen-Automotive in DetailBox */
.contentBox .uebersichtBoxKlein .boxIntroText {width:218px;}
/* Detailseiten */
.contDetailBox {background:url('../images/detailseite_bg.gif') repeat-y;}
.contDetailBox .boxLine {width:460px;}
.DetailBox {float:left; width:708px; display:inline;}
/* content column */
.contentBox {float:left; clear:left; width:460px; display:inline;}
.VollBox .contentBox {width:708px;}
.contentBox .grauePfeileLinks {margin:12px 12px 1px 20px;} /*used on Pressebilder*/
.contentBox .grauePfeileLinks.nav3 {float:left; width:200px; margin:16px 12px 6px 12px; background:#d9d9d9; display:inline;}
.contentBox .grauePfeileLinks.nav3 div {padding:3px 8px 1px 8px; background-color:#005a5f; color:#fff; font-size:12px; font-weight:bold;}
.contentBox .grauePfeileLinks.nav3 ul {float:left; width:184px; margin:4px 0 3px 0; padding:0 8px 0 8px;}
.contentBox .grauePfeileLinks.nav3[class] ul {margin:4px 8px 3px 8px; padding:0;}
.contentBox .grauePfeileLinks.nav3 ul li {display:inline;}
.contentBox .grauePfeileLinks.nav3 ul li a {color:#000; text-decoration:none;}
.contentBox .grauePfeileLinks.nav3 ul li a:hover {color:#e20074; text-decoration:none;}
/* right column */
.rightBox {float:right; width:212px; max-width:212px; margin-left:24px; padding:18px 0 0 12px;}
.VollBox div.col11 .rightBox {width:220px; margin:0 0 0 0; padding:18px 0 0 0;}
.rechteBox {float:left; clear:left; width:200px; margin:0 0 18px 0; background:#becdcf;}
.rechteBox p {margin:5px 8px 5px 8px; line-height:125%;}
.rechteBox .paragraph {margin:5px 8px 5px 8px; line-height:125%;}
.rechteBox img {margin:-5px 0 5px 0;}
.rechteBox img.whScale {margin:0 0 5px 0;}
.rechteBox h4 div {margin:0 0 5px 0;}
.rechteBox .webCast {margin:-5px 0 5px 0;}
.rechteBox .grauePfeileLinks {margin:0 8px 1px 8px;}
/* small text size for date and picture subline in DetailBox */
span.newsDatum, span.bildunterschrift {font-size:10px; line-height:150%;}
span.newsDatum {font-weight:700;}
/* Sonderseiten:Management, Ansprechpartner, Pressebilder Elemente */
.boxLine.portrait {margin:12px 0 0 0;}
.boxLine.portrait img {float:left; margin:0 12px 0 12px; display:inline;}
.lineBox1 {width:448px; float:left; margin:12px 0 0 12px; display:inline;}
.lineBox2 {width:218px; float:left; margin:12px 0 0 12px; display:inline;}
/* Sonderseite:Best Practice Elemente */
#linkeSeite {float:left; width:168px; border-bottom:12px solid #fff;}
#linkeSeite form {margin:10px 0 0 0;}
.linkeSeiteBox {clear:both; float:left; width:156px; padding:12px 0 12px 12px; border-top:12px solid #fff; background:#eee; line-height:125%;}
label.laenderAuswahlHeader {width:144px; margin:12px 0 3px 12px; display:block; font-size:12px;}
select.laenderAuswahl {width:144px; margin:0 12px 6px 12px; color:#000; font-size:10px;} /*Standorte*/
select.bpAuswahl {width:144px; margin:0 0 0 12px; font-size:10px;} /*Standorte*/
.linkeSeiteBox select.bpAuswahl {margin:8px 0 0 0; font-size:12px;} /*Best Practice*/
.linkeSeiteBox label.laenderAuswahlHeader {margin:8px 0 3px 0;} /*Best Practice*/
.linkeSeiteBox .boxIntroText {margin:0 12px 0 0;}
.linkeSeiteBox p {margin:0 12px 0 0;}
.linkeSeiteBox a.magentaPfeil {margin:0 12px 0 0;}
.linkeSeiteBox br {line-height:10px}
.reiterContentAktiv {display:block;} /* notwendig fuer ausgeschaltetes JS */
.reiter {float:left;}
.reiterAktiv {float:left;}
.reiterNavigation {float:left; margin:18px 0 0; padding:0 12px 0; display:none;} /* notwendig fuer ausgeschaltetes JS */
.reiterNavigation a {float:left; margin:0 8px 0 0; padding:2px 8px; font-weight:bold; background-color:#999;}
.reiter a:hover {background-color:#e20074; color:#fff;}
.reiterAktiv a {background-color:#d9d9d9;}
.reiterAktiv a:hover {color:#000;}
.indexBox {width:684px; float:left; margin:18px 0 0 12px; padding:0 0 12px 0; background:#d9d9d9; display:inline;}
/*.extendedIndexBox {width:684px; clear:both; float:left; margin:12px 12px 0 12px; padding:0 0 12px 0; background:#d9d9d9; display:inline;} löschen - sollte es nicht geben*/
.indexBox .indexContainer {width:668px; clear:both; float:left; margin:12px 8px 0 8px; padding:0 0 12px 0; border-bottom:1px solid #999; display:inline;}
.indexContainer a {float:left; margin:0 12px 0 0; display:inline;}
.indexContainer h2 {margin:0 0 4px; padding:0 0 4px;}
.indexContainer h2 a {float:none; margin:0 12px 0 0;}
.indexContainer p {clear:none; margin:4px 0 0 0;}
.indexContainer a.magentaPfeil {float:none; margin:12px 12px 0 0;}
.indexBox .col1 {float:left; width:348px;}
.indexBox .col2 {float:left; width:336px;}
.indexBox .col1 .indexContainer {width:328px; border-bottom:0; margin:12px 12px 0 8px; padding:0; overflow:hidden;}
.indexBox .col2 .indexContainer {width:328px; border-bottom:0; margin:12px 0 0 0; padding:0; overflow:hidden;}
.indexBox .indexContainer h2 {margin:0 0 8px; border-bottom:1px solid #999;}
.bpVollBox {float:left; width:708px; border-bottom:12px solid #fff;}
.bpVollBox .conContentBanner {float:left; width:348px; border-right:12px solid #fff;}
.bpVollBox .bpIndexBox {float:left; width:336px;}
.bpVollBox .bpIndexBox img {margin:3px 0 0;}
.bpVollBox .bpIndexBox .indexContainer {width:324px; clear:both; float:left; margin:0 0 0 12px; padding:8px 0 8px 0; border-bottom:1px solid #999; display:inline;}
.bpNewsContainer {float:left; width:684px; clear:both; background:#d9d9d9; margin:0 12px 0 12px; padding:8px 0; overflow:hidden; display:inline;}
.bpNewsContainer .col1 {float:left; width:336px;}
.bpNewsContainer .col2 {float:left; width:336px;}
.bpNewsContainer h4 {border-top:18px solid #eee;}
.DetailBox .extendedIndexBox {float:left; clear:left; width:448px; margin:12px 0 0 12px; background:#d9d9d9; display:inline;} /*Experten-Blogs*/
.DetailBox .extendedIndexBox h4 {width:448px; overflow:hidden;}
.DetailBox .extendedIndexBox .indexContainer {width:424px; margin:12px 12px; padding:0 0 12px; border-bottom:1px solid #999;}
/*.DetailBox .indexContainer {width:424px;} löschen - sollte es nicht geben*/
/* Hyperlinks and Icons */
a {color:#000; text-decoration:none;}
a:hover {color:#e20074; text-decoration:none;}
a.magentaPfeil {color:#e20074; margin:0 8px 0 8px; display:block;}
a.magentaPfeilContent {color:#e20074; margin:12px 0 0 12px; font-size:12px; display:block;}
.magentaPfeil span, .magentaPfeilContent span {background:url(../images/pfeil_magenta.gif) right 3px no-repeat; padding:0 16px 0 0;}
.zurueck, .empfehlen, .drucken, .nachOben, .plus, .minus {cursor:pointer; display:block;}
/* function icons (page up, print etc.) */
#icons {clear:both; float:left; width:888px; margin:0 0 0 12px; padding:24px 0 15px; display:inline;}
.iconDetailBox {background:url('../images/detailseite_bg.gif') repeat-y;}
.iconVollBox, .iconbpVollBox {background:url('../images/detailseite_uebersicht_bg.gif') repeat-y;}
#bpIcons {clear:both; float:left; width:888px; padding:24px 0 15px; background:url('../images/bp_detailseite_bg.gif') repeat-y;} /* only used on:Best Practice detail page */
#iconsContainer {width:400px; margin-left:192px;}
.iconsElement {float:left; display:inline;}
a.nachOben, a.zurueck, a.empfehlen, a.drucken {color:#000; padding:0 14px 0 16px;}
/* arrow back and arrow up */
a.nachOben {background:url(../images/pfeil_grau_oben.gif) 0 3px no-repeat;}
a.nachOben:hover {background:url(../images/pfeil_magenta_oben.gif) 0 3px no-repeat; color:#e20074;}
a.zurueck {background:url(../images/zurueck_grau.gif) 0 3px no-repeat;}
a.zurueck:hover {background:url(../images/zurueck_magenta.gif) 0 3px no-repeat; color:#e20074;}
/* plus, minus (used on:Loesungen) */
a.plus, a.minus {display:block; padding-left:16px; font-weight:700; width:230px;}
a.plus, a.plus:hover {background:url(../images/plus.gif) 0 3px no-repeat;}
a.minus, a.minus:hover {background:url(../images/minus.gif) 0 3px no-repeat;}
/* Resultatsangaben Elemente */
/* header inside of DetailBox (used on:Events, Suchergebnis, Presse Center, Newsarchiv, f.e.) */
.headerContainer {width:100%;}
.DetailBox .headerContainer {width:448px; margin:0 0 0 12px;}
.headerInContentPetrol {float:left; clear:left; width:100%; margin:18px 0 0; background:#005a5f;}
.headerInContentGrau {clear:left; font-weight:700; padding:2px 8px; color:#000; background:#d9d9d9;}
.appetizerBox .headerInContentPetrol {margin:0 0 0;}
.photoshow {margin:12px 0 12px 12px; float:left;} /*Photoshow*/
.image {margin:12px 0 12px 12px; clear:both;} /*Photoshow*/
.conContentBanner .image {margin:0 0 0 0;} /*Bereichseiten*/
/* search result page header */
.suchergebnis .headerInContentPetrol {width:684px; margin:18px 0 0 12px; display:inline;}
.suchergebnis .headerInContentGrau {width:668px; margin:0 0 0 12px;}
.VollBox p.reihe {float:left; clear:both; width:668px; margin:12px 12px 0 0;} /*VollSuche*/
.DetailBox p.reihe {float:left; clear:both; width:448px; margin:12px 0 0 0; position:relative;} /*PresseSuche*/
p.reihe label {display:block; float:left; line-height:150%; width:138px;}
p.reihe input {margin:0 0 0 -7px;}
p.reihe[class] input {margin:0 0 0 0;}
p.reihe input.eingabefeld {width:306px; margin:0;}
p.reihe select {float:left; margin:0 8px 0 0; position:relative;}
p.reihe[class] option {padding:0 4px;}
p.reihe select.standardSelect {width:310px;}
p.reihe input.eingabefeld, p.reihe select.standardSelect {padding:0; float:left; font-size:12px;}
p.reihe input.standardKnopfKlein {margin-left:138px; width:88px;}
.contentBigBox p {width:668px; margin:12px 12px 0 12px;}
/* browse results */
.blaettern {margin:0 0 0 12px; padding:5px 0 0;}
.blaettern a:link, .blaettern a:active, .blaettern a:visited {text-decoration:underline;}
span.ergebnisseiteAktiv {color:#005A5F;}
span.grau {color:#666;}
span.highlight {font-weight:bold;}
span.trenner {padding:0 4px;}
/* Sonderseiten:Standorte Elemente */
/* maps */
#weltkarte {height:451px; margin:18px 0 0; position:relative; width:555px; z-index:1;}
#europa {height:329px; left:108px; position:absolute; top:36px; width:338px; z-index:2;}
/* Popups */
#popup {width:472px; margin:12px auto 0;}
#popupInnen {float:left; width:100%; margin:0 0 12px; padding:0; background:#fff; text-align:left;}
#popupInnen #topHeader {width:auto;}
#popupInnen .DetailBox {width:auto;}
/* RichText & Sonderfälle */
.publication .grauePfeileLinks {border-bottom:1px solid #999; margin:12px 0 12px 12px; padding:0 12px 12px 12px;}
/* Tabellenformatierung */
/* table are used on:Aufsichtsrat, Pressemappe, Standorte */
.tabellen a, .tabellen a:active, .tabellen a:visited {color:#005a5f; text-decoration:underline;}
.tabellen a:hover {color:#e20074; text-decoration:underline;}
.tabellen tr th {padding:4px; vertical-align:bottom;}
.tabellen tr td {padding:4px; vertical-align:top;}
table tr.bg2 {background:#d9d9d9;} /* alt background color (Hintergrund 2) */
.FlowTextLeft {float:right;}
.FlowTextLeft img {margin:2px 0 2px 8px;}
.FlowTextRight {float:left;}
.FlowTextRight img {margin:2px 8px 2px 0;}
.contentBox .inlineTab {margin:0 0 0 12px;}
.contentBox .tablelayout--objectInTable {margin:0 0 0 0;} /*Automotive*/
.contentBox .inlineTab div.paragraph {font-weight:400; margin:0 0 0 0; padding:4px;}
.contentBox .tablewidth--half {width:218px;}
.contentBox .tablewidth--full {width:448px;}
.contentBox .tablelayout--border {border:1px solid #999;}
.contentBox .tablelayout--border td {border:1px solid #999;}
.contentBox .tablelayout--only-outer-border {border:1px solid #999;}
.contentBox .tablelayoutborder {border:1px solid red;}
.contentBox .background-color--silver {background:#eee;}
.contentBox .background-color--gray {background:#d9d9d9;}
.contentBox .background-color--green.color--white {background-color:#005a5f; color:#fff; font-weight:bold;}
.contentBox .inlineTab.background-color--silver div.paragraph {padding:2px 0 2px;}
.contentBox .inlineTab.background-color--silver td {padding:4px;}
/* Quick polls */
.umfrageFrage {width:184px; margin:2px 8px; padding:2px 0; border-bottom:1px solid #7d9ba0;}
.umfrageFrage input {float:left; width:22px; margin:0 0 0;}
.umfrageFrage[class] input {margin:2px 0 0;}
.umfrageFrage label {float:left; width:156px;}
.umfrageErgebnisChart {margin:0 8px 8px;}
input.umfrageKnopf {width:88px; padding:0; margin:6px 12px;}
input.umfrageRb {margin-right:6px;}
.umfrageBox {width:200px; padding:0 0 0 0;}
.umfrageBox[class] {padding-bottom:1px !important;}
.umfrageErgebnisChart ol {width:184px; list-style:none; margin:0; padding:8px 0 0; background-color:#fff;}
.umfrageErgebnisChart ol li {margin:0; font-size:10px;}
.umfrageErgebnisChart .resultContainer {width:168px; margin:0 8px; padding-bottom:8px; clear:both;}
.umfrageErgebnisChart .resultText {width:168px;}
.umfrageErgebnisChart .resultNumber {width:100px; background-color:#7d9ba0; position:relative;}
.umfrageErgebnisChart .progressBar {display:block; background-color:#005a5f; font-size:1px; height:13px;}
.umfrageErgebnisChart .progressPercent {position:absolute; top:0; left:0; width:100%; text-align:center; z-index:100; color:#fff; font-weight:700;}
@media print
{
body {background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:9pt; line-height:150%;}
#schattenOben, #schattenUnten, .metaNavigation, #subHeader, #linkeSpalte, #vertikaleNavi, .footerNavigation, #icons {display:none;}
.magentaPfeil {display:none !important;}
/* Startseite, Einstiegsseiten */
#bigAppetizerArea {width:650px; margin:0;}
#coverAppetizerLinks {display:none;}
#coverAppetizerRechts {width:650px; margin:0;}
/* Detailseiten & Uebersichtsseiten */
#hauptArea {width:650px; margin:0 0 0 0;}
#contentArea {width:650px; margin:0 0 0 0;}
#newsBox {width:650px; height:auto; margin:0; background:#d9d9d9;}
#newsBox img {border-right:482px solid #d9d9d9; border-bottom:5px solid #d9d9d9;}
/*#newsBox {width:650px; height:auto; margin:0; background:none;}
#fuenfAppetizerArea {width:650px; background:none;}
#fuenfAppetizerArea .appetizerBox {width:650px; margin:0; padding-bottom:6px;}*/
/*produced*//*by*/}/*ffr*/