/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/
h2 {
  font-family: Verdana, Arial, sans-serif;
  color: #ffffff;
  font-size: 16px;
}

.product_info_bild {
        border-width:1px;
        border-color:#D8D8DA;
}

.thumbs {
        border-width:1px;
        border-color:#D8D8DA;
background-color: #FFFFFF;
}

/* Blättern mit Icons */
TD.pageResults {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.pageResults1 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}
/* great categories begin */

/*change the menu hover color below*/
#thecategories a:hover {
        background-color: #BFBFC8;
        color: #000000;
}

.catwithsubs, .catwithnosubs {
        padding-right: 5px;
}

#thecategories {
        position: relative;
        top: -6px;
        margin-bottom: -16px;
        width: 100%;
}

.activelink {
        display: block;
        font-weight: bold;
}

#thecategories a {
        display: block;
        padding-bottom: 7px;
        padding-top: 3px;
        width: 100%;
}

/*mozilla fix*/
html>body #thecategories a {
        width: auto;
}
/*end of mozilla fix*/

#topcat a {
        padding-left: 5px;
}

#secondcat a {
        padding-left: 20px;
}

#thirdcat a {
        padding-left: 35px;
}

#fourthcat a {
        padding-left: 50px;
}

#fifthcat a {
        padding-left: 65px;
}
/* great categories end */


.boxText {
        font-family: Verdana, Arial, sans-serif;
        font-size: 10px;
}

.errorBox {
        font-family : Verdana, Arial, sans-serif;
        font-size : 10px;
        background: #ffb3b5;
        font-weight: bold;
}

.stockWarning {
        font-family: Verdana, Arial, sans-serif;
        font-size: 10px;
        color: Red;
}

.productsNotifications {
        background: #f2fff7;
}

.orderEdit {
        font-family: Verdana, Arial, sans-serif;
        font-size: 10px;
        color: Red;
        text-decoration: underline;
}

BODY {
        color: #000000;
        margin: 0px;
        background-image: url(images/page_bg.jpg);
}

A {
        color: #000000;
        text-decoration: none;
}

A.smallText_white {
        font-family: Verdana, Arial, sans-serif;
        font-size: 10px;
        color: white;
}
/* Farbe bei MouseOver */
A:hover {
        text-decoration: underline;
}

A.mainpage {
        font-family: Verdana, Arial, sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: #881415;
}

FORM {
        display: inline;
}

SELECT.Auswahl {
        background-color:#FFFFFF;
        width:220px;
        border-color: #3B3E47;
        border-style: solid;
        border-width: 1px;
}

/* Kopfbereich der Seite wo das Banner von oscommerce eingefuegt ist */
TR.header {
        background: #7488A3;
}

/* Layout der Seite: Farbe rechts und links, Breite */
DIV.pageback {
        background-image: url(images/page_bg.jpg);
}
DIV.page {
}

/* Balken unten mit Datum und Anzahl Zugriffe */
DIV.footerback {
        background-image: url(images/footer_bg.jpg);
        background-repeat: repeat-x;
        border-right-color: #D8D8DA;
        border-right-width: 1px;
        border-right-style: solid;
}
DIV.footer {
        background-image: url(images/footer.jpg);
        background-repeat: no-repeat;
}
TABLE.footer {
}
/*
TR.footer {
        background-color: #1C22E8 ;
        background-image: url(images/boxen.jpg);
        background-repeat: no-repeat;
}
*/
TD.footer {
        font-family: Verdana, Arial, sans-serif;
        font-size: 10px;
        color: #000000;
        font-weight: bold;
}

/* Navigationszeile unmittelbar unter dem Kopfbereich */
DIV.headerNavigationback {
        background-image: url(images/breadcrumb_bg.jpg);
        background-repeat: repeat-x;
        border-right-color: #D8D8DA;
        border-right-width: 1px;
        border-right-style: solid;
}
DIV.headerNavigation {
        background-image: url(images/breadcrumb.jpg);
        background-repeat: no-repeat;
}
TR.headerNavigation {
}
TD.headerNavigation {
        font-family: Verdana, Arial, sans-serif;
        font-size: 10px;
        color: #000000;
        font-weight: bold;
}

A.headerNavigation_special_1 {
        color: #881415;
}

/* Navigationszeile bei MouseOver */
A.headerNavigation_special_1:hover {
        color: #881415;
}

/* Navigationszeile Textfarbe */
A.headerNavigation1 {
        color: #000000;
}

/* Navigationszeile bei MouseOver */
A.headerNavigation1:hover {
        color: #000000;
}

/* Boxen Header Navigation Textfarbe */
A.headerNavigation {
        color: #FFFFFF;
}

/* Boxen Header bei MouseOver */
A.headerNavigation:hover {
        color: #FFFFFF;
}

/* Einblendung bei Fehler oder Warnung z.B. AGBs nicht akzeptiert */
TR.headerError {
        background: #0000ff;
}
TD.headerError {
        font-family: Tahoma, Verdana, Arial, sans-serif;
        font-size: 12px;
        background: #0000ff;
        color: #ffffff;
        font-weight : bold;
        text-align : center;
}

/* Einblendung beim Versand eines neuen Passworts */
TR.headerInfo {
        background: #00ff00;
}
TD.headerInfo {
        font-family: Tahoma, Verdana, Arial, sans-serif;
        font-size: 12px;
        background: #00ff00;
        color: #ffffff;
        font-weight: bold;
        text-align: center;
}

TD.headerCart {
        font-family: Verdana, Arial, sans-serif;
        font-size: 10px;
        color: #FFFFFF;
        font-weight: bold;
}

/* Headerzeile zwischen Logo und Navigation  */
DIV.headerback {
        background-image: url(images/suche_bg.jpg);
        background-repeat: repeat-x;
        border-right-color: #D8D8DA;
        border-right-width: 1px;
        border-right-style: solid;
}
DIV.extraheader {
        background-image: url(images/suche.jpg);
        background-repeat: no-repeat;
}
TR.extraheader {
}
TD.extraheader {
        font-family: Verdana, Arial, sans-serif;
        font-size: 10px;
        color: #ffffff;
        font-weight: bold;

}

/* Headerzeile Suche */
TD.headersearch {
        font-family: Verdana, Arial, sans-serif;
        font-size: 10px;
        color: #ffffff;
        font-weight: bold;
}
/* Headerzeile Tabs */
TD.headertabs {
        font-family: Verdana, Arial, sans-serif;
        font-size: 12px;
        color: #000000;
        font-weight: bold;
        background-position: bottom;
        line-height: 14pt;
}
A.headertabs {
        font-family: Verdana, Arial, sans-serif;
        font-size: 12px;
        color: #000000;
        font-weight: bold;
        line-height: 14pt;
}
A.headertabs:hover {
        font-family: Verdana, Arial, sans-serif;
        font-size: 12px;
        color: #000000;
        font-weight: bold;
        line-height: 14pt;
        }

DIV.bodyback {
        background-image: url(images/body_bg.jpg);
        border-right-color: #D8D8DA;
        border-right-width: 1px;
        border-right-style: solid;
}
DIV.bodyleft {
        background-image: url(images/body_left.jpg);
        background-repeat: repeat-y;
}
DIV.bodypic {
        background-image: url(images/body.jpg);
        background-repeat: no-repeat;
}
Table.bottom {
        border-bottom-color: #D8D8DA;
        border-bottom-width: 1px;
        border-bottom-style: solid;
}

/* Familyproducts Liste Fuellfarbe aller Boxen */
.infoBoxContentsCo1 {
        background: #BFBFC8;
        font-family: Verdana, Arial, sans-serif;
        font-size: 11px;
}
.infoBoxContentsCo2 {
        background: #ADADB5;
        font-family: Verdana, Arial, sans-serif;
        font-size: 11px;
}


.infoBoxNotice {
        background: #FF8E90;
}

.infoBoxNoticeContents {
        background: #FFE6E6;
        font-family: Verdana, Arial, sans-serif;
        font-size: 10px;
}

/* Farbe des Rahmens um alle Boxen */
.infoBox {
        background: #D8D8DA;
}

.imageBox {
        background: #CC3300;
}

/* Fuellfarbe Ueberschrift aller Boxen */
TABLE.infoBoxHeading {
        background-image: url(images/body_bg.jpg);
        border-top-color: #D8D8DA;
        border-top-width: 1px;
        border-top-style: solid;
        border-left-color: #D8D8DA;
        border-left-width: 1px;
        border-left-style: solid;
        border-right-color: #D8D8DA;
        border-right-width: 1px;
        border-right-style: solid;
}
/*
TR.infoBoxHeading {
        background-color: #1C22E8;
        background-image: url(images/boxen.jpg);
        background-repeat:no-repeat;
}
*/
TD.infoBoxHeading {
        font-family: Verdana, Arial, sans-serif;
        font-size: 10px;
        font-weight: bold;
        color: #ffffff;
}

/* X-Sell Box */
TABLE.xinfoBoxHeading {
        background-color: #E8261C;
        background-image: url(images/xboxen.jpg);
        background-repeat:no-repeat;
}
/*
TR.xinfoBoxHeading {
        background-color: #E8261C;
        background-image: url(images/xboxen.jpg);
        background-repeat:no-repeat;
}
*/
TD.xinfoBoxHeading {
        font-family: Verdana, Arial, sans-serif;
        font-size: 10px;
        font-weight: bold;
        color: #ffffff;
}

.xinfoBoxContents {
        background: #D8D8DA;
        font-family: Verdana, Arial, sans-serif;
        font-size: 10px;
}
/* Rahmenfarbe X-Sell Box */
.xinfoBox {
        background: #B6231C;
}


/* Fuellfarbe aller Boxen */
.infoBoxContents {
        background: #BFBFC8;
        font-family: Verdana, Arial, sans-serif;
        font-size: 10px;
}


TD.infoBox, SPAN.infoBox {
        font-family: Verdana, Arial, sans-serif;
        font-size: 10px;
}

/* Farbe Produktliste ungerade Zeilen */

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
        background: #BFBFC8;
}

/* Farbe Produktliste gerade Zeilen */

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
        background: #ADADB5;
}

TABLE.productListing {
        border: 1px;
        border-style: solid;
        border-color: #D8D8DA;
/*  padding-left: 1px;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 1px; */
}

TABLE.productinfo {
        border: 1px;
        border-style: solid;
        border-color: #D8D8DA;
/*  margin: 2px 2px 2px;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px; */
        background-color: #BFBFC8;
}

/* Alle Überschriften */
TABLE.productname {
        border: 1px;
        border-style: solid;
        border-color: #D8D8DA;
/*  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px; */
        background-color: #ADADB5;
}

/* Hintergrund für alle Seiten */
TABLE.custom {
        border: 1px;
        border-style: solid;
        border-color: #D8D8DA;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
        background-color: #BFBFC8;
}
/* Feld Anzahl auf Produktseite */
TD.productpage {
        font-family: Verdana, Arial, sans-serif;
        font-size: 10px;
        color: #000000;
}

/* Produkttabelle Ueberschrift Fuellfarbe */

TR.productListing-heading {
        background-image: url(images/body_bg.jpg);
}
TD.productListing-heading {
        font-family: Verdana, Arial, sans-serif;
        font-size: 10px;
        color: #FFFFFF;
        font-weight: bold;
}

A.productListing-heading:hover {
        font-family: Verdana, Arial, sans-serif;
        font-size: 10px;
        background: #1D2393;
        color: #FFFFFF;
        font-weight: bold;
}

TD.productListing-data {
        font-family: Verdana, Arial, sans-serif;
        font-size: 10px;
}

/* Farbe Seitenauswahl unten rechts */
A.pageResults {
        color: #FFFFFF;
}

/* Farbe Seitenauswahl unten rechts bei bei MouseOver */
A.pageResults:hover {
        color: #FFFFFF;
        text-decoration: underline;
}

/* Ueberschrift Farbe wie unser Angebot, Kategorien, etc. */
TD.pageHeading, DIV.pageHeading {
        font-family: Verdana, Arial, sans-serif;
        font-size: 18px;
        font-weight: bold;
        color: #000000;
}
TD.pageHeading_white, DIV.pageHeading_white {
        font-family: Verdana, Arial, sans-serif;
        font-size: 18px;
        font-weight: bold;
        color: #FFFFFF;
}

/* Ueberschrift Farbe für Artikelname in product_info */
H1 {
        font-family: Verdana, Arial, sans-serif;
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 1px;
        margin-top: 1px;
        font-weight: bold;
        color: #000000;
}

TR.subBar {
        background: #f4f7fd;
}

/* Sub Titelzeile z.B. Es wurden keine Artikel gefunden ... */
TD.subBar {
        font-family: Verdana, Arial, sans-serif;
        font-size: 10px;
        color: #303B5D;
}

/* Haupt-Schrift */
TD.main, P.main {
        font-family: Verdana, Arial, sans-serif;
        font-size: 11px;
        line-height: 1.5;
}

TD.main_white, P.main_white {
        font-family: Verdana, Arial, sans-serif;
        color: white;
        font-size: 11px;
        line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
        font-family: Verdana, Arial, sans-serif;
        font-size: 10px;
}

TD.smallText_white, SPAN.smallText_white, P.smallText_white {
        font-family: Verdana, Arial, sans-serif;
        font-size: 10px;
        color: white;
}

TD.prodText, SPAN.prodText, P.prodText {
        font-family: Verdana, Arial, sans-serif;
        font-size: 12px;
        color: #000000;
}

/* Bonuspunkte in product_info */
SPAN.pointstext {
        font-family: Verdana, Arial, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #000000;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

/* Farbe der neuen Artikel im Warenkorb */
SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

/* Farbe Schriftzug Gast bei der Begruessung */
SPAN.greetUser {
        font-family: Verdana, Arial, sans-serif;
        font-size: 11px;
        color: #000000;
        font-weight: bold;
}

/* Formularbereich bei Weiterempfehlungen und Kundenkonto */
TABLE.formArea {
        background: #f1f9fe;
        border-color: #7b9ebd;
        border-style: solid;
        border-width: 1px;
}
TD.formAreaTitle {
        font-family: Tahoma, Verdana, Arial, sans-serif;
        font-size: 12px;
        font-weight: bold;
}

SPAN.markProductOutOfStock {
        font-family: Tahoma, Verdana, Arial, sans-serif;
        font-size: 12px;
        color: #ff0000;
        font-weight: bold;
}
SPAN.productSpecialPrice {
        font-family: Verdana, Arial, sans-serif;
        color: #ff0000;
}
SPAN.errorText {
        font-family: Verdana, Arial, sans-serif;
        color: #ff0000;
}

/* Farbe des ausgewählten Kategorienamens in der Box Categories */
SPAN.CategoryText {
        font-family: Verdana, Arial, sans-serif;
        color: #000000;
}

/* Preise */
TD.productPriceInListing {
        font-family: Verdana, Arial, sans-serif;
        font-size: 12px;
        font-weight: bold;
}
TD.productPriceInBox {
        font-family: Verdana, Arial, sans-serif;
        font-size: 11px;
        color: #000000;
}
SPAN.Familypreis {
        font-family: Verdana, Arial, sans-serif;
        font-size: 12px;
        color: #000000;
        font-weight: bold;
}
TD.Hauptpreis {
        font-family: Verdana, Arial, sans-serif;
        font-size: 12px;
        color: #000000;
        font-weight: bold;
}
TD.productPriceInProdInfo {
        font-family: Verdana, Arial, sans-serif;
        font-size: 14px;
        font-weight: bold;
}

/* MouseOver-Balken im checkout-Bereich */
.moduleRow {
}
.moduleRowOver {
        background-color: #D7E9F7;
        cursor: pointer;
}

.moduleRowSelected {
        background-color: #E9F4FC;
}

/* Navigationsleiste unten im checkout */
.checkoutBarFrom, .checkoutBarTo {
        font-family: Verdana, Arial, sans-serif;
        font-size: 10px;
        color: #BFBFC8;
}
.checkoutBarCurrent {
        font-family: Verdana, Arial, sans-serif;
        font-size: 10px;
        color: #FFFFFF;
}

/* message box */
.messageBox {
        font-family: Verdana, Arial, sans-serif;
        font-size: 10px;
}
.messageStackError, .messageStackWarning {
        font-family: Verdana, Arial, sans-serif;
        font-size: 10px;
        background-color: #ffb3b5;
}
.messageStackSuccess {
        font-family: Verdana, Arial, sans-serif;
        font-size: 10px;
        background-color: #99ff00;
}

/* input requirement */
.inputRequirement {
        font-family: Verdana, Arial, sans-serif;
        font-size: 10px;
        color: #ff0000;
}

/* ----------------- coolMenu ----------------- */
.clCMEvent {
        position: absolute;
        width: 99%;
        height: 99%;
/*        clip: rect(0,100%,100%,0);            */
        left: 0;
        top: 0;
        visibility: visible
}
.clCMAbs {
        position: absolute;
        visibility: hidden;
        left: 0;
        top: 0;
}
.clBar {
        position: absolute;
        width: 10px;
        height: 10px;
        background-color: #ffffff;
        visibility: hidden;
}
.clLevel0,.clLevel0over {
        position: absolute;
        padding: 7px 11px;
        font-family: Verdana,arial,helvetica,sans-serif;
        font-size: 11px;
}
.clLevel0 {
        background-color: #D8D8DA;
        color: #000000;
}
.clLevel0over {
        background-color: #FFCC00;
        color: #000000;
        cursor: pointer;
}
.clLevel0border {
        position: absolute;
        visibility: hidden;
        background-color: #000000;
}
.clLevel1, .clLevel1over {
        position: absolute;
        padding: 6px 10px;
        font-family: Verdana,arial,helvetica,sans-serif;
        font-size: 11px;
}
.clLevel1 {
        background-color: #D8D8DA;
        color: #000000;
}
.clLevel1over {
        background-color: #FFCC00;
        color: #000000;
        cursor: pointer;
}
.clLevel1border {
        position: absolute;
        visibility: hidden;
        background-color: #000000;
}
/* ----------------- coolMenu_eof ----------------- */