@charset "utf-8";

div#faux div#content div#columns div#col2 div.wrap div.products {
	margin-bottom: 0px !important;
}

/* produkt listen */
div.singleProduct {
	width: 150px;
	min-height: 230px;
	border: 1px solid #ccc;
	margin: 10px 0 0 13px !important;
	position: relative;
	-moz-border-radius: 10px;
	border-radius: 10px; 
	background-color: #fff;
	padding: 0px;
	float: left;
}

	div.singleProduct a.image {
		background-position: center top;
		background-repeat:no-repeat;
		display: block;
		width: 150px;
		height: 150px;

		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 10px;
		-moz-border-radius-bottomright: 0px;
		-moz-border-radius-bottomleft: 0px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px; 
	}

		div.singleProduct h3 {
			font-weight: bold;
			font-size:10px;
			padding: 10px 10px 10px 10px;
		}

		div.singleProduct div.productInfos {
			width: 100%;
			position:absolute;
			bottom: -10px;
		}

			div.singleProduct div.productInfos span {
				color: #75b200;
				font-weight:bold;
				font-size:16px;
				display: block;
				float: left;
				width: 50%;
				padding-left: 10px;
			}
	
			div.singleProduct div.productInfos a.details {
				color: #009dd4;
				font-size:10px;
				display: block;
				float: left;
				padding: 4px 0 0 10px;
			}


div.productSum1 {
	width: 150px;
	margin-right: 14px;
	height: 252px;
	float: left;
	position: relative;

	border: 1px solid #e8e8e8;
	-moz-border-radius: 5px;
	border-radius: 5px; 

	overflow: hidden;
}

	div.productSum1 div.productImg a {
		display: block;
		width: 150px;
		height: 252px;
	}

	div.productSum1.small {
		width: 120px;
		height: 190px;
		margin-right: 10px;
	}

		div.productSum1.small div.productImg a {
			display: block;
			width: 150px;
			height: 120px;
		}
	
		div.productSum1.small div.productImg {
			height: 120px;
		}

	div.productSum1 div.productImg {
		height: 170px;
		background-repeat:no-repeat;
		background-position:center;
		border-bottom: 1px solid #e8e8e8;

		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		-moz-border-radius-bottomright: 0px;
		-moz-border-radius-bottomleft: 0px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px; 
	}

	div.productSum1 h3 { 
		color: #000;
		font-weight:bold;
		line-height: 13px;
		margin: 5px;
		margin-top: -10px;
		padding: 0px;
	}

	div.productSum1 span {
		display: block;
		width: 75px;
		color: #79b000;
		font-size: 14px;
		font-weight:bold;
		position:absolute;
		bottom: 2px;
		left: 5px;
		visibility:hidden;
	}

	div.productSum1 a.btnView {
		background:url(../img/btnView.png) no-repeat;
		width: 75px;
		height: 19px;
		position: absolute;
		bottom: 2px;
		right: 5px;
	}

	div.productSum1.small a.btnView {
		background:url(../img/btnViewSmall.png) no-repeat;
		width: 23px;
		height: 16px;
		position: absolute;
		bottom: 2px;
		right: 5px;
	}

div.productSum2 {
	width: 120px;
	margin-right: 16px;
	height: 220px;
	float: left;
	position: relative;

	border: 1px solid #e8e8e8;
	-moz-border-radius: 5px;
	border-radius: 5px; 
}

	div.productSum2 div.productImg {
		height: 120px;
		background-repeat:no-repeat;
		background-position:center;

		border-bottom: 1px solid #e8e8e8;

		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		-moz-border-radius-bottomright: 0px;
		-moz-border-radius-bottomleft: 0px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px; 
	}

	div.productSum2 h3 { 
		color: #000;
		font-weight:bold;
		font-size:11px;
		line-height: 13px;
		margin-bottom: 10px;
		margin-top: -10px;
	}

	div.productSum2 span {
		display: block;
		width: 60px;
		line-height:12px;
		color: #79b000;
		font-size: 11px;
		font-weight:bold;
		position:absolute;
		bottom: 2px;
		left: 5px;
	}

	div.productSum2 a.btnView {
		background:url(../img/btnView_small.png) no-repeat;

		width: 24px;

		height: 16px;

		position: absolute;

		bottom: 2px;

		right: 10px;

	}



div.productSum3 {

	width: 132px;

	margin-right: 16px;

	height: 233px;

	float: left;

	position: relative;



	border: 1px solid #e8e8e8;

	-moz-border-radius: 5px;

	border-radius: 5px; 

}



	div.productSum3 div.productImg {

		height: 120px;

		background-repeat:no-repeat;

		background-position:center;



		border-bottom: 1px solid #e8e8e8;



		-moz-border-radius-topleft: 5px;

		-moz-border-radius-topright: 5px;

		-moz-border-radius-bottomright: 0px;

		-moz-border-radius-bottomleft: 0px;

		border-top-left-radius: 5px;

		border-top-right-radius: 5px;

		border-bottom-right-radius: 0px;

		border-bottom-left-radius: 0px; 

	}



	div.productSum3 h3 { 

		color: #000;

		font-weight:bold;

		font-size:11px;

		line-height: 13px;

		margin-bottom: 10px;

		margin-top: -10px;

	}



	div.productSum3 span {

		display: block;

		width: 60px;

		line-height:12px;

		color: #79b000;

		font-size: 11px;

		font-weight:bold;

		position:absolute;

		bottom: 2px;

		left: 5px;

	}



	div.productSum3 a.btnView {

		background:url(../img/btnView_small.png) no-repeat;

		width: 24px;

		height: 16px;

		position: absolute;

		bottom: 2px;

		right: 10px;

	}





div.productSum1.last,

div.productSum2.last {

	margin-right: 0px;

}



div.singleProductBig {

	height: 166px; 

	margin-top: 20px;

	padding: 10px;

	background:url(../img/singleProductBigBG.png) no-repeat -30px 0;

	border: 1px solid #ccc;

	-moz-border-radius: 10px;

	border-radius: 10px; 

}



	div.singleProductBig div.image {

		width: 150px;

		height: 186px;

		background-repeat:no-repeat;

		background-position:center;

		float: left;

	}

	

	div.singleProductBig div.infos {

		float: left;

		width: 500px;

	}



		div.singleProductBig div.infos h3 {

			color: #000;

			font-weight:bold;

			font-size:11px;

			line-height: 13px;

			margin-bottom: 10px;

		}



		div.singleProductBig div.infos div {

			font-size: 11px;

		}



		div.singleProductBig div.infos div.description {

			margin-bottom: 0px !important;

			height: 80px;

			overflow:hidden;

		}



		div.singleProductBig div.infos span.price {

			display: block;

			width: 140px;

			height: 55px;

			float: left;

		}



			div.singleProductBig div.infos span.price span.old {

				font-weight: bold;

				font-size: 10px;

			}



				div.singleProductBig div.infos span.price span.old span {

					text-decoration:line-through;

					font-size:14px;

					font-weight:bold;

					font-style:italic;

					display: inline;

					font-size: 10px;

				}



			div.singleProductBig div.infos span.price span.activePrice {

				color: #79b000;

				font-size:16px;

				font-weight:bold;

				margin-bottom: 10px;

			}

	

			div.singleProductBig div.infos span.price span {

				display: block;

				font-size:10px;

				color: #666;

				line-height: 14px;

			}



		div.singleProductBig div.infos span.quantity {

			display: block;

			width: 240px;

			height: 55px;

			float: left;

			position: relative;

		}



			div.singleProductBig div.infos span.quantity span {

				font-size:10px;

				position: absolute;

				bottom: 0px;

				left: 10px;

			}



			div.singleProductBig div.infos span.quantity input[type="text"] {

				width: 30px;

				border: 1px solid #666;

				position:absolute;

				bottom: 0px;

				left: 60px;

			}



			div.singleProductBig div.infos span.quantity input[type="submit"] {

				border: none;

				width: 125px;

				height: 21px;

				background:url(../img/btnCart.png) no-repeat;

				position: absolute;

				bottom: 0px;

				left: 110px;

				cursor:pointer;

			}



			div.singleProductBig div.infos span.quantity a.btnView {

				width: 123px;

				height: 19px;

				background:url(../img/btnViewBig.png) no-repeat;

				display: block;

				position: absolute;

				bottom: 25px;

				left: 111px;

			}



				div.singleProductBig div.infos span.quantity a.btnView.bottom {

					bottom: 0px;

				}



		div.singleProductBig div.infos span.delivery {

			display: block;

			width: 90px;

			height: 55px;

			float: left;

			margin-left: 10px;

			padding-left: 10px;

		}



			div.singleProductBig div.infos span.delivery.green {

				border-left: 5px solid #79b000;

			}



			div.singleProductBig div.infos span.delivery.orange {

				border-left: 5px solid #fa861b;

			}



			div.singleProductBig div.infos span.delivery.blue {

				border-left: 5px solid #16399c;

			}



			div.singleProductBig div.infos span.delivery.grey {

				border-left: 5px solid #999;

			}



			div.singleProductBig div.infos span.delivery.red {

				border-left: 5px solid #c00;

			}



			div.singleProductBig div.infos span.delivery span:first-child {

				color: #000;

			}

	

			div.singleProductBig div.infos span.delivery span {

				font-size:11px;

				line-height:13px;

				color: #0170b7;

			}





/* single product view */

div#singleImages {

	width: 300px;

	height: 350px;

	margin-right: 20px;

	float: left;

}



	div#singleImages div.image { 

		border: 1px solid #e8e8e8;

		height: 270px;

		background-color: #efefef;

		margin: 0 0 10px 0 !important;

	}



		div#singleImages div.image a { 

			display: block;

			height: 270px;

		}



	div#singleImages ul { 

		clear: both;

	}



		div#singleImages ul li { 

			float: left;

			margin-right: 5px;

		}



			div#singleImages ul li a { 

				display: block;

				width: 60px;

				height: 60px;

				background-color:#efefef;

				border: 1px solid #e8e8e8;

			}



	div#productInfo.lp table.ArticleAttrTable {

		float: right;

		width: 170px;

	}



	div#singleImages table.ArticleAttrTable {

	}



				div#singleImages table.ArticleAttrTable tbody tr td.ArticleAttrTd_0 img{

border: 1px solid #000;

			width: 25px;

			height: 25px;

			margin: 0 6px 6px 0;

			cursor:pointer;



float:left;		}



		div#singleImages table.ArticleAttrTable tbody tr td.ArticleAttrTd_1 div img {

			border: 1px solid #000;

			width: 25px;

			height: 25px;

			margin: 0 6px 6px 0;

			cursor:pointer;

		}



		div#singleImages table.ArticleAttrTable tbody tr td.ArticleAttrTd_0 div img.ArticleAttrImageSelected {

			border: 1px solid #f00;

		}



div#shopping {

	width: 356px;

	float: left;

}



	div#shopping span.rating {

		display: block;

		height: 13px;

	}



		div#shopping span.rating img { padding-top: 2px; }



		div#shopping span.rating a {

			font-size: 11px;

			color: #0169b0;

			text-decoration:underline;

			padding-left: 10px;

			margin-top: -2px;

		}



	div#shopping h1, div#shopping h2 {

		margin: 10px 0 !important;

		color: #000 !important;

		background: none !important;

		border-radius: 0 !important;

		font-size: 14px !important;

		padding: 0 !important;

	}



	div#shopping h2 {

		font-size: 11px !important;

		font-weight:normal !important;

	}



	div#shopping div.price,

	div#shopping div.available {

		width: 50%;

		float: left;

	}



		div#shopping div.price span {

			display: block;

		}



			div#shopping div.price span.old {

				font-weight: bold;

			}



				div#shopping div.price span.old span {

					text-decoration:line-through;

					font-size:14px;

					font-weight:bold;

					font-style:italic;

					display: inline;

				}



			div#shopping div.price span.active {

				font-size: 28px;

				font-weight:bold;

				color: #86ae10;

				margin: 10px 0;

			}



				div#shopping div.price span.active em {

					font-size: 11px;

					color: #86ae10;

					display: block;

				}



				div#shopping div.price span.active span.Price {

					display: inline;

					font-size: inherit;

					font-weight: inherit;

					color: #86ae10;

				}



			div#shopping div.price span.vat {

				font-size: 9px;

				line-height: 12px;

				position: relative;

			}



				div#shopping div.price span.vat a {

					color: #007dc5;

				}



				div#shopping div.price span.vat span.shpText {

					display: none; 

					position: absolute; 

					top: 25px; 

					left: 0px; 

					width: 385px;

					height: 230px;

					border: 1px solid #ccc; 

					background-color: #fff;

					overflow-x:auto;

					z-index: 100000000;

					font-size: 10px;

					line-height: 12px;

				}



					div#shopping div.price span.vat span.shpText h2, div#shopping div.freitext span.grtText h2 {

						padding: 5px !important;

						background-color: #000 !important;

						color: #fff !important;

						margin: 0 0 10px 0 !important;

						font-size: 12px !important;

					}



					div#shopping div.price span.vat span.shpText p {

						padding: 0 5px 0 5px;

					}



		div#shopping div.available {

			color: #0577b6;

		}



			div#shopping div.available p {

				color: #000;

				margin: 22px 0 0 0;

			}



	div#shopping label {

		display: block;

		padding: 5px 0;

	}



		div#shopping label span {

			display: block; 

			float: left;

			width: 60px;

		}



			div#shopping span.cart {

				padding-top: 10px;

			}



			div#shopping label span.color {

				width: 196px !important; font-weight:bold; border:1px solid #A0A0A0; padding-left:4px;

			}



		div#shopping label select {

			width: 200px;

		}



		div#shopping label input[type="text"] {

			width: 30px;

			border: 1px solid #666;

			margin-right: 23px;

		}



		div#shopping label input[type="submit"] {

			border: none;

			background:url(../img/shoppingcart.png) no-repeat;

			width: 236px;

			height: 35px;

			cursor: pointer;

		}



	div#shopping div.social {

		border-top: 1px solid #ccc;

		border-bottom: 1px solid #ccc;

		padding: 5px 0;

		margin-top: 20px;

	}



		div#shopping div.social iframe.fb {

			width: 245px !important;

		}



		div#shopping div.social iframe {

			width: auto;

			height: 25px !important;

			float: left !important;

			display: block !important;

			

		}



div#infos {

	width: 460px;

	margin-right: 10px;

	float: left;

}



	div#infos ul.nav	{

		padding-left: 2px;

	}



		div#infos ul.nav li {

			display: block;

			float: left;

			-moz-border-radius-topleft: 5px;

			-moz-border-radius-topright: 5px;

			-moz-border-radius-bottomright: 0px;

			-moz-border-radius-bottomleft: 0px;

			border-top-left-radius: 5px;

			border-top-right-radius: 5px;

			border-bottom-right-radius: 0px;

			border-bottom-left-radius: 0px; 

			border: 1px solid #e8e8e8;

			border-bottom: none;

			margin-right: 2px;

			background-color: #fff;

		}



			div#infos ul.nav li:hover {

				background-color: #017dc5;

			}



				div#infos ul.nav li:hover a {

					color: #fff;

				}



			div#infos ul.nav li.active {

				background-color: #017dc5;

			}



				div#infos ul.nav li.active a {

					color: #fff;

				}

	

			div#infos ul.nav li a {

				line-height: 20px;

				padding: 0 10px;

				font-size:11px;

				text-decoration: none;

				color: #000;

			}



	div#infos div.info {

		-moz-border-radius: 5px;

		border-radius: 5px; 

		border: 1px solid #e8e8e8;

		padding: 10px;

	}



		div#infos div.info ul {

			padding-left: 10px;

		}



			div#infos div.info ul li {

				list-style:square;

				margin-left: 15px;

			}



			div#infos div.info ul li:first-child {

				list-style:none;

				font-weight:bold;

				margin: 0;

			}



			div#infos div.info.ratings,

			div#infos div.info.questions,

			div#infos div.info.brochure { display: none; }



div#magnify {

	width: 205px;

	float: left;

	padding-top: 20px;

	position:relative;

	height: 450px;

}



	div#magnify img.magnify-big {

		position: absolute;

		top: 20px;

		right: -26px;

		width: 221px;

		z-index: 10000;

		cursor: pointer;

	}



	div#magnify div.ratings {

		position: absolute;

		bottom: 0px;

		left: 12px;

		z-index: 1000;

	}



div#recommend {



}



	div#recommend h3 {

		-moz-border-radius-topleft: 5px;

		-moz-border-radius-topright: 5px;

		-moz-border-radius-bottomright: 0px;

		-moz-border-radius-bottomleft: 0px;

		border-top-left-radius: 5px;

		border-top-right-radius: 5px;

		border-bottom-right-radius: 0px;

		border-bottom-left-radius: 0px; 

		border: 1px solid #e8e8e8;

		border-bottom: none;

		background-color: #017dc5;

		width: 140px;

		margin-left: 2px;

		line-height: 20px;

		color: #ffffff !important;

		padding-left: 10px;

		font-size: 11px;

	}



	div#recommend div.products {

		-moz-border-radius: 5px;

		border-radius: 5px; 

		border: 1px solid #e8e8e8;

		padding: 10px;

		width: 100%;

	}



		div#recommend div.products div.single {

			float: left;

			width: 120px;

			min-height: 230px;

			margin-right: 15px;

			position: relative;

		}



			div#recommend div.products div.single a.image {

				width: 100px;

				height: 100px;

				margin: 10px auto;

				background-color: #ff0;

				display: block;

				border: 1px solid #e8e8e8;

			}



			div#recommend div.products div.single span {

				font-size:9px;

				display: block;

				margin: 10px auto;

				width: 100px;

				line-height: 12px;

				padding: 0 0 0 5px;

			}



			div#recommend div.products div.single span.old  {

				margin: 0 auto;

				text-decoration:line-through;

			}



			div#recommend div.products div.single span.active {

				margin: 0 auto 10px auto;

				font-size:12px;

				color: #86AE10;

				font-weight: bold;

				position: absolute;

				bottom: 0px;

				left: 10px;

			}



/* landing page */

div#col2 div#teaser div#productInfo div#singleImages {

	width: 250px;

	height: 250px;

}



div#col2 div#teaser div#productInfo div#shopping {

	width: 340px;

}



	div#col2 div#teaser div#productInfo div#shopping label input[type="submit"] {

		margin-top: 20px;

	}



div#faux div#content div#columns div#col2.wide div#teaser div.left  {

	width: 305px;

	float: left;

}



div#faux div#content div#columns div#col2.wide div#teaser div.left div.wrap {

	width: 100%;

	background-color: #fff;

}



	div#faux div#content div#columns div#col2.wide div#teaser div.left div.wrap h1 {

		background-color: #ECF2F9;

	}





div#faux div#content div#columns div#col2.wide div#teaser div.lpContent {

	width: 600px;

	margin: 0 10px;

	float: left;

}



	div#faux div#content div#columns div#col2.wide div#teaser div.lpContent h1 {

		background: none;

		padding: 15px 0px;



		-moz-border-radius: 0px;

		border-radius: 0px;

	}



	div#faux div#content div#columns div#col2.wide div#teaser div.lpContent li {

		margin-left: 20px;

	}



	div#faux div#content div#columns div#col2.wide div#teaser div.lpContent a.btnQuestions {

		display: block;

		float: left;

		width: 274px;

		height: 33px;

		background:url(../img/btn_fragen.png) no-repeat;

		margin-right: 52px;

	}



	div#faux div#content div#columns div#col2.wide div#teaser div.lpContent a.btnShopping {

		display: block;

		float: left;

		width: 274px;

		height: 33px;

		background:url(../img/btn_stoebern.png) no-repeat;

	}

div#shopping div.freitext span.grtText {

                    display: none; 

                    position: absolute; 

                    top: 35px; 

                    left: 0px; 

                    width: 395px;

                    border: 1px solid #ccc; 

                    background-color: #fff;

                    overflow-x:auto;

                    z-index: 100000000;

                    font-size: 10px;

                    line-height: 12px;

                }

div#AttrImage{width:233px;}