/*****************************************************************************************/
/* Produktseite
/*****************************************************************************************/

/* Breite Infobild + Abstand zu Beschreibung rechts */
.areaColLeftProInf {
	width:366px; }
/* Verbleibende Breite rechts (.padWidthBoxFull - .areaColLeftProInf) */
.areaColRightProInf {
	width:242px; }

/* Headline, Kurzbeschreibung und Artikelnummer */
h1.productNameProInf {
	line-height:16px; }
h2.shortDescriptProInf {
	font-size:12px; line-height:14px; font-weight:normal; padding-top:3px; }
p.productModelProInf {
	font-size:11px; line-height:13px; padding-top:3px; }
div.spacerHeadInfoProInf {
	height:6px; }
/* Bei product_info_panorama.html müssen obere Angaben begrenzt werden wegen Rating oben */
div#topPanoramaProInf {
	width:430px;
	position:relative; /* Um rating absolut positionieren zu können */
	min-height:55px; }
* html div#topPanoramaProInf {
	height:55px; /* IE 5 bis 6 kein min-height */
	overflow:visible; }

/* Grosses Produktbild im Standardtemplate */
.areaColLeftProInf a.entryListGal, .areaColLeftProInf a.entryListGal:hover {
	background-color:#FFF; } /* Default überschreiben. Wird benötigt für Maus Cursor im IE */
a#productImageProInf {
	display:block;
	width:350px; }
a#productImageProInf span#picture {
	display:block;
	height:350px;
	background-repeat:no-repeat;
	background-position:center; }
a#productImageProInf span#enlargePicture {
	display:block;
	height:28px;
	overflow:visible;
	font-size:10px;
	line-height:12px;
	padding-left:27px;
	background:url(../img/buttons/button_magnifier.gif) no-repeat 6px 5px; }
/* Produktbild in 180er Grösse auf Produktseite unten (Box, die Angaben widerholt) */
a#productImageEndOfPage {
	border-width:1px;
	border-style:solid;
	width:180px;
	height:180px;
	background-repeat:no-repeat;
	background-position:center; }
* html a#productImageEndOfPage {
	width:182px; w\idth:180px;
	height:182px; he\ight:180px; }

/* Thumbnailbilder */
.productThumbsProInf {
	display:block;
	margin:8px 8px 0 0;
	width:80px;
	height:80px;
	background-repeat:no-repeat;
	background-position:center; }
* html .productThumbsProInf {
	width:82px; w\idth:80px;
	height:82px; he\ight:80px; }
/* Abstand zum Produkttext, wenn Herstellerangaben aber keine Thumbnailbilder vorhanden sind (80px Höhe Bild + 2px border + 8px Abstand oben + 4px Abstand unten) */
div#minHeightThumbsProInf {
	min-height:94px; }
* html div#minHeightThumbsProInf {
	height:94px; /* IE 5 bis 6 kein min-height */
	overflow:visible; }
/* Abstand Thumbnails bzw. Platzhalter der Thumbnails zu Produkttext */
div#spacerThumbsProDescript {
	height:12px; }

/* Kundengalerie Info unter Thumbnails */
#galleryInfoProInf {
	display:block; line-height:13px; padding:1px 0 1px 19px; background:url(../img/icons/customer_gallery.gif) no-repeat 0 1px; }
#galleryUploadProInf {
	display:block; line-height:13px; padding:1px 0 1px 22px; background:url(../img/icons/upload.gif) no-repeat; }

/* Rahmen für Rating - Weitere Angaben für Rating direkt in product_rating.php */
div#ratingBorderTop {
	background:#FFF url(../img/rating/box_bg_h.gif) no-repeat; width:170px; /* IE will width */ height:5px; }
div#ratingBorderBg {
	background:url(../img/rating/box_bg.gif) repeat-y; width:170px; /* IE will width */ min-height:41px; padding:0 1px; }
* html #categories .colBoxIcon a.icon {
	width:170px; w\idth:168px;
	height:41px;
	overflow:visible; }
div#ratingBorderBottom {
	background:url(../img/rating/box_bg_f.gif) no-repeat; width:170px; /* IE will width */ height:5px; }
/* IE 5 hat iframe für Rating nicht angezeigt. Deshalb bei diesem Browser den Bereich ausblenden */
html + body div#ratingSystem	{ display:none; }

/* Infos zu Kundenbewertungen */
div#reviewInfoProInf {
	line-height:13px; }
div#reviewInfoProInf .amountReviewsProInf {
	height:16px;
	line-height:15px; }
div#reviewInfoProInf a.amountReviewsProInf {
	display:block;
	padding-right:38px;
	background-repeat:no-repeat;
	background-position:100% 1px; }

/* Verfügbarkeit */
p.availHeadProInf {
	padding-bottom:2px; }
img.availImgProInf {
	margin:3px 4px 0 0; }
.spacerAvailEntryProInf {
	height:2px; }

/* Wann ist Produkt verfügbar? Zukünftiger Liefertermin */
p.dateAvailableProInf {
	padding-top:3px; }

/* Preis */
p.priceHeadProInf {
	font-weight:bold;
	padding:10px 0 4px; }
div.priceTagLProInf {
	width:10px;
	height:33px;
	background:url(../img/product_info/price_l.gif) no-repeat; }
div.priceTagMProInf {
	height:33px;
	padding:0 4px 0 6px;
	font-size:20px;
	font-style:italic;
	color:#FFF;
	line-height:30px;
	background:url(../img/product_info/price_bg.gif); }
span.oldPriceProInf {
	text-decoration:line-through; }
div.priceTagMProInf.specialPrice {
	color:#EB2020; }
div.priceTagRProInf {
	width:10px;
	height:33px;
	background-image:url(../img/product_info/price_r.gif); }
div.priceTagTaxProInf {
	margin-left:5px;
	padding-top:12px; }
div.spacerPriceProInf {
	height:3px; }

/* Kundengruppe darf keine Preise sehen */
p.notAllowedToSeePrice {
	padding:10px 0 15px; }

/* Verpackungseinheit */
p.vpeProInf {
	padding-bottom:3px; }

/* Bereich für Rabatt. Damit Preise immer an gleicher Stelle bzw. auf gleicher Höhe */
div#areaDiscountShipping {
	min-height:56px; } /* Wenn Versandkostenanzeige aktiviert */
* html div#areaDiscountShipping {
	height:56px;
	overflow:visible; /* IE kennt kein min-height */ }
div#areaDiscount {
	min-height:39px; } /* Wenn Versandkostenanzeige nicht aktiviert, weniger Höhe notwendig */
* html div#areaDiscount {
	height:39px;
	overflow:visible; /* IE kennt kein min-height */ }

/* FSK 18 */
div.spacerFSK18ProInf {
	margin-bottom:7px; }
td.imgFSK18ProInf {
	width:34px; }
p.infoFSK18ProInf {
	padding-bottom:14px; color:#FF4300; }

/* Eingabefeld für Bestellmenge und DropDown für Grössen */
div.spacerInputBotProInf {
	margin-bottom:5px; }
div.spacerInputAmountRProInf {
	margin-right:10px; }
td.heightInputProInf {
	height:23px; }
.inputAmount, .optionsProInf select {
	font-family:Courier New,Courier,Fixed,monospace; }
.inputAmount {
	font-size:13px; }
.optionsProInf select {
	font-size:12px; }
div.spacerInputButtonProInf {
	height:5px; }
div.spacerAddCartButBotProInf {
	padding-bottom:14px; }

/* Herstellerangaben */
div.areaManufacturerProInf {
	padding-top:8px; line-height:12px; }
p.manufacturerHeadProInf {
	padding-bottom:4px; }
td.manufacturerImgProInf {
	height:34px; }
p.manufacturerLinkProInf {
	padding:4px 0; }

/* Beschreibung/Produkttext */
div#areaShowHideDescription {
	clear:both;
	overflow:visible;
	height:22px; }
div#areaShowHideDescription a.headline {
	font-size:13px;
	line-height:16px;
	font-weight:bold;
	color:#000;
	padding:0 5px 0 17px;
	background:url(../img/icons/description.gif) no-repeat 0 1px; }
div#areaShowHideDescription a.button {
	margin-top:1px; }
div#productDescription {
	padding:2px 0 25px;
	line-height:17px; }

/* Listen für technische Details und ähnliches im Produkttext */
div#productDescription span.ulDesHead {
	font-size:11px;
	font-weight:bold; }
div#productDescription ul {
	margin:0;
	padding-left:15px; }
/* Allgemeine Beschreibung für li-Elemente */
div#productDescription li {
	list-style-type:disc;
	font-size:11px;
	line-height:14px; }
/* Wenn li-Elemente korrekt innerhalb von ul-Elementen vorkommen. Für Firefox in header.php Fix, wenn li ohne ul vorkommt, da nur FF dann nicht eingerückt hat */
div#productDescription ul li {
	margin:0;
	padding:0; }

/* Falls kein Produkttext vorhanden */
div#placeHolderNoDescription {
	height:20px; }

/* Abschluss mit Gewicht und Besuchercounter */
div#spacerConFinishLine {
	height:8px; }
div#areaConFinish {
	height:14px; margin-top:15px; }
p#iconWeightConFinish {
	padding:1px 0 0 14px; background:url(../img/icons/weight.gif) no-repeat; }
div#padTopCounterConFinish {
	padding-top:1px; }
div#spacerConFinishCopy {
	height:12px; }
p#copyConFinish {
	text-align:center; }


/*****************************************************************************************/
/* Inhaltsboxen auf Produktseite (Bewertungen, Kunden, die diesen Artikel kauften, etc.)
/*****************************************************************************************/
/* Bereich mit Headline und Button zum ein-/ausklappen */
div.areaShowHide {
	clear:both;
	overflow:visible;
	height:34px; }
div.areaShowHide a.headline {
	font-size:13px;
	line-height:16px;
	font-weight:bold;
	color:#000;
	/*padding-right:5px;*/
	padding:14px 5px 0 0; }
div.areaShowHide a.button {
	margin-top:15px; }

/* Abstandshalter nach oben im Contentbereich bei nachfolgenden Block-Elementen */
div.spaceConTopBlockElm {
	height:7px; line-height:0; font-size:0; }
/* Abstandshalter nach oben im Contentbereich bei nachfolgendem Text */
div.spaceConTopText {
	height:4px; line-height:0; font-size:0; }

/* Link nach oben in Inhaltsboxen */
div.boxProInfBackToTop {
	text-align:right;
	padding-bottom:6px; }

/*--------------------------------------------/
/ Box Kundenbewertungen
/--------------------------------------------*/
#areaReviews .entryHeadline {
	height:23px;
	padding-left:5px;
	margin:0 11px;
	line-height:23px; }
#areaReviews .textEntryLink {
	width:574px;
	line-height:13px;
	font-weight:bold; }
#areaReviews .textEntryLink a {
	padding-left:4px;
	padding-bottom:2px;
	font-weight:normal;
	text-decoration:underline; }


/* Klasse .entryListGal aus lists.css verwendet, da kategorieabhängige Hoverfarbe in specific.css über diese Klasse festgelegt wird.
   lists.css wird aber nicht benötigt, da es nur um die Nutzung der Hoverfarbe in specific.css geht. */
a.entryListGal {
	background-color:#F4F5FA; } /* Default überschreiben */
div.boxProInfTopic a.entryListGal:hover, div.crossSell a.entryListGal:hover {
	background-color:#F0F1F7; } /* specific.css Hoverfarben überschreiben */

/*--------------------------------------------/
/ Box Kundengalerie
/--------------------------------------------*/
#areaCustomerGallery div.entry {
	float:left;
	width:140px;
	overflow:hidden; }
#areaCustomerGallery div.entry a {
	display:block;
	outline:none; }
#areaCustomerGallery div.entry a span.linkBorder {
	height:138px;
	background-color:#FFF;
	background-repeat:no-repeat;
	background-position:center; }
* html #areaCustomerGallery div.entry a span.linkBorder {
	height:140px; he\ight:138px; }
#areaCustomerGallery div.entry a span.c_name {
	display:block;
	font-weight:bold;
	background-color:#FFF; /* Default von a.entryListGal überschreiben. Wird für IE cursor:hand bei hover benötigt  */
	padding:2px 0 1px; }
/* Headline für Bereich "Weitere Kundenbilder" */
#areaCustomerGallery a.headMoreGalleryImages {
	padding-left:4px;
	padding-bottom:2px;
	font-weight:normal;
	text-decoration:underline; }
/* Headline für Bereich "Eigenes Bild hochladen" */
#areaCustomerGallery .textEntryUpload {
	width:574px;
	line-height:13px;
	font-weight:bold; }
#areaCustomerGallery .textEntryUpload a {
	padding-left:4px;
	padding-bottom:2px;
	font-weight:normal;
	text-decoration:underline; }

/*--------------------------------------------/
/ Box Themengebiet
/--------------------------------------------*/
a.topicColor:hover {
	color:#2467DB; } /* Hoverfarbe an Farbe von Themengebiete anpassen */
#areaTopic a:hover span.linkBorder {
	border-color:#2467DB; } /* Hoverfarbe an Farbe von Themengebiete anpassen */

a.topicCategory, a.topicCategory span {
	display:block; }
a.topicCategory span.topicCatImg {
	width:138px; height:82px; background-repeat:no-repeat; background-position:center; }
* html a.topicCategory span.topicCatImg {
	width:140px; w\idth:138px;
	height:84px; he\ight:82px; }
a.topicCategory span.topicCatName {
	text-decoration:underline; margin-top:26px; padding-left:16px; }
a.topicCategory span.topicCatName span {
	font-weight:normal; }
a.topic {
	display:block;
	float:left;
	text-decoration:none;
	width:140px; }
a.topic span.linkBorder {
	height:138px;
	background-color:#FFF;
	background-repeat:no-repeat;
	background-position:center; }
* html a.topic span.linkBorder {
	height:140px; he\ight:138px; }
a.topic span.productName {
	display:block;
	overflow:hidden;
	text-decoration:underline;
	height:43px;
	padding:3px 5px 0; }
* html a.topic span.productName {
	height:46px; he\ight:43px; }
a.topic span.blockPrice {
	display:block;
	color:#000;
	padding:0 5px 4px; }

/*--------------------------------------------/
/ xsell / reverse xsell
/--------------------------------------------*/
a.crossSell {
	display:block;
	float:left;
	text-decoration:none;
	width:140px; }
a.crossSell:hover {
	color:#000; }
a.crossSell span.linkBorder {
	height:138px;
	background-color:#FFF;
	background-repeat:no-repeat;
	background-position:center; }
* html a.crossSell span.linkBorder {
	height:140px; he\ight:138px; }
a.crossSell:hover span.linkBorder {
	border-color:#000; }
a.crossSell span.productName {
	display:block;
	overflow:hidden;
	text-decoration:underline;
	height:43px;
	padding:3px 5px 0; }
* html a.crossSell span.productName {
	height:46px; he\ight:43px; }
a.crossSell span.blockPrice {
	display:block;
	color:#000;
	padding:0 5px 4px; }


/*----------------------------------------------------------------------------------------/
/ Hover Boxen auf Produktinfo. Abgeleitet von Klasse .contentBoxHover in boxes.css
/----------------------------------------------------------------------------------------*/
#boxAlsoPurchased .contentBoxHover a.entry, #boxProInfTopseller .contentBoxHover a.entry {
	background-color:#F4F5FA; }
#boxAlsoPurchased .contentBoxHover a.entry:hover, #boxProInfTopseller .contentBoxHover a.entry:hover {
	background-color:#F0F1F7; } /* specific.css Hoverfarben überschreiben */

/* Default von boxes.css überschreiben */
.contentBoxHover a.entry span.linkBoxHover {
	color:#000; }
.contentBoxHover .entryLeftCol a {
	float:left; }
.contentBoxHover .entryRightCol a {
	float:right; }

/*--------------------------------------------/
/ Kunden, die diesen Artikel gekauft haben..
/--------------------------------------------*/
#boxAlsoPurchased .contentBoxHover a.entry {
	margin-left:0; margin-right:0; }
#boxAlsoPurchased a.entry {
	height:82px;
	width:299px; }
#boxAlsoPurchased a.entry span.pictureBoxHover {
	width:80px;
	height:80px; }
* html #boxAlsoPurchased a.entry span.pictureBoxHover {
	width:82px; w\idth:80px;
	height:82px; he\ight:80px; }
#boxAlsoPurchased a.entry:hover span.linkBorder {
	border-color:#000; }
#boxAlsoPurchased a.entry span.linkBoxHover {
	text-decoration:none;
	height:60px; }
* html #boxAlsoPurchased a.entry span.linkBoxHover {
	height:64px;
	he\ight:60px; }
#boxAlsoPurchased a.entry span.linkBoxHover span {
	display:block; }

/*--------------------------------------------/
/ Meistverkaufte Produkte in dieser Kategorie
/--------------------------------------------*/
#boxProInfTopseller .contentBoxHover a.entry {
	margin-left:0; margin-right:0; }
#boxProInfTopseller a.entry {
	height:52px;
	width:299px; }
#boxProInfTopseller a.entry span.linkBoxHover {
	height:30px; }
* html #boxProInfTopseller a.entry span.linkBoxHover {
	height:34px;
	he\ight:30px; }
* html #boxProInfTopseller a.entry span.pictureBoxHover {
	width:52px; w\idth:50px;
	height:52px; he\ight:50px; }
#boxProInfTopseller a.entry span.place {
	display:block;
	height:48px;
	padding:4px 5px 0 0;
	color:#000;
	font-weight:bold;
	text-decoration:none; }
* html #boxProInfTopseller a.entry span.place {
	padding:3px 3px 0 0;
	height:52px;
	he\ight:49px; /* IE 6 richtiges Boxmodel */ }