/*
  SMELLNESS Stylesheet by Karl Marksteiner
  
  v0.1 - 19.10.2005

  $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
*/
/*
html {
    width:100vw;
    }
*/
BUTTON {
	background-color: #4b004b;
	color: #fff;
	font-family: Montserrat, Arial, sans-serif;
	font-weight: bold;
    font-size: 14px;
	padding:0 6 2; border:outset 2px;
    display: -moz-deck;
   /* font-variant: small-caps;*/
}

BUTTON:hover {
	background-color: #707;
	}

.boxText { 
	font-family: Montserrat, Arial, sans-serif; 
	font-size: 12px; 
}
ul.Categories {
  /*	top:1;
	left:1; */
	width: 214;
    margin: 0; 
	padding: 0;

  }
  ul.Categories li {
    list-style: none;
    margin: 0; padding: 0;
  }
  ul.Categories a {
    display: block;
    padding-top: 1;
	padding-bottom: 1;
	padding-left: 5;
  /*  font-weight: bold;*/
	text-decoration:none;
  }
  ul.Categories a:link {
    color: black; background-color: #ffbbff;
	}

ul.Categories a:visited {
	 color: #222; background-color: #ffbbff;
	}
ul.Categories a:hover   {
    color: #444; background-color: #ffeeff;
  }			
  ul.Categories a:active {
    color: white; background-color: #ff99ff;
  }
  
.errorBox { font-family : Montserrat, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Montserrat, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #00ff00; }
.orderEdit { font-family : Montserrat, Arial, sans-serif; font-size : 10px; color: #0450ff; text-decoration: underline; } /* [Bearbeiten] - Feld im Bestellformular */

BODY {
/*  background-color: #ffeaea; Haupthintergrund*/
  background-image: 
   linear-gradient(to top right, #fbf, white, #fbf);
 /* background: url("images/background1.jpg") repeat;*/
  color: #0a1523;/* Hauptschriftfarbe*/
  margin: 1px; /* Äußester Fensterrand */
  /*margin-top: 100px;*/
}

A {
  color: #1f436b;  /* Schriftfarbe der Links*/
  text-decoration: none;
}

A:hover {
  color: #cc0000; /* Maus auf dem Link*/
  text-decoration: underline;
}

A.presentation DIV{
	background-color:#FDE; padding:1em; margin-bottom:1em; border: double grey;font-size:1.8em;position: relative;display: inline-block;max-width:30em;color:#B00; 
	}
	
A.presentation:hover DIV {
	background-color:#FEF;
	color:#F00;
	}

A.button {
	padding:0 6 2; border:outset 2px;
	background-color: #4b004b;
	color: #fff;
	font-family: Montserrat, Arial, sans-serif;
	font-weight: bold;
    font-size: 14px;
    display: inline-block;
    text-align: center;
	}
	
A.button:hover {
	background-color: #707;
	text-decoration:none;
	}

FORM {
	display: inline;
}

TR.header {
  background: #fff;
} /* Hintergrund des obersten Balkens*/

TR.headerNavigation {
  background: #0000d3;
} /* unklar*/

TD.headerNavigation {
  font-family: Montserrat, Arial, sans-serif;
  font-size: 16px;
  background: #707; /* Hintergrund Navigationsbalken*/
  color: #ffeeff; /* nur Trennzeichen*/
  font-weight : bold;
}

A.headerNavigation { 
  color: #ffbbff; /*Schriftfarbe Links Navibalken*/
}

A.headerNavigation:hover {
  color: #444; background-color: #ffeeff;
  text-decoration: none;
}

A.headerMainNavigation { 
  color: #ffbbff; /*Schriftfarbe Links Navibalken*/
  background-color: #707;  
  border-right: solid;  
}

A.headerMainNavigation:hover {
  color: #444; background-color: #ffeeff;
  text-decoration: none;
}
TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Montserrat, 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, Montserrat, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #707;
  color: #fff;
}

TD.footer {
  font-family: Montserrat, Arial, sans-serif;
  font-size: 10px;
  background: #3575bb; /* Balken ganz unten*/
  color: #0a1523;
  font-weight: bold;
}

.infoBox {
  background: #122841; /* Hinterhintergrund der infoboxen (nur 1px sichtbar)*/
}

.infoBoxContents {
  background: #ffbbff; /* Hintergrund der infoboxen*/
  font-family: Montserrat, Arial, sans-serif;
  font-size: 12px; /* Schriftgröße infobox (nur Bestseller???)*/
}

.infoBoxNotice {
  background: #008888; /*unklar*/
}

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

TD.infoBoxHeading {
  font-family: Montserrat, Arial, sans-serif;
  font-size: 15px;
  font-weight: bold;
  background: #707; /* Hintergrund der infoboxüberbalken (leider unvollständig */
  color: #ffbbff;
}

A.infoBoxHeading { 
  color: #ffbbff; /*Schriftfarbe Links Navibalken*/
}

A.infoBoxHeading:hover {
  color: #444; background-color: #ffeeff;
  text-decoration: none;
}


TD.infoBox, SPAN.infoBox {/*unklar*/
  font-family: Montserrat, 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: #fd9cfe; /* Hintergrund Auflistungen ungerade*/
}

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: #ffb9ff; /* Hintergrund Auflistungen gerade*/
}

TABLE.productListing {
  border: 4px;
  border-style: solid;
  border-color: #707; /* Farbe (und Dicke) des Produktboxrandes*/ 
  border-spacing: 0px; /* Bezieht sich wahrsch. auf border-style*/
}

.productListing-heading {
  font-family: Montserrat, Arial, sans-serif;
  font-size: 12px;
  background: #4b004b; /* oberer Balken der Produktbox*/
  color: #fee4ff;
  font-weight: bold;
}

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

TD.productListing-data BUTTON {
    font-size: 14px;
}	

A.pageResults {
  color: #2e64a0; /* Schriftfarbe der Pageresult-links über der Prod.list.box*/
}

A.pageResults:hover { /* Maus auf Links */
  color: #dddd00;
  background: #dfeaf7;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Montserrat, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #707; /* Seitenüberschrift*/
  padding: 20px 35px;
}

TABLE.versandtabelle {
	width: 90%;
	border-width: thick;
	border-style: ridge;
/*border-spacing: 5;
border-collapse: collapse;*/
margin: 5;
}

TABLE.versandtabelle TR{
background: #f4f7fd;
}

TABLE.versandtabelle TH{
font-family: Montserrat, Arial, sans-serif;
  font-weight: bold;
  font-size: 12px;
  color: #000000;
  text-align: center;
  border-width: medium;
border-style: solid;
padding: 5;
 }
TABLE.versandtabelle TD{
  font-family: Montserrat, Arial, sans-serif;
  font-size: 11px;
  color: #000000;
  text-align: right;
 /* border-width: thin;
border-style: solid; 
margin: 5; */
padding: 4 20 4 4;
}

TR.subBar {
  background: #f4f7fd;
}

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

TD.main, P.main {
  font-family: Montserrat, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Montserrat, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Montserrat, Arial, sans-serif;
  font-size: 15px;
  color: #aa0000;
}

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

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

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

SPAN.newItemInCart { /* Farbe und Schriftgröße eines neu gekauften Artikels*/
  font-family: Montserrat, Arial, sans-serif;
  font-size: 12px; 
  font-weight: bold;
}

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

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

SPAN.greetUser {
  font-family: Montserrat, Arial, sans-serif;
  font-size: 12px;
  color: #f00000; /* Farbe des Users zb "Gast" */
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 10px;
}

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

SPAN.markProductOutOfStock {
  font-family: Tahoma, Montserrat, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Montserrat, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Montserrat, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Montserrat, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Montserrat, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Montserrat, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Montserrat, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Montserrat, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

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

/* category information boxes */

.cat_info_box { background: #fee4ff /*#fff6e6*/; border: solid 1px #707; padding: 8px; margin-bottom: 10px; font-family: Montserrat, Arial, sans-serif; font-size: 11px; 
/*font-weight: bold*/ }