/*
  $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

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

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

div,span,p,td,h1,h2,h3,body {font-family:Verdana, Tahoma, Arial, sans-serif; color:#ddd; font-style:normal; font-size:12px; vertical-align:top; }



.boxText { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #d6b85c;}
.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 : 12px; color: #ffc000; text-decoration: bold; }




BODY {
  color:#ffffff;
  background:#232323; 
  background-image:url(images/background.gif); 
  margin:0px;
}


TR	{ vertical-align:top; }


A 	{ color: #ffeaaa; text-decoration: bold; text-decoration:none; }

A:hover 	{ color: #ffc000; text-decoration: bold; text-decoration:none; }

FORM {
	display: inline;
}

TR.header {
  background: #334c33;
}

TR.headerNavigation {
  background: #545454;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #666666;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { color: #ffeaaa; text-decoration:none; }

A.headerNavigation:hover { color: #ffe000; text-decoration:none; }

TR.headerError {
  background: #ff3300;
}

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

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

TR.footer {
  background: #525252;
}

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

.infoBox {
  background: #334c33;
}

.infoBoxContents {
  background: #060606;
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
}

.infoBoxNotice {
  background: #e5e5e9;
}

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

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

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

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

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

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

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #9c7b18;
  color: #FFFFFF;
  font-weight: bold;
}

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

A.pageResults {
  color: #ffc000;
}

A.pageResults:hover {
  color: #ffc000;
  background: #333;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

TR.subBar {
  background: #f4f7fd;
}

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

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 2;
  color: #f2fff7;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #FFFFFF
}

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

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

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

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

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

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

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

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #ffcc33;
  font-weight: bold;
}

TABLE.formArea {
  background: #615c5c;
  border-color: #334c33;
  border-style: solid;
  border-width: 1px;
}

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

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f00;
  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: #999; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #333; }

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

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-style:bold; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #900; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #009900; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #ff0000; }








/*DIV zur Shopzentrierung*/
#center {
      position: absolute;
      left: 50%;
      top: 0%;    /*Abstand zum oberen Bildschirmrand. Eingabe in % oder px*/
      width: 1024px;    /*die gewünschte Breite in px*/
      margin-left: -512px;    /*Die Hälfte der oben festgelegten Breite*/
	  background-color: #000;    /*Erzeugt eine Hintergrundfarbe, ggf. löschen*/
      border: 0px solid #000;    /*Erzeugt einen Rahmen, ggf. löschen*/ 
}



/* Body */

SPAN.productSpecialPrice2 	{ font-family: Verdana, Arial, sans-serif; color: #ff0000; font-style:bold; font-size:22px; }

span.s201	{ margin-left:50px; }

p.p2		{ text-align:right; }

div.d21		{ float:right; margin-left:30px; }

div.d23		{ float:right; margin-left:30px; text-align:right; }

div.d24		{ float:right; margin-left:10px; }

div.d27		{ margin-left:20px; }

div.d202	{ float:right; text-align:center; padding:10px; margin-left:20px; margin-bottom:10px; border:1px solid #ffc000; }

div.d211	{ background:#000; text-align:left; padding:10px; border:0px; border-top:1px solid #ffc000; border-bottom:1px solid #ffc000; }

div.d214	{ background:#000; text-align:left; padding:0px; border:0px; border-top:1px solid #ffc000; border-bottom:1px solid #ffc000; }

td.t111		{ vertical-align:top; border:1px solid #ffc000; background:#333333; padding:20px; color:#fff; width:100%; }

h1			{ font-size:20px; font-style:bold; display:inline; }

h2			{ font-size:16px; font-style:bold; display:inline; }

td.t201		{ background:#000; width:48%; padding:10px; border:0px; border-top:1px solid #ffc000; }

td.t206		{ background:#000; width:48%; padding:10px; border:0px; border-bottom:1px solid #ffc000; text-align:right; }

td.t211		{ border:1px solid #fff; border-bottom:1px solid #ffc000; }

td.t214		{ border:1px solid #fff; border-top:1px solid #ffc000; }



/* Header */

div.d145	{ font-size: 12px; font-weight: bold; text-align: center; background: #00ff00; width:984px; border:0px; padding:0px; padding-left:20px; padding-right:20px; vertical-align:top; margin-bottom:10px; }

div.d142	{ font-size: 12px; font-weight: bold; text-align: center; background: #ff0000; width:984px; border:0px; padding:0px; padding-left:20px; padding-right:20px; vertical-align:top; margin-bottom:10px; }

span.s111	{ float:right; margin-left:50px; }

div.d131	{ font-size:12px; width:984px; border:0px; border-top:3px solid #ffc000; padding:0px; padding-left:20px; padding-right:20px; vertical-align:top; margin-bottom:0px; }



/* Linke & Rechte Spalte */

td.t102		{ width:150px; border:0px; text-align:center; }



/* Boxen */

td.t122		{ border:1px solid #ffc000; }

div.d12		{ font-size: 12px; width:100%; border:0px; }

div.d1274 	{ margin:0px; margin-bottom:1px; background:#444; padding:1px; padding-left:3px; border:0px; }

div.d1271	{ font-size:12px; background:#000; border:0px; border-top:1px solid #ffc000; padding:0px; text-align:left; }

div.d127	{ font-size:12px; font-weight:bold; background:#000; border:0px; border-bottom:1px solid #ffc000; padding:5px; padding-left:20px; padding-right:20px; text-align:left; }

div.d125	{ font-size:12px; background:#333333; border:1px solid #ffffff; border-top:1px solid #ffc000;padding:5px; text-align:center; }

div.d124	{ font-size:12px; background:#333333; border:1px solid #ffffff; border-top:1px solid #ffc000;padding:5px; text-align:left; }

div.d121	{ font-size:12px; font-weight:bold; background:#333333; border:1px solid #ffffff; border-bottom:1px solid #ffc000; padding:2px; padding-left:5px; padding-right:5px; text-align:left; }



/* Produktliste */

.f100 		{ font-weight: bold; border:0px; border-top:1px solid #ffc000; border-bottom:1px solid #ffc000; background:#000; padding-left:10px; padding-right:10px; }

.f110		{ border:0px; border-bottom:1px solid #ffc000; background:#000; padding:10px; }

.f120 		{ font-weight: bold; border:0px; border-top:1px solid #ffc000; border-bottom:1px solid #ffc000; background:#000; padding:10px; }



/* Footer */

div.d111	{ text-align:left; border:1px solid #ffffff; padding:2px; padding-left:5px; padding-right:5px; margin-left:20px; margin-right:20px; background:#333333; }

div.d102	{ text-align:center; }

span.s103	{ float:right; margin-left:30px; }


/* Ejuice-Kalkulator */

.inputoutputbox	{ border:1px solid #ffc000; margin:20px auto; padding:20px; background:#000; }
td.firstcell { font-weight:bold; }
td.vmiddle { vertical-align:middle; }
.error_text { color:#f00; font-weight:bold; }

/* Basispreis */
.base_price {
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  color: #999999;
  font-weight : lighter;
}





/* Invoice */
.invoice	{ font-family: Verdana, Arial, sans-serif; font-size: 10pt; color: #000; font-weight: normal; }

div.invoice	{ margin-left:50px;width:650px; color: #000; }

h1.invoice	{ font-size: 16pt;font-weight: bold;color: #000; }
h2.invoice	{ font-size: 12pt;font-weight: bold;color: #000; }

.td11 { font-weight: bold; font-size: 10pt; border-bottom:1px solid #000000; padding:2px;color: #000; }
.td13 { font-weight: bold; font-size: 10pt; border-bottom:1px solid #000000; padding:2px; text-align:right;color: #000; }
.td21 { font-size: 10pt; border-bottom:1px solid #000000; padding:2px;color: #000; }
.td23 { font-size: 10pt; border-bottom:1px solid #000000; padding:2px; text-align:right;color: #000; }
.td33 { font-size: 10pt; border-bottom:0px solid #000000; padding:2px; text-align:right; color: #000;}