/*
  $Id: stylesheet.css,v 1.57 2003/07/23 15:31:35 dgw_ Exp $

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

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

/*------------------------------------------------------------------------------------------

font-size    :  legt die Größe des Schrift fest
font-family  :  legt die Schrift-Familie fest ( z.B. Arial,Helvetica,Verdana,Sans-Serif;)
font-weight  :  legt die Gewichtigket fest(z.B. unterstrichen, Fett;Kursiv; etc.)
background   :  legt die Hintergrundfarbe fest (zb. als Name= #white oder in Hex= #003366)
*/


.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.boxTextLeft, .boxTextLeft a:link, .boxTextLeft a:visited { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; }
.boxTextLeft a:hover { color: #0c31ff; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background-color: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background-color: #DDE1FB; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #7B87C9; text-decoration: underline; }

.productDetailsLink { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #636AB0; text-decoration: underline; }
.productDetailsLink a:hover { color: #5500F2; }

/*
.boxText:  Hier kann die Schrift in den Boxen links und rechts im Menu geändert werden.(Familien sind z.B. Times,Helvetica, Comic Sans)
           ACHTUNG! Nur Schriften beutzen die in den Brosern fest integriert sind ansonsten werden diese ignoriert und dafür die
           Standard-Schriften der Browser gezeigt)

.errorBox: // NICHT ÄNDERN // Festgelegte Werte für die Ausgabe der Fehler-Boxen mit dem "Roten Dreieck"
.stockWarning: // EVTL. ÄNDERN // Kann geändert werden,wenn Sie Stock (Lager) verwenden und im Admin/Konfiguration/Stock eingestellt haben.
.productNotifications: // EVTL. ÄNDERN // Ändert die Hintergrundfarbe in der Box checkout_success (Kasse)
*/

/* bof Seitenkopf Limeta */
TD.h1 {
background-image: url(./images/layout/header_topmitte.gif);
background-repeat:repeat-x;
margin-bottom: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 10px;
padding-top: 0px;
}

/*BOF DHTML-Navigation*/
TD.subnavicontent {
        font-family: Verdana, Arial, sans-serif;
        font-size: 10px;
        font-weight: bold;
        color: #000000;
        padding: 4px;
        border-bottom: 1px solid #FFFFFF;
        background-color: #FCE178;
  }

.ebene0 { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; color: #000000; }
.ebeneactive0 { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; color: #186BBD; }

TD.ebene0 {
        font-family: Verdana, Arial, sans-serif;
        font-size: 10px;
        color: #000000;
        padding:5px;
        border-bottom:1px solid #FFFFFF;
        background-color: #CCCCCC;
        background-image:url(./images/layout/cat_pfeil_down.gif);
        background-repeat:no-repeat;
        background-position:right;
    }

.ebene1 { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; color: #000000; }
.ebeneactive1 { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; color: #186BBD;
/* text-decoration:underline; */
}
TD.ebene1 {
        font-family: Verdana, Arial, sans-serif;
        font-size: 10px;
        color: #000000;
        padding-left:10px;
        padding-top:2px;
        padding-bottom:2px;
        background-color: #dde1fb;
        background-image:url(./images/layout/pointer_blue.gif);
        background-repeat:no-repeat;
        background-position:5px;
  }

.ebene2 { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; color: #000000 }
.ebeneactive2 { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; color: #186BBD;
/* text-decoration:underline; */
}

TD.ebene2 {
        font-family: Verdana, Arial, sans-serif;
        font-size: 10px;
        color: #000000;
        padding-left:15px;
        padding-top:2px;
        padding-bottom:2px;
        background-color: #dde1fb;
        background-image:url(./images/layout/pointer_blue_light.gif);
        background-repeat:no-repeat;
        background-position:10px;
  }

/*EOF DHTML-Navigation*/

BODY {
/*background-color: #FFF6E3; ganz helles Gelb*/
/*background-color: #F2F9ED; ganz helles Grün*/
  background-color: #FFFFFF; /*weiss*/
  color: #000000;
  margin: 0px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}


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

A:hover {
  color: #186BBD;
  text-decoration: underline;
}

FORM {
        display: inline;
}

TR.header {
  background-color: #ffffff;
}

TR.headerNavigation {
  background-color: #F1D11C;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background-color:transparent;
  background-image: url(./images/layout/header_bar_bluelines.gif);
  color: #535A80;
  font-weight : bold;
  padding-bottom: 3px;
}

A.headerNavigation { 
  color: #535A80; 
}

A.headerNavigation:hover {
  color: #535A80;
}

TR.headerError {
  background-color: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background-color: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background-color: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background-color: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background-color: #535A80;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background-color: #535A80;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background-color: #b6b7cb;
}

.infoBoxContents {
  background-color: #dde1fb;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background-color: #FF8E90;
}

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

TD.infoBoxHeading {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	background-color: #596380;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #535a80;
  background-color: #d8dcf5;
}

/* --------- BOF LiMeta: Für die Seite product_listing.php (Produktauflistung) ------------ */

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-color: #E6ECFF;
}

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-color: #CFD4E6;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 0px;
}

.productListing-heading {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	background-color: #7b87c9;
}

TD.productListing-data {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
/*  border-bottom: solid 1px #000000; */ /* Horizontale kleine Linie in der Produkt_listing*/
}

/* --------- BOF LiMeta: Für die Seite product_listing.php (Produktauflistung) AB HIER MEINE EIGNEN------------ */

TABLE.infoCenter {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 0px;
}

TABLE.infoCenterContents {
	border: 0px;
	border-color: #b6b7cb;
	border-spacing: 0px;
	background-color: #F2F9ED;
}

/* --------- EOF LiMeta: Für die Seite product_listing.php (Produktauflistung) ------------ */

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background-color: #FFFF33;
}

TD.pageHeading, DIV.pageHeading, h1 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 15px;
  font-weight: bold;
  color: #7b87c9;
  padding-top: 2px;
}

TD.shopStatus {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: bold;
  color: #F1D11D;
}

TR.subBar {
  background-color: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

td, p, 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: 10px;
}

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;
}

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

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT { /*Schriftart für alle Eingabefelder (z.B. Login) - So belassen!*/
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

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

SPAN.greetUser {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #333333;
}

TABLE.formArea {
  background-color: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

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

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

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #C4CDFF; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

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

.messageStack {
  margin: 5px;
  font-size: 10px;
  color: #465584;
  background-color: #FFFCF5;
  border-width: 1px;
  border-style: dotted;
}


/* ---------------
   WYSIWYG-Editor:
   ---------------
   The following HTMLarea styles are used for both the catalog and the Wysiwyg-editors in the admin 
   so we don't have to copy them between both stylesheet.css files!
   But the body,p,td definition above should be kept synchronous!
   
   Remark: The global interface font style and color are not used any more in the categories editors. 
           We rely on the css definitions an do not want to have other definitions interfere with these!
*/

.HTMLareaKategorieText {    /* CSS-Text für Kategorien */
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  /*line-height: 1.2;*/
  /*margin-top: 0px; margin-bottom: 4px;*/
}
.HTMLareaProduktText {    /* CSS-Text für Produkte */
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  /*line-height: 1.2;*/
  /*margin-top: 0px; margin-bottom: 4px;*/
}
.HTMLareaMedium {   /* Similar to body,p,td - Standard size for body text */
  font-family: Arial, sans-serif;
  font-size: 12 px;
  line-height: 1.2;
  margin-top: 0px; margin-bottom: 7px;
}
.HTMLareaLarge {
  font-family: Arial, sans-serif;
  font-size: 14 px;
  line-height: 1.2;
  margin-top: 0px; margin-bottom: 8px;
}
.HTMLarea16 {
  font-family: Arial, sans-serif;
  font-size: 16 px;
  line-height: 1.2;
  margin-top: 0px; margin-bottom: 10px;
}
.HTMLarea18 {
  font-family: Arial, sans-serif;
  font-size: 18 px;
  line-height: 1.2;
  margin-top: 0px; margin-bottom: 11px;
}
.HTMLareaSubHead2 {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}
.HTMLareaSubHead1 {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #444794;
}
.HTMLareaHeadline {    /* Similar to .pageHeading but smaller */
  font-family: Verdana, Arial, sans-serif;
  font-size: 17px;
  font-weight: bold;
  color: #6a6cad;
}

/* ---------------
   LiMeta neue Stylesheets:
   Die folgenden LIMETA styles werden für die Seite products_info.php (Produktbezeichnung etc..) verwendet.
   ---------------
*/

TD.produktTitel, DIV.produktTitel, h1 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 2px;
	padding-left: 5px;
	padding-bottom: 2px;
	background-color: #596380;
}

TD.produktPreis, h1 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	background-color: #596380;
}

SPAN.produktSonderPreis, h1 {
  font-family: Arial, Verdana, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #FF99FF;
  padding-top: 2px;
  padding-right: 5px;
  padding-bottom: 2px;
}

TD.produktDetails {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  padding-top: 2px;
  padding-left: 5px;
  padding-bottom: 2px;
}

/* ---------------
   LiMeta neue Stylesheets:
   Die folgenden LIMETA styles werden für die Seite new_products.php (Neue Produke im ..) verwendet.
   ---------------
*/
TABLE.neueProdukte {
	background-color: #F4F8FF;
	border: 1px;
	border-color: #999999;
	border-style: solid;
}

/* LiMeta: Border von 1px auf 0px gestellt, damit die Hintergrundgrafik sich nicht im Firefox verschiebt */
TR.neueProdukteTitel {
	border: 0px;
	border-style: solid;
	border-color: #b6b7cb;
	border-spacing: 1px;
	background-color: #CCCCCC;
	height: 20px;
	background-image: url(images/layout/header_product_listing.gif);
	background-repeat: repeat;
}

TD.neueProdukteTitel {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #000000;
}