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

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

    (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:12px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	background-color:#000;
	color:#ccc;
}

.marign10 {margin:10px;}

/* Header-Klassen
----------------------------------------------- */
h1 {
	color:#ccc;
	font-weight:bold;
	font-size:18px;
	height:30px;
	margin:5px 0;
	padding:0px 15px;
	width:auto;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#ccc;
}

h1 a {
	color:#ccc;
	font-weight:bold;
	font-size:20px;
	height:30px;
	margin:20px 0px 10px 0px;
	padding:0px;
	width:auto;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#CD000C;
	text-decoration:none;
}

h1 a:hover {
	color:#fff;
	font-weight:bold;
	font-size:20px;
	height:30px;
	margin:20px 0px 10px 0px;
	padding:0px;
	width:auto;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#CD000C;
	text-decoration:none;
}

h2 {
	color:#ccc;
	font-weight:bold;
	font-size:16px;
	margin:15px 0px 4px 0px;
	padding:0px;
}

div#redirect {
	font-family:"Trebuchet MS",Verdana,Arial,Sans-serif;
	font-size:12px;
	color:#FF0000;
	background-color:#333333;
	border: 1px solid #999999;
	text-align:center;
	position: relative;
	height:150px;
	width: 500px;
	margin: 0 auto;
	margin-top: 20%;

}

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

/* Links im Text
----------------------------------------------- */
a {
	color:#ccc;
	text-decoration: none;
}

a:hover {
	color: #fff;
	font-weight:bold;
	text-decoration: none;
}

/* Horizontale Linie
----------------------------------------------- */
hr { 
	width:100%;
	border:none;
	color: #999; /*949494*/
	background:#999; /*949494*/
	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 Global
----------------------------------------------- */
input {
	font-family:"Trebuchet MS",Verdana,Arial,Sans-serif;
	font-size:12px;
}

/* Select Global
----------------------------------------------- */
select {
	font-family:"Trebuchet MS",Verdana,Arial,Sans-serif;
	font-size:12px;
}

/* loginBox Input Textfield Email
----------------------------------------------- */
input#loginBoxInputEmail {
	background-color:#fff; /*#EAE9E9*/
	border-style:solid;
	border-width:1px;
	border-color:#949494;
	font-size:11px;
	width:150px;
	font-weight:normal;
}

input#loginBoxInputPassword {
	background-color:#fff; /*#EAE9E9*/
	border-style:solid;
	border-width:1px;
	border-color:#949494;
	font-size:11px;
	width:150px;
	font-weight:normal;
}

/* Suchfeld
----------------------------------------------- */
input#searchInputField {
	background-color:#343434 ; /*Dark -> 7f7f7f*/
	border:1px solid #000;
	font-size:11px;
	width:130px;
	font-weight:normal;
	padding-left:2px;
	color:#ccc;
}

/* Newsletter Signup
----------------------------------------------- */
input#newsletterInputField {
	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:160px;
	font-weight:normal;
	padding-left:2px;
}

/* Add a Quickie (Art. Nr. Suchbox)
----------------------------------------------- */
input#addaquickieInputField {
	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;
}

/* LoginBox 
----------------------------------------------- */
div#loginBox {
	font-size:11px;
	float:left;
	text-align:left; 
	width:600px; 
	color:#ccc;
	font-weight:bold;
	padding:6px 0px 5px 0px;
}

div#loginBox a {
	font-size:11px;
	color:#ff0000;
	font-weight:normal;
}

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

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

/* Horizontale Linie hellgrau 
----------------------------------------------- */
hr.lightGrey {
	width:100%;
	border:none;
	color:#ffffff; /*D9D9D9*/
	background: #666; /*#D9D9D9 - Helle*/
	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:950px; /*770px - Helle* - 930/
	background-color:#121212; /*#ffffff - Helle*/
	/*border-style:solid;
	border-color:#000000;
	border-width:0px 10px 0px 10px;
	padding:0px 15px 0px 15px;*/
	color: #ccc;
}

/* Container für linke Spalte
----------------------------------------------- */
div#leftColContainer {
	float:right; 
	width:190px; 
	padding:10px 0px 0px 0px;
	margin:0px;
}

/* Container für mittleren Bereich
----------------------------------------------- */
div#middleColContainer {
	float:left; 
	width:710px; /*545px - Helle*/
	padding:0px 10px 0px 15px;
	_padding:0px 10px 0px 15px;
	margin:10px 0px 0px 0px;
	background:#1f1f1f; /*Helle*/
}

/* Header mit Logo
----------------------------------------------- */
div#logoHeader {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:930px; /*770px - Helle*/
	background-image:url(img/headerRowBg.gif);
}

/* Header-Linie
----------------------------------------------- */
div#headerRuler {
	background-image:url(img/top_mood.jpg);
	background-color:#A6A6A6;
	width:930px; /*Helle*/
	height:190px; /*5px - Helle*/
	line-height:5px;
	font-size:0px;
	margin:5px 0px 5px 0px;
}

/* Suchbox im Header
----------------------------------------------- */
div#searchBox {
	color:#FFFFFF;
	font-size:11px;
}

div#searchBox input.text {
	border-style:solid;
	border-width:1px;
	border-top-color:#2F2F2F;
	border-left-color:#2F2F2F;
	border-bottom-color:#575757;
	border-right-color:#575757;
}

/* Header mit Logo
----------------------------------------------- */
div#languageSelection {
	float:right;
	text-align:right; 
	width:150px; 
	color:#000000;
	font-weight:bold;
	padding:10px 5px 5px 0px;
}

/* Horizontales Men
----------------------------------------------- */
ul#horizontalmenu {
	list-style-type:none;
	width:930px; /*770px - Helle*/
	height:31px;
	margin:0px;
	padding:0px;
	background-color:#666666;
	background-image:url(img/horMenuBg.gif);
}

ul#horizontalmenu li {
	float:left;
	padding:6px 20px 0px 20px;
	margin:0px;
	height:25px;
	background-color:#999999;
	background-repeat:repeat-x;
	background-image:url(img/horMenuItemBg.gif);
}

ul#horizontalmenu li a {
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;	
	text-decoration:none;
}

/* Breadcrumb Pfad
----------------------------------------------- */
div#breadcrumb {
	width:925px; /*765px - Helle*/
	background-color:#FFFFFF;
	margin:0px;
	padding:2px 0px 2px 5px;
	color:#999999;
	font-size:10px;
	border:none;
	text-align:left;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#D1D1D1;
	background-image:url(img/breadcrumbbg.gif);
}

div#breadcrumb a {
	color:#585858;
	text-decoration:none;
}

/* Linkes Menu
----------------------------------------------- */
ul#submenu {
	font-size:11px;
	width:190px;
	margin:0px;
	padding:0px;
	background-color:#CD000C;
	list-style-type:none;
	display:block;
}

ul#submenu a {
	color:#FFFFFF;
	text-decoration:none;
	padding:0px;
	margin:0px;
}

ul#submenu li.submenuspacer {
	height:3px;
	line-height:3px;
	font-size:1px;
	margin:0px;
	padding:0px;
	width:190px;
	background-image:url(img/submenuSpacer.gif);
	display:block;
}

ul#submenu li.level1 {
	list-style:none;
	width:190px;
	_width:180px; /* IE6 Boxmodel Fix */
	padding:6px 0px 6px 10px;
	margin:0px;
	font-weight:bold;
	text-transform:uppercase;
}

ul#submenu li.level2 {
	font-weight:normal;
	font-size:11px;
	width:170px;
	padding:2px 0px 2px 20px;
	margin:0px;
	background-color:#AD000A;
}

ul#submenu li.level3 {
	font-weight:normal;
	font-size:10px;
	width:140px;
	padding:1px 0px 1px 50px;
	margin:0px;
	background-color:#AD000A;
}

/* Layout der Box Elemente
----------------------------------------------- */
h1.boxHeader {
	font-size:11px;
	background-image:url(img/box1bg.gif);
	padding:1px 0px 0px 10px;
	vertical-align:middle;
	color:#ccc;
	font-weight:bold;
	height:20px;
	border:none;
	margin:0px;
	border-bottom:1px solid #ccc;
	border-top:1px solid #000;
	border-right:1px solid #000;
	border-left:1px solid #000;
}

h1.boxHeader_admin {
	font-size:11px;
	background-image:url(img/box1bg_admin.gif);
	padding:0px 0px 0px 10px;
	vertical-align:middle;
	color:#000;
	font-weight:bold;
	height:20px;
	border:none;
	margin:0px;
	border:1px solid #000;
}

h1.boxHeader a {
	font-size:11px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	border:none;
}

div.boxBody {
	background-color: #515151; /*#EAE9E9 -> Dark #3f3f3f*/
	border-style:solid;
	border-width:0px 1px 1px 1px;
	border-color:#000; /*949494 -> Dark #7b7a7a*/
	font-size:11px;
	color:#CCC;
	font-weight:bold;
	padding:8px 10px 8px 10px;
}

div.boxBody_Infobox {
	background-color: #515151; /*#EAE9E9 -> Dark #3f3f3f*/
	border-style:solid;
	border-width:0px 1px 0px 1px;
	border-color:#000; /*949494 -> Dark #7b7a7a*/
	font-size:11px;
	color:#CCC;
	font-weight:bold;
	padding:4px 10px;
}

div.boxBody a {
	color:#CCC;
	font-weight:normal;
	text-decoration:none;
}

div.boxBody a:hover {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

div.boxBody p {
	line-height:0;
}

/* Layout der Customer Cockpit / Kundencenter Box
----------------------------------------------- */
div#box_CustomerCockpit {
	border-style:solid;
	background-color: #515151;
	border-width:0px 1px 1px 1px;
	border-color: #000;
	color:#CCC;
	font-size:11px;
	font-weight:bold;
	padding:5px 0 0 8px;
	margin-bottom:15px;
	text-align:left;
	border-top:1px dotted #333;
}

div#box_CustomerCockpit a {
	color:#CCC;
	font-weight:normal;
	text-decoration:none;
}

div#box_CustomerCockpit a:hover {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}


ul#navi_CustomerCockpit{
	list-style-type:none;
	margin-top:0;
	padding-top:0;
	margin-left:0;
	padding-left:0;
}
ul#navi_CustomerCockpit li{
	margin-bottom:0;
}
ul#navi_CustomerCockpit li a{
	/*background-color:#ddd; /*dark -> 333*/
	display:block;
	padding:0 5px;
	width:164px;
}

ul#navi_CustomerCockpit li a:hover{
	/*background: #ccc; /*dark -> 585858*/
}



/* Layout der Cart Box
----------------------------------------------- */
div.boxCart {
	font-size:11px;
	background-color:#585858;
	padding:6px 10px 2px 10px;
	color:#FFFFFF;
}

div.boxCart a {
	color:#000;
	text-decoration:underline;
}

div.boxCart p {
	line-height:normal;
	margin:0px;
	padding:0px;
}

div.boxCartBody {
	font-size:11px;
	background-image:url(img/greenboxbg.gif);
	padding:6px 0px 2px 10px;
	vertical-align:middle;
	color:#FFFFFF;
	font-weight:bold;
	height:20px;
}

div.boxCartBreakLine {
	height:1px;
	background-color: #666;
	background-image:url(img/boxCartBreakLine.gif);
	margin:5px 0px 5px 0px;
	font-size:0px;
	padding:0px;
	line-height:0px;
}


/* Floatbox (Inhalte)
----------------------------------------------- */
div.floatBox {
	background-color:#515151; /*#f7f7f7 - Helle*/
	padding:10px 20px 10px 20px;
	margin:0px;
	border-style:solid;
	border-color:#000000;
	border-width:1px;
	line-height:normal;
}

div.floatBox h1 {
	color:#ccc;
	font-size:16px;
	font-weight:bold;
	border:none;
	text-decoration:none;
	margin:10px 0px 6px 0px;
	background-image:none;
	line-height:normal;
	border-bottom:2px solid #ccc;
}

div.floatBox h2 {
	color:#ccc;
	font-weight:bold;
	font-size:14px;
	margin:15px 0px 4px 0px;
	padding:0px;;
}

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

/* Product Category Listing
----------------------------------------------- */
div.productListingContainer {
	background-color:#FFFFFF;
	padding-top:4px;
}

div.productListingContainer a.productHeader {
	padding:6px 0px 0px 0px;
	margin-top:0px;
	font-size:14px;
	font-weight:bold;
	color:#336699;
	border:none;
	text-decoration:underline;
}

div.productListingContainer p.productDescription {
	font-size:12px;
	margin:0px;
	padding:8px 0px 6px 0px;
	line-height:normal;
}

div.productListingContainer p.additionalDetails {
	padding:0px 0px 10px 0px;
	margin:0px;
	line-height:normal;
}

div.productListingContainer p.additionalDetails span.productPrice {
	font-size:15px;
	font-weight:bold;
	padding:0px;
	margin:0px;
	line-height:normal;
}

div.productListingContainer p.additionalDetails span.shippingCosts {
	font-size:11px;
	padding:0px;
	margin:0px;
	line-height:normal;
	color:#999999;
}

div.productListingContainer p.additionalDetails span.shippingCosts a {
	color:#999999;
}

div.productListingContainer p.detailButtons {
	padding:0px;
	margin:0px;
	line-height:normal;
}

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

/* Checkout Payment Block
----------------------------------------------- */
h1.paymentBlockHeader {
	background-color:#CD000C;
	background-image:url(img/paymentBlocktHeaderBg.gif);
	margin:0px;
	padding:5px 0px 0px 0px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	height:21px;
	vertical-align:middle;
	text-decoration:none;
	border-width:1px 1px 0 1px;
	border-style:solid;
	border-color:#000;	
}

h1.paymentBlockHeader input {
	margin:2px 5px 0px 5px;
	_margin:-2px 0px 0px 2px;
	padding:0px 0px 0px 0px;
}

div.paymentBlockContainer {
	margin:0px;
	padding:10px;
	background-color:#515151;
	border-style:solid;
	border-color:#000;
	border-width:0px 1px 1px 1px;
	line-height:15px;
}

div.paymentBlockContainer table td {
	padding:2px;
}

/* Checkout Shipping Block
----------------------------------------------- */
h1.shippingBlockHeader {
	background-image:url(img/shippingBlockHeaderBg.gif);
	margin:0px;
	padding:5px 0px 0px 8px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	height:21px;
	vertical-align:middle;
	text-decoration:none;
	border-width:1px 1px 0 1px;
	border-style:solid;
	border-color:#000;
}

div.shippingBlockContainer {
	margin:0px 0px 15px 0px;
	padding:6px;
	background-color: #333;
	border-style:solid;
	border-color:#000;
	border-width:0px 1px 1px 1px;
	line-height:15px;
}

div.shippingBlockContainer table td {
	padding:2px;
}

/* Text in Produktinfo Detailanzeige */
div.productinfoText {
	text-align: justify;
	padding-bottom:3px;
}

/* Attrubute in Produktinfo Detailanzeige */
div.productinfoAttribute {
	padding-top:3px;
	padding-bottom:3px;
	border-top:1px dotted #cccccc;
}

/* UVP Preis in Produktinfo Detailanzeige */
div.productinfoUVP {
	font-weight:bold;
	border-top:1px dotted #cccccc;
	padding-top:3px;
	padding-bottom:3px;
}

/* Product Image Box
----------------------------------------------- */
div.productImagesBox {
	background-color:#333333; /*#f7f7f7 - Helle*/
	font-size:11px;
	color:#cccccc;
	float:left; 
	text-align:center; 
	width:340px; /*150px - Helle*/
	padding:10px; 
	margin:0 15px 15px 0;
	border-style:solid;
	border-color:#000000;
	border-width:1px;
}

/* Box mit Attributen und Preis bei Produktdetails
----------------------------------------------- */
div.productPriceAttributes {
	background-color:#333333; /*#F7F7F7 - Helle*/
	border-style:solid;
	border-width:1px;
	border-color:#000000;
	font-size:12px;
	color:#CCCCCC;
	padding:8px;
	/*height:377px;*/
}

/* Box mit Attributen bei Produktdetails - Helle: Jetzt auf Box ausgelöst
----------------------------------------------- */
div.productPriceAttributes1 {
	background-color:#333; /*#F7F7F7 - Helle*/
	border-style:solid;
	border-width:1px;
	border-color:#000;
	font-size:12px;
	color:#ccc;
	padding:8px;
}

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

/* Box mit Downloads
----------------------------------------------- */
div.electronicDownloadsBox {
	background-color:#EAE9E9;
	border-style:solid;
	border-width:1px;
	border-color:#949494;
	font-size:12px;
	color:#000000;
	padding:5px;
}

/* 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:1px;
	/*background-image:url(img/productSplitLine.gif);*/
	border-bottom:1px solid #999;
}

/* Trennlinie für Produktvorschau (Kategorieanzeige)
----------------------------------------------- */
img.productImageBorder {
	border-style:solid;
	border-width:1px;
	border-color:#767676; /*#D9D9D9 - Helle*/
}

div.productInfoImage {
	/*height:px; /*340px*/
	border-style:solid;
	border-width:1px;
	border-color:#767676;
	background:#FFFFFF;
	margin-right:-2px;
}
/* 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: #bcbcbc;
}

.tableListingII {
	background-color: #d3d3d3;
}

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

.cartTableListingII {
	background-color: #515151;
}

td.cartTabelCell {
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#666;
	padding:7px 4px 7px 4px;
	color:#ccc;
}

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

/* Block mit Warenkorbinhalt
----------------------------------------------- */
td.basketHeader {
	background-image:url(img/basketHeaderBg.gif);
	padding:4px;
	color:#ccc;
	font-size:12px;
	font-weight:bold;
	border-bottom:2px solid #666;
}

/* 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:dotted;
	border-color:#CD000C;
	border-width:1px;
	background-color:#FFB3B7;
	font-size:13px;
	color:#000;
	font-weight:bold;
}

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

/* Footer
----------------------------------------------- */
div#footer {
	width:930px; /*770px - Helle*/
	border-style:solid;
	border-color:#949494;
	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:#121212; /*#ffffff - Helle*/
}

/* Copyright
----------------------------------------------- */
.copyright {
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	color: #333;
	font-size:9px;
	font-weight:normal;
	background-color: #000;
}

.copyright a {
	color:#333;
	font-weight:normal;
	text-decoration: underline;
}



/* Float-Clearing div
----------------------------------------------- */
div.clearboth {clear:both;}
div.clearleft {clear:left;}
div.clearright {clear:right;}
.clear {clear:both;}
#clear {clear:both;}

/* main Zelle (Versandkosten)
----------------------------------------------- */
td.contentsTopics {
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid #000;
}

td.main {
	background:none;
	font-size:12px;
}

/*ANPASSUNGEN HELBRECHT*/

/*HEADER*/
#header_container {
     position: relative;
     width: 950px;
     margin: 0 auto;
	 height:65px;
	 z-index:1000;
}

#header {
	width:100%;
	border-bottom:3px solid #ccc;
 	/*background-image:url(img/Header_Background_Helbrecht.jpg);/*background-image:url(img/bg.gif);*/
	/*background-position:top center;*/
	/*background-repeat:no-repeat;*/
}

#hc1 {
	 position: absolute;
	 z-index:10;
	 width: 370px;
	 top: 5px;
	 left:10px;
}

#hc2 {
	 z-index:9999;
	 position: absolute;
	 right:0px;
	 top:5px; /*78*/
	 right:10px;
     height: 20px;
}

#holidays {
	 z-index:9999;
	 position: absolute;
	 right:0px;
	 top:5px; /*78*/
	 right:100px;
     height: 20px;
	 text-align:center;
	 color:#F00;
	 font-weight:bold;
}


/*NAVIGATION*/
#navigation_container {
	 position: absolute;
	 z-index:1000;
	 top:45px;
     width: 100%; /*950px;*/
     margin: 0 auto;
}

div#nc1 {float:right;}

div#CatNavi {
	/*top: -10px;*/
	width: 100%;
	height: 10px;
	overflow: visible;
	height: 20px;
}

ul#CatNavi {float: left;}

#CatNavi, #CatNavi ul, #CatNavi li { 
	margin: 0;
	padding: 0;
}

#CatNavi li {
	list-style-type: none;
	position: relative;
	float: left;
}

#CatNavi a {
	color:#fff;
	font-size: 12px;
	/*line-height: 10px;*/
	display: block;
	margin: 0;
	padding: 0 10px;
	height: 20px;
	float: left;
	font-weight:normal;
}

#CatNavi a:hover {color:#fff; font-weight:normal;}

#CatNavi ul {
	background-color:#333;
	font-size:12px;
	display: none;
	position: absolute;
	z-index: 10;
	top: 20px;
	left: 0;
	width: 165px;
	overflow: visible;
	border:1px solid #ccc;
}

#CatNavi ul ul {
	position: relative;
	top: 0;
	left: 0;
	width: auto;
}

#CatNavi li:hover {}

#CatNavi li:hover ul {
	display: block;
	z-index: 10;
}

#CatNavi ul li {
	display: inline;
	float: none;
	clear: both;
}

#CatNavi ul a {
	border-bottom:1px dotted #ccc;
	color:#fff;
	line-height: normal;
	display: block;
	margin: 0;
	padding-top: 3px;
	padding-bottom: 3px;
	z-index: 10;
	width: auto;
	height: auto;
	float: none;
	clear: both;
	text-decoration:none;
}

#CatNavi ul a:hover {background: #585858;}

#CatNavi a.Current, #CatNavi a.CurrentParent {
	font-weight:bold;
	background-image:url(img/navi/HEL_arrow_bottom.gif);
	background-position:bottom center;
	background-repeat:no-repeat;
}

#CatNavi ul a.Current, #CatNavi ul a.CurrentParent {font-weight:bold;}

/*Helly*/
#MyCat1 a:hover{color:#ff9900;}
#MyCat1 a.Current{color:#ff9900;}
#MyCat1 a.CurrentParent{color:#ff9900;}

/*HSE*/
#MyCat2 a:hover{color: #FF0;}
#MyCat2 a.Current{color:#FF0;}
#MyCat2 a.CurrentParent{color:#FF0;}

/*Thunder*/
#MyCat3 a:hover{color: #F00;}
#MyCat3 a.Current{color:#F00;}
#MyCat3 a.CurrentParent{color:#F00;}


/*COR*/
#MyCat4 a:hover{color:#F00;}
#MyCat4 a.Current{color:#F00;}
#MyCat4 a.CurrentParent{color:#F00;}


/*CONTENT*/
#main_content {
	width:100%;
	background-color:#434343;
 	background-image:url(img/MainContent_Background_Helbrecht.jpg);/*background-image:url(img/bg.gif);*/
	background-position:top center;
	background-repeat:no-repeat;	
}

#content_container {
     position: relative;
     width: 950px;
     margin: 0 auto;
     min-height: 450px;
     height: auto !important;
	 height: 450px;
	 /* z-index:10; */
 	background-image:url(img/content_bg.gif);
	background-repeat: repeat-y;
}

#page_content {
    margin: 0 !important;
}

/* Allgemeiner zwei spalten content - Allgemeine TEXT FARBE !!! */
#contentdiv {
	float:left; 
	width:736px;
	padding:0;
	margin:0;
	color:#fff;
	/*font-weight:bold;*/
}

#contentdiv a {
	font-weight: normal;
	text-decoration:none;
}

#contentdiv a:hover{
	font-weight: bold;
	text-decoration:none;
}

#rightdiv {
	float:right; 
	width:190px; 
	padding:10px;
	margin: 0;
    min-height: 430px;
    height: auto !important;
	height: 430px;
}

/*FOOTER*/
#footer_HEL {
	 width:100%;
	 border-top:3px solid #ccc;
	 background-color:#000;
}

#footer_container {
     position: relative;
     width: 950px;
     margin: 0 auto;
}
/* Footer Contents */
#fc1 {
	 width:auto;
}

#fc2 {
	 color: #333;
}

#fc2 span a:active, #footer span a:link, #footer span a:visited {
	 color: #999999;
	 text-decoration:none;
}

#fc2 span a, #footer span a:hover {
	 color:#ffffff;
	 text-decoration:none;
}
/* Footer Navigation - Box Content*/
.footernavi {margin-bottom:15px; text-align:right;}

.footernavi a{margin-bottom:15px; color:#999; font-weight:normal;}

.footernavi a:hover{margin-bottom:15px; color:#FFF; font-weight:normal;}


/* Layout der Product Listing
----------------------------------------------- */
.CategorieListing_header {
	color:#ccc;
	padding:0;
	margin:0;
}

.CategorieListing_header h1{
	font-size:15px;
	font-weight: bold;
	padding:0 10px;
	margin:0;
	color: #ccc;
	border-bottom:0px solid #545454;
}

.CategorieListing { margin-left:1px;}
.CategorieListing_container {
	float:left;
	padding:0 0 10px 9px;
	width:355px;
}

.CategorieListing_content {
	float:left;
	border:1px solid #000;
	background-color:#000;
}

.CategorieListing_container h1 {
	font-size:12px;
	padding:2px 5px;
	vertical-align:middle;
	color:#fff;
	background-color:#000;
	border-bottom:3px solid #ccc;
	font-weight:bold;
	height:20px;
	margin:0px;
}

.CategorieListing_container a {
	font-size:12px;
	color: #ccc;
	font-weight: bold;
	text-decoration:none;
	border:none;
}

.CategorieListing_container a:hover {
	font-size:12px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	border:none;
}


/* Layout der Product Listing
----------------------------------------------- */
.ProductListing_header {
	color:#ccc;
	padding:0;
	margin:0;
}

.ProductListing_header h1{
	font-size:15px;
	font-weight: bold;
	padding:0 10px;
	margin:0;
	color: #ccc;
	border-bottom:0px solid #545454;
}

.ProductListing_container {
	float:left;
	padding:0 0 11px 11px;
	width:226px;
}

.ProductListing_content {
	float:left;
	border:1px solid #000;
	background-color:#FFF;
}

.ProductListing_container h1 {
	font-size:12px;
	padding:2px 5px;
	vertical-align:middle;
	color:#fff;
	background-color:#000;
	border-bottom:3px solid #ccc;
	font-weight:bold;
	height:20px;
	margin:0px;
}

.ProductListing_container a {
	font-size:12px;
	color: #ccc;
	font-weight: bold;
	text-decoration:none;
	border:none;
}

.ProductListing_container a:hover {
	font-size:12px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	border:none;
}

#product_image_bg {
	border-top:2px solid #ccc;
	background-image:url(img/Helly_product_info_bg.jpg);
	background-repeat:no-repeat;
}

.smallText {color:#999;}

/* Layout der Product Info
----------------------------------------------- */
#pInfoCatimg {
	/*height:135px; -> Alle anderen*/
	height:118px; /*Für Helly Bilder*/
	width:736px;
	background-image:url(/images/content/categorie/catimg_Helly.jpg);
	background-repeat:no-repeat;
	cursor:pointer;
}

div#product_info_container {
	background-color:#515151; /*#e9e9e9*/
	border:1px solid #000; /*7f7f7f*/
	margin:10px;
}

div#product_info_container div.product_info_content {
    float: left;
	width:333px;
	padding:5px 10px;
}

div.product_info_container_clear {
    clear: left;
    margin: 0;
    padding: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
}

/* Layout der Product Info für RX Produkte*/
#product_info_RX_container {
	background-color:#515151;
	border:1px solid #000;
	margin:10px;
}

#product_info_RX_content_left {
	float:left;
	width:520px;
	padding:5px 10px;
}

#product_info_RX_content_right {
	position:relative;
	float:right;
	z-index:100;
	width:150px;
	padding:5px 10px;	
}

#product_info_RX_container_titel {font-size:14px; font-weight:bold; margin:0; line-height:14px; padding-top:3px; border-bottom:1px solid #ccc;}

#product_info_RX_value_container {
	border:1px solid #000;
	background-color:#515151;
	padding:5px;
	margin:10px;
}

#product_text_box {text-align:justify; font-weight:normal;}


/* Layout der Product Option Dropdown (RX)
----------------------------------------------- */
.PO_Container {padding:5px;}

.PO_Header_History {float:left; width:98px; border:1px solid #000;}

/*.PO_OptionsName {position:absolute; width:100px;} OLD*/
.PO_OptionsName {position: absolute; z-index:99999; font-weight:bold;}
.PO_OptionsNameLeft {position:absolute; left:-70px;}
.PO_Container_outer {position: absolute; height:25px; width:100px;}

.freitext {font-weight:bold;}

#PO_highvalue {top:115px; left:-70px;}
#PO_customerref {top:-50px; left:-70px;}
#PO_eyeright {top:3px; left:-70px;}
#PO_eyeleft {top:33px; left:-70px;}
#PO_sphere {top:-20px; left:0px;}
#PO_cylinder {top:-20px; left:100px;}
#PO_axis {top:-20px; left:200px;}
#PO_pd {top:-20px; left:300px;}
#PO_addition {top:-20px; left:400px;}
#PO_height {top:-20px; left:500px;}
#PO_lenscolor {top:65px; left:0px;}
#PO_typeof {top:65px; left:200px;}
#PO_sittingposition {top:65px; left:400px;}


#PO_OptionsNameLeft_ID4{top:3px;} /*Text RECHTS*/
#PO_OptionsNameLeft_ID6{top:33px;} /*Text LINKS*/

#PO_OptionsName_ID1, #PO_OptionsName_ID4, #PO_OptionsName_ID6, #PO_OptionsName_ID8, #PO_OptionsName_ID10, #PO_OptionsName_ID12, #PO_OptionsName_ID14, #PO_OptionsName_ID15, #PO_OptionsName_ID16  {visibility:hidden;}
#PO_OptionsNameLeft_ID3, #PO_OptionsNameLeft_ID5, #PO_OptionsNameLeft_ID7, #PO_OptionsNameLeft_ID8, #PO_OptionsNameLeft_ID9, #PO_OptionsNameLeft_ID10, #PO_OptionsNameLeft_ID11, #PO_OptionsNameLeft_ID12, #PO_OptionsNameLeft_ID14, #PO_OptionsNameLeft_ID13  {visibility:hidden;}

#PO_OptionsName_ID17 {top:3px; left:-70px; width:120px;} /*Name des Kunden*/
#PO_Container_outer_ID17 {left:60px;} /*Name des Kunden*/

/*#PO_OptionsName_ID3 {left:0px;} Überschrift Spähre*/
#PO_Container_outer_ID3 {top:0px; left:0px;} /*Spähre rechts*/
#PO_Container_outer_ID4 {top:30px; left:0px;} /*Spähre links*/

/*#PO_OptionsName_ID5 {left:100px;} Überschrift Zylinder*/
#PO_Container_outer_ID5 {top:0px; left:100px;} /*Zylinder rechts*/
#PO_Container_outer_ID6 {top:30px; left:100px;} /*Zylinder links*/

/*#PO_OptionsName_ID7  {left:200px;} Überschrift Achse*/
#PO_Container_outer_ID7 {top:0px; left:200px;} /*Achse rechts*/
#PO_Container_outer_ID8 {top:30px; left:200px;} /*Achse links*/

/*#PO_OptionsName_ID9 {left:300px;} Überschrift PD*/
#PO_Container_outer_ID9 {top:0px; left:300px;} /*PD rechts*/
#PO_Container_outer_ID10 {top:30px; left:300px;} /*PD links*/

/*#PO_OptionsName_ID11 {left:400px;} Überschrift Addition*/
#PO_Container_outer_ID11 {top:0px; left:400px;} /*Addition rechts*/
#PO_Container_outer_ID12 {top:30px; left:400px;} /*Addition links*/

/*#PO_OptionsName_ID13 {left:500px;} Überschrift Höhe*/
#PO_Container_outer_ID13 {top:0px; left:500px;} /*Höhe rechts*/
#PO_Container_outer_ID14 {top:30px; left:500px;} /*Höhe links*/

#PO_OptionsNameLeft_ID1 {top:65px; left:0px} /*Linsenfarbe*/
#PO_Container_outer_ID1 {top:80px; left:0px;} /*Linsenfarbe*/

#PO_OptionsNameLeft_ID16 {top:65px; left:200px;} /*Art der Verglasung*/
#PO_Container_outer_ID16 {top:80px; left:200px;} /*Art der Verglasung*/

#PO_OptionsNameLeft_ID15 {top:65px; left:400px;} /*Sitzposition*/
#PO_Container_outer_ID15 {top:80px; left:400px;} /*Sitzposition*/

.PO_ItemData {}
.PO_ItemData a {}
.PO_ItemData a:hover{ font-weight:bold;}

/*Linsenfarben*/
#PO_ItemData_ID1 { background-color:#333; color:#FFF} /*super dark*/
#PO_ItemData_ID2 { background-color:#666;} /*smoke*/
#PO_ItemData_ID3 { background-color:#09F;} /*laser blue*/
#PO_ItemData_ID4 { background-color:#F30;} /*laser red*/
#PO_ItemData_ID5 { background-color:#CCC;} /*laser silver*/
#PO_ItemData_ID6 { background-color:#ff9900;} /*orange*/
#PO_ItemData_ID7 { background-color:#FF0;}  /*xenolit*/
#PO_ItemData_ID8 {
	background-color:#fff;
	content: "  "url('images/product_options/2_1.gif');margin-right:40px;margin-top:0px;margin-bottom:0px;
	background-image:url(images/product_options/2_1.gif);
	background-repeat:no-repeat;
} /*klar*/
option[id="PO_ItemData_ID8 "]::before { background-color:#06F; content: "  "url('..images/product_options/2_1.gif');margin-right:4px;margin-top:0px;margin-bottom:0px;}



/* Layout der Seiten Contents
----------------------------------------------- */
.SiteContent {
	position: relative;
	margin-top:20px;
}

.SiteContent_IMG {}
.SiteContent_Text {text-align:justify; padding-top:5px; border-top:1px solid #CCC;}
.SiteContent_LINK {text-align:center; font-size:14px; border-top:1px solid #CCC}

#sc_Helly {border-top:2px solid #ff9900; border-bottom:2px solid #ff9900;}
#sc_Link_Helly {background-color:#ff9900;}

#sc_HSE {border-top:2px solid #FF0; border-bottom:2px solid #FF0;}
#sc_Link_HSE {background-color:#FF0;}

#sc_Thunder {border-top:2px solid #F00; border-bottom:2px solid #F00;}
#sc_Link_Thunder {background-color:#F00;}

#sc_COR {border-top:2px solid #F00; border-bottom:2px solid #F00;}
#sc_Link_COR {background-color:#F00;}

/* Layout der Kategorie Liste im Content
----------------------------------------------- */
.categories_list_container {margin:10px; margin-top:30px;}

.categories_list_content { margin-top:20px;}

.categories_list_content a { margin-top:20px; color:#000;}

.categories_list_content a:hover { margin-top:20px; color:#000;}

.categories_list_Name {padding:2px 3px;}

 /*Helly Bikereyes = Cat ID1*/
#categories_list_content_ID1 { }
#categories_list_Name_ID1 {background-color:#ff9900;}

 /*HSE Sporteyes = Cat ID2*/
#categories_list_content_ID2 { }
#categories_list_Name_ID2 {background-color:#FF0;}

 /*Thunder Roadwear = Cat ID3*/
#categories_list_content_ID3 { }
#categories_list_Name_ID3 {background-color:#F00;}

 /*COR Chillout Rider = Cat ID4*/
#categories_list_content_ID4 { }
#categories_list_Name_ID4 {background-color:#F00;}

.guestlink a { color:#000;}
.guestlink a:hover { color:#000;}

A.linkHBE { color:#ff9900; font-weight:bold;}
A.linkHBE:hover { color:#FFF;}

a.linkHSE { color:#FF0; font-weight:bold;}
a.linkHSE:hover { color:#FFF;}

a.linkTRW { color:#F00; font-weight:bold;}
a.linkTRW:hover { color:#FFF;}