@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.3.0
*/

@media all
{

/* ################################################################################################################### */
/* ### productInfo allgemein ################################################################################################ */
/* ################################################################################################################### */

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

#productInfo1Left{
	width: 210px;
	float: left;
	overflow: hidden;
}

#col3_content h1.pInfo{
	/*font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;*/
	font-family: "Arial Rounded MT Bold",Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.8em;
	/*line-height: 2.0em;*/
	padding-bottom: 0.5em;
	padding-top: 0.25em;
	color: #DF0606; /* 780000 */
}

.lined{
	border-bottom: #ccc 1px solid;
	line-height: 1.6em!important;
}

/* ### Bilder ###*/
.productInfo1 img.imgLeft ,.productInfo2 img.imgLeft {
	/*background: #fff;*/
	padding: 4px;
	border:1px #d1d7dc solid;
}

.productInfo1 img.main-pic{
	padding: 4px;
	border:1px #d1d7dc solid;
}

/* ### Produkname ###*/
#col3_content h2 , #col3_content h1 {
	background:transparent;
	font-weight: normal;
}

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

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

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

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

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

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

#productInfo1Right{
	width: 275px;
	border: #d1d7dc 1px solid;
	background: url(../../images/verlauf-3.png) 0% 0% repeat-x;
	overflow: hidden;
	padding-top: 1em;
	float: right;
}

#productInfo1Btm, #tpt, #pdesc, #attrImages, .desc-ff{
	border: #d1d7dc 1px solid;
	background: url(../../images/verlauf-3.png) 0% 0% repeat-x;
	padding: 0em 1em 0em 1em;
	margin-bottom: 10px;
}

.attr-image{
	cursor: pointer;
	border: #fff 3px solid;
}

.first-attr-image{
	border: #ff0000 3px solid;
}

/*#desc{
	padding: 1em;
	border: #c1cacc 1px solid;	
}*/

#desc #desc{
	margin:0;
	padding:0;
	border: none;
}

#productInfo1Right span.price{
	font-size: 1.3em;
	font-weight: bold;
}

.options{
	padding: 5px;
}

#productInfo1Right td{
	padding: 3px;
}

#productInfo1RightBtm{
	height: 40px;
}

#productInfo1RightBtmInner{
	padding: 0.5em 1em 0.5em 1em;
}

#productInfo1Btm input{
	text-align: center;
}


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


/* ### Bilder ###*/
.productInfo1 img.imgLeft ,.productInfo2 img.imgLeft {
	/*background: #fff;*/
	border:1px #d1d7dc solid;
}

.productInfo1 img#mainPic{
	display: block;
	background: url(../../images/resize.png) 100% 100% no-repeat;
}

/* ### Produkname ###*/
#col3_content h2 , #col3_content h1 {
	background:transparent;
	color: #222;
	font-weight:bold;
}

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

#col3_content .productInfo1 input[type=text] , #col3_content .productInfo2 input[type=text]{
	width: 2em;
	float:none;
	/*font-size: 11px;
	padding: 0.2em 0.2em 0.2em 0.2em;*/
}

#col3_content .productInfo1 .productInfoInput{
	font-weight:bold;
	font-size: 1.2em;
	padding: 0.2em 0.2em 0.2em 0.2em;
	width: 142px!important;
}

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

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

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

#productInfo1Right .desc{
	padding: 0 1em 0 1em;
	margin: 0;
}

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

/* ################################################################################################################### */
/* ### productInfo3 ################################################################################################## */
/* ################################################################################################################### */
.productInfo3 {
	color: #444;
	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{
	background: #fff;
	padding: 15px;
	border:1px #d1d7dc 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 {
	background:#363636 url(../../img/shiny_buttons/tab_bg.gif) repeat-x right center;
	padding:2px 4px 2px;
	color: #fff;
}



}