@charset "utf-8";
/* CSS Document */

/* Produkt des Monats */
.easyslider ul, .easyslider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#productMon.easyslider, #productMon.easyslider li{ 
	width:166px;
	height:260px;
	overflow:hidden; 
}
#productMon div.price {
	margin: -208px 0 175px 5px;
	padding: 10px 0;
}
#productMon div.special-price {
	margin-bottom: -15px;
	margin-top: -10px;
}
#productMon span.price {
	background-color: red;
	padding: 3px 5px;
	overflow: hidden;
	border-radius: 5px;
	font-size: 14px;
	color: white;
	font-weight: bold;
	-webkit-box-shadow: 1px 2px 8px -2px black;
	-moz-box-shadow: 1px 2px 8px -2px black;
	box-shadow: 1px 2px 8px -2px black;
}
#productMon .image { text-align:center; }
#productMon img { width: 166px; }
#productMon strong { font-size: 12px; }
#productMon span.productOldPrice, 
#productMon span.save { display: block; padding: 5px; }
span#prevBtn a {
	float: left;
	display: block;
	padding: 3px 5px;
	margin: 5px 0;
	background-color: #003366;
	border-radius: 5px 5px 5px 5px;
	color: white;
}
span#nextBtn a {
	float: right;
	color: white;
	display: block;
	padding: 3px 5px;
	margin: 5px 0;
	background-color: #003366;
	border-radius: 5px 5px 5px 5px;
}	

.productboxbody {overflow:hidden;background-color: #FFFFFF; border-color: #D5D5D5;border-style: solid;border-width: 0 1px 1px;margin-bottom: 15px;padding: 8px;-moz-border-radius:0 0 5px 5px;
	-khtml-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	border-radius: 0 0 5px 5px;} 

.boxproductinfo h3,
.productboxbody a.show-all {
	border-top: 1px solid #ddd;
	padding-top: 3px;
	margin-top: 5px;
	display: block;
	clear:both;
}

/* Content Layout */
#content div.cols3 {
	width: 160px;
	margin-right: 20px;
	float: left;
	margin-bottom: 10px;
}
#content div.product-news div.cols3 img {
  width: 160px;
  height: auto;
}
#content div.cols3.last { margin-right: 0; }
#content div.cols2 {
	width: 250px;
	margin-right: 20px;
	margin-bottom: 10px;
	float:left;
}
#content div.cols2.first,
#content div.cols3.first { clear: both; }
#content div.clear { clear: both; }
#content div.cols2.last { margin-right: 0; }

/* Content elements */
div.pagePreview h3 { font-size: 14px; }
div.pagePreview img { 
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 5px;
	width: 150px;
	height: auto;
	margin-top: -30px;
}
div.pagePreview {
	border-top: 1px solid #ccc;	overflow:hidden;
	padding-bottom: 20px;
}
div.contentDesc { overflow: hidden; }
div.merkmale ul {
	padding-left: 18px;
}
div.merkmale li { margin: 5px 0; }

img.img_left { float: left; margin: 0 20px 10px 0; }
img.img_right { float: right; margin: 0 0 10px 20px; }

div.cols { width: 250px; float: left; }
div.cols.col2 { padding-left: 20px; float: right; background-color: white; }

div.clear.abstand { padding-top:15px; }
h2.abstand, h3.abstand,p.abstand { padding-top: 15px; }
div.clear.hr {
	border-bottom: 1px solid #DDD;
	margin-bottom: 15px;
	padding-top:15px;
	background: none;
}
.img-left { float: left; margin-right: 20px; }
.img-right { float: right; margin-left: 20px; }
div.img-right { float: right; padding-left: 20px; background-color: white }

/* Produktnews */



/* for gfs-topshop.de/news */

.product-news .contentDesc img {
  border: 1px solid rgb(213, 213, 213);
  border-radius: 5px;
  box-shadow: 3px 3px 6px 0px rgba(0,0,0,.1);
}

.product-news .cols3 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  background: rgba(221, 221, 221, .25);
  border: 1px solid rgb(213, 213, 213);
  padding: 5px;
  border-radius: 0 0 5px 5px;
  margin-bottom: 15px;
}
.product-news .cols3:hover {
  background: rgba(221, 221, 221, .5);
}
.product-news .cols3 h3 {
  font-size: 14px;
  text-transform: uppercase;
  margin: 15px 0 0 0;
}
.product-news .cols3 img {
  max-width: 94%;
  height: auto;
  padding: 3%;
  background: white;
  box-shadow: 3px 3px 6px 0px rgba(0,0,0,.1);
}



/* read more as centered button */

.read-more-button {
  text-align: center;
}
.read-more-button .read-more {
  display: inline-block;
  padding: 5px 20px;
  border-radius: 3px;
  margin: 10px auto;

  background: #395584;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM5NTU4NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYjE2M2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #395584 0%, #0b163a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#395584), color-stop(100%,#0b163a));
  background: -webkit-linear-gradient(top,  #395584 0%,#0b163a 100%);
  background: -o-linear-gradient(top,  #395584 0%,#0b163a 100%);
  background: -ms-linear-gradient(top,  #395584 0%,#0b163a 100%);
  background: linear-gradient(to bottom,  #395584 0%,#0b163a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#395584', endColorstr='#0b163a',GradientType=0 );
}
.read-more-button a.read-more {
  color: white;
}
.read-more-button a.read-more:hover {
  text-decoration: none;
  background: #97add6;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk3YWRkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1YTc2YjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #97add6 0%, #5a76b4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#97add6), color-stop(100%,#5a76b4));
  background: -webkit-linear-gradient(top,  #97add6 0%,#5a76b4 100%);
  background: -o-linear-gradient(top,  #97add6 0%,#5a76b4 100%);
  background: -ms-linear-gradient(top,  #97add6 0%,#5a76b4 100%);
  background: linear-gradient(to bottom,  #97add6 0%,#5a76b4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97add6', endColorstr='#5a76b4',GradientType=0 );
}

/* Herbstaktion 2012 */
div.herbstaktion {
	background-image: url(/media/images/content/aktionen/herbst2012/kastanie-herbstaktion-2012.jpg);
	height: 199px;
	width: 193px;
	overflow: hidden;
}
.herbstaktion a {
	padding: 5px 5px;
	margin: 135px 15px 0 0;
	background-color: white;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
	-khtml-opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	border-radius: 0 3px 3px 0;color: #011E62;
	display: block;
	text-align: left;
}