/* -----------------------------------------------------------------------------------------

   $Id: stylesheet.css,v 1.18 2010/03/20 11:14:25 shop Exp $   



   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 

   ---------------------------------------------------------------------------------------*/


.main_black {

  font-family: Arial, Arial, sans-serif;

  font-size: 10px;

  line-height: 1.5;

  color: #000000;

}

.infoText {

  font-family: Arial, Arial, sans-serif;

  font-size: 10px;

  color: #777777;

}

.boxText { 

	font-family: Arial, Arial, sans-serif;

	font-size: 10px;

}

.large {
  font-family: Arial, Arial, sans-serif;

  font-size: 16px;

  line-height: 1.5;

  color: #545454;
}

.shippingLink {
  font-family: Arial, Arial, sans-serif;

  font-size: 10px;

  color: #606060;
}

.modelStyle {
  font-family: Arial, Arial, sans-serif;

  font-size: 10px;
  color: #545454;
}

/*--  neue produkte text box --*/
.boxTextBG {

	font-family: Arial, Arial, sans-serif;

	font-size: 10px;

	background-color: #f1f1f1;

}

.boxTextBGII {

	font-family: Arial, Arial, sans-serif;

	font-size: 10px;

	background-color: #95b9c9;

}

.boxTextPrice {

	font-family: Arial, Arial, sans-serif;

	font-size: 10px;

	color: #FF0000;

}



.errorBox {

	font-family : Arial, Arial, sans-serif;

	font-size : 10px;

	font-weight: bold;

	background-color: #ffb3b5;

}

.gvBox {

	font-family : Arial, Arial, sans-serif;

	font-size : 14px;

	font-weight: bold;

	border-color: #FFFFFF;

	border: 1px solid;

	background-color: #ffb3b5;

}

.stockWarning { 

	font-family : Arial, Arial, sans-serif;

	font-size : 10px;

	color: #cc0033;

}



.productsNotifications {

	background-color: #f2fff7;

}



.orderEdit { 

	font-family : Arial, Arial, sans-serif;

	font-size : 10px;

	color: #70d250;

	text-decoration: underline;

}



BODY {

	/*color: #000000;*/

	margin: 0px;
	/*background-color: #faf8f1; */
	background-color: #faf8f1; 

/*	background-image:url(img/hintergrund.jpg); 
	background-position:Top Left; */
/*	background-attachment:fixed; */

}



img{

	border:0;

}


A {

  color: #000000;

  text-decoration: none;

}



A:hover {

  color: #000000;

  text-decoration: underline;

}

A.versand {
  color: #000000;

  text-decoration: underline;
}


FORM {

	display: inline;		   

}





TR.header {

	background-color: #ffffff;

}



TR.headerNavigation {

  background: #5288a0 ;

}



TD.headerNavigation {

	font-family: Arial, Arial, sans-serif;

	font-size: 10px;

	/*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: #5587a0;

	font-style: italic;

}

A.confirmationEdit:hover {

	color: #5587a0;

	font-style: italic;

	text-decoration: underline;

}

TR.headerError {

  background-color: #ff0000;

}



TR.headerMessage {

	background-color: #95b9c9;

}



.moduleHeading {

	font-family: Arial, Arial, sans-serif;

	font-size: small;

	font-weight: bold;

	padding-bottom: 10px;

}



TD.headerError {

  font-family: Tahoma, Arial, Arial, sans-serif;

  font-size: 12px;

  background: #ff0000;

  color: #ffffff;

  font-weight : bold;

  text-align : center;

}



TR.headerInfo {

  background: #00ff00;

}



TD.headerInfo {

  font-family: Tahoma, Arial, Arial, sans-serif;

  font-size: 12px;

  background: #00ff00;

  color: #ffffff;

  font-weight: bold;

  text-align: center;

}



TR.footer {

  background: #bbc3d3;

}



TD.footer {

  font-family: Arial, Arial, sans-serif;

  font-size: 10px;

    background: #F6F6F6;

  /*color: #000000;*/

  font-weight : bold;

  border-bottom: 1px solid;

  border-color: #b6b7cb;

}



/* copy rigth box (footer)*/
.infoBox {

  background: #FFFFFF;

}



.infoBoxContents {

  font-family: Arial, Arial, sans-serif;

  font-size: 10px;

}

.productsDescription {

  font-family: Arial, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.2;
}


.infoBoxNotice {

  background: #FF8E90;

}



.infoBoxNoticeContents {

  background: #FFE6E6;

  font-family: Arial, Arial, sans-serif;

  font-size: 10px;

}



/* z.b. Überschrift der Kategorien */
TD.infoBoxHeading {

  font-family: Arial, Arial, sans-serif;

  font-size: 10px;

  font-weight: bold;

  background: #FFFFFF;

  height:17px;

  color: #000000;

}



TD.infoBoxHeading_right {

  font-family: Arial, Arial, sans-serif;

  font-size: 10px;

  font-weight: bold;

/*  background: #FFFFFF;
  color: #FFFFFF;

  height:17px;*/


}



/* inhalte der kategorien, informationen etc. */
TD.infoBox, SPAN.infoBox {

  font-family: Arial, Arial, sans-serif;

  font-size: 10px;

/*  border-right: 4px solid;*/
/*   background: #FFFFFF; */

/*  border-color: #FFFFFF;*/

}



TD.infoBox_right, SPAN.infoBox_right {

  font-family: Arial, Arial, sans-serif;

  font-size: 10px;

  background: #FFFFFF; 



}



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;

}


TABLE.contentWindow {

  /* Produkt Rahmen */
  border: 0px;

  border-style: solid; 

  border-color: #5288a0;
 
  /* inner spacing */
  border-spacing: 10px;

  background-color: #FFFFFF;

}

TABLE.contentFrame {

  border: 0px;
  border-style: solid;
  border-color: #000000;
  
  /* background-color: #faf8f1; */
  background-color: #FFFFFF; 

  padding: 0;

}

TABLE.contentWindowMain {

  border: 0px;
  border-style: solid;
  border-color: #000000;
  background-color: #faf8f1;
  padding: 0;

}


.productListing-heading {

  font-family: Arial, Arial, sans-serif;

  font-size: 10px;

  background: #b6b7cb;

  color: #FFFFFF;

  font-weight: bold;

}



TD.productListing-data {

  font-family: Arial, Arial, sans-serif;

  font-size: 10px;

}



A.pageResults {

	color: #0000FF;

	text-decoration: underline;

}



A.pageResults:hover {

  color: #0000FF;

  background: #FFFF33;

}



TD.pageHeading, DIV.pageHeading {

  font-family: Arial, Arial, sans-serif;

  font-size: 16px;

  font-weight: bold;

  color: #000000;

}



TR.subBar {

  background: #f4f7fd;

}



TD.subBar {

  font-family: Arial, Arial, sans-serif;

  font-size: 10px;

  color: #000000;

}


/* Navigations leiste */
TD.path {

  font-family: Arial, Arial, sans-serif;

  font-size: 11px;

  line-height: 1.5;

  background: #5288a0;

}



/* Hintergrund bei den Artikel listings und Anzeigen
 *	(alles was in der Mitte ist)
 */
TD.content {

  font-family: Arial, Arial, sans-serif;

  font-size: 11px;

  line-height: 1.5;

  background: #FFFFFF;

}

TD.main, P.main {

  font-family: Arial, Arial, sans-serif;

  font-size: 11px;

  line-height: 1.5;

}


TD.mainLarge, P.mainLarge, DIV.mainLarge{

  font-family: Arial, Arial, sans-serif;

  font-size: 12px;

  line-height: 1.5;

}

TD.XmainLarge, P.XmainLarge, DIV.XmainLarge{

  font-family: Arial, Arial, sans-serif;

  font-size: 14px;

  line-height: 1.5;

}


TD.smallText, SPAN.smallText, P.smallText {

  font-family: Arial, Arial, sans-serif;

  font-size: 10px;

}



TD.accountCategory {

  font-family: Arial, Arial, sans-serif;

  font-size: 13px;

  color: #aabbdd;

}



TD.fieldKey {

  font-family: Arial, Arial, sans-serif;

  font-size: 12px;

  font-weight: bold;

}



TD.fieldValue {

  font-family: Arial, Arial, sans-serif;

  font-size: 12px;

}



TD.tableHeading {

  font-family: Arial, Arial, sans-serif;

  font-size: 12px;

  font-weight: bold;

}



SPAN.newItemInCart {

  font-family: Arial, Arial, sans-serif;

  font-size: 10px;

  color: #ff0000;

}



CHECKBOX, INPUT, RADIO, SELECT {

	font-family: Arial, Arial, sans-serif;

	font-size: 11px;

}



TEXTAREA {

  width: 100%;

  font-family: Arial, Arial, sans-serif;

  font-size: 11px;

}



SPAN.greetUser {

  font-family: Arial, Arial, sans-serif;

  font-size: 12px;

  color: #f0a480;

  font-weight: bold;

}



SPAN.underline {

	text-decoration: underline;

}



TABLE.formArea {

  background: #f1f1f1;

  border-color: #cccccc;

  border-style: solid;

  border-width: 1px;

}



TD.formAreaTitle {

  font-family: Tahoma, Arial, Arial, sans-serif;

  font-size: 12px;

  font-weight: bold;

}



.copyright {

  font-family: Arial, Arial, sans-serif;

  font-size: 10px;

  line-height: 1.5;

  text-align:center;

  color:#B0B0B0;
  margin-top: 4px;

}

.parseTime {

  font-family: Arial, Arial, sans-serif;

  font-size: 11px;

  line-height: 1.5;

  text-align:center;

}

A.copyright {

  color: #B0B0B0;

}

A.copyright:hover {

  color: #0000ff;
  text-decoration: underline;
}





SPAN.markProductOutOfStock {

  font-family: Tahoma, Arial, Arial, sans-serif;

  font-size: 12px;

  color: #c76170;

  font-weight: bold;

}



SPAN.productSpecialPrice {

  font-family: Arial, Arial, sans-serif;

  color: #ff0000;

}

SPAN.productOldPrice {

	font-family: Arial, Arial, sans-serif;

	color: #ff0000;

	text-decoration: line-through;

}

SPAN.errorText {

  font-family: Arial, Arial, sans-serif;

  color: #ff0000;

}

.errormessage {
	border: solid #ff0000 2px;
	padding:15px;
	background-color:#FFD6D6;
	margin-bottom:10px;
}

/* SITEMAP */
.sitemapwrap {
}
.sitemapwrap .sitemapleft {
	background-color:#f8f8f8;
	border: #ccc 1px solid;
	display:table;
	float:left;
	width:235px;
	margin-bottom:15px;
}
.sitemapwrap .sitemapright {
	background-color:#f8f8f8;
	border: #ccc 1px solid;
	display:table;
	float:right;
	width:235px;
	margin-bottom:15px;
}
.sitemapheader {
	padding:3px;
	background-color:#ccc;
	color:#fff;
	font-weight:bold;
}
.sitemapheader a:link, .sitemapheader a:visited, .sitemapheader a:hover {
	color:#fff;
	text-decoration:none;
}
.sitemapcontent {
	padding:6px;
}
.sitemapcontent li {
	list-style-type:none;
}


SPAN.productDiscountPrice {

  font-family: Arial, Arial, sans-serif;

  color: #ff0000;

  font-weight: bold;

}



.smallHeading {

	font-family: Arial, Geneva, Arial, Helvetica, sans-serif;

	font-size: x-small;

	font-weight: bold;

	color: Black;

}

.activeCat {

 font-family: Arial, Arial, sans-serif;

 font-size: 11px;
 font-weight: bold;

 color: #95b9c9;

 /*line-height: 1.5;

 background-color: #FFFFFF;

 border: 1px solid;

 border-color: #FFFFFF; */

}


.moduleRow {

 font-family: Arial, Arial, sans-serif;

 font-size: 11px;

 /*line-height: 1.5;

 background-color: #FFFFFF;

 border: 1px solid;

 border-color: #FFFFFF; */

}

.moduleRowOver { 

	background-color: #E6E6E6; 

	border: 1px solid;

	border-color: #ffffff;

	font-family: Arial, Arial, sans-serif;

    font-size: 11px;

    line-height: 1.5; 

	

	}

A.categorie:hover {
	color: #5288a0;
	text-decoration: underline;
}

.moduleRowSelected { background-color: #E9F4FC; }



.checkoutBarFrom, .checkoutBarTo { font-family: Arial, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }

.checkoutBarCurrent { font-family: Arial, Arial, sans-serif; font-size: 10px; color: #000000; }

.numCheckoutCurrent { font-family: Arial, Arial, sans-serif; font-size: 18px; font-weight: bolder; color: #5288a0; }

.numCheckoutFrom, .numCheckoutTo { font-family: Arial, Arial, sans-serif; font-size: 18px; font-weight: bolder; color: #8c8c8c; }


/* sitewide font classes */

/* Note: heading<Number> equals <font size="Number"> */

.heading1 { font-family: Arial, Arial, Helvetica, sans-serif; font-size: 7pt; }

.heading2 { font-family: Arial, Arial, Helvetica, sans-serif; font-size: 9pt; }

.heading3 { font-family: Arial, Arial, Helvetica, sans-serif; font-size: 10pt; }

.heading4 { font-family: Arial, Arial, Helvetica, sans-serif; font-size: 12pt; }

.heading5 { font-family: Arial, Arial, Helvetica, sans-serif; font-size: 16pt; }



/* Sitemap Tables */

.sitemap_heading {font-family: Arial, Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF; 

	background-color: #97B8c7; 

	padding-top: 2px; padding-bottom: 2px;}

.sitemap_heading a {color:#FFFFFF;}

.sitemap_heading a:hover {color:#CCCCCC; text-decoration:none;}



.sitemap_sub {font-family: Arial, Arial, Helvetica, sans-serif; font-size: 9pt; 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, Arial, sans-serif; font-size: 10px; }

.messageStackError, .messageStackWarning { font-family: Arial, Arial, sans-serif; font-size: 10px; background-color: #95b9c9; }

.messageStackSuccess { font-family: Arial, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }



/* input requirement */



.inputRequirement { font-family: Arial, Arial, sans-serif; font-size: 10px; color: #5288a0; }



.tableShop {

background-color: #ffffff;

border-left: 1px solid;

border-right: 1px solid;

border-color: #b6b7cb;

}



.navLeft {

	border-right: 0px solid;

	border-color: #faf8f1;

	background: #FFFFFF;

	/* background-image: url(img/bg_left_column.jpg); */

	width: 185px;

}

.navRight {

	border-color: #FFFFFF;

	border-top-width: 4px;

	border-top-style: solid;

	border-left-width: 4px;

	border-left-style: solid;

	background-color: #FFFFFF;

	width: 185px;

}



.contentsTopics {
	font-family: Arial, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
   line-height: 0.5; 
	color: #5288a0 ;
	margin-bottom: 3px;

}



.tableListingI {

	background-color: #eeeeee;

}



.tableListingII {

	background-color: #d0d0d0;

}



.tableBody {

padding: 5px;

}



.poweredby {

  font-family: Arial, Arial, sans-serif;

  font-size: 10px;

  color: #000000;

  font-weight: bold;

}

.onepxwidth {

	width: 1px;

}

/* Table shipping costs */
TABLE.shippingCosts {
	padding: 0px;
	width:   500px;
	empty-cells: hide;
	border-spacing: 0px;
   font-size: 12px;
}

TD.scRound {
	border-width: thin;
   border-style: solid;
   border-color: #97b8c9;
}

TD.scBoRiTo {
	border-style: solid;
   border-left-width: 	0cm;
	border-right-width:	thin;
	border-bottom-width:	thin;
	border-top-width:		thin;
	border-color: #97b8c9;
   font-size: 12px;
   font-weight: bold;
}

TD.scBoRi {
	border-style: solid;
   border-left-width: 	0cm;
	border-right-width:	thin;
	border-bottom-width:	thin;
	border-top-width:		0cm;
	border-color: #97b8c9;
   font-size: 12px;
   font-weight: bold;
}
TD.scBoRiCe {
	border-style: solid;
   border-left-width: 	0cm;
	border-right-width:	thin;
	border-bottom-width:	thin;
	border-top-width:		0cm;
	border-color: #97b8c9;
	text-align: center;
}

TD.scBoCe {
	border-style: solid;
   border-left-width: 	0cm;
	border-right-width:	0cm;
	border-bottom-width:	thin;
	border-top-width:		0cm;
	border-color: #97b8c9;
	text-align: center;
}

TD.scBoLe {
	border-style: solid;
   border-left-width: 	thin;
	border-right-width:	0cm;
	border-bottom-width:	thin;
	border-top-width:		0cm;
	border-color: #97b8c9;
}
TD.scBoTo {
	border-style: solid;
   border-left-width: 	0cm;
	border-right-width:	0cm;
	border-bottom-width:	thin;
	border-top-width:		thin;
	border-color: #97b8c9;
   font-size: 12px;
   font-weight: bold;
}
TD.scBo {
	border-style: solid;
   border-left-width: 	0cm;
	border-right-width:	0cm;
	border-bottom-width:	thin;
	border-top-width:		0cm;
	border-color: #97b8c9;
}

div.agbframe {
    width:100%;
    height:200px;
    overflow:auto;
    padding:10px;
    background:url(img/input_bg.gif) no-repeat;
    border:1px solid #666;
}
/* UPDATE CHANGES 17.10.2008 */
/* Mehr Bilder unterhalb der Beschreibung */
.morepics {
	background-color:#FFFFFF;
	padding:6px;
	text-align:right;
	border: #999 solid;
	border-width:1px 0px 0px 0px;
	display:block;
	height:auto;
	width:287px;
	float:left;
	margin-bottom:10px;
}
.morepics img {
	border: #999 1px solid;
	padding:4px;
	margin-right:8px;
	background:#fff;
	height:100px;
	width:auto;
	float:left;
}

/*  Lightbox Stuff */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Arial, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #EEE; }
.checkbox, .radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(img/checkbox.png) no-repeat;
	display: block;
	clear: left;
	float: left;
}
.radio {
	background: url(img/radio.png) no-repeat;
}
.select {
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url(img/select.gif) no-repeat;
	overflow: hidden;
}