/* -----------------------------------------------------------------------------------------
   $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:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	background: #F4F5F7 url(img/bgBody.jpg) repeat-x top; margin: 0; padding: 0;
	text-align:left;
}

/* Header-Klassen
----------------------------------------------- */
h1 {
	color:#2C2C2C;
	font-weight:bold;
	font-size:20px;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#CCCCCC;
	margin:20px 0px 10px 0px;
	padding:0px;
	width:auto;
}

h1 a {
	color:#2C2C2C;
	font-weight:bold;
	font-size:inherit;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#668D00;
	margin:15px 0px 5px 0px;
	padding:0px;
	text-decoration:none;
	width:auto;
}

h2 {
	color:#2C2C2C;
	font-weight:bold;
	font-size:112%;
	margin:15px 0px 4px 0px;
	padding:0px;
}

/* Paragraph
----------------------------------------------- */
p {
	line-height:20px;
	padding:0px;
	margin:15px 0px 15px 0px;
}

/* Links im Text
----------------------------------------------- */
a {
	color:#2C2C2C;
}

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

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

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

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

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

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

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

/* Main Container (über gesamte Seite)
----------------------------------------------- */
div#mainContainer {
	margin-left:auto;
	margin-right:auto;
	width:990px;
	background-color:#FFFFFF;
	border:10px solid #FFFFFF;
	/*border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;*/
}

/* Container für linke Spalte
----------------------------------------------- */
div#leftColContainer {
	float:left; 
	width:200px; 
	padding:15px 0px 0px 0px;
	/*border-style:solid;
	border-color:#000000;
	border-width:1px 1px 1px 1px;
	*/
}

/* Container für mittleren Bereich
----------------------------------------------- */
div#middleColContainer {
	float:left; 
	padding:15px 25px 0px 25px;
	padd\ing:30px 10px 0px 10px;
	/*border-style:solid;
	border-color:#000000;
	border-width:1px 1px 1px 1px;
	*/
}

/* Container für rechten Bereich
----------------------------------------------- */
div#rightColContainer {
	float:right; 
	width:200px; 
	padding:63px 10px 0px 0px;
	/*border-style:solid;
	border-color:#000000;
	border-width:1px 1px 1px 1px;
	*/
}

/* Header mit Logo
----------------------------------------------- */
div#logoHeader {
background-color:#2c2c2c;
}

/* Horizontal Menus
----------------------------------------------- */

div#horizontalmenu {
	background-color:#FFFFFF;
	height:26px;
	margin:0px 0px 10px 0px;

}

div#horizontalmenu a {
	color:#8796AB;	
	text-decoration:none;
	padding-left:10px;
	margin:0px;
	float:right;
}

div#horizontalmenu a:hover {
	text-decoration:underline;
}

/* Breadcrumb Pfad
----------------------------------------------- */
div#breadcrumb {

	padding:20px 10px 0px 10px;
	font-size:11px;
	text-align:left;
}

div#breadcrumb a {
	color:#AABBAA;
}

/* Linkes Menu
----------------------------------------------- */
div#submenu {
	display:block;
	font-size:11px;
	width:190px;
	margin:0px 15px 0px 0px;
	padding:0px 0px 0px 0px;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#FFFFFF;
}

div#submenu a.header {
	font-weight:bold;
	display:block;
	color:#FFFFFF;
	font-size:11px;
	background-color:#FF9900;
	width:180px;
	margin:0px;
	padding:4px 0px 4px 10px;
	vertical-align:middle;
	border-style:solid;
	border-width:4px 0px 0px 0px;
	border-color:#FFFFFF;
	background-image:url(img/submenuheaderbg.gif);
	text-decoration:none;
}

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

div#submenu a.level1 {
	font-weight:bold;
	font-size:12px;
	display:block;
	background-color:#EFEFEF;
	width:180px;
	padding:4px 0px 4px 8px;
	border-style:solid;
	border-width:1px 0px 0px 0px;
	border-color:#FFFFFF;
	margin:0px;
	text-decoration:none;
	color:#000000;
}

div#submenu a.level1:hover {
	background-color:#EFEFEF;
}

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

div#submenu a.level2 {
	font-weight:normal;
	font-size:11px;
	display:block;
	background-color:#FFFFFF;
	border-top-style:dotted;
	border-right-style:solid;
	border-left-style:solid;
	border-width:1px 0px 0px 0px;
	border-top-color:#BBBBBB;
	width:163px;
	margin:0px;
	padding:3px 0px 3px 25px;
	text-decoration:none;
	color:#000000;
}

div#submenu a.level2:hover {
	background-color:#EFEFEF;
}

div#submenu a.level3 {
	font-weight:normal;
	font-size:10px;
	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;
	width:153px;
	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:11px;
	border-style:solid;
	border-width:4px 0px 0px 0px;
	border-top-color:#BDCB08;
	background-image:url(img/greenboxbg.gif);
	padding:6px 0px 2px 10px;
	vertical-align:middle;
	color:#FFFFFF;
	font-weight:bold;
	height:20px;
}

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

div.boxVarianteZweiBody {
	background-color:#F6FCAE;
	border-style:solid;
	border-width:0px 1px 1px 1px;
	border-color:#668D00;
	font-size:11px;
	color:#000000;
	padding:8px 10px 8px 10px;
}

div.boxVarianteZweiBody a {
	color:#668D00;
}

div.boxVarianteZweiBody p {
	line-height:15px;
	margin:5px 0px 5px 0px;
}

/* Floatbox (Inhalte)
----------------------------------------------- */
div.floatBox {
	/*padding:10px 20px 10px 20px;*/
}

div.floatBox h1 {
	color:#668D00;
	font-size:18px;
	font-weight:bold;
	border:none;
	text-decoration:none;
	margin:20px 0px 10px 0px;
}

div.floatBox ul {
	line-height:22px;
}

/* Product Image Box
----------------------------------------------- */
div.productImagesBox {
	background-color:#F7F7F7;
	border-style:solid;
	border-width:1px;
	border-color:#D9D9D9;
	font-size:11px;
	color:#333333;
}

/* Box mit Attributen und Preis bei Produktdetails
----------------------------------------------- */
div.productPriceAttributes {
	background-color:#F7F7F7;
	border-style:solid;
	border-width:1px;
	border-color:#D9D9D9;
	font-size:12px;
	color:#000000;
	padding:10px 15px 10px 15px;
}

/* Statt-Preisanzeige
----------------------------------------------- */
span.productOldPrice {
	font-size:12px;
	color:#FF0000;
	font-weight:bold;
}

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

/* Box mit Sucheingabefeld
----------------------------------------------- */
div.detailedSearchBox {
	background-color:#F7F7F7;
	border-style:solid;
	border-width:1px;
	border-color:#D9D9D9;
	font-size:12px;
	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;
	font-size:13px;
	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 {
	border-style:solid;
	border-width:1px;
	border-color:#D9D9D9;
}

/* 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: #F6FCAE;
}

.tableListingII {
	background-color: #F9FDCB;
}

/* 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:#FF9900;
	border-style:solid;
	border-width:4px 0px 0px 0px;
	border-color:#FFCC66;
	padding:4px;
	color:#FFFFFF;
}

/* Block mit Shipping Typen
----------------------------------------------- */
td.shippingTypeHeader {
	background-color:#FF9900;
	border-style:solid;
	border-width:4px 0px 0px 0px;
	border-color:#FFCC66;
	padding:4px;
	color:#FFFFFF;
}

/* Block mit Warenkorbinhalt
----------------------------------------------- */
td.basketHeader {
	background-color:#1B8ACE;
	border-style:solid;
	border-width:4px 0px 0px 0px;
	border-color:#4AADE9;
	padding:4px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
}

/* Block mit Reviews
----------------------------------------------- */
td.reviewListHeader {
	background-color:#FF9900;
	border-style:solid;
	border-width:4px 0px 0px 0px;
	border-color:#FFCC66;
	padding:4px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
}

/* Sitemap Blöcke
----------------------------------------------- */
div.sitemapHeader {
	background-color:#FF9900;
	border-style:solid;
	border-width:4px 0px 0px 0px;
	border-color:#FFCC66;
	padding:6px 8px 6px 8px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
}

div.sitemapHeader a {
	color:#FFFFFF;
}

div.sitemapContent {
	background-color:#FCEDCF;
	border-style:solid;
	border-width:0px 1px 1px 1px;
	border-color:#FF9900;
	padding:10px;
	color:#000000;
	font-size:11px;
	font-weight:normal;
}

div.sitemapContent a {
	font-size:12px;
	text-decoration:none;
	color:#000000;
}


/* Errormessage
----------------------------------------------- */
div.errorMessage {
	padding:10px;
	margin:10px 0px 10px 0px;
	border-style:dashed;
	border-color:#FF9900;
	border-width:1px;
	background-color:#FFDD98;
	font-size:13px;
}

/* Successmessage
----------------------------------------------- */
.messageStackSuccess {
	font-size: 12px; 
	background-color: #79DF00;
	padding:8px;
}

/* 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:1px;
	border-color:#FF9900;
	background-color:#FFDD98;
	padding:10px;
}

/* Footer
----------------------------------------------- */
div#footer {
	width:990px;
	font-size:11px;
	color:#2C2C2C;
	padding:0px 0px 10px 0px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	background: url(img/footer_bg.jpg) repeat-x top;

}

/* Copyright
----------------------------------------------- */
div.copyright {
	width:960px;
	text-align:center;
	color:#666666;
	background-color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	font-size:11px;
	padding:0px 0px 10px 0px;
	border-style:solid;
	border-color:#FFFFFF;
	border-width:0px 10px 0px 10px;
}

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

div.clearleft {
	clear:left;
}

div.clearright {
	clear:right;
}


/*/////////////////////////////////////////////////////////////*/
div.cart_div{
width:300px;
float:right;
padding:0px 15px 0px 10px;
text-align:right;
color:#8796AB;
}
div.cart_div a
{
color : #8796AB;
text-decoration:none;
}
div.cart_div a:hover
{
text-decoration:underline;
}

/* ////////////////////////////////////////////////////////////////////*/
.menu {
float:left;
	height:45px;
	background: #8796AB url(img/header_navi_bg.jpg) repeat-x top;
width:990px;
	margin:0px 0px 0px 0px;
}

.menu ul {
float:left;
	margin:0px 0px 0px -40px !important;

}

.menu li {
	display:inline;
	float:left;
	margin-top:13px;
}

.menu li a {
	text-transform:uppercase;
	color:#FFFFFF !important;
	font-size:16px !important;
	padding:2px 7px;
	text-decoration:none;
	outline: none;
	font-weight:bold;
	
}
.menu li a:hover {
color:#d81818 !important;
}










/*
.menu {font-family: arial, sans-serif; height:30px; position:relative; font-size:12px; z-index:100;}
.menu ul li a, .menu ul li a:visited {display:block;text-decoration:none; color:#7D7D7D;width:131px; height:46px; text-align:center; color:#7D7D7D; line-height:46px; font-size:16px; overflow:hidden; padding-left:5px; padding-right:5px;font-weight:bold;}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}


.menu ul li:hover a {color:#7D7D7D; background:#CCCCCC;}
.menu ul li:hover ul {display:block; position:absolute; top:46px; left:0; width:330px;}
.menu ul li:hover ul li a.hide {background:#DDDDDD; color:#000000;}
.menu ul li:hover ul li:hover a.hide {background:#AAAAAA; color:#000000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {padding-left:0px; padding-right:0px;display:inline;background:#FFFFFF; color:#000000;text-align:left;font-size:12px;height:18px;line-height:18px;font-weight:normal;}
.menu ul li:hover ul li a:hover {text-decoration:underline;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:142px; top:5px;}
.menu ul li:hover ul li:hover ul.left {left:-130px;}
 /**/
.divi{}
.menu divi a, menu divi a:visited {display:block;text-decoration:none; color:#000000;width:128px; height:200px; text-align:left; color:#000000; border:1px solid #fff; background:#DDDDDD; line-height:200px; font-size:11px; overflow:hidden; padding-left:5px; padding-right:5px;}



div.footer_element{
width:187px;
padding-top:10px;
padding-left:10px;
float:left;
font-size:12px;
color:#2C2C2C;
text-align:left;
}


/* ----------------------------------------------- */
/* Header3                                         */
/* ----------------------------------------------- */

div.header3_right_column {
	width:290px;
	float:right;
}
div.header3_inside_right {
	width:310px;
	margin-bottom:10px;
	float:right;
}

div.header4_right_column {
	width:475px;
	float:left;
}
div.header4_inside_right {
	width:475px;
	margin-bottom:10px;
	margin-left:10px;
	float:left;
}

div.header5_right_column {
	width:980px;
	float:left;
}

div.header6_inside_right {
	width:465px;
	margin-bottom:10px;
	margin-right:10px;
	float:left;
}

/* ----------------------------------------------- */
/* Header3 Rounded Box                             */
/* ----------------------------------------------- */
div#header3_rounded_box{ background: #F3F4F6}
h1.header3_rounded_box,h2.header3_rounded_box,p.header3_rounded_box{margin: 0 10px}
h1.header3_rounded_box{font-size: 120%;color: #2C2C2C;border-color:#d81818;}
p.header3_rounded_box{padding-bottom:1em;}
h2.header3_rounded_box{padding-top: 0.3em}
b.rtop, b.rbottom{display:block;background: #FFFFFF}
b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #F3F4F6}
b.r1{margin: 0 5px;}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

.t {background: url(img/divdot.gif) 0 0 repeat-x;}
.b {background: url(img/divdot.gif) 0 100% repeat-x}
.l {background: url(img/divdot.gif) 0 0 repeat-y}
.r {background: url(img/divdot.gif) 100% 0 repeat-y}
.bl {background: url(img/bl.gif) 0 100% no-repeat}
.br {background: url(img/br.gif) 100% 100% no-repeat}
.tl {background: url(img/tl.gif) 0 0 no-repeat}
.tr {background: url(img/tr.gif) 100% 0 no-repeat; padding:10px}

.bl2 {background: url(img/bl2.gif) 0 100% no-repeat}
.br2 {background: url(img/br2.gif) 100% 100% no-repeat}
.tl2 {background: url(img/tl2.gif) 0 0 no-repeat}
.tr2 {background: url(img/tr2.gif) 100% 0 no-repeat; padding:10px}

/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:400;
    color:#3CA3FF;

    text-decoration:none;
}
a.tt span{
display: none;
}

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{
	z-index:401;
	color: #aaaaff;
}
a.tt:hover span.tooltip{
  display:block;
  position:absolute;
  top:0px; left:0;
	padding: 15px 0 0 0;
	width:400px;
	color: #575757;
  text-align: left;
}
a.tt:hover span.top{
	display: block;
	padding: 35px 8px 0;
  background: url(img/bubble.png) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 10px;
	background: url(img/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
  background: url(img/bubble.png) no-repeat bottom;
}
/*--------------------------------------------------------*/


div.extras_prod_infos{
float:left;
width:150px;
height:24px;
background: url(img/extras_prod_infos_bg.gif);
margin-right:5px;
}

div.extras_prod_infos:hover{
float:left;
width:150px;
height:24px;
background: url(img/extras_prod_infos_bg_hover.gif);
margin-right:5px;

}

a.extras_prod_infos {
position:absolute;
	padding-left:10px;
	padding-top:5px;
	width:140px;
	font-size:12px;
	font-weight:bold;
	color:#5AAFFF;
	text-decoration:none;	
}

div.testme{
margin-top:0px;
background: #FFFFFF;
padding:10px 10px 10px 10px;
border:solid 1px #CCCCCC;

}