/*
  $Id: stylesheet.css,v 1.42 2002/01/29 12:21:15 jan0815 Exp $

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

  Copyright (c) 2001 osCommerce

  Released under the GNU General Public License
*/

/* boxText: Preise in den Boxen "new" und "specials" */

.boxText { font-family: arial; font-size: 12px; font-weight: normal;
 background-color:#D9D9D9;
  color: #000000;
  line-height:10pt;
  cellpadding: 0px;
  cellspacing: 0px;

}

A.boxText {
 color: #000000;
  text-decoration: none;
}
A.boxText:visited {
  color: #000000;
}
A.boxText:hover {
  color: #FF9900;
}
.errorBox { font-family : Arial, Verdana, sans-serif; font-size : 8px; ; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: crimson; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 8px; color: #70d250; text-decoration: underline; }

BODY {


  marginheight: 0px;
  marginwidth: 0px;
  background-color:#FFFFFF;
  color:#404040;
  font-family: Verdana, Arial, sans-serif;
  scrollbar-base-color:#FFFFFF;
  scrollbar-3d-light-color:#615F5F;
  scrollbar-arrow-color:#FF860D;
  scrollbar-darkshadow-color:#000000;
  scrollbar-face-color:#808080;
  scrollbar-highlight-color:#615F5F;
  border: 0px;
  scrollbar-track-color:#484848;
  scrollbar-size:18px;
  cellpadding: 0px;
  cellspacing: 0px;
text-align:center;
}


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

A:hover {
  color: #FF9900;

  text-decoration: none;
}

A:visited {


  text-decoration: none;
}
FORM {
        display: inline;
}
/* Kopfzeilen und Navigation */
Table.header {
  background: #808080;
  border: 0px;
}

TR.header {
  background: #404040;
  border: 0px;
}

TR.headerNavigation {
  background: #808080;
   border: 0px;
   color: #FFFFFF;
  text-decoration: none;
}


TD.headerNavigation {
  font-family: arial, verdana;
  font-size: 13px;
  background: #808080;
  color: #FFFFFF;
  font-weight: normal;
  border: 0px;

}

A.headerNavigation {
  font-family: arial, verdana;
  font-size: 12px;
  color: #FFFFFF;
}
A:visited.headerNavigation {
  font-family: arial, verdana;
  font-size: 12px;
  color: #FFFFFF;
}
A:hover.headerNavigation {
  font-family: arial, verdana;
  font-size: 12px;
  color: #FF9900;
}
TR.headerError {
  background: #ff0000;
}

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

TR.headerInfo {
  background: #404040;
  color: #ffffff;
}

TD.headerInfo {
  font-family: arial;
  font-size: 18px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

.subNav {
   padding-left:7px;line-height:16px;

   }


/* Datum und Zähler */

TR.footer {
  background: #404040;
  color: #FFFFFF;
font-family: arial, verdana, sans-serif;
  font-size: 12px;
}

TD.footer {
  font-family: arial, verdana, sans-serif;
  font-size: 12px;
  background: #CCCCCC;
  color: #FFFFFF;
  font-weight: bold;
}

TR.InfoPages {

}

TD.InfoPages {

  background: #CCCCCC;
  color: #000000;

}
.InfoPages {
  font-family: arial, verdana, sans-serif;
  font-size: 10px;
   font-weight: normal;
}

A.InfoPages {
  font-family: arial, verdana, sans-serif;
  color: #FF0000;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
}
A:visited.InfoPages {
  color: #000000;
}
A:hover.InfoPages {
  color: #FF0000;
  font-weight: bold;
}

contentBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  color: #D9D9D9;

}



infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  color: #D9D9D9;
  line-height:8pt;

}


infoBoxContents {

  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  color: #ffffff;
  line-height:8pt;
}

A.infoBoxContents {
  color: #ffffff;
  font-size: 9px;
}
A:visited.infoBoxContents {
  color: #000000;
}
A:hover.infoBoxContents {
  color: #FF9900;
}

.infoBoxContentsCo2 {
  background: #ffffff;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
}
A.infoBoxContentsCo2 {
  color: #ffffff;
  font-size: 9px;
}
A:visited.infoBoxContents {
  color: #000000;
}
A:hover.infoBoxContents {
  color: #ffffff;
}




.BestSellersBoxContents {
  background: #FFFFFF;
  font-family: Verdana, Arial, sans-serif;
  font-size: 8px;
  font-weight: bold;



}



Table.BestSellersBox {
  background: #808080;
  font-family: Verdana, Arial, sans-serif;
  font-size: 8px;
  font-weight: bold;
}

TR.BestSellersBox {
  background: #808080;
  font-family: Verdana, Arial, sans-serif;
  font-size: 8px;
  font-weight: bold;
}
TD.BestSellersBox {
  background: #808080;
  font-family: Verdana, Arial, sans-serif;
  font-size: 8px;
  font-weight: bold;
}

BestSellersBoxContents {
  background: #808080;
  font-family: Verdana, Arial, sans-serif;
  font-size: 8px;
  font-weight: normal;
}



.SearchBox {
  background: #808080;


}
TD.SearchBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #b6b7cb;
  color: #ffffff;
}
.SearchBoxContents {
  background: #808080;
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  color: #ffffff;
}

.infoBoxNotice {
  background: #FF8E90;
}

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


}


TD.menuHeading {

  font-family: arial, verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
   background: #404040;
}

TR.agreeBoxHeading {

  font-family: arial, verdana, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #FFFFFF;
   background: #808080;
}

TD.agreeBoxHeading, SPAN.agreeBoxHeading {

  font-family: arial, verdana, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #FFFFFF;
   background: #808080;
}
A.agreeBoxHeading{
  color: #ffffff;
  font-size: 18px;
}
A:visited.agreeBoxHeading {
  color: #000000;
  font-size: 18px;
}
A:hover.agreeBoxHeading {
  color: #FF9900;
  font-size: 18px;
}








TD.infoBoxHeading {

  font-family: arial, verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
   background: #808080;
}

TD.infoBoxHeading a {
  color: #ffffff;
}

TD.infoBoxHeading a:hover {
  color: #F3A952;
  text-decoration:none;
}

TD.infoBoxContents {

  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  font-weight: normal;
  color: #FFFFFF;
   background: #D9D9D9;
   line-height:10pt;

}

TD.categoriesBoxContents {

  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  font-weight: normal;
  color: #FFFFFF;
   background: #D9D9D9;
   line-height:6pt;

}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  background-image:url(images/menushop.gif);
  background: #CCCCCC;
  color: #FFFFFF;
  line-height:10pt;

}

TD.infoBoxSearch {
  font-family: Verdane, Arial, Helvetica;
  font-size: 8px;
  background-image:url(images/menushop.gif);
  background: #808080;
  color: #FFFFFF;

}
A.infoBox {
  color: #000000;
}
A:visited.infoBox {
  color: #000000;
}
A:hover.infoBox {
  color: #FF9900;
}
TR.headerError {
  background: #ff0000;
}
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: #FAFAFA;
  color: #000000;
}

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

TABLE.basicTable {

  border: 0px;
  padding: 0px;
  border-spacing: 0px;
  width: 100%;
}


TABLE.productListing {

  border: 0px;
  border-style:none;
  border-color:transparent;
  padding: 0px;
  border-spacing: 0px;
  width: 100%;
  color: #000000;
}

.productListing-heading {
  font-family: arial, verdana;
  font-size: 12px;
  background: #999999;
  color: #000000;
  font-weight: bold;
  align: left;
}

TD.productListing-data {

  font-family: arial, verdana, sans-serif;
  font-size: 9px;

}

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

A:hover.pageResults {
  color: #FF9900;
  text-decoration: none;
  background: #999999;
}
A:visited.pageResults {
  color: #000000;

  text-decoration: none;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial;
  font-size: 14px;
  font-weight: bold;
  color: #666666;
}

TR.subBar {
  background: #f4f7fd;
}

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

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  line-height: 1.5;
  color: #000000;

}
  A.main {
   font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #000000;
  text-decoration: none;
}
A:visited.main {
 font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #000000;
  text-decoration: none;
}
A:hover.main {
 font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #FF9900;
  font-weight: bold;
  text-decoration: none;
}



TD.smallText, SPAN.smallText, P.smallText {
  font-family: arial, verdana, sans-serif;
  font-size: 10px;
  color: #000000;
}
A {
  color: #000000;
font-family: arial, verdana, sans-serif;
  font-size: 11px;

  text-decoration: none;
}
A:visited.smallText {
  color: #000000;
font-family: arial, verdana, sans-serif;
  font-size: 10px;
  text-decoration: none;
}
A:hover.smallText {
  color: #FF9900;
font-family: arial, verdana, sans-serif;
  font-size: 10px;
  font-weight: bold;
}


TD.accountCategory {
  font-family: Arial, Verdana;
  font-size: 9px;
  color: #FFFFFF;
  background: #CCCCCC;

}

TD.fieldKey {
  font-family:  Verdana, Arial;
  font-size: 10px;
  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;
}

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

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

SPAN.greetUser {
  font-family: Verdana, arial;
  font-size: 12px;
  color: #000000;
  font-weight: bold;
}

TABLE.formArea {
  background: #000000;
  border-color:;
  border-style:;
  border-width: 0px;
}

TD.formAreaTitle {
  font-family:  Verdana, Arial, 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: #D9D9D9; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #D9D9D9; }

.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: 15px; color: #ff0000; }

.link2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #0000CC;
  font-weight: bold;
  text-decoration: none;
}
SPAN.orderEdit {
  font-family: Verdana, Arial, sans-serif;
  color: #FF860D;
  font-size: 10px;
  font-weight: bold;
}

h1 {
 font-family: Verdana, Arial, sans-serif;
 font-size: 14px;
 font-weight: bold;
}
TABLE.btTable {
  background: #ffffff;
  border: 0px;
  cellpadding: 0px;
  border-spacing: 0px;

headerCategoriesItems

  .headerCategoriesItems {
    white-space: nowrap;
    padding-right: 8px;
    color: #333333;
    background-color: #cccccc;
  }

  .headerCategoriesItems a { color: #333333; }
  .headerCategoriesItems a:hover { color: #000000;
  }

#lightbox{
        position: absolute;
        left: 0;
        width: 100%;
        z-index: 100;
        text-align: center;
        line-height: 0;
        }

#lightbox a img{ border: none; }

#outerImageContainer{
        position: relative;
        background-color: #fff;
        width: 250px;
        height: 250px;
        margin: 0 auto;
        }

#imageContainer{
        padding: 10px;
        }

#loading{
        position: absolute;
        top: 40%;
        left: 0%;
        height: 25%;
        width: 100%;
        text-align: center;
        line-height: 0;
        }
#hoverNav{
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 10;
        }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
        width: 49%;
        height: 100%;
        background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
        display: block;
        }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
        font: 10px Verdana, Helvetica, sans-serif;
        background-color: #fff;
        margin: 0 auto;
        line-height: 1.4em;
        overflow: auto;
        width: 100%
        }

#imageData{        padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;        }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;        }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;        }

#overlay{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 90;
        width: 100%;
        height: 500px;
        background-color: #000;
        }
}

#content {
width: 900; margin: auto;
border: 1px solid #999999;
text-align:center;
background-color:#FFFFFF;
}


ul.sitemap {
  
color: #ff0000;

}