
/* content */

/* category list */
#divCategoryList {
	margin-top:20px;
	margin-bottom:20px;
	clear:both;
	border-bottom:6px solid #CB0D0D;
	overflow:hidden;
}
.divCategoryListItem {
	float:left;
	font-weight:bold; 
	text-align:center;
	width:150px;
	height:80px;
	vertical-align:top;
}

.divCategoryListItem a, .divCategoryListItem a:link, .divCategoryListItem a:visited {
	display:block;
	color:#000000;
	text-decoration:none;
}

.divCategoryListItem a:hover {
	color:#CB0D0D;
}

.divCategoryListItem img {
	padding-top:5px;
}

/* product list */

.tblMain {
	margin-top: 15px;
	padding: 0px;
	border: 0px;
	width: 610px;
	background-color: #FFF;
}

.tblMain th {	
	font-size: 11px;
	padding-bottom: 0px;
	background-color: #FFF;
}

.tblMain a {	
	text-decoration: none;
}

.tblHeader td {
	border-top: 10px solid #CB0D0D;
	border-bottom: 1px solid #CCC;
	font-size: 10px;
	font-weight: bold;
	background-color: #FFF;
}

.tblHeaderNoLine td {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	font-size: 10px;
	font-weight: bold;
	background-color: #FFF;
}

.tblFooter td {
	border-top: 1px solid #CCC;
	border-bottom: 6px solid #CB0D0D;
	font-size: 5px;
	background-color: #FFF;
}

.tblMessage td {
	padding: 5px;
	border: 1px solid #CCC;
	font-weight: bold;
}

.tblList td {
	padding: 3px 3px 3px 0px;
 	vertical-align: middle;
 	font-size: 10px;
	font-weight: bold;
}
 
.tblList a {
 	color: #000;
	text-decoration: none;
}

.tblList a.lnkThumb {
	width: 35px;
	height: 35px;
	margin-left: 5px;
	vertical-align: middle;
	background-color: #FFF;	
	border: 1px solid #AAA;
	display: block;
}
 
.tblList input {
  	width: 20px;
	border: 1px solid #CCC;
	font-size: 10px;
	vertical-align: bottom;
}
  
  
/* product detail */


/* product header */
/* -------------- */
 
#divArtDetail {
	margin-top:20px;
	width: 610px;
}

#divArtDetailThumb {
	width: 185px;
	padding-left: 5px;
	margin-right: -10px;
}

.tblArtDetail {
	font-size: 10px;
	padding: 0px;
	border: 0px;
	width: 610px;
}

.tblArtDetail .image {
	width: 180px;
	text-align: center;
}	

.tblArtDetail .image span {
	margin-top: 5px;
	display: block;
}

.tblArtDetail .thumb {
	width: 37px; 
	height: 37px; 
	margin: 3px 5px 2px 0px; 
	padding: 1px; 
	border: 1px solid #C6C6C6; 
	background-position:center center;
	background-repeat:no-repeat;
	display: block; 	
	float:left;	
}	


.tblArtDetail .descr {
	padding: 0px 15px 10px 22px;
	width: 290px;
}

.tblArtDetail .descr span.setNote {
	margin-top: 5px;
	font-size: 9px;
	font-weight: normal;
	display: block;
}

.tblArtDetail .descr span.price {
	margin-top: 2px;		 
  	font-size: 22px;
	font-weight: bold;
	color: #CB0D0D;  
	display: block;
}		

.tblArtDetail .descr input {
  	width: 20px;
	border: 1px solid #CCC;
	vertical-align: bottom;
	font-size: 10px;
}	

.tblArtDetail .descr span.promo {
	margin-top: 5px;	
	font-weight: bold;
	color: #CB0D0D;
	display: block;
}


.tblArtDetail .descr span.promoh {
	margin-top: 5px;	
	font-weight: bold;
	font-size: 22px;
	color: #CB0D0D;
	display: block;
}

.tblArtDetail .descr span.cashback {
	margin-top: 5px;	
	font-weight: bold;
	color: #CB0D0D;
	display: block;
}

.tblArtDetail .descr span.titel  {
	font-size: 10px;
	font-weight: bold;
	display:inline;
}

.tblArtDetail .descr span.titel2  {
	font-size: 6px;
	font-weight: normal;
	color: #999999;
	display:inline;	
}

.tblArtDetail .manuf {
	padding: 0px;
	padding-bottom: 5px;
	width: 100px;
	font-size: 10px;
	background-color: #F0F0F0;

}	

.tblArtDetail .manuf span.discount {	
	width: 100px;
	height: 22px;
	margin: 10px -5px 10px 0px;
	padding-left: 5px;
	font-weight: bold;
	line-height: 22px;
	background-image: url(/img/sparprozent.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;	
}	

.tblArtDetail .manuf span {	
	padding-left: 5px;
	display: block;	
}

/* -------------- */
  
#divImageBig, #divImageBig2, #divImageBig3, 
#divImageShow1, #divImageShow2, #divImageShow3, 
#divImageShow4, #divImageShow5, #divImageShow6 {
  	position: absolute;
	top: 50px;
	left: 15px;
	padding: 10px;
	border: 1px solid #CB0D0D;
	background-color: #FFF;
	display: none;
	z-index: 10;
}  

#divImageBig2, #divImageBig3 {
	top: 180px;
}

#divImageBig span, #divImageBig2 span, #divImageBig3 span {
	position: absolute;
	top: -1px;
	right: -1px;
	width: 16px;
	height: 15px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	background-color: #CB0D0D;
	cursor: pointer;
}

#divImageShow1 span, #divImageShow2 span, #divImageShow3 span, 
#divImageShow4 span, #divImageShow5 span, #divImageShow6 span {
	position: absolute;
	top: -5px;
	right: -1px;
	width: 16px;
	height: 15px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	background-color: #CB0D0D;
	cursor: pointer;
}

  
#divPriceInfo {
  	position: absolute;
	margin-top: 0px;
	margin-left: -100px;
	width: 370px;
	padding: 10px;
	border: 1px solid #CB0D0D;
	background-color: #FFF;
	display: none;
  	z-index: 20;
}
  
#divPriceInfo li {
  	margin-left: -20px;
}


#divProdStrip {
	width: 610px;
	height: 22px;
	padding: 0px;
	padding-left: 0px;
	margin-bottom: 8px;
	background-image: url(/img/product_strip.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#divProdStrip span {
	margin: 0px;
	float: left;
}

#divProdStrip span a {
	width: 80px;
	height: 16px;
	padding: 6px 5px 0px 5px;
	text-align: center;
	text-decoration: none;
	background-image: url(/img/reiter.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	/*background-color: #CCC;*/
	display: block;
}

#divProdStrip span a.small {
	width: 50px;
	background-image: url(/img/reiter60.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;		
}

#divProdStrip span a:hover, #divProdStrip span .active {
	padding-left: 5px;
	padding-right: 5px;
	/*color: #FFF;*/
	background-image: url(/img/reiter_hover.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;	
	/*background-color: #999;*/
}

#divProdStrip span .active, #divProdStrip span .active:hover  {
	background-image: url(/img/reiter_active.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
}

#divProdStrip span a.small:hover {
	background-image: url(/img/reiter60_hover.gif);
}

#divProdStrip span a.small_active, #divProdStrip span a.small_active:hover {
	width: 50px;
	background-image: url(/img/reiter60_active.gif);
}

#divOptions, #divDetails {
	width: 610px;
	display: none;
}

#divOptions {
	margin-top: -6px;
}

#divDetails span {
	font-family: verdana;
	font-size: 11px;
}


/* Artikel weiterempfehlen */

#divTellafriend {
	position: absolute;
	top: 40px;
	left: 10px;
	width: 600px;
	padding: 5px;
	border: 1px solid #CCC;
}

#divTellafriend .tblLogin {
	padding: 3px;
	border: 1px solid #CCC;
	background-color: #F0F0F0;
}

#divTellafriend .tblLogin td {
	padding: 5px 10px 5px 5px;
 	vertical-align: middle;
 	font-size: 10px;
	font-weight: bold;
}

#divTellafriend .tblLogin input {
  	width: 200px;
	border: 1px solid #CCC;
	font-size: 10px;
	vertical-align: bottom;
}

.submitButton{
  	width: 160px;
	border: 1px solid #CCC;
	font-size: 10px;
	margin-top: 10px;
}

/* Manufacturer List */
.divManCategoryContainer {
	background-color:##FFFFFF;
	clear:left;
}

.divManCategory {
	border:1px solid #C6C6C6;
	clear:left;
	margin-bottom:15px;
	background-color:##FFFFFF;
}

.divManCategoryTitle {
	position:relative;
	color:#000000;
	border-bottom:1px solid #C6C6C6;
	background-color:#F0F0F0;
	font-weight:bold;
	padding:3px;
}

.divManCategoryTitle a, .divManCategoryTitle a:link, .divManCategoryTitle a:visited {
	color:#000000;
	text-decoration:none;
}

.divManCategoryTitle a:hover {
	color:#CB0D0D;
}

.divManSubCategories {
	margin-top:10px;
}

.divManSubCategories a, .divManSubCategories a:link, .divManSubCategories a:visited {
	display:block;
	float:left;
	width:148px;
	height:65px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	vertical-align:top;
}
.divManSubCategories a:hover {
	color:#CB0D0D;
}

.divManSubCategories img {
	padding-top:5px;
}
