@charset "UTF-8";
/**
* YAML-based Template for xt:Commerce
*
* (en)  CSS for product informations
* (de)  CSS für die Produktinformationsseiten
*
* @copyright       Copyright 2006-2007, Björn Teßmann (tessmann@zerosoft.de)
*                  Based on YAML, Copyright 2005-2007, Dirk Jesse
* @link            http://yaml.t3net.de/YAML-fuer-xt-Commerce.101.0.html
* @package         yaml for xt:Commerce
* @version         1.5.0
*/

@media all
{

/* ################################################################################################################### */
/* ### productInfoTab ################################################################################################ */
/* ################################################################################################################### */

.productInfoTab {
	margin-bottom: 10px; 
    padding: 0px; 
	border-color: #000;
	border-style: solid;
	border-width: 0px;
	color: #000 ; /* Font color / Textfarbe Panel */
	
}
.productInfoTabOver {
  overflow:hidden;
}

/* ### Bilder ###*/
.productInfoTab img.imgLeft {
	background: #fff;
	padding: 0px;
	border:0px #9A9999 solid;
}

.float_left {
}

#col3_content .productInfoTab input[type=text] , #col1_content .productInfoTab input[type=text]{
	width: 2em;
	float:none;
}

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

.prodInfoTabSpacer {
	margin-bottom: 15px;
}
.prodInfoTabSpacer h2 {
	font-size:0.9em;

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

#col3_content h1.productInfoTabName, #col1_content h1.productInfoTabName  {
  padding:1px 3px 1px 0px;
  border-bottom:1px solid #888;
  color:#000;
  font-size:1.1em;
  margin-bottom:10px;
  background-image:none !important;
}
#col3_content h1.productInfoTabName a, #col1_content h1.productInfoTabName a{
  color:#000;
}



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

.prodPriceInfoTab { 
  color:#000;
  height: 54px;
  line-height: 48px;
  text-align:right;
  vertical-align:middle;
  padding: 0px 12px 0 0;
  background: transparent url(../../img/etikett.gif) no-repeat right; 
  font-size:1.1em;
  font-weight:bold;
}

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

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

.productInfoTab .prodShiptime {
  text-align:right;
  font-size:1.1em;
  font-weight:bold;
  padding-bottom:10px;
}

.productInfoTabSpace {
  margin-bottom:3px;
}

.highslide:hover img {
border:1px solid #000000;
}

.highslide img {
border:1px solid #d9d9d9;
margin-bottom:3px;
}

#status_ajax {
  color:#ff0000;
}
input[type="text"]#name_ajax ,
input[type="text"]#email_ajax {
  width:150px !important;
}

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

p.Ampel {
	padding:0;
	margin:3px 0 4px 0;
	-webkit-margin-bottom:15px;
}

table#table_allergens {
	clear:both;
	float:left;
	width:100%;
	height:60px;
	border-width:1px;
	border-color:#d9d9d9;
	border-style:solid;
	padding:0;
	font: 8pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	/*color:#000;*/
	vertical-align:bottom;
	empty-cells:show;
	border-collapse:separate;
}

table#table_allergens tbody tr {
	line-height:10px;
}


td.allergens_checkbox, td.allergens_checkbox_preservatives, td.allergens_checkbox_vegan, td.allergens_checkbox_bio {
	width: 10px;
	padding:0;
	background: transparent url(../../img/checked.gif) no-repeat center;
	border: 2px solid #0A71B3;
}

td.allergens_checkbox_unchecked {
	width: 10px;
	padding:0;
	margin:0;
	border:2px solid #0A71B3;
}

td.allergens_preservatives_checkbox {
	width: 10px;
	padding:0;
	background: transparent url(../../img/checked.gif) no-repeat center;
	border:2px solid #A678A6;
}

td.allergens_preservatives_checkbox_unchecked {
	width: 10px;
	padding:0;
	margin:0;
	border:2px solid #A678A6;
}

td.allergens_veganbio_checkbox {
	width: 10px;
	padding:0;
	background: transparent url(../../img/checked.gif) no-repeat center;
	border:2px solid #7AA779;
}

td.allergens_veganbio_checkbox_unchecked {
	width: 10px;
	padding:0;
	margin:0;
	border: 2px solid #7AA779;
}



td.allergens, td.allergens_preservatives, td.allergens_vegan, td.allergens_bio {
	height: 15px;
	vertical-align:middle;
	text-align:left;
	text-indent:3px;
	color:#fff;
	margin:0;
	padding:0;
	background-color:#0A71B3;
}

td.allergens_checkbox_preservatives {
	background-color:#A678A6;
}

td.allergens_preservatives {
	background-color:#A678A6;
}

td.allergens_checkbox_vegan, td.allergens_checkbox_bio {
	background-color:#7AA779;
}

td.allergens_vegan, td.allergens_bio {
	background-color:#7AA779;
}

td.allergens_table_header {
	border-bottom:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	width: 188px;
	vertical-align:middle;
	text-align:left;
	font-weight:bold;
	margin:0;
	padding:0 3px 0 3px;
	background-color:#F4f4f4;
}

td.allergens_table_note {
	border-right:1px solid #d9d9d9;
	width: 188px;
	text-align:left;
	padding:0 5px 0 3px;
	margin:0;
	font-size:1em;
}

#note {
	margin:0;
	padding:0;
	line-height:130%;
}

#nutrition {
	width:80px;
	height:80px;
	margin:0;
	padding:0;
	text-align:center;
}

table#nutrition {
	padding:5px;
	font: 7pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}




.energy, .protein, .carbohydrates, .fat, .sugar, .saturated_fat, .natrium, .fiber {
	vertical-align: top;
	color: white;
	padding: 1px;
	width: 50px;
	height: 50px;
}	

.energy {
	background-color: #f91e1e;
}	

.protein {
	background-color: #a678a6;
}	

.carbohydrates {
	background-color: #4da7a7;
}

.fat {
	background-color: #faa94d;
}

.label {
	background-color: #fff;
	color: #616161;
}

.sugar {
	background-color: #80d3fd;
}

.saturated_fat {
	background-color: #fbd54f;
}

.natrium {
	background-color: #7aa779;
}

.fiber {
	background-color: #49a71e;
}



p.header {
	height: 9px;
	width: 50px;
	padding: 0px 0px 5px 0px;
	margin: 0 auto 0 auto;
}

p.labelcontent {
	height: 10px;
	width: 50px;
	padding: 0px 0px 5px 0px;
	margin: 0 auto 0 auto;
}

p.kjoule {
	padding: 0;
	font-size: 8pt;
	margin: 0 0 3px;
}

p.kcal {
	padding: 0;
	font-size: 8pt;
	margin: 0;
}

p.value {
	height: 10px;
	width: 50px;	
	padding-top: 12px;
	padding-bottom: 0px;
	margin: 0;
	font-size: 12pt;
}

#table_graduated_prices {
	clear:left;
	font: 8pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border-width:1px;
	border-color:#d9d9d9;
	border-style:solid;
	margin-bottom:8px;
}

#graduated_prices_text {
	font: 8pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight:bold;
	background-color:#f4f4f4;
	padding-right:3px;
	}

#graduated_prices {
	width:317px;
	text-align:right;
	padding-right:5px;
	background-color:#fff;
}

#graduated_price {
	font-weight:bold;
}
  
.product_promotion {
	clear:both;
	margin-bottom: 10px;
	padding: 4px;
	background-color:#7AA779;
	font-size:0.8em;
	color:#FFF;
}

}