/* =========================================================================================== Projekt : ÖKOTOPIA ------------------------------------------------------------------------------------------- Datei : algemein.css Beschreibung: Allgemein Stylesheet für alle Seitentypen @version $Id: $ =========================================================================================== */ body { background-color:#FFFFFF; font-family: Verdana, sans-serif; font-size: 11px; color: #000000;} input, select, textarea { border: 1px solid #000000; } form { margin: 0px; } .h1Start { margin-bottom:0em;} /* links ... --------------------------------------------------------------------------------- */ a:link , a:visited , a:hover , a:active , a:focus { color: #CC0000; text-decoration: none; background-color: #ffffff;} a.mehr:link , a.mehr:visited , a.mehr:hover , a.mehr:active , a.mehr:focus { color: #CC0000; text-decoration: none; background-color: #ffffff;} a.gekauft:link , a.gekauft:visited , a.gekauft:active , a.gekauft:focus { color: #CC0000; text-decoration: none; background-color: transparent; font-weight:bold; } a.gekauft:hover { color: #CC0000; text-decoration: underline; background-color: transparent;} a.menuLink:link , a.menuLink:visited , a.menuLink:active , a.menuLink:focus { color: #06180D; text-decoration: none; background-color: transparent;} a.menuLink:hover { color: #CC0000; text-decoration: none; background-color: transparent;} a.menuLink2:link { color: #CC0000; text-decoration: none; background-color: transparent;} a.menuLink2:visited { color: #CC0000; text-decoration: none; background-color: transparent;} a.menuLink2:hover { color: #CC0000; text-decoration: none; background-color: transparent;} a.menuLink2:active { color: #CC0000; text-decoration: none; background-color: transparent;} a.menuLink2:focus { color: #CC0000; text-decoration: none; background-color: transparent;} a.angebot:link , a.angebot:visited , a.angebot:hover , a.angebot:active , a.angebot:focus { color: #000000; text-decoration: none; background-color: transparent;} a.teaserlink:link , a.teaserlink:visited , a.teaserlink:hover , a.teaserlink:active ,a.teaserlink:focus { color: #000000; text-decoration: none; background-color: #ffffff;} a.preislisteLnk:link , a.preislisteLnk:visited , a.preislisteLnk:active , a.preislisteLnk:focus { color: #404040; text-decoration: none; background-color: #E3E6AD;} a.preislisteLnk:hover { color: #CC0000; text-decoration: none; background-color: #E3E6AD;} a.kunbearbeiten:link , a.kunbearbeiten:visited , a.kunbearbeiten:active , a.kunbearbeiten:focus , a.kunbearbeiten:hover { color: #404040; text-decoration: none; background-color: #E3E6AD;} /* blocks ==================================================================================== */ #blockOben { position: relative; margin-top: 0px; margin-left: 0px; width: 100%; height: 156px; background-repeat: no-repeat; background-position: 0px 0px; font-weight: bold; font-size: 10px; color: #06180D; background-color: #ffffff; } #blockMain { position: absolute; top: 0px; left: 5px; width: 990px;} #blockMitte { position: relative; float: left; width: 990px; background-image: url(../images/system/bgRechts.gif); background-repeat: repeat-y; padding-bottom: 12px; } #inhaltMitte { position: relative; float: left; width: 820px; background-color: #FFFFFF; } #inhaltRechts { position: relative; float: left; width: 160px; margin-left: 10px; font-size: 10px; text-align: center; border-top: 1px solid #000000; padding-top: 18px; } /* oberen (kopf) bereich --------------------------------------------------------------------- */ #kleinLogoOben { position: absolute; left:900px; top:114px; z-index:1;} .logoOben { width: 990px; margin-top: 0px; height:100px; } .imgLogo { border:none; margin-left:38px; margin-top: 18px; } .seiteTitelOben { margin-top: -4px; font-size: 18px; } .angebotOben { position: relative; float: left; margin-top: 21px; margin-left: 10px; width: 160px; height: 25px; border-top: 1px solid #06180D; text-align: center; padding-top: 10px; } /* menu/submenu/menuunten ==================================================================== */ .menuObenBlock { position: relative; float: left; margin-top: 21px; width: 820px; height: 35px; border-top: 1px solid #06180D; text-align: right; } .menuListe { list-style: none; margin-top: 11px; margin-bottom: 0px; margin-left: 10px; padding-left: 0px; } .menuObenLink { position: relative; float: left; margin-right:20px; } .menuObenLinkAktiv { position: relative; float: left; margin-right:20px; color:#CC0000; } .subMenuBlock { list-style: none; margin-top: 8px; font-weight: bold; font-size: 10px; padding-left: 0px; margin-left: 10px; text-transform:lowercase; } * html body .subMenuBlock { margin-left: 10px; } .subMenuLink { margin-left: 0px; margin-top: 12px; } .subMenuLinkActive { margin-left: 0px; margin-top: 12px; color:#CC0000; } .menuUntenLink { position: relative; float:left; } .menuUntenPipe { position: relative; float:left;margin-left:3px; margin-right:3px; } /* blockMitte inhalt ... ===================================================================== */ .inhaltMitteLinks { position: relative; float: left; width: 165px; } .inhaltMitteRechts { position: relative; float: left; width: 655px; } .inhaltMitteBorder { width: 820px;} /* teasers ================================================================================== */ .teaserContainer { position: relative; float: left; width: 160px; margin-top: 18px; font-size: 10px; color: #06180D; background-color: #ffffff; } .teaserUeberschrift { width: 100%; margin-top: 6px; font-weight: bold; margin-bottom: 4px; } .teaserAbstand { margin-left:5px; } /* angebote ================================================================================== */ .angebotKatalog { border-top:none; margin-left:10px; } .angebotUeberschrift { margin-top: 12px; font-weight: bold; width: 85%; margin-left: 8px; } * html body .angebotUeberschrift { margin-left: 0px; } .angebotTeasertext { margin-top: 6px; width: 85%; margin-left: 8px; } * html body .angebotTeasertext { margin-left: 0px; } /* Warenkorb ================================================================================= */ .warenkorb { float: left; width: 160px; margin-bottom: 15px; font-size: 10px; background-color: #E3E6AD; color:#000000; } .wkContainer { margin-left: 7px; padding-top: 6px; } .wkLoginInputFeld { width: 140px; margin-top: 0px; padding: 2px; font-size: 11px; border: 1px solid #000000; } .wkBild { display: block; } .wkEndeSummeInhalt { float: left; width: 60px; margin-top: 5px; } .wkAnzahl { float: left; width: 70px; margin-top: 5px; font-weight: bold; } a.pwVergessenLink:link { color: #000000; text-decoration: none; background-color: transparent; font-weight:bold; background-color: #E3E6AD; } a.pwVergessenLink:visited { color: #000000; text-decoration: none; background-color: transparent; font-weight:bold; background-color: #E3E6AD; } a.pwVergessenLink:hover { color: #000000; text-decoration: none; background-color: transparent; font-weight:bold; background-color: #E3E6AD; } a.pwVergessenLink:active { color: #000000; text-decoration: none; background-color: transparent; font-weight:bold; background-color: #E3E6AD; } a.pwVergessenLink:focus { color: #000000; text-decoration: none; background-color: transparent; font-weight:bold; background-color: #E3E6AD; } .pwVergessen { margin-left:6px; margin-top:4px; margin-bottom:4px; } * html body .pwVergessen { margin-top:2px; margin-bottom:-3px; } .wkLoginFehler { font-weight:bold; margin-bottom: 5px; color: red; width:100%;padding-bottom:18px; margin-top:-18px; border-bottom:1px solid #000000; background-color:#E3E6AD; } /* warenkorb buttons ----------------------------------------------------------------------- */ .wkButtonBestellung { float: left; width: 147px; height: 24px; margin: 18px 0px 0px 6px; padding: 3px 0px 0px 3px; background-image: url(../images/system/w_150.gif); background-repeat: no-repeat; } * html body .wkButtonBestellung { margin-left: 4px; } *+html .wkButtonBestellung { float: left; width: 147px; height: 24px; margin: 18px 0px 0px 6px; padding: 3px 0px 0px 3px; background-image: url(../images/system/w_150.gif); background-repeat: no-repeat; } .wkButtonBestellungText { font-weight: bold; width: 138px; font-size: 10px; color: #000000; background-color: #C1BF00; border:none; } * html body .wkButtonBestellungText { width: 135px; text-align: center; padding-left: 0px; } *+html .wkButtonBestellungText { width: 135px; text-align: center; padding-left: 0px; } .wkButtonGross { float: left; width: 167px; height: 24px; padding: 2px 0px 0px 4px; background-image: url(../images/system/w_170.gif); background-repeat: no-repeat; } .wkButtonGrossText { width: 162px; height: 16px; border: none; font-size: 10px; font-weight: bold; background-color: #C1BF00; color: #000000; } * html body .wkButtonGrossText { text-align: left; padding-left: 6px; } .wkButtonSuche { float: left; width: 167px; height: 24px; padding: 3px 0px 0px 4px; background-image: url(../images/system/w_170.gif); background-repeat: no-repeat; } .wkButtonSucheGrossText { width: 162px; border: none; font-size: 10px; font-weight: bold; background-color: #C1BF00; color: #000000; } * html body .wkButtonSucheGrossText { text-align: left; padding-left: 6px; } .wkButtonKlein { float: left; width: 80px; height: 24px; margin-left: 10px; padding: 1px 0px 0px 2px; font-weight: bold; background-image: url(../images/system/w_81.gif); background-repeat: no-repeat; } .wkButtonKleinText { border: 1px solid #C1BF00; width: 75px; font-weight: bold; background-color: #C1BF00; font-size: 10px; color: #000000; } * html body .wkButtonKleinText { width: 60px; text-align: left; padding-left: 0px; } .wkButtonAnmeldungsText { font-size: 10px; font-weight: bold; color: #000000; border: none; background-color: #E3E6AD; } * html body .wkButtonAnmeldungsText { width: 100px; } .butAnmelden { background-image: url(../images/system/but_anmelden.gif); background-repeat: no-repeat; } .butAbmelden { background-image: url(../images/system/but_abmelden.gif); background-repeat: no-repeat; } .wkAnmelden { height:20px; width:100px; color:#000000; background-color:#E3E6AD; cursor: pointer; margin-top:6px; margin-left:0px; border:none; } * html .wkAnmelden { margin-left: -6px; } /* footer ===================================================================================*/ .footerAbstandLinks { float: left; width: 820px; height: 9px; color: #06180D; background-color: #B2BB1C; border-bottom: 1px solid #06180D; } .footerAbstandRechts { float: left; width: 160px; height: 10px; margin-left: 10px; background-color: #DEDBCA; color: #06180D; } .footerLinks { float: left; width: 820px; margin-top: 10px; margin-bottom: 15px; } .footerRechts { float: left; width: 160px; margin: 10px 0px 15px 10px; color: #CC0000; background-color: #ffffff; } .footerLogoKlein { float: left; margin-left: 10px; margin-right: 10px; } * html body .footerLogoKlein { margin-left:5px; } .footerText { float: left; } .footerPunkt { float: left; width: 15px; margin-top: -3px; font-weight: bold; text-align: center; } .menuUntenBlock { list-style: none; margin-top: 0px; margin-bottom: 0px; padding-left: 0px; margin-left: 18px; } /* common ... -------------------------------------------------------------------------------- */ .fett { font-weight: bold; } .abstand_Ueberschrift { margin-top: 8px; margin-bottom: 10px; font-weight: bold; } .buttonPfeilRechts { float: left; width: 100px; background-image: url(../images/system/pfeil_rechts.gif); background-repeat: no-repeat; height: 24px; margin-top: 6px; padding-left: 16px; } .artikelSelect { width: 290px; } /* preisliste: Link zum Download ... ---------------------------------------------------------*/ .preisliste { border-top:1px solid #fff; font-weight:bold; padding-top:8px; text-align:center; width:100%; } .listeAbstand { margin-top:150px; } .listeAbstand1 { margin-top:110px; } /*.listeAbstand2 { margin-top:145px; }*/ /* h4 für Shop: Titel:Produktkategorie */ .katalogH1 { margin-top:2px; margin-bottom:4px; font-weight:bold; font-size:12px; } h4 { margin-top:2px; margin-bottom:4px; font-weight:bold; font-size:12px; } .suchKatalogTextShop { height:111px; overflow:hidden; } .suchKatalogSelectsShop { height:105px; overflow:hidden; } /* =========================================================================================== Datei: algemein.css - ende der datei =========================================================================================== */