@charset "utf-8";

.prod-image{
	position:relative;
}

/* Ein Div mit dieser Klasse wird für alle Produkte mit Rezension hinter dem Bild eingefügt */
#product-detail .after_reviewed_product{
	position:absolute;
	bottom:75px;
	right:-15px;
	width:59px;
	height:59px;
	background-image:url(../img/rec_big_icon.png);
	background-repeat:no-repeat;	
}

.after_reviewed_product {
	bottom: 40px;
	right: 10px;
	position: absolute;
	width: 59px;
	height: 59px;
	background-image: url(../img/rec_big_icon.png);
	background-repeat: no-repeat;
}

#product-detail .after_reviewed_product {
	bottom: 75px;
	right: -15px;
}

.after_reviewed_product_small{
	position:absolute;
	bottom:30px;
	right:0px;
	width:59px;
	height:59px;
	background-image:url(../img/rec_small_icon.png);
	background-repeat:no-repeat;
}


.prod-img-text-block .after_reviewed_product_small {
	bottom: 75px;
	right: 0px;
}

#product-detail .after_reviewed_product_small{
	position:absolute;
	bottom:60px;
	right:-15px;
	width:115px;
	height:114px;
	background-image:url(../img/rec_huge_icon.png);
	background-repeat:no-repeat;
}

/*********************************************************
*	RECENSION
*********************************************************/

#col3 {
	float: left;
	margin: 0;
	width: 652px;	
}


.wrapper-recension{
	width:629px;	
	clear: both;
}

.wrapper-recension h1{
	margin-bottom:-35px;
	min-height:17px;
	font-size:18px;
	line-height:18px;
	padding-top:18px;
	color:#1b2c80;
	position:relative;
	z-index:10;
}

.wrapper-recension div{
	position:relative; /* to fix "wrapper-recension h1" in ie6 */
	z-index:0;
}

.recension-container-middle h2{
	line-height:normal;
	font-size:24px;
	padding-bottom:5px;
	color:#1b2c80;
	width: 380px; /* to wrap the inner header, so that it doesn't float behind the "Eltern-Rezension"-Icon */ 
}

.recension-container-middle p{
	color:#3d67aa;
	margin:0px;
	padding:0px;
	font-size:11px;
	line-height:16px;
}

.recension-container-top{
	background-image:url(../img/rec_bg_top.gif);
	background-repeat:no-repeat;
	height:113px;
	margin: 0;
	padding: 0;
	width:629px;
}

.recension-container-middle{
	background-image:url(../img/rec_bg_middle.gif);
	background-repeat:repeat-y;
	margin:0;
	padding: 0;
	width: 629px;
}

.recension-container-bottom{
	background-image:url(../img/rec_bg_bottom.gif);
	background-repeat:no-repeat;
	height: 17px;
	margin: 0;
	padding: 0;
	width:629px;
}

.recension-inner-box{
	margin-top:-45px;
	min-height:45px;
}

.recension-content-left{
	float:left;
	width:118px;
	padding-right:20px;
	padding-left:5px;
}

.recension-content-left .details{
	padding-left:6px;
	line-height:1.5em;
}

.recension-content-right p{
	padding-bottom:10px;
}

.recension-content-right{
	float:left;
	width:465px;
	
	
}
.rec_how_to{
	background-image:url(../img/red_arrow.gif);
	background-repeat:no-repeat;
	background-position:0 3px;
	padding-left:10px;
	color:#d0001a;
	text-decoration:none;
}

.rec_more{
	background-image:url(../img/blue_arrow.gif);
	background-repeat:no-repeat;
	background-position:0 3px;
	padding-left:10px;
	color:#1b2c80;
	text-decoration:none;
}

.wrapper-photo{
	background-image:url(../img/photo_bg.gif);
	background-repeat:no-repeat;
	padding-top:7px;
	padding-left:12px;
	width:106px;
	height:160px;
}

/*********************************************************
*	ROTATOR
*********************************************************/

.wrapper_rotator {
	width: 629px;
	background-image: url(../img/rotator_bg_middle.gif);
	background-repeat: repeat-y;
}

.rotator_top {
	width: 629px;
	height:17px;
	background-image: url(../img/rotator_bg_top.gif);
	background-repeat: no-repeat;
}

.rotator_bottom {

	width: 629px;
	height:123px;
	height:28px;
	background-image: url(../img/rotator_bg_bottom.gif);
	background-repeat: no-repeat;
	margin-top:-20px;
}

.wrapper_rotator_slider {
	padding: 0px 13px;
	width: 603px;
}

.rotator_content {

}

.wrapper-image-outer{
	width: 100px;
	height: 141px;
	float: left;
	padding: 6px 7px 0px 7px;
}

.product_image {
	width: 100px;
	position: relative;
	text-align: center;
}

.product_image img{
	position: relative;
	z-index: 5; /* 0 */
	cursor: pointer;
}

.rec_icon{
	width: 36px;
	height: 35px;
	position: absolute;
	z-index: 20;
	bottom: 20px;
	right: -5px;
	background-image: url(../img/rec_very_small_icon.png);
	background-repeat: no-repeat;
	background-position: 0 0;	
	cursor: pointer;
}

.red_border_icon{
	width: 500px;
	height: 141px;
	position: absolute;
	z-index: 0; /* 10 */
	top: 0px;
	left: 0px;
	background-image: url(../img/red_border.png);
	background-repeat: no-repeat;
	background-position: 237px 0;
}

.shifter_left,
.shifter_right {
	float: left;
	width: 16px;
	height: 141px;
	background-image: url(../img/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: 0 40px;
	cursor: pointer;
}

.shifter_right {
	background-image: url(../img/arrow_right.gif);
}

.rotator {
	height: 141px;
	width: 684px; /* Muss so breit sein wie n+1 Bilder (n=Anzahl der angezeigten Bilder) */
	z-index: 10;
}

.rotator_outer {
	float: left;
	overflow: hidden;
	height: 141px;
	width: 570px; /* Muss so breit sein wie n Bilder (n=Anzahl der angezeigten Bilder) */
	position: relative;
}


.rotator-content-left{
	float:left;
	width:118px;
	padding-right:20px;
	padding-left:5px;
}

.rotator-content-left .details{
	padding-left:6px;
	line-height:1.2em;
	font-weight:normal;
	margin:0;
}

.rotator-content-left .details span{
	line-height:1.2em;
	font-weight:bold;
}

.rotator-content-right p{
	padding-bottom: 10px;
	margin: 0;
}
.rotator-content-right{
	float: left;
	width: 350px;
}
.rotator-content-right span,
.rotator-content-right p{
	width: 350px;
	display: block;
}

.rotator-icon{
	float: left;
	width: 115px;
	height: 180px;
	background: url(../img/rec_huge_icon.gif) no-repeat 0 60px;
}

.recension-footer{
	padding-top:10px;
	width: 629px;
}
.rotator-footer{
	width: 629px;
}
.rotator-footer p{
	margin-bottom:0;
}

.rec_how_to{
	background-image:url(../img/red_arrow.gif);
	background-repeat:no-repeat;
	background-position:0 3px;
	padding-left:10px;
	color:#d0001a;
	text-decoration:none;
}

.rotator-last-content{
	width:350px;
}


/*********************************************************
*	BASICS
*********************************************************/

.clear{
	clear:both;
	display: block;
	height: 2px;
}