/*------------------------------------------------------------------
[Table of contents]

Content of the first topic side.

A. Global

1.    Content top                #firstContentTop
1.1.  First product              .productA
1.2.  Second product             .productB
1.3.  Third product              .productc
1.4.  fourth product             .productD
1.5.  fifth product              .productE
1.6.  sixth product              .productF
1.7.  top image                  .firstImage
1.8.  second image               .secImage


2.    Content bottom recomented products #firstContentBottom
2.1   Heading  					 .heading
2.2.  First product              .productA
2.3.  Second product             .productB
2.4.  Third product              .productB


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

/*-----------------------------------------------------------------
 [A Global]
 -----------------------------------------------------------------*/
a.price strong{
	width:90px !important;
}

div#content div div div span.oldprice{
	font-family:Verdana,Helvetica,Arial,sans-serif;
	color:#000;	font-size:1.0em;
	float:left;	*float:none;
	_float:none;
	height:12px;
	position:relative;
	padding-right:0px;
	margin-right: -5px;
	*margin-left: 6px;
	_margin-left: 6px;
	*margin-right: 62px;
	_margin-right: 62px;
	text-decoration:line-through;
	display: block;
}

div#content div div div.newOne,
div#content div div div.aktuellOne{
	right:-5px;
	bottom:-20px;
	width:99px;
	height:105px;
	background-image:url(../img/content.theme.new.button.png);
	background-repeat:no-repeat;
}
div#content div#firstContentTop div.productA div.newOne, div#content div#firstContentTop div.productC div.newOne, div#content div#firstContentTop div.productE div.newOne,
div#content div#firstContentTop div.productA div.aktuellOne, div#content div#firstContentTop div.productC div.aktuellOne, div#content div#firstContentTop div.productE div.aktuellOne{
	width:68px;
	height:72px;
	background-image:url(../img/content.theme.newsmall.button.png);
}
div#content div#firstContentTop div.productC div.newOne,
div#content div#firstContentTop div.productC div.aktuellOne{
	left:100px;
}
div#content div#firstContentTop div.productE div.newOne,
div#content div#firstContentTop div.productE div.aktuellOne{
	top:55px;
}
div#content div#firstContentTop div.productD div.newOne,
div#content div#firstContentTop div.productD div.aktuellOne{
	bottom:260px;
}

div#content div div div.aktuellOne{
    background-image:url(../img/content.theme.aktuell.button.png);
}
div#content div#firstContentTop div.productA div.aktuellOne, div#content div#firstContentTop div.productC div.aktuellOne, div#content div#firstContentTop div.productE div.aktuellOne{
    background-image:url(../img/content.theme.aktuellsmall.button.png);
}

div#content div div div.hidden{
	display:none;
}
div#content div div.tOneTop h2{
	margin-top:310px;
	margin-left:22px;
	width:340px;
	text-align:center;
	font-size:2.9em;
}
input.cart{
	background:transparent url(../img/recom.price.button.cart.gif) no-repeat scroll right top;
	border:medium none;
	color:#BB3F27;
	float:right;
	font-size:0.01em;
	height:25px;
	position:relative;
	width:49px;
	cursor:pointer;
        text-indent: -9999px;
}
input.price{
	font-family:Verdana,Helvetica,Arial,sans-serif;
	background:none;
	border:medium none;
	color:#000;
	float:right;
	font-size:1.4em;
	height:25px;
	position:relative;
	margin-right:0px;
	/**margin-right:10px;
	_margin-right:10px;*/
	font-weight:600;
	cursor:pointer;
	padding-right:0px;
}
input.price:hover{
	text-decoration:underline;
}

span.price{
	font-family:Verdana,Helvetica,Arial,sans-serif;
	color:#000;
	float:right;
	font-size:1.4em;
	height:25px;
	position:relative;
	margin-right:0px;
	/**margin-right:10px;
	_margin-right:10px;*/
	font-weight:600;
  padding-right:11px;
  padding-top:5px;
}
/*-----------------------------------------------------------------
 [1. Content top] #firstContentTop
 -----------------------------------------------------------------*/
div#firstContentTop{
	position:relative;
	float:left;
	width:100%;
	height: 910px;
	background-image:url(../img/first.content.back.jpg);
	background-repeat:no-repeat;
}
/* general positioning if the Elements */
div#firstContentTop div {
	position:absolute;
	float:left;
}
div#firstContentTop div div{
	position:absolute;
	float:left;
}

/* General - every image is overflow protectet */
div#firstContentTop div div.img{
	overflow:hidden;
	text-align:center;
}
div#firstContentTop div div h3 a{
	font-size:1.4em;
	text-decoration:underline;
	color:#AF3B44;
}
div#firstContentTop div div p{
	font-size:1.2em;
	color:#AF3B44;
	padding-top:4px;
	padding-bottom:4px;
}



/*-----------------------------------------------------------------
 [1.1 First product] .productA
 -----------------------------------------------------------------*/
div#firstContentTop div.productA{
	top:45px;
	left:255px;
	width:312px;
	height:140px;
	z-index:50;
}
div#firstContentTop div.productA div.img{
	right:0px;
	width:155px;
	height:136px;
	border:2px solid #fff;
}
div#firstContentTop div.productA div.teaserContent{
	right:165px;
	bottom:8px;
	width:180px;
	text-align:right;
}
div#firstContentTop div.productA div.teaserContent div.pricenotice{
	position: relative;
	clear: both;
	float: none;
	text-align:right;
	padding-left: 27px;
	padding-top: 2px;
}
/*-----------------------------------------------------------------
 [1.2 Second product] .productB
 -----------------------------------------------------------------*/
div#firstContentTop div.productB{
	top:45px;
	right:25px;
	width:430px;
	height:280px;
}
div#firstContentTop div.productB div.img{
	right:0px;
	width:155px;
	height:275px;
	border:2px solid #fff;
}
div#firstContentTop div.productB div.teaserContent{
	right:165px;
	bottom:8px;
	width:237px;
	text-align:right;
}
div#firstContentTop div.productB div.teaserContent div.pricenotice{
	position: relative;
	clear: both;
	float: none;
	text-align:right;
	padding-left: 27px;
	padding-top: 2px;
}

/*-----------------------------------------------------------------
 [1.2 Third product] .productC
 -----------------------------------------------------------------*/
div#firstContentTop div.productC{
	top:370px;
	left:380px;
	width:340px;
	height:120px;
}
div#firstContentTop div.productC div.img{
	left:0px;
	width:152px;
	height:113px;
	border:2px solid #fff;
}
div#firstContentTop div.productC div.teaserContent{
	left:165px;
	top:12px;
	width:185px;
	text-align:left;
}
div#firstContentTop div.productC div.teaserContent input.cart, div#firstContentTop div.productC div.teaserContent input.price, div#firstContentTop div.productC div.teaserContent span.price{
	float:left;
}
div#firstContentTop div.productC div.teaserContent div.pricenotice{
	position: relative;
	clear: both;
	float: none;
	padding-top:2px;
}
/*-----------------------------------------------------------------
 [1.4 fourth product] .productD
 -----------------------------------------------------------------*/
div#firstContentTop div.productD{
        /*background: url("../pic/weihnachts_teaser_bestellung.png") no-repeat scroll left bottom transparent;*/
	top:405px;
	right:392px;
	width:360px;
	height:490px;
}
div#firstContentTop div.productD div.img{
	right:0px;
	width:145px;
	height:148px;
	border:2px solid #fff;
}
div#firstContentTop div.productD div.teaserContent{
	right:153px;
	top:45px;
	width:180px;
	text-align:right;
}
div#firstContentTop div.productD div.teaserContent div.pricenotice{
	position: relative;
	clear: both;
	float: none;
	text-align:right;
	padding-left: 27px;
	padding-top: 2px;
}
/*-----------------------------------------------------------------
 [1.5 fifth product] .productE
 -----------------------------------------------------------------*/
div#firstContentTop div.productE{
	top:520px;
	right:25px;
	width:345px;
	height:120px;
}
div#firstContentTop div.productE div.img{
	right:0px;
	width:147px;
	height:113px;
	border:2px solid #fff;
}
div#firstContentTop div.productE div.teaserContent{
	right:157px;
	bottom:8px;
	width:180px;
	text-align:right;
}
div#firstContentTop div.productE div.teaserContent div.pricenotice{
	position: relative;
	clear: both;
	float: none;
	text-align:right;
	padding-left: 27px;
	padding-top: 2px;
}
/*-----------------------------------------------------------------
 [1.6 sixth product] .productF
 -----------------------------------------------------------------*/
div#firstContentTop div.productF{
	top:675px;
	right:25px;
	width:440px;
	height:178px;
	z-index:10;
}
div#firstContentTop div.productF div.img{
	right:0px;
	width:245px;
	height:173px;
	border:2px solid #fff;
}
div#firstContentTop div.productF div.teaserContent{
	float:right;
	right:260px;
	bottom:8px;
	width:180px;
	text-align:right;
}
div#firstContentTop div.productF div.teaserContent span.oldprice{
	margin-left:63px;
	margin-left:51px;
}
div#firstContentTop div.productF div.teaserContent div.pricenotice{
	position: relative;
	clear: both;
	float: none;
	text-align:right;
	padding-left: 27px;
	padding-top: 2px;
}
div#firstContentTop div.productF div.teaserContent input.cart{
	margin-top:12px;
}
div#content div div div.summer {
	/* background-image: url(../img/content.theme.summer.button.png); */
  display: none;
}

/*-----------------------------------------------------------------
 [1.7 first image] .firstImage
 -----------------------------------------------------------------*/
div#firstContentTop div.firstImage{
	top:17px;
	left:0px;
	z-index:0;
}
/*-----------------------------------------------------------------
 [1.8 second image] .secImage
 -----------------------------------------------------------------*/
div#firstContentTop div.secImage{
	bottom:0px;
	left:0px;
	z-index:0;
}

/*-----------------------------------------------------------------
 [2. Content bottom] recomented products #firstContentBottom
 -----------------------------------------------------------------*/
div#firstContentBottom{
	position:relative;
	float:left;
	width:100%;
	height:495px;
	background-image:url(../img/first.content.bottom.back.jpg);
	background-repeat:no-repeat;
}
/* general positioning if the Elements */
div#firstContentBottom div {
	position:absolute;
	float:left;
}
div#firstContentBottom div div{
	position:absolute;
	float:left;
}
div#firstContentBottom div.linkArea{
	bottom:1px;
}
/* General - every image is overflow protectet */
div#firstContentBottom div div.img{
	overflow:hidden;
	text-align:center;
}
div#firstContentBottom div div h3 a{
	font-size:1.6em;
	text-decoration:underline;
	color:#AF3B44;
}
div#firstContentBottom div div p{
	font-size:1.2em;
	color:#AF3B44;
	padding-top:4px;
	padding-bottom:4px;
}


/*-----------------------------------------------------------------
 [2.1   Heading  					 .heading
 -----------------------------------------------------------------*/
/*position of the H1 heading */
div#firstContentBottom div.heading{
	position:absolute;
	float:left;
	top:0px;
	left:0px;
}
/*the picture is over the H1 heading*/
div#firstContentBottom div.heading img{
	position:absolute;
	float:left;
	top:0px;
}

/*-----------------------------------------------------------------
 [2.2.  First product              .productA
 -----------------------------------------------------------------*/
div#firstContentBottom div.productA{
	top:62px;
	left:25px;
	width:450px;
	height:140px;
	z-index:10;
}
div#firstContentBottom div.productA div.img{
	left:0px;
	width:230px;
	height:165px;
	border:4px solid #fff;
}
div#firstContentBottom div.productA div.teaserContent{
	left:245px;
	top:0px;
	width:260px;
	text-align:left;
}
div#firstContentBottom div.productA div.teaserContent input.cart, div#firstContentBottom div.productA div.teaserContent input.price, div#firstContentBottom div.productA div.teaserContent span.price{
	float:left;
}
div#firstContentBottom div.productA div.teaserContent div.pricenotice{
	position: relative;
	clear: both;
	float: none;
	padding-top: 2px;
}
/*-----------------------------------------------------------------
 [2.3.  Second product             .productB
 -----------------------------------------------------------------*/
div#firstContentBottom div.productB{
	top:198px;
	right:285px;
	width:460px;
	height:184px;
	z-index:5;
}
div#firstContentBottom div.productB div.img{
	right:12px;
	width:170px;
	height:170px;
	border:4px solid #fff;
}
div#firstContentBottom div.productB div.teaserContent{
	right:200px;
	bottom:8px;
	width:210px;
	text-align:right;
}
div#firstContentBottom div.productB div.teaserContent div.pricenotice{
	position: relative;
	clear: both;
	float: none;
	text-align:right;
	padding-left: 27px;
	padding-top: 2px;
}

/*-----------------------------------------------------------------
 [2.4.  Third product              .productC
 -----------------------------------------------------------------*/
div#firstContentBottom div.productC{
	top:100px;
	right:25px;
	width:470px;
	height:380px;
	z-index:1;
}
div#firstContentBottom div.productC div.img{
	right:0px;
	width:220px;
	height:372px;
	border:4px solid #fff;
}
div#firstContentBottom div.productC div.teaserContent{
	right:230px;
	bottom:8px;
	width:226px;
	text-align:right;
}
div#firstContentBottom div.productC div.teaserContent div.pricenotice{
	position: relative;
	clear: both;
	float: none;
	text-align:right;
	padding-left: 27px;
	padding-top: 2px;
}
/*-----------------------------------------------------------------
 [3.  X-Mas-Teaser
 -----------------------------------------------------------------*/
div.xMasTeaser{
        background: #ffffff;
        border: 1px solid #AF3B44;
        bottom: 115px;
        left: 8px;
        padding: 5px 10px;
        position: absolute;
        width: 250px;
}
div.xMasTeaser img{
        bottom: 4px;
        left: -10px;
        position: absolute;
}