@charset "utf-8";

DIV#detailzone {
	position:absolute;
	top:0;
	left:240px;
	width:670px;
	height:550px;
	z-index:100;
	display:none;
}
DIV#detailbackground {
	position:absolute;
	top:15px;
	left:15px;
	width:640px;
	height:520px;
	background:#fff;
	overflow:auto;
	z-index:21;
}
DIV#detaildropzone {
	position:absolute;
	top:30px;
	left:30px;
	width:610px;
	height:505px;
	background:#fff;
	overflow:hidden;
	padding:0 20px 0 0;
	z-index:22;
}
A#detailCloseBtn {
	position:absolute;
	right:10px;
	top:10px;
	width:17px;
	height:15px;
	z-index:30;
}
/* ####################################### */
/* ##      detail varianten form        ## */
/* ####################################### */
FORM#variantenForm {
	padding:1em 0 10px 0;
}
FORM#variantenForm FIELDSET {
	border:0;
}
FORM#variantenForm SELECT {
	background:#ededed;
	width:100%;
	border:0;
	padding:1px 0 1px 4px;
}
FORM#variantenForm SELECT OPTION {
	padding:1px 0 1px 4px;
}
/* ####################################### */
/* ##       detail variante box         ## */
/* ####################################### */
P.variante {
	margin:1em 0 10px 0;
	padding:1px 0 1px 8px;
	background:#ededed;
}
/* ####################################### */
/* ##      detail bild container        ## */
/* ####################################### */
DIV#imageContainer {
	position:absolute;
	left:0;
	top:4px;
	width:294px;
}
DIV#imageContainer IMG {
	width:294px;
	height:242px;
	border: 1px solid #e1e1e1;
}
DIV.imgCtrl {
	position:relative;
	clear:both;
	display:block;
	width:296px;
	height:18px;
	top:4px;
	padding:0 0 4px 0;
	border-bottom:1px solid #e1e1e1;
}
DIV.imgCtrl A.detailZoom {
	position:absolute;
	display:block;
	top:0;
	left:0;
	overflow:hidden;
	text-indent:-1000px;
	width:87px;
	height:18px;
	background-image:url(img/buttons/btn_detailzoom.gif);
	background-position:0 0;
}
DIV.imgCtrl A.detailZoom:hover {
	background-position:0 -18px;
}
DIV.imgCtrl DIV.imgNavi {
	position:absolute;
	right:0;
	white-space:nowrap;
	text-align:right;
}
DIV.imgCtrl DIV.imgNavi A {
	display:block;
	width:20px;
	height:18px;
	background-image:url(img/buttons/btn_img_back.gif);
	background-position:0 0;
	float:right;
	overflow:hidden;
	text-decoration:none;
}
DIV.imgCtrl DIV.imgNavi A.imgForward {
	background-image:url(img/buttons/btn_img_forward.gif);
}
DIV.imgCtrl DIV.imgNavi A:hover {
	background-position:0 -18px;
}
DIV.imgCtrl DIV.imgNavi SPAN {
	display:block;
	width:inherit;
	white-space:nowrap;
	float:right;
	margin:0 10px;
	color:#757575;
	font-size:11px;
	padding:2px 0;
}

/* ####################################### */
/* ##      detail text container        ## */
/* ####################################### */
DIV#textContainer {
	position:absolute;
	left:0;
	top:0;
	width:285px;
	height:auto;
	overflow:auto;
	padding:0 31px 0 0;
}
DIV#textContainer H1 {
	font-size:17px;
	font-weight:normal;
	color:#007922;
	padding:0 0 0.5em 0;
	line-height:1.3em;
}
DIV#textContainer H2 {
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:0.1em;
	color:#a6a6a6;
	line-height:20px;
}
DIV#textContainer P {
	line-height:1.4em;
}
DIV#textContainer UL {
	line-height:1.4em;
}
DIV#textContainer UL LI {
        margin-left: 15px;
}
DIV#priceContainer {
	position:absolute;
	left:0;
	bottom:15px;
	width:285px;
	padding:15px 0 0 0;
}
DIV#priceContainer H1 {
	position:absolute;
	bottom:0;
	right:0;
	font-size:18px;
	font-weight:normal;
	color:#007922;
}
DIV#priceContainer H1 SPAN.waehrung {
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:0.1em;
	color:#000;
	padding:0 6px 0 0;
}
DIV#priceContainer A {
	color:#007922;
}
/* ####################################### */
/* ##            detail zoom            ## */
/* ####################################### */

DIV#detailzoomzone {
	position:absolute;
	top:0;
	left:240px;
	width:670px;
	height:620px;
	z-index:30;
	display:none;
}
DIV#detailzoombackground {
	position:absolute;
	top:15px;
	left:15px;
	width:640px;
	height:590px;
	background:#fff;
	overflow:hidden;
}
DIV#detailzoomdropzone {
	position:absolute;
	top:45px;
	left:15px;
	width:670px;
	height:560px;
}
H1#detailzoomheader {
	position:absolute;
	top:15px;
	left:15px;
	font-size:18px;
	font-weight:normal;
	color:#007922;
	z-index:100;
	line-height:1em;
	height:1.5em;
	overflow:visible;
}