﻿/* -----------------------------------------------------------------------------------------
   $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 
   ---------------------------------------------------------------------------------------*/

.boxText { 
	font-family:  Arial;
	font-size: 11px;
}

.boxTextBG {
	font-family:  Arial;
	font-size: 11px;
	background-color: #f1f1f1;
}
.boxTextBGII {
	font-family:  Arial;
	font-size: 11px;
  background-color: #f1f1f1;
}
.boxTextPrice {
	font-family:  Arial;
	font-size: 11px;
	color: #CC0000;
}

.errorBox {
	font-family:  Arial;
	font-size : 11px;
	font-weight: bold;
	color:#ffffff;
	background-color: #CC0000;
}
.gvBox {
	font-family:  Arial;
	font-size : 14px;
	font-weight: bold;
	border-color: #FFFFFF;
	border: 1px solid;
	background-color: #ffb3b5;
}
.stockWarning { 
	font-family:  Arial;
	font-size : 11px;
	color: #cc0033;
}

.productsNotifications {
	background-color: #f2fff7;
}

.orderEdit { 
	font-family:  Arial;
	font-size : 11px;
	color: #70d250;
	text-decoration: underline;
}

BODY {
	color: #666666;
	margin: 0px;
	/*background-image: url(img/background.jpg);*/
  font-family:  Arial;

}


FORM {
	display: inline;		   
}


TR.header {
	background-color: #ffffff;
}

TR.headerNavigation {
  background: #F6F6F6;
}

TD.headerNavigation {
	font-family:  Arial;
	font-size: 11px;
	color: #000000;
	font-weight : bold;
	border-bottom: 1px solid;
	border-color: #b6b7cb;
	background-color: #F6F6F6;
}

A.headerNavigation { 
  color: #000000; 
}

A.headerNavigation:hover {
  color: #000000;
}

TD.conditions {
  background-color: #FFCCCC;
}

A.confirmationEdit {
	color: #009933;
	font-style: italic;
}
A.confirmationEdit:hover {
	color: #009933;
	font-style: italic;
	text-decoration: underline;
}
TR.headerError {
  background-color: #CC0000;
}

TR.headerMessage {
	background-color: #ffffff;
}

.moduleHeading {
	font-family:  Arial;
	font-size: small;
	font-weight: bold;
	padding-bottom: 11px;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #CC0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #CC0000;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #CC0000;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family:  Arial;
  font-size: 11px;
    background: #F6F6F6;
  color: #000000;
  font-weight : bold;
  border-bottom: 1px solid;
  border-color: #b6b7cb;
}

.infoBox {
}

.infoBoxContents {
  font-family:  Arial;
  font-size: 11px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family:  Arial;
  font-size: 11px;
}

TD.infoBoxHeading {
background-color: #FFFFFF;
	background-image: url(img/lefthead.jpg);
	background-repeat: no-repeat;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #cccccc;
	text-decoration: none;
}

TD.infoBoxHeading_right {
 background-color: #FFFFFF;
	background-image: url(img/lefthead.jpg);
	background-repeat: no-repeat;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #cccccc;
	text-decoration: none;
}

TD.infoBox, SPAN.infoBox {
  font-family:  Arial;
  font-size: 11px;
  border-right: 4px solid;
  background: #E6E6E6; 
  border-color: #C4C4C4;
}

TD.infoBox_right, SPAN.infoBox_right {
  font-family:  Arial;
  font-size: 11px;
  background: #E6E6E6; 

}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

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: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
  font-family:  Arial;
  font-size: 11px;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family:  Arial;
  font-size: 11px;
}

A.pageResults {
	color: #0000FF;
	text-decoration: underline;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family:  Arial;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family:  Arial;
  font-size: 11px;
  color: #000000;
}

TD.main, P.main {
  font-family:  Arial;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family:  Arial;
  font-size: 11px;
}

TD.accountCategory {
  font-family:  Arial;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family:  Arial;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family:  Arial;
  font-size: 12px;
}

TD.tableHeading {
  font-family:  Arial;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family:  Arial;
  font-size: 11px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
	font-family:  Arial;
	font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family:  Arial;
  font-size: 11px;
}

SPAN.greetUser {
font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #CC0000;
}

SPAN.underline {
	text-decoration: underline;
}

TABLE.formArea {
  background: #f1f1f1;
  border-color: #cccccc;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

.copyright {
  font-family:  Arial;
    font-size: 9px;
  line-height: 1.5;
  color: #666666;
  text-align:center;
}
.parseTime {
  font-family:  Arial;
  color: #666666;
    font-size: 9px;
  line-height: 1.5;
  text-align:center;
}
A.copyright {
  color: #666666;
text-decoration: none;
    font-size: 9px;
}
A.copyright:hover {
  color: #666666;
    font-size: 9px;
text-decoration: none;
}
A.copyright:visited {
  color: #666666;
    font-size: 9px;
text-decoration: none;
}


SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family:  Arial;
  color: #ff0000;
}
SPAN.productOldPrice {
	font-family:  Arial;
	color: #ff0000;
	text-decoration: line-through;
}
SPAN.errorText {
  font-family:  Arial;
  color: #ff0000;
}

SPAN.productDiscountPrice {
  font-family:  Arial;
  color: #ff0000;
  font-weight: bold;
}

.smallHeading {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: Black;
}

.moduleRow {
 font-family:  Arial;
 font-size: 11px;
 line-height: 1.5;
 background-color: #EFEFEF;
 border: 1px solid;
 border-color: #E6E6E6;

}
.moduleRowOver { 
	background-color: #ffffff; 
	border: 1px solid;
	border-color: #ffffff;
	font-family:  Arial;
    font-size: 11px;
    line-height: 1.5; 
	
	}
.moduleRowSelected { background-color: #CC0000;
color: #ffffff;
 }

.checkoutBarFrom, .checkoutBarTo { font-family:  Arial; font-size: 11px; color: #8c8c8c; }
.checkoutBarCurrent { font-family:  Arial; font-size: 11px; color: #000000; }

/* sitewide font classes */
/* Note: heading<Number> equals <font size="Number"> */
.heading1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; }
.heading2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; }
.heading3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; }
.heading4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; }
.heading5 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16pt; }

/* Sitemap Tables */
.sitemap_heading {font-family: Verdana, Arial, Helvetica, sans-serif;  color: #FFFFFF; 
	background-color: #cccccc; 
	padding-top: 2px; padding-bottom: 2px;}
.sitemap_heading a {color:#FFFFFF;}
.sitemap_heading a:hover {color:#CCCCCC; text-decoration:none;}

.sitemap_sub {font-family: Verdana, Arial, Helvetica, sans-serif;  color: #000000; background-color: #E6E6E6; padding: 2px 2px;}
.sitemap_sub a {color:#000000;}
.sitemap_sub a:hover {color:#999999; text-decoration:none;}


/* message box */

.messageBox { font-family:  Arial; font-size: 11px; }
.messageStackError, .messageStackWarning { font-family:  Arial; font-size: 11px; background-color: #ffb3b5; }
.messageStackSuccess { font-family:  Arial; font-size: 11px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family:  Arial; font-size: 11px; color: #ff0000; }

.tableShop {
background-color: #ffffff;
border-left: 1px solid;
border-right: 1px solid;
border-color: #b6b7cb;
}

.navLeft {
	border-right: 1px solid;
	border-color: #b6b7cb;
	background-image: url(img/bg_left_column.jpg);
	width: 185px;
}
.navRight {
	border-color: #666666;
	border-top-width: 4px;
	border-top-style: solid;
	border-left-width: 4px;
	border-left-style: solid;
	background-color: #E6E6E6;
	width: 185px;
}

.contentsTopics {
	font-family:  Arial;
	font-size: 14px;
	font-weight: bold;
}

.tableListingI {
	background-color: #eeeeee;
}

.tableListingII {
	background-color: #d0d0d0;
}

.tableBody {
padding: 5px;
}

.poweredby {
  font-family:  Arial;
  font-size: 11px;
  color: #000000;
  font-weight: bold;
}
.onepxwidth {
	width: 1px;
}

body {
	color: #666666;
	margin: 0px;
	background-image: url(img/background.jpg);
  font-family:  Arial;
}


#rc_header_top {
	width:900px;
	height:22px;
	padding-top:8px;
	margin-left:auto;
	margin-right:auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

#rc_header_nav {
	width:900px;
	height:57px;
	margin-left:auto;
	margin-right:auto;

	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-left-color: #999999;
	background-image: url(img/navback.jpg);
}

.rc_header_menu {
	padding-top:20px;
	float:left;
	width:130px;
	text-align:center;
}

.rc_background {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	border-top: 0px none;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	background-color:white;
}

#rc_search {
	width:220px;
	float:left;
	padding-left:5px;
	padding-right:5px
}

#rc_footer {	
	width:850px;
	margin-left:auto;
	margin-right:auto;	
	height:30px;
	padding-left:50px;
	padding-top:14px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-image: url(img/footerback.jpg);
	background-position: center;
	border-top: 0px none;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}

.rc_conttable {
	background-color: #FFFFFF;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #999999;
	padding-left:2px;
	padding-right:2px;
	width:664px;
}

a.top:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

a.nav:link {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: none;
}
a.nav:visited {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: none;
}
a.nav:hover {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: underline;
}

a:link {
	color: #CC0000;
	text-decoration: underline;
}
a:visited {
	color: #CC0000;
	text-decoration: underline;}
a:hover {
	color: #CC0000;
	text-decoration: none;
}

img {
	border:0
}

td.infoBoxHeading {
	background-color: #FFFFFF;
	background-image: url(img/lefthead.jpg);
	background-repeat: no-repeat;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #cccccc;
	text-decoration: none;
}

td.infoBoxHeading_right {
 	background-color: #FFFFFF;
	background-image: url(img/lefthead.jpg);
	background-repeat: no-repeat;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #cccccc;
	text-decoration: none;
}

.lefthead {
	background-color: #FFFFFF;
	background-image: url(img/lefthead.jpg);
	background-repeat: no-repeat;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}

.lefttable {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-color: #f4f4f4;
	border-top-width: 0px;
	border-right-width: 3px;
	border-bottom-width: 0px;
	border-left-width: 3px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
a.left:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
a.left:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
a.left:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	color: #CC0000;
	text-decoration: none;
}

.rc_headline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color:#cc0000;
	margin-left:2px;
	margin-right:5px;
	padding-left:2px;
	padding-right:2px;
	padding-top:2px;
	padding-bottom:2px;
}

.rc_productlist {
	margin-left:2px;
	margin-right:5px;
    font-family:  Arial;
    font-size: 11px;
    line-height: 1.5;
    padding-top:5px;
}

.rc_producttable {
	font-family: Arial;
	font-size: 11px;
	float:left;
	line-height: 16px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	border: 1px solid #999999;
	font-style: italic;
	text-align: left;
	width:215px;
	margin-right:2px;
	margin-top:2px;
	margin-bottom:3px;
}

.rc_productheadline {
	font-family: Arial;
	font-size: 13px;
	font-style: italic;
	line-height: 16px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: none;
	text-align: left;
}

.rc_productprice {
	font-family: Arial;
	font-size: 13px;
	font-style: italic;
	line-height: 16px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: none;
	text-align: right;
}

.rc_description { 
	font-family: Arial;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	height:125px;
}
div.jqZoomTitle
{
	z-index:5000;
	text-align:center;
	font-size:11px;
	font-family:Tahoma;
	height:16px;
	padding-top:2px;
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	color: #FFF;
	background: #999;

}

.jqZoomPup
{
		overflow:hidden;
		background-color: #FFF;
		-moz-opacity:0.6;
		opacity: 0.6;
		filter: alpha(opacity = 60);
		z-index:10;
		border-color:#c4c4c4;
		border-style: solid;
		cursor:crosshair;
}

.jqZoomPup img
{
	border: 0px;
}

.preload{
	-moz-opacity:0.8;
	opacity: 0.8;
   filter: alpha(opacity = 80);
	color: #333;
	font-size: 12px;
	font-family: Tahoma;
   text-decoration: none;
	border: 1px solid #CCC;
   background-color: white;
   padding: 8px;
	text-align:center;
   background-image: url(../images/zoomloader.gif);
   background-repeat: no-repeat;
   background-position: 43px 30px;
	width:90px;
	* width:100px;
	height:43px;
	*height:55px;
	z-index:10;
	position:absolute;
	top:3px;
	left:3px;

}

.jqZoomWindow
{
	border: 1px solid #999;
	background-color: #FFF;
}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxLoadedContent{background:#000; padding:5px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}
        
td.headline h2 {color:#fff;margin:0;padding:0;font-size:13px;}
.produktpreis {font-size:16px; color:#cc0000;font-style:italic;}
.headlineweiss {color:#fff;}
#categories a {display:block;}
#categories {   
  border-color: #C4C4C4;background:url(img/c_bg.jpg) 3px top repeat-y;}
#categories ul  {padding:0;margin:0;list-style-type:none;}
.CatLevel2 {margin-left:10px;color: #cc0000;padding-left:5px;}
.CatLevel3 {margin-left:5px;color: #cc0000;padding-left:5px;}
.CatLevel4 {margin-left:5px;color: #cc0000;padding-left:5px;}
.CatLevel1  {
	background-image: url(img/lefthead.jpg);
	background-repeat: no-repeat;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #cccccc;
	text-decoration: none;
  } 
.CatLevel1 a {padding-left:35px;padding-top:7px; padding-bottom:5px;color: #666666;text-decoration:none;}
.CatLevel2 a {padding:0;color: #cc0000;padding-top:2px;	font-size: 11px;
	line-height: 18px;font-weight:normal;}
.CatLevel3 a {padding:0;color: #cc0000;padding-top:2px;font-size: 11px;
	line-height: 18px;font-weight:normal;}
