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

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

.hide, .nodisplay, .hideTeaserText { display: none; }
.showdisplay, .showTeaserText { display: block; }
.showTeaserText { clear: both; font-weight: 400; }
.showTeaserTextPanel { clear: both; padding-top: 18px; }

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

/* remove whitespace */
* { margin: 0; padding: 0; }

/* body */
body { color: #000; text-align: center; background: #d9d9d9; font: 12px Arial, Helvetica, sans-serif; }
#wrapper div:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.extra { clear:both; font-size:1px; }

/* shadows, background */
#schattenOben, #schattenUnten, #hintergrundSchatten { width: 100%; position: relative; }
#schattenOben {	height: 28px; background: url('schatten_oben.gif') no-repeat center; }
#schattenUnten { clear: both; height: 36px; background: url('schatten_unten.gif') no-repeat center; }
#schattenOben div, #schattenUnten div { width: 888px; margin: auto; position: relative;}
#hintergrundSchatten { width: 100%; margin: auto; background: url('bg.gif') repeat-y center; }

/* logo, search */
p#logo { margin: 0; float: left; }
#suche { float: right; text-align: right; width: 105px; }

#wrapper { margin: auto; text-align: left; position: relative; clear: both; background: #fff;}
#wrapper, #topHeader { width: 888px; }
#topHeader { float: left; margin: 1px 0 0; }
#subHeader { float: left; margin: 12px 0 0; width: 888px; }
#footer { float: left; margin: 12px 0 0; width: 888px; }
p#copyright { margin: 0; float: left; font-size: 10px; color: #666; }

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: Management, f.e.) */

/* standard paragraphs and headlines */
p, h1, h2 { font-weight: 400; margin: 12px 0 0; padding: 0; }
p { font-weight: 400; line-height: 150%; }
h1, h2, h2 a { color: #333; font-weight: 700; line-height: 125%; }
h1 { font-size: 18px; }
h2 { font-size: 14px; }
h3 { font-size: 14px; margin: 0; }

/* special paragraphs (used inside of boxes) */
#newsBox p, .appetizerBox p, .boxInContentBox p {line-height: 125%; margin: 8px 8px 4px; }

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

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

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

/* meta and footer navigation */
#metaNavigation { padding-top: 0; font-size: 10px; }
#footerNavigation { float: right; width: 550px; 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: 12px; text-decoration: none; }
#metaNavigation ul li a, #metaNavigation ul li, #footerNavigation ul li a { color: #666; text-decoration: none; }
#metaNavigation ul li a:hover, #footerNavigation ul li a:hover { color: #e20074; text-decoration: none; }

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

/* main horizontal navigation */
#hauptNavigation { color: #333; float: left; width: 708px; }
#hauptNavigation ul { margin: 0; padding: 0; }
#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 .currentpage a { color: #fff; background: #E20074; }

/* main vertical navigation */
#vertikaleNavi 
{ float:left; width: 168px; height: 230px !important; background: #d9d9d9;}
#vertikaleNavi ul
{ list-style: none; margin: 6px 0 0; padding:0; width: 100%; }
#vertikaleNavi p {margin: 6px 12px; }
/* quick poll navigaion */
#quickPollNavi
{ float:left; width: 168px; background: #d9d9d9;}
#quickPollNavi ul
{ list-style: none; margin: 6px 0 0; padding:0; width: 168px; }
#quickPollNavi ul li a {  display: block; padding: 2px 2px 2px 12px; text-decoration: none; border-bottom: 1px solid #fff; }
#quickPollNavi ul li a:hover { background: #666; color: #fff; }
	
/* 1st level */
#vertikaleNavi ul li a { background: url(pfeile_und_icons/quadrat.gif) 12px 7px no-repeat; display: block; padding: 2px 8px 2px 23px; text-decoration: none; }
#vertikaleNavi ul li a:hover { background: #666 url(pfeile_und_icons/quadrat_weiss.gif) 12px 7px no-repeat; color: #fff; }
#vertikaleNavi ul li.currentpage a { background: #e20074 url(pfeile_und_icons/quadrat_weiss.gif) 12px 7px no-repeat; color: #fff; }
#vertikaleNavi ul li a.selecteditem { background: url(pfeile_und_icons/quadrat_weiss.gif) 12px 7px no-repeat; background-color: #999; color: #fff; }

/* 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 36px; 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.selecteditem { background: #e20074 url(pfeile_und_icons/quadrat_weiss.gif) 25px 7px no-repeat; color: #fff; }
#vertikaleNavi ul li ul#nav2 li a.selecteditem:hover { background: #666 url(pfeile_und_icons/quadrat_weiss.gif) 25px 7px no-repeat; color: #fff; }

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

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

/* standard formats (framework) */
form, fieldset { margin: 0; padding: 0; border: 0; }
input, select, textarea { font-family: Arial, Helvetica, sans-serif; }
.formbox { margin: 12px 0 0; } /* standard form container */
p.reihe {	float: left; clear: both; width: 448px; }
p.kommentarreihe { float: left; clear: both; width: 424px; } /* only used on weblog detail pages */
p.reihe label, p.kommentarreihe label { display: block; float: left; line-height: 150%; width: 138px; text-align: left; }

/* global search input */
input.suchfeld { color: #333; font-size: 10px; width: 75px; }
input.suchpfeil { font-size: 10px; margin: 3px 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: 306px; }
select.standardSelect { width: 310px; }
input.standardKnopf { margin-left: 138px; width: 168px; }
input.standardKnopfKlein { margin-left: 138px; width: 88px; }
.ohneAbstandLinks { margin-left: 0 !important } /* used on: Newsversand */
input.optionsKnopf { display: inline; margin: 0px 6px 0 138px; float: left; } /* radio/checkbox */

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

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

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

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

/* 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; margin: 18px 0 0; background: #d9d9d9; }
div.referenzFinderBox { width: 432px; margin: 8px 8px 0; }
select.referenzPullDown { color: #000; width: 432px;	margin: 0 0 8px 0; }
input.referenzSuche { color: #666; width: 426px; text-align: left; margin: 0 0 8px 0; }
input.referenzKnopf { width: 138px; margin: 0 0 8px 0; }

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

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

/* newsbox formats (used only on startpage) */
#newsBox { float: left; margin-left: 12px; height: 230px !important; width: 168px; overflow: hidden; background: #d9d9d9; }
span.newsBoxDatum { font-size: 10px; font-weight: 700; line-height: 150%; }

#fuenfAppetizerArea { float: left; background: url(appetizer_bg.gif) repeat-y; margin: 18px 0 0; width: 888px; }

/* no margin-right for last appetizer box in a row */
.letzte, .letzter { margin-right: 0 !important; }
.appetizerBox { float: left; width: 168px; margin-right: 12px; padding-bottom: 6px; }

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

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

/* in general: used for pages with (!) right column */
#detailseiteArea { background: url('detailseite_bg.gif') repeat-y; margin: 12px 0 0; float: left; width: 888px; }
#contentArea { width: 708px; margin-left: 12px; float: left; }
#contentBox {	width: 448px; } /* if right colum exists, please use #contentBox inside of #detailseiteArea */
#contentBigBox { width: 696px; } /* if right colum doesn't exist, please use #contentBigBox inside of #uebersichtsseiteArea (see below) */

#contentBox, #contentBigBox { display: inline; float: left; margin-left: 12px; }

/* main vertical navigation inside of contentBox */
div#p0 { float: left; margin: 16px 12px 6px 0; width: 200px; background: #d9d9d9; }

/* right column */
#rechteSpalteFuerBoxen { margin-left: 24px; float: left; padding: 18px 0 0 12px; width: 212px; }
.rechteBox { float: left; clear:left; width: 200px; margin: 0 0 18px 0; background: #BECDCF; }
.rechteBox p, .rechteBox p.intro { color: #000; line-height: 125%; margin: 5px 8px 0; }
.rechteBox p { padding-bottom: 6px; }

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

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

/* four teasers used inside of contentBox (Branchen > Automotive, f.e.) */
.boxInContentBoxArea { width: 448px; float: left; clear:left; }
.boxInContentBox { margin: 18px 0 0; width: 218px; float: left; padding-bottom: 6px; background: #d9d9d9; }

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

/* adds a border-bottom to the main vertical navigation */
.bp {	border-bottom: 12px solid #fff; } 

/* boxes and elements in the left column */
.linkeSeiteBox { width: 168px; border-bottom: 12px solid #fff; background: #eee; }
.linkeSeiteBox p { line-height: 125%; margin: 12px; }
.linkeSeiteBox div.grauePfeileLinks { width: 129px; margin: 12px 0 3px 12px; }

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

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

/* Best Practice detail page with special background */
#bpDetailseiteArea { background: url('bp_detailseite_bg.gif') repeat-y; margin: 12px 0 0; float: left; width: 888px; }

/* special right column (content summary) for the Best Practice detail page */
#bpRechteSpalteFuerBoxen { margin-left: 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; float: left; } /* cover */
.bpDownloadBox { width: 220px; display: inline; float: right; margin: 12px 12px 0; background: #d9d9d9; }
.bpDownloadLinkBox { margin: 64px 0 0; float: left; width: 87px; }

/* div containing several (Best Practice) teaser elements */
.bpTeaserContainer,.letzterBpTeaserContainer { float: left; width: 684px; margin: 18px 0 0; }
.bpTeaserContainer { padding-bottom: 12px; background: #d9d9d9; }

/* top stories */
.bpTopStoryContainer { display: inline; margin: 12px 12px 0; padding-bottom: 12px; width: 660px; float: left; border-bottom: 1px solid #999; }
.bpTopStoryContainer img { display: inline; margin-right: 12px; float: left; }

.bpTopStoryContentBox { float: left; width: 511px; }
.bpTopStoryContentBox h2 { color: #333; margin: 0 0 6px; }
.bpTopStoryContentBox p {	margin: 0; }

/* (Best Practice) news container */
.bpNewsContainer { width: 220px; float: left; margin-right:12px; }

/* (Best Practice) small teaser */
.linke { margin-right: 12px; display: inline; } /* also used on left boxInContentBox */
.bpTeaserSpalte {	width: 336px; float: left; background: #d9d9d9; }
img.bpTeaserSpalteHeader { margin: 0 0 8px 0; }

/* small teaser objects */
.bpTeaser {	padding: 0 8px 8px; width: 320px; }
.bpTeaser img { width: 90px; height: 71px; margin: 4px 12px 0 0; float: left; }
.bpTeaser h2 { color: #000; margin: 0 0 6px; font-size: 12px; border-bottom: 1px solid #999; padding-bottom: 3px; }
.bpTeaserTextBox { float: left; width: 218px; }
.bpTeaserTextBox h3 { color: #333; margin: 0; font-size: 14px; }
.bpTeaserTextBox h3 a:hover { color: #e20074; }
.bpTeaserTextBox p { line-height: 150%; margin:3px 0 0; }

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

/* in genereal: used for pages without (!) right column */
#uebersichtsseiteArea { background: url(detailseite_uebersicht_bg.gif) repeat-y; margin: 12px 0 0; float: left; width: 888px; }

/* used on: Branchen, Glossar */
.uebersichtBox { display:inline; margin: 18px 12px 0 0; width: 336px; float: left; background: #BECDCF; }

/* used on: Loesungen, Sitemap */
.uebersichtBoxKlein { display:inline; margin: 18px 12px 0 0; width: 220px; float: left; background: #BECDCF; }
.uebersichtBoxKlein .grauePfeileLinks ul li a { font-weight: 700; } /* everything bold */

/* teaser intro text used on: Branchen and Loesungen */
.uebersichtBoxIntroText { width: 336px; padding-bottom: 4px; border-bottom: 1px solid #7d9ba0; background: #BECDCF; }
.uebersichtBoxIntroText p, .uebersichtBoxKleinIntroText p { line-height: 125%; margin: 4px 8px 4px; }
.uebersichtBoxKleinIntroText { width: 220px; padding-bottom: 4px; border-bottom: 1px solid #7d9ba0; background: #BECDCF; } /* 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; }

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

/* standard format */
a:link, a:visited, a:active { color: #000; text-decoration: none; }
a:hover { color: #e20074; text-decoration: none; }
a.linkInText {color: #e20074; text-decoration:underline; }

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

/* function icons (page up, print etc.) */
#icons { background: url('detailseite_bg.gif') repeat-y; } /* with (!) right column background */
#uebersichtsseiteIcons { background: url('detailseite_uebersicht_bg.gif') repeat-y;} /* without (!) right column background */
#bpIcons { background: url('bp_detailseite_bg.gif') repeat-y; } /* only used on: Best Practice detail page */
#icons, #uebersichtsseiteIcons, #bpIcons { clear: both; float: left; width: 888px; padding: 24px 0 15px; }

#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(pfeile_und_icons/pfeil_grau_oben.gif) 0 3px no-repeat; }
a.nachOben:hover { background: url(pfeile_und_icons/pfeil_magenta_oben.gif) 0 3px no-repeat; color: #e20074; }
a.zurueck { background: url(pfeile_und_icons/zurueck_grau.gif) 0 3px no-repeat; }
a.zurueck:hover { background: url(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(pfeile_und_icons/plus.gif) 0 3px no-repeat; }
a.minus, a.minus:hover { background: url(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: #000; display: block; margin: 0; padding: 0 0 5px 16px; background: url('pfeile_und_icons/pfeil_grau.gif') no-repeat 0 3px; }
a.empfehlen, a.drucken { background: url('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('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 { width:100%; }
.headerInContentPetrol { float:left; clear:left; background: #005A5F; margin: 18px 0 0; width:100%; }
.headerInContentGrau { clear:left; font-weight: 700; padding: 2px 8px;  color: #000; background: #D9D9D9; }

/* search result page header */
#suchergebnis .headerContainer { width:684px; }

/* browse results */
.blaettern { 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.trenner { padding: 0 4px; } 

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

#kleinePressebilderContainer, #ansprechpartnerContainer, #managementContainer {	margin: 12px 0 0; width: 448px;}
.kleinePressebilderBox, .ansprechpartnerBox { width: 218px; float: left; margin: 0 012px 0; }
.managementBox { float: left; width: 448px; margin: 0 0 12px 0; }
.ansprechpartnerBox img, .managementBox img { float: left; margin-right: 12px; }

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

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

/* location pull down menus in left column */
label.laenderAuswahlHeader { font-size: 12px; margin: 6px 12px 3px 12px; display:block; width:144px }
select.laenderAuswahl { color: #000; font-size: 10px; margin: 0 12px 6px 12px; width: 144px; }

/* ----------  Popups  ---------- */

#popup {	margin: 12px auto 0; width: 472px; }
#popupInnen { width: 448px; padding: 12px; text-align: left; background: #fff; }

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

/* swf-container */
.webCast { float:left; width:200px; background: none; margin:0 0 2px; } /* swf with 200px width */

/* ----------  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 #999; margin: 12px 0 0; }
.blogPostingMeta p { text-align: left; margin: 3px 0 0; }
.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; width:424px; 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: #d9d9d9; } /* alt comments background color */
.blogKommentare.eintragen { background: #BECDCF; } /* enter comments box background color */

/* blog module: search */
#blogSucheContainer { margin: 8px 8px 8px; width:184px; }
input.blogSucheEingabefeld { font-size: 10px; width: 182px; padding:0; }
input.blogSucheKnopf { width: 88px; padding:0; margin: 3px 0 0; }

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

/* tab navigation */
#tabNavigation { height:19px; width:708px; background: #fff; }
#tabNavigation ul { margin:0; padding:0; list-style:none; }
#tabNavigation ul li { float:left; }
#tabNavigation ul li a { display:block; padding: 2px 8px; background: #d9d9d9; margin: 0 4px 0 0; }
#tabNavigation ul li.selected a { display:block; padding: 2px 8px; background: #eee; margin: 0 4px 0 0; }

/* quick poll site -> see quickpoll.css */