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

/*** BANNER
/********************************************** BANNER verlosung */
.head1-banner {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22.5px;
	font-weight: bold;
	color: #a8db20;
	margin-left: 0px;
}
.head2-banner {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #a8db20;
	font-size: 18px;
	font-weight: bold;
	margin-left: 0px;
	padding-top: 5px;
}
.head3-banner {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #4c4c4c;
	font-weight: bold;
	margin-left: 0px;
	margin-top: -27px;
}
.copy-banner {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4c4c4c;
	margin-left: 0px;
	margin-top: -10px;
	margin-right: 285px;
	
	z-index: 0;
}
.img2-banner {
	margin-left: 0px;
	margin-top: 30px;
	padding-bottom: 0px;
}

/*** BOXEN

/********************************************** BOX BESTELLPROZESS, WARENKORB, ANMELDEN, NEU, SALE farbe COPY */
.boxText {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #444444;
	left: auto;
}

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

.box-neu {
	font-size: 2em;
	padding: 0.5em;
	margin-left: 0em;
	margin-top: 2em;
	margin-right: 1em;
	color: #97BC29;
	border: solid 0.3em #FFCC33;
	outline-color: #FFCC33;
	outline-style: solid 0.2em red;
	background-color: #CCCCCC;
	height: 10em;
	width: 15em;
	float: left
}

.productsNotifications { background: #CCCC33; }

/********************************************** BESTELLPROZESS farbe LINKS */
.orderEdit { 
	font-family : Verdana, Arial, sans-serif; 
	font-size : 10px; 
	color: #97BC29; 
	text-decoration: none;
}

.orderEdit:hover {
	font-family : Verdana, Arial, sans-serif;
	font-size : 10px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}


BODY {
/********************************************** farbe für hintergrund um shop herum */
  background: #FFFFF;
/********************************************** beschreibungstext für produkte, preise etc. - jetzt dunkleres grau #666666 */
  color: #666666;
}

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

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


/************************************************************* COPY produkte vor/zurück - jetzt grau */
TD.next {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #999999;
}

A {
/********************************************** farbe copy LINKS allgemein - jetzt dunkelgrau */
  color: #97BC29;
  text-decoration: none;
  font-weight: normal;
}

A:hover {
/********************************************** farbe copy LINKS mouseover, baut auf den stil darüber auf (A - wenn dieser fett, dann hier auch fett) wirkt sich auf alle LINKS aus - grün, normal (wenn hier normal, dann bleiben LINKS normal */
  color: #333333;
  font-weight: inherit;
}

A.fett {
/********************************************** farbe copy LINKS FETT - jetzt dunkelgrau */
  color: #97BC29;
  text-decoration: none;
  font-weight: bold;
}

/********************************************** kleine texte */
/********************************************** kleine texte */
/********************************************** kleine texte */

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


TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
/************************************************************* ARTIKELNUMMER unter name bei detailansicht in weiss */
SPAN.smallText_w {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

/********************************************** farbe copy HEADER auf zusatzseiten allgemein - jetzt dunkelgrau */
SPAN.header1 {
	color: #666666;
	font-size: 14px;
	font-weight: bold;
}

/********************************************** farbe copy HEADER auf zusatzseiten allgemein - jetzt dunkelgrau */
SPAN.header2 {
	color: #97BC29;
	font-size: 19px;
	font-weight: bold;
}

/********************************************** farbe copy HEADER auf zusatzseiten allgemein - jetzt dunkelgrau */
SPAN.header3 {
	color: #97BC29;
	font-size: 14px;
	font-weight: bold;
}

/******************************************************************** MENÜ *****************************/
/******************************************************************** MENÜ *****************************/
/******************************************************************** MENÜ *****************************/

/**** MENU IN ZUGEKLAPPTEM ZUSTAND + ALLES NICHT GEKLICKTE */
.menuStart {
	font-weight: bold;
	color: #666666;
}
/******************************************************************** position der menu elemente */
#thecategories {
	position: relative;
	top: -9px;
	margin-bottom: -16px;
	width: 140px;
}
#thecategories a {
	display: block;
	padding-bottom: 7px;
	padding-top: 3px;
	width: 100%;
}
/******************************************************************** farbe menu hover - jetzt schwarz */
#thecategories a:hover {
	background-color: #DAEE9E;
	color: #333333;
	font-weight: bold;
}
/***************** PFEIL RUNTER *************************************************** position der menu elemente */
.catwithsubs {
	padding-left: 6px;
	padding-right: 2px;
	padding-bottom: 16px;	
}
/***************** PFEIL NACH RECHTS *************************************************** position der menu elemente */
.catwithsubs2 {
	
	padding-right: 2px;
	padding-bottom: 16px;
}
.catwithnosubs {
	padding-right: 2px;
	padding-bottom: 16px;
}

/******************************************************************** MENU nach klick auf link */
.activelink {
	display: block;
	font-weight: bold;
	color: #97BC29;

}
#secondcat {
	padding-left: 10px;
	
}
#thirdcat {
	padding-left: 20px;

}

/******************************************************************** META NAV */
/******************************************************************** META NAV */
 
.meta {
	font-family: Verdana, Arial, sans-serif;
	font-size: 7pt;
	color: #666666;
	font-weight: bold;
}

A.meta:hover {
	font-family: Verdana, Arial, sans-serif;
	font-size: 7pt;
	color: #97BC29;
	font-weight: bold;
}

A.meta:active {
	font-family: Verdana, Arial, sans-serif;
	font-size: 7pt;
	color: #97BC29;
	font-weight: bold;
}

/*mozilla fix*/
html>body #thecategories a {
	width: auto;
}
/*end of mozilla fix*/

FORM {
	display: inline;
}

TR.header {
  background: url(background.gif);
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
/********************************************** farbe copy header ? */
  color: #0000FF;
  font-weight : bold;
}

A.headerNavigation { 
/********************************************** farbe copy header ? */
  color: #CC0000; 
}

A.headerNavigation:hover {
/********************************************** farbe copy header ? */
  color: #97BC29;
}

TR.headerError {
  background: #FF9900;
}

TD.headerError {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #FF9900;
/********************************************** farbe copy header ? */
  color: #FFFFFF;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
/********************************************** farbe ? */
  background: #00FF00;
}

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

TR.footer {
  background: #FF0000;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
/* footer img mit datum, die  */
  /*background: url(menu_background5.gif);*/
 
/*************************************************** farbe des footertextes mit datum, die balkenfarbe (wenn bild ausgeblendet) wird über "shop grundlayout" gesteuert */
  color: #FFFFFF;
  font-weight: ;
}

.infoBox {
/*************************************************** farbe randlinie der boxen - ist jetzt grün gestrichelt */
  background: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-color: #97BC29;
	border-right-color: #97BC29;
	border-bottom-color: #97BC29;
	border-left-color: #97BC29;
}

.infoBoxContents {
/*************************************************** farbe boxen hintergrund - ist jetzt grau */
  background: #FFFFFF;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

A.infoBoxContents2 {
/*************************************************** BOX links */
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

.infoBoxNotice {
/*************************************************** farbe copy meldung im box header */
  background: #FF8E90;
}

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

TD.infoBoxHeading {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
/*************************************************** farbe des box headers */
background: #B5E130;
/*  background: url(menu_background_0.gif); */
/*************************************************** farbe COPY im box header */
  color: #FFFFFF;
}

TD.infoBoxHeading A {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
/*************************************************** farbe copy im box header "neue produkte" "angebote" "unsere highlight's" (startseite)*/
	color: #FFFFFF;
}

TD.infoBox, SPAN.infoBox {
  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.productInfo, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {

/*************************************************** farbe auflistung von produkten zeile 1 */
  background: #FFFFFF;
  border: 0px;
  border-style: solid;
  border-color: #FF0000;
  border-spacing: 10px;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {

/*************************************************** farbe auflistung von produkten zeile 2 */
  background: #FFFFFF;
  border: 0px;
  border-style: solid;
  border-color: #FF0000;
  border-spacing: 10px;
}

TABLE.productListing {
	/************************************************ rahmen um ganze (produkt)liste herum */
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-color: #97BC29;
	border-right-color: #97BC29;
	border-bottom-color: #97BC29;
	border-left-color: #97BC29;
}
/************************************************** TABLE HEADER produktliste */
.productListing-heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #B5E130;
	color: #666666;
	font-weight: bold;
	height: 20px;
}
.productListing-copy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: 666666;
}

.productListing-heading:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
    color: #FFFFFF;
	font-weight: bold;

}

/**************************************************	HERSTELLER */
/***************************************************************/

/**************************************************	HERSTELLER */

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

SPAN.manufacturer {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #777777;
}

/************************************************** copy productlisting hersteller, model */
.productListing-name {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
    color: #555555;
	font-weight: bold;
}	

/************************************************** copy productlisting hersteller, model */
A.productListing-name:hover {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
    color: #97BC29;
	font-weight: bold;
}	

TD.productListing-data {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;	
}
/************************************************** PREIS copy productlisting PREIS */
.productListing-price {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #555555;
}

/************************************************** copy productlisting "lesen sie mehr" */
.productListing-more {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
    color: #97BC29;
	font-weight: normal;
}
/************************************************** funktioniert nicht - copy LINK "lesen sie mehr" */
A.productListing-more:hover {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
    color: #444444;
	font-weight: bold;
}

/********************************************** copy LINKS warenkorb "versandkosten" */
#productListing-data a:hover {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: inherit;
	color: #000000;
}

/********************************************** STEUER, VERSAND in liste im shop */
.tax_info {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #555555;
	font-weight: normal;
}

.ship_costs {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #777777;
}

A.ship_costs:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #97BC29;
}

A.productDetail {
	/********************************************** farbe copy LINKS produktansicht "weiterempf. etc. */
  color: #97BC29;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

A.productDetail:hover {
/********************************************** farbe copy LINKS produktansicht "weiterempf. etc. */
  color: #333333;
  font-weight: bold;
}

SPAN.productDetail {
/********************************************** AMPEL COPY FARBE */
  color: #999999;
	font-weight: bold;
	font-size: 10px;
}

.productTitle {
	/********************************************** SONDERANGEBOTE */
  color: #FF9900;
	font-weight: bold;
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

A.productTitle:hover {
	/********************************************** SONDERANGEBOTE */
  color: #333333;
	font-weight: bold;
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

A.pageResults {
/************************************************ farbe für seitenzahlen zum blättern unterhalb der listen */
  color: #FF9900;
}

A.pageResults:hover {
	color: #97BC29;
	font-weight: inherit;
}

TD.pageAsk {
  font-size: 14px;
  color: #7D7D7D;
  font-weight: bold;
}
/************************************************ SEITENTITEL, NAME produkt  */
TD.pageHeading, DIV.pageHeading {
	font-family: Verdana, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	/*************** farbe copy seitentitel für 'startseite' 'suche' ' mein konto', mein warenkorb, gästebuch etc. - jetzt dunkel grau */
  color: #7D7D7D;
	line-height: 20px;
}

TR.subBar {
  background: #f4f7fd;
}

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

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

TD.categoryHeader {
	font-family: Verdana, Arial, sans-serif;
	font-size: 24px;
	color: #97BC29;
	font-weight: bold;
}

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

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
/************************************************************* farbe copy für neuen artikel im warenkorb */
  color: #990000;
}

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

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
/************************************************************* farbe copy für begrüßeung für neuen user im shop */
  color: #CC00CC;
  font-weight: bold;
}
/************************************************************* KONTAKT feld antispam unten */	
TABLE.formArea {
	border-style: solid;
	border-width: 1px;
	border-color: FF9900;
}

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

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
/* farbe copy produkte die ausverkauft sind ??? */
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
/******************************************************* farbe copy sonderpreis */
  color: #CC0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
/* farbe copy fehlermeldung */
  color: #990000;
}

TD.productPriceInListing {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #d2e9fb;
}

TD.productPriceInBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #eeeeee;
}

TD.productPriceInProdInfo {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #FF0000;
}

.moduleRow { }
.moduleRowOver { background-color: #DAEE9E; cursor: hand; cursor: hand; }

/******************************************************************** BESTELLVORGANG hintergrundfarbe hell */
.moduleRowSelected { 
	background-color: #DAEE9E; 
}
/******************************************************************** BESTELLVORGANG fortschrittsanzeige unten */
.checkoutBarFrom, .checkoutBarTo {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #8c8c8c;
	font-weight: bold;
}
.checkoutBarCurrent {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #333333;
	font-weight: bold;
}

/******************************************************************** message box */

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

/******************************************************************** farbe balken unter text bei fehlern (zb. mail nicht registriert */
.messageStackError, .messageStackWarning { 
	font-family: Verdana, Arial, sans-serif; 
	font-size: 10px; 
	color: #FFFFFF;
	background-color: #FF9900; 
}

/******************************************************************** farbe balken unter text bei benachrichtigungen (zb. neues passwort verschickt */
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #FFFF00; }


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

.mws_boxTop    { background: url('images/infobox/top.gif');
                 font-family: Tahoma;
                 font-size: 11px;
                 text-align : center;
                 font-weight: bold;
                 background-repeat:repeat-x;
                 vertical-align: middle;
                 white-space: nowrap; }
.mws_boxLeft   { background: url('images/infobox/upper_left.gif'); }
.mws_boxRight  { background: url('images/infobox/upper_right.gif'); }
.mws_boxBottom { background: url('images/infobox/top.gif');
                 font-family: Verdana, Arial, sans-serif;
                 font-size: 11px;
                 text-align : center;
                 vertical-align: middle;
                 white-space: nowrap; }
.mws_boxCenter { background: #FFFFFF; }

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

A.buybothPrice {

            font-family: Palatino Linotype;

            font-size: 18px;

/*         color: b2d524; */

            color: #59118E;

}

A.buybothHeading {

            font-family: Palatino Linotype;

            font-size: 18px;

/*         color: b2d524; */

            color: #59118E;

}

.buybothText {

            font-family: Verdana, Arial, sans-serif;

            font-size: 11px;

            color: #FF00FF;
)

.BuyTwoModule {

            background: #FFFFFF;

}

TD.pollBoxRow {   
font-family: Verdana, Arial, sans-serif;   
font-size: 10px;   border-color: #eeeeee;   
border-style: solid;   border-width: 1px;
} 

TD.pollBoxText {   
font-family: Verdana, Arial, sans-serif;   
font-size: 10px;   border-color: #eeeeee;   
border-style: solid;   
border-width: 1px;
} 

TR.pollOptRow {   
background: #f1f9fe; 
} 
TR.pollFooter { 
  background: #f1f9fe;
}

.infoBoxContents2 {

	background: #FFcccc;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	vertical-align : text-bottom;
	margin : auto;
	background-position : bottom;

}

SPAN.pricesavings, SPAN.pricesavingstext, SPAN.priceinsteadfeatured, SPAN.pricenormalfeatured {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

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

.maooffer {
  background: #0aa220;
  color: #fffffa;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  font-variant: small-caps;
  border: medium;
  border-style: outset;
}

.maolowoffer {
  background: #dd0000;
  color: #ffffff;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  font-variant: small-caps;
  border: medium;
  border-style: ridge;
}
SPAN.footer_products {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #996600;
}