/*last edited: 2010-04-07 - 14:08 -tse- form attachment*/
/*last edited: 2010-01-27 - 13:22 -ffr - ff 3-6 metaNavigation ul li a img auf inline pub*/
/*last edited: 2009-11-19 - 15:31 -ffr - fuenfAppetizerBottom xsBox*/
/*last edited: 2009-09-17 - 10:09 -ffr - twitter_update_list pub*/
/*last edited: 2009-04-29 - 10:21 -ffr - linkeSpalte mediaBox pub*/
/*last edited: 2009-03-16 - 14:03 -ffr - microsite unformatted*/
/*last edited: 2009-03-04 - 18:15 -ffr - microsite*/

/* DHTML, hide Elemente */
.hide, .nodisplay, .hideTeaserText, legend, #searchInTSystemsDe {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, .schattenUnten, #hintergrundSchatten {width:100%; position:relative;}
#schattenOben  {min-width:912px; height:28px; background:url('/tsi/servlet/contentblob/Default/de/schatten_oben/blobBinary/schatten_oben.gif') no-repeat center;}
.schattenUnten#cms06_1 {clear:both; height:36px; background:url('/tsi/servlet/contentblob/Default/de/schatten_unten/blobBinary/schatten_unten.gif') no-repeat center;}
.schattenUnten#cms06_2 {display:none;}
#schattenOben div, .schattenUnten div {width:888px; margin:auto; position:relative;}
#hintergrundSchatten {width:100%; min-width:912px; margin:auto; background:url('/tsi/servlet/contentblob/Default/de/bg/blobBinary/bg.gif') repeat-y center;}

#wrapper   {width:912px; display:block; margin:auto; text-align:left; background:#fff; position:relative;}
#topHeader {float:left; width:888px; margin:1px 0 0 12px; display:inline; background:#eee url('/tsi/servlet/contentblob/Default/de/logo-888px/blobBinary/logo-888px.gif') 294px 0 repeat-x;}
#subHeader {width:888px; float:left; margin:12px 0 0 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;}
.footerClear {clear:both; display:none;}

/* standard paragraphs and headlines */
h1, h2, p, div.paragraph   {font-weight:400; margin:12px 0 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;padding:3px 8px 1px 8px;}
span.h5 {font-weight:bold; display:block;} /*Glossar*/
span.nfo {cursor:help; border-bottom:1px dotted #000;}
span.noB {white-space:nowrap;}
.freeStyle--nobr, .nowrap {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%;}
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; display:block;}

/*Header*/
#topHeader .conContentBanner {float:left; width:294px; overflow:hidden;}
#topHeader .conContentBanner span, #topHeader .conContentBanner span a {float:left; width:294px; height:60px; cursor:pointer;}
#topHeader .conContentBanner span img {display:none;}

/* meta and footer navigation */
.metaNavigation   {float:right; width:580px; padding:6px 4px 0 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     {color:#333;}
.metaNavigation ul li a img {margin:-2px 0 0; position:relative; display:inline;}
.metaNavigation ul li a:hover, .footerNavigation ul li a:hover {color:#e20074; text-decoration:none;}

/*search to subHeader*/
.suche {float:right; width:100px; text-align:right;}
.suche label,.suche br {display:none;}
.suche input {width:75px; color:#333; font-size:10px;}
.suche input.inpImage {width:auto; margin:2px 0 0; vertical-align:top;}

/*horizontal navigation*/
.hauptNavigation {float:left; width:728px; color:#333;}
.hauptNavigation ul li {display:inline;}
.hauptNavigation ul li a {color:#333; float:left; font-weight:700; padding:2px 8px; text-decoration:none; background:#fff;}
.hauptNavigation ul li a:hover  {color:#fff; background:#666;}
.hauptNavigation ul li a.active {color:#fff; background:#e20074;}

.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;} /* please put the div in front of the paragraph (used on:Management, TopStory) */

/* special paragraphs (used inside of boxes) */
#newsBox p, .appetizerBox .paragraph, .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;}
#navipfad select {font-size:10px;width:100px;overflow:hidden:padding:0 !important;border:none;background:#eeeeee;}


/* left column (also used on subsites) */
#linkeSpalte {float:left; width:168px; min-height:230px;}
#linkeSpalte .mediaBox {border-top:12px solid #fff;}

/* 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('/tsi/servlet/contentblob/Default/de/quadrat/blobBinary/quadrat.gif') 12px 7px no-repeat; display:block; padding:2px 8px 2px 23px; text-decoration:none;}
#vertikaleNavi ul li a:hover {background:#666 url('/tsi/servlet/contentblob/Default/de/quadrat_weiss/blobBinary/quadrat_weiss.gif') 12px 7px no-repeat; color:#fff;}
#vertikaleNavi ul li a.active {background:url('/tsi/servlet/contentblob/Default/de/quadrat_weiss/blobBinary/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:#e20074 url('/tsi/servlet/contentblob/Default/de/quadrat_weiss/blobBinary/quadrat_weiss.gif') 20px 7px no-repeat; color:#fff;}
#vertikaleNavi ul li ul.nav2 li a.active:hover {background:#666 url('/tsi/servlet/contentblob/Default/de/quadrat_weiss/blobBinary/quadrat_weiss.gif') 20px 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;}
input, select, textarea    {font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.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;}

.attachment {display:block; font-size:11px; margin:6px 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; overflow:hidden;}
.appetizerBox div.finderBox[class] p {float:left;}
.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('/tsi/servlet/contentblob/Default/de/quadrat/blobBinary/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('/tsi/servlet/contentblob/Default/de/quadrat/blobBinary/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('/tsi/servlet/contentblob/Default/de/pfeil_grau/blobBinary/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('/tsi/servlet/contentblob/Default/de/pfeil_grau/blobBinary/pfeil_grau.gif') no-repeat 0 3px;}
.grauePfeileLinks ul li a:hover, a.empfehlen:hover, a.drucken:hover {background:url('/tsi/servlet/contentblob/Default/de/pfeil_magenta/blobBinary/pfeil_magenta.gif') no-repeat 0 3px; color:#e20074;}


a .freeStyle--relLink, .freeStyle--relLink a             {display:block; color:#000; margin:0; padding:2px 0 5px 16px; background:url('/tsi/servlet/contentblob/Default/de/pfeil_grau/blobBinary/pfeil_grau.gif') no-repeat 0 5px; cursor:pointer;}
a:hover .freeStyle--relLink, .freeStyle--relLink a:hover {color:#e20074; background:url('/tsi/servlet/contentblob/Default/de/pfeil_magenta/blobBinary/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('/tsi/servlet/contentblob/Default/de/appetizer_bg/blobBinary/appetizer_bg.gif') repeat-y;}

#fuenfAppetizerArea .xsBox,
.appetizerBox {float:left; width:168px; margin:0 12px 0 0; padding-bottom:6px; overflow:hidden;}
#fuenfAppetizerArea .xsBox .aCont {margin:0;}
#fuenfAppetizerArea .xsBox .aCont h4 {width:152px; margin:0;}
#fuenfAppetizerArea .xsBox .paragraph {clear:both; margin:0 8px; padding:8px 0;}
#fuenfAppetizerArea .xsBox .finderBox  {margin:0 8px;}
#fuenfAppetizerArea .xsBox .finderBox input.referenzSuche {width:148px; margin:0 0 8px;}
#fuenfAppetizerArea .xsBox .finderBox input.referenzKnopf {float:right;}


/* Detailseiten & Uebersichtsseiten */
#hauptArea   {float:left; width:888px; margin:12px 0 0 12px; display:inline;}
#contentArea {float:left; width:708px; margin:0 0 0 12px;}

/* Uebersichtsseiten */
.contVollBox, .contbpVollBox   {background:url('/tsi/servlet/contentblob/Default/de/detailseite_uebersicht_bg/blobBinary/detailseite_uebersicht_bg.gif') repeat-y;}
.contVollBox .boxLine   {width:708px;}
.VollBox   {float:left; width:708px; display:inline;}

#microsite {clear:both; float:left; width:888px; margin:0 0 0 12px; display:inline;}
#microsite #navipfad                       {display:none;}
#microsite .VollBox                        {width:888px;}
#microsite .VollBox .unformatted           {margin:12px 0 0;}
#microsite .VollBox .contentBox            {width:888px; border-top:1px solid #fff;}
#microsite .VollBox .contentBox .paragraph {margin:11px 0 0;}

.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 .paragraph {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 .paragraph {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('/tsi/servlet/contentblob/Default/de/detailseite_bg/blobBinary/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;}
.rechteBox img.whScale {margin:0 0 0 0; border:0}
.rechteBox h4          {margin:0 0 5px 0; padding:3px 8px 2px 8px;}
.rechteBox .webCast    {margin:-5px 0 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; display:inline;}
.linkeSeiteBox .paragraph       {margin:0 12px 0 0; display:inline;}
.linkeSeiteBox a.magentaPfeil   {margin:0 12px 0 0;}
.linkeSeiteBox br               {line-height:10px}

.VollBox .tabBox {float:left; width:696px; margin:18px 0 0px;}
.VollBox ul.tabNa {float:left; width:684px; margin:0 0 0 12px; border-bottom:1px solid #e7e7e7; display:inline;}
.VollBox ul.tabNa li.tab {float:left; display:inline;}
.VollBox .tabBox h4    {display:none;}
.VollBox .tabCo .tabH4 {clear:both; margin:0 0 0 12px; padding:12px 7px 2px; border:1px solid #d9d9d9; background:#d9d9d9; font-size:13px; font-weight:bold;}
.VollBox .tab a       {float:left; margin:0 4px -1px 0; padding:2px 7px 3px; border:1px solid #d9d9d9; border-bottom:0; background:#d9d9d9; cursor:text; position:relative;}
.VollBox .tab a:hover {background:#d9d9d9; color:#000;}
.VollBox .tab.inactive a       {background:#fff; color:#000; padding:2px 7px 2px; border-bottom:1px solid #e7e7e7; cursor:pointer;}
.VollBox .tab.inactive a:hover {background:#e20074; color:#fff; text-decoration:none;}

/*
.reiterContentAktiv {display:block;}
.reiter        {float:left;}
.reiterAktiv   {float:left;}
.reiterNavigation {float:left; margin:18px 0 0; padding:0 12px 0; display:none;}
.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;}
.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; display:inline;}
.indexContainer img  {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   {float:left; margin:3px 12px 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;}
.bpVollBox .bpIndexBox .indexContainer[class] h2 a {float:left; width:222px; margin:0;}

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

/* 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('/tsi/servlet/contentblob/Default/de/pfeil_magenta/blobBinary/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('/tsi/servlet/contentblob/Default/de/detailseite_bg/blobBinary/detailseite_bg.gif') repeat-y;}
.iconVollBox, .iconbpVollBox {background:url('/tsi/servlet/contentblob/Default/de/detailseite_uebersicht_bg/blobBinary/detailseite_uebersicht_bg.gif') repeat-y;}
#bpIcons {clear:both; float:left; width:888px; padding:24px 0 15px; background:url('/tsi/servlet/contentblob/Default/de/bp_detailseite_bg/blobBinary/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('/tsi/servlet/contentblob/Default/de/pfeil_grau_oben/blobBinary/pfeil_grau_oben.gif') 0 3px no-repeat;}
a.nachOben:hover {background:url('/tsi/servlet/contentblob/Default/de/pfeil_magenta_oben/blobBinary/pfeil_magenta_oben.gif') 0 3px no-repeat; color:#e20074;}
a.zurueck {background:url('/tsi/servlet/contentblob/Default/de/zurueck_grau/blobBinary/zurueck_grau.gif') 0 3px no-repeat;}
a.zurueck:hover {background:url('/tsi/servlet/contentblob/Default/de/zurueck_magenta/blobBinary/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('/tsi/servlet/contentblob/Default/de/plus/blobBinary/plus.gif') 0 3px no-repeat;}
a.minus, a.minus:hover {background:url('/tsi/servlet/contentblob/Default/de/minus/blobBinary/minus.gif') 0 3px no-repeat;}

/* Resultatsangaben Elemente */
/* header inside of DetailBox (used on:Events, Suchergebnis, Presse Center, Newsarchiv, f.e.) */
.aCont {float:left; clear:both; width:100%; margin:18px 0 0; display:inline;}
.appetizerBox .aCont {margin:0;}
.DetailBox .aCont {width:448px; margin:0 0 6px 12px;}
.DetailBox .aCont[class] {margin:0 0 18px 12px;}
.aCont h4  {float:left; width:692px; clear:left; margin:18px 0 0; background:#005a5f;}
.DetailBox .aCont h4  {width:432px;}
.aCont div {clear:left; font-weight:700; padding:4px 8px; color:#000; background:#d9d9d9;}
.appetizerBox .aCont h4 {margin: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 .aCont h4 {width:684px; margin:18px 0 0 12px; display:inline;}
.suchergebnis .aCont div   {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;}

/* Twitter */
#twitter_update_list {margin:0 0px; border-top:1px solid #e7e7e7; list-style:none;}
#twitter_update_list li    {padding:6px 7px; border-bottom:1px solid #999;}
#twitter_update_list li a  {display:inline; margin:6px 0 0; color:#e20074;}
#twitter_update_list .grau {display:block;}
#linkeSeite .bg5 {clear:both; border-top:12px solid #fff;}
#linkeSeite .bg5 img {margin:5px 0 0 15px;}

/* 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:448px; height:60px; margin:6px 12px 0; background:none; overflow:hidden;}
#popupInnen p.logo {margin:0; padding:0;}
#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   {clear:both; width:448px; margin:12px 0 0 12px; line-height:150%; font-size:12px; border-collapse:collapse;}
table.toolTip               {clear:none; width:460px border-collapse:separate;}
table.toolTip table.toolTip {width:100%; border-collapse:separate;}

table.inlineTab {margin:0 0 0 0;}

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

/* Web-2.0  */
/* tagging */
p.tags a:hover { color: #e20074; }
p.tags a { text-decoration:underline; color:#005a5f; }
/* blog posting meta */
div.comments   {}
div.contentBox.comments  {}
.blogPostingMeta {width:448px; float:left; border-top:1px solid #999; margin:12px 0 0 12px; display:inline;}
.blogPostingMeta p {margin:3px 0 0; text-align:left;}
.blogPostingMeta a, .blogPosting p a {color:#005a5f !important; text-decoration:underline !important; } /* use petrolblue dark */
.blogPostingMeta a:hover, .blogPosting p a:hover {color:#e20074 !important;}
/* blog comments */
.blogKommentare {float:left; margin:12px 0 0 12px; width:448px; padding:0 0 12px 0; display:inline;}
h2.kommentare   {float:left; margin:12px 0 0 12px; display:inline;} /* headline below detail page content */
.blogKommentare.alt {background:#d9d9d9;} /* alt comments background color */
/* blog comments */
input.blogEingabefeld, textarea.blogEingabefeld { width: 280px; padding: 0; float: left; font-size: 12px; text-align: left; }
.blogKommentare.eintragen { background:#BECDCF;} /* enter comments box background color */
/* module: tag cloud */
.tagCloud   {margin:8px 8px 8px;}
.size1 {font-size:10px;}
.size2 {font-size:12px;}
.size3 {font-size:14px;}
.size4 {font-size:16px;}
.size5 {font-size:18px;}
.size6 {font-size:20px;}
.size7 {font-size:22px;}
.size8 {font-size:24px;}
.size9 {font-size:26px;}
/* module: GoogleMap */
#gmap        {width:682px; height:404px; margin:12px 0 0 12px; position:relative;}
#googlecal   {margin:12px 0 0 12px;}
#googlecal .grauePfeileLinks   {margin:12px 0 0 0;}
#googlecal .grauePfeileLinks a       {cursor:pointer;}
#googlecal .grauePfeileLinks a:hover {cursor:pointer; color:#e20074;}

/* recommend page */
#recoHeader { width:424px; float:left; display:inline;}
h2.reco    {display:block; float:left; width:300px !important; margin:12px 0;}
#recoClose {float:right; display:inline; font-size:10px; margin:12px 0 0;}

#recommend {float:left; width:460px; background:#eee; padding:0 0 12px 0; display:inline; overflow:hidden;}
#recommend .blogKommentare {margin: 12px 0 0 12px; padding:0;}
#recommend .contentBox     {width:auto;}
#recommend h1         {float:left; display:inline;}
#recommend .paragraph              {clear:both; float:left; width:412px; padding:0 12px 0 0; display:inline;}
#recommend[id] .paragraph          {padding:0 12px 12px 0;}
#recommend .paragraph.p--heading-2 {clear:none; float:right; width:auto;}
#recommend .label   {width:114px;}
#recommend #idurl   {background:#d9d9d9; border:0; padding:2px;}
#recommend textarea {width:306px;}
#recommend .errorMsg  {margin:0 0 0 126px; padding:0 0 2px; width:auto;}
#recommend form .errorMsg  {margin:0 0 0 114px;}
.url       {background-color:#d9d9d9; border:none; padding:2px !important;}

/* Abstaende in PressOverview verkurzen */
.contentBox.PressOverview p, .contentBox.PressOverview h2, .contentBox.PressOverview a.magentaPfeilContent {margin-top:4px;}
/* rss Link Icon */
a span.background-color--fuchsia {background:url('/tsi/servlet/contentblob/Default/de/rss-Icon/blobBinary/rss-Icon.gif') 0 4px no-repeat; padding:2px 2px 2px 16px;}
/* VotingTool 2007-06-15 - 12:00 - jcc */
.voting   {float:left;}
#votingAnswerForm {float:left; margin:0;}
.votingStar       {float:left; padding:1px 2px 0 0;}
.votingTextLeft   {float:left; padding:0 10px 0 0;}
.votingTextRight  {float:left;}

/* new scrolling home */
#scrollup {position:relative; overflow:hidden; height:209px !important; width:168px;}
.headline {position:absolute; top:210px; left:0; height:204px !important; width:168px;}


/*Hack fuer Abstand rechte Boxen im IE6*/
div.rightBox div div.rechteBox {margin-bottom:0;}
div.rightBox>div {margin-bottom:18px;}

@media print
{
body {background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:10pt; line-height:150%;}
#schattenOben, #schattenUnten, .metaNavigation, #subHeader, #linkeSpalte, #vertikaleNavi, .footerNavigation, #icons {display:none;}
h4 {font-size:10pt;}

.magentaPfeil {display:none !important;}

/* Startseite, Einstiegsseiten */
#bigAppetizerArea     {width:650px; margin:0;}
#coverAppetizerLinks  {display:none;}
#coverAppetizerRechts {width:650px; margin:0;}

.appetizerBox {float:none; width:650px;}
.appetizerBox div.finderBox   {display:none;}
.appetizerBox img    {float:left; margin:0 10px 0 0;}
.appetizerBox h4     {margin:5px 0 0; padding:0;}
.appetizerBox h4 img {float:none; border:8px solid #005a5f; padding:0;}

/* Detailseiten & Uebersichtsseiten */
#hauptArea   {width:650px; margin:0 0 0 0;}
#contentArea {width:650px; margin:0 0 0 0;}

.contDetailBox {background:none;}
.iconDetailBox {background:none;}
.iconVollBox, .iconbpVollBox {background:none;}
#bpIcons {background:none;}

#newsBox     {width:650px; height:auto; margin:0; background:none;}
#newsBox img {border-right:482px solid #d9d9d9; border-bottom:5px solid #d9d9d9;}
#scrollup    {width:650px; height:99px !important;}
.headline    {width:650px; height:99px !important;}

#fuenfAppetizerArea   {width:650px; margin:0 0 0 12px; background:none;}

.tagCloud           {display:none;}

/*produced*//*by*/}/*ffr*/