/* -----------------------------------------------------------------------------------------
   $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:"Trebuchet MS", Verdana, Arial, Sans-serif;
font-size:13px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
padding:0px;
/*background-image:url(img/bg.gif);*/
	background-color:#FFFFFF;
}
/* Header-Klassen
----------------------------------------------- */
h1 {
color:#6699FF;
font-weight:bold;
font-size:20px;
border-style:solid;
border-width:0px 0px 1px 0px;
border-color:#6699FF;
margin:20px 0px 10px 0px;
padding:0px;
width:auto;
}
h1 a {
color:#6699FF;
font-weight:bold;
font-size:inherit;
border-style:solid;
border-width:0px 0px 1px 0px;
border-color:#6699FF;
margin:15px 0px 5px 0px;
padding:0px;
text-decoration:none;
width:auto;
}
h2 {
color:#6699FF;
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:#6699FF;
}
/* Horizontale Linie
----------------------------------------------- */
hr {
width:100%;
border:none;
color:#6699FF;
background:#6699FF;
height: 1px;
margin: 7px 0px 7px 0px !important;
margin: -2px 0px -2px 0px;
line-height:1px;
font-size:1px;
}
/* Textarea
----------------------------------------------- */
textarea {
font-family:"Trebuchet MS", Verdana, Arial, Sans-serif;
font-size:13px;
}
/* Input
----------------------------------------------- */
input {
font-family:"Trebuchet MS", Verdana, Arial, Sans-serif;
font-size:12px;
}
/* Input
----------------------------------------------- */
select {
font-family:"Trebuchet MS", Verdana, Arial, Sans-serif;
font-size:12px;
}
/* Image mit link
----------------------------------------------- */
img {
border:0;
}
/* Formular
----------------------------------------------- */
form {
padding:0px;
margin:0px;
}
input {
border: 1px solid #6699FF;
}
/* Horizontale Linie hellgrau 
----------------------------------------------- */
hr.lightGrey {
width:100%;
border:none;
color:#D9D9D9;
background:#DAE9E4;
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:1000px;
/*background-color:#DAE9E4;*/
	border-style:solid;
border-color:#FFFFFF;
border-width:0px 10px 0px 10px;
}
/* Container für linke Spalte
----------------------------------------------- */
div#leftColContainer {
float:left;
width:190px;
padding:15px 0px 0px 0px;
}
/* Container für mittleren Bereich
----------------------------------------------- */
div#middleColContainer {
float:left;
width:540px;
_width:540px;
padding:15px 25px 0px 25px;
_padding:15px 10px 0px 10px;
}
#middleColContainer a {
color:#6699FF;
}
/* Container für rechten Bereich
----------------------------------------------- */
div#rightColContainer {
float:right;
width:180px;
padding:15px 0px 0px 0px;
}
/* Header mit Logo
----------------------------------------------- */
div#logoHeader {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
width:1000px;
/*background-image:url(img/toprowbg.gif);*/
height:160px;
font-family:"Trebuchet MS", Verdana, Arial, Sans-serif;
font-weight:bold;
color:#6699FF;
font-size:14px;
text-align: center;
border-bottom: solid 1px #CCCCCC;
}
/* Horizontales Men
----------------------------------------------- */
ul#horizontalmenu {
list-style-type:none;
width:1000px;
height:36px;
margin:1px 0px 0px 0px;
padding:0px;
/*border:none;*/
	background-image:url(img/mnu_dark_background.gif);
}
ul#horizontalmenu li {
float:left;
padding:0px;
margin:0px;
height:36px;
}
ul#horizontalmenu li.link {
margin:0px;
padding:13px 20px 0px 20px;
/* _padding:10px 20px 0px 20px;*/
	vertical-align:middle;
/*line-height:12px;*/
	height:16px;
}
ul#horizontalmenu li img {
margin:0px;
padding:0px;
height:36px;
}
ul#horizontalmenu * a {
font-size:14px;
color:#FFFFFF;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
padding:0px;
margin:0px;
height:36px;
}
/* Breadcrumb Pfad
----------------------------------------------- */
div#breadcrumb {
background-color:#98BAFF;
margin:1px 0px 0px 0px;
_margin:1px 0px 0px 0px; /*IE Bugfix*/
padding:6px 10px 2px 10px;
_padding:5px 10px 0px 10px; /*IE Bugfix*/
color:#FFFFFF;
font-size:11px;
border:none;
/*background-image:url(img/breadcrumbbg.gif);*/
height:19px;
text-align:left;
}
div#breadcrumb a {
color:#FFFFFF;
}
/* 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;
border-color:#6699FF;
}
div#submenu a.header {
font-weight:bold;
display:block;
color:#FFFFFF;
font-size:11px;
background-color:#6699FF;
width:180px;
margin:0px;
vertical-align:middle;
border-style:solid;
border-width:0px 0px 0px 0px;
border-color:#6699FF;
/*background-image:url(img/submenuheaderbg.gif);*/
text-decoration:none;
background-image:url(img/greenboxbg.gif);
padding:6px 0px 2px 10px;
height: 20px;
}
div#submenu .spacer {
height:10px;
margin:0px 0px 0px 0px;
padding:0px;
border-style:solid;
border-width:1px 0px 0px 0px;
border-color:#6699FF;
}
div#submenu a.level1 {
font-weight:bold;
font-size:12px;
display:block;
background-color:#FFFFFF;
width:180px;
padding:4px 0px 4px 8px;
border-style:solid;
border-width:1px 1px 0px 1px;
border-color:#6699FF;
margin:0px;
text-decoration:none;
color:#000000;
}
div#submenu a.level1:hover {
background-color:#FCEDCF;
}
div#submenu a.level1 img {
border:none;
}
div#submenu a.level2 {
font-weight:normal;
font-size:11px;
display:block;
background-color:#FCEDCF;
border-top-style:solid;
border-right-style:solid;
border-left-style:solid;
border-width:1px 1px 0px 1px;
border-left-color:#6699FF;
border-right-color:#6699FF;
border-top-color:#6699FF;
width:163px;
margin:0px;
padding:3px 0px 3px 25px;
text-decoration:none;
color:#000000;
}
div#submenu a.level2:hover {
background-color:#FFF9EC;
}
div#submenu a.level3 {
font-weight:normal;
font-size:10px;
display:block;
background-color:#FFF9EC;
border-top-style:solid;
border-right-style:solid;
border-left-style:solid;
border-width:1px 1px 0px 1px;
border-left-color:#6699FF;
border-right-color:#6699FF;
border-top-color:#6699FF;
width:153px;
margin:0px;
padding:3px 0px 3px 35px;
text-decoration:none;
color:#000000;
}
div#submenu a.level3:hover {
background-color:#FCEDCF;
}
/* Layout der zweiten Box
----------------------------------------------- */
div.boxVarianteZweiHeader {
font-size:11px;
border-style:solid;
border-width:0px 0px 0px 0px;
border-top-color:#6699FF;
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:#FFFFFF;
border-style:solid;
border-width:0px 1px 1px 1px;
border-color:#6699FF;
font-size:11px;
color:#666666;
padding:8px 10px 8px 10px;
}
div.boxVarianteZweiBody a {
color:#6699FF;
}
div.boxVarianteZweiBody p {
line-height:15px;
margin:5px 0px 5px 0px;
}
/* Floatbox (Inhalte)
----------------------------------------------- */
div.floatBox {
padding:10px 20px 10px 20px;
}
div.floatBox h1 {
color:#000066;
font-size:18px;
font-weight:bold;
border:none;
text-decoration:none;
margin:20px 0px 10px 0px;
}
div.floatBox ul {
line-height:22px;
}
div.floatBox .text {
width:240px
}
/* 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:11px;
color:#666666;
font-weight:normal;
text-decoration: line-through;
}
span.productNewPrice {
color:#FF0000;
font-weight: bold;
}
/* Box mit Downloads
----------------------------------------------- */
div.electronicDownloadsBox {
background-color:#F7F7F7;
border-style:solid;
border-width:1px;
border-color:#6699FF;
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);
backgrond-color:#DAE9E4;
}
/* 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;
display: none;
}
/* 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:#6699FF;
border-style:solid;
border-width:4px 0px 0px 0px;
border-color:#6699FF;
padding:4px;
color:#FFFFFF;
}
/* Block mit Shipping Typen
----------------------------------------------- */
td.shippingTypeHeader {
background-color:#6699FF;
border-style:solid;
border-width:4px 0px 0px 0px;
border-color:#6699FF;
padding:4px;
color:#FFFFFF;
}
/* Block mit Warenkorbinhalt
----------------------------------------------- */
td.basketHeader {
background-color:#6699FF;
border-style:solid;
border-width:4px 0px 0px 0px;
border-color:#FFFFFF;
padding:4px;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
}
/* Block mit Reviews
----------------------------------------------- */
td.reviewListHeader {
background-color:#6699FF;
border-style:solid;
border-width:4px 0px 0px 0px;
border-color:#FFFFFF;
padding:4px;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
}
/* Sitemap Blöcke
----------------------------------------------- */
div.sitemapHeader {
background-color:#6699FF;
border-style:solid;
border-width:4px 0px 0px 0px;
border-color:#FFFFFF;
padding:6px 8px 6px 8px;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
}
#mainContainer #middleColContainer .content_text .sitemapHeader a {
color:#FFFFFF;
}
div.sitemapContent {
background-color:#FFFFFF;
border-style:solid;
border-width:0px 1px 1px 1px;
border-color:#6699FF;
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:#6699FF;
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;
}
/* AGB Bestätigung
----------------------------------------------- */
div.agbConfirmation {
border-style:solid;
border-width:1px;
border-color:#6699FF;
background-color:#FFDD98;
padding:10px;
}
/* Footer
----------------------------------------------- */
div#footer {
width:960px;
border-style:solid;
border-color:#666666;
border-width:1px 0px 0px 0px;
font-size:11px;
color:#666666;
padding:4px 0px 4px 0px;
text-align:center;
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
}
#footer a {
color:#666666;
}
/* Copyright
----------------------------------------------- */
div.copyright {
width:960px;
text-align:center;
color:#CCCCCC;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
font-size:11px;
padding:0px 0px 10px 0px;
}
.copyright a {
color:#CCCCCC;
}
/* Float-Clearing div
----------------------------------------------- */
div.clearboth {
clear:both;
}
div.clearleft {
clear:left;
}
div.clearright {
clear:right;
}
.cd a {
color:black;
}
p img {
border-style:solid;
border-width:0px;
border-color:#D9D9D9;
padding:0px 10px;
}
.np_heading {
font-family:"Trebuchet MS", Verdana, Arial, Sans-serif;
font-weight:bold;
padding-top:0px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
border:1px #6699FF solid;
color:#6699FF;
font-size:24px;
width:527px;
margin-bottom:10px;
display: none;
}
.sizestable tr td p {
margin:0;
padding:0;
margin-top:2px;
margin-bottom:2px;
}
.noborder_img {
border:none;
padding:0;
margin:0;
}