/*
  $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
*/

div.start {
  margin: 0 auto;
}

div.startbox {
 position : relative;
 top: -18px;
 right: -1px;
 float: right;
 margin-left: 20px;
 padding: 10px;
 border: 3px solid #8D1616;
 background-color: #CCCCCC;
 color: #5D5D5D;
}

div.starttext {
vertical-align: top;
}

h2.points {
 color: #8D1616;
 font-size: 1.5em;
}

div.points_help {
        background-color: #E4E7EE;
        border: 1px solid #8D1616;
        DISPLAY: none;
        POSITION: relative;
        padding: 4px;
        margin: 2px;
        border-left: 5px solid #8D1616;
        text-align: justify;
        color: #333333;
}

A.points_help {
        color: #333333;
}

span.startpointtext {
        color: #8D1616;
        
}

#login_oben {
   border-right-width:1px;
   border-right-style:solid;
   border-right-color: #8481BE;
   border-top-width:1px;
   border-top-style:solid;
   border-top-color: #8481BE;
   border-left-width:1px;
   border-left-style:solid;
   border-left-color: #8481BE;
   background-color: #D2D2E8;
}

#login_unten {
   border-right-width:1px;
   border-right-style:solid;
   border-right-color: #8481BE;
   border-bottom-width:1px;
   border-bottom-style:solid;
   border-bottom-color: #8481BE;
   border-left-width:1px;
   border-left-style:solid;
   border-left-color: #8481BE;
   padding-right: 10px;
   padding-bottom: 9px;
   background-color: #D2D2E8;
}

TD.column_left {
        background-color: #C7C7E2;
}

TD.column_right {
        background-color: #C7C7E2;
}

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

A.main_white {
        font-family: Verdana, Arial, sans-serif;
        font-size: 11px;
        color: #303B5D;
}

div#header {
        margin: 0;
        height: 150px;
}

div#logo {
        text-align: center;
        z-index:3;
}

div#share {
        position:relative;
        top:5px;
        left:5px;
        z-index:5;
        font-family:Verdana, Arial, sans-serif;
        font-size:11px;
}

div#language {
        position:relative;
        top:5px;
        left:5px;
        z-index:4;
        font-family:Verdana, Arial, sans-serif;
        font-size:11px;
}

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

.thumbs {
        border-width:1px;
        border-color:#8383C2;
}
/* great categories begin */

/*change the menu hover color below*/
#thecategories a:hover {
        background-color: #C4C4E1;
        color: #303B5D;
}

.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: 11px;
}

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

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

.productsNotifications {
        background: #f2fff7;
}

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

BODY {
        color: #303B5D;
        margin: 0px;
        background-color: #C4C4E1;
        font-family:Verdana, Arial, sans-serif;
        font-size : 8px;
}

/* Layout der Seite: Farbe rechts und links, Breite */
DIV.pageback {
        background-color: #C4C4E1;
}
DIV.page {
        background-color: #C4C4E1;
/*        border-left-width:1px;
        border-left-style:solid;
        border-left-color:#C4C4E1;
        border-right-width:1px;
        border-right-style:solid;
        border-right-color:#C4C4E1;
        border-bottom-width:1px;
        border-bottom-style:solid;
        border-bottom-color:#C4C4E1;*/
}

A {
        color: #303B5D;
        text-decoration: none;
}

A.smallText_white {
        font-family: Verdana, Arial, sans-serif;
        font-size: 11px;
        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:1px solid #8383C2;
        border-color: #8383C2 #8383C2 #8383C2 #8383C2;
        border-style: solid;
        border-width: 1px;
}

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

/* Navigationszeile unmittelbar unter dem Kopfbereich */
Table.headerNavigation {
        background: #D2D2E8;
        border:1px solid #8383C2;
/*      background-image: url(images/infobox/status.gif); */
}

TR.headerNavigation {
        background: #D2D2E8;
/*      background-image: url(images/infobox/status.gif); */
}
TD.headerNavigation {
        font-family: Verdana, Arial, sans-serif;
        font-size: 11px;
        background: #D2D2E8;
/*        background-image: url(images/infobox/status.gif); */
        color: #303B5D;
        font-weight: bold;
}

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

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

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

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

/* 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: 11px;
        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: 11px;
        background: #00ff00;
        color: #ffffff;
        font-weight: bold;
        text-align: center;
}

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

/* Headerzeile zwischen Logo und Navigation  */
DIV.extraheader {
        background-color: #8383C2;
}
TD.extraheader {
   /*     background-image: url(images/aftersix4_2.jpg); */
        font-family: Verdana, Arial, sans-serif;
        font-size: 11px;
        color: #303B5D;
        font-weight: bold;

}

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

/* Balken unten mit Datum und Anzahl Zugriffe */
TABLE.footer {
        background-color: #8383C2;
}
/*
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: 11px;
        color: #303B5D;
        font-weight: bold;
}

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


.infoBoxNotice {
        background: #FF8E90;
}

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

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

.imageBox {
        background: #8383C2;
}

/* Fuellfarbe Ueberschrift aller Boxen */
TABLE.infoBoxHeading {
        background-color: #8383C2;
}
/*
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: 11px;
        font-weight: bold;
        color: #303B5D;
        background-color: #8383C2;
}

/* X-Sell Box */
TABLE.xinfoBoxHeading {
        background-color: #8383C2;
}
/*
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: 11px;
        font-weight: bold;
        color: #303B5D;
}

.xinfoBoxContents {
        background: #D2D2E8;
        font-family: Verdana, Arial, sans-serif;
        font-size: 11px;
}
/* Rahmenfarbe X-Sell Box */
.xinfoBox {
        background: #8383C2;
}


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


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

/* 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: #C7C7E2;
}

/* 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: #D2D2E8;
}

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

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

TABLE.productname {
        border: 1px;
        border-style: solid;
        border-color: #8383C2;
/*  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px; */
        background-color: #D2D2E8;
}
/* Produkttabelle Ueberschrift Fuellfarbe */

TD.columnleft {
/*        background: #C90D0C;
        background-image: url(images/boxen.jpg);
        background-repeat:no-repeat; */
}
TR.productListing-heading {
        background: #8383C2;
}
TD.productListing-heading {
        background: #8383C2;
        font-family: Verdana, Arial, sans-serif;
        font-size: 11px;
        color: #303B5D;
        font-weight: bold;
}

A.productListing-heading:hover {
        font-family: Verdana, Arial, sans-serif;
        font-size: 11px;
        background: #8383C2;
        color: #303B5D;
        font-weight: bold;
}

A.productListing-heading {
        font-family: Verdana, Arial, sans-serif;
        font-size: 11px;
        background: #8383C2;
        color: #303B5D;
        font-weight: bold;
}

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

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

/* Farbe Seitenauswahl unten rechts bei bei MouseOver */
A.pageResults:hover {
        color: #303B5D;
        background: #D2D2E8;
}

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

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

TR.subBar {
        background: #f4f7fd;
}

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

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

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

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

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

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

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

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

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

/* Farbe der neuen Artikel im Warenkorb */
SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  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: #303B5D;
        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: 11px;
        font-weight: bold;
}

SPAN.markProductOutOfStock {
        font-family: Tahoma, Verdana, Arial, sans-serif;
        font-size: 11px;
        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;
}

/* Preise */
TD.productPriceInListing {
        font-family: Verdana, Arial, sans-serif;
        font-size: 11px;
        font-weight: bold;
}
TD.productPriceInBox {
        font-family: Verdana, Arial, sans-serif;
        font-size: 11px;
        color: #303B5D;
}
SPAN.Familypreis {
        font-family: Verdana, Arial, sans-serif;
        font-size: 11px;
        color: #303B5D;
        font-weight: bold;
}
TD.Hauptpreis {
        font-family: Verdana, Arial, sans-serif;
        font-size: 11px;
        color: #303B5D;
        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; cursor: hand;
}
.moduleRowSelected {
        background-color: #E9F4FC;
}

/* Navigationsleiste unten im checkout */
.checkoutBarFrom, .checkoutBarTo {
        font-family: Verdana, Arial, sans-serif;
        font-size: 11px;
        color: #8c8c8c;
}
.checkoutBarCurrent {
        font-family: Verdana, Arial, sans-serif;
        font-size: 11px;
        color: #303B5D;
}

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

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

/* ----------------- coolMenu ----------------- */
.coolmenu {
        position: relative;
        left: 0;
        top: 0;
}
.clCMEvent {
        position: relative;
        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: #D2D2E8;
        color: #303B5D;
}
.clLevel0over {
        background-color: #FFCC00;
        color: #303B5D;
        cursor: pointer;
        cursor: hand;
}
.clLevel0border {
        position: absolute;
        visibility: hidden;
        background-color: #8383C2;
}
.clLevel1, .clLevel1over {
        position: absolute;
        padding: 6px 10px;
        font-family: Verdana,arial,helvetica,sans-serif;
        font-size: 11px;
}
.clLevel1 {
        background-color: #D2D2E8;
        color: #303B5D;
}
.clLevel1over {
        background-color: #FFCC00;
        color: #303B5D;
        cursor: pointer;
        cursor: hand;
}
.clLevel1border {
        position: absolute;
        visibility: hidden;
        background-color: #8383C2;
}
/* ----------------- coolMenu_eof ----------------- */