/* -----------------------------------------------------------------------------------------
   $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 
   ---------------------------------------------------------------------------------------*/
@import url(style_new.css);
/* import core styles | Basis-Stylesheets einbinden */
@import url(yaml/core/base.css);
@media all
{
  html * { font-size: 98.01% }
.center {text-align:center;}

h1,h2,h3,h4 { font-family: Verdana, Arial, Sans-Serif; font-weight:normal;}

h1 {font-size: 1.20em; color: #fff; margin: 0 0 0 0;  font-weight:bold; }
h2 {font-size: 1.10em; color: #fff; margin: 0 0 0.30em 0; font-weight:bold; }
h3 {font-size: 1.0em; color: #fff; margin: 0 0 0.30em 0; padding-top: 1em; font-weight:bold;}
h4 {font-size: 0.9em;color: #fff; padding-top: 0.3em; font-weight:bold;}

 /* ### Körper der Infoboxen */
  .boxInfoLS , .boxInfoRS {
  	 margin-bottom:5px; /* Abstand der Boxen */
  	/* border-bottom: 1px #000 solid;*/ /* Rahmen Boxkörper unten */
  }
  
  /* ### Innenabstand linke Boxen*/
  .boxInfoBodyLS {
  	padding:8px;
  	font-size: 0.9em;
	color:#FFFFFF:
  	
  }
  
  /* ### Innenabstand rechte Boxen*/
  .boxInfoBodyRS {
  	padding:8px;
  	font-size: 0.7em;
  
  }
  
  /* ### Abschnitte in den Boxen ### */
  #col1_content p , #col2_content p {
  	margin:0;
  	line-height:1.2em;
  }
  
  /* ### Abstand für Inputs (Eingabefelder / Buttons in den Boxen ### */
  #col1_content input , #col2_content input {
  	margin:2px;
  	font-size: 1.2em;
  }
  
  /* ### Einzug für Text in den Boxen ### */
  p.boxTxtInd {
  	padding-left:12px;
  	font-size:0.9em;
  }
  
  /* ### Highlight in den Boxen ### */
  .boxTxtInd span{
  	color:#fff;
  }
  
  p.boxTxtRight {
  	text-align:right;
  	font-size:0.9em;
  }
  
  p.boxTxtLeft {
  	font-size:0.9em;
  }
   /* ### Box cart ############################################################################### */
  
  .cartBox h4 {
  	border-bottom: 0px;
	font-size:0.9em;
  }
  
  .cartBoxLine {
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    padding-top:1px;
    padding-bottom:1px;
    margin-top:1px;
    margin-bottom:1px;
	  }
/* ################################################################################################################### */
/* ### productInfo allgemein ################################################################################################ */
/* ################################################################################################################### */

.productInfo1 , .productInfo2 {
	color: #fff;
}

/* ### Bilder ###*/
.productInfo1 img.imgLeft ,.productInfo2 img.imgLeft ,.productInfo4 img.imgLeft {
	padding: 15px;
	border:0px #9A9999 solid;
}



#col3_content .productInfo1 input[type=text] , #col3_content .productInfo2 input[type=text] , #col3_content .productInfo3 input[type=text] ,#col3_content .productInfo4 input[type=text]{
	width: 2em;
	float:none;
}

.productInfo1 .addCart , .productInfo2 .addCart , .productInfo3 .addCart , .productInfo4 .addCart {
	text-align:right;
}

.prodInfo1Spacer {
	margin-bottom: 15px;
}
.prodInfo1Spacer h2 {
	font-size:1.0em;

}
.desc {
	margin:10px 0 10px 0;
}

/* ################################################################################################################### */
/* ### productInfo1 ################################################################################################## */
/* ################################################################################################################### */

#col3_content h1.productInfo1Name  {
  padding:1px 3px 1px 6px;
  color:#fff;
}
#col3_content h1.productInfo1Name a{
  color:#fff;
}

.productInfo1 {
  margin-bottom: 10px; 
  padding: 5px; 
	border-color: #3C3C3C;
	border-style: solid;
	border-width: 0px;
}

/* ### Skalierung der zusätzlichen Bilder durch Setzen der Höhe ### */
.productInfo1 .morePics img.imgLeft {
	height:55px;
}

.prodPriceInfo1 {
  text-align:right;
  font-size:1.1em;
  font-weight:bold;
}

.prodTaxShipInfo1 {
  font-size:0.8em;
  text-align:right;
}

.productInfo1 .basicData {
	line-height:1.5em;
	text-align:right;
}

/* ################################################################################################################### */
/* ### productInfo2 ################################################################################################## */
/* ################################################################################################################### */
.productInfo2 .subcr {
	padding:0;
}

.prodPriceInfo2 {
  text-align:right;
  font-size:1.1em;
  font-weight:bold;
}

.prodTaxShipInfo2 {
  font-size:0.8em;
  text-align:right;
}

.productInfo2 .basicData {
	line-height:1.5em;
	text-align:right;
}

#col3_content h1.productInfo2Name  {
  padding:1px 3px 3px 0px;
  font-size:1.0em;
  color:#fff;
}

/* ################################################################################################################### */
/* ### productInfo3 ################################################################################################## */
/* ################################################################################################################### */
.productInfo3 {
	color: #fff;
	padding:10px;
	border-left:1px solid #7B7F7E;
	border-right:1px solid #7B7F7E;
	border-bottom: 1px solid #7B7F7E;
	margin-bottom:15px;
}

.productInfo3 img.imgLeft, .productInfo3 img.imgRight{
	padding: 15px;
	border:0px #9A9999 solid;
}
#col3_content .productInfo3 input[type=text]{
	width: 2em;
	float:none;
}

.productInfo3 .addCart {
	text-align:right;
}

.productInfo3 .morePics img.imgLeft{
	height:55px;
}

#col3_content .productInfo3Head {
	padding:2px 4px 2px;
	color: #fff;
}

.prodPriceInfo3 {
  font-size:1.1em;
  font-weight:bold;
}

.prodTaxShipInfo3 {
  font-size:0.8em;
  
}

.productInfo3 .basicData {
	line-height:1.5em;
	
}

#col3_content h1.productInfo3Name  {
  padding:1px 3px 3px 0px;
  font-size:1.0em;
  color:#fff;
}

/* ################################################################################################################### */
/* ### productInfo4 ################################################################################################## */
/* ################################################################################################################### */

#col3_content h1.productInfo4Name  {
  padding:1px 3px 1px 6px;
  color:#fff;
}
#col3_content h1.productInfo4Name a{
  color:#fff;
}

.productInfo4 {
  margin-bottom: 10px; 
  padding: 5px; 
	border-color: #3C3C3C;
	border-style: solid;
	border-width: 1px;
}

/* ### Skalierung der zusätzlichen Bilder durch Setzen der Höhe ### */
.productInfo4 .morePics img.imgLeft {
	height:55px;
}

.prodPriceInfo4 {
  text-align:right;
  font-size:1.1em;
  font-weight:bold;
}

.prodTaxShipInfo4 {
  font-size:0.8em;
  text-align:right;
}

.productInfo4 .basicData {
	line-height:1.5em;
	text-align:right;
}
.copyright {
  font-size: 11px;
  line-height: 1.5;
  text-align:center;
}
#footer a { color: #fff;  text-align:center;}
#footer a:hover { text-decoration:underline; }

#col3_content h1.productListing1ColHead  {
  color:#FFFFFF;
  padding:1px 3px 1px 6px;
  font-size:12px;
 
  
}
#col3_content h1.productListing1ColHead a{
  color:#FFFFFF;
   font-size:12px;
}

.productListing1ColBody {
  border:1px solid #fff;
  font-size:0.9em;
  margin-bottom:10px;
  padding:5px;
}

.productListing1ColBodyImg {
float:left;
padding-right:3px;
}

/* define distance for thumbnails , default: 130 for 120px width thumbnails*/
.productListing1ColBodyTxt {
  margin-left:130px; /* */
}


.productListing1ColDesc {
  /* show or hide short description */
  /* display:none; */
}

/* price */
.productListing1ColPriceInfo {
  font-size:1.1em;
  font-weight:bold;
  text-align:right;
  padding-top:3px;
}

/* TaxInfo */
.productListing1ColTaxInfo {
  font-size:0.8em;
  text-align:right;
}

/* ShippingInfo */
.productListing1ColShiptime {
  font-size:0.9em;
  text-align:right;
  /* show or hide shipping time */
  /* display:none; */
}

/* Buttons */
.productListing1ColButtons {
  padding-top:3px;
  /* display:none; */
}

/* show or hide display view-Button*/
.productListing1ColViewButton {
  /* display:none; */
}

/* show or hide display buy-Button*/
.productListing1ColBuyButton {
  /* display:none; */
}


/* ################################################################################################################## */
/* ### productListing3col ########################################################################################### */
/* ################################################################################################################## */


.containerProdListing3col .subcolumns {
	text-align:center;
	margin:0 0 0px 0;
	padding:0 0 0px 0;
	font-size:0.8em;
}
.productListing3colBuyNow {
	margin-top:30px;
}

.containerProdListing3col h1 {
	background:transparent;
	color:#000;
	font-size:1.0em;
}
.containerProdListing3col h1 a{
	color:#000;

}


.containerProdListing3col .subcl, .containerProdListing3col .subc, .containerProdListing3col .subcr {
padding:2px;
}

/* Abstand zwischen Beschreibung+Bild und Button für Detailseite */
.ProdListing3colSpacer {
	height:21em;
}
.ProdListing3colBorder {
  border:1px solid #CCCCCC;
  padding:4px;
} 

.ProdListing3colBorderOver {
  border:1px solid #000;
  padding:4px;
}

.containerProdListing3col img.imgCenter {
  padding:4px;
  border:1px solid #CCCCCC;
  background:#fff;
}
.prodPriceInfo3col {
  font-size:1.1em;
  font-weight:bold;
}

.prodShiptime3col {
  font-size:1.0em;
  font-weight:bold;
}

.prodTaxShipInfo3col {
  font-size:0.9em;
}

/* ################################################################################################################### */
/* ### Definition des Randes für die einzelnen Kategorieebenen + Text- und Hintergrundfarbe (Werte werden vererbt) ### */
/* ### width + padding-left = 100% ################################################################################### */
/* ################################################################################################################### */

/* ### 1.Ebene ### */
.catListBody ul li a {
	width: 95%;
	padding: 2px 0px 2px 1%;
	color: #fff;
	border-bottom: 0px #eee solid;
	background-color:#;
}

/* ### 2.Ebene ### */
.catListBody ul li ul li a, .catListBody li.activeCat ul li a {
	width: 92%;
	padding: 2px 0px 2px 1%;
	color: #fff;
	border-bottom: 1px #eee solid;
	background-color:#;
}

/* ### 3.Ebene ### */
.catListBody ul li ul li ul li a , .catListBody li.activeCat li.activeCat ul li a {
	width: 85%;
	padding: 2px 0px 2px 15%;
	color: #fff;
	border-bottom: 1px #eee solid;
	background-color:#;
}

/* ### 4.Ebene ### */
.catListBody ul li ul li ul li ul li a , .catListBody li.activeCat li.activeCat li.activeCat ul li a {
	width: 80%;
	padding: 2px 0px 2px 10%;
	color: #fff;
	border-bottom: 1px #eee solid;
	background-color:#BFBFBF;
}

/* ### 5.Ebende ### */
.catListBody ul li ul li ul li ul li ul li a , .catListBody li.activeCat li.activeCat li.activeCat li.activeCat ul li a {
	width: 75%;
	padding: 2px 0px 2px 25%;
	color: #fff;
	border-bottom: 1px #eee solid;
	background-color:#BFBFBF;
}

/* ### 6.Ebende ### */
.catListBody ul li ul li ul li ul li ul li ul li a , .catListBody li.activeCat li.activeCat li.activeCat li.activeCat li.activeCat ul li a {
	width: 70%;
	padding: 1px 0px 1px 30%;
	color: #fff;
	border-bottom: 1px #eee solid;
	background-color:#fff;
}

.catListBody li.activeCat li.activeCat li.activeCat li.activeCat li.activeCat li.activeCat ul li a  {
  color: #fff;
	border-bottom: 1px #eee solid;
	background-color:#BFBFBF;text-decoration: none;
}

/* ############################################################################################ */
/* ### MouseOver ############################################################################## */
/* ############################################################################################ */

/* ### 1.Ebene ### */
.catListBody li a:hover {
	background-color:#990000; color: #fff;
	text-decoration: none;
}

/* ### 2.Ebene ### */
.catListBody li li a:hover , .catListBody li.activeCat li a:hover {
	background-color:#; color: #fff;
	text-decoration: none;
}

/* ### 3.Ebene ### */
.catListBody li li li a:hover , .catListBody li.activeCat li.activeCat li a:hover {
	background-color:#; color: #fff;
	text-decoration: none;
}

/* ### 4.Ebene ### */
.catListBody li li li li a:hover , .catListBody li.activeCat li.activeCat li.activeCat li a:hover {
	background-color:#CA513E; color: #fff;
	text-decoration: none;
}

/* ### 5.Ebende ### */
.catListBody li li li li li a:hover , .catListBody li.activeCat li.activeCat li.activeCat li.activeCat li a:hover{
	background-color:#CA513E; color: #fff;
	text-decoration: none;
}

/* ### 6.Ebende ### */
.catListBody li li li li li li a:hover , .catListBody li.activeCat li.activeCat li.activeCat li.activeCat li.activeCat li a:hover{
	background-color:#CA513E; color: #fff;
	text-decoration: none;
}

/* ############################################################################################ */
/* ### Aktive Kategorie ####################################################################### */
/* ############################################################################################ */

.catListBody li.activeCat a,
.catListBody li.activeCat li.activeCat a ,
.catListBody li.activeCat li.activeCat li.activeCat a ,
.catListBody li.activeCat li.activeCat li.activeCat li.activeCat a ,
.catListBody li.activeCat li.activeCat li.activeCat li.activeCat li.activeCat a ,
.catListBody li.activeCat li.activeCat li.activeCat li.activeCat li.activeCat li.activeCat a {
	background-color:#;
	color: #fff;
}
  /* ############################################################################################ */
  /* ### Box für die Kategorie (Kategorienavigation) ############################################ */
  /* ############################################################################################ */