/* -----------------------------------------------------------------------------------------
   $Id: stylesheet.css 1262 2005-09-30 10:00:32Z mz $   

   XT-Commerce - community made shopping
   http://www.xt-commerce.com

   Copyright (c) 2004 XT-Commerce 
   -----------------------------------------------------------------------------------------
   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 
   ---------------------------------------------------------------------------------------*/

/* Zentrale Formate definieren
----------------------------------------------- */
body {
	font-family: Sans-serif ,Verdana, Arial;
	font-size: 14px;
	padding: 0;
	margin: 10px;
	margin-top: 0;
}

/* Header-Klassen
----------------------------------------------- */
h1 {
	font-weight:bold;
	font-size: 140%;
	margin: 0;
	padding: 0;
  padding-left: 10px;
  color: #304570;
  background: #5c93ce;
}

h1 a {
	color:#2173de;
	font-weight:bold;
	font-size:inherit;
	text-decoration:none;
}

h2 {
	color:#32436f;
	font-weight:bold;
	font-size: 130%;
	margin: 5px 5px 5px 0;
	padding: 1px;
}
h3 {
	color:#32436f;
	font-weight: bold;
	font-size: 120%;
	margin: 5px 5px 5px 0;
	padding: 5px;
}

/* Paragraph
----------------------------------------------- */
p {
	padding: 3px;
	margin: 0;
}

/* Links im Text
----------------------------------------------- */
a {color: #1958a9;}

a:hover {
  background-color: #7a9536;
	color:#ffffff;
	text-decoration: none;
}

/* Horizontale Linie
----------------------------------------------- */
hr { 
	width:100%;
	border:none;
	color:#2d437e;
	background:#2d437e;
	height: 1px; 
	margin: 7px 0px 7px 0px !important; 
	margin: -2px 0px -2px 0px;
	line-height:1px;
	font-size:1px;
}

/* Textarea
----------------------------------------------- */
textarea {
	font-family: Sans-serif, Verdana, Arial;
}

/* Input
----------------------------------------------- */
input {
	font-family: Sans-serif, Verdana, Arial;
}

/* Input
----------------------------------------------- */
select {
	font-family: Sans-serif, Verdana, Arial;
}

/* Image mit link
----------------------------------------------- */
img {
	border: 0;
}

/* Formular
----------------------------------------------- */
form {
	padding: 0;
	margin: 0;
}

/* Horizontale Linie hellgrau 
----------------------------------------------- */
hr.lightGrey {
	width: 100%;
	border: none;
	color: #D9D9D9;
	background: #D9D9D9;
	height: 1px; 
	margin: 7px 0 7px 0 !important;
	margin: -2px 0 -2px 0;
	line-height: 1px;
	font-size: 1px;
}
div#lineTop {
  height: 12px;
  background-color: #443528;
  margin-bottom: 4px;
}
div#menuTop {
  float: left;
  min-height: 28px;
  width: 81%;
  background-color: #84aeda;
  margin-bottom: 4px;
}

div#wrapper {
  float:left;
  width:100%;
  margin: 0;
  padding: 0;
}

/* Container für linke Spalte
----------------------------------------------- */
div#leftColContainer {
  float:left;
  width: 18%;
  padding-top: 0;
  margin-left:-100%;
}
/* Container für mittleren Bereich
----------------------------------------------- */
div#middleColContainer {
  margin: 0 18%;
  padding: 0 1%;
}

/* Container für rechten Bereich
----------------------------------------------- */
div#rightColContainer {
  float:left;
  padding-top: 0;
  width: 18%;
  margin-left: -18%;
}

/* Top Search Box
----------------------------------------------- */
div#topSearch {
  float: right;
  text-align: right;
  margin-top:0px;
  color:#FFFFFF;
  background-image: url(img/searchtopback.gif);
  width: 260px;
  height: 40px;
  margin-right: 10px;
  padding-top: 30px;
  padding-left: 20px;
}
div#topSearch input {
  /* background-image: url(img/searchback.gif); */
}
div#topSearch input:focus, input:active, input:hover {
  background-image: none;
}
/* Horizontales Men
----------------------------------------------- */
ul#horizontalmenu {
  float: left;
	list-style-type:none;
	text-transform:uppercase ;
	margin: 0;
	padding:0;
}

ul#horizontalmenu li {
	float:left;
	padding:0;
	margin:0;
}

ul#horizontalmenu li.link {
	padding: 0;
	vertical-align: middle;
	line-height: 28px;
  padding: 0 12px 0 12px;
}
ul#horizontalmenu input {
	margin: 0;
	vertical-align: middle;
	line-height: 28px;
  padding: 2px;
}

ul#horizontalmenu li img {
	margin:0px;
	padding:0px;
	border: 0;
}
ul#horizontalmenu a {
	color:#443528;
	text-decoration:none;
	padding:0px;
	margin:0px;
}
ul#horizontalmenu a:hover {
	color:#ffffff;
}


/* Warenkorb
----------------------------------------------- */

div#boxCart {
  float: left;
  width: 81%;
  background-color:#abda38;
 	color:#59721d;
	margin:0;
	_margin: 0; /*IE Bugfix*/
	margin-bottom: 4px;
	min-height: 28px;
	line-height: 28px;
	vertical-align: middle;
}
div#boxCart a {
  color: #59721d;
  text-decoration: none;
}
div#boxCart a:hover {
  background: #7e9b38;
  color: #ffffff;
}
div#boxCart strong {
  text-transform: uppercase;
}



/* Warenkorb leer
----------------------------------------------- */

div#boxCartEmpty {
  float: left;
  width: 81%;
  background-color:#efefef;
 	color:#4a4a4a;
	margin:0;
	_margin: 0; /*IE Bugfix*/
		margin-bottom: 4px;
	min-height: 28px;
	line-height: 28px;
	vertical-align: middle;
}
div#boxCartEmpty a {
  text-decoration: none;
}
div#boxCartEmpty strong {
  text-transform: uppercase;
  color: #000000;
}


/* Breadcrumb Pfad
----------------------------------------------- */
div#breadcrumb {
  float: left;
  width: 81%;
  background-color:#a8bce0;
 	color:#596477;
	margin:0;
	_margin: 0; /*IE Bugfix*/
  text-transform: uppercase;
  font-size: 80%;
	min-height: 28px;
	line-height: 28px;
	vertical-align: middle;
}

div#breadcrumb a {
	color:#FFFFFF;
	text-decoration: none;
  text-transform: uppercase;
}

/* Linkes Menu
----------------------------------------------- */
.headCategories {
  background-color: #443528;
  float: left;
  width: 100%;
  line-height: 28px;
  vertical-align: middle;
  color: #ffffff;
  margin: 0;
  padding: 0;
  margin-top: 4px;
  margin-bottom: 4px;
}
.headCategories a {
  font-size: 100%;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  padding-left: 11px;
}
.headCategories a:hover {
  background: none;
  text-decoration: underline;
}


div#submenu {
  float: left;
  display: block;
  width: 99%;
	border-top: 2px solid #443528;
  border-left: 2px solid #443528;
}

div#submenu .spacer {
	height:10px;
	margin:0px 0px 0px 0px;
	padding:0px;
	border-style:solid;
	border-width:1px 0px 0px 0px;
	border-color:#FF9900;
}

div#submenu a.level1 {
	display:block;
	padding: 4px 0px 4px 8px;
	margin:4px;
	margin-bottom: 2px;
	text-decoration:none;
	font-weight: bold;
  text-transform: uppercase;
  font-size: 90%;
	color:#b5224c;
	border-top: 1px solid #e8dcdc;
	background: #efefef;
  font-family: verdana;
}

div#submenu a.level1:hover {
  background:#b5224c;
  color: #ffffff;
}

div#submenu a.level1 img {
	border:none;
}

div#submenu a.level2 {
	font-weight:normal;
	display:block;
	margin:0px;
	font-size: 85%;
	text-transform: uppercase;
  margin-bottom: 1px;
	padding: 2px 0 2px 20px;
	text-decoration:none;
	color:#b5224c;
	margin: 1px;
	font-family: verdana;
}

div#submenu a.level2:hover {
	background-color:#b5224c;
	color: #ffffff;
	margin: 1px;
}

div#submenu a.level3 {
	font-weight:normal;
	font-size: 80%;
	display:block;
	background-color:#FFF9EC;
	border-top-style:dotted;
	border-right-style:solid;
	border-left-style:solid;
	border-width:1px 1px 0px 1px;
	border-left-color:#FF9900;
	border-right-color:#FF9900;
	border-top-color:#FF9900;
	margin:0px;
	padding:3px 0px 3px 35px;
	text-decoration:none;
	color:#000000;
}

div#submenu a.level3:hover {
	background-color:#FFFFFF;
}

/* Layout der zweiten Box
----------------------------------------------- */
div.boxVarianteZweiHeader {
	font-size: 140%;
	vertical-align:middle;
	color:#364365;
	font-weight:bold;
}

div.boxVarianteZweiHeader a {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

div.boxVarianteZweiBody {
	color:#000000;
	float: left;
	width: 100%;
}

div.boxVarianteZweiBody a {
	text-decoration: none;
	color: #1f2438;
}
div.boxVarianteZweiBody a:hover {
	color: #ffffff;
}
div.boxVarianteZweiBody ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
div.boxVarianteZweiBody li {
  margin: 0;
  padding: 3px;
  border-bottom: 1px solid #efefef;
}
div.boxVarianteZweiBody p {
	line-height:15px;
	margin: 5px 0px 5px 0px;
}

/* Right Boxes
----------------------------------------------- */

.headRight {
  background-color: #e2c4cb;
  float: left;
  width: 100%;
  line-height: 28px;
  vertical-align: middle;
  color: #ffffff;
  margin: 0;
  padding: 0;
  margin-bottom: 4px;
}
.headRight h3 {
  padding: 0;
  margin: 0;
  font-size: 100%;
  color: #ffffff;
  float: left;
  text-decoration: none;
  text-transform: uppercase;
  padding-left: 11px;
}
.headRight a {
  font-size: 100%;
  color: #ffffff;
  float: left;
  text-decoration: none;
  text-transform: uppercase;
  padding-left: 11px;
}
.headRight a:hover {
  background: none;
  text-decoration: underline;
}
div.boxRight {
  float: left;
  background-color:#ffffff;
  border-top: 2px solid #e2c4cb;
  border-right: 2px solid #e2c4cb;
	color:#000000;
	width: 96%;
	padding: 2%;
  text-align: right;
}
div.boxRight h3 {
  margin: 0;
  padding: 0;
}


/* Floatbox (Inhalte)
----------------------------------------------- */

.headMain{
  background-color: #5c93ce;
  float: left;
  width: 100%;
  line-height: 28px;
  vertical-align: middle;
  color: #ffffff;
  margin: 0;
  padding: 0;
  margin-bottom: 4px;
  margin-top: 4px;
}
.headMain h1 {
  float: left;
  color: #ffffff;
}
.headMain a {
  font-size: 100%;
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  padding-left: 11px;
}
.headMain a:hover {
  background: none;
  text-decoration: underline;
}
div#mainContent {
  float: left;
  width: 99%;
  border: 2px solid #5c93ce;
  margin-bottom: 20px;
  min-height: 800px;
}
div#mainContent li {
  padding: 0;
  margin: 0;
  line-height:normal;
}


div.floatBox {
	background-color: #f1f0ee;
	border-bottom: 2px solid #D9D9D9;
	width: 96%;
	float:none ;
	margin: 1% auto;
	padding: 1%;
}
div.floatBox ul {
	line-height:22px;
}

/* Product Listing
----------------------------------------------- */
div.productListing {
  padding: 10px;
  margin: 5px;
  border-bottom: 2px solid #efefef;
}
div.productListing h3 {
  padding: 0;
  margin: 0;
}
div.productListing h3 a {
  color: #2d437e;
  text-decoration: none;
  font-size: 130%;
}
div.productListing h3 a:hover {
  color: #ffffff;
}
div.productListing a {
  text-decoration: none;
}
div.productListing label {
  line-height: 23px;
  vertical-align: middle;
}

/* Pruduct Listing New */
#productListingNew {
 background: #ffffff;
}
#productListingNew ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#productListingNew li {
  display: inline;
  float: left;
  width: 30.5%;
  /* widt\h: 30.5%; */
  border: 1px solid #efefef;
  margin: 1% !important;
  padding: 0;
  min-height: 200px;
  text-align: center;
}
#productListingNew h2 {
  margin: 0;
  padding: 5px;
  margin: 1px;
  height: 36px;
  background: url(img/cat_head.gif);
  font-size: 120%;
  text-align: left;

}
#productListingNew a {
  text-decoration: none;
}

/* Pruduct Listing New */
#catListingNew {
 background: #ffffff;
}
#catListingNew ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#catListingNew li {
  display: inline;
  float: left;
  width: 31%;
  widt\h: 30.5%;
  border: 1px solid #efefef;
  margin: 1% !important;
  padding: 0;
  height: 130px;
}
#catListingNew h2 {
  margin: 1px;
  padding: 4px;
  background: url(img/cat_head.gif);
  font-size: 120%;
  text-align: left;
}
#catListingNew p {
  margin: 1px;
  padding: 4px;
}
#catListingNew a {
  text-decoration: none;
}

/* Pruduct Listing New */
.productHead {
  width: 100%;
  min-height: 35px;
  display: block;
  color: #9c9691;
}
.price {
  font-weight: normal;
  text-align: right;
  color: #001242;
  font-size: 200%;
  margin: 0;
  padding: 0;
}
.small {
  font-size: 80%;
}



/* Product Image Box
----------------------------------------------- */
div.productImagesBox {
	color:#333333;
}

/* Box mit Attributen und Preis bei Produktdetails
----------------------------------------------- */
div.productPriceAttributes {
	background-color:#F7F7F7;
	border-style:solid;
	border-width:1px;
	border-color:#D9D9D9;
	color:#000000;
	width: 95.5%;
	padding: 2%;
	margin-top: 10px;
}
div.productPriceAttributes ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
div.productPriceAttributes li.product {
  font-size: 180%;
  font-weight: bold;
  text-align: right;
}
div.productPriceAttributes li.price {
  text-align: right;
  font-size: 28px;
  font-weight: bold;
  color: #2d437e;
}
div.productPriceAttributes li.tax {
  text-align: right;
  font-size: 100%;
}
div.productPriceAttributes label {
      display: block;
      float: left;
      min-width: 80px;
      padding: 2px;
}

div.productPriceAttributes h3 {
  font-size: 130%;
}
/* Statt-Preisanzeige
----------------------------------------------- */
span.productOldPrice {
	color:#FF0000;
	font-weight:bold;
	text-decoration: line-through;
}

/* Box mit Downloads
----------------------------------------------- */
div.electronicDownloadsBox {
	background-color:#F7F7F7;
	border-style:solid;
	border-width:1px;
	border-color:#FF6600;
	color:#000000;
	padding:10px 15px 10px 15px;
}

/* Box mit Sucheingabefeld
----------------------------------------------- */
div.detailedSearchBox {
	background-color:#F7F7F7;
	border-style:solid;
	border-width:1px;
	border-color:#D9D9D9;
	color:#000000;
	padding:10px 15px 10px 15px;
	text-align:center;
}

/* Box Eingabefeld für Gutscheincode
----------------------------------------------- */
div.voucherBox {
	background-color:#F7F7F7;
	border-style:solid;
	border-width:1px;
	border-color:#D9D9D9;
	color:#000000;
	padding:10px 15px 10px 15px;
	text-align:center;
}

/* Trennlinie für Produktvorschau (Kategorieanzeige)
----------------------------------------------- */
div.productPreviewSplitLine {
	height:32px;
	background-image:url(img/productSplitLine.gif);
}

/* Trennlinie für Produktvorschau (Kategorieanzeige)
----------------------------------------------- */
img.productImageBorder {
   margin-bottom: 10px;
}

/* Box für "Weitere Unterkategorien"
----------------------------------------------- */
div.moreCategoriesBox {
	background-color:#F7F7F7;
	border-style:solid;
	border-width:1px;
	border-color:#D9D9D9;
	padding:15px;
}

/* Tabellenlisten
----------------------------------------------- */
.tableListingI {
	background-color: #F5F5F5;
  padding: 5px;
}

.tableListingII {
	background-color: #e2e2e2;
}

/* Warenkorbliste
----------------------------------------------- */
.cartTableListingI {
	background-color: #FFFFFF;
}

.cartTableListingII {
	background-color: #FFFFFF;
}

.cartTabelCell {
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#CCCCCC;
	padding:7px 4px 7px 4px;
	background-color:#F5F5F5;
}

/* Hintergrund für Popups
----------------------------------------------- */
div.popupContainer {
	background-color:#FFFFFF;
	padding:15px;
}

/* Hintergrund für Bestellungsdruck
----------------------------------------------- */
div.printOrderContainer {
	background-color:#FFFFFF;
	padding:15px;
}

/* Hintergrund für Artikeldruck
----------------------------------------------- */
div.printProductInfoContainer {
	background-color:#FFFFFF;
	padding:15px;
}

/* Artikelliste Bestellungsdruck
----------------------------------------------- */
td.productListHeaderPrintOrder {
	padding:5px;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#000000;
	font-weight:bold;
	white-space:nowrap;
}

td.productListItemPrintOrder {
	padding:5px;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#999999;
	vertical-align:top;
}

/* Block mit Paymenttypen
----------------------------------------------- */
td.paymentTypeHeader {
  background-color:#abda38;
	border-style:solid;
	border-width: 2px 0px 0px 0px;
	border-color:#9abd44;
	padding: 8px;
	color:#FFFFFF;
	font-weight:bold;
	text-transform: uppercase;
	font-size: 130%;
}

/* Block mit Shipping Typen
----------------------------------------------- */
td.shippingTypeHeader {
  background-color:#abda38;
	border-style:solid;
	border-width: 2px 0px 0px 0px;
	border-color:#9abd44;
	padding: 8px;
	color:#FFFFFF;
	font-weight:bold;
	text-transform: uppercase;
	font-size: 130%;
}

/* Block mit Warenkorbinhalt
----------------------------------------------- */
td.basketHeader {
  background-color:#abda38;
	border-style:solid;
	border-width: 2px 0px 0px 0px;
	border-color:#9abd44;
	padding: 6px;
	margin: 0;
	color:#59721d;
	text-transform: uppercase;
	font-size: 110%;
}

/* Block mit Reviews
----------------------------------------------- */
td.reviewListHeader {
	background-color:#2d437e;
	border-style:solid;
	border-width: 2px 0px 0px 0px;
	border-color:#b0c4de;
	padding: 10px;
	color:#FFFFFF;
	font-weight:bold;
}

/* Sitemap Blöcke
----------------------------------------------- */
div.sitemapHeader {
 background-color:#abda38;
	border-style:solid;
	border-width: 2px 0px 0px 0px;
	border-color:#9abd44;
	padding: 6px;
	margin: 0;
	color:#59721d;
	text-transform: uppercase;
	font-size: 110%;
}

div.sitemapHeader a {
	color:#FFFFFF;
}

div.sitemapContent {
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#CCCCCC;
	padding:7px 4px 7px 4px;
	background-color:#F5F5F5;
}

div.sitemapContent a {
	text-decoration:none;
}


/* Errormessage
----------------------------------------------- */
div.errorMessage {
 padding: 10px;
	margin: 10px;
	border-style: solid;
	border-color:#ff0147;
	border-width: 2px;
	background-color:#ffebf0;
}

/* Successmessage
----------------------------------------------- */
.messageStackSuccess {
}

/* Produktnavigator (unter jedem Produkt)
----------------------------------------------- */
div.productNavigator {
	margin: 10px 0px 10px 0px;
	padding:10px;
	background-color:#F7F7F7;
	border-style:solid;
	border-width:1px;
	border-color:#D9D9D9;
}

/* TABLE CATEGORY LISTING (SHOW SUBCATEGORIES) */
table.categoryListing {width:100%}
table.categoryListing td.categoryLabel{width:100%}
table.categoryListing td.categoryImage{padding:0px 15px 0px 0px}

/* AGB Bestätigung
----------------------------------------------- */
div.agbConfirmation {
	border-style: solid;
	border-width: 2px;
	border-color: #FF9900;
	background-color: #FFDD98;
	padding: 10px;
}

/* Footer
----------------------------------------------- */
div#footer {
  border-top: 2px solid #e2e2e2;
  clear:left;
  width:100%;
  text-align: center;
  color: gray;
}
div#footer a {
  color: darkgrey;
}
div#footer a:hover {
  color: #ffffff;
}
div#footer ul {
  margin: 5px;
  padding: 0;
  list-style: none;
}
div#footer li {
  margin: 0;
  padding: 0;
  display: inline;
}

/* Float-Clearing div
----------------------------------------------- */
div.clearboth {
	clear:both;
}

div.clearleft {
	clear:left;
}

div.clearright {
	clear:right;
}

.onepxwidth {
width: 1px;
}

/*
Intelli Search suggest list layout
Change this lines as you like to asign other colours,
fonts, borders etc. to the Intelli Search suggest List
*/
div#intelliSearchResult {
	position:absolute;
	width:194px;
	z-index: 1;
	background-color:#dce0ea;
	padding: 0px;
	margin: 0px 0px 0px 2px;
	display:none;
	text-transform: none;
	line-height:normal;
	visibility:hidden;
}

div#intelliSearchResult a {
	display: block;
	padding: 4px;
	width: 186px;
	border-style:solid;
	border-color: #a8bce0;
	color: #2d437e ;
	border-width: 0 0 1px 0;
	text-align: left;
}

div#intelliSearchResult a:hover {
	display:block;
	background-color:#3366CC;
	color:#FFFFFF;
	text-decoration:none;
}

.access_step_cc {background-color:#dddddd; padding-left:5px; padding-right:10px;}
.access_step_c2 {padding-left:5px; padding-right:10px;}

.checkoutBarTo a {
  color: #424242;
}
.checkoutBarCurrent a {
  text-decoration: none;
  font-size: 140%;
}
.checkoutBarFrom {
  color: green;
}
.checkoutBarFrom a {
  color: green;
  text-decoration: none;
}
.checkoutBarFrom a:hover {
  color: #ffffff;
}
.button {
  background: #7e9b38;
  color: #ffffff;
  font-weight: bold;
  padding: 2px 5px;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid #b9e352;
}
.button a:hover {
  background: #abda38;;
  padding: 2px;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}

.preCat {
  width: 32.5%;
  float: left;
  margin-bottom: 0.5%;
  margin-right: 0.5%;
  background: #efefef;
  border-top: 2px solid #b7b7bc;
}
.preCat img {
  float: left;
  display: inline;

}
.head {
  color: #1a274a;
}
.n {
  visibility: hidden;
}
.address {
  background: #ffffff;
  width: auto;
  border: 1px solid #c8c2b3;
  padding: 10px;
  margin: 3px;
}