/* BILDERRAHMEN UND - OVERLAYS ************************************************************* */

.bgImage{
	background-image:url(/img/page/bg_img.png); 
	background-repeat:no-repeat;
	width:203px;
	height:262px;
	padding:5px 0 0 5px;
	text-align:center;
}
.bgImage .lupe{
	background-image:url(/img/lupe_image.gif); 
	background-repeat:no-repeat;
	background-position: bottom right; 
	position:relative;
	top:-250px;
	left:-5px;
	width:200px;
	height:250px;
	cursor:pointer;
}
.bgMini{
	background-image:url(/img/page/bg_mini.png); 
	background-repeat:no-repeat;
	width:68px;
	height:68px;
	margin-top:-3.6px;
}
.bgMini img{
	margin-top:8px;
	margin-left:8px;
}
.bgMini .lupe{
	background-image:url(/img/lupe_mini.gif); 
	background-repeat:no-repeat;
	background-position: bottom right;
	position:relative;
	top:-52px;
	left:8px; 
	width:50px;
	height:50px;
	cursor:pointer;
}
/* BOXEN ************************************************************* */

#mainImageBox{
	margin:5px 0 0 5px; 
	float:left
}

#xtraImageBox{
	width:68px; 
	height:262px; 
	margin:8px 8px 0 0px; 
	float:left;
}

#produktDatenBox{
	width:255px; 
	height:262px; 
	overflow:hidden;
	margin:8px 8px 0 16px; 
	float:left;
}
#produktDatenBox #proid{
	border:1px solid #cccccc; 
	height:20px;
}
#produktDatenBox #messages{
	line-height:20px; 
	list-style-type:none;
	padding:0;
}

#produktDatenBox .dots{border-top:1px dotted #BBB; margin:5px 15px 0px 0px;}

#produktAktionsBox{
	width:190px; 
	height:262px; 
	margin:8px 2px 0 0px; 
	float:right;
	position:relative;
}
#buttonWrap{
	position:relative; 
	height:262px;
}
#produktAktionsBox #preisBox{
	background-image:url(/img/page/bg_preis.png);
	background-repeat:no-repeat;
	width:172px; 
	height:72px; 
	padding:4px 16px 0 2px; 
	text-align:center; 
	vertical-align:middle;
}
#produktAktionsBox #preisBox .uvp{
	text-decoration:line-through;
	font-weight:bold;
	margin-top: 5px;
	height:12px;
}
#produktAktionsBox #preisBox .preis h3,#produktAktionsBox #preisBox .preis em,#produktAktionsBox #preisBox .preis s{
	font-weight:bold;
	font-size:18px;
	margin-top: 5px;
}
.ptext{
	font-size:10px;
}
#produktAktionsBox #aktionsMsg{
	height:48px; 
	padding-top:8px;
	text-align:center;
}
#buttonBox{margin:2px 0 0 1px;}
#buttonBox img{margin-top:2px;}

.greyLine{
	float:right;
	background-image:url(/img/dot_grey.gif);
	background-position:center;
	background-repeat:repeat-x;
	width:100%;
}


#produktDatenBox #liVorteile  { margin:0; padding: 0;}
#produktDatenBox #liVorteile li{background-image:url(/img/icons/haken-blau.png); padding-left: 22px; margin-top:7px; list-style:none; background-repeat:no-repeat; display:block;}

/* TABS ************************************************************* */

#tabBox{margin-top:6px; width:510px; float:left;}
#tabBox #tabLeiste{
	margin-left:1px;
	height:25px;
	width:509px;
	overflow:hidden;
	background-image:url(/img/dot_grey.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
#tabBox #tabLeiste .tab{
	position:relative;
	top:0px;
	left:-1px;
	width:125px;
	height:25px;
	float:left;
	background-image:url(/img/page/tab125.png);
	background-repeat:no-repeat;
	font-weight:bold;
	line-height:25px;
	text-align:center;
	cursor:pointer;
}
#tabBox #tabLeiste .tab.active{
	background-position:0 -25px;
}
#tabBox .tabContent{
	width:506px;
	height:552px;
	overflow:auto;
	margin-left:1px;
	border-left:1px solid #C0C0C0;
	border-right:1px solid #C0C0C0;
	display:none;
}
#tabBox .tabContent.active{display:block;}

#tabBox .dots{border-top:1px dotted #BBB; margin:5px 15px 5px 15px;}

#tabBox .tabTable{
	margin:0 auto 0 auto;  
	width:480px
}
table.tabTable th			{font-weight:bold; text-align:left;}
table.tabTable td.grey1		{background-color:#dfdfdf;}
table.tabTable td.grey2		{background-color:#f4f4f4;}

#tabBox #tabBottom{
	width:508px;
	height:5px;
	background-image:url(/img/box/divbox_508_bottom.png);
	background-repeat:no-repeat;
	background-position:1px bottom ;
}
#deflist li{
	line-height:20px;
}

/* JCAROUSEL ************************************************************* */

.galerieBox{height:285px; overflow:hidden;}

.jcarousel-skin-uhrzeit .jcarousel-container {
	text-align:center;
    background: #FFF;
}

.jcarousel-skin-uhrzeit .jcarousel-container-vertical {
    width: 235px;
    height: 225px;
    padding: 0 0 0 0;
}
.jcarousel-skin-uhrzeit .jcarousel-clip-vertical {
    width:  235px;
    height: 225px;
}

.jcarousel-skin-uhrzeit .jcarousel-item {
    width: 235px;
    height: 225px;
}
.jcarousel-skin-uhrzeit .jcarousel-item-vertical {
    margin-top: 15px;
}

.jcarousel-skin-uhrzeit .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/* Vertical Buttons */

.jcarousel-skin-uhrzeit .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 215px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/sys/jquery/jcarousel/skins/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-uhrzeit .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-uhrzeit .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-uhrzeit .jcarousel-next-disabled-vertical,
.jcarousel-skin-uhrzeit .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-uhrzeit .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-uhrzeit .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 215px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/sys/jquery/jcarousel/skins/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-uhrzeit .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-uhrzeit .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-uhrzeit .jcarousel-prev-disabled-vertical,
.jcarousel-skin-uhrzeit .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-uhrzeit .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}