/* Allgemeine Voreinstallungen */ /*******************************/ /* allgemeiner Text auf allen Seiten */ body { color: #333333; font-family: Arial; text-decoration: none; font-size:12px; text-align: center; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; background-color: #FFFFFF;} td { color: #333333; font-family: Arial; text-decoration: none; font-size:12px; } h1 {font-size: 1.4em;} h2 {font-size: 1.2em;} h3 {font-size: 1.3em;} h4 {font-size: 1.15em;} h5 {font-size: 1em;} h6 {font-size: 1em;} /* Aussehen von Links */ a:link { color: #DDAB4A; text-decoration: none;} a:visited { color: #DDAB4A; text-decoration: none;} a:hover { color: #DDAB4A; text-decoration: underline;} a:active { color: #DDAB4A; text-decoration: none;} /* Aussehen Links der Artikelübersicht */ #gauswahl { color: #333333; text-decoration: none; margin-bottom: 5px;} #gauswahl a:link { color: #333333; text-decoration: none;} #gauswahl a:visited { color: #333333; text-decoration: none;} #gauswahl a:hover { color: #333333; text-decoration: underline;} #gauswahl a:active { color: #333333; text-decoration: none;} /* Position und Ausrichtung des eigentlichen Hauptfensters */ .hauptfenster { border:0px solid red; top:0px; height:100%; min-height: 600px; border-collapse:separate; border-spacing:7px; table-layout:auto; width: 950px;} /* Erscheinungsbild der einzelnen Teilfenster des Shops*/ /*******************************************************/ td.logo { background-color: #FFFFFF; border:0px solid #DDAB4A; margin:6px; text-align: left;} td.warenkorblink { background-color: #245619; border:1px solid #DDAB4A; width: 200px;} td.hauptmenue { background-color: #245619; border:1px solid #DDAB4A; width: 750px;} td.warengruppenmenue { background-color: #245619; border:1px solid #DDAB4A; width: 200px;} td.sonderangebote { background-color: #245619; border:1px solid #DDAB4A; width: 200px;} td.counter { background-color: #245619; border:1px solid #DDAB4A; width: 200px; font-size:10px; color: #FFFFFF;} td.hauptseiten { background-color: #FFFFFF; border:1px solid #DDAB4A; background-image:url(../bilder/hintergrund.jpg); background-repeat:no-repeat; background-position: 60% 50%; background-attachment:fixed; padding:0px;width: 750px;} /* Erscheinungsbild spezieller Elemente des Shops*/ /*************************************************/ /* Link zum Warenkorb: obere Zeile */ a.linkZumWarenkorbFett:link { font-weight:bold; text-decoration: none; color: #DDAB4A;} a.linkZumWarenkorbFett:visited { font-weight:bold; text-decoration: none; color: #DDAB4A;} a.linkZumWarenkorbFett:hover { font-weight:bold; text-decoration: underline; color: #DDAB4A;} a.linkZumWarenkorbFett:active { font-weight:bold; text-decoration: none; color: #DDAB4A;} /* Link zum Warenkorb: untere Zeile */ a.linkZumWarenkorbDuenn:link { font-weight:normal; text-decoration: none; color: #DDAB4A; font-size:10px;} a.linkZumWarenkorbDuenn:visited { font-weight:normal; text-decoration: none; color: #DDAB4A; font-size:10px;} a.linkZumWarenkorbDuenn:hover { font-weight:normal; text-decoration: underline; color: #DDAB4A; font-size:10px;} a.linkZumWarenkorbDuenn:active { font-weight:normal; text-decoration: none; color: #DDAB4A; font-size:10px;} /* Einträge im Hauptmenü (Startseite, Links, Kontakt,...) */ a.hauptmenueeintrag:link {font-weight:bold; text-decoration: none; color: #DDAB4A;} a.hauptmenueeintrag:visited {font-weight:bold; text-decoration: none; color: #DDAB4A;} a.hauptmenueeintrag:hover {font-weight:bold; text-decoration: underline; color: #DDAB4A;} a.hauptmenueeintrag:active {font-weight:bold; text-decoration: none; color: #DDAB4A;} /* Warengruppen-Menü: Hauptwarengruppe */ a.hauptwarengruppe:link {font-weight:bold; text-decoration: none; color: #DDAB4A;} a.hauptwarengruppe:visited {font-weight:bold; text-decoration: none; color: #DDAB4A;} a.hauptwarengruppe:hover {font-weight:bold; text-decoration: underline; color: #DDAB4A;} a.hauptwarengruppe:active {font-weight:bold; text-decoration: none; color: #DDAB4A;} /* Warengruppen-Menü: aktive Warengruppe */ a.hauptwarengruppeaktiv:link {background-color: #DDAB4A; font-weight:bold; text-decoration: none; color: #245619;} a.hauptwarengruppeaktiv:visited {background-color: #DDAB4A; font-weight:bold; text-decoration: none; color: #245619;} a.hauptwarengruppeaktiv:hover {background-color: #DDAB4A; font-weight:bold; text-decoration: underline; color: #FFFFFF;} a.hauptwarengruppeaktiv:active {background-color: #DDAB4A; font-weight:bold; text-decoration: none; color: #245619;} /* Warengruppen-Menü: Unterwarengruppe */ a.unterwarengruppe:link { text-decoration: none; color: #DDAB4A;} a.unterwarengruppe:visited { text-decoration: none; color: #DDAB4A;} a.unterwarengruppe:hover { text-decoration: underline; color: #DDAB4A;} a.unterwarengruppe:active { text-decoration: none; color: #DDAB4A;} /* Warengruppen-Menü: aktive Warengruppe */ a.unterwarengruppeaktiv:link {background-color: #DDAB4A; text-decoration: none; color: #245619;} a.unterwarengruppeaktiv:visited {background-color: #DDAB4A; text-decoration: none; color: #245619;} a.unterwarengruppeaktiv:hover {background-color: #DDAB4A; text-decoration: underline; color: #FFFFFF;} a.unterwarengruppeaktiv:active {background-color: #DDAB4A; text-decoration: none; color: #245619;} /* Übersicht der Produkte einer Warengruppe: Seitenzahlen am Fuß */ a.seitenzahlen:link {font-weight:normal; text-decoration: none; color: #DDAB4A;} a.seitenzahlen:visited {font-weight:normal; text-decoration: none; color: #DDAB4A;} a.seitenzahlen:hover {font-weight:normal; text-decoration: underline; color: #DDAB4A;} a.seitenzahlen:active {font-weight:normal; text-decoration: none; color: #DDAB4A;} /* Übersicht der Produkte einer Warengruppe: aktelle Seite */ a.aktuelleseite:link {background-color: #DDAB4A; font-weight:normal; text-decoration: none; color: #245619;} a.aktuelleseite:visited {background-color: #DDAB4A; font-weight:normal; text-decoration: none; color: #245619;} a.aktuelleseite:hover {background-color: #DDAB4A; font-weight:normal; text-decoration: underline; color: #FFFFFF;} a.aktuelleseite:active {background-color: #DDAB4A; font-weight:normal; text-decoration: none; color: #245619;} /* Sonderangebote: Überschrift */ .sonderangebotUeberschrift { background-color: #DDAB4A; color: #FFFFFF; text-decoration:none; margin-left:5px;} /* Sonderangebote: Produkttitel und Preis */ a.sonderangebot:link { color: #DDAB4A; text-decoration:none;} a.sonderangebot:visited { color: #DDAB4A; text-decoration:none;} a.sonderangebot:hover { color: #DDAB4A; text-decoration:underline;} a.sonderangebot:active { color: #DDAB4A; text-decoration:none;} /* Überschriften auf den verschiedenen Hauptseiten */ .headline { color: #333333; text-decoration: none; font-size:14px; text-align: center; font-weight: 600; } /* wichtige Überschriften */ .wichtigeUeberschrift { background-color: #DDAB4A; color: #FFFFFF;} /* Produktbild innerhalb des Produktbeschreibungstextes */ .produktdetailtabelle { background-color: #FFFFFF; border:1px solid #DDAB4A;} .produktbild { text-align:right; margin-right:5px; margin-bottom: 0px;} /* Link "vorheriges Bild" und "nächstes Bild" in der Produktdetailansicht */ a.bild:link {font-weight:normal; font-size:10px; text-decoration: none; color: #DDAB4A;} a.bild:visited {font-weight:normal; font-size:10px; text-decoration: none; color: #DDAB4A;} a.bild:hover {font-weight:normal; font-size:10px; text-decoration: underline; color: #DDAB4A;} a.bild:active {font-weight:normal; font-size:10px; text-decoration: none; color: #DDAB4A;} /* Warenkorbtabelle (gilt auch für den letzten Schritt der Bestellung "Bestellung: Schritt 4 von 4" */ .warenkorbtabelle { border:1px solid #DDAB4A; margin:2px;} /* Detailbeschreibung eines Produktes: oberer Teil des rechten */ .produktdetail1 { border:1px solid #DDAB4A; margin:2px; background-color: #FFFFFF;} .produktdetail2 { border:1px solid #DDAB4A; margin:2px; background-color: #FFFFFF;} /* Warnhinweis bei falsch eingegebener Kundenadresse oder nicht akzeptierten AGBs */ .warnung { color: #FF3300; font-weight:bold; background-color:#FFFF66;} /* Buttons */ .button { color: #FFFFFF; background-color: #DDAB4A; font-size:10px; font-weight: normal; border: solid 1px #000000;} div#nav a:hover color: #000000; background: transparent; border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: #999999; background-attachment: scroll; background-image: url(cms_grafik/pfeil_1.gif); background-repeat: no-repeat; background-position: 5px 4px; } /* Definition allgemeiner HTML-Elemente im Shop */ /************************************************/ /* Listen und Aufzählungen */ li {margin-left:2em; margin-top:5px; margin-bottom:5px;} /* PullDownMenüs */ select {font-size: 10px;} /* eine bestimmte Option in einem PulldownMenü */ option {margin-bottom: 2px;} /* Eingabefelder für Texte */ input {font-size: 10px; border: 1px solid #DDAB4A;} /* horizontale HTML-Linie */ hr {margin-top:0px; margin-bottom:0px; height:0px; border:1px dashed silver; background:silver;} form {margin: 0px; padding:0px; border: 0px solid white;} /* Footer Zeile Startseite */ /************************************************/ .footer { color: #2e2e2e; font-size:10px; font-weight: normal;} .footer h1{ color: #2e2e2e; font-size:10px; font-weight: normal;} .footer a{ color: #2e2e2e; font-size:10px; font-weight: normal; text-decoration: underline;} .footer a:hover{ color: #2e2e2e; font-size:10px; font-weight: normal; text-decoration: none;}