/* ====================================================================== | Styles fur die Ausgabe im Browser (validiert nach W3C) | ====================================================================== | Erstellt fuer: Silkes Scmuckland | | Erstellt von : Michael Tietz | | Erstellt am : 27. Juni 2007 | ====================================================================== */ /* ====================================================================== Allgemeine HTML-Elemente (Alphabetisch) ====================================================================== */ body { margin: 0 0 0 0; padding: 0 0 0 0; font-family: Arial, Helvetica, sans-serif; color: #000; background-color: #FFF; background-image: url(../images/content/hg_body.jpg); text-align: center; } caption { display: none; } colgroup { position:relative; float:left;} fieldset { border: 0px; margin: 0 0 0 0; padding: 0 0 0 0;} form { margin: 0 0 0 0; padding: 0 0 0 0;} hr { height: 1px; border-top: 1px solid #CCCCCC; border-left: none; border-right: none; border-bottom: none; margin:10px 0 10px 0; width:615px; display: block;} label { display: none;} legend { display: none;} table { position:relative; width: 615px; font-family: Arial, Helvetica, sans-serif; color: #000; font-size:1.0em; margin: 0; padding: 0; border-spacing:0px; /*Fuer Firefox, Opera und Co.*/ border-collapse:collapse; /*Fuer IE*/} td, th { vertical-align:top; } textarea { font-family: Arial, Helvetica, sans-serif; font-size:12px; } tfoot { text-align:right;} /* ====================================================================== Haupt-Container (in HTML-Lesereihenfolge) ====================================================================== */ #container { width: 959px; height: auto; margin: auto; padding:0 0 0 0; border:0px; text-align:left !important; color: #000;} /*Container um das Gesamtlayout*/ /* ====================================================================== Oben (in HTML-Lesereihenfolge) ====================================================================== ------------------------------ Versteckter Text für die Suchmaschinen ------------------------------ */ #smfood { display: none; } .h_text { display: none; } /* ------------------------------ DIVS - Subnavigation (Divs und Div-bezogene Definitionen) ------------------------------ */ #subnavi_top { height:20px; width: 959px; background-image: url(../images/oben/navi/hg_subnavi.jpg); padding:0 0 0 0; margin:0 0 0 0; border:0px; } /*Hintergrund*/ #subnavi_sprachen { display: none; } /*Div fuer die Positionierung der Sprachauswahl*/ #subnavi_navi { height:17px; width: auto; padding:2px 10px 0 0; margin:0 0 0 0; border:0px; text-align: center; display: block; float: right;} /*Div fuer die Positionierung der Navigation*/ /* ------------------------------ Sprachenauswahl Link - Franzoesisch ------------------------------ */ a.fr { color: #c1332b; font-size: 12px; text-decoration: none; width: auto; display: block; padding:0; margin:5px 0 0 5px; float: left; background-color: transparent;} a.fr:link, a.fr:visited { color: #c1332b; font-size: 12px; text-decoration: none;} a.fr:hover, a.fr:focus { color: #252525; font-size: 12px; text-decoration: none;} /* ------------------------------ Sprachenauswahl Link - Deutsch ------------------------------ */ a.de { color: #c1332b; font-size: 12px; text-decoration: none; width: auto; display: block; padding:0; margin:5px 0 0 5px; float: left; background-color: transparent;} a.de:link, a.de:visited { color: #c1332b; font-size: 12px; text-decoration: none;} a.de:hover, a.de:focus { color: #252525; font-size: 12px; text-decoration: none;} /* ------------------------------ Subnavi Link - Login ------------------------------ */ a.login { width: auto; display: block; padding:0; margin:0 0 0 10px; float: left; border: 0px; background-color: transparent;} a.login:link, a.login:visited { text-decoration: none; font-size:12px; color: #a00b00;} a.login:hover, a.login:focus { color: #534f4e; text-decoration: none;} /* ------------------------------ Subnavi Link - Standardlink ------------------------------ */ a.si { width: auto; display: block; padding:0; margin:0 0 0 10px; float: left; border: 0px; background-color: transparent;} a.si:link, a.si:visited { text-decoration: none; font-size:12px; color: #534f4e;} a.si:hover, a.si:focus { color: #a00b00; text-decoration: none;} /* ------------------------------ DIV - Kopfgrafik (Logo und Schmuckgrafik) ------------------------------ */ #logo { height:46px; width: 959px; background-image: url(../images/oben/kopfgrafiken/start.jpg); background-repeat:no-repeat; border-bottom:1px solid #FFF; display:block; padding: 145px 0 0 0; margin: 0 0 0 0; } /* ------------------------------ DIVS - Hauptnavigation und Suche (Divs und Div-bezogene Definitionen) ------------------------------ */ #navmain { width: 959px; height: auto; background-color: transparent; border:0px; margin: auto; padding: 0 0 0 0; } /*Positionierer*/ #navmain_navi { width: auto; height: auto; background-color: transparent; border:0px; float: left; text-align: center; padding: 0 0 0 0; margin: 0 0 0 0;} /*Positionierer fuer die Hauptnavigationspunkte*/ #navmain_suche { width: 220px; height: auto; text-align: left; border:0px; padding:18px 0 0 0; margin:0 0 0 0; float: right; } /*Positionierer fuer die Suche*/ #navmain_status { display: none; } /*Positionierer fuer den Status*/ #navmain_status p { display:none; } /* ------------------------------ Hauptnavi Link - Normal ------------------------------ */ a.haupt { display: block; float: left; } a.haupt:link, a.haupt:visited { height:23px; width: auto; text-decoration: none; color: #FFF; font-size: 13px; font-weight: bold; padding:23px 11px 0 11px; margin:0 0 0 0; background-color: transparent;} a.haupt:hover, a.haupt:focus { height:23px; width: auto; color: #a00b00; text-decoration: none; padding:23px 10px 0 10px; margin:0 0 0 0; background-image: url(../images/oben/navi/hg_haupt_akt.jpg); border-left: 1px solid #fff; border-right: 1px solid #fff;} /* ------------------------------ Hauptnavi Link - Aktiv ------------------------------ */ a.haupt_akt { height:23px; width: auto; display: block; font-size: 13px; font-weight: bold; padding:23px 10px 0 10px; margin:0 0 0 0; float: left; border-left: 1px solid #fff; border-right: 1px solid #fff;} a.haupt_akt:link, a.haupt_akt:visited { text-decoration: none; color: #a00b00; background-image: url(../images/oben/navi/hg_haupt_akt.jpg);} a.haupt_akt:hover, a.haupt_akt:focus { color: #a00b00; text-decoration: none;} /* ------------------------------ Suchformular ------------------------------ */ .suchfeld { width: 100px; background-color:#FFF; color:#000; font-family: Arial, Helvetica, sans-serif; margin: 3px 5px 0; padding: 2px; font-size: 11px; border:1px solid #a00b00; float: left; } /*Suchfeld*/ .suchbtn { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; border:0px; color:#FFF; background-color: transparent; padding: 1px; margin: 3px 4px 0 0;} /*GO! Button*/ /* ====================================================================== Links (in HTML-Lesereihenfolge) ====================================================================== ------------------------------ Allgemeine Divs ------------------------------ */ #navlinks { border: 0px solid #F00; float:left; padding:0 0 0 0; margin:0 0 0 0; width:284px; background-image: url(../images/links/hg_links.jpg); background-repeat: no-repeat; } /*Positionierer fuer die linke Seite*/ #navlinks_kopf { display: none;} /*Kopf*/ #navlinks_abschluss { height:10px; width: 284px; padding:0 0 0 0; margin:0 0 0 0; display: block; } /*Abschluss*/ /* ------------------------------ Allgemeine HTML-Elemente fuer die linke Seite (Alphabetisch) ------------------------------ */ #navlinks h1 { display: none;} /* ------------------------------ Neuzugaenge, Kurz-Warenkorb, Wechselnde Links ------------------------------ */ #navlinks_wzugang { background-color: transparent; height:62px; width: 284px; padding:10px 0 0 0; margin:0 0 0 0; border:0px;} /*Positionierer Neuzugaenge*/ #navlinks_wk { background-color: transparent; height:70px; width: 284px; padding:10px 0 0 0; margin:0 0 0 0; border:0px;} /*Positionierer Warenkorb*/ #navlinks_wechsel { padding:0 0 0 0; margin:0 0 0 0 ;border:0px; } /*Positionierer wechselnde Links*/ /*HTML-Elemente Alphabetisch*/ #navlinks_wzugang a, #navlinks_wzugang a:link, #navlinks_wzugang a:visited, #navlinks_wk a, #navlinks_wk a:link, #navlinks_wk a:visited { color:#a00b00; text-decoration:underline; }/*Normale Links, wzugang und kurz-wk*/ #navlinks_wzugang a:focus, #navlinks_wzugang a:hover, #navlinks_wk a:focus, #navlinks_wk a:hover { color:#3a3a3a; text-decoration:none; }/*Over Links, wzugang und kurz-wk*/ #navlinks_wzugang h2, #navlinks_wk h2 { font-size:13px; color:#3a3a3a; font-weight:bold; padding:0 0 0 0; margin:0 0 0 20px; } #navlinks_wechsel h2 { display:none; } #navlinks_wechsel p { font-size:11px; color:#3a3a3a; padding:0 0 0 0; margin:0 0 0 0; } #navlinks_wzugang p, #navlinks_wk p { font-size:12px; color:#3a3a3a; padding:0 0 0 0; margin:0 0 0 20px; } /*Icons fuer Warenkorb und Warenzugang*/ a.left_wz { display:none; } a.left_wz span { display:none; } /*Linkschrift ausblebnden*/ a.left_wk { display:none; } a.left_wk span { display:none; } /*Linkschrift ausblebnden*/ /* ------------------------------ Linke Navigation ------------------------------ */ /*Divs*/ #navlinks_navi { padding:0 0 0 0; margin:0 0 0 0; } /*Positionierer und evtl. Eigenschaften Linke Navigation*/ /*HTML-Elemente Alphabetisch*/ #navlinks_navi h2 { display: none; } #navlinks_navi p { padding:0 0 0 0; margin:0 0 0 0; } /*1. Ebene Normalzustand*/ a.menu1 { height:24px; width: 279px; display: block; font-size: 13px; font-weight: bold; padding:5px 0 0 5px; margin: 0 0 0 0; float: none;} a.menu1:link, a.menu1:visited { text-decoration: none; color: #FFF; background-image: url(../images/links/navi/haupt_normal.jpg);} a.menu1:hover, a.menu1:focus { color: #a00b00; text-decoration: none; background-image: url(../images/links/navi/haupt_aktiv.jpg);} /*1. Ebene Aktivzustand*/ a.msel1 { height:24px; width: 279px; display: block; font-size: 13px; font-weight: bold; padding:5px 0 0 5px; margin: 0 0 0 0; float: none;} a.msel1:link, a.msel1:visited { text-decoration: none; color: #a00b00; background-image: url(../images/links/navi/haupt_aktiv.jpg);} a.msel1:hover, a.msel1:focus { color: #a00b00; text-decoration: none;} /*2. Ebene Normalzustand*/ a.menu2 { width: auto; display: block; font-size: 12px; padding:1px 0 1px 8px; margin:0 0 0 0; float: none;} a.menu2:link, a.menu2:visited { text-decoration: none; color: #3a3a3a; font-weight: normal; background-color: transparent;} a.menu2:hover, a.menu2:focus { color: #a00b00; text-decoration: none; font-weight: normal; background-color: transparent;} /*2. Ebene Aktivzustand*/ a.msel2 { width: auto; display: block; font-size: 12px; font-weight: bold; padding:1px 0 1px 8px; margin:0 0 0 0;} a.msel2:link, a.msel2:visited { text-decoration: none; color: #a00b00; background-color: transparent;} a.msel2:hover, a.msel2:focus { color: #a00b00; text-decoration: none; background-color: transparent;} /*3. Ebene Normalzustand*/ a.menu3 { width: 276px; display: block; font-size: 10px; padding:1px 0 1px 8px; margin:0 0 0 0; float: none;} a.menu3:link, a.menu3:visited { text-decoration: none; color: #a00b00; font-weight: normal; background-image: url(../images/links/navi/sub_norm.jpg);} a.menu3:hover, a.menu3:focus { text-decoration: none; color: #a00b00; background-image: url(../images/links/navi/sub_aktiv.jpg);} /*3. Ebene Aktivzustand*/ a.msel3 { width: 276px; display: block; font-size: 10px; padding:1px 0 1px 8px; margin:0 0 0 0; float: none; } a.msel3:link, a.msel3:visited { text-decoration: none; color: #a00b00; background-image: url(../images/links/navi/sub_aktiv.jpg);} a.msel3:hover, a.msel3:focus { text-decoration: none; color: #a00b00; background-image: url(../images/links/navi/sub_aktiv.jpg);} /*4. Ebene NUR ZUM HERVORHEBEN IN DEN INDIVIDUELLEN MENUES*/ a.menu4 { height:15px; width: auto; display: block; font-size: 12px; padding:1px 0 1px 8px; margin:0 0 0 0; float: none;} a.menu4 { height:15px; width: auto; display: block; font-size: 12px; padding:1px 0 1px 8px; margin:0 0 0 0; float: none;} a.menu4:link, a.menu4:visited { text-decoration: none; color: #3a3a3a; font-weight: bold !important; background-color: transparent;} a.menu4:hover, a.menu4:focus { color: #a00b00; text-decoration: none; font-weight: bold !important; background-color: transparent;} /* ------------------------------ Banken- und Zahlungsart-Logos ------------------------------ */ .left_logos{ width: 273px; margin: 40px 0 0 1px; padding: 4px 0 4px 0; background-color: transparent; display: block; float: left; } .left_logos p{ text-align: center !important; font-size: 10px; color: #fff !important; padding: 4px 10px 4px 10px !important; margin: 10px 0 10px 0 !important; display: block; background-color: #a00b00; border-top: 1px solid #fff; border-bottom: 1px solid #fff;} .left_logos img { background-color:#FFFFFF; padding: 2px; border: 1px solid #999;} /* ====================================================================== Content (in HTML-Lesereihenfolge) ====================================================================== ------------------------------ Allgemeine Divs ------------------------------ */ #container_content { width: 959px; margin: 0 0 0 0; padding:0 0 0 0; border:0px solid #F00; text-align:left; background-color: transparent; float: left; background-image: url(../images/content/hg_content.jpg); background-repeat: repeat-y;} /*Beinhaltet Linke Seite und Content*/ #content { background-color: transparent; padding: 0 0 0 0; margin:25px 0 0 290px;} #titel { height: 40px; background-color: transparent; margin:0 0 0 0; padding:0 0 0 0; border: 0px dotted #f00;} #inhalt { width: 660px; height: auto; background-color: transparent; margin:0 0 0 0; padding-top:0; font-size:0.75em; padding-bottom:20px; display: block; float: left;} div.navibox { background-image: url(../images/content/hg_contentnavi.jpg); height:105px; border:0px solid #d1d1d1; width:198px; float:left; padding:0 5px 5px 10px; margin: 0 5px 5px 0; display: block;} /*Box für Navigation im Inhaltsbereich*/ div.verzbox, div.verzbox2 { height:auto; width:400px; border:0px solid #d1d1d1; display: block; float:left; padding:0 0 0 0; margin:2px; text-align: left;} /*Box für Verzeichnisseite 3. Ebene*/ #loginform { width: 633px; float: left; margin: 0 0 10px 0;} /*Loginformular*/ /* ------------------------------ Allgemeine HTML-Elemente Alphabetisch ------------------------------ */ #inhalt a, #inhalt a:link, #inhalt a:visited { color: #a00b00; text-decoration:underline; } /*Normale Links*/ #inhalt a:focus, #inhalt a:hover { color: #000; text-decoration:none; }/*Over Links*/ div.verzbox a, div.verzbox2 a { width: auto; margin: 2px 0 2px 0; display: block; float: none;} #content h1 { font-size:1.0em; color: #a00b00; font-weight: bold; margin:0 0 0 0; padding:0 20px 0 0;} #inhalt h2 { width: 615px; font-size:1em; font-family: Arial, Helvetica, sans-serif; color: #a00b00; font-weight: bold; } div.navibox h2 { width: auto !important ;font-size: 1.0em !important; margin: 5px 0 20px 0; color: #FFF !important;} img.i_icons { border:0px; margin: 2px 0 10px 0; vertical-align: top;} /*Nach Oben/Unten Icons*/ #inhalt input { font-size: 12px; font-weight: normal; border:1px solid #999; color:#000; background-color: #fff; margin:0 10px 0 0; padding: 0 0 0 0; float: left;} #inhalt ul { font-family: Arial, Helvetica, sans-serif; margin:0 0 0 0; padding:3px 0 10px 10px; list-style:none; color: #000;} #inhalt li { font-family: Arial, Helvetica, sans-serif; color: #000; margin:0 0 0 0; padding:5px 0 5px 0; } #inhalt p { width: 615px; font-family: Arial, Helvetica, sans-serif; color: #000; margin:0 0 0 0; padding:5px 0 5px 0; } p.anzahl { width: 663px; background-color: transparent; font-size:0.7em; color: #000; margin:0 0 0 0; padding:5px 0 10px 0; display: block; float: left;} /*Artikelanzahl in der Uebersicht*/ /* ------------------------------ Spans ------------------------------ */ /*Schrift Hervorhebungen im Inhaltsbereich*/ .inhalt_red { color: #a00b00 !important; } .inhalt_big { font-size:1.2em !important; } .inhalt_big_red { font-size:1.2em !important; color: #a00b00; } .inhalt_small { font-size:0.8em !important; } .inhalt_small_red { font-size:0.8em !important; color: #a00b00; } .inhalt_standard { color: #000 !important; } /*Positionierungen im Inhaltsbereich*/ .inhalt_center { text-align: center !important; } .inhalt_left { text-align: left !important; } .inhalt_right { text-align: right !important; } /*Icons Zurueck und nach oben*/ .artikel_backoben{ margin: 3px 0 0 0; display: block;} /* ------------------------------ Artikelsuche (bis auf weiteres ausgeblendet) ------------------------------ */ #content_suche { display: none;} /* ------------------------------ Brotkrumenpfad ------------------------------ */ /*Divs*/ div.content_navi { width: 633px; background-color: transparent; padding: 0 0 0 0; margin:5px 0 8px 0; display: block; float: left;} div.brotkrumenpfad { width: 633px; background-color: transparent; padding: 0 0 0 0; margin:0 0 0 0; display: block; float: left;} div.content_seitennummern { width: 633px; background-color: transparent; padding: 0 0 0 0; margin:0 0 0 0; display: block; float: left; } /*HTML-Elemente Alphabetisch*/ div.content_brotkrumenpfad a, div.content_brotkrumenpfad a:link, div.content_brotkrumenpfad a:visited { color: #a00b00; text-decoration:underline; } /*Normale Links*/ div.content_brotkrumenpfad a:focus, div.content_brotkrumenpfad a:hover { color: #000; text-decoration:none; }/*Over Links*/ div.content_seitennummern a, div.content_seitennummern a:link, div.content_seitennummern a:visited { color: #a00b00; text-decoration:underline; } /*Normale Links*/ div.content_seitennummern a:focus, div.content_seitennummern a:hover { color: #a00b00; text-decoration:none; }/*Over Links*/ div.content_navi p { color: #a00b00 !important; padding:0 0 0 0; margin:0 0 0 0; } /*Span Shopintern (Aktivierte Seite)*/ .ws_active { font-weight:bold; color: #000 !important; text-decoration: none !important; } /* ------------------------------ Artikelbox (Uebersicht) ------------------------------ */ /*Divs*/ div.artikelbox { font-size:0.93em; height:253px; border:0px solid #b0b0b0; width:198px; display: block; float:left; padding: 3px 5px 0 10px; margin: 0 5px 5px 0; background-image: url(../images/content/hg_artikel.jpg);} div.artikel_bild { float:left; top:0; margin:4px 0 4px 0; padding: 0 0 0 0; height:82px; display:block;} div.artikel_icon { top:0; font-size:10px; overflow:hidden; margin: 2px; border:0px dotted #999;} /*HTML-Elemente Alphabetisch*/ div.artikelbox a, div.artikelbox a:link, div.artikelbox a:visited { font-size:.9em; color: #a00b00; text-decoration:underline; } /*Normale Links*/ div.artikelbox a:focus, div.artikelbox a:hover { color: #000; text-decoration:none; }/*Over Links*/ img.artikelbox_klein_bild { background-color:#FFFFFF; padding: 2px; border: 1px solid #999; height: 80px;} img.artikelbox_zoom_bild { background-color:#FFFFFF; padding: 2px; border: 1px solid #999;} div.artikelbox table { border: 0px; width:auto; text-align:left; padding:0 0 0 0; margin:0 0 0 0;} div.artikelbox th { height:40px; font-size:11px; font-weight:bold; color: #FFF !important;} /*Spans*/ .artikeltext_klein { font-size:0.98em;} /*Artikeltext kleine Groesse (hier aber nicht kleiner)*/ .artikeltext_normal { font-size:0.98em;} /*Artikeltext normale Groesse*/ .artikel_listenpreis { font-size:0.98em; font-weight: bold !important; color: #a00b00 !important;} /*Listenpreis*/ .zoom_trsp { background-color:transparent; width: 100px;} /*Zoombild im Javascript*/ .bestand_1 { font-size:0.98em; color: #000; font-weight:normal;} /*Bestand Teil 1*/ .bestand_2 { font-size:0.98em; color: #a00b00; font-weight:bold !important;} /*Bestand Teil 2*/ /*Warenkorb-Formular*/ .artikel_wk_in { width: 40px; background-color:#fff; color:#000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border:0px; float: left; margin:10px 2px 0 0 !important; padding: 0 0 0 0;} /*Suchfeld*/ .wk_btn1 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; border:1px solid #5b5b5b; color:#000; background-image: url(../images/content/hg_sendbtn.gif); margin:10px 0 0 2px; padding: 0 0 0 0; float: left;} /*GO! Button*/ /* ------------------------------ Artikel-Detailansicht ------------------------------ */ /*Divs*/ #detail1 { width: 300px; float:left; display:block; margin: 10px 20px 0 0;} #detail2 { width: 315px; float:left; display:block; margin: 10px 0 0 0;} #detail3 { width: 615px; padding: 0 0 0 0; margin: 10px 0 0 0; display: block; float: left; } #clear_detail { clear: both; } /*Dieser Div ist zum aufheben des Guillotine-Bug im IE 6*/ /*HTML-Elemente Alphabetisch*/ img.detail_img { padding: 2px; margin: 0 10px 0 0; border: 1px solid #5b5b5b; float: left; } /*Detailbild*/ img.icon { border: 0px; padding: 0 0 0 0; margin: 2px 5px 2px 2px; vertical-align:middle;} /*Icons in der Deatilanzeige des Artikels*/ /*Spans zum Formatieren und Positionieren*/ .artikel_nummer { font-weight: bold; float: none; display:block;} /*Artikelnummer*/ .artikel_titel { font-weight: normal; float: none; display:block;} /*Titel*/ .artikel_xddescr { font-weight: normal; float: none; display:block;} /*Detailtext*/ .artikel_einheit { font-weight: normal; float: none; display:block;} /*Stck, Paar etc.*/ .artikel_abmess { font-weight: normal; float: none; display:block;} /*Abmessungen*/ .artikel_kg1 { font-weight: normal; float: none; display:block;} /*Kenngroesse 1*/ .artikel_kg2 { font-weight: normal; float: none; display:block;} /*Kenngroesse 2*/ .artikel_kg3 { font-weight: normal; float: none; display:block;} /*Kenngroesse 3*/ .artikel_dtext { font-weight: normal; float: none; display:block;} /*Detailtext 2*/ .artikel_erg1 { font-weight: normal; float: none; display:block;} /**/ .artikel_erg2 { font-weight: normal; float: none; display:block;} /**/ .artikel_icons { padding: 0 0 10px 0; display: block; float: none;} /*Span Icon mit XL-Bild*/ .artikel_xl_img { border: 0px; margin: 0 0 0 0; } /*Icon XL-Bild*/ .artikel_p_list { font-weight: bold; float: none; display:block; margin: 0 0 5px 0;} /*Listenpreis*/ .artikel_p_staf { font-weight: bold; color: #fff; font-size: 1.0em; float: none; margin: 0 0 5px 0; display:block;} /*Staffelpreis*/ .artikel_bestand { width: 615px; margin: 10px 0 10px 0; font-weight: normal; display: block; float: left;} /*Bestandsanzeige*/ .artikel_descr { display: block; float: left;} /*Beschreibung fuer Filialshops*/ .artikel_bestand li { font-family: Arial, Helvetica, sans-serif; margin:0 0 0 0!important; padding:0 0 0 0 !important;} /* ------------------------------ Datenbankübersicht ------------------------------ */ /*HTML-Elemete Alphabetisch*/ h2.hauptkat { width: 300px !important; font-size:1.2em !important; font-family: Arial, Helvetica, sans-serif; color: #a00b00; font-weight: bold !important; } /*Übersichts-Seite*/ table.table_ue { width: 614px !important;} td.td_ue { width: 307px !important;} ul.dbue1 { font-family: Arial, Helvetica, sans-serif; margin:0 0 0 0!important; padding:3px 0 0px 10px!important; list-style:none; color: #000;} ul.dbue1 li { font-family: Arial, Helvetica, sans-serif; margin:0 0 0 0!important; padding:0 0 0 0 !important; color: #fff !important;} ul.dbue2 { font-family: Arial, Helvetica, sans-serif; margin:0 0 0 0!important; padding:0 0 10px 10px!important; list-style:none; color: #000;} ul.dbue2 li { font-family: Arial, Helvetica, sans-serif; margin:0 0 0 0!important; padding:0 0 0 0!important; color: #000;} /* ------------------------------ Bestellvorgang ------------------------------ */ /*Divs*/ #agb_field { background-color: #FFF; border: 1px solid #d2d2d2; height: 300px; width: 615px; padding: 5px; overflow: scroll; } /*DIV zum scrollbarenb Anzeigen der AGB*/ #wk_field { background-color: #FFF; border: 1px solid #d2d2d2; height: 300px; width: 615px; padding: 5px; margin-bottom: 10px; overflow: scroll; } /*DIV zum scrollbarenb Anzeigen des Warenkorbs*/ /*HTML-Elemete Alphabetisch*/ .order_linkwk a { width:313px; height: 22px; display: block; font-size:12px; font-weight: bold; text-align: left; text-transform:uppercase; text-decoration: none !important; background-image: url(../images/content/hg_weiter.gif); background-repeat:no-repeat; background-position: left; margin: 10px 0 0 320px; padding: 7px 0 0 15px;}/* Link weiter zum Bestellformular, WK und Bestellhinweise */ .order_link a { width:313px; height: 22px; display: block; font-size:12px; font-weight: bold; text-align: left; text-transform:uppercase; text-decoration: none !important; background-image: url(../images/content/hg_weiter.gif); background-repeat:no-repeat; background-position: left; margin: 0 0 0 0; padding: 7px 0 0 15px;}/* Link weiter zum Bestellformular, WK und Bestellhinweise */ button.order_link { border:0px; color: #a00b00; width:328px; height: 29px;display: block; font-size:12px; font-weight: bold; text-align: left; text-transform:uppercase; background-image: url(../images/content/hg_bestell.gif); margin: 0 0 0 0; padding: 5px 0 5px 15px;}/* Bestellbutton */ #order h2 { width:615px; font-size:1em; font-family: Arial, Helvetica, sans-serif; color:#a00b00; font-weight: bold; border-bottom:1px solid #999; padding:0 0 3px 0; margin:20px 1px 3px 1px; display: block;} /*H2 Bestellvorgang*/ #wkinhalt table { width: 655px !important; margin: 10px 0 0 0;} #wkinhalt th { color: #FFF !important; background-image: url(../images/content/hg_wk_table.jpg); height: 29px; padding: 2px; vertical-align: middle;} tr.foot { color: #000 !important; background-color: #d9d9d9; vertical-align: middle;} tr.footlinie_unten td { color: #000 !important; background-color: #d9d9d9; vertical-align: middle; border-bottom: 1px solid #b0b0b0;} tr.footlinie_oben td { color: #000 !important; background-color: #d9d9d9; vertical-align: middle; border-top: 1px solid #b0b0b0;} #wkinhalt td { color: #000 !important; padding: 2px; vertical-align: middle;} /* ------------------------------ Standardformulare (Anmeldungen etc.) ------------------------------ */ /*HTML-Elemete Alphabetisch*/ button.content_btn { font-size: 12px !important; font-weight: bold !important; border:1px solid #5b5b5b; color:#000 !important; text-decoration: none !important; background-image: url(../images/content/hg_sendbtn.gif); margin:0 20px 0 0px; padding: 2px 10px 2px 10px; float: left; display: block;} /*Button*/ #nanmeldung check { float: left;} input.input_norm { width: 300px;} input.input_klein { width: 50px;} input.input_norm_readonly { width: 300px; border:1px solid #999; color:#999 !important; background-color: #fff !important;} #nanmeldung label { width: 250px; font-family: Arial, Helvetica, sans-serif; color: #000; font-weight: normal; display: block !important; float: left !important; text-indent:5px;} #nanmeldung legend { font-size:1em; font-family: Arial, Helvetica, sans-serif; color: #a00b00; font-weight: bold; display: block !important; padding: 10px 0 10px 0; margin: 0 0 0 0;} #nanmeldung select { background-color:#fff; color:#000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; border:1px solid #999; float: left; display:block; margin:0 10px 0 0; padding: 0 0 0 0; } /*Span fuer eine Formularzeile*/ .formularzeile { width: 615px; display: block; padding: 2px 0 2px 0; margin: 0 0 0 0; float:left;} /* ------------------------------ Seitenfuss ------------------------------ */ /*Divs*/ #clear { clear: both } /*Dieser Div ist zum aufheben des Guillotine-Bug im IE 6/5.5/5.0*/ #footer { width: 674px; height: 127px; background-image: url(../images/content/hg_foot.jpg); background-repeat:no-repeat; float:left; padding:0 0 0 285px; margin: 0 0 0 0; display: block; border-bottom: 1px solid #FFF;} #footer_icons { height: auto; padding: 0 0 0 0; margin:10px 0 15px 0; text-align:left;} /*HTML-Elemete Alphabetisch*/ #footer a, #footer a:link, #footer a:visited { color: #333; text-decoration:none; text-transform:uppercase;} /*Normale Links*/ #footer a:focus, #footer a:hover { color: #000; text-decoration:underline; }/*Over Links*/ #footer hr { display: none; } #footer_icons img { padding:0 0 0 0; margin:0 0 5px 6px; border: 0px; } #footer p { padding:0 0 0 0; margin: 0 32px 0 0; font-size:0.7em; color: #7c7c7c; } #footer_icons p { padding:0 0 0 0; margin:0 0 0 0; } /* ------------------------------ Captcha-Bild ------------------------------ */ .captcha { width: 70px !important; text-align: left; margin: 0 0 0 250px;}