/* -----------------------------------------------------------------------------------------
   $Id: stylesheet.css 1262 2005-09-30 10:00:32<link rel="stylesheet" type="text/css" href="stylesheet.css">Z 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 
   ---------------------------------------------------------------------------------------*/

/* THE BIG GUYS */
* {margin:0;padding:0}
body {padding: 0 0 20px; margin: 20px 0; background: #000;color:#333;font:83%/1.5 arial,tahoma,verdana,sans-serif}
body #content-wrap {background: transparent url("img/content_wrap_bg.gif") repeat-y 30px 0}

/* LINKS */
a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:underline;cursor:pointer} 
a:link {color:#c00} 
a:visited {color:#c00} 
a:hover,a:active {color:#069} 

/* TYPOGRAPHY */
ul, ol {margin: 0 0 1.5em}
p {margin: 1.5em 0 1.5em 0}
h1, h2, h3, h4, h5, h6 {letter-spacing: -1px;font-family: arial,verdana,sans-serif;margin: 1.2em 0 .3em;color:#000;border-bottom: 1px solid #eee;padding-bottom: .1em}
h1 {font-size: 196%;margin-top:.6em}
h2 {font-size: 136%}
h3 {font-size: 126%}
h4 {font-size: 116%}
h5 {font-size: 106%}
h6 {font-size: 96%}

/* HORIZONTAL RULER FAKE */
div.hr {height:0px; line-height:0px; padding:0; display:block; border-bottom: solid 1px #999999; margin:3px 0px 3px 0px}
div.hrlightgrey {height:0px; line-height:0px; padding:0; display:block; border-bottom: solid 1px #D9D9D9; margin:3px 0px 3px 0px}
div.productImagesBox .hrlightgrey {margin:8px 0px 8px 0px}

/* FORMS */
form {margin: 0}
fieldset {border: none}
label {display:block;padding: 5px 0}
label br {clear:left}
table tr td {padding:2px;}

/* LISTS */
ul {margin: .3em 0 1.5em 0;list-style-type:none}
	ul.related {margin-top: -1em}
ol {margin: .5em .5em 1.5em}
ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal}
li {line-height: 1.4em;padding-left: 25px;background: transparent url("img/sprites.gif") no-repeat 0 0}
li.doc {background-position: 3px -500px}
ul.nomarker li {background:none;padding-left:0}

dl {margin: 0 0 1em 0}
dt {font-weight:bold;margin-top: 1.3em}
dl dl {margin: 0 0 1.5em 30px}

/* SEARCH */
#search {padding: 35px 0px 0px 0px; color:#fff;font-weight:bold; text-align:left;}
#search .extendedsearch a {font-size:11px; font-weight:normal}
#search form {margin:0}

/* GENERAL */
img {border:none} 
hr {margin: 1em 0;background:#D9D9D9;height:1px;color:#D9D9D9;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 

/* MAIN CONTAINER (über gesamte Seite)*/
#mainContainer { margin-left:auto; margin-right:auto; width:950px; background-color:#FFFFFF; border-style:solid; border-width: 1px 1px 0px 1px; border-color: #fff}

/* HEADER */
#header {height:115px;background: #666 url("img/sprites.gif") repeat-x 0 100%;margin: 0 0 25px;padding: 0 0 8px}
#header #site-name {float:left; width:650px;font: 200% arial;letter-spacing: -.05em;margin:0 0 0 25px;padding:0px 0;color:#fff;border:none;height:88px}

/* NAV - top horizontal nav */
	#nav, #nav ul {clear:left; padding: 0px 0;margin: 0;list-style: none}
	#nav {font-weight:bold;height:2.09em;font: bold 96% arial;margin: 0 105px 0 25px}
	#nav li {position:relative;background: #999;float: left;width: 10em;display:block;margin: 0;border-bottom: 3px solid #666;border-right: 3px solid #252525;padding:0}
	#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {text-decoration:none;cursor:pointer;color:#fff;display: block;padding: 4px 10px 2px}
	#nav a:hover {color:#000}
	
	#nav li ul {border-left: 1px solid #c00;background: #f6f6f6 url("img/featurebox_bg.gif") no-repeat 100% 100%;width:15.8em;font-size:90%;margin-top:3px;position: absolute;font-weight:normal;left: -999em}
	#nav li:hover ul, #nav li.sfhover ul {left: 0;z-index:99999}
	
	#nav li li {background:none;float:none;border:none;border: 1px solid #999;border-top:1px solid #fff;border-right:none;border-left:none;padding-left:0}
	#nav li li.last {border-bottom:none}
	#nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover {color:#000;padding: 3px 10px 2px;width:14em}
	#nav li li a:hover {color:#fff;background:#c00}
	
	#nav li.active {background: #c00;border-bottom: 3px solid #c00}
	#nav li.active ul {border:none;background: #c00 url("img/featurebox2_bg.gif") no-repeat 100% 100%}
	#nav li.active a:link, #nav li.active a:visited, #nav li.active a:hover, #nav li.active a:active {}
	#nav li.active a:hover {color:#000}
	
	#nav li.active li {border:none;border-top: 1px solid #c15c5c;border-bottom: 1px solid #870000}
	#nav li.active li.last {border-bottom: none}
	#nav li.active li a:link, #nav li.active li a:visited, #nav li.active li a:hover, #nav li.active li a:active {color:#fff}
	#nav li.active li a:hover {background: #666 url("img/sprites.gif") repeat-x 0 99%;color:#fff}
	
	#nav li.active li.active a:link, #nav li.active li.active a:visited, #nav li.active li.active a:hover, #nav li.active li.active a:active {color:#fff;font-weight:bold;background: #666 url("images/sprites.gif") repeat-x 0 99%}

	/* hide from IE mac \*/
	#nav li {width:auto}
	/* end hiding from IE5 mac */

/* SECONDARY NAVIGATION - vertical navigation */
	#nav-secondary, #nav-secondary ul {position:relative}
	#nav-secondary, #nav-secondary li {list-style: none;margin:0;padding:0;background:#fff}
	#nav-secondary {padding-top:0;border-top: 1px solid #ccc;margin-top: 1px}
	#nav-secondary a {line-height:1.8;padding: 5px 0 5px 23px;background: #fff url("img/sprites.gif") no-repeat 10px -695px;font: bold 86% arial;display:block}
	#nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {text-decoration:none;cursor:pointer} 
	#nav-secondary a:link {color:#000} 
	#nav-secondary a:visited {color:#000} 
	#nav-secondary a:hover {color:#c00;background: #fee url("img/sprites.gif") no-repeat 10px -695px} 
	#nav-secondary li.active a:link, #nav-secondary li.active a:visited, #nav-secondary li.active a:hover, #nav-secondary li.active a:active {color:#c00} 
	#nav-secondary li {border-top: 1px solid #fff;border-bottom: 1px solid #ccc}

/* SECONDARY NAVIGATION - 2nd TIER */	
	#nav-secondary ul {margin: 0 0 1em 23px;padding:0}
	#nav-secondary li li a, #nav-secondary li li a:link, #nav-secondary li li a:visited {line-height:1.5;background: #fff url("img/sprites.gif") no-repeat 0 -798px;padding:0 0 0 12px;font-weight:normal;width:auto;color:#000;width:130px;display:block}
	#nav-secondary li li a:hover, #nav-secondary li li a:active {color: #c00}
	#nav-secondary li li {border: none;margin:0}
	
	#nav-secondary li li a:link, 
	#nav-secondary li li a:visited, 
	#nav-secondary li li a:hover, 
	#nav-secondary li li a:active {font-weight:normal}


/* LAYOUT - main body of page */
#content-wrap {}
#utility {display:inline; float:left; margin:0px 0px 0px 25px; border-top: 5px solid #999;padding-bottom: 40px}
#utility {width:185px;}

#content {margin: 0px 0px 0 245px; width:660px;}
#content #breadcrumb {margin-top:-5px;font-size:93%;font-weight:bold}
#content #breadcrumb a:link, #content #breadcrumb a:visited {text-decoration:none;color:#c00}
#content #breadcrumb a:hover, #content #breadcrumb a:active {text-decoration:underline}

.featurebox {color:#333;padding: 8px 10px 10px;border-top: 1px solid #d7d7d7;margin: 0 0 1.5em;background: #f6f6f6 url("img/featurebox_bg.gif") no-repeat 100% 100%}
.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;border-bottom: 1px solid #c00;color:#c00}
.featurebox p {font-size:11px; border:none;margin: 0 0 1em;color:#444}
.featurebox a {font-size:11px; font-weight:normal}

/* FLOATBOX FOR CONTENT */
.floatBox {background-color:#F4F4F4;padding:10px 20px 15px 20px;margin:0;border-style:solid;border-color:#D9D9D9;border-width:1px;line-height:140%;}
.floatBox h1 {color:#336699;font-size:16px;font-weight:bold;border:none;text-decoration:none;margin:10px 0px 6px 0px;background-image:none;line-height:normal;}
.floatBox h2 {color:#CD000C;font-weight:bold;font-size:14px;margin:15px 0px 4px 0px;padding:0px;}
.floatBox ul {line-height:22px; margin:0;}

/* PRODUCT LISTING */
.productPreviewTable {margin:10px 0px 10px 0px;}
.productPreviewImageColumn {padding:0px 15px 0px 0px; vertical-align:top;}
.productPreviewTextColumn {width:100%; vertical-align:top;}
.productPreviewTextColumn a.productHeader { padding:6px 0px 0px 0px; margin-top:0px; font-size:14px; font-weight:bold; border:none; text-decoration:underline; font-weight:bold}
.productPreviewTextColumn p.productDescription {font-size:12px; margin:0px; padding:8px 0px 6px 0px; line-height:19px}
.productPreviewTextColumn p.additionalDetails {padding:0px 0px 10px 0px; margin:0px;	line-height:normal}
.productPreviewTextColumn p.additionalDetails span.productPrice {font-size:15px;	font-weight:bold; padding:0px; margin:0px; line-height:normal}
.productPreviewTextColumn p.additionalDetails span.shippingCosts {font-size:11px; padding:0px; margin:0px; line-height:normal; color:#999999}
.productPreviewTextColumn p.additionalDetails span.shippingCosts a {color:#999999}
.productPreviewTextColumn p.detailButtons {padding:0px; margin:0px; line-height:normal}

/* LAYOUT BOX ELEMENTS */
.boxHeader { background-color:#999999; font-size:13px; padding:3px 0px 3px 10px; vertical-align:middle; color:#FFFFFF; font-weight:bold; height:18px; border:none; margin:0px; border-style:solid; border-color:#666666; border-width:0px 0px 4px 0px;}
.boxHeader a, .boxHeader a:link, .boxHeader a:active, .boxHeader a:visited {font-size:13px; color:#FFFFFF; font-weight:bold; text-decoration:none; border:none}
.boxBody {background-color:#F4F4F4; border-style:solid; border-width:0px 1px 1px 1px; border-color:#BDBDBD; font-size:11px; color:#000000; padding:8px 10px 8px 10px; margin-bottom:15px;}
.boxBody a { color:#336699; text-decoration:none}
.boxBody p {line-height:15px; margin:5px 0px 5px 0px}

/* CART BOX */
h3.cartheader {background:url(img/basketIcon.gif) no-repeat 0px 3px; padding-left:25px;}

/* CART LIST (ORDER_DETAILS) */
.cartTableHeader td {background-color:#CD000C;background-image:url(img/basketHeaderBg.gif);padding:4px;color:#FFFFFF;font-size:12px;font-weight:bold;}
.cartTableListingI td {background-color: #EAE9E9; padding:4px;}
.cartTableListingII td {background-color: #F3F3F3; padding:4px;}
.cartTabelCell {font-size:11px; border-style:solid;border-width:0px 0px 1px 0px;border-color:#CCCCCC;padding:7px 4px 7px 4px;}

/* DOMAIN LIST */
.domainTableHeader td {background-color:#CD000C;background-image:url(img/basketHeaderBg.gif);padding:4px;color:#FFFFFF;font-size:12px;font-weight:bold;}
.domainTableListingI td {background-color: #EAE9E9; padding:4px;}
.domainTableListingII td {background-color: #F3F3F3; padding:4px;}

/* CHECKOUT PROCESS BAR */
ul#checkoutprocessbar {background-color:#F4F4F4; border:1px solid #999999; float:left; list-style-type:none; padding:0; margin:15px 0px 15px 0px; width:100%}
ul#checkoutprocessbar li {float:left; padding:6px 10px 6px 10px; background-image:none}
ul#checkoutprocessbar li.active {color:#000000; font-weight:bold}
ul#checkoutprocessbar li.inactive {color:#A7A6A6; font-weight:normal}
ul#checkoutprocessbar li.arrow {background-image:url(img/checkoutprocbar_arrow.gif); background-repeat:no-repeat; background-position:center}


/* PRODUCT IMAGES BOX */
div.productImagesBox {background-color:#F7F7F7;font-size:11px;color:#333333;float:left; text-align:center; width:150px; padding:10px; margin:0px 15px 15px 0px;border-style:solid;border-color:#D9D9D9;border-width:1px;}

/* SHIPPING BLOCKS */
h1.shippingBlockHeader {background-image:url(img/shippingBlockHeaderBg.gif);margin:0;padding:3px 0px 0px 8px;color:#FFFFFF;font-size:14px;font-weight:bold;height:21px;vertical-align:middle;text-decoration:none;border:none;}
div.shippingBlockContainer {margin:0px 0px 15px 0px; padding:6px; background-color:#F7F7F7;border-style:solid;border-color:#D9D9D9;border-width:0px 1px 1px 1px;line-height:15px;}
div.shippingBlockContainer table td {padding:2px;}

/* PAYMENT BLOCKS */
h1.paymentBlockHeader {background-color:#CD000C;background-image:url(img/paymentBlocktHeaderBg.gif);margin:0px;padding:3px 0px 0px 0px;color:#FFFFFF;font-size:14px;font-weight:bold;height:21px;vertical-align:middle;text-decoration:none;border:none;}
h1.paymentBlockHeader input {margin:2px 5px 0px 5px;_margin:-2px 0px 0px 2px;padding:0;}
div.paymentBlockContainer {margin:0px;padding:10px;background-color:#F7F7F7;border-style:solid;border-color:#D9D9D9;border-width:0px 1px 1px 1px;line-height:15px;}
div.paymentBlockContainer table td {padding:2px;}

/* LAYOUT - CHECKOUT CONFIRMATION PRODUCT OVERVIEW */
table.confirmationProducts {background-color:#F7F7F7; border:1px solid #D9D9D9;}
table.confirmationProducts td.header {background-image:url(img/shippingBlockHeaderBg.gif);margin:0;padding:3px 0px 0px 8px;color:#FFFFFF;font-size:14px;font-weight:bold;height:21px;vertical-align:middle;text-decoration:none;border:none;}
table.confirmationProducts td.content {font-size:12px; padding:6px}
table.confirmationProductsTotal {background-color:#D9D9D9; border:1px solid #D9D9D9; padding:0; margin:0}
table.confirmationProductsTotal td {padding:6px; margin:0; font-size:12px;}


/* LAYOUT - FOOTER */
#footer {clear:both;border-top: 1px solid #E3E8EE;padding: 10px 0 30px;font-size:86%;color:#999}
#footer p {margin:0}
#footer a:link {color:#999}
	
/* LAYOUT - CLOSELINE */
#closeline {clear:both; background: #fff url("img/closeline_bg.gif") repeat-x 0 100%; height:20px}

/* COPYRIGHT  */
.copyright {text-align:center; color:#666666; margin-left:auto; margin-right:auto; font-size:11px; padding:5px 0px 10px 0px}


/*********************************************************************
************* ALTES CSS **********************************************
*********************************************************************/



/* 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
----------------------------------------------- */
table.electronicDownloadsBox {
	height:auto;
	background-color:#EAE9E9;
	border-style:solid;
	border-width:1px;
	border-color:#949494;
	font-size:12px;
	color:#000000;
	padding:5px;
	white-space:nowrap;
}

table.electronicDownloadsBox td {white-space:nowrap;}

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

div.detailedSearchBox td.inputText input {
	background-color:#FFFFFF;
	border-style:solid;
	border-width:1px;
	border-top-color:#585858;
	border-left-color:#585858;
	border-right-color:#B6B6B6;
	border-bottom-color:#B6B6B6;
	font-size:11px;
	width:130px;
	font-weight:normal;
	padding-left:2px;
}

/* 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:26px;
	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: #EAE9E9;
}

.tableListingII {
	background-color: #F3F3F3;
}



/* 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 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 Reviews
----------------------------------------------- */
td.reviewListHeader {
	background-color:#666666;
	background-image:url(img/reviewListHeaderBg.gif);
	border:none;
	padding:4px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
}

/* Sitemap Blöcke
----------------------------------------------- */

div.sitemapHeader {
	background-color:#666666;
	background-image:url(img/paymentBlocktHeaderBg.gif);
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	height:21px;
	vertical-align:middle;
	text-decoration:none;
	border:none;
	padding:3px 0px 0px 6px;
}

div.sitemapHeader a {
	color:#FFFFFF;
	text-decoration:none;
}

div.sitemapContent {
	margin:0px 0px 15px 0px;
	padding:10px;
	background-color:#F7F7F7;
	border-style:solid;
	border-color:#D9D9D9;
	border-width:0px 1px 1px 1px;
	line-height:15px;
}

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


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

/* Successmessage
----------------------------------------------- */
.messageStackSuccess {
	font-size: 12px; 
	background-color: #ADDA9D;
	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;
}

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

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

div.clearleft {
	clear:left;
}

div.clearright {
	clear:right;
}

/* main Zelle (Versandkosten)
----------------------------------------------- */
td.contentsTopics {
	padding:15px;
	background-color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
}

td.main {
	padding:15px;
	font-size:12px;
}

/* 
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:250px;
	z-index:1;
	background-color:#f4f4f4;
	padding:0px;
	margin:0px 0px 0px 2px;
	border-style:solid;
	border-color:#bdbdbd;
	border-width:0px 1px 0px 1px;
	display:none;
	visibility:hidden;
}

div#intelliSearchResult a {
	display:block;
	padding:4px;
	width:242px;
	border-style:solid;
	border-color:#bdbdbd;
	border-width:0px 0px 1px 0px;
	font-size:11px;
}

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