/*
    filename: style.css
    version: 1.2
    description: Definition of CSS (Screen) for the T-Systems Clickdummy 2007-2009 Webpage
    last edited: 2009-01-21, Daniel Levi
    
    author: Daniel Levi
    email: daniel at psmw-newmedia dot de
    
    (c) PSM&W new media GmbH  2009. All rights reserved.
*/

/* ----------  DHTML, hide Elemente  ---------- */

.hide, .nodisplay, .hideTeaserText	{ display: none !important; }
.showdisplay, .showTeaserText		{ display: block; }
.showTeaserText						{ clear: both; font-weight: 400; }
.showTeaserTextPanel				{ margin: 18px 0 0; float:left; display:inline; clear:both; width: 681px; }

/* ----------  Globale Elemente  ---------- */

*		{ margin: 0; padding: 0; }

body	{ 	width: 100%; height: 100%;color: #333; text-align: center; background: #eee url('../images/bg_gradient.gif') repeat-x; font: 12px Arial, Helvetica, sans-serif; }

/* shadows, background */
#tank		{ width: 940px; margin: 0 auto; text-align:left; background: url('../images/schatten_oben.gif') no-repeat; padding-top: 18px;  margin-bottom: 64px; }

#verlaufInnen			{ width: 940px; background: url('../images/bg_gradient_innen.gif') no-repeat; }
#schattenUnten			{ width: 940px; clear: both; height: 30px; background: url('../images/schatten_unten.gif') no-repeat; }
#hintergrundSchatten	{ position: relative; width: 940px; background: url('../images/bg.gif') repeat-y; }

/* search */
#suche	{ margin: 7px 0 0; display:inline; float: right; text-align: right; width: 105px; }

#wrapper			{ width:888px; margin: 0 26px; text-align: left; }
#wrapper div:after	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* se ie_style.css for IE defs */

/* logo etc */
#topHeader	{ position:relative; z-index:1; width: 888px; float: left; display:inline; height:60px; } 
#subHeader	{ float: left; display:inline; margin: 6px 0 0; width: 882px; height:31px; background: #fff url('../images/sub_header_bg.gif') repeat-x; padding: 0 0 0 6px; }
#footer		{ width: 888px; margin: 0 26px; padding: 14px 0 0; }
#copyright	{ float: left; display:inline; font-size: 10px; color: #333; text-align:left; width: 338px !important; }
.linkInText	{ color:#e20074 !important; text-decoration:underline !important; }
.produktAuswahlFusszeile { display:block; float:left; width:448px; margin-top: 12px 0 0; font-size:9px; color: #333; }

img					{ border: none; display: block; }
div.bildUmfliessen	{ float: left; padding: 16px 12px 12px 0; } /* please put the div in front of the paragraph (used on: standardReihe, f.e.) */

/* standard paragraphs and headlines */
p, h1, h2 { font-weight: 400; margin: 12px 0 0; padding: 0; }
p.randnotiz { margin:0; }
p { font-weight: 400; line-height: 150%; }
h1, h2, h2 a { color: #333; font-weight: 700; line-height: 125%; }
h1 { font-size: 18px; font-weight:700; }
h2 { font-size: 14px; }
/*h2.petrol { background: #408F9A !important; color: #fff !important; }*/
h2.magenta { background: #e20074 !important; color: #fff !important; }
h3 { font-size: 14px; margin: 0; }

/* special paragraphs (used inside of boxes) */
.appetizerBox p { line-height: 125%; margin: 8px 9px 4px; }
#newsBox p {line-height: 125%; margin: 3px 8px 4px; }
#newsBox .magentaPfeil { margin: 0 8px; padding-bottom: 18px; }

/* standard (unordered) list format */
.listeInContent { margin: 12px 0 0; width: 448px; }
.listeInContent ul { margin: 0; padding: 0; }
.listeInContent li { background: url(../images/pfeile_und_icons/quadrat.gif) 8px 7px no-repeat; display: block; padding: 2px 0 2px 19px; }

/* standard horizontal content separator */
#contentBox div.linie { width:448px; }
div.linie { height: 12px !important; max-height: 12px !important; font-size: 7px; border-bottom: 1px solid #e7e7e7; clear:both; } /* by ff ts */
.sucherg { width: 684px; } /* additional format for lines used on: Suchergebnis (result page) */

/* ----------  Navigationen  ---------- */

/* meta and footer navigation */
#metaNavigation { position:absolute; left:0; top:3px; z-index:2000; width: 882px; font-size: 10px; }
#footerNavigation { float: right; display:inline; width: 550px !important; font-size: 10px; }
#metaNavigation ul, #footerNavigation ul { float: right; list-style: none; margin: 0; padding: 0; }
#metaNavigation li, #footerNavigation li { display: inline; float: left; padding-left: 18px; text-decoration: none; color:#333 !important; }
#metaNavigation ul li a, #metaNavigation ul li, #footerNavigation ul li a { color: #333; text-decoration: none; }
#metaNavigation ul li a:hover, #footerNavigation ul li a:hover { color: #e20074; text-decoration: none; }

/* navigation path */
#navipfad {  margin: 9px 0 12px 0; /* update wg. breadcrumb */; float:left; display:inline; padding: 0; font-size: 10px; width: 708px; background: #fff;}
.navipfadAktivesElement { font-weight: bold; color: #333; }
#navipfad a, #navipfad a:hover { font-size: 10px; text-decoration: underline; }
#navipfad select { font-size:10px; width:100px; overflow:hidden; padding:0 !important; background: #fff !important; }
.greenit { position:relative; margin:-8px 0 12px 0!important; }
*+html .greenit { padding:0 0 12px 0!important; }

/* tab navigation (used on loesungen) */
.mitTabs { position:relative; z-index:1; margin-top: 20px; }
#tabNavigation { position:absolute; top:-20px; left:-1px; z-index: 1000; width:664px; }
#tabNavigation ul { margin:0; padding:0; list-style:none; }
#tabNavigation ul li { float:left; width:auto; }
#tabNavigation ul li a { display:block; background: #fff; line-height:15px !important; padding: 2px 8px 1px 8px; line-height:normal; margin: 0 4px 0 0; border:1px solid #e7e7e7;  }
#tabNavigation ul li a:hover { background:#e20074; color: #fff !important; }
#tabNavigation ul li.selected a { display:block; padding: 2px 8px; line-height:normal; background: #f7f7f7; margin: 0 4px 0 0; border:1px solid #e7e7e7; border-bottom: none; }
#tabNavigation ul li.selected a:hover { background:#f7f7f7; text-decoration:underline; color: #e20074 !important; }

#newsNavigation { position:absolute; top:-20px; left:0px; z-index: 1000; width:664px; }
#newsNavigation ul { margin:0; padding:0; list-style:none; }
#newsNavigation ul li { float:left; width:auto; }
#newsNavigation ul li a { display:block; padding: 2px 8px 1px 8px; line-height:15px; background: #fff; margin: 0 4px 0 0; border:1px solid #e7e7e7; }
#newsNavigation ul li a:hover { background:#e20074; color: #fff !important; }
#newsNavigation ul li.selected a { display:block; padding: 2px 8px; background: #f7f7f7; margin: 0 4px 0 0; border:1px solid #e7e7e7; border-bottom: 1px solid #f7f7f7; border-bottom: none; }
#newsNavigation ul li.selected a:hover { background:#f7f7f7; text-decoration:underline; color: #e20074 !important; }

/* main horizontal navigation */
#hauptNavigation { color: #333; float: left; display:inline; border-right: 1px solid #fff; border-left: 1px solid #dadada; height:31px !important; }
#hauptNavigation ul { margin: 0; padding: 0; }
#hauptNavigation ul li { width:auto; float:left; display: inline;  height:31px; }
#hauptNavigation ul li a { display:block; color: #333; float: left; line-height:15px; font-weight: 700; padding: 8px; text-decoration: none; border-right: 1px solid #dadada; border-left: 1px solid #fff; }
#hauptNavigation ul li a:hover { display:block; float: left; font-weight: 700; color: #e20074; background: #ccc; padding: 8px; }
#hauptNavigation li.currentpage a { padding: 7px 8px 8px 8px; display:block; float:left; color: #333 !important; background: #fff; border-top: 1px solid #ccc; border-left:none;  }
#hauptNavigation li.currentpage a:hover { padding: 7px 8px 8px 8px; background:#fff !important; color: #e20074 !important; text-decoration:underline !important; }

/* main vertical navigation */
#vertikaleNavi { float:left; width: 168px; /*height: 230px !important;*/ }
#vertikaleNavi ul { border-top: 1px solid #ccc; color: #333; list-style: none; margin:0; padding:0; width: 100%; font-size:12px; }
#vertikaleNavi ul li { width: 168px; } /* Opera */
/* 1st level */
#vertikaleNavi ul li a { background: #fff /*url(/images/pfeile_und_icons/digit.gif) 8px 7px no-repeat;*/; border-bottom: 1px solid #ccc; display: block; padding: 2px 8px 2px 11px; text-decoration: none; }
#vertikaleNavi ul li a:hover { background: #ccc /*url(/images/pfeile_und_icons/digit_magenta.gif) 8px 7px no-repeat*/; color: #e20074; }
#vertikaleNavi ul li.currentpage a { background: #e20074 /*url(/images/pfeile_und_icons/digit_weiss.gif) 8px 7px no-repeat*/; color: #fff; border-bottom: 1px solid #fff; }
#vertikaleNavi ul li a.selecteditem { background: #e20074 /*url(/images/pfeile_und_icons/digit_weiss.gif) 8px 7px no-repeat*/; color: #fff; border-bottom: 1px solid #fff;}

/* 2nd level */
#vertikaleNavi ul li ul#nav2 { margin:0; background: #ccc; border-top:none;  }
#vertikaleNavi ul li ul#nav2 li a { background: #ccc /*url(/images/pfeile_und_icons/digit_telegrau.gif) 14px 7px no-repeat;*/; border-bottom: 1px solid #fff; display: block; padding: 2px 8px 2px 18px; text-decoration: none; }
#vertikaleNavi ul li ul#nav2 li a:hover {  background: #666 /*url(/images/pfeile_und_icons/digit_weiss.gif) 14px 7px no-repeat !important;*/; color: #fff !important; }
#vertikaleNavi ul li ul#nav2 li a.selecteditem { background: #e20074 /*url(/images/pfeile_und_icons/digit_weiss.gif) 14px 7px no-repeat;*/; color: #fff; border-bottom: 1px solid #fff; }
#vertikaleNavi ul li ul#nav2 li a.selecteditem:hover { background: #666; color: #fff; border-bottom: 1px solid #fff; }

/* temp because of clickdummy cms, please ignore */
#nav3, #nav4, #nav5 { display: none; }

/* ----------  Formular Elemente (container included)  ---------- */

/* next steps and comments popup */
.container {width: 477px; height: 400px; border: #ccc 1px solid; overflow:auto; position: absolute; top: 50px; left: 50%;}
#ns { width: 477px; height:400px; z-index: 300; top: 200px; display: none; background: #fff !important; margin-left: -251px !important; }
#popup { width: 448px; float:left; display:inline; margin: 0 0 0 6px; }
#popup form { width:448px; float:left; display:inline; }
#popup form a { color: #e20074; text-decoration:underline; }
#popup fieldset { border:1px solid #ccc; padding: 0 0 6px 12px; width:434px; float:left; display:inline; }
#popup .popupLogo { position:relative; z-index:1; width:448px; height: 60px; background:url('../images/popupLogo.gif') no-repeat; float:left; display:inline; margin: 6px 0 0; }
#popup .popupLogo a { color: #333; position:absolute; right: 6px; top:3px; font-size: 10px; z-index: 1000; }
#popup .popupLogo a:hover { color: #e20074 !important; }
#popup .formbox { float:left; display:inline; width: 448px; padding-bottom: 6px; }

/* standard formats (framework) */
form,fieldset { margin: 0; padding: 0; border: 0; }
#contentBox form { width:448px !important; clear:both; }
#contentBigBox form { width:682px !important; }
#contentBox form a { color: #e20074; text-decoration:underline; }
#contentBox fieldset { border:1px solid #ccc; padding: 0 0 12px 12px; }
#contentBigBox fieldset { border:1px solid #ccc; padding: 0 0 12px 12px; }
fieldset legend { color: #666; padding: 0 8px; }
input, select, textarea { font-family: Arial, Helvetica, sans-serif; }
.formbox { margin: 12px 0 0; display:inline; float:left; clear:both; } /* standard form container */
.formboxNewsletter fieldset { margin:12px 0 0 !important; }
.noborder{ border:none !important; padding:0 !important; }
p.reihe { margin: 12px 0 0; float: left; clear: both; width: 420px !important; padding-bottom: 6px; }
p.reihe.oben { margin: 18px 0 0 !important; }
p.reiheMitLinie { float: left; clear: both; width: 448px; padding-bottom: 12px; border-bottom: 1px solid #999; }
p.reihe label,p.reiheMitLinie label, p.kommentarreihe label { display: block; float: left; line-height: 150%; width: 138px; text-align: left; }
span.eingerueckt { padding:  0 0 0 138px; }

/* global search input */
input.suchfeld { color: #333; font-size: 10px; width: 75px; }
input.suchpfeil { font-size: 10px; margin: 2px 6px 0 0; vertical-align: top; }

/* standard input and select */
input.eingabefeld, textarea.eingabefeld, select.standardSelect { padding: 0; float: left; font-size: 12px; text-align: left; }
input.eingabefeld,textarea.eingabefeld { width: 278px; }
select.standardSelect { width: 282px; }
input.standardKnopf { margin-left: 138px; width: 168px; }
input.standardKnopfKlein { margin-left: 138px; width: 88px; }
.ohneAbstandLinks { margin-left: 0 !important } /* used on: Newsversand */

/*input.optionsKnopfNewsletter { display:block; float:left; border:none; } /* newsletter page only */
input.optionsKnopf { margin: 3px 6px 0 138px; display:block; float: left; display: inline; } /* mozilla, opera, ie7 checkbox */

/* quickfinder (used on: Startseite) */
div#quickfinderContainer { margin: 28px 8px 5px; }
select.quickfinder { color: #333; font-size: 10px; margin: 0 0 3px 0; width: 150px; }

/* pull down menus in right column boxes */
div.rechteBoxPullDownContainer { margin: 8px 8px 0 8px; padding-bottom: 5px; }
select.rechteBoxPullDownMenu { color: #333; font-size: 10px; margin: 0 0 3px 0; width: 204px; }

/* input fields in right column boxes */
div.rechteBoxInputFieldsContainer { margin: 8px 8px 0 8px; padding-bottom: 5px; }
input.rechteBoxinputField { color: #333; font-size: 10px; margin: 0 0 3px 0; width: 202px; }

/* ----------  Sonderseite: Automotive Elemente  ---------- */

/* module: glossarBox */
/*.glossarBox { margin: 0 8px 8px; width: 182px; border: 1px solid #7d9ba0; }
.glossarBox p { color: #333; }*/

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

/* ----------  Sonderseite: Referenzen Elemente  ---------- */
div.referenzFinderBoxContainer { float: left; display:inline; margin: 18px 0 0; width:448px; }
div.referenzFinderBoxContainer fieldset { position:relative; background: #f7f7f7;  border-top: none !important; }
div.referenzFinderBoxContainer fieldset legend { display:none; }
div.referenzFinderBoxContainer h2 { color: #000; margin:0; background: #ccc; display:block; padding: 2px 8px 3px 8px; font-size:12px; font-weight:700; }
div.referenzFinderBox { width: 422px; margin: 0; }
select.referenzPullDown { color: #333; width: 420px; margin: 0 0 8px 0; }
select.referenzPullDown.oben { margin: 12px 0 0 !important; }
.submitPressemappen { margin: 0 0 0 4px; width:120px; }
input.referenzSuche { color: #666; width: 416px; text-align: left; margin: 18px 0 8px; }
input.referenzKnopf { width: 138px; margin: 0 0 8px 0; }
#branche, #angebot { display:none; }
.introBox { margin: 12px 0; width: 448px; float:left; display:inline; background: #f7f7f7; clear:both; }
.meistGelesene { margin:12px 0 0 !important; }
.introBoxInlay { padding:12px; border:1px solid #e7e7e7; }
.introBoxInlay h2 { margin:0; }
.introBoxInlay .listeInContent, .introBoxInlay .grauePfeileLinks { width:422px; overflow:hidden; }
.introBoxInlay .grauePfeileLinks { width:400px; }

/* ----------  Startseite, Einstiegsseiten  ---------- */

/* cover appetizer */
#bigAppetizerArea { margin: 18px 0 0; width: 888px; float: left; display:inline; }
#coverAppetizerLinks { float: left; display: inline; width: 708px; }
#coverAppetizerRechts { width: 708px; float: left; margin-left: 12px; }

/* newsbox formats (used only on startpage) */
#newsBox { position:relative; float: left; margin-left: 12px; height: 230px !important; width: 168px;  background: #f7f7f7;  }
#newsBox .inlay {border:1px solid #e7e7e7; border-top: none; }
#newsBox h2 { color: #000; margin:0; background: #ccc; display:block; padding: 2px 8px 3px 8px; font-size:12px; font-weight:700; }

span.newsBoxDatum { font-size: 10px; font-weight: 700; line-height: 150%; }

#flashcontent1 { float:left; display:inline; height:230px !important; }
#fuenfAppetizerArea { float: left; display:inline; background: url('../images/appetizer_bg.gif') repeat-y; margin: 18px 0 0; width: 888px; }
span#fuenfAppetizerFooter {margin: 0; display:block; float:left; display:inline; font-size:1px; height:1px !important; width:888px; padding:0; background: url(../images/appetizer_rahmen_unten.gif) no-repeat; }

/* no margin-right for last appetizer box in a row */
.letzte { margin-right: 0 !important; }
.appetizerBox { float: left; display:inline; width: 168px; margin-right: 12px; padding:  0 0 6px 0; }
.appetizerBox h2 { color: #000; margin:0; background: #ccc; display:block; padding: 2px 8px 3px 8px; font-size:12px; font-weight:700; }
.appetizerBox img { width: 168px; height:85px; margin:  0; }

/* left column (also used on subsites) */
#linkeSpalte { width: 168px; float: left; }

/* ----------  Detailseiten  ---------- */

/* in general: used for pages with (!) right column */
#detailseiteArea {  margin: 18px 0 0; float: left; width: 888px; }
#contentArea { z-index: 1; width: 708px; margin-left: 12px; float: left; display:inline; }
#contentBox, #empfehleSeite {width: 474px; display:inline; float:left; } /* if right colum exists, please use #contentBox inside of #detailseiteArea */
#contentBigBox { width: 708px; display:inline; float:left; } /* if right colum doesn't exist, please use #contentBigBox inside of #uebersichtsseiteArea (see below) */
#contentBox p, #contentBigBox p { padding: 0 12px 0 0; }
#contentBigBox, #contentBox { background: url('../images/contentBoxBg.gif') 0 0 repeat-x; }
#contentBigBox.tabs { background: url('../images/contentBoxBg.gif') 0 20px repeat-x; }

#contentBox, #empfehleSeite, #contentBigBox { display: inline; float: left;  }
#contentBox .inlay, #contentBigBox .inlay { border: 1px solid #e7e7e7; padding-left: 12px; padding-bottom:12px; }
#contentBox .inlay h1 { width: 448px; }
#contentBox .inlay h2 { clear:both; }
/* main vertical navigation inside of contentBox */
div#p0 { float: left; margin: 16px 12px 6px 0; width: 200px; background: url('../images/insideBoxBg.gif') repeat-y; border-bottom:1px solid #e7e7e7;  }
div#p0 h2 { color: #000; margin:0; display:block; background: #ccc; padding: 2px 8px 3px 8px; font-size:12px; font-weight:700;  }
div#p0 .grauePfeileLinks { margin: 5px 9px 1px; }

/* right column */
#rechteSpalteFuerBoxen { float: right; display:inline; width: 222px; }
.rechteBox { float: left; display:inline; clear:left; width: 222px; margin: 0 0 18px 0; background: #f7f7f7 url('../images/rechteBoxBg.gif') repeat-y; border-bottom: 1px solid #e7e7e7; }
.rechteBox p, .rechteBox p.intro { color: #333; line-height: 125%; margin: 5px 8px 0; width:204px; }
.rechteBox p.mitAbstandUnten { padding: 0 0 5px 0; }
.rechteBox h2 { color: #000; margin:0; background: #ccc; display:block; padding: 2px 8px 3px 8px; font-size:12px; font-weight:700; }
.rechteBox .inlay {}
.rechteBox img { width: 222px; height: 85px; }
.rechteBox .grauePfeileLinks { width: 204px; }

/* p.intro is used for the first p inside of rechteBox, every following p just has to be formated with p */
.rechteBox p.intro { padding-bottom: 0; }
.rechteBox p.kontakt { padding-bottom: 5px; }

/* small text size for date and picture subline in contentBox */
p.newsDatum, span.newsDatum, span.bildunterschrift { font-size: 10px; line-height: 150%; }
p.newsDatum, span.newsDatum { font-weight: 700; font-size: 10px; }
p.newsDatum { margin: 0 0 12px 0;  }

/* four teasers used inside of contentBox (Branchen > Automotive, f.e.) */
.boxInContentBoxArea { width: 448px; float: left; clear:left; }
.linke { margin: 18px 12px 0 0 !important; }
.boxInContentBox { margin: 18px 0 0; width: 218px; float: left; padding-bottom: 6px; background: #fff url('../images/inContentBoxBg.gif') repeat-y; border-bottom: 1px solid #e7e7e7; }
.boxInContentBox h2 { color: #000; margin:0; background: #ccc; display:block; padding: 2px 8px 3px 8px; font-size:12px; font-weight:700; background: #ccc; !important; color: #000 !important; }
.boxInContentBox p { width:auto !important; line-height: 125%; margin: 8px 9px 4px; }
.boxInContentBox img { width:218px; height:85px; margin: 0; }

/* ----------  Sonderseite: Best Practice Elemente  ---------- */

/* boxes and elements in the left column */
.bp { margin: 51px 0 0 !important; }
.aufDetailseite { margin: 24px 0 0 !important; }
.standorte { margin: 172px 0 0 !important; }
.topstories { margin: 150px 0 0 !important; }
.standortAktiv { margin: 152px 0 0; }
.keinAbstandOben { margin-top: 0 !important } /* used on: Standorte */
.linkeSeiteBox { margin: 12px 0 0; width: 166px; background: #fff url('../images/linkeSeiteBoxBg.gif') 0 0 repeat-x; border:1px solid #e7e7e7; float:left; display:inline; }
.linkeSeiteBox.ohneRand { border:none!important; }
.linkeSeiteBox h2 { margin:0; font-size:14px; margin: 8px 12px 0 12px; }
.linkeSeiteBox p { line-height: 125%; margin: 12px; }
.linkeSeiteBox p.noBottom {display:inline; float:left; margin-bottom:0 !important; }
.linkeSeiteBox div.grauePfeileLinks { width: 129px; margin: 12px 0 3px 12px; }
.linkeSeiteBox input.newsletterAbo { width: 138px; color: #999; }
.linkeSeiteBox input.newsletterAboButton { margin: 6px 0 0; }
.linkeSeiteBox form#aboBox {  width:144px; margin: 0 0 12px 12px; float:left; display:inline; }
.linkeSeiteBox form#aboBox { width:140px; float:left; display:inline; }
.linkeSeiteBox form#aboBox legend { display:none; }

#newsletterAbonnieren { float:left; display:inline; padding: 8px; }
#newsletterAbonnieren form, #newsletterAbonnieren fieldset { width:206px;}
#newsletterAbonnieren form legend { display:none; }
#newsletterAbonnieren form input.newsletterAbo { width:139px; float:left; display:inline; }
#newsletterAbonnieren input.newsletterAboButton { width: 54px!important; height: 19px; float:right; display:inline; background: #e20074; color: #fff; border:0; font-weight:700; }

select.bpAuswahl { font-size:12px; margin: 0 0 12px 12px; width: 142px; } /* Archivauswahl */
img.bpBigCover { width: 142px; margin: 8px 0 0 12px; }

/* TeleAntiqua box header */
img.linkeSeiteBoxHeader { margin: 12px 0 0 12px; display: inline; }

/* Best Practice detail page with special background */
#bpIntro { width:684px; height:94px !important; float:left; display:inline; }
#bpDetailseiteArea { background: url('../images/bp_detailseite_bg.gif') repeat-y; margin: 12px 0 0; float: left; width: 888px; }
#bpContentOverview{ margin:0; float:left; width: 684px; background:url('../images/bpOverviewBg.gif') repeat-y; }
#bpArea { width:708px; float:left; display:inline; background: #fff;  }
#bpAreaBild { width:348px; float:left; display:inline; margin: 0 12px 0 0; }
#bpAreaTextBox { width:348px; float:left; display:inline; position:relative; margin:  0 0 12px 0; height: 378px !important; overflow:hidden; }

.bpAreaLinks {   width: 348px; height: 118px !important; margin: 0 0 12px 0; background: url('../images/bpLinksBg.gif') no-repeat; overflow:hidden; float:right; display:inline;  }
.bpAreaLinks .inlay { padding: 12px;  }
.bpAreaLinksBild {  width:90px; float:left; display:inline; }
.bpAreaLinksBild img { margin: 0; }
.bpAreaLinksText {  width:232px; float:left; display:inline; margin: 0; }
.bpAreaLinksText p { width: 220px;  margin:4px 0 0 12px; line-height:normal; }
.bpAreaLinksText h2 { margin:-4px 0 0 12px; line-height:normal; }

span.nfo { border-bottom:1px dotted #666; cursor:help; }
im.nfo { border:none!important; cursor: hand; }
/* special right column (content summary) for the Best Practice detail page */
/*#bpRechteSpalteFuerBoxen { margin: 0 0 0 24px; float: left; width: 224px; }
.bpRechteBox { float: left; clear:left; width: 224px; margin: 0 0 18px 0; }*/

/* extra download box */
img.bpSmallCover { display: inline; margin: 8px 0 0 8px; padding: 0 0 8px 0; float: left; } /* cover */
.bpDownloadBox { width: 224px; display: inline; float: right; margin: 12px 12px 0; background: #d9d9d9; }
.bpDownloadLinkBox { margin: 79px 0 0; float: left; width: 130px; }

/* div containing several (Best Practice) teaser elements */
.topStoryContainer .bpTeaserTextBox { width: 165px!important; float: left; display:inline; }
.topStoryContainer img { width:148px!important; }
.bpTeaserContainer { float: left; display:inline; width: 682px; margin: 18px 0 0; background: url('../images/bpTeaserBg.gif') repeat-y; padding: 0 0 12px 0; border-bottom:1px solid #e7e7e7; }
.bpTeaserContainer h2 { color: #000;  margin:0; background: #ccc; display:block; padding: 2px 8px 3px 8px; font-size:12px; font-weight:700; }
.newsVersion { margin:38px 0 0; position:relative; border-top:1px solid #e7e7e7; }
.newsVersion .grauePfeileLinks { margin: 12px 9px 6px 9px; }
.paddingbottom { padding-bottom: 12px; }
.bpInhaltsverzeichnis { float: left; width: 448px; background: #d9d9d9; }
.bpInhaltsverzeichnis h2 { margin:6px 0 6px 8px; }
.bpEditorialContainer { margin: 0 0 0 20px; width:208px; float:left; display:inline; }
.bpEditorialBox { width:208px; margin: 5px 0px 8px 0px; float:left; display:inline; }

/* pressemappen */
.tabbedBoxContainer { float: left; display:inline; width: 447px; margin:38px 0 0; position:relative; border-top:1px solid #ccc; }
.tabbedBoxContainer h2 { float:left; clear:both; display:block; width: 100%; }
.tabbedBoxContainer table tr td img { width: 84px; }
table tr th.titel { width: 343px; }
.tabbedBoxContainer .tabellen { width: 448px; float:left; display:inline; }
.tabbedBoxContainer #newsNavigation { font-weight:700 !important; margin: 0 0 0 4px; }
.tabbedBoxContainer #newsNavigation .selected a {  border-bottom:none; background:#fff!important; }
.tabbedBoxContainer #newsNavigation ul li a { border:1px solid #ccc; background: #eee; }
.tabbedBoxContainer #newsNavigation ul li a:hover { color:#e20074!important; background:#ccc; }

.tabbedBoxContainer .selectBox { width:446px; margin:12px 0 0 ; float:left; display:inline; border:1px solid #e7e7e7; overflow:hidden; background:#f7f7f7; }
.tabbedBoxContainer .selectBox fieldset { border:none!important; margin:0; padding:0; float:left; display:inline; }
.tabbedBoxContainer .selectBox form { border:none!important; margin:0; padding:0; float:left; display:inline;  }
.tabbedBoxContainer .selectBox fieldset legend { display:none; }
.tabbedBoxContainer .selectBox input, .tabbedBoxContainer .selectBox select { margin: 12px 0 0; }
.tabbedBoxContainer .selectBox select { width:282px; }
.tabbedBoxContainer .selectBox input { margin:6px 0 0!important; width: 138px;  }

/* pressemappen bigBox
.tabbedBoxContainer { float: left; display:inline; width: 682px; margin-top:36px!important; background: url('../images/bpTeaserBg.gif') repeat-y; border-bottom:1px solid #e7e7e7; }
.tabbedBoxContainer .innerSpace { padding: 0 12px 12px 12px; }
.tabbedBoxContainer .tabellen { width: 657px; float:left; display:inline; }
.tabbedBoxContainer  { margin:38px 0 0; position:relative; border-top:1px solid #e7e7e7; }
.tabbedBoxContainer #newsNavigation { font-weight:700 !important; }
.tabbedBoxContainer .blaettern { width:657px !important; }
.tabbedBoxContainer .blaettern a {  }
.blaettern .inlay { border:1px solid #ccc!important; background:#fff!important; } 

.tabbedBoxContainer .selectBox { width:655px; margin:12px 0 0 ; float:left; display:inline; border:1px solid #ccc; overflow:hidden; background:#fff; }
.tabbedBoxContainer .selectBox fieldset { border:none!important; margin:0; padding:0;  float:left; display:inline; }
.tabbedBoxContainer .selectBox form { border:none!important; margin:0; padding:0;  float:left; display:inline;  }
.tabbedBoxContainer .selectBox fieldset legend { display:none; }
.tabbedBoxContainer .selectBox p.kategorien { margin:0; padding:0; display:block; background:red; width:200px; }
.tabbedBoxContainer .selectBox p.filter { float:left; margin:0; padding:0; display:block;  background:yellow; width:120px; }
.tabbedBoxContainer .selectBox input, .tabbedBoxContainer .selectBox select { margin: 12px 0 0; }
.tabbedBoxContainer .selectBox select { width:482px; }
.tabbedBoxContainer .selectBox input { width:138px; margin:6px 0 0 8px!important; padding:0; }

/* top stories */
.bpTopStoryContainer { display: inline; margin: 12px 12px 0; width: 660px; float: left;  } */
.noborder { border:none; }
.bpTopStoryContainer h2 { color: #333; margin: 0 0 6px; }
.bpTopStoryContainer p { margin: 0; }
.topstoryTeaser { margin: 0 0 36px 0; }

/* (Best Practice) news container */
.bpNewsContainer { width: 334px; float: left; display:inline; }
.letzter { padding: 0 0 0 5px !important; }
 
/* (Best Pracitce) inhaltsverzeichnis */
.bpInhaltContainer { width:448px; float:left; }
.bpInhaltContainer .grauePfeileLinks ul li { width:209px;  float:left; }
.bpInhaltContainer .grauePfeileLinks ul li.marginright { margin: 0 12px 0 0; }
/* (Best Practice) small teaser */
img.bpTeaserSpalteHeader { margin: 0 0 8px 0; }

/* small teaser objects */
.bpTeaser.linkeSeite		{ padding: 0 5px 0 9px; !important; }
.bpTeaser 					{ width: 325px; float: left; display:inline; padding-left: 9px; }
.bpTeaser img 				{ width: 90px; height: 71px; margin: 8px 12px 0 0; float: left; }
.bpTeaser h3 				{ color: #333; margin: 12px 0 6px; border-bottom: 1px solid #e7e7e7; padding-bottom: 3px; }
.bpTeaserTextBox 			{ width: 215px; float: left; display:inline; }
.bpTeaserTextBox h3 		{ color: #333; margin: 0; font-size: 14px; }
.bpTeaserTextBox h3 a:hover { color: #e20074; }
.bpTeaserTextBox p			{ line-height: 150%; margin:3px 0 0; }

/* small teaser objects full width */
.fullwidth	{ width: 664px; }
.enlarge	{ width:562px; }

/* ----------  Uebersichtsseiten  ---------- */

/* in genereal: used for pages without (!) right column */
#uebersichtsseiteArea { background: #fff; margin: 18px 0 0; float: left; display:inline; width: 888px; }

/* used on: Branchen, Glossar */
.uebersichtBox {  margin: 18px 12px 0 0; width: 335px; float: left; display:inline; background: #f7f7f7 url('../images/uebersicht_box_standard_bg.gif') repeat-y; border-bottom:1px solid #e7e7e7;  }
.uebersichtBox img { width:335px; height: 66px; }
.uebersichtBox h2 { color: #000; margin:0; background: #ccc; display:block; padding: 2px 8px 3px 8px; font-size:12px; font-weight:700; }
.topStoriesContent .uebersichtBox img { width:335!important; height:auto!important;}
.topStoriesContent  .uebersichtBoxIntroText {border:none!important; }

/* used on: Loesungen, Sitemap */
.uebersichtBoxKlein { width: 219px; margin: 18px 12px 0 0; float: left; display:inline; background: #f7f7f7 url('../images/uebersicht_box_klein_bg.gif') repeat-y; border-bottom:1px solid #e7e7e7; }
.uebersichtBoxKlein .grauePfeileLinks, .uebersichtBox .grauePfeileLinks  { margin: 5px 9px 1px; }
.uebersichtBoxKlein .grauePfeileLinks ul li a { font-weight: 400; } 
.uebersichtBoxKlein h2 { color: #000; margin:0; background: #ccc; display:block; padding: 2px 8px 3px 8px; font-size:12px; font-weight:700; }
.uebersichtBoxKlein img {  width: 219px; height: 66px; }

/* teaser intro text used on: Branchen and Loesungen */
.uebersichtBoxIntroText { width: 333px; margin:  0 0 0 1px; padding-bottom: 4px; border-bottom: 1px solid #e7e7e7; background: #f7f7f7; }
.uebersichtBoxIntroText p, .uebersichtBoxKleinIntroText p { line-height: 125%; margin: 4px 8px 4px; }
.uebersichtBoxKleinIntroText { width: 217px; margin: 0 0 0 1px; padding-bottom: 4px; border-bottom: 1px solid #e7e7e7; background: #f7f7f7; } /* used on: Loesungen, f.e. */
.ohneLinie { border-bottom:0 !important; } /* if no link list is available, please add class: ohneLinie (used on: Branchen) */
.ohneLinie p { line-height:150% !important; }
.uebersichtBoxIntroText h3 { margin: 4px 8px !important; padding:0!important;}

/* ----------  Hyperlinks and Icons  ---------- */

/* standard format */
a:link, a:visited, a:active { color: #333; text-decoration: none; }
a:hover { color: #e20074; text-decoration: none; }
a.unterstrichen { color: #e20074 !important; text-decoration: underline !important; }  /* used inside of paragraphs */
span.klein { font-size:10px !important; }

.magentaPfeil, .magentaPfeilContent, .zurueck, .empfehlen, .drucken, .nachOben, .plus, .minus { cursor: pointer; display: block; }
.magentaPfeil, .magentaPfeilContent { background: url(../images/pfeile_und_icons/pfeil_magenta.gif) 35px 3px no-repeat; color: #e20074; width: 120px; }
.magentaPfeil {	margin: 0 9px; }
.bestPractice {	margin: 4px 12px 0 12px; } /* overwrites magentaPfeil */
.magentaPfeilContent { font-size: 12px; margin: 12px 0 0; }


/* function icons (page up, print etc.) */

#icons { margin: 9px 0 0 12px; padding-bottom: 4px; width: 448px; float:left; display:inline; clear:both; } /* with (!) right column background */
#uebersichtsseiteIcons { background: url('../images/detailseite_uebersicht_bg.gif') repeat-y;} /* without (!) right column background */
#bpIcons { background: url('../images/bp_detailseite_bg.gif') repeat-y; } /* only used on: Best Practice detail page */
#icons, #uebersichtsseiteIcons, #bpIcons { clear: both; float: left; width: 448px; }

#iconsContainer { width: 400px; }
.iconsElement { float: left; display: inline; }
.faqsElement { clear:both; padding: 12px 0 0; width: 448px; } /* FAQs */
a.nachOben, a.zurueck, a.empfehlen, a.drucken { color: #333; padding: 0 14px 0 16px; }

/* arrow back and arrow up */
a.nachOben { background: url(../images/pfeile_und_icons/pfeil_grau_oben.gif) 0 3px no-repeat; }
a.nachOben:hover { background: url(../images/pfeile_und_icons/pfeil_magenta_oben.gif) 0 3px no-repeat; color: #e20074; }
a.zurueck { background: url(../images/pfeile_und_icons/zurueck_grau.gif) 0 3px no-repeat; }
a.zurueck:hover { background: url(../images/pfeile_und_icons/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/pfeile_und_icons/plus.gif) 0 3px no-repeat; }
a.minus, a.minus:hover { background: url(../images/pfeile_und_icons/minus.gif) 0 3px no-repeat; }

/* standard hyperlinks in boxes (always with link-digit, link listings) */
.grauePfeileLinks { margin: 5px 8px 1px; padding: 0; clear:both; }
.grauePfeileLinks ul { list-style: none; margin: 0; padding: 0; width: 100%; }
.grauePfeileLinks ul li a { color: #333; display: block; margin: 0; padding: 0 0 5px 16px; background: url('../images/pfeile_und_icons/pfeil_grau.gif') no-repeat 0 3px; }
.grauePfeileLinks ul li a.rss { color: #333; display: block; margin: 0; padding: 0 0 5px 16px; background: url('../images/feed.gif') no-repeat 0 3px !important; }
.grauePfeileLinks ul li a.pdf { color: #333; display: block; margin: 0; padding: 0 0 5px 16px; background: url('../images/pfeile_und_icons/pdf_icon.gif') no-repeat 0 3px !important; }
.grauePfeileLinks ul li a.podcast { color: #333; display: block; margin: 0; padding: 0 0 5px 16px; background: url('../images/pfeile_und_icons/podcast.gif') no-repeat 0 3px !important; }
.grauePfeileLinks ul li a.contact { color: #333; display: block; margin: 0; padding: 0 0 5px 16px; background: url('../images/pfeile_und_icons/contact.gif') no-repeat 0 3px !important; }
.grauePfeileLinks ul li a.forward { color: #333; display: block; margin: 0; padding: 0 0 5px 16px; background: url('../images/pfeile_und_icons/forward_page.gif') no-repeat 0 3px !important; }
.grauePfeileLinks ul li a.material { color: #333; display: block; margin: 0; padding: 0 0 5px 16px; background: url('../images/material.gif') no-repeat 0 3px !important; }
a.empfehlen, a.drucken { background: url('../images/pfeile_und_icons/pfeil_grau.gif') 0 3px no-repeat; }
.grauePfeileLinks ul li a:hover, a.empfehlen:hover, a.drucken:hover, .uebersichtBoxLinks ul li a:hover { background: url('../images/pfeile_und_icons/pfeil_magenta.gif') 0 3px no-repeat; color: #e20074; }

/* small font used on: Sitemap */
.grauePfeileLinks ul li.dritteEbene { width: 176px; margin-left: 8px; font-size: 10px; }

/* ----------  Resultatsangaben Elemente  ---------- */

/* header inside of contentBox (used on: Events, Suchergebnis, Presse Center, Newsarchiv, f.e.) */
.headerContainer { float:left; display:inline; }
.inContentBox {  margin: 18px 0 0; width: 448px; }
.inContentBigBox {  margin: 18px 0 0; width:682px; }
.headerContainer .inlay { padding:0 !important;  border:none !important; }
.headerContainer h2 { color: #000; margin:0; padding: 2px 8px 3px 8px; display:block;  background: #ccc; font-size:12px; font-weight:700;  }
.headerInContentGrau { font-size: 12px; clear:left; font-weight: 400; padding: 2px 8px 3px 8px;  color: #333; }

/* browse results */
#contentBox .blaettern { margin: 18px 0 0; width:448px; float:left; display:inline; }
#contentBigBox .blaettern { margin: 18px 0 0; width:682px; float:left; display:inline; }
.blaettern .inlay { padding: 2px 8px 3px 8px !important; border:1px solid #e7e7e7; background: #f7f7f7; }
.blaettern a:link, .blaettern a:active, .blaettern a:visited {	text-decoration: underline; }
span.ergebnisseiteAktiv { color: #666; }
span.grau { color: #666; }
a:hover span.grau { color: #666; } 
span.trenner { padding: 0 4px; } 

/* ----------  Sonderseiten: Management, Events, Ansprechpartner, Pressebilder Elemente  ---------- */

#kleinePressebilderContainer, #ansprechpartnerContainer, #standardReiheContainer {	margin: 12px 0 0; width: 448px;}
#standardReiheContainer { border-top: 1px solid #e7e7e7; padding:  12px 0 0; }
#kleinePressebilderContainer .linke { margin: 0 12px 0 0 !important; }
.kleinePressebilderBox { width: 217px; float: left; margin: 0 0 12px 0; }
.kleinePressebilderBox  img { width:217px; }

.standardReiheBox { float: left; width: 448px; margin: 0 0 12px 0; border-bottom: 1px solid #e7e7e7; padding: 0 0 12px 0; }
.ansprechpartnerBox img, .standardReiheBox img { float: left; margin-right: 12px; }

#contentBigBox .reihenBox { width: 682px !important; background: #fff url('../images/reihenBigBoxBg.gif') no-repeat !important;  }
.reihenBox { width: 448px; float:left; display:inline; margin: 12px 0; padding:  12px 0; background: #fff url('../images/reihenBoxBg.gif') no-repeat; }

.reihenBox .reihenBoxContent { padding: 0 12px; }
.reihenBox h2 { margin:0; }
.reihenBox h2 a {color: #333 !important; font-size:14px; }
.reihenBox h2 a:hover { color: #e20074 !important; }
.reihenBox p { width:auto !important; }
.reihenBox h3 { font-size:12px; font-weight:700; margin:0; padding:0; }

.hcard {  margin: 12px 0 ; float:left; display:inline;  }
.kdaten { margin: 2px 0 12px; display:block; float:left; width: 80px; }
.hLegende { float:left; display:inline; width: 20px; }
.hcalendar { display:inline; padding: 0 4px 0 0; }
.hAddMargin { padding: 12px 0 0; }
.org { display:none; }
.legende { margin: 12px 12px 0 12px;  float:left; }
.linkeSeiteBox p.small { margin:0 0 0 6px; font-size:10px; display:block; float:left; width: 110px; }
.legendeFooter { padding: 0 0 12px 0; }

/* ----------  Tabellenformatierung  ---------- */

/* table are used on: Aufsichtsrat, Pressemappe, Standorte */
.tabellen { clear: both; font-size: 12px; line-height: 150%; margin: 12px 0 0; text-align: left; width: 448px;  background: #fff; border-top: 4px solid #e20074; border-bottom:none; }
.tabellen a, .tabellen a:active, .tabellen a:visited { color: #333; text-decoration: underline; }
.tabellen a:hover { color: #e20074;	text-decoration: underline; }
.tabellen tr th {  padding: 4px; vertical-align: bottom; border-bottom:1px solid #e7e7e7; border-left:2px solid #fff;}
.tabellen tr td { padding: 4px; vertical-align: top;  border-bottom:1px solid #e7e7e7; border-left:2px solid #fff; line-height:125%; }
table tr.bg2 { background: #f7f7f7;  } /* alt background color (Hintergrund 2) */
.tabellen tr .keinRand { border-left:none; } 
.tabellen img { width: 126px; }


/*table are used on:Pressemappe, Standorte*/
table.tabellen {background:#fff; border-top:3px solid #ccc; border-right:1px solid #fff;}
.tabellen th, .tabellen td   {padding:4px; border-bottom:1px solid #e7e7e7; border-left:1px solid #fff;}
.tabellen th {vertical-align:bottom;}
.tabellen td {vertical-align:top;}
.tabellen a, .tabellen a:hover {text-decoration:underline;}

.FlowTextLeft      {float:right;}
.FlowTextLeft img  {margin:2px 0 2px 8px;}
.FlowTextRight     {float:left;}
.FlowTextRight img {margin:2px 8px 2px 0;}

.contentBox .tablewidth--half {width:224px;}
.contentBox .tablewidth--full {width:448px;}

.contentBox .inlineTab  td {padding:4px;}
.contentBox .inlineTab div.paragraph {margin:0; padding:0;}

.contentBox .tablelayout--border            {border:1px solid #e7e7e7;} /*Tab-attribut: Tabellenlayout-Vollständiger Rahmen*/
.contentBox .tablelayout--border td         {border:1px solid #e7e7e7;}
.contentBox .tablelayout--only-outer-border {border:1px solid #e7e7e7;} /*Tab-attribut: Tabellenlayout-Außenrand*/
.contentBox .tablelayout--objectInTable     {width:460px; margin:0 0 -6px -12px;}  /*Automotive,Newsletter*/
.contentBox .tablelayout--objectInTable td  {padding:0;}
.contentBox .tablelayout--color-table       {}   /*Tabellenattribut: color-table*/
.inlineTab.tablelayout--color-table td      {padding:0; background:red;}
.contentBox .tablelayoutborder              {border:1px solid red;} /*??? gibt es das, sonst loeschen*/

/* ----------  Sonderseiten: Standorte Elemente  ---------- */

/* maps */
#googlemap { margin: 18px 0 0; display:inline; float:left;  width:682px; }
#googlemap iframe { padding: 0 10px; float:left; display:inline; }

/* ----------  Webcast  ---------- */

/* ----------  Weblogs  ---------- */
.blogsTeaserContainer { float: left; width: 448px; margin: 18px 0 0; padding-bottom: 12px; background: #d9d9d9; }
.blogsTeaser { display: inline; margin: 12px 12px 0; padding-bottom: 12px; width: 424px; float: left; border-bottom: 1px solid #999; }
.blogsTeaser img { display: inline; margin: 0 12px 0 0; float: left; }
.blogsContentBox { float: left; width: 284px; }
.blogsContentBox h2 { color: #333; margin: 0 0 6px 0; }
.blogsContentBox p { margin: 0; }

/* blog posting */
.blogPosting { margin: 36px 0 0; float: left; width: 448px; }
.blogPosting.details { margin: 12px 0 0 !important; } /* used on blog posting detail page */
.blogPosting h2 { margin: 0; }

/* blog posting meta */
.blogPostingMeta { width: 448px; float: left; border-top: 1px solid #e7e7e7; margin: 12px 0 0; }
.blogPostingMeta p { text-align: left; margin: 3px 0 0; }
.blogPostingMeta a, .blogPosting p a { color: #333 !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; width:420px; padding: 0 12px 12px 12px; }
input.blogEingabefeld, textarea.blogEingabefeld { width: 280px; padding: 0; float: left; font-size: 12px; text-align: left; }
h2.kommentare { float: left; margin: 24px 0 0; } /* headline below detail page content */
.blogKommentare.alt { background: #f7f7f7; border: 1px solid #e7e7e7; } /* alt comments background color */

/* blog module: search */
#blogSucheContainer { margin: 8px 8px 8px;  }
input.blogSucheEingabefeld { width: 196px !important; padding:0; }
input.blogSucheKnopf { width: 88px; padding:0; margin: 3px 0 0; }

/* module: tag cloud */
.tagCloud { margin: 8px 8px 8px; width: 204px; } /* div container */
.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; }

/* poll box */
.umfrageBox {float:left; width:184px; padding-bottom: 0px;}
.umfrageErgebnisChart ol { width:184px; list-style: none; margin: 0; padding: 8px 0 0; background-color:#ffffff; }
.umfrageErgebnisChart ol li {margin: 0; font-size:10px;  }
.umfrageErgebnisChart .resultContainer { width: 168px; margin: 0 8px; padding-bottom: 8px; }
.umfrageErgebnisChart .resultText {float:left; width:68px;  }
.umfrageErgebnisChart .resultNumber {float:right; width:100px; background-color:#7d9ba0; position:relative; }
.umfrageErgebnisChart .progressBar { display: block; background-color: #333; font-size:1px; height:13px !important; }
.umfrageErgebnisChart .progressPercent { position:absolute;top:0;left:0; width:100%; text-align:center; z-index:100; color: #fff; font-weight:700; }

.weitereLoesungenText { width:504px; float:right; display:inline; margin: 0 12px 0 0; }
.suggestions { -moz-box-sizing: border-box;  box-sizing: border-box;  border: 1px solid #999; position: absolute; }
.suggestions div { cursor: default;  padding: 0px 4px; }
.suggestions div.current { background-color: #666; color: white; }

/* Web- und Podcasts */
/*.castBox p { margin: -4px 0 0px; color:#333; font-size:12px; }
.castBoxContainer { width:448px; float:left; display:inline; background: #d9d9d9; margin: 12px 0 0; padding: 0 0 12px 0;  }
.castBox { width:184px; margin: 8px 8px 0 8px; padding: 0 0 8px 0; float:left; display:inline; border-bottom: 1px solid #7d9ba0;}
.castIcon { width:66px; float:left; display:inline; }

.castText { width: 106px; float:left; display:inline; margin: 0 0 0 12px; }
.casts tr td a { color: #000 !important; text-decoration:none !important; }
.casts tr td a img  { margin: 4px 0 4px 4px; }
.casts tr td a:hover { color: #e20074 !important; text-decoration:none; }
.graueInlineBox { background: #d9d9d9; width:448px; float:left; display:inline; padding: 0 0 12px 0; margin: 12px 0 0; }
.graueInlineBox p { width:424px; display:block; margin:12px 12px 0 12px; }
.castHeadline { padding: 12px 0 6px !important; font-weight:700; font-size:14px; }
*/
/*.videoInside object { float:left; display:inline; width:448px; }
.videoInside { width:448px; float:left; display:inline; margin: 18px 0; }
.videoInsideBox { margin:4px 0 0; width:448px; float:left; display:inline; background:#d9d9d9; padding: 4px 0 0; }
.videoInsideBox p { margin:0 8px !important; padding:0; width:424px; }*/
/*.videoSyndicate { width:424px; margin:6px 8px 0 8px; border:none; background:#eee; font-size:10px; color: #333; padding:4px; }*/

/*.socialBookmarks { width:448px; margin:12px 0 0; float:left; display:inline; }*/

/* module: tag cloud */
.tagCloud { margin: 8px 8px 8px; } /* div container */
.keyword1 { font-size: 10px; }
.keyword2 {font-size: 12px; }
.keyword3 { font-size: 14px; }
.keyword4 {font-size: 16px; }
.keyword5 { font-size: 18px; }
.keyword6 { font-size: 20px; }
.keyword7 { font-size: 22px; }
.keyword8 { font-size: 24px; }
.keyword9 { font-size: 26px; }

#googlecal { margin:12px 0; float:left; display:inline; background:none; width:448px; overflow:hidden; clear:both; }
#googlecal h2 { padding: 0 0 12px 0; background:red; }

#navipfad select { border:1px solid #ccc; background:#fff; padding:0; }

/* fading news on homepage */
div.cf_wrapper { position: relative; }
div.cf_element { position: relative; width: 168px; height: 191px !important; background-color: #d9d9d9; }

/* recommend page */
#recommend {  width: 448px; position:relative; z-index:20; float:left; display:inline; margin:  0 0 18px 0; }
.url { background-color: #d9d9d9; border:none; padding:2px !important; }

/* tagging */
p.tags a:hover { color: #e20074; }
p.tags a { color: #333; text-decoration:underline !important; font-weight:700 !important; }

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

/* tog */
.toggler { margin:25px 0 25px 0; cursor:pointer; text-decoration: none; font-size: 1.4em; font-weight:bold; line-height:30px; }
.toggler-closed {
color:#333;
padding-left:20px;
height:30px;
background: #efefef url('togglerc.gif') center right no-repeat;
border: solid 1px white;
}
.toggler-closed:hover {
color: #000;
padding-left:20px;
height:30px;
background: #fff url('togglerch.gif') center right no-repeat;
border: solid 1px #e3e3e3;
}
.toggler-opened {
color:#333;
padding-left:20px;
height:30px;
background: #efefef url('togglero.gif') center right no-repeat;
border: solid 1px white;
}
.toggler-opened:hover {
color: #000;
padding-left:20px;
height:30px;
background: #fff url('toggleroh.gif') center right no-repeat;
border: solid 1px #e3e3e3;
}

/* Container - default style */
.toggler-c-closed { background:transparent; border:solid 1px #e3e3e3; margin:-25px 0px 25px 0px; padding:20px; }
.toggler-c-opened { margin:-25px 0px 25px 0px; padding:20px; background:#efefef; border:solid 1px #fff; }

/* webinars */
.magentaPfeilContentWebinar { font-size: 12px; margin: 12px 0 0; padding: 0 15px 0 0; background: url(../images/pfeile_und_icons/pfeil_magenta.gif) right 3px no-repeat; color: #e20074; }
.webinarNote { color: #666; }
.webinarArchivLinie { border-bottom:1px solid #ccc; padding-bottom: 6px!important; }
.webinarIntro { padding-bottom: 8px !important; }

/* sitemap (es + bs) */
.sitemapSpalte { float:left; display:inline; width: 219px; margin: 6px 12px 0 0; }
.sitemapSpalte.keinAbstandRechts {margin: 6px 0 0!important; }
.sitemapSpalte .uebersichtBoxKlein { margin:12px 0 0!important; }
.sitemapContainer { margin: 5px 8px 1px; padding: 0; clear:both; }

ul.sitemaptree.treeview, ul.sitemaptree.treeview ul {  padding: 0; margin: 0; list-style: none; }	
ul.sitemaptree.treeview li {  float:left; display:inline; width: 187px; margin: 0; padding: 0 0 5px 16px; position:relative; }
ul.sitemaptree.treeview li a { font-weight:700; float:left; display:block; }
ul.sitemaptree.treeview li div.hitarea { position:absolute; top:0; left:0; width:10px; height:10px!important; font-size:1px; float:left; display:inline; margin: 3px 0 0; }
ul.sitemaptree.treeview li ul li { padding:2px 0 2px 6px !important; width: 181px; }
ul.sitemaptree.treeview li ul li a { float:left; display:block; font-weight:400!important; font-size:11px; }
ul.sitemaptree.treeview .collapsable { display:block; background: url(../images/sitemap_minus.gif) 0 3px no-repeat; }
ul.sitemaptree.treeview .expandable { background: url(../images/sitemap_plus.gif)  0 3px no-repeat; }
ul.sitemaptree.treeview .lastCollapsable { background: url(../images/sitemap_minus.gif) 0 3px no-repeat; }
ul.sitemaptree.treeview .lastExpandable { background: url(../images/sitemap_plus.gif) 0 3px no-repeat; }

/* whitepapers */
h2.whitepapers { margin: 18px 0 0!important; padding: 0; display:block; float:left; clear:both; }
.latestPapers { margin: 12px 0 0!important; padding: 0!important }
.latestPapersItem { margin-top:0!important; }
.whitepaperBox img { width:126px; }
.whitepaperBox { margin: 0!important; }
.reihenBox.whitePapers { margin: 12px 0 0!important; }

.magentaPfeilContentWhitepapers { font-size: 12px; margin: 12px 0 0 9px; padding: 0 15px 0 0; background: url(../images/pfeile_und_icons/pfeil_magenta.gif) right 3px no-repeat; color: #e20074; }
.reihenBoxContent .magentaPfeilContentWhitepapers  { margin:0!important; }

/* VERSION B whitepaper top whitepapers (aktuelle) */

#topWhitepapers { margin:12px 0 18px 0; width: 448px; float:left; display:inline; }
#topWhitepapers .whitepaperThumb { width: 142px; height: 172px; overflow:hidden; float:left; display:inline; margin: 0 11px 0 0; background:red; }
#topWhitepapers .whitepaperThumb img { height: 118px; width: 142px;  }
#topWhitepapers .whitepaperThumb.noMarginRight { margin-right:0!important; }

#topWhitepapers .whitepaperThumb .whitepaperInfoBox { background: #e7e7e7; margin:0; padding:3px 6px 0 6px; width: 130px; height: 51px; overflow:hidden;  }
#topWhitepapers .whitepaperThumb .whitepaperInfoBox p { font-size:11px; height: 30px; overflow:hidden; border-bottom:1px solid #ccc;  line-height: normal; margin:0; padding: 0 font-weight: 400; }

#topWhitepapers .whitepaperThumb .whitepaperInfoBox .grauePfeileLinks { margin: 0; padding:2px 0 0; height:18px; overflow:hidden; }
#topWhitepapers .whitepaperThumb .whitepaperInfoBox .grauePfeileLinks ul li a { font-size:11px; font-weight:700; }

/* whitepaper overview box */
#overviewWhitepapers { margin:12px 0 0; width: 448px; float:left; display:inline;  border-top:1px solid #e7e7e7; }
#overviewWhitepapers .rowWhitepaper { border: 1px solid #e7e7e7; border-top:none!important; width: 430px; height: 74px; overflow:hidden; float:left; display:inline; padding: 8px 8px 0; 
background: #e7e7e7 url('../images/whitepapers/whitepaperRowBg.gif') repeat-x; }
#overviewWhitepapers .rowWhitepaper.alt { background:#fff!important; }
#overviewWhitepapers .rowWhitepaper p { margin:0; padding:0; line-height:normal; }

#overviewWhitepapers .rowWhitepaperImageContainer { float:left; display:inline; width:80px; height:66px; padding: 0 0 8px 0; }
#overviewWhitepapers .rowWhitepaperTextContainer { float:left; display:inline;  margin: 0 0 0 8px; width: 342px; height: 66px; overflow:hidden; }
#overviewWhitepapers .rowWhitepaperTextContainer .grauePfeileLinks { margin:0; padding:0; height: 16px; overflow:hidden; }
#overviewWhitepapers .rowWhitepaperTextContainer .grauePfeileLinks  ul li a { font-weight:700; }
#overviewWhitepapers .rowWhitepaperTextContainer .whitepaperTeaserText { width:100%; height: 50px; overflow:hidden;}

/* RSS Twitter feed */
h2#twitter-feed { color: #e20074; margin: 6px; }

ul#twitter_update_list { list-style:none; margin:0; padding:0; }
ul#twitter_update_list li { display:block; border-top:1px solid #e7e7e7; padding: 6px; }
ul#twitter_update_list li span { display:block;  }
ul#twitter_update_list span a { display:block!important; color: #333; margin: 6px 0 0; color: #e20074; text-decoration:underline; }
ul#twitter_update_list span a:hover { color: #e20074; }
.grauePfeileLinks.twitter { margin:6px 0 0 6px!important; padding:0!important; }
.grauePfeileLinks.twitter ul { margin:0!important; padding:0!important; }

/* LBU Splash page (07.01.2009) */
#lbuSplashPage { margin: 12px 0 0; width: 888px; float: left; display:inline;}
#lbuSplashPage #linkerInhalt { float:left; display:inline; width: 588px; }
#lbuSplashPage #rechterInhalt { float:right; display:inline; width: 288px; height:361px; overflow:hidden; }
#lbuSplashPage #rechterInhalt #lbuKontaktBox { background: #fff url('../images/lbuKontaktBoxBg.gif') repeat-x; border:1px solid #e7e7e7; padding: 0 12px; height: 313px; margin-bottom:12px; overflow:hidden; }
#lbuSplashPage #rechterInhalt #lbuKontaktBox h2 { margin: 6px 0 0; padding: 0; }
#lbuSplashPage #rechterInhalt #lbuKontaktBox ul {list-style-type:none; margin:0; padding:0;}
#lbuSplashPage #rechterInhalt #lbuKontaktBox ul li { padding: 6px 0; }
#lbuSplashPage #rechterInhalt #lbuKontaktBox ul li a.email { text-decoration:underline; }
#lbuSplashPage #rechterInhalt #lbuLinkBox { background: #f7f7f7; border:1px solid #e7e7e7; height: 32px; overflow:hidden;  }
#lbuSplashPage #rechterInhalt #lbuLinkBox .grauePfeileLinks { margin:0; padding:9px 12px 10px 12px; }

/* Neue Bildvorschau / Galerie (20.01.2009) */
ul.gallerytree.treeview, 
ul.gallerytree.treeview ul { padding:0; list-style: none; }	
ul.gallerytree.treeview {margin: 12px 0 0; padding:0; }

ul.gallerytree.treeview li span.cur {cursor:pointer; display:block; }
ul.gallerytree.treeview ul {margin:0!important; float:left; display:inline; width:432px!important; }
ul.gallerytree.treeview li {width:432px!important; float:left; display:inline; padding: 0 0 5px 16px; position:relative;}
ul.gallerytree.treeview li li {width:432px!important; margin:6px 0 0!important; padding:0!important; border:1px solid #ccc;  }
ul.gallerytree.treeview li li p {margin: 5px 0 0!important; padding:0 6px 6px 6px!important; line-height:125%; display:block; border-bottom:1px solid #fff; }
ul.gallerytree.treeview li li p b {font-weight:400; }

ul.gallerytree.treeview li div.hitarea { cursor:pointer; position:absolute; top:0; left:0; width:10px; height:10px!important; font-size:1px; float:left; display:inline; margin: 3px 0 0; }
ul.gallerytree.treeview .collapsable { display:block; background: url(../images/sitemap_minus.gif) 0 3px no-repeat; }
ul.gallerytree.treeview .expandable { background: url(../images/sitemap_plus.gif)  0 3px no-repeat; }
ul.gallerytree.treeview .lastCollapsable { background: url(../images/sitemap_minus.gif) 0 3px no-repeat; }
ul.gallerytree.treeview .lastExpandable { background: url(../images/sitemap_plus.gif) 0 3px no-repeat; }
#preview{ position:absolute; border:1px solid #999; background:#fff; padding:6px; display:none; color:#333; }
#preview div {margin: 6px 0 0; text-align:left; width: 238px; font-size:10px; }

.boxLine  { margin: 0; padding: 0 6px 0px 6px;}
.lineBox3 {width:65px; margin: 0 6px 0 0; padding-bottom: 6px; float:left; display:inline!important;}
.lineBox3.last {margin:0;}

/* Newsletter 2009 */
form {overflow:hidden;}
fieldset h2 { display:block; width: 422px;}
fieldset.newsletter2009 { margin: 24px 0 32px 0!important;  }
fieldset.newsletter2009 label, fieldset.configNewsletter label { width: 378px; }
fieldset.newsletter2009 input.optionsKnopf, fieldset.configNewsletter input.optionsKnopf { margin-left:6px!important;}
fieldset.newsletter2009 p.reihe, fieldset.configNewsletter p.reihe { display:block; padding: 3px 0!important; margin:0 0 1px 0; background: #f7f7f7; width: 422px!important; }
fieldset.newsletter2009 h2, fieldset.configNewsletter h2 { float:left; display:block; font-size:12px; margin:12px 0 6px !important; }

fieldset.configNewsletter .optionsKnopf {margin-left:0!important; }
.rbBoxes {float:left; display:inline; width: 424px; }
.rbBoxes .rbBox p.reihe {margin:0; background: #f7f7f7; width: 176px!important; }
.rbBoxes .rbBox {float:left; background: #f7f7f7; font-weight:700; display:inline; width: 193px!important; padding:6px; margin-right:12px; }
.rbBoxes .rbBox  input.optionsKnopf { margin: 3px 6px 0 0px; display:block; float: left; display: inline; } 
.rbBoxes p.reihe label {width: 140px; }

.compactCheckBoxes { background: #f7f7f7; float:left; display:inline; width: 410px; padding: 6px; }
.compactCheckBoxes p { margin:0; padding:0; width: 176px!important; float:left; display:block; }