﻿/* -----------------------------------------------------------------------------------------
   $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 
   ---------------------------------------------------------------------------------------*/


body { 
margin: 5px 0pt; 
background: #0C0C0C url('img/bg.jpg') no-repeat; 
background-position: center 0;
background-attachment:fixed;
color: #444444; 
font-family: Arial,tahoma; 
font-size: 11px;
}

.navbar {
border-top: 1px solid #FFF; 
background: transparent url(img/bg_nav.jpg) repeat-x; 
height: 30px; 
padding-left: 5px; 
padding-top: 6px;  
color: #000;
}

a.navbar{
color: #3B3B3B;
text-decoration: none; 
}

a.navbar:hover
{
color: #888;
text-decoration: underline; 
}


a { 
color: rgb(70, 70, 70); text-decoration: none; 
}

a:hover
{ 
color: rgb(190, 0, 8); 
text-decoration: none; 
}

a.headerNavigation, 
{ 
color: #FFFFFF; 
font-family: Arial,tahoma;
font-size: 11px; 
}
a.headerNavigation:hover
{ 
color: #797979; 
text-decoration: underline; 
}

a.pageResults 
{ color: #555; font-family: Arial,tahoma; font-size: 11px; 
}

a.pageResults:hover 
{ 
background: #FFF none repeat; 
color: rgb(85, 85, 85); 
font-family: Arial,tahoma; 
font-size: 11px; 
}


form 
{ display: inline; 
}

h1 { margin: 0pt; padding: 0pt; font-size: 11px; }

img 
{ border: 0pt none ; 
}

span.greetUser 
{ 
color: rgb(68, 68, 68); font-family: Arial,tahoma; font-size: 11px; font-weight: bold; 
}

span.markProductOutOfStock 
{ color: rgb(199, 97, 112); font-family: Arial,tahoma; font-size: 11px; font-weight: bold; 
}

span.markProductOutOfStock 
{ color: rgb(199, 97, 112); font-family: Arial,tahoma; font-size: 11px; font-weight: bold; 
}

span.productDiscountPrice 
{ color: rgb(255, 0, 0); font-family: Arial,tahoma; font-weight: bold; 
}

span.productOldPrice { color: rgb(136, 136, 136); font-family: Arial,tahoma; font-size: 11px; text-decoration: line-through; }
span.productSpecialPrice, span.errorText { color: rgb(255, 0, 0); font-family: Arial,tahoma; }

table.formArea { 
border: 1px solid rgb(204, 204, 204); background: rgb(255, 255, 255) none repeat; }

table.productListing { 
border: 1px solid rgb(182, 183, 203); border-spacing: 1px; font-family: Arial,tahoma; font-size: 11px; 
}

textarea { 
font-family: Arial,tahoma; font-size: 11px; width: 100%; }

tr.accountHistory-odd, tr.addressBook-odd, tr.alsoPurchased-odd, tr.payment-odd, tr.productListing-odd, tr.productReviews-odd, tr.upcomingProducts-odd, tr.shippingOptions-odd, tr.accountHistory-even, tr.addressBook-even, tr.alsoPurchased-even, tr.payment-even, tr.productListing-even, tr.productReviews-even, tr.upcomingProducts-even, tr.shippingOptions-even { background: rgb(248, 248, 249) none repeat; }
tr.footer { background: rgb(187, 195, 211) none repeat; }
tr.header { background: rgb(255, 255, 255) none repeat; }
tr.headerError { background: rgb(255, 0, 0) none repeat; }
tr.headerInfo, tr.subBar {  }
tr.headerNavigation { background: rgb(246, 246, 246) none repeat; }
.accountCategory { color: rgb(170, 187, 221); font-family: Arial,tahoma; font-size: 11px; }
.an { display: block; }
.aus { display: none; }

.rundeboxright {
   padding: 2px;
   line-height: 18px;
   width: 170px; 
   background: #F8F8F8 url(img/boxrightbg.gif) repeat left bottom; 
}

.rundeboxrightunder {
   width: 170px;
   height: 10px;
   background: transparent url(img/boxrightbgunder.gif) no-repeat left top;
}

.rundeboxrighttop { 
  border-bottom: 1px solid rgb(196, 196, 196); 
  padding: 9px 0pt 2px 10px; 
  background: transparent url('img/boxrightbgtop.gif') no-repeat; color: rgb(51, 51, 51); 
  font-family: Arial,tahoma; font-size: 11px; font-weight: bold; 
  color:#FFF;
}
.rundeboxmainrighttop { 
  border-bottom: 1px solid rgb(196, 196, 196); 
  padding: 9px 0pt 2px 10px; 
  background: transparent url('img/boxbgmainpage.gif') no-repeat; color: rgb(51, 51, 51); 
  font-family: Arial,tahoma; font-size: 11px; font-weight: bold; 
  color:#FFF;
}

.rundeboxlefttop { 
  border-bottom: 1px solid rgb(196, 196, 196);  
  padding: 9px 0pt 2px 10px; 
  background: transparent url('img/boxrightbgtop.gif') no-repeat; color: rgb(51, 51, 51); 
  font-family: Arial,tahoma; font-size: 11px; font-weight: bold; 
  color:#FFF;
}

.rundeboxleft {
   padding: 2px;
   line-height: 18px;
   width: 170px; 
   background: #F8F8F8 url(img/boxrightbg.gif) repeat left bottom; 
}

.rundeboxleftunder {
   width: 170px;
   height: 10px;
   background: transparent url(img/boxrightbgunder.gif) no-repeat left top;
}


.boxText 
{ 
padding: 3px; 
background: #F8F8F8 none repeat; 
line-height: 18px; 
}
.boxText, .messageBox, .infoBoxNoticeContents, .infoBox, span.infoBox, .productListing-data, .smallText, span.smallText, p.smallText, .fieldValue, checkbox, input, radio, select 
{ 
font-family: Arial,tahoma; font-size: 11px; 
}

.boxTextBG 
{
 background-color: rgb(248, 248, 248); font-family: Arial,tahoma; font-size: 11px;
}

.top
{
background: url(top.gif);
width: 300px;
height: 15px;
}

.boxTextBGII 
{ background-color: rgb(239, 239, 239); 
font-family: Arial,tahoma; 
font-size: 11px; 
}

.boxTextPrice, span.newItemInCart, .inputRequirement 
{ 
color: rgb(255, 0, 0); 
font-family: Arial,tahoma; 
font-size: 11px; 
}

.checkoutBarCurrent, .boxText, .subBar { color: rgb(85, 85, 85); font-family: Arial,tahoma; font-size: 11px; }

.checkoutBarFrom, .checkoutBarTo { color: rgb(140, 140, 140); font-family: Arial,tahoma; font-size: 11px; }

.contentsTopics { border-bottom: 1px solid rgb(204, 204, 204); color: rgb(85, 85, 85); font-family: Arial,tahoma; font-size: 11px; font-weight: bold; height: 22px; padding-left: 5px; vertical-align: middle; width: 559px; }

.copyright { font-family: Arial,tahoma; font-size: 9px; line-height: 1.5; text-align: center; }

.errorBox { background-color: rgb(255, 179, 181); font-family: Arial,tahoma; font-size: 11px; font-weight: bold; }

.errorBox { background: rgb(255, 179, 181) none repeat; font-family: Arial,tahoma; font-size: 11px; font-weight: bold; }

.formAreaTitle, .fieldKey, .tableHeading { font-family: Arial,tahoma; font-size: 11px; font-weight: bold; }

.gvBox { border: 1px solid rgb(255, 255, 255); background-color: rgb(255, 179, 181); font-family: Arial,tahoma; font-size: 11px; font-weight: bold; }

.headerError { background: rgb(255, 0, 0) none repeat; color: rgb(255, 255, 255); font-family: Arial,tahoma; font-size: 11px; font-weight: bold; text-align: center; }

.headerInfo { 
background: rgb(0, 255, 0) none repeat; color: rgb(255, 255, 255); font-family: Arial,tahoma; font-size: 11px; font-weight: bold; text-align: center; 
}

.headerNavigation, .footer { border-color: rgb(182, 183, 203); border-bottom: 1px solid rgb(182, 183, 203); color: rgb(255, 255, 255); font-family: Arial,tahoma; font-size: 11px; font-weight: bold; }
.info1, .info2 { margin: 0pt; padding: 5px; background: rgb(248, 193, 0) none repeat; font-size: 10px; }
.infoBox {  }

.infoBoxContents 
{ 
color: rgb(85, 85, 85); font-family: Arial,tahoma; font-size: 11px; 
}

.infoBoxHeading
 { 
 border-bottom: 1px solid rgb(153, 153, 153); 
 padding: 5px 0pt 5px 10px; 
 background: transparent url('img/boxbg9.gif') repeat; color: rgb(51, 51, 51); 
font-family: Arial,tahoma; font-size: 11px; font-weight: bold; 
 color:#FFF;

}

.infoBoxHeading2 { 
border: 1px solid rgb(153, 153, 153); background: transparent url('img/navtrail.gif') repeat; color: rgb(255, 255, 255); font-family: Arial,tahoma; font-size: 11px; font-weight: bold; height: 25px; }
.infoBoxHeading3 { color: rgb(85, 85, 85); font-family: Arial,tahoma; font-size: 11px; font-weight: bold; height: 22px; }
.infoBoxNotice { background: rgb(242, 226, 226) none repeat; }

.header
{ 
background: transparent; 
}

.header1
{ 
background: transparent; 
}
.maininhalttext 
{ 
    color: #181818;
    font-family: Arial,tahoma;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
}

.maininhalttext2 
{ 
    color: #181818;
    font-family: Arial;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    padding-left: 1px;
    padding-right: 3px;
}

.maininfopages 
{ 
    color: #464646;
    font-family: Arial,Helvetica,sans-serif;    
    font-size: 12px;
    line-height: 150%;
    }
.mainproductinfo 
{ 
    color: #303030;
    font-family: Arial,Helvetica,sans-serif;    
    font-size: 12px;
    line-height: 120%;
    padding-right: 5px;
    }
     
.mainproductinfo ul 
{ 
padding-left: 0.6em; 
margin-left: 0.6em; 
list-style-type: square;
}

.mainproductheader {
    font-size:16px;
    font-family: Arial,Helvetica,sans-serif;
    font-weight:bold;
    color: #3685A3;   
}

.main, p.main 
{ 
font-family: Arial,tahoma; font-size: 11px; line-height: 15px; 
}
.messageStackError, .messageStackWarning { background-color: rgb(255, 179, 181); font-family: Arial,tahoma; font-size: 11px; }
.messageStackSuccess { background-color: rgb(153, 255, 0); font-family: Arial,tahoma; font-size: 11px; }
.mmoduleRow { border-bottom: 1px solid rgb(204, 204, 204); background: rgb(245, 246, 235) none repeat; height: 25px; line-height: 150%; text-decoration: none; }
.moduleHeading { font-family: Arial,tahoma; font-size: small; font-weight: bold; padding-bottom: 11px; }
.moduleRow { height: 15px; line-height: 110%; }
.moduleRow { border-bottom: 1px solid rgb(204, 204, 204); background: rgb(255, 255, 255) none repeat; height: 25px; line-height: 150%; }

.moduleRow a { text-decoration: none; }

.moduleRow a { text-decoration: none; }

.moduleRow a:hover 
{ text-decoration: none; 
}

.moduleRowOver { height: 15px; text-decoration: none; }
.moduleRowOver { border-bottom: 1px solid rgb(204, 204, 204); background: rgb(237, 236, 221) none repeat; height: 25px; line-height: 150%; text-decoration: none; }
.moduleRowOver a { text-decoration: none; }
.moduleRowOver a { text-decoration: none; }
.moduleRowOver a:hover { text-decoration: underline; }
.moduleRowOver a:hover { text-decoration: none; }
.moduleRowSelected {  }
.moduleRowSelected {  }

.navLeft { border-color: rgb(182, 183, 203) -moz-use-text-color rgb(182, 183, 203) rgb(182, 183, 203); border-right: 1px solid; }

.navRight { border-color: rgb(182, 183, 203) rgb(182, 183, 203) rgb(182, 183, 203) -moz-use-text-color; border-left: 1px solid; }

.onepxwidth { width: 1px; }

.orderEdit { color: rgb(112, 210, 80); font-family: Arial,tahoma; font-size: 11px; text-decoration: underline; }
.pageHeading, div.pageHeading { color: rgb(85, 85, 85); font-family: Arial,tahoma; font-size: 16px; font-weight: bold; }
.poweredby { color: rgb(85, 85, 85); font-family: Arial,tahoma; font-size: 11px; font-weight: bold; }
.productListing-heading, .mmbodysml { background: rgb(182, 183, 203) none repeat; color: rgb(255, 255, 255); font-family: Arial,tahoma; font-size: 11px; font-weight: bold; }



.productsNotifications { background: rgb(242, 255, 247) none repeat; }

.smallHeading { 
color: rgb(85, 85, 85); 
font-family: Arial,tahoma; 
font-size: x-small; font-weight: bold; 
}

.stockWarning { color: rgb(204, 0, 51); font-family: Arial,tahoma; font-size: 11px; }

.tableBody { padding: 5px; }

.tableBody { padding: 2px; }

.tableListingI { background-color: rgb(238, 238, 238); }

.tableListingII { background-color: rgb(208, 208, 208); }

.tableShop { border-color: rgb(182, 183, 203) -moz-use-text-color; border-left: 1px solid; border-right: 1px solid; background-color: rgb(255, 255, 255); }


.moduleRow {
 font-family: Arial, tahoma;
 font-size: 11px;
 line-height: 1.5;
 background-color: #F1F1F1;
 border: 1px solid;
 border-color: #E6E6E6;

}
.moduleRowOver { 
	background-color: #E6E6E6; 
	border: 1px solid;
	border-color: #ffffff;
	font-family: Arial, tahoma;
    font-size: 11px;
    line-height: 1.5; 
	
	}
.moduleRowSelected { background-color: #EFA6AA; }

/* HIGHLIGHTBOX (BACKGROUND) */
div.highlightbox {
	padding: 15px;
	background-color:#f8f8f8;
	font-family: Arial, Tahoma;
	border: solid #d9d9d9 1px

}
div.highlightbox ul {
	margin-left:15px;
	padding:0;
	display:block;
	list-style-type:square;
	line-height:20px
}
div.highlightbox h1 {
	color: #C71C00;
	padding:0px 0px 10px 0px;
	margin:0;
	border:none;
	font-size:16px
}
div.highlightbox div.hr {
	height:1px;
	line-height:1px;
	margin:0;
	padding:0;
	display:block;
	border-bottom: solid 1px #eee;
}
/* BREADCRUMB PATH AS LIST */
#breadcrumb {
	clear:both;
	color:#c64934;
	padding:1px 0px 10px 15px;
	list-style-type:none;
	background-color:#fff;
	height:22px;
	font-size:11px;
}
/* TOPMENU AS LIST */
.topmenuwrap {
	background: #333 url(img/bg_topmenu2.gif) repeat-x;
	}
#topmenu {
	float:left;
	padding:0;
	margin:0;
	list-style-type:none;
	height:36px;
	font-size:12px;
	background: url(img/bg_topmenu2.gif) repeat-x;
}
#topmenu li {
	height:36px;
	float:left;
	padding: 0px 15px 0px 15px;
	margin:0;
	background: url("img/bg_topmenu_breakline2.gif") no-repeat;
	background-position:right;
}

#topmenu a, #topmenu a:link, #topmenu a:visited, #topmenu a:hover, #topmenu a:active {
	line-height:36px;
	vertical-align:middle;
	text-decoration:none;
	font-weight:bold;
	color:#E8E8E8;
	margin:0;
	padding:0;
}
#topmenu a:hover {
	color:#EE8C11;
}
h2 {
	color:#3B3B3B;
	font-weight:bold;
	font-size:16px;
	margin:15px 0px 8px 0px;
	padding:0px;
}
/* TOPMENU OBEN GEÄNDERT AS LIST */
.topmenuwrap2 {
	background: #333;
	}
#topmenu2 {
	float:left;
	padding:0;
	margin:0;
	list-style-type:none;
	height:36px;
	font-size:12px;
}
#topmenu2 li {
	height:36px;
	float:left;
	padding: 0px 25px 0px 25px;
	margin:0;
}
#topmenu2 a, #topmenu2 a:link, #topmenu2 a:visited, #topmenu2 a:hover, #topmenu2 a:active {
	line-height:36px;
	vertical-align:middle;
	text-decoration:none;
	font-weight:bold;
	color:#E8E8E8;
	margin:0;
	padding:0;
}
#topmenu2 a:hover {
	color:#EE8C11;
}
h2 {
	color:#3B3B3B;
	font-weight:bold;
	font-size:16px;
	margin:15px 0px 8px 0px;
	padding:0px;
}
/* HIGHLIGHTBOX Productinfo (BACKGROUND) */
div.highlightbox1 {
	padding: 10px;
	background-color:#f8f8f8;
	border: solid #d9d9d9 1px
}
div.highlightbox1 ul {
	margin-left:15px;
	padding:0;
	display:block;
	list-style-type:square;
	line-height:20px
}
div.highlightbox1 h1 {
	color: #C4190E;
	padding:0px 0px 10px 0px;
	margin:0;
	border:none;
	font-size:16px
}
div.highlightbox1 div.hr {
	height:1px;
	line-height:1px;
	margin:0;
	padding:0;
	display:block;
	border-bottom: solid 1px #eee;
}
div.titlebox1 {
    font-size:12px;
    font-weight:bold;
    
}
div.titlebox2 {
    font-size:12px;
    font-weight:bold;
}
.boxText2
{
padding: 3px; 
background: #F8F8F8 none repeat; 
line-height: 14px; 
font-family: Arial,tahoma; 
font-size: 10px; 
}
/* HIGHLIGHTBOX News (BACKGROUND) */
div.highlightbox2 {
	padding: 2px;
	background-color:#f8f8f8;
	border: solid #d9d9d9 1px
}
div.highlightbox2 h1 {
	font-size:12px
}
div.newsheader {
    padding: 2px;
	background-color:#f8f8f8;
	border: solid #d9d9d9 1px;
    font-size:12px;
}

/* HIGHLIGHTBOX Boxen (BACKGROUND) */
div.highlightbox3 {
	padding: 1px;
	background-color:#f8f8f8;
	border: solid #d9d9d9 1px
}
div.highlightbox3 h1 {
	font-size:12px
}
/* HIGHLIGHTBOX Boxen (Warenkorb) */
div.highlightboxwg {
	padding: 1px;
	width: 170px;
	margin:auto;
	margin-left:20px;    
    text-align: center;
    background-color:#f8f8f8;
	border: solid #0E0E0E 1px
}
div.highlightboxwg h1 {
	font-size:12px
}


/* Sitemap*/
#content ul.SitemapTopLevel {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    width: 510px;
}
li.SitemapTopLevel {
    list-style-type: none;
    margin-left: 0;
}
a.SitemapTopLevel {
    display: block;
    font-size: 1.2em;
    font-weight: bold;
}
ul.SitemapProducts {
    margin-left: 5px
}
li.SitemapProductsI{
    background-attachment: scroll;
    background-color: #FFFFFF;
    background-position: 0 0;
    background-repeat: repeat;
    font-size: 0.8em;
    font-weight: normal;
    list-style-type: none;
    text-indent: 0.5em;
}
li.SitemapProductsII {
    background-attachment: scroll;
    background-color: #EEEEEE;
    background-position: 0 0;
    background-repeat: repeat;
    font-size: 0.8em;
    font-weight: normal;
    list-style-type: none;
    text-indent: 0.5em;
}
a.sitemap_products {
    display: block;
}
ul.SitemapCatLevel_0 {
}
li.SitemapCatLevel_0 {
    font-size: 1.1em;
    font-weight: bold;
    list-style-type: square;
    margin-left: 10px;
}
a.SitemapCatLevel_0:link {
    display: block;
}
a.SitemapCatLevel_0:visited {
}
a.SitemapCatLevel_0:hover {
}
a.SitemapCatLevel_0:active {
}
a.SitemapCatLevel_0:focus {
}
ul.SitemapCatLevel_1 {
}
li.SitemapCatLevel_1 {
    font-size: 1em;
    font-weight: bold;
    list-style-type: disc;
    margin-left: 20px;
}
a.SitemapCatLevel_1:link {
    display: block;
}
a.SitemapCatLevel_1:visited {
}
a.SitemapCatLevel_1:hover {
}
a.SitemapCatLevel_1:active {
}
a.SitemapCatLevel_1:focus {
}
ul.SitemapCatLevel_2 {
}
li.SitemapCatLevel_2 {
    font-size: 0.9em;
    font-weight: bold;
    list-style-type: circle;
    margin-left: 30px;
}
a.SitemapCatLevel_2:link {
    display: block;
}
a.SitemapCatLevel_2:visited {
}
a.SitemapCatLevel_2:hover {
}
a.SitemapCatLevel_2:active {
}
a.SitemapCatLevel_2:focus {
}
li.sitemap_content {
    border-bottom-color: #D8D8D8;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: square;
    margin-left: 10px;
}


/*TopBar Leiste */
#userbar {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 4;
    background: url(img/bg_topmenu3.gif) repeat-x;
}
 #userbarmenu {
	float:left;
	padding-top:0;
	padding-left:22%;
	margin-top:0;
	list-style-type:none;
	width: 900px;
	height:36px;
	font-size:12px;
	background: url(img/bg_topmenu3.gif) repeat-x;
}
#userbarmenu li {
	height:36px;
	float:left;
	padding: 0px 25px 0px 25px;
	margin:0;
	background: url("img/bg_topmenu_breakline3.gif") no-repeat;
	background-position:left;
}
#userbarmenu a, #userbarmenu a:link, #userbarmenu a:visited, #userbarmenu a:hover, #userbarmenu a:active {
	line-height:36px;
	vertical-align:middle;
	text-decoration:none;
	font-weight:bold;
	color:#E8E8E8;
	margin:0;
	padding:0;
}
#userbarmenu a:hover {
	color:#EE8C11;
}
h2 {
	color:#3B3B3B;
	font-weight:bold;
	font-size:16px;
	margin:15px 0px 8px 0px;
	padding:0px;
}   
/*---------------------------- Imageslider (c) 2008 by Hetfield - www.MerZ-IT-SerVice.de - Begin --------------------------*/
ul#imageslider {  
	padding:0; 
	list-style:none;
	list-style-type:none;
	list-style-position:outside; 
	overflow:hidden; /* Falls die Inhalte zu gross sind, werden diese abgeschnitten */
	width: 640px; /* Breite des Slideshowcontainers */
}
ul#imageslider #slidercontent { 
	display: none; 	/* Textanzeige deaktiviert durch display:none; */
	z-index: 888;	/* Durch den z-index wird der Conatiner des Textes auf das Bild gelegt */
	position: relative; 
	top: -195px;	/* Damit der Text auf dem Bild angezeigt werden kann müssen wir den Container nach oben ziehen */
	width: 640px; /* Breite des Slideshowcontainers */
	overflow: hidden; /* Falls die Inhalte zu gross sind, werden diese abgeschnitten */
	text-align: justify;
	font-size: 0.9em; 
	background: #ccc; 
	/* Regelt die Transparenz des Textes um das Bild darunter noch sehen zu können */
	-moz-opacity: 0.7;
	opacity: 0.70; 
	filter:alpha(opacity=70); 
}
/*---------------------------- Imageslider (c) 2008 by Hetfield - www.MerZ-IT-SerVice.de - End ----------------------------*/

