/* ##----------------------------------------------------------------------------- ## Resource: /apps/all/docroot/css/content.css ## Beschreibung: Formatierungen fuer HTML im Contentbereich ## History: ## 10.03.2009 itools/bjo Umbau der CSS fuer neues DKM Layout ## 10.06.2008, rvo: Anpassungen Layout erste Komponente (T01882480) ## 01.05.2008, rvo: Anpassungen Abstaende Checkboxen (T01836477) ## 17.04.2008, rvo: Anpassungen Style und Layout Prozessseite und Textseite ## 31.03.2008, rvo: Anpassung der Breite fuer Radiobutton-Feler (OGE000096) ## 10.03.2008, rvo: Anpassungen Layout Externe Inhalte ## 04.03.2008, rvo: Behebung kleiner CSS-Fehler (T01771564) ## 26.02.2008, rvo: Anpassunge Zielgruppeneinstiegsseite (T01466231) ## 26.02.2008, rvo: Anpassung Linkliste (T01586279) ## 25.02.2008, sgr: h1.colheadline von 16px auf 14px ge�ndert;Betroffen Zielgruppeneinstiegseite Komponenten: Text mit Bild, Teaser, Externer Inhalt (T01466231) ## 22.02.2008, rvo: Anpassung Link "contact" (MSF000267) ## 22.02.2008, rvo: Anpassung Zeilgruppeneinstiegsseite (T01624619) ## 22.02.2008, rvo: Reiter-Problem der Prozessseite mit Firefox behoben ## 13.02.2008, rvo: Layout Anpassung (Bild mit Text) f�r Mitarbeiterseite (f�r IE6, IE7, Firefox) ## 08.02.2008, rvo/pha:neue Layout-Elemente f�r Prozessseite bei variierender Reiterzahl ## 01.02.2008, rvo: Zeilenumbruch bei radiotext angepasst (21EBKR077) ## 30.01.2008, mmu: Elemente fuer dynamische Breitenangabe der Reiterueberschriften in Abhaengigkeit ## der Anzahl der aktivierten Reiter (MSF000247) ## 29.01.2008, mmu: Aenderung der Spaltenbreite in der Mitarbeiterseite gemaess Styleguide (T01537940) ## 27.11.2007, ple: fieldlabelshort Breite gel�scht (T01467945) ## 26.11.2007, oge: #content div.content_standard_popup: margins eingestellt ## 29.08.2007, ple: FCKEditor Farben color 1 und color 2 aktiviert ## 29.08.2007, ple: FCKEditor Farben aktiviert ## 29.08.2007, mmu: #sitemap span.navtree breite fuer 3 spalten korrigiert und gemaess Styleguide angepasst ## 22.08.2007, mob: #sitemap span.navtree breite fuer 3 spalten korrigiert (T01488818) ## 24.07.2007, mmu: headlines_590 fuer komplette Breite in "Variable Inhalte" eingefuegt. ## 17.07.2007, mob: icons in zusatzfunktionsleiste konfigurierbar ins XSL verlagert (MFO00048) ## 28.06.2007, mmu: cursor fuer process navigation (T01476819) ## 08.05.2007, mfr: h1.mainheadline: margin-top von 10px auf 20px zurueckgeaendert & headertext von 30 auf 15px (GHE000079) ## 30.04.2007, mmu: h1.mainheadline: margin-top von 20px auf 10px geaendert (MSF000184) ## 27.04.2007, mmu: Formatierungen f�r die 1. Spalte und Zeile (wenn Titel) hinzugefuegt. ## 27.04.2007, mmu: procssnavtabs nach neuem Styleguide angepasst (Version 1.2, Seite 50) ## 25.04.2007, oge: neues Format: #content ul.backlink, (GHE000060) ## #content ul.linklist a, #content ul.linklist a:visited, #content ul.linklist a:active von #616161 auf #ec008c gesetzt ## Hinweistext: alles rot, statt nur der plaintext (GPO000015) ## headlines_390 padding-top 5px eingefuehrt ## 20.04.2007, mmu: Formatierung fuer Prozessnavi eingefuegt ## 19.04.2007, mmu: Linklist-Formatierungen fuer die Textseite eingefuegt: z. B. u. ul.linklist .text ## 29.03.2007, mfr: formgeneric margin-top 20px lt. Styleguideverwandten (T01334543) ## 29.03.2007, oge: div.processnavtabs: height 20px geloescht, processtab: clear:both hinzugefuegt T01353693. ## 10.03.2007, mmu Newsletter-Formatierungen eingefuegt. ## 24.01.2007, mfr: #content div.content_widecolfull img {margin-bottom:10px;} ## herausgenommen (wg. FF SGR000055) ## 23.01.2007, oge: submitbuttons: cursor geaendert, so dass der button als solcher erkennbar ist ## 04.01.2007, mfr: content_widecol_external um 5px verbreitert (wg. FF CUL000123) ## 04.01.2007, mfr: Klasse content_widecol_extenal in pcontent_widecol_external umbenannt ## 03.01.2007, mfr: employeedata,ap_employee angepasst (wg. IE7, MFO00029) ## 27.12.2006, mob: .fctbar .completion in .product geaendert (SGR000052) ## 27.12.2006, mfr: content_widecol: height in min-height geaendert (wg. IE7, MFO00027) ## 19.12.2006, mfr: bannercontainer: width auf 600px umgestellt (vorher 100%) ## 08.12.2006, mfr: content_widecol: height in min-height geaendert (wg. IE7) ## 29.11.2006, maf: Ausrichtung erlauben (Bug T01233139) ## 28.11.2006, maf: div.content_widecol_extenal eingrfuehrt (T01246729) ## 13.11.2006, oge: T01185787: neue Klasse vspace ## 05.10.2006, oge: FLI000033 neue Klasse previewvalue fuer Formularfelder im Preview ## 19.09.2006, oge content_widecolfull: margin und padding auf 0 gesetzt (T01164585) ## 18.09.2006, oge content_widecolfull: 5px weniger margin nach links (T01164585) ## #content h1.colheadline: 4px weniger padding nach oben ## 12.09.2006, mob formgeneric checkboxes wie radiobuttons rendern (T01139637) ## 07.09.2006, mob formgeneric radiobuttons mit display:table versehen (T01138099) ## 08.06.2006, dli content_dpa width auf 430px reduziert ## 06.06.2006, mob pocessnavi von links auf buttons umgestellt ## 31.05.2006, mob margin-top bei listmagic, div.content_dpa eingefuehrt ## 23.05.2006, mob Prozessnavi Tabs Borderbreite 1px, .headlines bekommt margin-bottom 10px, margin-left employeetab erhoeht ## 22.05.2006, mob Formulare: Label in gleicher Zeile bekommen kurze Mindestlaenge ## 19.05.2006, mob Margin-Bottom bei Jobcode entfernt ## 17.05.2006 oge Formulare: Reset, weiter, drucken...Text+Grafik realisiert ## 11.05.2006 oge Mitarbeiter: Tabelle statt divs ## 09.05.2006 oge Formulare: Submit-Text+Grafik realisiert ## 04.05.2006 oge Banner: neue Klasse bannercontainer (Zentrierung) ## 03.05.2006 oge Linkliste: Links jetzt grau statt orange ## ap_standard: subhead neu ausgerichtet (h2.textheadline) ## 29.04.2006 oge formgeneric .pagereset auf formgeneric .reset geaendert ## 28.04.2006 oge Klassen fuer formgeneric neu eingefuegt ## spezifische error und addnotes Klassen durch allgemeine fuer ## alle Formfelder gueltige ersetzt ## Klasse formlabel durch fieldlabel ersetzt ## 27.04.2006 beg: strong/em/u-Theater fuer FCKEditor (Bug RRE000009) ## 26.04.2006 oge: div.coltextfixedinner: 5px Padding nach rechts, ## neue Definition content_widecolfull ## 30.03.2006 dli: Generische Formulare ## 14.03.2006 oge: greybackground50 Hoehe auf 50px gesetzt ## 13.03.2006 oge: greyheadline von 20px auf 18px Hoehe reduziert ## 23.02.2006 mob: Sitemap neu formatiert ## 16.02.2006 mob: neue Definitionen #content .ap_standard, .ap_employee und ap_branch ## 14.02.2006 oge: neue Definition #content div.content_widecol0 h2 ##----------------------------------------------------------------------------- */ * {font:12px Arial,Verdana,Helvetica,sans-serif; text-decoration: none;} body {height:100%; background-color:#FFFFFF; margin:0px 0 30px 0; color:#191c1c;} a { color:#191c1c;} /* ie unterstuetzt kein inherit */ .color1 {color:#595e5e;} .color2 {color:#723b5c;} .marginleft {margin-left:10px;} .clear {clear:both; height:1px; overflow:hidden; padding:0; margin:0;/*margin-bottom:-14px;*/} .vspacer {width:50%; height:20px;} .vspacer_textpage {width:50%; height:6px;} #content div.rssfeeds {margin-top:5px;} #content div.rssfeeds ul{list-style-image:url(../images/rss_icon.gif); margin-top:10px; margin-left:4px; _margin-left: -3px; #margin-left: -4px;} #content div.rssfeeds ul li{ _padding-left: 6px; #padding-left: 6px; margin-top:5px;} #content div.searchresult {margin-top:20px; padding:10px 0 0 5px;} #content div.searchresult h2 {padding-bottom:20px; font-size:12px; font-weight:bold;} #content div.searchresult { margin-top:10px; padding:10px 0 0 5px; } #content div.searchresult h2 { padding-bottom:20px; font-size:12px; font-weight:bold;} #content div.searchresult ul {list-style-type:none; margin:0; padding:0;} #content div.searchresult ul li {list-style-type:none; margin:0; padding:0 0 20px 0;} #content div.searchresult ul li .hitheadline {margin-bottom:3px; font-weight:bold; } #content div.searchresult ul li .hittext {margin-bottom:3px;} #content div.searchnavi {width:44em; text-align:right; color:#616161; margin-bottom:5px; border:1px solid #edf0f0; padding:3px 5px; margin:5px 0 5px 5px;} #content div.searchnavi a.searchnavilink {color:#616161; text-decoration:underline;} #content a, #content a:visited, #content a:active {text-decoration:none; color:#ec008c;} #content a:hover {text-decoration:underline;} #content .errortext {color:red;} #content div.greybackground50 { background-color:#f0f2f2; min-height:3.20em;_height:3.20em; /*border:1px #D1D3D4 solid;*/background-image:url(../images/dkm_bg_greybackground50.jpg); background-position:left bottom; background-repeat:repeat-x; color:#191c1c; padding-top:0; padding-bottom:5px; } #content div.greybackground {background-color:#f0f2f2; min-height:1.75em; *height:1.75em; margin:0; padding:0; background-image:url(../images/dkm_bg_greybackground.jpg); background-position:left bottom; background-repeat:repeat-x; color:#191c1c; } #content div.col1of3, #content div.col2of3, #content div.col3of3 {float:left; width:190px;} /* RVO 22.02.2008 --> T01624619 */ #content div.content_3cols div div.clear {clear:both; height:0px;} /* Teaser, Textimage and External Content components in Zielgruppeneinstiegseite */ #content div.content_3cols div.greybackground50 h1.colheadline {font-size:13px; line-height:14px; color:#191c1c; padding-right:5px; margin-left:5px!important; } #content div.content_3cols div.greybackground50 h1.colheadline a { font-weight:bold; color:#191c1c;} #content div.content_3cols div div.greybackground50 h1.colheadline a:hover {text-decoration:none; } #content div.col2of3, #content div.col3of3 {margin-left:10px;} #content div.content_3cols {margin-top:14px; margin-bottom:0; position:relative; padding-top:70px; *position:static; *top:0; *padding-top:0;} #content div.col1of3, #content div.col2of3, #content div.col3of3 { float:left; width:15.83em; overflow:hidden; *padding-top:70px; *position:relative; } #content div.col1of3 img, #content div.col2of3 img, #content div.col3of3 img { position:absolute; top:0!important; } #content div.col1of3 .control table nobr img, #content div.col2of3 .control table nobr img, #content div.col3of3 .control table nobr img { width:auto; position:relative; } #content div.content_3cols .control { position:absolute!important; *position:relative!important; z-index:100!important; top:-30px; margin-top:-30px!important; *margin-top:0!important; left:auto!important; } #content div.content_3cols .control table { position:absolute!important; z-index:110!important; left:auto!important; margin-top:0; *margin-top:-90px!important;} #content div.content_widecol, #content div.content_widecol0, #content div.content_standard {width:35.83em; clear:both; } #content div.content_widecol h2 {padding:0 0 5px 0; } /* fuer Teaser Bloecke - Contentbereich ist verbreitert */ #content div.content_widecolfull { clear:both; width:49.17em; margin:14px 0 0 0; min-height:70px; } #content div.content_widecolfull .greybackground { margin-bottom:3px; } /* fuer dpa news */ #content div.content_dpa { clear:both; width:35.83em; margin:70px 0 0 5px; } #content div.content_widecol { margin:20px 0 0 0; min-height:70px; } /*rvo marging top from 20 to 0 */ #content div.content_widecol_external { width:47.67em; _width:47.55em; clear:both; margin:15px 0 0 0; } #content div h2 { margin-bottom:3px; } #content div.content_widecol_external h2 { font-size:13px; margin-bottom:3px; } #content div.content_widecol_external ul { margin-bottom:20px; } #content div.content_widecol_external div.float_left img { margin-right:10px!important;} #content div.float_left img {margin-right:10px;} #content div.content_widecol img {margin-bottom:10px;} #content div.content_widecol0, #content div.list h2 {padding-left:0;} #content div.content_widecol0 { margin-top:15px;} #content div.content_standard, #content div.content_standard_popup {margin:10px 0 0 5px;} #content div.content_standard h2 {margin-bottom:5px;} #content .linklisttemplate ul.linklist li a {color:#616161 !important;} #content .linklisttemplate ul.linklist li a:hover {color:#ec008c!important;} #content table tr td .linklisttemplate ul.linklist {margin-bottom:2px; margin-top:2px;} #content table tr td .linklisttemplate ul.linklist {width:41.5em;} /* ## rvo/pha: new processpage layout for tabs ## diffent design for different number of tabs */ #content div.processnavtabs {width:auto; margin:5px 0 0 0; background-repeat:no-repeat; background-position:1px 5px; } #content div.processnavbottomline {width:590px; height:34px; padding:0 0 0 0; padding-top:34px; } #content div.processnavtabs div {float:left; border-bottom:1px solid #c6cacb; padding:4px 5px 0 5px; height:2.53em; border:0;} #content div.processnavtabs div.whitetab { position:relative; z-index:0; _z-index:-1; width:49.9em; padding:6px 0 0 0; height:3.37em;} #content div.processnavtabs div.whitetab div.tabContainer { position: absolute; padding-left:0px; border-bottom: none !important; margin-left:-3px; } * html #content div.processnavtabs div.whitetab div.tabContainer { position: absolute; left:-3px; } #content div.processnavtabs div.whitetab div.tabContainer div.tab { margin-top:4px; border-top:1px solid #c6cacb; height:2.28em; background-color:#fbfcfa; background-image:url(../images/dkm_verlauf_processnavi.gif); background-position:left bottom; background-repeat:repeat-x; padding-top:4px; overflow:hidden; text-align:center; z-index:101; position:relative; border-left:1px solid #c6cacb; border-right:1px solid #c6cacb; margin-left:3px;} #content div.processnavtabs div.whitetab div.tabContainer div.tab:hover { } #content div.processnavtabs div.whitetab div.tabContainer div.tabactive { height:2.62em; padding-top:5px; border:1px solid #c6cacb; border-right:1px solid #c6cacb; border-bottom:0px; z-index:1000; text-align:center; overflow:hidden; position:relative; background-color:#fff; margin-left:3px; padding-left:10px; } * html #content div.processnavtabs div.whitetab div.tabContainer div.tabactive { } #content div.processnavtabs div.whitetab div.tabContainer div.processnavborder {margin:0 0 0 0; margin-top:5px; padding:0 0 0 0;} #content div.processnavtabs div.whitetab div.tabContainer div.tab div.five {/*width:7.65em; */ max-width:7.65em; *max-width:7.80em; overflow:hidden; text-align:left; } #content div.processnavtabs div.whitetab div.tabContainer div.tab div.four {/*min-width:7.25em; _width:10.20em; */ max-width:10.10em; *max-width:12.20em; overflow:hidden; text-align:left; } #content div.processnavtabs div.whitetab div.tabContainer div.tab div.three { /*min-width:10.42em; _width:14.25em; */max-width:14.2em; *max-width:14.55em; overflow:hidden; text-align:left; } #content div.processnavtabs div.whitetab div.tabContainer div.tab div.two { /*min-width:10.42em; */ max-width:22.40em; *max-width:22.50em; overflow:hidden; text-align:left; } #content div.processnavtabs div.whitetab div.tabContainer div.tab div.width_76 {max-width:5.93em; * max-width:6.0em; overflow: hidden; text-align:left; } #content div.processnavtabs div.whitetab div.tabContainer div.tabactive div.five { /*min-width:5.83em; max-width:7.95em; _width:7.85em; */ max-width:7.65em; *max-width:7.80em; overflow:hidden; text-align:left; } #content div.processnavtabs div.whitetab div.tabContainer div.tabactive div.four { /*min-width:7.25em; max-width:10.1em; _width:10.15em; */max-width:10.10em; *max-width:11.10em; overflow:hidden; text-align:left;} #content div.processnavtabs div.whitetab div.tabContainer div.tabactive div.three { /*min-width:10.42em; */ max-width:14.2em; max-width:14.35em; overflow:hidden; text-align:left; } #content div.processnavtabs div.whitetab div.tabContainer div.tabactive div.two {/*min-width:10.42em; */ max-width:22.40em; *max-width:22.50em; overflow:hidden; text-align:left; } #content div.processnavtabs div.whitetab div.tabContainer div.tabactive div.width_76 { /*width:6.02em; _width:6.00em; */ max-width:5.93em; * max-width:6.0em; overflow: hidden; text-align:left; } #content div.processnavtabs div.whitetab div.tabContainer div.tab div a.tablink { padding-left:5px; font-size:12px; font-weight:bold; text-decoration:none; color:#000000; white-space:nowrap; } #content div.processnavtabs div.whitetab div.tabContainer div.tab div a:hover { font-size:12px; font-weight:bold; text-decoration:none; color:#ec008c; } #content div.processnavtabs div.whitetab div.tabContainer div.tabactive div a.tablink { color:#000; } #content div.processnavtabs div.hidden {background-color:#EEEEEE; color:#666666;} #content div.processnavtabs div.processnavline {width:1px; height:100%; border-bottom:1px solid #FFFFFF; margin: 0 0 0 0; padding: 0 0 0 0; background-image:url(../images/dkm_trenner_processnavi_weiss.gif); float:left; } /* ## end diffent design for different number of tabs */ #content div.processnavtabs div.whitetab div.tabactive {padding-top:5px; border:1px solid #c6cacb; border-bottom:1px solid #FFFFFF; position:relative; z-index:100; text-align:center; overflow:hidden; } #content div.processnavtabs div.tabactive div.width_273 {width:273px; } #content div.processnavtabs div.tabactive div.width_174 {width:174px; } #content div.processnavtabs div.tabactive div.width_125 {width:125px; } #content div.processnavtabs div.tabactive div.width_96 {width:96px; } #content div.processnavtabs div.tabactive div.width_76 {width:76px; } #content div.processnavtabs div a.tablink {font-size:12px; font-weight:bold; text-decoration:none; color:#7A7A7A;} #content div.processnavtabs div.tablink a:hover {font-size:12px; font-weight:bold; text-decoration:none; color:#828282;} #content div.processnavtabs div.tabactive a.tablink {color:#616161;} #content div.processnavtabs div.hidden {background-color:#EEEEEE; color:#666666;} #content div.processnavtabs div.processnavline {width:1px; height:100%; border-bottom:1px solid #FFFFFF; margin: 0 0 0 0; padding: 0 0 0 0; background-image:url(../images/dkm_trenner_processnavi_weiss.gif); float:left; } #hnav span {display:block; margin:0; padding:6px 8px 2px 8px; height:16px; float:left;} #hnav span a {font-weight:bold; font-size:12px; line-height:1em;} #hnav div.hauptnavline {width:2px; height:100%; float:left;} #content div.processnavi {width:49.17em; height:20px; margin:25px 0 0 0;} #content div.processnavi div.back {float:left; margin-left:5px;} #content div.processnavi input.back {cursor:pointer; background-image:url(../images/dkm_icon_less.gif); background-repeat:no-repeat; background-position:0px 4px; padding-left:15px; text-align:left; border:0px none white; background-color:white; color:#000; font:12px Arial; } #content div.processnavi div.fwd { float:right; margin-right:25px;} #content div.processnavi input.fwd {cursor:pointer; background-image:url(../images/dkm_icon1_more.gif); background-repeat:no-repeat; background-position:right 0.25em; padding-right:15px; padding-bottom:5px; text-align:right; width:auto; border:0px none white; background-color:white; color:#000; font:12px Arial; } #content div.processtab { border:1px solid #c6cacb; border-top:1px solid #c6cacb; width:47.3em; clear:both; padding:10px; *width:47.3em; _width:47.3em; overflow:hidden;} * html #content div.processtab {position:relative; z-index:-10;} #content h1 {font-weight:bold; margin:0;} #content h1.mainheadline { font-size:15px; line-height:18px; color:#ec008c; margin-top:20px; padding-bottom:3px; } #content h1.mainheadlinenl {font-size:16px; line-height:18px; color:#ec008c; margin-top:10px; padding-bottom:3px;} #content h1.formheadline {font-size:16px; line-height:18px; color:#ec008c; margin-top:0px; padding-bottom:3px;} #content h2.formheadline { font-size:14px; color:#191c1c; } #content h1.mainheadlinepopup {font-size:16px; line-height:18px; color:#ec008c; margin-top:20px; padding-bottom:3px;} #content h1.colheadline {font-size:16px; line-height:18px; color:#FFFFFF; padding-top:8px; margin-left:10px;} #content h1.textheadline {font-size:14px; color:#616161; margin:20px 0 10px 0;} #content h2 {font-size:12px; font-weight:bold; line-height:140%; padding:0; margin:0; color:#191c1c;} #content h2.subheadline {clear:both;} #content h2.colheadline {margin-left:10px;} #content h2.widecolheadline {margin-left:6px; padding-top:3px; padding-bottom: 2px; } #content h2.widecol0 {} #content h2.textheadline {margin-top:10px; padding-left:5px;} #content div.headertext { margin-top:15px; line-height:130%!important; } #content div.listmagic {margin-top:20px;} #content .headlines {float:left; margin-top:0px; margin-bottom:10px; padding-left:5px; width:18.33em; } #content .headlines.float_left {padding-left:0; } #content .headlines .hinttext_subheadline h2{color:#FF0000;} #content .headlines h2.imagefullwidth{margin-top:20px;} #content .headlines_nopic { padding:5px 0 0 0; float:left; margin-top:0px; width:420px; } #content .headlines_590 {padding:5px 0 0 10px; float:left; margin-top:0px; width:420px;} #content .headlines_430 {padding:5px 0 0 0; float:left; margin-top:0px; width:35.83em; } #content .processpage_headlines_430 {padding:0 0 0 5px; float:left; margin-top:0px; width:430px;} #content .pageHeader_430 {width:430px; margin-bottom: 10px; padding: 0px 0px 0px 10px; float:left;} #content .headlines_390 {padding:5px 0 0 10px; float:left; margin-left:10px; margin-top:0px; width:30.83em; } #content .headlines_220 {padding:5px 0 0 10px; float:left; margin-left:10px; margin-top:0px; width:18.33em; } #content .headlines_290 {padding-left:10px; float:left; margin-top:0px; width:24.17em; } #content .headlines_190 {padding-left:10px; float:left; margin-top:0px; width:15.83em; } #content .headlines_nowidth {padding-left:10px; float:left; margin-top:0px;} #content .headlines_375 {padding:10px 0 0 0; float:none!important; margin-top:0px; /*width:31.25em;*/ width:47em; *width:auto; *padding-right:50px;} /* RVO Anpassungen f�r Variable Inhalte */ #content div div div.headlines_590_var {margin-left:10px; float:left; margin-top:20px; margin-bottom:10px; width:35.00em;} #content div div div.headlines_nopic_var {margin-left:10px; float:left; margin-bottom:10px; width:35.00em; } � #content div div div.headlines_var {float:left; margin-top:0px; margin-bottom:10px; width:18.33em; margin-left:0;} #content div div div.headlines_290_var {float:left; margin-top:0px; margin-bottom:10px; width:24.17em;} #content .contentblock {margin-top:10px; clear:both;} #content .contentblock22 {margin-top:22px;} #content .iframe { z-index:99; scrolling:auto!important;padding-top:20px; } #content div.formgeneric {margin-top:20px;} #content div.formgeneric div.formtext {margin-bottom:5px;} #content div.formgeneric div.hinweistext {font:12px Verdana; color:#723b5c; margin-bottom:5px; } #content div.formgeneric input.pagenext, #content div.formgeneric input.reset, #content div.formgeneric input.pageprint, #content div.formgeneric input.pageprevious, #content div.formgeneric input.pagesubmit, #content div.newsletterform input.pagesubmit, #content div.formgeneric input.pagepreview { border:3px solid #edf0f0; background-color:white; color:#ec008c; font:12px Verdana; background-repeat:no-repeat; background-position:3px 0.4em; padding:2px 5px 2px 22px;text-align:left; *overflow:visible; } #content div.formgeneric input.reset {background-image:url(../images/dkm_icon1_more.gif);} #content div.formgeneric input.pagesubmit, #content div.newsletterform input.pagesubmit {background-image:url(../images/dkm_icon1_more.gif);} #content div.formgeneric input.pagenext {background-image:url(../images/dkm_icon1_more.gif);} #content div.formgeneric input.pagepreview {background-image:url(../images/dkm_completion.gif); padding-left:24px;} #content div.formgeneric input.pageprint {background-image:url(../images/dkm_print.gif);} #content div.formgeneric input.pageprevious {background-image:url(../images/dkm_icon_less.gif);} #content div.formgeneric div.margin {margin-bottom:3px;} /*bei bedarf wieder aktivieren.. mouse over bewirkt flackern der grafik */ /*#content div.formgeneric input.pagesubmit:hover, #content div.formgeneric input.pagepreview:hover {text-decoration:underline;}*/ #content div.coltext {padding:8px 0 0 0; margin-top:0; clear:both; } #content .col1of3 .coltext, #content .col2of3 .coltext, #content .col3of3 .coltext {padding:8px 0 0 5px; } #content .col1of3 .coltext div, #content .col2of3 .coltext div, #content .col3of3 .coltext div {display:inline; } #content .coltext a {font-weight:bold!important; margin-left:2px;} #content div.coltextfixed { width:33.30em; min-height:5.80em; _height:5.80em; float:left; } #content div.coltextfixedwide {border:1px solid #D1D3D4; border-top:none 0px #FFFFFF; width:588px; min-height:69px; _height:69px; float:left; margin-right:-3px;} #content div.subheading {margin:10px 0 0 5px;} #content div.coltextfixedinner {padding:0 10px 0 6px; color:#191c1c;} #content div.coltextfixedinner a {font-weight:bold; } #content span.subsubheadline {font-size:12px; font-weight:bold; color:#595e5e; } #content div.headlines_var span.subsubheadline {color:#191c1c; } #content table.standard { margin:0 0 0 0; padding:0px; width:47.0em;} #content td.tdbg1, #content td.tdbg2 { margin:0px; padding:6px 8px!important; } #content td.tdbg2, #content th.tdbg2 {background-color:#f3f3f3; border:1px solid white; } #content td.tdbg1, #content th.tdbg1 {background-color:#dee4e4; border:1px solid white; } #content td.tdtext_left {text-align:left;} #content td.tdtext_center {text-align:center;} #content td.tdtext_right {text-align:right;} #content td.tdvertical_top {vertical-align:top;} #content td.tdvertical_center {vertical-align:center;} #content td.tdvertical_bottom {vertical-align:bottom;} #content td.nothing {margin:0; padding:0;} #content th.standard { margin:0px; padding:0 0 0 5px; font-weight:bold; border:1px solid white; text-align:left;} #content th.tdbg1, #content td.tdbg2 {margin:0px; padding:4px 5px; } #content th.tdbg2 { border:1px solid white; } #content th.tdbg1 { border:1px solid white; } #content th.tdtext_left {text-align:left;} #content th.tdtext_center {text-align:center;} #content th.tdtext_right {text-align:right;} #content th.tdvertical_top {vertical-align:top;} #content th.tdvertical_center {vertical-align:center;} #content th.tdvertical_bottom {vertical-align:bottom;} #content th.nothing {margin:0; padding:0;} #content ul {margin: 0; padding:0; padding-left:20px; margin-bottom:10px;} #content ul.linklist {list-style-image:url(../images/dkm_linklist.gif); margin-top:10px; border:3px solid #edf0f0; display:block; width:43.0em; padding:20px 10px 20px 30px;} #content ul#searchlist li { border:3px solid #edf0f0; display:block; width:43.0em; padding:10px 10px 10px 10px; margin-bottom:10px;} #content .content_standardlinklisttemplate ul.linklist {} #content ul.linklist h2 {margin:15px 0 5px -17px;} #content ul.linklist a, #content ul.linklist a:visited, #content ul.linklist a:active { text-decoration:none; color:#000000!important; font-weight:bold; vertical-align:middle;} #content ul.linklist a:hover {color:#ec008c;} #content ul.linklist .text a, #content ul.linklist .text a:visited, #content ul.linklist .text a:active {color:#ec008c;} div#content ul.backlink {margin-top:30px; list-style-image:url(../images/dkm_icon_less.gif);} #content ul li {padding:0; margin:0;} /* RVO T01586279 */ #content ul.linklist li {margin-bottom:4px; v-align:baseline; *margin-left:-3px; } #content ul.linklist li div {margin-left:-2px; *margin-left:-3px; padding-left:0!important; } #content ul.linklist li .text { margin-left:0; *margin-left:-3px; padding-left:0!important; } #content ul.linklist li a { *margin-left:-3px; } #content ul.linklist li a:hover {text-decoration:underline; } #content ul.linklist li div a { *margin-left:0; } #content ul h2 {margin:5px 0 5px -17px;} #content .ap_employee {margin:30px 0 0 0; clear:both;} #content .employeedata {margin:0 0 0 24px; _margin-left:10px; float:left;} #content .employeedata table.employeetab {margin-top:-5px; #margin:0 0 0 24px; #float:left;} #content .employeedata table.employeetab td {vertical-align:top;} #content .ap_employee .keyvalue {} #content .ap_employeepic {min-height:115px; _height:115px;} #content .ap_employee .key {width:135px; margin-left:20px; font-size:12px; line-height:1.3em; float:left;} #content .ap_employee .value {width:315px; margin:0 0 0 15px; font-size:12px; line-height:1.3em;} #content .ap_employee .value_b {margin:0 0 0 30px; font-weight:bold; font-size:12px; line-height:1.3em;} #content .ap_standard {margin:20px 0 0 5px;} #content .ap_standard .key {margin:0; float:left;} #content .ap_standard .value {margin:0;} #content .ap_standard .value_b {margin:0 0 0 5px; font-weight:bold;} #content .ap_standard h2.textheadline {padding:0;} #content .ap_standard div.jobcode {font-weight:bold; font-size:12px; line-height:1.3em; color:#ec008c;} /*#content .value_j {display:block; margin:0 0 20px 5px; font-weight:bold; font-size:12px; line-height:1.3em; color:#ec008c}*/ #content table.ap_branch {margin:0; padding:0px; width:35.83em; border-collapse:collapse;} #content td.col1_grey {width:125px; padding:6px; background-color:#E8E9E9; border:2px solid #FFFFFF; vertical-align:top;} #content td.col2_grey {padding:6px; background-color:#E8E9E9; border:2px solid #FFFFFF;} #content td.col1_white {width:125px; padding:6px; background-color:#F6F6F6; border:2px solid #FFFFFF; vertical-align:top;} #content td.col2_white {padding:6px; background-color:#F6F6F6; border:2px solid #FFFFFF;} #content .ap_branch .key {margin:0 5px 0 0; font-size:12px; line-height:1.3em;} #content .ap_branch .value {margin:0; font-size:12px; line-height:1.3em;} #content table .colheadline {margin-left:0;} #content #fctbar {align:left; margin-top:20px; margin-bottom:30px; } #content #fctbarclose {float:right;} #content .fctbar ul {list-style-type:none; list-style-image:none; margin-top:10px; padding:0; padding-top:10px; clear:both; } #content .fctbar ul li {float:left; margin-left:5px; margin-right:15px; padding-left:20px; background-image:url(../images/dkm_fctbarDefault.gif); background-repeat:no-repeat; background-position:-1px 0px;} #content .fctbar ul li a {color:#000;} #content .fctbar ul li.print {background-image:url(../images/dkm_print.gif);} #content .fctbar ul li.bookmark {background-image:url(../images/dkm_bookmark.gif);} #content .fctbar ul li.recommend {background-image:url(../images/dkm_recommend.gif);} #content .fctbar ul li.product {background-image:url(../images/dkm_completion.gif);} #content .fctbar ul li.conditions {background-image:url(../images/dkm_conditions.gif);} #content .fctbar ul li.details {background-image:url(../images/dkm_details.gif);} #content .fctbar ul li.contact {background-image:url(../images/dkm_contact.gif);} #content .fctbar ul li.close {background-image:url(../images/dkm_icon1_more.gif);} #content #sitenavi ul {list-style-type:none; list-style-image:none; margin-top:10px; padding:0; padding-top:10px; clear:both;} #content #sitenavi ul a.pageprevious, #content #sitenavi ul li.pageprevious {float:left; padding-left:20px; cursor:pointer;background-image:url(../images/icon_less.gif); background-repeat:no-repeat; background-position:0px 2px; text-align:left; border:0px none white; background-color:white; color:#ec008c; font:12px Verdana;} #content #sitenavi ul a.pagenext , #content #sitenavi ul li.pagenext {float:right; padding-right:20px; cursor:pointer; background-image:url(../images/icon1_more.html); background-repeat:no-repeat; background-position:135px 2px; text-align:right; width:130px; border:0px none white; background-color:white; color:#ec008c; font:12px Verdana;} #content #fctbarclose ul li a {float:right; color:#000!important; padding-right:20px; cursor:pointer; background-image:url(../images/dkm_minus.gif); background-repeat:no-repeat; background-position:135px 2px; text-align:right; width:130px; border:0px none white; background-color:white; color:#ec008c; font:12px Verdana;} #content #error {margin-top:70px; margin-left:10px;} #content #error h2 {font-weight:bold; font-size:16px;} #content #error * {margin-top:10px;} #content div.bannercontainer {width:600px; _width:595px; text-align:center;} #content div.bannercontainer_processpage {width:600px; _width:595px; margin-top:20px; margin-bottom:20px; text-align:left;} #bankdata * {font-size:12px; color:#7A7A7A; margin:0 0 0 0;} #bankdata h4 {font-size:12px; font-weight:bold;} #bankdata .datetime {display:none;} #popup_header {/* position:fixed; wegen IE Bug*/ top:0; left:0; padding:25px 0 20px 0; z-index:200; width:100%; background-color:white;} #popup_header #popuplogo {padding:0 0 0 15px;} #popup_header #popup_gradient {background-image:url(../images/popup_gradient.jpg); width:100%; height:43px; margin-top:10px;} div.nlheadbackground {position:relative;left:0px; width:810px; height:60px; background-color:#D1D3D4; padding-bottom:20px; z-index:-1;} /* Druckkopf */ .printhead {display:none;} .printimage {display:none;} .printtextline1 {display:none;} .printtextline2 {display:none;} .printtextline3 {display:none;} .printtextline4 {display:none;} .printtextline5 {display:none;} .printtextline6 {display:none;} /* Anpassungen fuer Formulare, author:ple .form_container {margin-top:65px;} .field {width:100%; border: 2px solid #D1D3D4;} .mandatory {width:100%; border: 2px solid #0066B3;} .error {width:100%; border: 2px solid red;} .labelcol {width:50%; background-color:#E8E9E9;padding: 2px 0px 2px 5px; border-bottom: 1px dotted white} .fieldcol {width:50%; padding: 2px 6px 2px 5px;} .buttoncol {padding: 2px 6px 2px 5px;} .formtable {width:100%;border-collapse:collapse;} .message {color: red;} .buttoncol input {width:50%; color:white; background-color:#0066B3; border: 1px solid #E8E9E9;} */ /* Anpassungen f�r den FreeText Editor, author:ple ergaenzung:beg */ strong, b {font-weight: bold;} em, i {font-style: italic;} u {text-decoration: underline;} strong em {font-weight: bold; font-style: italic;} em strong {font-weight: bold; font-style: italic;} em u {font-style: italic; text-decoration: underline;} strong u {font-weight: bold; text-decoration: underline;} /* formatierung der sitemap, author:mob */ #sitemap { position:absolute; top:50px; left:10px; width:68.33em!important; z-index:999;} #sitemap a {color:#191c1c!important;} #sitemap .icon {width:11px; height:11px; display:block; padding: 0 0 0 0; float:left;} #sitemap .icon img {display:none;} #sitemap .level1 { padding: 1px 0 5px 18px; background-image: url(../images/dkm_icon1_more.gif); background-repeat: no-repeat; background-position:2px 2px; font-weight:bold; font-size:12px; line-height:1em; } #sitemap .level2 .link {background-image: url(../images/dkm_plus.gif); background-repeat: no-repeat; background-position:2px 2px; display:block; padding: 0 0 3px 17px; font-size:12px; line-height:1em;} #sitemap .level3 .link {background-image: url(../images/dkm_box.gif); background-repeat: no-repeat; background-position:15px 2px; display:block; padding: 0 0 2px 30px; font-size:12px; line-height:1em;} #sitemap span.row {float:left; width:820px; margin-top:20px;} #sitemap span.navtree {float:left; width:267px; margin-top:20px; padding:10px 0 0 5px;} .formtable {width:100%;border-collapse:collapse;} /* Generische Formulare */ #content .formgeneric { font-size:12px; margin:0 0 0 0; padding:0 10px 0 0; } #content .formgeneric .form { padding:0 0 30px 0;} #content .formgeneric .form .clear { background-color:#fff; height:5px; } .formgeneric .block_textfield { background-color:#f3f3f3; padding:10px; } .formgeneric .horizontal {float:left} .formgeneric .clearfloat {clear:both;} .formgeneric .errors {color:#ec008c; font-style:italic; margin-left:13.25em; margin-top:5px;} .formgeneric .addnotes {margin-left:13.75em; font-size:11px; margin-top:3px; } .formgeneric .errorsshort { color:#ec008c; font-style:italic; margin-left:53px; } .formgeneric .addnotesshort {font-style:italic; margin-left:53px;} .formgeneric .block_textareafield { background-color:#f3f3f3; padding:10px; } .formgeneric .block_textareafield .horizontal {float:left} .formgeneric .block_textareafield .fieldvalue {display:block; float:none;} .formgeneric .block_selectfield {background-color:#f3f3f3; padding:10px;} .formgeneric .block_selectfield .horizontal {float:left} .formgeneric .block_selectfield option {font-size:11px;} .formgeneric .block_checkboxfield, .formgeneric .block_radiofield { display:block; background-color:#f3f3f3; padding:10px; } .formgeneric .block_checkboxfield .options, .formgeneric .block_radiofield .options {display:table; width: 20.83em; margin-top:-8px; margin-bottom:-7px;} .formgeneric .block_checkboxfield .horizontal {margin-bottom:5px; float:left;} .formgeneric .block_checkboxfield checkbox {font-size:11px;} /* RVO */ .formgeneric .block_checkboxfield .options table, .formgeneric .block_radiofield .options table {margin:0; padding:0; display:inline-block; *display:inline;} .formgeneric .block_radiofield .options .radiotext {} .formgeneric .block_radiofield .horizontal {margin-bottom:5px; float:left} .formgeneric .block_radiofield radio {font-size:11px;} .errors {color:#ff0000; font-style:italic; margin-left:153px;} .fieldlabel {width:12.50em; float:left; margin-top:2px; } .formgeneric .block_checkboxfield .options {margin-left:13.0em!important; } .formgeneric input.text, .formgeneric textarea.textarea, .formgeneric select { width:15em; font-size:12px; } .formgeneric textarea.textarea {height:7em;} .fieldlabelshort {float:left;} .fieldlabel label { font-size:12px; margin-right:10px; *position:relative; } .fieldlabelshort label {font-size:12px; margin-right:10px;} .hinweistext {font: 12px Verdana; color:#723b5c; margin-bottom:5px; } .hinweistext * {color:#723b5c;} .hinweistext h2 * {color:#723b5c;} .formgeneric .reset {cursor:pointer;} .formgeneric .pagenext {margin-left:10px; cursor:pointer;} .formgeneric .pageprevious {margin-left:10px; cursor:pointer;} .formgeneric .pageprint {margin-left:10px; cursor:pointer;} .formgeneric .pagepreview {margin-left:10px; cursor:pointer;} .formgeneric .pagesubmit {margin-left:10px; cursor:pointer;} .formgeneric .richtext {background-color:#C1C1C1; } .formgeneric .richtext .hint {padding:0 0 0 20px; margin:8px 0 0 8px;background-image:url(../images/dkm_icon_sicherheit.html);background-repeat: no-repeat;background-position: 2px;color:#FFFFFF; font:12px Verdana; font-weight:bold; padding-bottom:5px; padding-top:5px} .formgeneric .previewvalue {margin-left:160px; margin-right:10px;} .newsletterform .block_selectfield_nl {width:410px; margin-bottom:5px; margin-right:5px; background-color:#E5E5D9; padding-top:1px; padding-bottom:1px;} .newsletterform .block_selectfield_nl .horizontal {float:left} .newsletterform .block_selectfield_nl option {font-size:11px;} .newsletterform .block_textfield_col {width:410px; margin-bottom:5px; margin-right:5px; background-color:#E5E5D9; padding-top:1px; padding-bottom:1px;} .newsletterform .fieldlabel_nl {width:152px; float:left; vertical-align:baseline; margin-top:3px; margin-left:2px;} .newsletterform .block_textfield_nl {margin-bottom:5px; margin-right:5px;} .newsletterform .Feld {width:232px;} .newsletterform .newsletterselect {height:30px; width:352px; margin-bottom:20px;} .newsletterform .newslettername {font-weight:bold;} .newsletterform .newslettercheckbox {height:30px; width:52px; float:left; vertical-align:middle;} .newsletterform .newsletterattributes{width:300px; float:left; vertical-align:baseline;} .newsletterform .fieldlabel_nl label {font-size:12px; margin-right:10px;} .newsletter tr{height: 17px; } .newsletter tr.spacer {height: 10px; } .newsletter th {border-top: 1px solid #abb2b7; border-bottom: 1px solid #abb2b7; border-right: 1px solid #abb2b7; text-align: left; font-weight: normal; background-color: #dcdeec; padding-left: 7px; padding-right: 7px; white-space: nowrap; } .newsletter td.first {border-left: 1px solid #abb2b7; } .newsletter th.first {border-left: 1px solid #abb2b7; } .newsletter td.value {padding-left: 7px; } .newsletter span.actionItem {padding-left: 38px; width: 200px; } /* Ende Generische Formulare */ #contentparagraphstextimage-1 { display:block; clear:both;} div.control table { display:inline-block;} .bildergalerie {margin-top: 80px;} .imagegallery {width: 110px; float: left; margin-right: 35px;} .image {height: 90px;} .imageTitle {height: 50px;} .pagination {position: relative; top: -27px;} .previousLink {display: inline; position: absolute; left: 0px;} .pageLink {display: inline; position: absolute; left: 255px;} .nextLink {display: inline; position: absolute; left: 489px;} a.more {background-image: url('../images/icon_more.gif'); background-repeat: no-repeat; padding-left: 15px; background-position: 0px 2px;} a.less {background-image: url('../images/icon_less.gif'); background-repeat: no-repeat; padding-left: 15px; background-position: 0px 2px;} a.more {background-image: url('../images/icon_more.gif'); background-repeat: no-repeat; padding-left: 15px; background-position: 0px 2px;} a.less {background-image: url('../images/icon_less.gif'); background-repeat: no-repeat; padding-left: 15px; background-position: 0px 2px;} .spacer {margin-top: 25px;} .errorLink {color: #ff0000;} .component {margin-top: 20px;} /* Alternativer Anlageberater */ .productsList {margin-top: 25px;} .productBerater {margin-top: 20px;} td.product {vertical-align: top; padding-top: 3px; padding-bottom: 3px;} .anlageberater {margin-top: 30px;} /* Bedarfsabfrage */ .hinttext {color: #ff0000; font-style:italic;} .resultpage {background-color: #ffffff; margin-left:10px} .resulttitle {height:13px; background-image: url('../dkm_images/arrow_left2.html'); background-repeat: no-repeat; padding-left: 15px; background-position: 0px 32px; color: #616161; font-weight: bold; padding-bottom: 5px; padding-top: 31px; } .resultline {border: 0px; border-top: 1px solid #d1d3d4; margin-top:15px; margin-bottom:15px;} .resulttext {width: 280px; float: left; font-size: 12px;} .rightbox {float: right; width: 241px; margin-right: 11px; border: 1px solid #d1d3d4; padding: 10px;} .contactpicture {margin-top: 10px; margin-bottom: 10px;} .products {} .product {margin-top: 8px;} .targetlink {margin-top: 30px; margin-bottom: 18px;} .contactLink {background-image: url('../images/dkm_contact.gif'); background-repeat: no-repeat; padding-left: 20px;} .applicationLink {background-image: url('../images/dkm_application.gif'); background-repeat: no-repeat; padding-left: 20px;} .standardLink {background-image: url('../images/dkm_icon_more.gif'); background-repeat: no-repeat; padding-left: 20px;} .produktfinder {clear:both; background-color: #ffffff;} .productfinderup {height: 45px; padding-top: 20px; background-color: #ffffff; width: 588px; border-left: 1px solid #d1d3d4; border-right: 1px solid #d1d3d4;} .productfinderdown {background-image: url('../images/bg_bedarfsabfrage.gif'); background-repeat: no-repeat; height: 302px; width: 590px;} .productfindertitle {font-style: italic; color: #616161; margin-left: 30px;} .productfinderquestion {background-image: url('../images/dkm_triangle.gif'); background-repeat: no-repeat; background-position: 0px 2px; padding-left: 20px; margin-left: 214px; font-size:14px; margin-top: 6px;} .productfinderpicture {padding-left: 15px; padding-top: 20px; float: left; width: 175px;} .productfinderpossibleanswers {margin-left: 15px; float: left; margin-top: 8px; height: 222px; width: 365px; overflow: hidden} .productfinderpossibleanswer {margin-bottom: 20px;} .productfinderformfield {margin-right: 7px;} .productfindernextlinkscontainer {position: relative; top: 25px; left: 230px; width: 360px; height: 10px;} .productfindernext {display: inline; float: right; padding-right: 10px; cursor: pointer;} .productfindernextlink {background-image: url('../images/dkm_icon_more.gif'); background-repeat: no-repeat; background-position: 50px 2px; padding-right: 30px; cursor: pointer;} .productfinderprevious {display: inline; float: left;} .productfinderpreviouslink {background-image: url('../images/dkm_icon_less.gif'); background-repeat: no-repeat; background-position: 0px 2px; padding-left: 20px;}