/* -----------------------------------------------------------------------------------------
   $Id: stylesheet.css,v 1.5 01.09.2008 (rubra) $   

   XT-Commerce - community made shopping
   modified by http://www.rbmmedia.com

   Copyright (c) 2008 RBMmedia.com
   -----------------------------------------------------------------------------------------
   based on: 
   (c) 2000-2001 The Exchange Project  (earlier name of osCommerce)
   (c) 2002-2003 osCommerce(stylesheet.css,v 1.54 2003/05/27); www.oscommerce.com 
   (c) 2003	 nextcommerce (stylesheet.css,v 1.7 2003/08/13); www.nextcommerce.org

   Released under the GNU General Public License 
   ---------------------------------------------------------------------------------------*/

/* --------- imort für lightbox - rubra --------------------------------------------------*/
   imort für lightbox - rubra
   @import url("/lightbox/css/lightbox.css");
/* ---------------------------------------------------------------------------------------*/

/* -----------------------------------------------------------------------------------------
   Katalog links mit Artikeln
   ---------------------------------------------------------------------------------------*/

.boxText { 
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background-color: #CCCCCC;
        }

.boxTextKatalog { 
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
        color: #FFFFFF;
	/* background-color: ##4A76AB; Hier ist ein PROBLEM!!!!!!!!!!!!!!!! Blau = #4A76AB */
        }

.boxTextBG {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-color: #f1f1f1; /* Blau weiss= FFFFFF*/
        }

.boxTextBGII {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
        /* background-color: #F1F1F1; Blau=4A76AB weiss= FFFFFF*/
        }
/* -----------------------------------------------------------------------------------------
   Hintergrund der Zelle - aus dem Warenkorb entfernen
   ---------------------------------------------------------------------------------------*/

.boxTextPrice {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #FF0000;
	font-weight: bold;
}

.errorBox {
	font-family : Verdana, Arial, sans-serif;
	font-size : 10px;
	font-weight: bold;
	background-color: #ffb3b5;
}
.gvBox {
	font-family : Verdana, Arial, sans-serif;
	color: #99CC00;
	font-size : 14px;
	font-weight: bold;
	/* border-color: #ffffff;*/
	/* border: 0px solid;   ORG solid 1px */
	/* background-color: #FFFFFF;*/
}
.stockWarning { 
	font-family : Verdana, Arial, sans-serif;
	font-size : 10px;
	color: #cc0033;
}

.productsNotifications {
	background-color: #f2fff7;
}

.orderEdit { 
	font-family : Verdana, Arial, sans-serif;
	font-size : 10px;
	color: #70d250;
	text-decoration: none;
}
/* -----------------------------------------------------------------------------------------
   Hintergrund der ganzen Website
   ---------------------------------------------------------------------------------------*/   
BODY {
   /* color: #808080;  schwarz = 000000 dklgrau= #666666  */
      margin: 0px;
      background-color: #444242;
      background-image: url(/templates/powerSHOPgrey/images/h-shop.jpg);
   /* background-position: top; */
      background-repeat: repeat-x; 
      -background-attachment: fixed; */
     }

img{ border:0;}

A {
  color: #808080;
  text-decoration: none;
}

A:hover {
  color: #000000;                        /* schwarz = 000000 dklgrau= #666666  */
  text-decoration: underline;
/*  border-bottom: 1px dotted #A0A0A0;      gepunktet unterstrichen, blau= #5898D8 orange= #FF8B00, schwarz = 000000   */
}

FORM {
	display: inline;
}

TR.header {
	background-color: #ffffff;
}

TR.headerNavigation {
  background: #F6F6F6;
}

TD.headerNavigation {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight : bold;
    /*  border-bottom: 1px solid; */
	border-color: #b6b7cb;
	background-color: #F6F6F6;
}

A.headerNavigation { 
  color: #000000; 
}

A.headerNavigation:hover {
  color: #000000;
}

TD.conditions {
  background-color: #FFCCCC;
}

TD.kat_box {
  background-color: #E8E8E8;  /* Style-Farbe 2  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
}

A.confirmationEdit {
	color: #C0C0C0;
	font-style: italic;
        font-weight: bold;
}
A.confirmationEdit:hover {
	color: #C0C0C0;
	font-style: italic;
        font-weight: bold;
	text-decoration: none;
}
TR.headerError {
  background-color: #ff0000;
}

TR.headerMessage {
	background-color: #FFCCCC;
}

.moduleHeading {
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	font-weight: bold;
	padding-bottom: 10px;
}

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: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #F6F6F6;
  color: #000000;
  font-weight : bold;
/*border-bottom: 1px solid; */
  border-color: #b6b7cb;
}

.infoBox {
}

.infoBoxContents {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #cccccc;  /* Style-Farbe 1 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  height:16px;
  color: #ffffff;
}

/* ----------------------------------------------------------- */
.topNavi {
       font-family: Verdana, Arial, sans-serif;
       font-size: 10px; /* Größe der Schrift im topNavi-Menü */
       color: #000000;  /* Farbe der Trennzeichen ohne hover*/
       }   

a.topNavi         { } 
            
a.topNavi:link    {color: #000080; text-decoration: none;} /* Textfarbe eines Links */
a.topNavi:visited {color: #000080; text-decoration: none;} /* Textfarbe des Links nach dem er besucht wurde */
a.topNavi:hover   {color: #ffffff; text-decoration: none;} /* Farbe beim hover */
a.topNavi:active  {color: #000000; text-decoration: none;} /* Textfarbe wenn aktiv */

TD.topNavi {
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  background: #99CCFF;  /* Style-Farbe 3 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  height:16px;
}
/* ---------------------------------------------------------- */



TD.infoBoxHeading_right {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #cccccc;  /* Style-Farbe 1 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  height:16px;
  color: #FFFFFF;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  border-right: 0px solid;
  /* -----------------------------------------------------------------------------------------
   Hintergrund der Boxen
   ---------------------------------------------------------------------------------------*/  
  background-color: #cccccc;  /* Style-Farbe 1 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  border-color: #cccccc;  /* Style-Farbe 1 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
}

TD.infoBox_right, SPAN.infoBox_right {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
/* -----------------------------------------------------------------------------------------
   Hintergrund der Boxen rechts #CCCCCC hlgrau und Rahmen
   ---------------------------------------------------------------------------------------*/    
  background-color: #FFFFFF;
  border:1pt solid #cccccc;  /* Style-Farbe 1 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

}

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: #f8f8f9;
}

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: #f8f8f9;
}

TABLE.productListing {
  border: 0px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

A.pageResults {
	color: #000080;
	text-decoration: none;
}


/* -----------------------------------------------------------------------------------------
   Hintergrund der Links bei den Seitenzählern und nächste und vorherige
   ---------------------------------------------------------------------------------------*/

A.pageResults:hover {
  color: #000080;
  background: #F0F0F0;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
}

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: 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: ;
  
}

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: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #000080;
  font-weight: bold;
}

SPAN.underline {
	text-decoration: underline;
}

TABLE.formArea {
  background: #f1f1f1;
  border-color: #cccccc;  /* Style-Farbe 1 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.copyright {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  text-align:center;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #cc66ff;    /* ORG = c76170------------------------------ */
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #FF0000;
  font-weight: bold;
}

/* durchgestichener Sonderpreis ------------------------------ */
SPAN.productOldPrice {
	font-family: Verdana, Arial, sans-serif;
	color: #FF0000;
        font-weight: bold;
	text-decoration: line-through;
}
/* ----------------------------------------------------------- */

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.productDiscountPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #FF0000;
  font-weight: bold;
}

.smallHeading {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: Black;
}


/* ################################################################################################################################# */

       
/* --------------------------------------------------------------------------------------------------------------------
   Link Atribute im Warenkartalog (Kategorien) ändern | verwendet bei meinTmpl/source/inc/xtc_show_categorie.inc.php
-----------------------------------------------------------------------------------------------------------------------*/ 
   
.kategorie {
       font-family: Verdana, Arial, sans-serif;
       font-size: 12px; /* Größe der Schrift im Kategorie-Menü */
       color: #000000;  /* Farbe des  vorgestellten Zeichens ohne hover*/
       }   

a.kategorie         { } 
            
a.kategorie:link    {color: #666666; text-decoration: none;} /* Textfarbe eines Links */
a.kategorie:visited {color: #666666; text-decoration: none;} /* Textfarbe des Links nach dem er besucht wurde */
a.kategorie:hover   {color: #ffffff; text-decoration: none;} /* Farbe beim hover */
A.kategorie:active  {color: #0000FF; text-decoration: none;} /* Textfarbe wenn aktiv */


/* -----------------------------------------------------------------------------------------
   Kategorienzeilen in Navi links Katalog
   ---------------------------------------------------------------------------------------*/ 
.moduleRow {
       font-family: Verdana, Arial, sans-serif;
/*       font-size: 12px; */
       color: #000000; /* Farbe des  vorgestellten Zeichens ohne hover*/
       width:100%;
       border-bottom: 1px dotted #cccccc;  /* Style-Farbe 1 ++++++++++++++++++++++++++++++++++++++++++++++++++++++  Trennstrich unten nach jeder Kategorie - normal */
/*       line-height: 1.2;                          Höhe der Zelle beim drüberfahren */ 
       }

/* -----------------------------------------------------------------------------------------
   Hintergrund des Links in den Boxen beim drüberfahren
--------------------------------------------------------------------------------------------*/

.moduleRowOver { 
       font-family: Verdana, Arial, sans-serif;
/*       font-size: 12px; */
       color:#ffffff;
       width:100%;
       border-bottom: 1px dotted #cccccc;  /* Style-Farbe 1 ++++++++++++++++++++++++++++++++++++++++++++++++++++++  Trennstrich unten nach jeder Kategorie - normal */
       background-color: #cccccc;          /* Style-Farbe 1 ++++++++++++++++++++++++++++++++++++++++++++++++++++++  hervorheben der Zelle beim drüberfahren */   
/*       line-height: 1.2;                         Höhe der Zelle beim drüberfahren */ 
       text-decoration: none;                   /* Keinen Unterstrich beim Hovern */
	}

/* -----------------------------------------------------------------------------------------
   Hintergrund der ausgewählten Zeilen - Links in den Boxen
-------------------------------------------------------------------------------------------*/

.moduleRowSelected { 
        border-bottom: 1px dotted #cccccc;  /* Style-Farbe 1 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
        }

/* ################################################################################################################################# */

.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; 
        }

/* sitewide font classes */
/* Note: heading<Number> equals <font size="Number"> */
.heading1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; }
.heading2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; }
.heading3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; }
.heading4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; }
.heading5 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16pt; }

/* -----------------------------------------------------------------------------------------
   Sitemap Tabellen
   ---------------------------------------------------------------------------------------*/  
.sitemap_heading {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #FFFFFF; 
	background-color: #cccccc;  /* Style-Farbe 1 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ 
	padding-top: 1px; padding-bottom: 1px;}
.sitemap_heading a {color:#FFFFFF;}

/* -----------------------------------------------------------------------------------------
   Übersicht der Kategorien
   ---------------------------------------------------------------------------------------*/
.sitemap_heading a:hover {color:#000000; text-decoration:none;}

.sitemap_sub {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000; padding: 2px 2px;}
.sitemap_sub a {color:#000000;}
.sitemap_sub a:hover {color:#999999; text-decoration:none;}


/* 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; }

.tableShop {
background-color: #ffffff;
border-left: 1px solid;
border-right: 1px solid;
border-color: #b6b7cb;
}


/* -----------------------------------------------------------------------------------------
   linke Spalte (z.B Kategorien)
   ---------------------------------------------------------------------------------------*/
.navLeft {
	/* border-right: 0px solid; ORG 1px
	   border-color: #b6b7cb;
	   background-image: url(img/bg_left_column.jpg);
        */
           width: 200px;
	
}

/* -----------------------------------------------------------------------------------------
   rechte Spalte (z.B. login)
   ---------------------------------------------------------------------------------------*/
.navRight {
	/* border-color: #ffffff;
	   border-top-width: 0px;
	   border-top-style: solid;
	   border-left-width: 0px;
	   border-left-style: solid;
	   background-color: #ffffff;
        */
	width: 200px;
}

/* -----------------------------------------------------------------------------------------
   Überschrift und Preis der Artikel-Info
   ---------------------------------------------------------------------------------------*/
.contentsTopics {
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
        color: #000080;
}

.tableListingI {
	background-color: #eeeeee;
}

.tableListingII {
	background-color: #d0d0d0;
}

.tableBody {
padding: 5px;
}

.poweredby {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
  font-weight: bold;
}
.onepxwidth {
	width: 1px;
}
/* -----------------------------------------------------------------------------------------
   Überschriften selbst deffiniert
   ---------------------------------------------------------------------------------------*/
.head_self { font-family: Verdana; font-size: 10pt; font-weight: bold; color: #000080 }


/* -----------------------------------------------------------------------------------------
   Wunschliste
   ---------------------------------------------------------------------------------------*/
.wl_border	{border-top:1px solid #dddddd; margin-top:5px;}
.wl_checkbox {padding-bottom:5px;}
.wl_name	 {padding-left:0px; font-weight:bold;}
.wl_desc	 {padding-right:3px;padding-top:3px;}
.wl_price	 {font-weight:bold;}
.wl_box		{margin-bottom:5px;}
.wl_searchbox	{background-color:#f2f2f2;}
.wl_resultheader	{background-color:#dddddd; padding:2px;}
.wl_resultcontent	{background-color:#f9f9f9;}
.wl_resultcontent2	{background-color:#ffffff;}
/* --- Wunschliste ---------------------------------------------------------------------------------------*/

/* Kontaktformular per CODE gegen SPAM schützen ----------------------- */
.contact2 {border: 0px none; background: #FFF;}
/* -------------------------------------------------------------------- */
