/* -------------------------- ***** Detailseite + DetailPopup ***** ---------------------------- */
#leftCol #modeberatung {

}

#detailseite #content {
	width: 743px;
}

#modeberatung a {
	font-weight: bold;
	text-decoration: none;
	padding-left: 25px;
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
	background-repeat: no-repeat;
}
#detailseite #iContent {
	margin-top: 10px;
}
#pageContent {
	padding-top: 7px;
}

#view {
	float: left;
	width: 270px;
}
#view a {
	display: block;
}

#topimagehref {
	position: relative;
}

#topimagehref .zoom {
	position: absolute;
	bottom: 3px;
	right: 6px;
	background: none;
}

#rightInfoBox {
	float: right;
	width: 267px;
}

#info {
	position: relative;
	margin: 6px 11px 0 11px;
}
#backLink {
	margin: 0 0 6px 10px;
}
.zoom {
	padding-top: 4px;
	padding-left: 20px;
	clear: both;
	display: block;
}
.bestForm {
	background-color: #efefef;
	margin-top: 9px;
	padding-top: 1px;
}
.bestForm label {
	font-weight: bold;
	margin-bottom: 5px;
	display: block;
}
#details .iDetails {
	padding: 0 10px;
}
#details select {
	display: block;
	width: 115px;
	margin-bottom: 10px;
}
#details .variantsSelects {
	float: left;
	/*margin-right: 10px;*/
	vertical-align: top;
	width: 257px;
}
#details #size {
	/* Evil-Bug in IE */
	/*float: left;*/
}

.iVariantsSelects {
	float: left;
}
#details #addInfos {
	width: 120px;
	float: right;
}
/*#details .amountSelect {*/
	/*clear: both;*/
/*}*/
#details #amount {
	width: 115px;
}
#details #availIcons {
	margin-right: 11px;
	/*margin-top: 20px;*/
	float: right;
}

#info ul {
	display: block;
	margin-top: 15px;
}
#info ul li {
	margin-bottom: 4px;
}
.markenbio {
	display: block;
	margin-top: 18px;
}
.waBox {
	clear: both;
	padding-top: 11px;
}
.waBox label {
	float: left;
	margin-left: 4px;
}
.waBox input {
	float: left;
}

.outerSubmit {
	border-top: 1px solid #FFF;
	margin-top: 15px;
	clear: both;
}

#details .wkImgBut {
	background: url(../img/bestellschein.gif) no-repeat;
	position: relative;
	top: 16px;
	margin-left: 85px;
	margin-top: 0px;
	/*e7 changes*/
	height: 30px;
}

.wkImgBut span {
	/*margin-left: -6px;
	margin-top: -5px;*/
	color: #FFF;
}

h1 {
	margin-bottom: 5px;
}
.infoText strong {
	margin-top: 5px;
}
div.artikeltext {
	margin-top: 12px;
}
.moreLink {
	display: block;
	font-weight: bold;
}
.waTextBox h3 {
	color: #E5322D;
	font-size: 11px;
}
.iWaTextBox {
}

.waTextBox p {
	padding: 10px 0 0;
}
#marke {
	float: right;
	margin-top: -30px;
}
.prizeBox {
	margin-top: 10px;
	clear: both;
	background-color: #fff;
	margin-bottom: 10px;
}
.preisText {
	float: left;
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 10px;
	font-weight: bold;
	padding: 0;
}
#bestPreis {
	float: right;
	margin-top: 6px;
	margin-right: 5px;
	padding: 0;
	font-weight: bold;
}

.oldPrize strike {
	font-size: 14px;
	margin-right: 18px;
}
#prize {
	float: right;
	margin-top: 6px;
	margin-right: 10px;
	padding: 0;
}
#bestPreis,
#prize strong {
	font-size: 14px;
}
.bestNr {
	padding: 10px 0;
}
.mwstHinweis {
	font-size: 10px;
}

.extraLinks {
	margin: 20px 8px 10px;
	clear: both;
}
.extraLinks li {
	float: left;
	/*width: 170px;*/
	padding-right: 20px;
}

.errorMessage {
	padding: 10px 10px 0;
}
#detailseite #pageContent,
#detailseite .pageContentRounded {
	float: left;
	z-index: 10;
	width: 550px;
}
#detailseite #recommendation {
	float: right;
}
#detailseite .recommendationRounded {
	width: 185px;
	float: left;
	margin-left: 6px;
}

#recommendation h2 {
	font-size: 11px;
}

#recommendation ul li {
	border-bottom: 0;
	border-top: 1px solid;
	margin-top: 7px;
	padding-top: 7px;
	clear:both;
}

#recommendation strong {
	display: block;
}

#recommendation .prize, #recommendation .pName {
	margin: 0 10px; 
}

#recommendation .prize strong {
	font-size: 14px;
}

#recommendation .prize strike {
	float: left;
	font-size: 12px;
	color: #000;
	font-weight: bold;
}

#recommendation strong.hasStrike {
	float: right;
}

#recommendation a {
	text-decoration: none;
	display: block;

}
#recommendation .prize {
	text-decoration: none;
	display: block;
	color: #e5322d;

}


/* StaffelPreis */
.staffelPreis {
	position: relative;
	width: 237px;
	margin-left: 10px;
	font-size: 12px;
	margin-top: 13px;
	border: 1px solid #D0D0D0;
	border-collapse: collapse;
}
.staffelPreis th {
	border-bottom: 1px solid #D0D0D0;
	padding: 0;
	color: #616161;
	background-color: transparent;
}
.staffelPreis td {
	border: none;
	border-top: 1px solid #EFEFEF;
	padding: 3px 3px 3px 0;
}
/*Die Staffelpreistabele verstecken/anzeigen*/
.hidePreis {
	visibility: hidden;
	display: none;
}




/* detailPopup */
#detailPopup {
	width: 595px;
	margin: 20px;
}
#detailPopup #popHeader,
#detailPopup #popContent {
	border-bottom: 1px solid;
}
#detailPopup #popHeader {
	padding-bottom: 20px;
}
#detailPopup #popHeader img {
	float: left;
}
#detailPopup .closeBut {
	float: right;
	display: none;
	margin-top: 10px;
}
#detailPopup #popContent {
	padding-bottom: 15px;
	margin-bottom: 15px;
}
#detailPopup .imgDiv {
	float: left;
}

#detailPopup #popContent h1 {
	font-size: 12px;
	margin: 15px 0;
}
#detailPopup #moreViews {
	margin-top: 15px;
}
#detailPopup #popContent #previewImages {
	width: 315px;
}
#detailPopup #moreViews h2 {
	margin-bottom: 15px;
}

#detailPopup .wrapper {
	clear: both;
}
#detailPopup #getFlash {
	float: right;
	width: 120px;
	margin-right: 10px;
}
#versandkostenpauschale img {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
}

/* -------------------------- ***** magicZoom ***** ---------------------------- */
#view div.singleImage {
	padding: 9px;
	background: url(../img/bg_detail_singleimg_corner_top_right.gif) no-repeat top right;
}

#view #zoom1 img {
	border: 1px solid #FFF;
}

#previewImages {
	padding-top: 3px;
	padding-bottom: 10px;
	width: 270px;
	background: url(../img/bg_detail_singleimg_corner_bottom_right.gif) no-repeat bottom right;
}

#view div.singleImage, #previewImages {
	background-color: #EFEFEF;
}

#previewImages ul {
	margin-left: 2px;
}
#previewImages li {
	position: relative;
}

#previewImages ul li {
	float: left;
	margin-left: 6px;
}
#previewImages ul li img {
	width: 55px;
	height: 55px;
	border: 1px solid #FFF;
	margin: 1px;
	display: block;
}
#previewImages ul li .activeOne img {
	border: 2px solid #e5322d;
	margin: 0;
}


/* CSS class for zoomed area */
.MagicZoomBigImageCont {
	border: 2px solid #e5322d;
	margin-top: -9px;
	margin-left: 5px;
}


/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the <A> tag */
.MagicZoomHeader {
	text-align:  center;
	font-weight: bold;
	color: #FFF;
	background: #e5322d;
}


/* CSS class for small looking glass square under mouse */
.MagicZoomPup {
	border: 		1px solid #E5322D;
	background: 	#ffffff;
	cursor:			pointer;
}

/* CSS style for loading animation box */
.MagicZoomLoading {
	text-align:		center;
	background: 	#ffffff;
	color:			#444;
	border: 		1px solid #ccc;
	opacity:		0.8;
	padding:		3px 3px 3px 3px !important;
	display: 		none; /* do not edit this line please */
}

/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img {
	padding-top:	3px !important;
}

.MagicZoomBigImageBox {
	border: 3px solid #FF00FF;
	position: absolute;
	top: 300px;
	left: 308px;
	height: 300px;
	width: 300px;
}

/* -------------------------- ***** AddThis ***** ---------------------------- */
.schneiderAddThis {
	float: left;
	margin: 25px 0 0 23px;
}
