/* ========================================================= CSS --------------------------------------------------------- LOHMANN UND ROBINSKI Gerhart-Hauptmann-Straße 15 Süd 1 03044 Cottbus mail@lohmann-robinski.de http://www.lohmann-robinski.de Programmierung durch: Leiv Bergmann lb@lohmann-robinski.de leivbergmann@yahoo.de (privat) 12.10.2007 ========================================================= ========================================================= HTML Tags ========================================================= */ body { font-family:Arial, Helvetica, sans-serif; font-size:100.1%; color:#000000; background-color:#FFFBF1; text-align:center; margin:0; padding:0; } img { border:none; } legend { display:none; } fieldset { border:none; display:block; margin:0; padding:0; } td { font-size:12px; } /* ========================================================= Positionierung der Seite ========================================================= */ #top { width:79.75em; margin:auto; padding:1.8em 0 2.05em 0; text-align:left; font-size:0.75em; } /* ========================================================= Angabe der Beratungs- und Bestellhotline ========================================================= */ #hotline { width:100%; height:1.58em; text-align:right; } #hotline span { display:block; padding:0 0.33em 0 0; margin:0; } /* ========================================================= Hauptbereich der Seite ========================================================= */ #main { width:79.41em; } #main_rahmen { border:0.17em solid #B6D29B; } /* ========================================================= Standardnavi mit Links und Sprachen ========================================================= */ #snavi { width:100%; height:2.08em; background-color:#E6EDD3; } #snavi_abstand { padding:0.42em 0.25em 0 0; } .snavi_links { display:block; float:left; color:#B0D094; } .snavi_links span { display:block; float:left; } .snavi_links a { display:block; float:left; padding:0 1em 0 1em; color:#000000; text-decoration:none; } .snavi_links a:hover { text-decoration:underline; } .snavi_sprachen { display:block; float:right; } .snavi_sprachen a { display:block; float:left; margin:0 0.09em 0 0.09em; border:0.09em solid #CCCCCC; } .snavi_sprachen a:hover { border:0.09em solid #000000; } .snavi_sprachen img { width:1.5em; height:1em; } .snavi_rechts { float:right; background-color:#C1041A !important; border:1px solid #FFFFFF !important; } .snavi_rechts a { display:block; float:left; padding:0 1em 0 1em; color:#FFFFFF; text-decoration:none; } .snavi_rechts a:hover { text-decoration:none !important; } /* ========================================================= Headerbilder ========================================================= */ #head_bild1 { width:100%; height:10.83em; background-color:#E6EDD3; text-align:right; background-image:url(../visioncontent/bilderdatenbank/080228131310.jpg); background-position:left; background-repeat:no-repeat; } /*#head_bild1 img { width:100%; height:100%; }*/ #head_bild2 { width:100%; height:0.16em; } #head_bild2 img { width:100%; height:100%; } /* ========================================================= Fuss des Headers ========================================================= */ #head_foot { width:100%; height:4.25em; } /* ========================================================= Suchfeld ========================================================= */ #head_foot1 { width:18.25em; height:4.25em; margin-right:0.17em; float:left; } #head_foot_links { width:5.58em; height:2.17em; float:left; } #head_foot_links img { width:100%; height:100%; } #head_foot_suche { width:12.67em; height:2.08em; background-color:#E6EDD3; float:left; } #head_foot_suche form { display:block; margin:0.25em 0 0 0; padding:0; } #head_foot_suche input { display:block; float:left; background-color:#FFFFFF; font-size:0.92em; font-family:Arial, Helvetica, sans-serif; border:0.09em solid #999999; } #head_foot_suche label { display:none; } .suchbegriff { margin-right:5px; } /* ========================================================= Startseitenbutton ========================================================= */ #head_foot_home { clear:left; width:100%; height:2.08em; float:left; } #head_foot_home a { display:block; float:left; width:100%; height:100%; color:#000000; font-size:1.08em; background-color:#B0D094; text-decoration:none; font-weight:bold; background-image:url(../images/btn_startseite.png); background-repeat:no-repeat; } #head_foot_home a:hover { text-decoration:underline; background-image:none; } #head_foot_home span { display:block; padding-left:2.48em; padding-top:0.34em; } .head_foot_home_aktiv { background-image:none !important; } /* ========================================================= Brotkrumenpfad ========================================================= */ #head_foot2 { width:48.17em; height:2.08em; background-color:#E6EDD3; float:left; color:#44A12A; } #head_foot2 span { display:block; margin:0.25em 0 0 0.25em; float:left; } #head_foot3_abstand { float:right; padding-right:0.17em; position:relative; background-color:#FFFFFF; } #head_foot3 { width:12.48em; height:4.17em; background-color:#E6EDD3; } #head_foot4 { width:60.82em; height:2.08em; background-color:#E6EDD3; float:left; color:#44A12A; margin-bottom:2.09em; } #head_foot4 span { display:block; margin:0.25em 0 0 0.25em; float:left; } /* ========================================================= ständige Anzeige des Warenkorbs ========================================================= */ #warenkorb { float:left; } #warenkorb_abstand { padding:0.15em 0 0 0.28em; } .warenkorb_span { width:10.05em; height:4.14em; padding:0; display:block; font-size:0.92em; float:left; } #warenkorb h2 { font-size:1.18em; font-weight:bold; display:block; float:none; padding:0; margin:0; } #zurkasse { width:2.83em; height:4.17em; float:right; } #zurkasse img { width:100%; height:100%; border:none; } #warenkorb_rahmen { border-top:0.09em solid #C00418; border-bottom:0.09em solid #C00418; border-left:0.09em solid #C00418; position:absolute; top:0; left:0; } #warenkorb_klick { width:12.41em; height:3.98em; } #warenkorb_klick a { display:block; width:100%; height:100%; background-image:url(../images/empty.gif); background-repeat:repeat; } /* ========================================================= linker Teil des Hauptbereichs ========================================================= */ #links { width:18.25em; float:left; margin-right:0.17em; } #links h2 { display:none; } /* ========================================================= Haupt- und Unternavigation ========================================================= */ #hnavi { list-style:none; margin:0 0 0.09em 0; padding:0; width:100%; display:block; float:left; } #hnavi li { clear:left; width:100%; margin:0.09em 0 0 0; padding:0; background-color:#E6EDD3; float:left; } #hnavi li a { display:block; width:100%; color:#000000; font-size:1.08em; font-weight:bold; text-decoration:none; } #hnavi li a:hover { text-decoration:underline; background-color:#B0D094; } #hnavi li span { padding:0.55em 0 0.55em 0.43em; display:block; } #unavi { list-style:none; margin:0; padding:0; width:100%; } #unavi li { width:100%; margin:0; padding:0; background-color:#E6EDD3; border-top:0.09em solid #FFFBF1; } #unavi li a { display:block; width:100%; color:#000000; font-weight:normal; text-decoration:none; } #unavi li span { border-left:0.09em solid #FFFBF1; padding:0.16em 0 0.16em 0.36em; margin-left:1.17em; background-color:#E6EDD3; } #unavi2 { list-style:none; margin:0; padding:0; width:100%; } #unavi2 li { width:100%; margin:0; padding:0; background-color:#E6EDD3; border-top:0.09em solid #FFFBF1; } #unavi2 li a { display:block; width:100%; color:#000000; font-weight:normal; text-decoration:none; font-style:italic; } #unavi2 li span { border-left:0.09em solid #FFFBF1; padding:0.16em 0 0.16em 0.36em; margin-left:2.34em; background-color:#E6EDD3; } .hnavi_aktiv { background-color:#B0D094; } .unavi_aktiv { background-color:#B0D094 !important; } #agb a { background-color:#C1041A; color:#FFFFFF !important; } #agb a:hover { background-color:#C1041A !important; color:#FFFFFF !important; } #agb li span { background-color:#FFE8E8 !important; color:#000000 !important; } #agb li a { text-decoration:none; color:#000000 !important; background-color:#FFE8E8 !important; } #agb li.agb_aktiv a { text-decoration:none; color:#000000 !important; background-color:#C1041A !important; } #agb li a:hover { text-decoration:underline; color:#000000 !important; } .agb_aktiv { background-color:#C1041A !important; } /* ========================================================= Verlinkung für Geschenkideen im linken Teil des Hauptbereichs ========================================================= */ #gift_ideas { clear:left; } #gift_ideas1 { width:100%; height:15.67em; margin-top:0.09em; } /*#gift_ideas1 img { width:100%; height:100%; }*/ #gift_ideas2 { position:absolute; z-index:99; width:18.25em; height:15.67em; } #gift_ideas2 a { display:block; width:100%; height:100%; float:left; color:#000000; font-size:1.08em; font-weight:bold; text-decoration:none; text-align:right; } #gift_ideas2 a:hover { text-decoration:underline; } #gift_ideas2 span { padding:1.34em 1.10em 0 0; display:block; } /* ========================================================= Social-Bookmarking ========================================================= */ #social { width:17.57em; border:0.09em solid #4f9a33; border-left:none; color:#4f9a33; margin-top:0.25em; padding:0.25em; background-color:#FFFFFF; } * html #social { width:17.75em; } /* ========================================================= Feed-Verlinkung ========================================================= */ #kasten { width:17.32em; border:0.09em solid #4f9a33; border-left:none; color:#000000; margin-top:0.25em; padding:0.25em; padding-left:0.5em; padding-bottom:0.75em; background-color:#FFFFFF; line-height:25px; } * html #kasten { width:17.5em; } #kasten p { padding:0; margin:0; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #000000; } #kasten a { font-weight:bold; color:#000000; text-decoration:none; } #kasten a:hover { text-decoration:underline; } #feed { border:none !important; padding:0 !important; margin:0 !important; } #feed a { clear:both; float:left; padding-left:20px; background-image:url(../images/feedicon.png); background-position:left center; background-repeat:no-repeat; color:#000000; text-decoration:none; line-height:20px; font-weight:normal; width:80%; margin-top:1px; } #shorts a { padding-left:20px; background-image:url(../images/pfeil_rot.gif); background-position:left center; background-repeat:no-repeat; color:#000000; text-decoration:none; line-height:20px; } /* ========================================================= Inhaltbereich ========================================================= */ #content { width:60.82em; float:left; } #content h1 { margin-left:0; margin-right:0; padding-left:0; padding-right:0; font-size:2em; } .space_1em { margin-left:1.58em !important; margin-right:1.58em !important; } .space_1em h2 { font-size:1.5em; } .space_2em { margin-left:0.79em !important; margin-right:0.79em !important; } #content a { color:#000000; } #content p { display:block; margin:0.16em 0 0.16em 0; padding:0; } /* ========================================================= Anzeige von Neuheiten, Sonderangeboten und Paketen ========================================================= */ #angebote { border:0.09em solid #E6EDD3; margin-right:0.09em; margin-top:5.35em; background-color:#FFFFFF; margin-bottom:1.5em; } #angebote_bg { width:100%; height:12.17em; } .angebot_neu { width:18.5em; height:12.17em; margin-left:1em; float:left; } .angebot_sonst { width:18.5em; height:12.17em; margin-left:1.33em; float:left; } .angebot_bg { position:absolute; margin-top:-4.08em; width:18.33em; height:16em; } .angebot_inhalt { position:absolute; margin-top:-4.08em; width:10em; height:16em; margin-left:5.26em; } .angebot_bg img { width:100%; height:100%; } .angebot_headline { width:100%; height:4.17em; overflow:hidden; } .angebot_headline h2 { display:block; float:left; padding:2em 0 0 0; margin:0; font-size:1.08em; font-weight:bold; } .angebot_text { width:10.3em; height:4.15em; margin-top:0.28em; overflow:hidden; } .angebot_preis { width:10.3em; height:2.84em; } .angebot_preis1 { font-size:0.83em; position:absolute; display:block; } .angebot_preis2 { font-size:1.83em; float:right; color:#C00418; font-weight:bold; margin-top:0.4em; margin-right:0.16em; display:block; } .angebot_bestellen { width:10em; margin-top:0.24em; height:1.84em; font-weight:bold; background-image:url(../images/empty.gif); background-repeat:repeat; } .angebot_bestellen a { color:#000000; text-decoration:none; background-image:url(../images/angebote/pfeil.png); background-position:right; background-repeat:no-repeat; display:block; width:100%; height:100%; } .angebot_bestellen a:hover { text-decoration:underline; } .angebot_bestellen span { padding-top:0.24em; display:block; } .angebot_sonderpreis { position:absolute; font-size:1.17em; color:#FFFFFF; font-style:italic; font-weight:bold; width:3.57em; height:3.57em; margin-left:12em; margin-top:1.8em; } .angebot_sonderpreis img { position:absolute; width:3.57em; height:3.57em; } .angebot_sonderpreis span { position:absolute; text-align:center; display:block; width:100%; margin-top:1.14em; } /* ========================================================= Neu im Angebot und Rezepte ========================================================= */ .neua_left { width:30.25em; float:left; } .neua_right { width:30.25em; float:right; } .neua_head { border:0.09em solid #B0D094; padding:0.09em; background-color:#E6EDD3; float:left; } .neua_head_groesse { width:29.89em; height:2.08em; } .neua_head h2 { display:block; float:left; font-size:1.08em; line-height:1.92em; color:#000000; padding:0 0 0 0.3em; margin:0; } .neua_bild { border:0.09em solid #B0D094; float:left; margin-top:0.09em; } .neua_bild_groesse { width:16.67em; height:16.67em; } .neua_bild img { display:block; width:100%; height:100%; } .neua_inhalt { border:0.09em solid #B0D094; border-top:none; float:right; padding:0.09em; background-color:#FFFFFF; } .neua_inhalt_groesse1 { width:13em; height:16.67em; position:relative; overflow:hidden; } .neua_inhalt_groesse2 { width:29.89em; height:16.67em; position:relative; float:left; overflow:hidden; } .neua_inhalt_abstand { padding:0.42em 0 2em 0; } .neua_inhalt_abstand2 { padding:0.42em 0.25em 5.5em 0.25em; float:left; } .neua_inhalt_bild { float:left; margin:1em 0.25em 0.25em 0; } .neua_inhalt_text { position:absolute; top:0.42em; right:0; width:15em; } .neua_show { position:absolute; bottom:0; right:0; width:13.04em; height:6.25em; display:block; float:left; } .neua_show_preis { width:13.04em; height:4.58em; float:left; } .neua_show_link a { display:block; float:left; width:13.04em; height:1.67em; background-image:url(/images/angebote/pfeil.png); background-position:right; background-repeat:no-repeat; color:#000000; text-decoration:none; font-weight:bold; background-color:#B0D094; } .neua_show_link a:hover { text-decoration:underline; } .neua_show_link span { padding:0.24em 0.24em 0.24em 0.5em; display:block; } /* ========================================================= Startseiteseitenzusatz ========================================================= */ .unten { margin-right:0.09em; margin-top:0.24em; float:left; } .unten_bg { width:100%; float:left; } .unten a { color:#000000; text-decoration:underline; } /* ========================================================= Geschenkgutschein als linker Startseitenzusatz ========================================================= */ .unten_links { width:23.33em; float:left; } .unten_links h2 { display:block; width:100%; /*height:1.92em;*/ margin:0; padding:0.23em 0 0.23em 0; font-size:1.08em; font-weight:bold; background-color:#E6EDD3; } .unten_links h2 span { padding:0.3em; display:block; } .unten_linksrahmen { border:0.09em solid #E6EDD3; background-color:#FFFFFF; margin-top:0.09em; } .unten_linksinhalt { width:100%; } .unten_linksinhalt h1 { margin:0; padding:0; display:block; width:100%; } .unten_linksbild img { width:100%; height:10.25em; } .unten_linksschrift { position:absolute; margin-top:-9.17em; margin-left:12.17em; } .unten_linksschrift a { display:block; margin-top:3.45em; color:#000000; text-decoration:none; width:10.92em; background-image:url(../images/angebote/pfeil.png); background-position:right; background-repeat:no-repeat; } .unten_linksschrift a:hover { text-decoration:underline; } .unten_linksschrift span { padding:0.4em 0.32em 0.32em 0.32em; display:block; } .unten_links_neu { width:30.25em; float:left; } .unten_links_neu h2 { display:block; width:100%; margin:0; padding:0.23em 0 0.23em 0; font-size:1.08em; font-weight:bold; background-color:#E6EDD3; } .unten_links_neu h2 span { padding:0.3em; display:block; } .unten_links_neurahmen { border:0.09em solid #E6EDD3; background-color:#FFFFFF; margin-top:0.09em; } .unten_links_neuinhalt { width:100%; height:16.67em; } .unten_links_neuinhalt h1 { margin:0; padding:0; display:block; width:100%; } .unten_links_neuschrift { position:absolute; margin-top:-9.17em; margin-left:19.17em; } .unten_links_neuschrift a { display:block; margin-top:8em; color:#000000; text-decoration:none; width:10.92em; background-image:url(../images/angebote/pfeil.png); background-position:right; background-repeat:no-repeat; } .unten_links_neuschrift a:hover { text-decoration:underline; } .unten_links_neuschrift span { padding:0.4em 0.32em 0.32em 0.32em; display:block; } /* ========================================================= Newsletter als rechter Startseitenzusatz ========================================================= */ .unten_rechts { width:37.08em; float:right; } /*.unten_rechts h2 { display:block; width:100%; height:2.08em; margin:0; padding:0; font-size:1em; font-weight:bold; background-color:#E6EDD3; } .unten_rechts h2 span { padding:0.46em; display:block; }*/ .unten_rechts h2 { display:block; width:100%; height:1.92em; margin:0; padding:0; font-size:1.08em; font-weight:bold; background-color:#E6EDD3; } .unten_rechts h2 span { padding:0.3em; display:block; } .unten_rechtsrahmen { border:0.09em solid #E6EDD3; background-color:#FFFFFF; margin-top:0.09em; } .unten_rechtsinhalt { width:100%; } .unten_rechtsabstand { padding:0 0.59em 0 0.59em; } .unten_rechts p { display:block; padding:0; margin:0.59em 0 0.59em 0; } .unten_rechts form { display:block; margin:0; padding:0; } .unten_rechts label { display:none; } .unten_form, .unten_form_text, .unten_news_text, .unten_area_text, .unten_form_btn { background-color:#E6EDD3; font-family:Arial, Helvetica, sans-serif; color:#000000; border:0.09em solid #999999; margin-top:0; font-size:1em; } .unten_form_text { width:14em; margin-right:0.5em; } .unten_news_text { width:20em; margin-right:0.5em; } .unten_area_text { width:40em; } /*.unten_form_btn { width:8em; font-weight:bold; background-image:url(../images/btn_newsletter.png); background-position:right center; background-repeat:no-repeat; text-align:left; display:block; background-color:#B0D094; float:left; cursor:pointer; outline:none; }*/ .unten_form_btn { width:10.92em; font-weight:bold; background-image:url(../images/gutschein_btn.png); background-position:right center; background-repeat:repeat-y; text-align:left; display:block; background-color:#B0D094; float:left; cursor:pointer; outline:none; border:none; height:1.52em; } #kontakt label { display:block !important; float:left; width:30em; } /* ========================================================= grafischer Fuss des Hauptbereichs ========================================================= */ #bottom { clear:both; width:100%; height:14.67em; } #bottom img { width:100%; height:100%; } /* ========================================================= Adresszeile am Ende der Seite ========================================================= */ #address { width:100%; height:2.3em; text-align:center; font-size:0.83em; } #address span { display:block; padding-top:0.2em; } #address a { color:#000000; text-decoration:underline; } /* ========================================================= Seitenzähler ========================================================= */ .zaehler { clear:left; padding:0.24em; } .zaehler a { color:#000000 !important; text-decoration:none; } .anzahl_auswahl { clear:left; float:right; padding:0.24em; } .anzahl_auswahl a { color:#000000 !important; text-decoration:underline; } /* ========================================================= Detailansicht von Shopartikeln ========================================================= */ .artikel_sprung { width:100%; height:2.08em; background-color:#E6EDD3; margin-bottom:0.17em; overflow:hidden; } .artikel_sprung_abstand { padding-top:0.41em; } .artikel_sprung_left { width:33%; float:left; } .artikel_sprung_left a { color:#44A12A !important; display:block; padding-left:1.83em; background-image:url(../images/pfeil_back.png); background-repeat:no-repeat; background-position:left; float:left; } .artikel_sprung_middle { width:33%; float:left; text-align:center; } .artikel_sprung_middle a { color:#44A12A !important; } .artikel_sprung_right { float:right; text-align:right; } .artikel_sprung_right a { color:#44A12A !important; display:block; padding-right:1.83em; background-image:url(../images/pfeil_front.png); background-repeat:no-repeat; background-position:right; float:left; } .artikel_sprung_back { float:left; padding-top:0.41em; padding-left:2em; } .artikel_sprung_back a { color:#44A12A !important; font-weight:bold; } .artikel_anzeige { border:0.09em solid #E6EDD3; background-color:#FFFFFF; } .artikel_anzeige_abstand { padding:0.25em; } .artikel_anzeige_abstand label { float:left; } .artikel_anzeige_bild { width:18.5em; float:left; margin-right:1em; color:#B0D094 !important; } .artikel_anzeige_bild img { border:0.09em solid #E6EDD3; } .artikel_anzeige_bild a { color:#B0D094 !important; text-decoration:underline !important; } .artikel_anzeige_link1 { display:block; padding-left:2.08em; background-image:url(../images/lupe.gif); background-position:left; background-repeat:no-repeat; height:20px; color:#B0D094 !important; float:left; font-weight:bold; cursor:pointer; text-decoration:underline !important; } .artikel_anzeige_link2 { display:block; padding-left:2.08em; background-image:url(../images/weitere.gif); background-position:left; background-repeat:no-repeat; height:20px; color:#B0D094 !important; clear:left; float:left; font-weight:bold; } .artikel_anzeige h1 { display:block; margin-top:0; margin-bottom:0; } .artikel_rechts { width:14em; float:right; display:block; } .artikel_rechts_abstand { padding:0.09em; border:0.09em solid #B0D094; background-color:#FFFFFF; position:relative; } .artikel_rechts ul { display:block; margin:0; padding:0 0 1.67em 0; list-style:none; background-color:#E6EDD3; } .artikel_rechts li { display:block; width:100%; border-bottom:0.09em solid #FFFFFF; padding:0; margin:0; } .artikel_rechts a { color:#000000; text-decoration:none; display:block; width:100%; } .artikel_rechts a:hover { text-decoration:underline; } .artikel_rechts a span { display:block; padding:0.25em; } .artikel_rechts form { display:block; margin:0; padding:0; clear:both; position:relative; } .artikel_rechts_einheit { font-size:0.83em; position:absolute; left:0.18em; } .artikel_rechts_preis { font-size:1.83em; float:right; color:#C00418; font-weight:bold; margin-top:0; margin-right:0.16em; display:block; margin-bottom:1em; position:relative; text-align:right; } /* ========================================================= Layer über der Seite ========================================================= */ #show_border_black { border:0.09em solid #000000; position:absolute; top:13em; margin-left:20em; } #show_border { border:0.5em solid #44A12A; float:left; } #show { width:52em; background-color:#FFFBF1; float:left; } #show a { color:#000000; } .show_close { width:100%; float:left; } .show_close a { text-decoration:none !important; padding:0.33em; border:0.09em solid #B0D094; background-color:#FFFFFF; font-weight:bold; float:right; } #show_abstand { padding:2.5em; float:left; } #show h2 { font-size:2em; color:#45A32B; font-weight:bold; } #show label { display:block; clear:left; float:left; width:15em; margin-right:0.83em; } .nl label { width:100px !important; } .nl_label { width:100px; } #show input, #show textarea { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; color:#000000; } #show textarea { display:block; width:30em; float:left; } .friends_senden { display:block; background-color:#FFFFFF; border:0.09em solid #B0D094; color:#44A12A !important; clear:left; cursor:pointer; padding-top:0.33em; padding-bottom:0.33em; font-weight:bold; margin-left:15.83em; margin-top:12em; } .keineansicht { display:none !important; } /* ========================================================= Merkzettelanzeige ========================================================= */ #merkzettel { float:right; padding-right:1em; padding-top:0.33em; } #merkzettel a { color:#44A12A; font-size:1.17em; font-weight:bold; } .rez_start { width:48%; float:left; } .rez_start a { text-decoration:underline; } #form_see { display:none; } .popup { position:absolute; width:250px; margin:0 auto; top:250px; left:250px; background-color:#44a22a; color:#FFFFFF; text-align:left; } .popup td { font-family:Arial, Helvetica, sans-serif; } /* ========================================================= Newsletterstyles ========================================================= */ #letter_top { width:100%; text-align:center; } #newsletter { width:620px; border:1px solid #E6EDD3; border-top:none; text-align:left; margin:0 auto; } * html #newsletter { width:622px; } #newsletter td { font-family:Verdana, Arial, Helvetica, sans-serif; } #newsletter a, td a, img { border:none; } #newsletter p { padding:8px 0 7px 0; margin:0; } .letter_name { background-color:#C00418; color:#FFFFFF; font-size:14px; font-weight:bold; padding:1px 0 4px 24px; } .letter_links { background-color:#C00418; text-align:left; vertical-align:top; } .letter_datum { background-color:#C00418; color:#FFFFFF; font-size:10px; text-align:right; vertical-align:top; padding:8px 9px 0 0; } .letter_text { font-size:12px; color:#000000; padding:1px 9px 2px 9px; } .letter_headline { font-size:12px; color:#000000; font-weight:bold; background-color:#B5D29A; padding:6px 6px 5px 6px; } .letter_grafik { padding-bottom:10px; } .bookmark { background-color:#FFFFFF; clear:both; margin-top:10px; margin-bottom:10px; margin-right:5px; padding:10px; } .listimg { float:right; margin:20px; margin-right:0; }