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

.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: #CC0033; }
.productsNotifications { background: #F2FFF7; }
.orderEdit { font-family: Verdana, Arial, sans-serif; font-size: 10px; }

/*----- Hauptbereich des Shops -----*/
BODY { background-image: url(/images/icons/background_color_out.bmp); background: #C0C0C0; color: #000000; margin: 0px; padding: 0; text-align: center; }
#bodyWrapper { width: 1000; margin: auto; background: #FFFFFF; border: 1px solid #FFFFFF; text-align: center; }
#bodyWrapperMobile { width: 100%; margin: auto; background: #FFFFFF; border: 1px solid #FFFFFF; text-align: center; }
P { color: #000000; margin: 0px; /*line-height: 1.5;*/ }
TD { font-family: Verdana, Arial, sans-serif; font-size: 11px; }
H1 { font-family: Verdana, Arial, sans-serif; font-size: 18px; font-weight: bold; vertical-align: top; color: #000000; }
H2 { font-family: Verdana, Arial, sans-serif; font-size: 16px; font-weight: bold; vertical-align: top; color: #000000; }
H3 { font-family: Verdana, Arial, sans-serif; font-size: 14px; font-weight: bold; vertical-align: top; color: #000000; }
H4 { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; vertical-align: top; color: #000000; }
A { color: #0000FF; text-decoration: none; }
A:hover { color: #FF4500; text-decoration: none; }
/* Alternativ: mit Hintergrund
A { display:block }
A:link { color: #0000FF; text-decoration: none; }
A:visited { color: #0000FF; text-decoration: none; }
A:active { color: #FF4500; text-decoration: none; }
A:hover { color: #FF4500; text-decoration: none;  background-color:#F0F1F1 }*/

/*----- Kopfbereich wo das Banner eingefügt ist -----*/
FORM { display: inline; }
TR.header { background: #FFFFFF; }

/*----- Navigationszeile unter dem Kopfbereich -----*/
TD.headerNavigation { font-family: Verdana, Arial, sans-serif; font-size: 11px; padding: 1px 0px 2px 0px; background: #000000; /*BACKGROUND-IMAGE: url(images/icons/bg_boxes_head.gif); BACKGROUND-REPEAT: repeat;*/ color: #FFFFFF; font-weight: bold; }
A.headerNavigation { color: #FFFFFF; text-decoration: none; }
A.headerNavigation:hover { color: #FF4500; text-decoration: none; }

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

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

/*----- Balken unten mit Datum und Anzahl Zugriffe -----*/
TD.footer { font-family: Verdana, Arial, sans-serif; font-size: 11px; padding: 1px 0px 2px 0px; background: #000000; /*BACKGROUND-IMAGE: url(images/icons/bg_boxes_head.gif); BACKGROUND-REPEAT: repeat;*/ color: #FFFFFF; font-weight: bold; }
A.footer { color: #FFFFFF; text-decoration: none; }
A.footer:hover { color: #FF4500; text-decoration: none; }

/*----- Kategorien in boxes/categories.php -----*/
/*SPAN.categories_0 { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: bold; cursor:hand; }
#cat_0 a { padding-left: 5px; padding-top: 2px; display: block; font-weight: bold; color: #FFFFFF; height: 18px; background: #FF4500; }*/
SPAN.categories_0 { font-family: Verdana, Arial, sans-serif; font-size: 12px; padding-left: 5px; padding-top: 2px; display: block; color: #FFFFFF; font-weight: bold; height: 18px; background: #FF4500; cursor: hand; }

/*----- infoBoxen -----*/
.infoBox {/*-- Rahmen --*/ background: #000000; }
.infoBoxContents, .infoBoxContents P {/*-- Inhalt --*/ background: #F8F8F9; font-family: Verdana, Arial, sans-serif; font-size: 10px; }
A.infoBoxContents { color: #0000FF; text-decoration: none; }
A.infoBoxContents:hover { color: #FF4500; text-decoration: none; }
.infoBoxNotice { background: #FF8E90; }
.infoBoxNoticeContents { background: #FFE6E6; font-family: Verdana, Arial, sans-serif; font-size: 10px; }
TD.infoBoxHeading {/*-- Ueberschrift --*/ font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; background: #000000; /*BACKGROUND-IMAGE: url(images/icons/bg_boxes_head.gif); BACKGROUND-REPEAT: repeat;*/ color: #FFFFFF; }
A.infoBoxHeading { color: #FFFFFF; text-decoration: none; }
A.infoBoxHeading:hover { color: #FF4500; text-decoration: none; }
TD.infoBox, SPAN.infoBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }

/*----- Box/Tabelle -----*/ 
.box, .box P { background-color: #F8F8F9; }
HR.box { margin: 0px auto; height: 1px; }
TD.boxHeading { font-size: 11px; font-weight: bold; padding: 0px 0px 2px 0px; background: #000000; /*BACKGROUND-IMAGE: url(images/icons/bg_boxes_head.gif); BACKGROUND-REPEAT: repeat;*/ color: #FFFFFF; }
TD.boxHeadingRed { font-size: 11px; font-weight: bold; padding: 1.5px 7px 2px 7px; background-color: #FF4500; /*BACKGROUND-IMAGE: url(images/icons/bg_boxes_head.gif); BACKGROUND-REPEAT: repeat;*/ color: #FFFFFF; }
  
/*----- Produktliste -----*/
TABLE.productListing {/*-- Rahmen --*/ border: 1px; border-style: solid; border-color: #000000; border-spacing: 1px; }
.productListing-heading {/*-- Überschrift --*/ font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; padding: 0px 2px 2px 2px; background: #000000; /*BACKGROUND-IMAGE: url(images/icons/bg_boxes_head.gif); BACKGROUND-REPEAT: repeat;*/ color: #FFFFFF; }
TD.productListing-data { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {/*-- Füllfarbe ungerade Zeilen --*/ background: #FAFAFA;}
TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {/*-- Füllfarbe gerade Zeilen --*/ background: #F8F8F9; }

/*----- Seitenauswahl unten rechts -----*/
A.pageResults { color: #0000FF; }
A.pageResults:hover { color: #FF4500; background: #FFFFF0; }

/*----- Überschrift wie unser Angebot, Kategorien, etc. -----*/
TD.pageHeading, DIV.pageHeading { font-family: Verdana, Arial, sans-serif; font-size: 18px; font-weight: bold; vertical-align: top; color: #000000; }
TD.pageHeadingMobile, DIV.pageHeadingMobile { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; vertical-align: top; color: #000000; }

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

/*----- Tax Info -----*/
.tax_info { font-family: Verdana, Arial, sans-serif; font-size: 9px; color: #758389; }

/*----- 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: 10px; font-weight: normal; }
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; }

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

/*----- Product Beschreibung -----*/
P.productHeading { font-family: Verdana, Arial, sans-serif; font-size: 18px; font-weight: bold; /*text-decoration:underline;*/ }

/*----- Farbe der neuen Artikel im Warenkorb -----*/
SPAN.newItemInCart { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #0000FF; }
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; }

/*----- Schriftzug Gast bei der Begrüssung -----*/
SPAN.greetUser { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #f0A480; font-weight: bold; }

/*----- Formularbereich bei Weiterempfehlungen und Kundenkonto -----*/
TABLE.formArea { background: #FFFFF0; border-color: #000000; 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: Verdana, Arial, sans-serif; font-size: 10px; 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; }

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

/*----- CheckOutBar im checkout -----*/
.checkoutBarFrom { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #009900; } 
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #FF4500; }
.checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8C8C8C; }

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

/*----- Box-Werbung -----*/
.boxw { position: relative;/*fuer IE*/ background-color: #FFFFFF; }
.boxw p { margin-top: 0px; margin-bottom: 1px; border: 3px solid #FF4500; padding: 0px 0px 0px 0px; background-color: #FFFFFF; }

/*----- Rollover Effekt bei den Bildern und der Produktliste -----*/
a.imagerollover, a.imagerollover:link, a.imagerollover:visited, a.imagerollover:active  { position: relative; text-decoration: none; color: #0000ff; }
a.imagerollover:hover { color: #0000ff; background: #fff; }
a.imagerollover span { display: none; text-decoration: none; }
a.imagerollover:hover span { display: block; position: absolute; top: -190px; left: 110px; z-index: 10; border:0px solid #CCCCCC; color: #000000; background: #fff; text-align: left; visibility: inherit; }

/*----- cart_tooltip -----*/
#popCart { position: absolute;/*not change*/ top: 200px; /*top: 35% wenn margin-top: -100*/ left: 50%; width: 410px; margin-left: -205px;/*exact half of width as negative value*/ /*margin-top: -100;/*could be anything from -100 to 0 - exact half of height but this value is not defined*/ background-color: #f8f8f8; border: 2px solid #FF4500; color: #000; z-index: 10000;/*not change*/ display: none;/*not change*/ padding: 20px; }
#popCartMobil { position: absolute;/*not change*/ top: 100px; /*top: 35% wenn margin-top: -100*/ left: 50%; width: 300px; margin-left: -150px;/*exact half of width as negative value*/ /*margin-top: -100;/*could be anything from -100 to 0 - exact half of height but this value is not defined*/ background-color: #f8f8f8; border: 2px solid #FF4500; color: #000; z-index: 10000;/*not change*/ display: none;/*not change*/ padding: 2px; }
ul.popcartList { list-style-type:none; margin:0; padding:0; }
li.popcartButton { float:left; padding-right:10px; }
#popCart_overlay { position: fixed; z-index:10000; top: 0px; left: 0px; height: 100%; width: 100%; background-color: #000; display: none; /*filter: ProgID:DxImageTransform.Microsoft.Alpha(opacity=75);/*aktueller IE*/ filter: alpha(opacity=75);/*alter IE*/ opacity: 0.75;/*aktuelle mozilla, Safari, Opera*/ -moz-opacity: 0.75;/*alter mozilla*/ -KHTML-opacity: 0.75;/*alter Safari*/ }
* html #popCart_overlay {/*aktueller IE*/ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight - 21); width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth - 21); }