html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}table{border-collapse:collapse;border-spacing:0;}html{overflow-y:scroll;}strong,b{font-weight:700;}em,i{font-style:italic;}h1,h2,h3,h4,h5,h6{font-weight:400;}.ie7 address{font-style:normal;}.hideme{position:absolute;left:-999em;top:-999em;}label,input[type=button],input[type=submit],button{cursor:pointer;}.clearfix:after{content:'.';display:block;clear:both;visibility:hidden;line-height:0;height:0;}.clearfix{display:inline-block;}* html .clearfix{height:1%;}img{-ms-interpolation-mode:bicubic;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,html[xmlns] .clearfix{display:block;}

/* basics */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(//themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(//themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

html, body {margin:0;padding:0;height:100%;width: 100%;}
body  {font-family: Arial, Helvetica, sans-serif;text-align: center;background-color: #FFF;color: #630;}
a {color:#000;text-decoration: underline;}
a:hover {text-decoration: none;}
a.backlink {
  display: inline-block;
  padding: 4px 6px;
  font-size: 10px;
  line-height: 18px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #FFF;
  text-transform: lowercase;
  background: rgb(199,218,163); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(199,218,163,1) 0%, rgba(110,168,36,1) 40%, rgba(65,150,0,1) 51%, rgba(65,150,0,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(199,218,163,1)), color-stop(40%,rgba(110,168,36,1)), color-stop(51%,rgba(65,150,0,1)), color-stop(100%,rgba(65,150,0,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(199,218,163,1) 0%,rgba(110,168,36,1) 40%,rgba(65,150,0,1) 51%,rgba(65,150,0,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(199,218,163,1) 0%,rgba(110,168,36,1) 40%,rgba(65,150,0,1) 51%,rgba(65,150,0,1) 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, rgba(199,218,163,1) 0%,rgba(110,168,36,1) 40%,rgba(65,150,0,1) 51%,rgba(65,150,0,1) 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7daa3', endColorstr='#419600',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, rgba(199,218,163,1) 0%,rgba(110,168,36,1) 40%,rgba(65,150,0,1) 51%,rgba(65,150,0,1) 100%); /* W3C */
}
a.backlink:before {content: '\25C4\0000a0';}
h1, h2, h3, h4, h5, h6 {
  font-size: 14px;
  font-weight: bold;
  margin: 1em 0 0.4em;
}

h1 {
  font-size: 20px;
}

h2 {
  font-size: 17px;
}

h3 {
font-size: 15px;
}

#wrapper {
	margin: 0 auto;
	width: 960px;
	text-align: left;
}

* html wrapper { /* hack for ie */
	height: 100%;
}

#main {
  clear: both;
}

#content {
  font-size: 12px;
}

#content h2.initial {
  display: inline;
}

/* header */

#header {
  width: 100%;
}

#headerleft {
  width: 737px;
  float: left;
}

#headerright {
  width: 123px;
  margin: 0 0 1px;
  float: left;
}

#header .logo {
  display: block;
  width: 666px;
  height: 90px;
  margin: 10px 0 0;
  background: url('/layout/outlet0001/logo.png') no-repeat scroll 0 0 transparent;
  text-indent: -9999em;
}

#header .claim {
  width: 756px;
  padding: 6px 14px 14px 0;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: -1px;
  white-space: nowrap;
  overflow: hidden;
}

#header .claim:after,
#header .claim:before {
  content: ' ### ';
  color: #669900;
  font-weight: 400;
  letter-spacing: -3px;
}

.headerbox {
  float: right;
  width: 181px;
  margin: 20px 0 0;
  background: url('/layout/outlet0001/headerbox_mid.png') repeat-y scroll center top transparent;
}

.headerbox-content {
  
  background: url('/layout/outlet0001/headerbox_top.png') no-repeat scroll center top transparent;
  font-size: 13px;
  text-align: center;
  color: #FFF;
}

.headerbox-content p {
  padding: 10px 5px;
  background: url('/layout/outlet0001/headerbox_bot.png') no-repeat scroll center bottom transparent;
}

.headerbox-content strong {
  display: block;
  margin: 2px 0 10px;
}

.headerbox-content a {
  font-size: 12px;
  color: #FFF;
  text-decoration: underline;
}

/* hauptnavigation */

#mainnav {
  clear: both;
  width: 100%;
  height: 32px;
  margin: 22px 0 8px;
  background: url('/layout/outlet0001/nav.png') repeat-x scroll left center transparent;
}

#mainnav-content {
  width: 100%;
  height: 32px;
  background: url('/layout/outlet0001/navleft.png') no-repeat scroll left center transparent;
}

#mainnav .nav {
  width: 100%;
  height: 32px;
	list-style: none outside none;
	padding: 0;
	margin: 0;
	background: url('/layout/outlet0001/navright.png') no-repeat scroll right center transparent;
}

.navli {
	float: left;
}

a.navlink {
  margin: 6px 0 6px;
  padding: 0 13px;
  border: 1px solid #FFF;
  border-width: 0 0 0 1px;
	font-size: 12px;
	line-height: 20px;
	vertical-align: middle;
	display: block;
	color: #FFF;
	text-transform: uppercase;
	text-decoration: none;
}

.navli .hover {
  position: absolute;
  z-index: 9999;
  margin: 0;
  padding: 0;
  border: none;
}

.navli a .arrow {
  margin: 0 0 0 5px;
}

.navli:first-child {
  margin-left: 20px;
}

.navli:last-child {
  margin-right: 20px;
}

.navli:first-child a {
  border-left: none;
}

.navli:last-child a {
  border-right: none;
}

.navli:hover,
.navli.activeLink {
  background: rgb(134,170,23); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(134,170,23,1) 0%, rgba(195,226,138,1) 15%, rgba(134,170,23,1) 78%, rgba(134,170,23,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(134,170,23,1)), color-stop(15%,rgba(195,226,138,1)), color-stop(78%,rgba(134,170,23,1)), color-stop(100%,rgba(134,170,23,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86aa17', endColorstr='#86aa17',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%);
}

.navli:hover a,
#mainnav .nav li.activeLink a {
  color: #633;
}

/* kategoriennavigation */

.kategorien {
  position: relative;
  clear: both;
  border-width: 1px 0;
  font-size: 10px;
  line-height: 10px;
  border: 0;
  padding:0;
  margin: 10px 0 25px;
  width: 900px;
}

.kategorien h3{
  float: left;
  padding: 0 7px 0 0;
  margin: 0;
  margin-top: 10px;
  font-size: 10px;
}

.kategoriennav {
    list-style: none outside none;
	padding: 0;
	margin: 0;
}

.kategoriennav li {
  float: left;
  border: 0;
  padding:0;
}

.kategoriennav li a {
  background-color: #663c1a;
  background-image:url(//www.schokoladen-outlet.de/layout/outlet0001/nav.png);
  padding: 9px 15px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  margin: 0px 5px 3px 0;
  color: white;
  text-decoration: none;
  font-size: 13px;
}

.kategoriennav li a:hover,
.kategoriennav li a.active {
  color:#633;
  background: rgb(134,170,23); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(134,170,23,1) 0%, rgba(195,226,138,1) 15%, rgba(134,170,23,1) 78%, rgba(134,170,23,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(134,170,23,1)), color-stop(15%,rgba(195,226,138,1)), color-stop(78%,rgba(134,170,23,1)), color-stop(100%,rgba(134,170,23,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86aa17', endColorstr='#86aa17',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%);
}

.kategorien .loginbox {
  position: absolute;
  top: 12px;
  right: 4px;
}

.kategorien .loginbox  a,
.kategorien .loginbox a:visited {
  color: #630;
  font-weight: 700;
  text-decoration: underline;
}

.kategorien .loginbox a:hover {
  text-decoration: underline;
  color: #993333;
}

/* breadcrumbs */
.breadcrumbs {
  font-size: 9px;
  margin: 5px 5px 10px;
}

/* content */

#content {
  display: inline;
  line-height: 1.5em;
}

/* warenkorb */

#basketarea {
  float: right;
  width:255px;
  margin: 0 0 0 50px;
}

.basket {
	width:163px;
	height: 82px;
	background: url(//www.schokoladen-outlet.de/layout/outlet0001/warenkorb-gross.png);
  position: relative;
  margin: 0;
  overflow: hidden;
  font-size: 10px;
  color: #FFF; 
}

.basket h3,
.basket .anzahl,
.basket .summe {
  position: absolute;
  left: 6px;
  width: 98px;
}

.basket h3 {
  top: 8px;
  font-size: 12px;
  margin: 0;
}
.basket h3 {
	top: 2px;
	font-size: 14px;
	width: 163px;
	margin: 10px;
}

.basket .anzahl {
  top: 30px;
}
.basket .summe {
  top: 52px;
}

.basket .wert {
  float: right;
}


.basket .anzahl, .basket .summe {
	font-size: 14px;
	margin: 2px 10px;
	width: 130px;
}

.basket .wert {
	font-weight: bold;
}


#basketarea .checkout {
  display: block;
  margin: 1px 0 0;
  color: white;
  text-align: right;
  line-height: 23px;
  vertical-align: middle;
  text-decoration: none;
	float:right;
	width:163px;
	height:40px;
	font-size: 0px;
	margin-right: 2px;
	text-indent: -9999px;
	background: url(//www.schokoladen-outlet.de/layout/outlet0001/wk-button-gross.png);
}

#basketarea .checkout span {
  display: block;
  margin: 0 10px;
}

#basketarea .checkout span:before {
  content: '>> ';
}

.smiley {
  float: left;
  min-height: 1px;
  text-align: center;
  margin: 24px 2px 0 6px;
}

.smiley p {
  display: block;
  float: right;
  width: 82px;
  height: 84px;
  background: url('/layout/outlet0001/smileys-gross-neu.png') no-repeat scroll 0 0 transparent;
  text-align: left;
  text-indent: -9999px;
  overflow: hidden;
}

#basketarea .bubbleouter {
  position: relative;
  top: -26px;
  float: right;
  margin: 10px 0 -22px;
  background: url('//www.schokoladen-outlet.de/layout/outlet0001/wk-balloon-1.png') repeat-y scroll top center transparent;
  z-index: -1;
	height:77px;
	width: 248px;
}

#basketarea .versandteaser {
  text-align: center;
  font-size: 12px;
}

#basketarea .bubbleinner,
#basketarea .versandteaser  {
	padding: 15px 3px 3px 3px;
	background:none;
	
}
#basketarea .versandteaser strong {
  font-size: 12px;
}

/* artikeluebersichten */

.uebersicht {
  width: 100%;
  clear: both;
  margin: 10px 0 20px;
}

.artikelliste {
  margin: 0 0 0 -15px;
  width: 975px;
  line-height: 12px;
}

.artikel {
  display: block;
  position: relative;
  float: left;
  width: 178px;
  height: 370px;
  margin: 0 0 15px 15px;
  border: 1px solid #86aa17;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
}
	
.artikelliste .artikelinhalt {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 178px;
  height: 370px;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: url('/layout/outlet0001/thumbbg_default.jpg') no-repeat scroll center bottom transparent;
}

.artikelliste .artikelinhalt a {
  text-decoration: none;
}
.artikelliste .artikelinhalt h3 {
	padding: 0;
	margin:0;
}

.artikelliste .artikelinhalt .titel {
  display:block;
  width: 188px;
  padding: 9px 6px;
  max-width: 178px;
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
  color: #FFF;
  background: rgb(134,170,23); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(134,170,23,1) 0%, rgba(195,226,138,1) 15%, rgba(134,170,23,1) 78%, rgba(134,170,23,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(134,170,23,1)), color-stop(15%,rgba(195,226,138,1)), color-stop(78%,rgba(134,170,23,1)), color-stop(100%,rgba(134,170,23,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86aa17', endColorstr='#86aa17',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%);
}

.artikelliste .artikel:hover .titel {
  text-decoration: underline;
}

.artikeldetails {
	position:relative;
	width: 178px;
}

.artikelliste .artikelinhalt .whitebg {
  position: absolute;
  top: 80px;
  right: 3px;
  height: 28px;
  width: 96px;
  background-color: RGBA(255,255,255,0.6);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.artikelliste .artikelinhalt .whitebgsmall {
	position: absolute;
	top: 79px;
	left: 3px;
	height: 11px;
	width: 59px;
	background-color: RGBA(255,255,255,0.6);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.artikelliste .artikelinhalt .preis {
  position:absolute;
  top: 40px;
  right: 3px;
  width: 80px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  color: #FFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: rgb(134,170,23); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(134,170,23,1) 0%, rgba(195,226,138,1) 15%, rgba(134,170,23,1) 78%, rgba(134,170,23,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(134,170,23,1)), color-stop(15%,rgba(195,226,138,1)), color-stop(78%,rgba(134,170,23,1)), color-stop(100%,rgba(134,170,23,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86aa17', endColorstr='#86aa17',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%);
}

.artikelliste .artikelinhalt .details1 {
  position: absolute;
  top: 2px;
  left: 6px;
  font-size: 8px;
  font-weight: normal;
  color: #000;
}

.artikelliste .artikelinhalt .details2 {
  position: absolute;
  top: 13px;
  left: 6px;
  font-size: 8px;
}

.artikelliste .artikelinhalt .normalpreis {
  position: absolute;
  top: 40px;
  left: 3px;
  width: 80px;
  height: 34px;
  line-height: 34px;
  padding: 0px 4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 18px;
  text-align: center;
  text-decoration: line-through;
  font-weight: bold;
  color: #FFF;
  text-decoration:none;
  background: #FF0000 url('/layout/outlet0001/strike-through.png') no-repeat 16px;
}
.artikelliste .artikelinhalt .normalpreis span{
	position:absolute;
	top: 0px;
	left: 0px;
	width: 59px;
	height: 20px;
	background: url('/layout/outlet0001/strike-through.png') no-repeat 20px 5px;
}
  

.artikelliste .artikelinhalt .details3 {
  position: absolute;
  top: 0px; 
  left: 2px;
  width: 68px;
  text-align: center;
  font-size: 8px;
}

.artikelliste .artikelinhalt .ersparnis {
  position: absolute;
  top: -2px;
  left: 2px;
  width: 176px;
  height: 44px;
  text-indent: -9999em;
  overflow: hidden;
}

.artikelliste .artikelinhalt .siegel {
  position: absolute;
  width: 62px;
  right: 7px;
  top: 96px;
}

.artikelliste .artikelinhalt .vid img {
  margin-right: -10px;
}

.artikelliste .artikelinhalt .siegel img {
  float: right;
}

.artikelliste .artikelinhalt .verfuegbarkeit {
  position: absolute;
  top: 244px;
  left: 29px;
  width: 118px;
  padding: 5px 2px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  font-size: 10px;
  color: #6D3A1D;
  background-color: #FFF;
}

.artikelliste .verfuegbarkeit .icon {
  position: relative;
  top: 2px;
  display: inline-block;
  width: 39px;
  height: 11px;
  overflow: hidden;
  background: url('/layout/outlet0001/verfuegbarkeit.png') scroll no-repeat 0 0 transparent;
  text-indent: -9999em;
}

.artikelliste .artikelinhalt .warenkorb {
  bottom: 3px;
  left: 3px;
  height: 42px;
  width: 172px;
  font-size: 16px;
  border: 3px solid white;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  position: absolute;
  padding: 5px 0;
  text-align: center;
  color: white;
  font-weight: bold;
  background: #FF7B00;
  background: -moz-linear-gradient(top, rgba(255,218,170,1) 0%, rgba(255,140,0,1) 45%, rgba(255,123,0,1) 51%, rgba(255,123,0,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,218,170,1)), color-stop(45%,rgba(255,140,0,1)), color-stop(51%,rgba(255,123,0,1)), color-stop(100%,rgba(255,123,0,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255,218,170,1) 0%,rgba(255,140,0,1) 45%,rgba(255,123,0,1) 51%,rgba(255,123,0,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255,218,170,1) 0%,rgba(255,140,0,1) 45%,rgba(255,123,0,1) 51%,rgba(255,123,0,1) 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, rgba(255,218,170,1) 0%,rgba(255,140,0,1) 45%,rgba(255,123,0,1) 51%,rgba(255,123,0,1) 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdaaa', endColorstr='#ff7b00',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, rgba(255,218,170,1) 0%,rgba(255,140,0,1) 45%,rgba(255,123,0,1) 51%,rgba(255,123,0,1) 100%);
}

.uebersicht .paging {
  clear: both;
  padding: 12px 4px 20px;
  border: 1px solid #630;
  border-width: 0 0 1px 0;
  font-size: 10px;
}

.uebersicht .paging span,
.uebersicht .paging .articlePages,
.uebersicht .paging .articlePages a {
  float: left;
}

.uebersicht .paging span {
  line-height: 17px;
}

.uebersicht .paging .articlePages a {
  margin: 0 4px;
  padding: 3px 6px 4px;
  border-radius: 3px;
  color: #630;
  background: #DDD;
  text-decoration: none;
}

.uebersicht .paging a.articlePages_activeLink{
  color: #000;
  background: rgb(134,170,23); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(134,170,23,1) 0%, rgba(195,226,138,1) 15%, rgba(134,170,23,1) 78%, rgba(134,170,23,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(134,170,23,1)), color-stop(15%,rgba(195,226,138,1)), color-stop(78%,rgba(134,170,23,1)), color-stop(100%,rgba(134,170,23,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86aa17', endColorstr='#86aa17',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%);
}

/* footer */

#footer {
  font-size: 10px;
  margin: 10px 0;
}

#footer div {
  float: left;
  width: 240px;
}

#footer h4 {
  margin: 0 0 1em;
  text-align: center;
  font-size: 12px;
}

#footer ul {
  margin: 0 10px;
  padding: 0;
  list-style: none outside none;
}

#footer li {
  float: left;
  margin: 0 5px 6px;
}

#footer li a {
  text-indent: -9999em;
  overflow: hidden;
  display: block;
}

#footerbezahlen li a {
  background: url('/layout/outlet0001/bezahlarten.png') no-repeat scroll 0 0 transparent;
  height: 34px;
  width: 100px;
}

#footerbezahlen .maestrovisa a {background-position: -100px 0;}
#footerbezahlen .lastschrift a {background-position: -200px 0;}
#footerbezahlen .vorkasse a {background-position: -300px 0;}

#footerversand li a {
  background: url('/layout/outlet0001/versand.png') no-repeat scroll 0 0 transparent;
  width: 100px;
  height: 34px;
}

#footerversand .hermes a {
  background-position: -100px 0;
}

#footerversand .dhl a {
  background: url('/layout/outlet0001/DHL.jpg') no-repeat scroll 0 0 transparent;
	width: 134px;
	height: 42px;
}

#footersozial ul {
  width: 170px;
  margin: 0 auto;
}

#footersozial li {
  text-indent: 0;
  margin: 0 0 6px;
}

#footersozial a {
  float: left;
  width: 33px;
  height: 35px;
}

#footersozial a {
  background: url('/layout/outlet0001/sozial.png') no-repeat scroll 0 0 transparent;
  text-indent: -9999em;
}

#footersozial .twitterlink a{
  background-position: -33px 0;
}

#footersozial .newsletterlink {
  width: 104px;
}

#footersozial .newsletterlink a{
  background-position: -66px 0;
  width: 104px;
}

#footerdetails {
  font-size: 12px;
  line-height: 14px;
}

#footerdetails .mininav {
  margin: 0 0 1em -5px;
}

#footerdetails .mininav li {
  margin: 0;
  padding: 0 5px 4px;
  border: 1px solid #630;
  border-width: 0 1px 0 0;
}

#footerdetails .mininav li:last-child {
  border-right-width: 0;
}

#footerdetails .mininav a,
#footerdetails .mininav a:visited {
  text-indent: 0;
  color: #630;
  text-decoration: none;
}

#footerdetails .mininav a:hover {
  color: #000;
}

/* artikel einzelansicht */

.einartikel {
  clear: both;
  position: relative;
  top: -35px;
}

.einartikel h1 {
  display: inline-block;
  min-width: 306px;
  font-size: 20px;
  vertical-align: middle;
  color: #FFF;
  border: 1px solid #86AA17;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: rgb(134,170,23); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(134,170,23,1) 0%, rgba(195,226,138,1) 15%, rgba(134,170,23,1) 78%, rgba(134,170,23,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(134,170,23,1)), color-stop(15%,rgba(195,226,138,1)), color-stop(78%,rgba(134,170,23,1)), color-stop(100%,rgba(134,170,23,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86aa17', endColorstr='#86aa17',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%);
}

.einartikel h1 {
  margin: 0;
}

.einartikel h1 a {
  display: block;
  margin: 8px 10px;
  color: #FFF;
  text-decoration: none;
}

.einartikel h1 a:hover {
  text-decoration: underline;
}

.einartikelinhalt {
  width: 958px;
  border: 1px solid #86AA17;
  -webkit-border-radius: 5px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius: 5px;
  -moz-border-radius-topleft: 0;
  border-radius: 5px;
  border-top-left-radius: 0;
}

.einartikelinhalt .beschreibung {
  float: left;
  margin: 0 -770px 0 310px;
  width: 460px;  
}

.einartikelinhalt .details {
  float: right;
  width: 188px;
}

.einartikelinhalt .bildarea {
  position: relative;
  float: left;
  width: 310px;
}

.einartikelinhalt .bildbig,
.einartikelinhalt .bildsmall {
  margin: 0;
  padding: 0;
  border: 1px solid #86AA17;
  border-width: 0 1px 1px 0;
  overflow: hidden;
}

.einartikelinhalt .bildsmall {
  float: left;
}
  
.einartikelinhalt .bildbig,
.einartikelinhalt .bildsmall,
.einartikelinhalt .bildbig img,
.einartikelinhalt .bildsmall img {
  -webkit-border-radius: 0px 0px 5px 0px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 0px;  
  border-radius: 0px 0px 5px 0px;
}

.einartikelinhalt .bildbig,
.einartikelinhalt .bildbig img {
  width: 306px;  
  height: auto;
}

.einartikelinhalt .bildsmall,
.einartikelinhalt .bildsmall img {
  width: 120px;
  height: auto;
}

.einartikelinhalt .bildsmall {
  margin-bottom: 20px;
}

.einartikelinhalt .abbhinweis {
  margin: 0 5px;
  text-align: right;
  font-size: 9px;
}

.einartikelinhalt .siegel {
  margin: 7px 8px 0;
}

.einartikelinhalt .siegel li {
  float: left;
  margin: 0px 2px 2px;
}

.einartikelinhalt .bildarea .backlink {
  clear: both;
  margin: 18px 16px;
}

.einartikelinhalt .bewertung{
  position: absolute;
  bottom: 23px;
  left: 128px;
  font-size: 13px;
}

.einartikelinhalt .preise {
  margin: 32px 0 14px;    
    
}
.einartikelinhalt .content {
  margin: 32px 40px 14px;
}

.einartikelinhalt .artikelpreis {
  height: 42px;
  float: left;
  display: inline-block;
  margin: 0 7px 5px 0;
  padding: 0 22px;
  font-weight: bold;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: rgb(134,170,23); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(134,170,23,1) 0%, rgba(195,226,138,1) 15%, rgba(134,170,23,1) 78%, rgba(134,170,23,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(134,170,23,1)), color-stop(15%,rgba(195,226,138,1)), color-stop(78%,rgba(134,170,23,1)), color-stop(100%,rgba(134,170,23,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86aa17', endColorstr='#86aa17',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%);
  font-size: 27px;
  line-height: 42px;
  color: #FFF;
}

.einartikelinhalt .normalpreis {
  display: inline-block;
  position: relative;
  padding: 2px 12px;  
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #FF0000;
  
  height: 42px;
  line-height: 42px;
  margin-bottom: 22px;
}

.einartikelinhalt .normalpreis .value {
  font-size: 30px;
  color: #FFF;
  text-decoration: line-through;
}

.einartikelinhalt .normalpreis .label {
  display: inline;
  position: absolute;
  top: 33px;
  left: 2px;
  font-size: 9px;
  color: #630;
  text-decoration: none;
}

.einartikelinhalt .preisdetails {
  margin: 2px 0 10px;
  clear: both;
  font-size: 10px;
}

.einartikelinhalt .preisdetails a {
  color: #630;
  text-decoration: underline;
}

.einartikelinhalt .preisdetails a:hover {
  color: #000;
}

.einartikelinhalt .content {
  font-size: 14px;
}

.einartikelinhalt .content h2 {
  margin: 10px 0 6px;
  font-size: 22px;
}

.einartikelinhalt .content .zutaten {
  margin-top: 3em;
  font-size: 10px;
  line-height: 1.2em;
}

.einartikelinhalt .content .produkt_video {
  margin-top: 3em;
}

.einartikelinhalt .details {
  font-size: 10px;
}

.einartikelinhalt .details .verfuegbarkeit {
  margin: 32px 0 7px;
  font-size: 12px;
}

.einartikelinhalt .details .verfuegbarkeit .icon {
  position: relative;
  top: 2px;
  display: inline-block;
  width: 39px;
  height: 11px;
  overflow: hidden;
  background: url('/layout/outlet0001/verfuegbarkeit.png') scroll no-repeat 0 0 transparent;
  text-indent: -9999em;
}

.einartikelinhalt .kaufen {
  font-size: 12px;
}
.einartikelinhalt .kaufen .korbmenge label {
  margin: 0 4px 4px 0;
}

.einartikelinhalt .kaufen .korbmenge input {
  border: 1px solid #8DAF25;
  padding: 0;
  margin: 0;
  font-size: 12px;
  color: #663C1A;
  text-align: right:
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.einartikelinhalt .kaufen .indenkorb {
  clear: both;
  text-align: center;
  min-width: 140px;
  margin: 1em 0;
  padding: 8px 1em;
  font-size: 13px;
  font-weight: 700;
  border: 1px solid #F29530;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #FFF;
  background: #FF7B00;
  background: -moz-linear-gradient(top, rgba(243,156,63,1) 0%, rgba(244,162,73,1) 3%, rgba(244,163,75,1) 6%, rgba(243,160,71,1) 11%, rgba(243,155,61,1) 17%, rgba(240,131,13,1) 37%, rgba(239,124,0,1) 46%, rgba(239,124,0,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,156,63,1)), color-stop(3%,rgba(244,162,73,1)), color-stop(6%,rgba(244,163,75,1)), color-stop(11%,rgba(243,160,71,1)), color-stop(17%,rgba(243,155,61,1)), color-stop(37%,rgba(240,131,13,1)), color-stop(46%,rgba(239,124,0,1)), color-stop(100%,rgba(239,124,0,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(243,156,63,1) 0%,rgba(244,162,73,1) 3%,rgba(244,163,75,1) 6%,rgba(243,160,71,1) 11%,rgba(243,155,61,1) 17%,rgba(240,131,13,1) 37%,rgba(239,124,0,1) 46%,rgba(239,124,0,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(243,156,63,1) 0%,rgba(244,162,73,1) 3%,rgba(244,163,75,1) 6%,rgba(243,160,71,1) 11%,rgba(243,155,61,1) 17%,rgba(240,131,13,1) 37%,rgba(239,124,0,1) 46%,rgba(239,124,0,1) 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, rgba(243,156,63,1) 0%,rgba(244,162,73,1) 3%,rgba(244,163,75,1) 6%,rgba(243,160,71,1) 11%,rgba(243,155,61,1) 17%,rgba(240,131,13,1) 37%,rgba(239,124,0,1) 46%,rgba(239,124,0,1) 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f39c3f', endColorstr='#ef7c00',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, rgba(243,156,63,1) 0%,rgba(244,162,73,1) 3%,rgba(244,163,75,1) 6%,rgba(243,160,71,1) 11%,rgba(243,155,61,1) 17%,rgba(240,131,13,1) 37%,rgba(239,124,0,1) 46%,rgba(239,124,0,1) 100%); /* W3C */
}

#PlentyOrder {
  font-size: 18px;
width: 690px;
padding-top: 30px;
}

#PlentyOrder table {
  background-color: #FFF;
}

/* Videoseite */

#content .video {
  text-align: center;
  max-width: 760px;
  margin: 2em 0 3em;
}

#content .video .beschreibung {
  margin: 1em 2em;
  text-align: justify;
}

/* New Footer*/

.greenbox {
	width: 220px;
	height: 200px;
	border: 1px solid #6ca000;
	border-radius: 3px;
	padding: 0;
	text-align:center;
	float: left;
	margin-right: 24px;
	margin-top: 20px;
}

.greenbox .boxhd {
	height: 32px;
	width: 100%;
	background: url(greenbox-hd-bg.png) #6ca000;
	text-align: center;
	font: 12px Arial;
	font-weight: bold;			
	color: white;
	line-height: 30px;
}

.zahlung, .versand, .social {
	margin: 20px 7px;
	padding: 0;
}

.zahlung {
	margin-top: 35px;
}
.zahlung li {
	list-style: none;
}

.zahlung li a {
	display:block;
	background: url(zahlung.png) no-repeat;
	font: 0;
	text-indent: -9999px;
	margin-right: 2px;
}

.zahlung li.paypal a {
	width: 99px;
	height: 32px;
	background-position: 0 0 ;
	float:left; 
}
.zahlung li.maestrovisa a {
	width: 99px;
	height: 32px;
	background-position: -101px 0 ;
	float:left; 
}
.zahlung li.lastschrift a {
	width: 99px;
	height: 35px;
	background-position: -201px 0 ;
	float:left; 
}
.zahlung li.vorkasse a {
	width: 99px;
	height: 32px;
	background-position: -301px 0 ;
	float:left; 
}
.versand li {
	list-style: none;
}

.versand li a{
	display:block;
	background: url(versand.png) no-repeat;
	font: 0;
	text-indent: -9999px;
}
.versand li.dhl a{
	width: 134px;
	height: 42px;
	margin-left: 37px;
	background-position: 0 0 ;
}

.versand li.dpd a{
	width: 140px;
	height: 74px;
	margin-left: 36px;
	background: url(DPD_web_outlet.jpg);
	float:left; margin-top: 15px;
}
		
.social {
	margin-left: 29px;
}
.social li {
	list-style: none;
}

.social li a {
	display:block;
	background: url(social.png) no-repeat;
	width: 43px;
	height: 43px;
	font: 0;
	text-indent: -9999px;
	float: left;
	margin-right: 17px;
	margin-bottom: 10px;
}

.social li.pinterest a{
	background-position: -4px -3px;
}
.social li.facebook a{
	background-position: -65px -3px;
}
.social li.twitter a {
	background-position: -123px -3px;
}
.social li.newsletter a {
	width: 162px;
	background-position: -183px -3px;
}
.support {
	background: url(support.png) no-repeat;
	width: 161px;
	height: 48px;
	font: 13px Arial;
	color: white;
	text-align: left;
	padding: 15px;
	margin: 15px;
}

.videos {
	list-style:none;
	padding: 0;
	margin:0;
	margin-left: 20px;
	text-align: left;
}

.videos li {
	margin-top: 8px;
	height: 45px;
	vertical-align: middle;
	font: 12px Arial;
	color: #663333;
}
.videos li a{
	display:block;
	padding-top: 5px;
	color: #663333;
}
.videos li .icon{
	display:block;
	height: 45px;
	width: 45px;
	background: url(video-sternchen.png) no-repeat 3px 3px;
	float:left;
	margin-right: 7px;
	
}
.webgains {
	display:block;
	margin-top: 15px;
}
.lagerverkauf {
	display:block;
	margin-left: 20px;
	margin-top: 10px;
	text-align: left;
	color: #663333;
}

.haus {
	height: 49px;
	width: 57px;
	display:block;
	float:left;
	background: url(haus.png) no-repeat 3px 3px;
	margin-right: 10px;
}
.lagerverkauf .schrift{
	font: 14px Arial;
	color: #663333;
	margin-top: 5px;
}

.nlrabatt .schrift{
	font: 14px Arial;
	float:middle;
	font-weight: bold;
	color: #663333;
	margin-top: 2px;
}

.mininav { display:block; margin: 0 250px;}
.mininav li { display:block; float: left; margin: 0 10px; font: 12px Arial; color:#633}
.mininav li a{ text-decoration: none;}


/* Plenty Bestellprozess - überschreibt Stadard-Layout */

/* Errors */
  div.PlentyError input[type=text], div.PlentyError input[type=password]
    {
    border:none;
    border:1px dashed #f44d4d!important;
    background-color:#fbe7e7;
    }
  
  div.PlentyErrorPane
    {
    display:    none;
    color:      white;
    font-size:    12pt;
    }
   .PlentyErrorMessageBox
   {
    background-color: #f36060;
      border: 1px dashed #9c2020 !important;
    margin-bottom:5px;
    padding:5px;
   }





/* Box Settings*/
.PlentyWebBasketContainer   { margin-bottom:15px;  }
#PlentyWebBasketTitleContainer { margin-top:15px;  }

/* Box Headlines */
.PlentyWebBasketContainerTitle,
.AccordionTitle, .AccordionTitle.AlreadyOpened ,.AccordionTitle.CurrentAccordionTitle  {
  background: rgb(148,185,72); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(148,185,72,1) 0%, rgba(173,201,115,1) 6%, rgba(181,205,124,1) 9%, rgba(181,204,121,1) 13%, rgba(172,198,105,1) 19%, rgba(164,195,100,1) 22%, rgba(157,190,84,1) 28%, rgba(144,183,64,1) 34%, rgba(132,173,42,1) 44%, rgba(128,171,30,1) 47%, rgba(125,168,25,1) 50%, rgba(116,164,2,1) 56%, rgba(110,160,0,1) 66%, rgba(110,160,0,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(148,185,72,1)), color-stop(6%,rgba(173,201,115,1)), color-stop(9%,rgba(181,205,124,1)), color-stop(13%,rgba(181,204,121,1)), color-stop(19%,rgba(172,198,105,1)), color-stop(22%,rgba(164,195,100,1)), color-stop(28%,rgba(157,190,84,1)), color-stop(34%,rgba(144,183,64,1)), color-stop(44%,rgba(132,173,42,1)), color-stop(47%,rgba(128,171,30,1)), color-stop(50%,rgba(125,168,25,1)), color-stop(56%,rgba(116,164,2,1)), color-stop(66%,rgba(110,160,0,1)), color-stop(100%,rgba(110,160,0,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(148,185,72,1) 0%,rgba(173,201,115,1) 6%,rgba(181,205,124,1) 9%,rgba(181,204,121,1) 13%,rgba(172,198,105,1) 19%,rgba(164,195,100,1) 22%,rgba(157,190,84,1) 28%,rgba(144,183,64,1) 34%,rgba(132,173,42,1) 44%,rgba(128,171,30,1) 47%,rgba(125,168,25,1) 50%,rgba(116,164,2,1) 56%,rgba(110,160,0,1) 66%,rgba(110,160,0,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(148,185,72,1) 0%,rgba(173,201,115,1) 6%,rgba(181,205,124,1) 9%,rgba(181,204,121,1) 13%,rgba(172,198,105,1) 19%,rgba(164,195,100,1) 22%,rgba(157,190,84,1) 28%,rgba(144,183,64,1) 34%,rgba(132,173,42,1) 44%,rgba(128,171,30,1) 47%,rgba(125,168,25,1) 50%,rgba(116,164,2,1) 56%,rgba(110,160,0,1) 66%,rgba(110,160,0,1) 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, rgba(148,185,72,1) 0%,rgba(173,201,115,1) 6%,rgba(181,205,124,1) 9%,rgba(181,204,121,1) 13%,rgba(172,198,105,1) 19%,rgba(164,195,100,1) 22%,rgba(157,190,84,1) 28%,rgba(144,183,64,1) 34%,rgba(132,173,42,1) 44%,rgba(128,171,30,1) 47%,rgba(125,168,25,1) 50%,rgba(116,164,2,1) 56%,rgba(110,160,0,1) 66%,rgba(110,160,0,1) 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94b948', endColorstr='#6ea000',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, rgba(148,185,72,1) 0%,rgba(173,201,115,1) 6%,rgba(181,205,124,1) 9%,rgba(181,204,121,1) 13%,rgba(172,198,105,1) 19%,rgba(164,195,100,1) 22%,rgba(157,190,84,1) 28%,rgba(144,183,64,1) 34%,rgba(132,173,42,1) 44%,rgba(128,171,30,1) 47%,rgba(125,168,25,1) 50%,rgba(116,164,2,1) 56%,rgba(110,160,0,1) 66%,rgba(110,160,0,1) 100%); /* W3C */
    
  /* rounded borders top left and right */
  -webkit-border-radius: 5px 5px 0px 0px;
  -khtml-border-radius-topleft:5px;
  -khtml-border-radius-topright:5px;
  -khtml-border-radius-bottomright: 0px;
  -khtml-border-radius-bottomleft: 0px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-radius: 5px 5px 0px 0px; 
  
  /* rest */
  color:#FFF;
  font-size:16px;
  font-weight:700;
  border:1px solid #6D9F00;
  padding:5px 10px 5px 10px;
  margin: 0;
  margin-top: 15px;
}

#PlentyWebOrderOverviewAGBandWithdrawal,
#PlentyWebOrderOverviewItemsTop,
#PlentyWebOrderOverviewInvoiceTitle,
#PlentyWebOrderOverviewInvoiceTitle,
#PlentyWebOrderOverviewShippingTitle,
#PlentyWebOrderOverviewShippingMethodTitle,
#PlentyWebOrderOverviewPaymentMethodTitle {
  display:block; height: 20px;
  /* rounded borders top left and right */
  -webkit-border-radius: 5px 5px 0px 0px;
  -khtml-border-radius-topleft:5px;
  -khtml-border-radius-topright:5px;
  -khtml-border-radius-bottomright: 0px;
  -khtml-border-radius-bottomleft: 0px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-radius: 5px 5px 0px 0px; 
  padding: 5px 10px; 
}

#PlentyWebOrderOverviewInvoiceContainer,
#PlentyWebOrderOverviewShippingContainer,
#PlentyWebOrderOverviewShippingMethodContainer,
#PlentyWebOrderOverviewPaymentMethodContainer,
#PlentyWebOrderOverviewReferenceContainer {
	width: 210px;
	margin-top: 10px;
	padding: 5px;
	float:left;
}
#PlentyWebOrderOverviewAGBandWithdrawal,
#PlentyWebOrderOverviewItemsTop,
#PlentyWebOrderOverviewInvoiceTitle,
#PlentyWebOrderOverviewShippingTitle,
#PlentyWebOrderOverviewShippingMethodTitle,
#PlentyWebOrderOverviewPaymentMethodTitle {
	margin-left: -7px;
	margin-top: -5px;
	width: 204px;
}

#PlentyWebOrderOverviewAGBandWithdrawal {
	margin-left: -2px;
}

#PlentyWebOrderOverviewItemsTop {
	width: 684px;

}

#PlentyWebOrderOverviewSubmitContainer {
	clear:both;
}
#PlentyWebOrderOverviewAGBandWithdrawal {
	width: 918px;

}
#PlentyWebOrderOverviewItemsContainer,#PlentyWebOrderOverviewNotesContainer {
	width: 690px;
	padding: 5px;
	float:right;
}


#PlentyOrderWebOrderOverviewContent .PlentyFormBox,
#PlentyWebOrderOverviewInvoiceContainer,
#PlentyWebOrderOverviewShippingContainer,
#PlentyWebOrderOverviewShippingMethodContainer,
#PlentyWebOrderOverviewPaymentMethodContainer{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px ; 
	border: 2px solid rgb(103,59,21);
	border-top: none;
	margin-top: 5px;
	margin-bottom: 10px;
}

#PlentyOrderWebOrderOverviewContent #PlentyWebOrderOverviewNotesContainer,
#PlentyOrderWebOrderOverviewContent #PlentyWebOrderOverviewReferenceContainer {
	border: 2px solid rgb(103,59,21);

}
#PlentyWebOrderOverviewAGBandWithdrawal {margin-top: 15px;}
#PlentyWebOrderOverviewAGBandWithdrawal h3 { margin: 0;}

.PlentyWebBasketOpenableContainer:hover #PlentyWebBasketShippingCountryContainerTitle,
.PlentyWebBasketOpenableContainer:hover #PlentyWebBasketPaymentMethodContainerTitle,
.PlentyWebBasketOpenableContainer:hover #PlentyWebBasketShippingMethodContainerTitle,
.PlentyWebBasketOpenableContainer:hover #PlentyWebBasketCouponContainer,
.PlentyWebBasketOpenableContainer:hover #PlentyWebBasketCouponContainerTitle,
#PlentyWebOrderOverviewAGBandWithdrawal,
#PlentyWebOrderOverviewItemsTop,
#PlentyWebOrderOverviewInvoiceTitle,
#PlentyWebOrderOverviewShippingTitle,
#PlentyWebOrderOverviewShippingMethodTitle,
#PlentyWebOrderOverviewPaymentMethodTitle
 {
  cursor:pointer;  
  background: rgb(103,59,21); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(103,59,21,1) 0%, rgba(104,59,21,1) 4%, rgba(107,64,27,1) 6%, rgba(143,111,83,1) 18%, rgba(148,116,90,1) 20%, rgba(149,118,92,1) 23%, rgba(148,116,89,1) 28%, rgba(141,109,80,1) 35%, rgba(110,67,31,1) 57%, rgba(103,60,22,1) 65%, rgba(103,59,21,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(103,59,21,1)), color-stop(4%,rgba(104,59,21,1)), color-stop(6%,rgba(107,64,27,1)), color-stop(18%,rgba(143,111,83,1)), color-stop(20%,rgba(148,116,90,1)), color-stop(23%,rgba(149,118,92,1)), color-stop(28%,rgba(148,116,89,1)), color-stop(35%,rgba(141,109,80,1)), color-stop(57%,rgba(110,67,31,1)), color-stop(65%,rgba(103,60,22,1)), color-stop(100%,rgba(103,59,21,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(103,59,21,1) 0%,rgba(104,59,21,1) 4%,rgba(107,64,27,1) 6%,rgba(143,111,83,1) 18%,rgba(148,116,90,1) 20%,rgba(149,118,92,1) 23%,rgba(148,116,89,1) 28%,rgba(141,109,80,1) 35%,rgba(110,67,31,1) 57%,rgba(103,60,22,1) 65%,rgba(103,59,21,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(103,59,21,1) 0%,rgba(104,59,21,1) 4%,rgba(107,64,27,1) 6%,rgba(143,111,83,1) 18%,rgba(148,116,90,1) 20%,rgba(149,118,92,1) 23%,rgba(148,116,89,1) 28%,rgba(141,109,80,1) 35%,rgba(110,67,31,1) 57%,rgba(103,60,22,1) 65%,rgba(103,59,21,1) 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, rgba(103,59,21,1) 0%,rgba(104,59,21,1) 4%,rgba(107,64,27,1) 6%,rgba(143,111,83,1) 18%,rgba(148,116,90,1) 20%,rgba(149,118,92,1) 23%,rgba(148,116,89,1) 28%,rgba(141,109,80,1) 35%,rgba(110,67,31,1) 57%,rgba(103,60,22,1) 65%,rgba(103,59,21,1) 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#673b15', endColorstr='#673b15',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, rgba(103,59,21,1) 0%,rgba(104,59,21,1) 4%,rgba(107,64,27,1) 6%,rgba(143,111,83,1) 18%,rgba(148,116,90,1) 20%,rgba(149,118,92,1) 23%,rgba(148,116,89,1) 28%,rgba(141,109,80,1) 35%,rgba(110,67,31,1) 57%,rgba(103,60,22,1) 65%,rgba(103,59,21,1) 100%); /* W3C */ 
  color:#fff;

}

.PlentyWebBasketOpenableContainer:hover #PlentyWebBasketShippingMethodContainerTitle #WebBasketShippingMethodSelectedChange,
.PlentyWebBasketOpenableContainer:hover #PlentyWebBasketPaymentMethodContainerTitle #WebBasketPaymentMethodSelectedChange,
.PlentyWebBasketOpenableContainer:hover #PlentyWebBasketShippingCountryContainerTitle #WebBasketShippingCountrySelectedChange,
.PlentyWebBasketOpenableContainer:hover #PlentyWebBasketCouponContainerTitle #WebBasketCouponSelectedChange {
  color:#FFF;
}





/* Box Body */

.PlentyWebBasketContainerContent {
  /* inner shadow*/
  -moz-box-shadow: inset 0px 0px 3px #b5c6d0;
  -webkit-box-shadow: inset 0px 0px 3px #b5c6d0;
  box-shadow: inset 0px 0px 3px #b5c6d0;
    
  /* rounded bottom */
  -webkit-border-radius: 0 0 5px 5px;
  -khtml-border-radius-bottomleft:5px;
  -khtml-border-radius-bottomright:5px;
  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-bottomright:5px;
  border-radius: 0 0 5px 5px;
  
  /* rest */
  border:1px solid #6D9F00;
  border-top:0;
  background-color:#fff;
  padding:10px;
  line-height:17px;
}
  
/* footer */
#PlentyWebBasketFooterContainerContent {
  -webkit-border-radius: 5px 5px 0px 0px;
  -khtml-border-radius-topleft:5px;
  -khtml-border-radius-topright:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  border-radius: 5px 5px 0px 0px;
  border-top-width: 1px;
  text-align: right;
}

/* Box Head change Buttons */
#WebBasketShippingCountrySelectedChange,
#WebBasketPaymentMethodSelectedChange,
#WebBasketShippingMethodSelectedChange,
#WebBasketCouponSelectedChange {
  font-size:12px;
  font-weight:400;
  color: #630;
  float:right;
  margin-top:3px;  
  cursor:pointer;
 }

/* Box slideable:hover */

.PlentyWebBasketOverlayMainPane > .PlentyWebBasketOverlayBackground {
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  position: fixed;
  opacity: 0.5;
  background-color: black;
}

.PlentyWebBasketOverlayMainPane > .PlentyWebBasketOverlayContent {
  max-height: 80%;
  overflow: auto;
  min-width: 30%;
  width: 40%;
  top: 10%;
  left: 30%;
  position: fixed;
  z-index: 10001;
}

.PlentyWebBasketOverlayMainPane > .PlentyWebBasketOverlayClose {
  position: fixed;
  height: 35px;
  width: 35px;
  cursor: pointer;
  background-image: url(/images/icons/silk/overlay_close.png);
  top:8%;
  right:29%;
  z-index: 10002;
}

/********* VERSANDICONS WARENKORB **********/

.PlentyWebBasketShippingMethodData {
	height: 50px;
}

#PlentyWebBasketShippingMethod37Container { /*GLS*/
	background: url(//www.bioschokolade.de/images/gallery/Basis/gls_120px.png) no-repeat 250px 10px;
}

#PlentyWebBasketShippingMethod48Container { /*DPD*/
background: url(//www.bioschokolade.de/images/gallery/Basis/DPD_web_shop.jpg) no-repeat 250px 10px;
}


#PlentyWebBasketShippingMethod28Container { /*DHL*/
background: url(//www.bioschokolade.de/images/gallery/Basis/dhl_120px.png) no-repeat 250px 10px;
}


#PlentyWebBasketShippingMethod47Container { /*Hermes*/
background: url(//www.bioschokolade.de/images/gallery/Basis/hermes_120px.png) no-repeat 250px 10px;
}
  
#basketarea {
margin-left: 10px;
}

#slides .slides_container {
  width:690px;
  height:180px;
  overflow:hidden;
}
#slides .slides_container div {
  width:690px;
  height:180px;
  display:block;
}
#slides {
  position:relative;
  width:692px;
  height:182px;
}

#slides .pagination {
  position:absolute;
  left: 10px;
  bottom: 10px;
  z-index: 1000;
}

#slides .pagination li {
  display:inline
}

.pagination li a {
  display: block;
  width: 13px;
  height: 0;
  padding-top: 13px;
  margin-right: 2px;
  background-image: url(//www.schokoladen-outlet.de/layout/outlet0001/pagination.png);
  background-position: 0 0;
  float: left;
  overflow: hidden;
}

.pagination li.current a, .pagination li.current a:hover { background-position: 0 -13px }
.pagination li a:hover { background-position: 0 -26px }


#slides .slides_container div.slide.dark {
  width: 670px;
  height: 160px;
  padding: 10px;
  background-color: #633;
  color: white;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  
}

#slides .slides_container div.slide.dark a {
  color: orange;
  text-decoration:none;
}

#slides .slides_container div.slide.dark a:hover {
  text-decoration:underline;
}

#slides .button {
  display: block;
  padding: 7px 7px 7px 0;
  font-weight: bold;
  font-size: 14px;
  color:  white !important;
  width: 130px;
  text-align: center;
  /*
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  */
  text-decoration: none;
  position: absolute;
  right: 10px;
  bottom: 10px;
  background-color: orange;
  background: #FF7B00;
  /*
  background: -moz-linear-gradient(top, rgba(255, 218, 170, 1) 0%, rgba(255, 140, 0, 1) 45%, rgba(255, 123, 0, 1) 51%, rgba(255, 123, 0, 1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 218, 170, 1)), color-stop(45%,rgba(255, 140, 0, 1)), color-stop(51%,rgba(255, 123, 0, 1)), color-stop(100%,rgba(255, 123, 0, 1)));
  background: -webkit-linear-gradient(top, rgba(255, 218, 170, 1) 0%,rgba(255, 140, 0, 1) 45%,rgba(255, 123, 0, 1) 51%,rgba(255, 123, 0, 1) 100%);
  background: -o-linear-gradient(top, rgba(255, 218, 170, 1) 0%,rgba(255, 140, 0, 1) 45%,rgba(255, 123, 0, 1) 51%,rgba(255, 123, 0, 1) 100%);
  background: -ms-linear-gradient(top, rgba(255, 218, 170, 1) 0%,rgba(255, 140, 0, 1) 45%,rgba(255, 123, 0, 1) 51%,rgba(255, 123, 0, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdaaa', endColorstr='#ff7b00',GradientType=0 );
  background: linear-gradient(top, rgba(255, 218, 170, 1) 0%,rgba(255, 140, 0, 1) 45%,rgba(255, 123, 0, 1) 51%,rgba(255, 123, 0, 1) 100%);
  */
}

#slides .button.braun { background: #663c1a; }

#slides .dark {color:white;}
#slides h3 {margin-top: 0;padding:40px 0 10px 20px; font-size:19px; font-family:'Open Sans',Helvetica,Arial;}
#slides p {padding:0 0 10px 20px; font-size:15px; font-family:'Open Sans',Helvetica,Arial; width: 400px}


#mainnav .nav li a.hover {display:none;} 
#mainnav .nav li:hover a.hover {display:block;}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}table{border-collapse:collapse;border-spacing:0;}html{overflow-y:scroll;}strong,b{font-weight:700;}em,i{font-style:italic;}h1,h2,h3,h4,h5,h6{font-weight:400;}.ie7 address{font-style:normal;}.hideme{position:absolute;left:-999em;top:-999em;}label,input[type=button],input[type=submit],button{cursor:pointer;}.clearfix:after{content:'.';display:block;clear:both;visibility:hidden;line-height:0;height:0;}.clearfix{display:inline-block;}* html .clearfix{height:1%;}img{-ms-interpolation-mode:bicubic;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,html[xmlns] .clearfix{display:block;}

/* basics */

html, body {margin:0;padding:0;height:100%;width: 100%;}
body  {font-family: Arial, Helvetica, sans-serif;text-align: center;background-color: #FFF;color: #630;}
a {color:#000;text-decoration: underline;}
a:hover {text-decoration: none;}
a.backlink {
  display: inline-block;
  padding: 4px 6px;
  font-size: 10px;
  line-height: 18px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #FFF;
  text-transform: lowercase;
  background: rgb(199,218,163); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(199,218,163,1) 0%, rgba(110,168,36,1) 40%, rgba(65,150,0,1) 51%, rgba(65,150,0,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(199,218,163,1)), color-stop(40%,rgba(110,168,36,1)), color-stop(51%,rgba(65,150,0,1)), color-stop(100%,rgba(65,150,0,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(199,218,163,1) 0%,rgba(110,168,36,1) 40%,rgba(65,150,0,1) 51%,rgba(65,150,0,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(199,218,163,1) 0%,rgba(110,168,36,1) 40%,rgba(65,150,0,1) 51%,rgba(65,150,0,1) 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, rgba(199,218,163,1) 0%,rgba(110,168,36,1) 40%,rgba(65,150,0,1) 51%,rgba(65,150,0,1) 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7daa3', endColorstr='#419600',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, rgba(199,218,163,1) 0%,rgba(110,168,36,1) 40%,rgba(65,150,0,1) 51%,rgba(65,150,0,1) 100%); /* W3C */
}
a.backlink:before {content: '\25C4\0000a0';}
h1, h2, h3, h4, h5, h6 {
  font-size: 14px;
  font-weight: bold;
  margin: 1em 0 0.4em;
}

h1 {
  font-size: 20px;
}

h2 {
  font-size: 17px;
}

h3 {
font-size: 15px;
}

#wrapper {
	margin: 0 auto;
	width: 960px;
	text-align: left;
}

* html wrapper { /* hack for ie */
	height: 100%;
}

#main {
  clear: both;
}

#content {
  font-size: 12px;
}

#content h2.initial {
  display: inline;
}

/* header */

#header {
  width: 100%;
}

#headerleft {
  width: 737px;
  float: left;
}

#headerright {
  width: 123px;
  margin: 0 0 1px;
  float: left;
}

#header .logo {
  display: block;
  width: 666px;
  height: 90px;
  margin: 10px 0 0;
  background: url('/layout/outlet0001/logo.png') no-repeat scroll 0 0 transparent;
  text-indent: -9999em;
}

#header .claim {
  width: 756px;
  padding: 6px 14px 14px 0;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: -1px;
  white-space: nowrap;
  overflow: hidden;
}

#header .claim:after,
#header .claim:before {
  content: ' ### ';
  color: #669900;
  font-weight: 400;
  letter-spacing: -3px;
}

.headerbox {
  float: right;
  width: 181px;
  margin: 20px 0 0;
  background: url('/layout/outlet0001/headerbox_mid.png') repeat-y scroll center top transparent;
}

.headerbox-content {
  
  background: url('/layout/outlet0001/headerbox_top.png') no-repeat scroll center top transparent;
  font-size: 13px;
  text-align: center;
  color: #FFF;
}

.headerbox-content p {
  padding: 10px 5px;
  background: url('/layout/outlet0001/headerbox_bot.png') no-repeat scroll center bottom transparent;
}

.headerbox-content strong {
  display: block;
  margin: 2px 0 10px;
}

.headerbox-content a {
  font-size: 12px;
  color: #FFF;
  text-decoration: underline;
}

/* hauptnavigation */

#mainnav {
  clear: both;
  width: 100%;
  height: 32px;
  margin: 22px 0 8px;
  background: url('/layout/outlet0001/nav.png') repeat-x scroll left center transparent;
}

#mainnav-content {
  width: 100%;
  height: 32px;
  background: url('/layout/outlet0001/navleft.png') no-repeat scroll left center transparent;
}

#mainnav .nav {
  width: 100%;
  height: 32px;
	list-style: none outside none;
	padding: 0;
	margin: 0;
	background: url('/layout/outlet0001/navright.png') no-repeat scroll right center transparent;
}

.navli {
	float: left;
}

a.navlink {
  margin: 6px 0 6px;
  padding: 0 13px;
  border: 1px solid #FFF;
  border-width: 0 0 0 1px;
	font-size: 12px;
	line-height: 20px;
	vertical-align: middle;
	display: block;
	color: #FFF;
	text-transform: uppercase;
	text-decoration: none;
}

.navli .hover {
  position: absolute;
  z-index: 9999;
  margin: 0;
  padding: 0;
  border: none;
}

.navli a .arrow {
  margin: 0 0 0 5px;
}

.navli:first-child {
  margin-left: 20px;
}

.navli:last-child {
  margin-right: 20px;
}

.navli:first-child a {
  border-left: none;
}

.navli:last-child a {
  border-right: none;
}

.navli:hover,
.navli.activeLink {
  background: rgb(134,170,23); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(134,170,23,1) 0%, rgba(195,226,138,1) 15%, rgba(134,170,23,1) 78%, rgba(134,170,23,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(134,170,23,1)), color-stop(15%,rgba(195,226,138,1)), color-stop(78%,rgba(134,170,23,1)), color-stop(100%,rgba(134,170,23,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86aa17', endColorstr='#86aa17',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%);
}

.navli:hover a,
#mainnav .nav li.activeLink a {
  color: #633;
}

/* kategoriennavigation */

.kategorien {
  position: relative;
  clear: both;
  border-width: 1px 0;
  font-size: 10px;
  line-height: 10px;
  border: 0;
  padding:0;
  margin: 10px 0 25px;
  width: 900px;
}

.kategorien h3{
  float: left;
  padding: 0 7px 0 0;
  margin: 0;
  margin-top: 10px;
  font-size: 10px;
}

.kategoriennav {
    list-style: none outside none;
	padding: 0;
	margin: 0;
}

.kategoriennav li {
  float: left;
  border: 0;
  padding:0;
}

.kategoriennav li a {
  background-color: #663c1a;
  background-image:url(//www.schokoladen-outlet.de/layout/outlet0001/nav.png);
  padding: 9px 15px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  margin: 0px 5px 3px 0;
  color: white;
  text-decoration: none;
  font-size: 13px;
}

.kategoriennav li a:hover,
.kategoriennav li a.active {
  color:#633;
  background: rgb(134,170,23); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(134,170,23,1) 0%, rgba(195,226,138,1) 15%, rgba(134,170,23,1) 78%, rgba(134,170,23,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(134,170,23,1)), color-stop(15%,rgba(195,226,138,1)), color-stop(78%,rgba(134,170,23,1)), color-stop(100%,rgba(134,170,23,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86aa17', endColorstr='#86aa17',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%);
}

.kategorien .loginbox {
  position: absolute;
  top: 12px;
  right: 4px;
}

.kategorien .loginbox  a,
.kategorien .loginbox a:visited {
  color: #630;
  font-weight: 700;
  text-decoration: underline;
}

.kategorien .loginbox a:hover {
  text-decoration: underline;
  color: #993333;
}

/* breadcrumbs */
.breadcrumbs {
  font-size: 9px;
  margin: 5px 5px 10px;
}

/* content */

#content {
  display: inline;
  line-height: 1.5em;
}

/* warenkorb */

#basketarea {
  float: right;
  width:255px;
  margin: 0 0 0 50px;
}

.basket {
	width:163px;
	height: 82px;
	background: url(//www.schokoladen-outlet.de/layout/outlet0001/warenkorb-gross.png);
  position: relative;
  margin: 0;
  overflow: hidden;
  font-size: 10px;
  color: #FFF; 
}

.basket h3,
.basket .anzahl,
.basket .summe {
  position: absolute;
  left: 6px;
  width: 98px;
}

.basket h3 {
  top: 8px;
  font-size: 12px;
  margin: 0;
}
.basket h3 {
	top: 2px;
	font-size: 14px;
	width: 163px;
	margin: 10px;
}

.basket .anzahl {
  top: 30px;
}
.basket .summe {
  top: 52px;
}

.basket .wert {
  float: right;
}


.basket .anzahl, .basket .summe {
	font-size: 14px;
	margin: 2px 10px;
	width: 130px;
}

.basket .wert {
	font-weight: bold;
}


#basketarea .checkout {
  display: block;
  margin: 1px 0 0;
  color: white;
  text-align: right;
  line-height: 23px;
  vertical-align: middle;
  text-decoration: none;
	float:right;
	width:163px;
	height:40px;
	font-size: 0px;
	margin-right: 2px;
	text-indent: -9999px;
	background: url(//www.schokoladen-outlet.de/layout/outlet0001/wk-button-gross.png);
}

#basketarea .checkout span {
  display: block;
  margin: 0 10px;
}

#basketarea .checkout span:before {
  content: '>> ';
}

.smiley {
  float: left;
  min-height: 1px;
  text-align: center;
  margin: 24px 2px 0 6px;
}

.smiley p {
  display: block;
  float: right;
  width: 82px;
  height: 84px;
  background: url('/layout/outlet0001/smileys-gross.png') no-repeat scroll 0 0 transparent;
  text-align: left;
  text-indent: -9999px;
  overflow: hidden;
}

#basketarea .bubbleouter {
  position: relative;
  top: -26px;
  float: right;
  margin: 10px 0 -22px;
  background: url(//www.schokoladen-outlet.de/layout/outlet0001/wk-balloon-1.png) repeat-y scroll top center transparent;
  z-index: -1;
	height:77px;
	width: 248px;
}

#basketarea .versandteaser {
  text-align: center;
  font-size: 12px;
}

#basketarea .bubbleinner,
#basketarea .versandteaser  {
	padding: 15px 3px 3px 3px;
	background:none;
	
}
#basketarea .versandteaser strong {
  font-size: 12px;
}

/* artikeluebersichten */

.uebersicht {
  width: 100%;
  clear: both;
  margin: 10px 0 20px;
}

.artikelliste {
  margin: 0 0 0 -15px;
  width: 975px;
  line-height: 12px;
}

.artikel {
  display: block;
  position: relative;
  float: left;
  width: 178px;
  height: 370px;
  margin: 0 0 15px 15px;
  border: 1px solid #86aa17;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
}
	
.artikelliste .artikelinhalt {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 178px;
  height: 370px;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: url('/layout/outlet0001/thumbbg_default.jpg') no-repeat scroll center bottom transparent;
}

.artikelliste .artikelinhalt a {
  text-decoration: none;
}
.artikelliste .artikelinhalt h3 {
	padding: 0;
	margin:0;
}

.artikelliste .artikelinhalt .titel {
  display:block;
  width: 188px;
  padding: 9px 6px;
  max-width: 178px;
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
  color: #FFF;
  background: rgb(134,170,23); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(134,170,23,1) 0%, rgba(195,226,138,1) 15%, rgba(134,170,23,1) 78%, rgba(134,170,23,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(134,170,23,1)), color-stop(15%,rgba(195,226,138,1)), color-stop(78%,rgba(134,170,23,1)), color-stop(100%,rgba(134,170,23,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86aa17', endColorstr='#86aa17',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%);
}

.artikelliste .artikel:hover .titel {
  text-decoration: underline;
}

.artikeldetails {
	position:relative;
	width: 178px;
}

.artikelliste .artikelinhalt .whitebg {
  position: absolute;
  top: 80px;
  right: 3px;
  height: 28px;
  width: 96px;
  background-color: RGBA(255,255,255,0.6);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.artikelliste .artikelinhalt .whitebgsmall {
	position: absolute;
	top: 79px;
	left: 3px;
	height: 11px;
	width: 72px;
	background-color: RGBA(255,255,255,0.6);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.artikelliste .artikelinhalt .preis {
  position:absolute;
  top: 40px;
  right: 3px;
  width: 80px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  color: #FFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: rgb(134,170,23); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(134,170,23,1) 0%, rgba(195,226,138,1) 15%, rgba(134,170,23,1) 78%, rgba(134,170,23,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(134,170,23,1)), color-stop(15%,rgba(195,226,138,1)), color-stop(78%,rgba(134,170,23,1)), color-stop(100%,rgba(134,170,23,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86aa17', endColorstr='#86aa17',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%);
}

.artikelliste .artikelinhalt .details1 {
  position: absolute;
  top: 2px;
  left: 6px;
  font-size: 8px;
  font-weight: normal;
  color: #000;
}

.artikelliste .artikelinhalt .details2 {
  position: absolute;
  top: 13px;
  left: 6px;
  font-size: 8px;
}

.artikelliste .artikelinhalt .normalpreis {
  position: absolute;
  top: 40px;
  left: 3px;
  width: 80px;
  height: 34px;
  line-height: 34px;
  padding: 0px 4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 18px;
  text-align: center;
  text-decoration: line-through;
  font-weight: bold;
  color: #FFF;
  text-decoration:none;
  background: #FF0000 url('/layout/outlet0001/strike-through.png') no-repeat 16px;
}
.artikelliste .artikelinhalt .normalpreis span{
	position:absolute;
	top: 0px;
	left: 0px;
	width: 59px;
	height: 20px;
	background: url('/layout/outlet0001/strike-through.png') no-repeat 20px 5px;
}
  

.artikelliste .artikelinhalt .details3 {
  position: absolute;
  top: 0px; 
  left: 2px;
  width: 68px;
  text-align: center;
  font-size: 8px;
}

.artikelliste .artikelinhalt .ersparnis {
  position: absolute;
  top: -2px;
  left: 2px;
  width: 176px;
  height: 44px;
  text-indent: -9999em;
  overflow: hidden;
}

.artikelliste .artikelinhalt .siegel {
  position: absolute;
  width: 62px;
  right: 7px;
  top: 96px;
}

.artikelliste .artikelinhalt .vid img {
  margin-right: -10px;
}

.artikelliste .artikelinhalt .siegel img {
  float: right;
}

.artikelliste .artikelinhalt .verfuegbarkeit {
  position: absolute;
  top: 244px;
  left: 29px;
  width: 118px;
  padding: 5px 2px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  font-size: 10px;
  color: #6D3A1D;
  background-color: #FFF;
}

.artikelliste .verfuegbarkeit .icon {
  position: relative;
  top: 2px;
  display: inline-block;
  width: 39px;
  height: 11px;
  overflow: hidden;
  background: url('/layout/outlet0001/verfuegbarkeit.png') scroll no-repeat 0 0 transparent;
  text-indent: -9999em;
}

.artikelliste .artikelinhalt .warenkorb {
  bottom: 3px;
  left: 3px;
  height: 42px;
  width: 172px;
  font-size: 16px;
  border: 3px solid white;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  position: absolute;
  padding: 5px 0;
  text-align: center;
  color: white;
  font-weight: bold;
  background: #FF7B00;
  background: -moz-linear-gradient(top, rgba(255,218,170,1) 0%, rgba(255,140,0,1) 45%, rgba(255,123,0,1) 51%, rgba(255,123,0,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,218,170,1)), color-stop(45%,rgba(255,140,0,1)), color-stop(51%,rgba(255,123,0,1)), color-stop(100%,rgba(255,123,0,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255,218,170,1) 0%,rgba(255,140,0,1) 45%,rgba(255,123,0,1) 51%,rgba(255,123,0,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255,218,170,1) 0%,rgba(255,140,0,1) 45%,rgba(255,123,0,1) 51%,rgba(255,123,0,1) 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, rgba(255,218,170,1) 0%,rgba(255,140,0,1) 45%,rgba(255,123,0,1) 51%,rgba(255,123,0,1) 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdaaa', endColorstr='#ff7b00',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, rgba(255,218,170,1) 0%,rgba(255,140,0,1) 45%,rgba(255,123,0,1) 51%,rgba(255,123,0,1) 100%);
}

.uebersicht .paging {
  clear: both;
  padding: 12px 4px 20px;
  border: 1px solid #630;
  border-width: 0 0 1px 0;
  font-size: 10px;
}

.uebersicht .paging span,
.uebersicht .paging .articlePages,
.uebersicht .paging .articlePages a {
  float: left;
}

.uebersicht .paging span {
  line-height: 17px;
}

.uebersicht .paging .articlePages a {
  margin: 0 4px;
  padding: 3px 6px 4px;
  border-radius: 3px;
  color: #630;
  background: #DDD;
  text-decoration: none;
}

.uebersicht .paging a.articlePages_activeLink{
  color: #000;
  background: rgb(134,170,23); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(134,170,23,1) 0%, rgba(195,226,138,1) 15%, rgba(134,170,23,1) 78%, rgba(134,170,23,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(134,170,23,1)), color-stop(15%,rgba(195,226,138,1)), color-stop(78%,rgba(134,170,23,1)), color-stop(100%,rgba(134,170,23,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86aa17', endColorstr='#86aa17',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%);
}

/* footer */

#footer {
  font-size: 10px;
  margin: 10px 0;
}

#footer div {
  float: left;
  width: 240px;
}

#footer h4 {
  margin: 0 0 1em;
  text-align: center;
  font-size: 12px;
}

#footer ul {
  margin: 0 10px;
  padding: 0;
  list-style: none outside none;
}

#footer li {
  float: left;
  margin: 0 5px 6px;
}

#footer li a {
  text-indent: -9999em;
  overflow: hidden;
  display: block;
}

#footerbezahlen li a {
  background: url('/layout/outlet0001/bezahlarten.png') no-repeat scroll 0 0 transparent;
  height: 34px;
  width: 100px;
}

#footerbezahlen .maestrovisa a {background-position: -100px 0;}
#footerbezahlen .lastschrift a {background-position: -200px 0;}
#footerbezahlen .vorkasse a {background-position: -300px 0;}

#footerversand li a {
  background: url('/layout/outlet0001/versand.png') no-repeat scroll 0 0 transparent;
  width: 100px;
  height: 34px;
}

#footerversand .hermes a {
  background-position: -100px 0;
}

#footerversand .dhl a {
  background: url('/layout/outlet0001/DHL.jpg') no-repeat scroll 0 0 transparent;
	width: 134px;
	height: 42px;
}

#footersozial ul {
  width: 170px;
  margin: 0 auto;
}

#footersozial li {
  text-indent: 0;
  margin: 0 0 6px;
}

#footersozial a {
  float: left;
  width: 33px;
  height: 35px;
}

#footersozial a {
  background: url('/layout/outlet0001/sozial.png') no-repeat scroll 0 0 transparent;
  text-indent: -9999em;
}

#footersozial .twitterlink a{
  background-position: -33px 0;
}

#footersozial .newsletterlink {
  width: 104px;
}

#footersozial .newsletterlink a{
  background-position: -66px 0;
  width: 104px;
}

#footerdetails {
  font-size: 12px;
  line-height: 14px;
}

#footerdetails .mininav {
  margin: 0 0 1em -5px;
}

#footerdetails .mininav li {
  margin: 0;
  padding: 0 5px 4px;
  border: 1px solid #630;
  border-width: 0 1px 0 0;
}

#footerdetails .mininav li:last-child {
  border-right-width: 0;
}

#footerdetails .mininav a,
#footerdetails .mininav a:visited {
  text-indent: 0;
  color: #630;
  text-decoration: none;
}

#footerdetails .mininav a:hover {
  color: #000;
}

/* artikel einzelansicht */

.einartikel {
  clear: both;
  position: relative;
  top: -35px;
}

.einartikel h1 {
  display: inline-block;
  min-width: 306px;
  font-size: 20px;
  vertical-align: middle;
  color: #FFF;
  border: 1px solid #86AA17;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: rgb(134,170,23); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(134,170,23,1) 0%, rgba(195,226,138,1) 15%, rgba(134,170,23,1) 78%, rgba(134,170,23,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(134,170,23,1)), color-stop(15%,rgba(195,226,138,1)), color-stop(78%,rgba(134,170,23,1)), color-stop(100%,rgba(134,170,23,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86aa17', endColorstr='#86aa17',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%);
}

.einartikel h1 {
  margin: 0;
}

.einartikel h1 a {
  display: block;
  margin: 8px 10px;
  color: #FFF;
  text-decoration: none;
}

.einartikel h1 a:hover {
  text-decoration: underline;
}

.einartikelinhalt {
  width: 958px;
  border: 1px solid #86AA17;
  -webkit-border-radius: 5px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius: 5px;
  -moz-border-radius-topleft: 0;
  border-radius: 5px;
  border-top-left-radius: 0;
}

.einartikelinhalt .beschreibung {
  float: left;
  margin: 0 -770px 0 310px;
  width: 460px;  
}

.einartikelinhalt .details {
  float: right;
  width: 188px;
}

.einartikelinhalt .bildarea {
  position: relative;
  float: left;
  width: 310px;
}

.einartikelinhalt .bildbig,
.einartikelinhalt .bildsmall {
  margin: 0;
  padding: 0;
  border: 1px solid #86AA17;
  border-width: 0 1px 1px 0;
  overflow: hidden;
}

.einartikelinhalt .bildsmall {
  float: left;
}
  
.einartikelinhalt .bildbig,
.einartikelinhalt .bildsmall,
.einartikelinhalt .bildbig img,
.einartikelinhalt .bildsmall img {
  -webkit-border-radius: 0px 0px 5px 0px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 0px;  
  border-radius: 0px 0px 5px 0px;
}

.einartikelinhalt .bildbig,
.einartikelinhalt .bildbig img {
  width: 306px;  
  height: auto;
}

.einartikelinhalt .bildsmall,
.einartikelinhalt .bildsmall img {
  width: 120px;
  height: auto;
}

.einartikelinhalt .bildsmall {
  margin-bottom: 20px;
}

.einartikelinhalt .abbhinweis {
  margin: 0 5px;
  text-align: right;
  font-size: 9px;
}

.einartikelinhalt .siegel {
  margin: 7px 8px 0;
}

.einartikelinhalt .siegel li {
  float: left;
  margin: 0px 2px 2px;
}

.einartikelinhalt .bildarea .backlink {
  clear: both;
  margin: 18px 16px;
}

.einartikelinhalt .bewertung{
  position: absolute;
  bottom: 23px;
  left: 128px;
  font-size: 13px;
}

.einartikelinhalt .preise {
  margin: 32px 0 14px;    
    
}
.einartikelinhalt .content {
  margin: 32px 40px 14px;
}

.einartikelinhalt .artikelpreis {
  height: 42px;
  float: left;
  display: inline-block;
  margin: 0 7px 5px 0;
  padding: 0 22px;
  font-weight: bold;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: rgb(134,170,23); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(134,170,23,1) 0%, rgba(195,226,138,1) 15%, rgba(134,170,23,1) 78%, rgba(134,170,23,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(134,170,23,1)), color-stop(15%,rgba(195,226,138,1)), color-stop(78%,rgba(134,170,23,1)), color-stop(100%,rgba(134,170,23,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86aa17', endColorstr='#86aa17',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%);
  font-size: 27px;
  line-height: 42px;
  color: #FFF;
}

.einartikelinhalt .normalpreis {
  display: inline-block;
  position: relative;
  padding: 2px 12px;  
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #FF0000;
  
  height: 42px;
  line-height: 42px;
  margin-bottom: 22px;
}

.einartikelinhalt .normalpreis .value {
  font-size: 30px;
  color: #FFF;
  text-decoration: line-through;
}

.einartikelinhalt .normalpreis .label {
  display: inline;
  position: absolute;
  top: 33px;
  left: 2px;
  font-size: 9px;
  color: #630;
  text-decoration: none;
}

.einartikelinhalt .preisdetails {
  margin: 2px 0 10px;
  clear: both;
  font-size: 10px;
}

.einartikelinhalt .preisdetails a {
  color: #630;
  text-decoration: underline;
}

.einartikelinhalt .preisdetails a:hover {
  color: #000;
}

.einartikelinhalt .content {
  font-size: 14px;
}

.einartikelinhalt .content h2 {
  margin: 10px 0 6px;
  font-size: 22px;
}

.einartikelinhalt .content .zutaten {
  margin-top: 3em;
  font-size: 10px;
  line-height: 1.2em;
}

.einartikelinhalt .content .produkt_video {
  margin-top: 3em;
}

.einartikelinhalt .details {
  font-size: 10px;
}

.einartikelinhalt .details .verfuegbarkeit {
  margin: 32px 0 7px;
  font-size: 12px;
}

.einartikelinhalt .details .verfuegbarkeit .icon {
  position: relative;
  top: 2px;
  display: inline-block;
  width: 39px;
  height: 11px;
  overflow: hidden;
  background: url('/layout/outlet0001/verfuegbarkeit.png') scroll no-repeat 0 0 transparent;
  text-indent: -9999em;
}

.einartikelinhalt .kaufen {
  font-size: 12px;
}
.einartikelinhalt .kaufen .korbmenge label {
  margin: 0 4px 4px 0;
}

.einartikelinhalt .kaufen .korbmenge input {
  border: 1px solid #8DAF25;
  padding: 0;
  margin: 0;
  font-size: 12px;
  color: #663C1A;
  text-align: right:
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.einartikelinhalt .kaufen .indenkorb {
  clear: both;
  text-align: center;
  min-width: 140px;
  margin: 1em 0;
  padding: 8px 1em;
  font-size: 13px;
  font-weight: 700;
  border: 1px solid #F29530;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #FFF;
  background: #FF7B00;
  background: -moz-linear-gradient(top, rgba(243,156,63,1) 0%, rgba(244,162,73,1) 3%, rgba(244,163,75,1) 6%, rgba(243,160,71,1) 11%, rgba(243,155,61,1) 17%, rgba(240,131,13,1) 37%, rgba(239,124,0,1) 46%, rgba(239,124,0,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,156,63,1)), color-stop(3%,rgba(244,162,73,1)), color-stop(6%,rgba(244,163,75,1)), color-stop(11%,rgba(243,160,71,1)), color-stop(17%,rgba(243,155,61,1)), color-stop(37%,rgba(240,131,13,1)), color-stop(46%,rgba(239,124,0,1)), color-stop(100%,rgba(239,124,0,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(243,156,63,1) 0%,rgba(244,162,73,1) 3%,rgba(244,163,75,1) 6%,rgba(243,160,71,1) 11%,rgba(243,155,61,1) 17%,rgba(240,131,13,1) 37%,rgba(239,124,0,1) 46%,rgba(239,124,0,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(243,156,63,1) 0%,rgba(244,162,73,1) 3%,rgba(244,163,75,1) 6%,rgba(243,160,71,1) 11%,rgba(243,155,61,1) 17%,rgba(240,131,13,1) 37%,rgba(239,124,0,1) 46%,rgba(239,124,0,1) 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, rgba(243,156,63,1) 0%,rgba(244,162,73,1) 3%,rgba(244,163,75,1) 6%,rgba(243,160,71,1) 11%,rgba(243,155,61,1) 17%,rgba(240,131,13,1) 37%,rgba(239,124,0,1) 46%,rgba(239,124,0,1) 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f39c3f', endColorstr='#ef7c00',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, rgba(243,156,63,1) 0%,rgba(244,162,73,1) 3%,rgba(244,163,75,1) 6%,rgba(243,160,71,1) 11%,rgba(243,155,61,1) 17%,rgba(240,131,13,1) 37%,rgba(239,124,0,1) 46%,rgba(239,124,0,1) 100%); /* W3C */
}

#PlentyOrder {
  font-size: 18px;
width: 690px;
padding-top: 30px;
}

#PlentyOrder table {
  background-color: #FFF;
}

/* Videoseite */

#content .video {
  text-align: center;
  max-width: 760px;
  margin: 2em 0 3em;
}

#content .video .beschreibung {
  margin: 1em 2em;
  text-align: justify;
}

/* New Footer*/

.greenbox {
	width: 220px;
	height: 200px;
	border: 1px solid #6ca000;
	border-radius: 3px;
	padding: 0;
	text-align:center;
	float: left;
	margin-right: 24px;
	margin-top: 20px;
}

.greenbox .boxhd {
	height: 32px;
	width: 100%;
	background: url(greenbox-hd-bg.png) #6ca000;
	text-align: center;
	font: 12px Arial;
	font-weight: bold;			
	color: white;
	line-height: 30px;
}

.zahlung, .versand, .social {
	margin: 20px 7px;
	padding: 0;
}

.zahlung {
	margin-top: 35px;
}
.zahlung li {
	list-style: none;
}

.zahlung li a {
	display:block;
	background: url(zahlung.png) no-repeat;
	font: 0;
	text-indent: -9999px;
	margin-right: 2px;
}

.zahlung li.paypal a {
	width: 99px;
	height: 32px;
	background-position: 0 0 ;
	float:left; 
}
.zahlung li.maestrovisa a {
	width: 99px;
	height: 32px;
	background-position: -101px 0 ;
	float:left; 
}
.zahlung li.lastschrift a {
	width: 99px;
	height: 35px;
	background-position: -201px 0 ;
	float:left; 
}
.zahlung li.vorkasse a {
	width: 99px;
	height: 32px;
	background-position: -301px 0 ;
	float:left; 
}
.versand li {
	list-style: none;
}

.versand li a{
	display:block;
	background: url(versand.png) no-repeat;
	font: 0;
	text-indent: -9999px;
}
.versand li.dhl a{
	width: 134px;
	height: 42px;
	margin-left: 37px;
	background-position: 0 0 ;
}

.versand li.dpd a{
	width: 140px;
	height: 74px;
	margin-left: 36px;
	background: url(DPD_web_outlet.jpg);
	float:left; margin-top: 15px;
}
		
.social {
	margin-left: 29px;
}
.social li {
	list-style: none;
}

.social li a {
	display:block;
	background: url(social.png) no-repeat;
	width: 43px;
	height: 43px;
	font: 0;
	text-indent: -9999px;
	float: left;
	margin-right: 17px;
	margin-bottom: 10px;
}

.social li.pinterest a{
	background-position: -4px -3px;
}
.social li.facebook a{
	background-position: -65px -3px;
}
.social li.twitter a {
	background-position: -123px -3px;
}
.social li.newsletter a {
	width: 162px;
	background-position: -183px -3px;
}
.support {
	background: url(support.png) no-repeat;
	width: 161px;
	height: 48px;
	font: 13px Arial;
	color: white;
	text-align: left;
	padding: 15px;
	margin: 15px;
}

.videos {
	list-style:none;
	padding: 0;
	margin:0;
	margin-left: 20px;
	text-align: left;
}

.videos li {
	margin-top: 8px;
	height: 45px;
	vertical-align: middle;
	font: 12px Arial;
	color: #663333;
}
.videos li a{
	display:block;
	padding-top: 5px;
	color: #663333;
}
.videos li .icon{
	display:block;
	height: 45px;
	width: 45px;
	background: url(video-sternchen.png) no-repeat 3px 3px;
	float:left;
	margin-right: 7px;
	
}
.webgains {
	display:block;
	margin-top: 15px;
}
.lagerverkauf {
	display:block;
	margin-left: 20px;
	margin-top: 10px;
	text-align: left;
	color: #663333;
}

.haus {
	height: 49px;
	width: 57px;
	display:block;
	float:left;
	background: url(haus.png) no-repeat 3px 3px;
	margin-right: 10px;
}
.lagerverkauf .schrift{
	font: 14px Arial;
	color: #663333;
	margin-top: 5px;
}

.nlrabatt .schrift{
	font: 14px Arial;
	float:middle;
	font-weight: bold;
	color: #663333;
	margin-top: 2px;
}

.mininav { display:block; margin: 0 250px;}
.mininav li { display:block; float: left; margin: 0 10px; font: 12px Arial; color:#633}
.mininav li a{ text-decoration: none;}


/* Plenty Bestellprozess - überschreibt Stadard-Layout */

/* Errors */
  div.PlentyError input[type=text], div.PlentyError input[type=password]
    {
    border:none;
    border:1px dashed #f44d4d!important;
    background-color:#fbe7e7;
    }
  
  div.PlentyErrorPane
    {
    display:    none;
    color:      white;
    font-size:    12pt;
    }
   .PlentyErrorMessageBox
   {
    background-color: #f36060;
      border: 1px dashed #9c2020 !important;
    margin-bottom:5px;
    padding:5px;
   }





/* Box Settings*/
.PlentyWebBasketContainer   { margin-bottom:15px;  }
#PlentyWebBasketTitleContainer { margin-top:15px;  }

/* Box Headlines */
.PlentyWebBasketContainerTitle,
.AccordionTitle, .AccordionTitle.AlreadyOpened ,.AccordionTitle.CurrentAccordionTitle  {
  background: rgb(148,185,72); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(148,185,72,1) 0%, rgba(173,201,115,1) 6%, rgba(181,205,124,1) 9%, rgba(181,204,121,1) 13%, rgba(172,198,105,1) 19%, rgba(164,195,100,1) 22%, rgba(157,190,84,1) 28%, rgba(144,183,64,1) 34%, rgba(132,173,42,1) 44%, rgba(128,171,30,1) 47%, rgba(125,168,25,1) 50%, rgba(116,164,2,1) 56%, rgba(110,160,0,1) 66%, rgba(110,160,0,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(148,185,72,1)), color-stop(6%,rgba(173,201,115,1)), color-stop(9%,rgba(181,205,124,1)), color-stop(13%,rgba(181,204,121,1)), color-stop(19%,rgba(172,198,105,1)), color-stop(22%,rgba(164,195,100,1)), color-stop(28%,rgba(157,190,84,1)), color-stop(34%,rgba(144,183,64,1)), color-stop(44%,rgba(132,173,42,1)), color-stop(47%,rgba(128,171,30,1)), color-stop(50%,rgba(125,168,25,1)), color-stop(56%,rgba(116,164,2,1)), color-stop(66%,rgba(110,160,0,1)), color-stop(100%,rgba(110,160,0,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(148,185,72,1) 0%,rgba(173,201,115,1) 6%,rgba(181,205,124,1) 9%,rgba(181,204,121,1) 13%,rgba(172,198,105,1) 19%,rgba(164,195,100,1) 22%,rgba(157,190,84,1) 28%,rgba(144,183,64,1) 34%,rgba(132,173,42,1) 44%,rgba(128,171,30,1) 47%,rgba(125,168,25,1) 50%,rgba(116,164,2,1) 56%,rgba(110,160,0,1) 66%,rgba(110,160,0,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(148,185,72,1) 0%,rgba(173,201,115,1) 6%,rgba(181,205,124,1) 9%,rgba(181,204,121,1) 13%,rgba(172,198,105,1) 19%,rgba(164,195,100,1) 22%,rgba(157,190,84,1) 28%,rgba(144,183,64,1) 34%,rgba(132,173,42,1) 44%,rgba(128,171,30,1) 47%,rgba(125,168,25,1) 50%,rgba(116,164,2,1) 56%,rgba(110,160,0,1) 66%,rgba(110,160,0,1) 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, rgba(148,185,72,1) 0%,rgba(173,201,115,1) 6%,rgba(181,205,124,1) 9%,rgba(181,204,121,1) 13%,rgba(172,198,105,1) 19%,rgba(164,195,100,1) 22%,rgba(157,190,84,1) 28%,rgba(144,183,64,1) 34%,rgba(132,173,42,1) 44%,rgba(128,171,30,1) 47%,rgba(125,168,25,1) 50%,rgba(116,164,2,1) 56%,rgba(110,160,0,1) 66%,rgba(110,160,0,1) 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94b948', endColorstr='#6ea000',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, rgba(148,185,72,1) 0%,rgba(173,201,115,1) 6%,rgba(181,205,124,1) 9%,rgba(181,204,121,1) 13%,rgba(172,198,105,1) 19%,rgba(164,195,100,1) 22%,rgba(157,190,84,1) 28%,rgba(144,183,64,1) 34%,rgba(132,173,42,1) 44%,rgba(128,171,30,1) 47%,rgba(125,168,25,1) 50%,rgba(116,164,2,1) 56%,rgba(110,160,0,1) 66%,rgba(110,160,0,1) 100%); /* W3C */
    
  /* rounded borders top left and right */
  -webkit-border-radius: 5px 5px 0px 0px;
  -khtml-border-radius-topleft:5px;
  -khtml-border-radius-topright:5px;
  -khtml-border-radius-bottomright: 0px;
  -khtml-border-radius-bottomleft: 0px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-radius: 5px 5px 0px 0px; 
  
  /* rest */
  color:#FFF;
  font-size:16px;
  font-weight:700;
  border:1px solid #6D9F00;
  padding:5px 10px 5px 10px;
  margin: 0;
  margin-top: 15px;
}

#PlentyWebOrderOverviewAGBandWithdrawal,
#PlentyWebOrderOverviewItemsTop,
#PlentyWebOrderOverviewInvoiceTitle,
#PlentyWebOrderOverviewInvoiceTitle,
#PlentyWebOrderOverviewShippingTitle,
#PlentyWebOrderOverviewShippingMethodTitle,
#PlentyWebOrderOverviewPaymentMethodTitle {
  display:block; height: 20px;
  /* rounded borders top left and right */
  -webkit-border-radius: 5px 5px 0px 0px;
  -khtml-border-radius-topleft:5px;
  -khtml-border-radius-topright:5px;
  -khtml-border-radius-bottomright: 0px;
  -khtml-border-radius-bottomleft: 0px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-radius: 5px 5px 0px 0px; 
  padding: 5px 10px; 
}

#PlentyWebOrderOverviewInvoiceContainer,
#PlentyWebOrderOverviewShippingContainer,
#PlentyWebOrderOverviewShippingMethodContainer,
#PlentyWebOrderOverviewPaymentMethodContainer,
#PlentyWebOrderOverviewReferenceContainer {
	width: 210px;
	margin-top: 10px;
	padding: 5px;
	float:left;
}
#PlentyWebOrderOverviewAGBandWithdrawal,
#PlentyWebOrderOverviewItemsTop,
#PlentyWebOrderOverviewInvoiceTitle,
#PlentyWebOrderOverviewShippingTitle,
#PlentyWebOrderOverviewShippingMethodTitle,
#PlentyWebOrderOverviewPaymentMethodTitle {
	margin-left: -7px;
	margin-top: -5px;
	width: 204px;
}

#PlentyWebOrderOverviewAGBandWithdrawal {
	margin-left: -2px;
}

#PlentyWebOrderOverviewItemsTop {
	width: 684px;

}

#PlentyWebOrderOverviewSubmitContainer {
	clear:both;
}
#PlentyWebOrderOverviewAGBandWithdrawal {
	width: 918px;

}
#PlentyWebOrderOverviewItemsContainer,#PlentyWebOrderOverviewNotesContainer {
	width: 690px;
	padding: 5px;
	float:right;
}


#PlentyOrderWebOrderOverviewContent .PlentyFormBox,
#PlentyWebOrderOverviewInvoiceContainer,
#PlentyWebOrderOverviewShippingContainer,
#PlentyWebOrderOverviewShippingMethodContainer,
#PlentyWebOrderOverviewPaymentMethodContainer{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px ; 
	border: 2px solid rgb(103,59,21);
	border-top: none;
	margin-top: 5px;
	margin-bottom: 10px;
}

#PlentyOrderWebOrderOverviewContent #PlentyWebOrderOverviewNotesContainer,
#PlentyOrderWebOrderOverviewContent #PlentyWebOrderOverviewReferenceContainer {
	border: 2px solid rgb(103,59,21);

}
#PlentyWebOrderOverviewAGBandWithdrawal {margin-top: 15px;}
#PlentyWebOrderOverviewAGBandWithdrawal h3 { margin: 0;}

.PlentyWebBasketOpenableContainer:hover #PlentyWebBasketShippingCountryContainerTitle,
.PlentyWebBasketOpenableContainer:hover #PlentyWebBasketPaymentMethodContainerTitle,
.PlentyWebBasketOpenableContainer:hover #PlentyWebBasketShippingMethodContainerTitle,
.PlentyWebBasketOpenableContainer:hover #PlentyWebBasketCouponContainer,
.PlentyWebBasketOpenableContainer:hover #PlentyWebBasketCouponContainerTitle,
#PlentyWebOrderOverviewAGBandWithdrawal,
#PlentyWebOrderOverviewItemsTop,
#PlentyWebOrderOverviewInvoiceTitle,
#PlentyWebOrderOverviewShippingTitle,
#PlentyWebOrderOverviewShippingMethodTitle,
#PlentyWebOrderOverviewPaymentMethodTitle
 {
  cursor:pointer;  
  background: rgb(103,59,21); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(103,59,21,1) 0%, rgba(104,59,21,1) 4%, rgba(107,64,27,1) 6%, rgba(143,111,83,1) 18%, rgba(148,116,90,1) 20%, rgba(149,118,92,1) 23%, rgba(148,116,89,1) 28%, rgba(141,109,80,1) 35%, rgba(110,67,31,1) 57%, rgba(103,60,22,1) 65%, rgba(103,59,21,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(103,59,21,1)), color-stop(4%,rgba(104,59,21,1)), color-stop(6%,rgba(107,64,27,1)), color-stop(18%,rgba(143,111,83,1)), color-stop(20%,rgba(148,116,90,1)), color-stop(23%,rgba(149,118,92,1)), color-stop(28%,rgba(148,116,89,1)), color-stop(35%,rgba(141,109,80,1)), color-stop(57%,rgba(110,67,31,1)), color-stop(65%,rgba(103,60,22,1)), color-stop(100%,rgba(103,59,21,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(103,59,21,1) 0%,rgba(104,59,21,1) 4%,rgba(107,64,27,1) 6%,rgba(143,111,83,1) 18%,rgba(148,116,90,1) 20%,rgba(149,118,92,1) 23%,rgba(148,116,89,1) 28%,rgba(141,109,80,1) 35%,rgba(110,67,31,1) 57%,rgba(103,60,22,1) 65%,rgba(103,59,21,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(103,59,21,1) 0%,rgba(104,59,21,1) 4%,rgba(107,64,27,1) 6%,rgba(143,111,83,1) 18%,rgba(148,116,90,1) 20%,rgba(149,118,92,1) 23%,rgba(148,116,89,1) 28%,rgba(141,109,80,1) 35%,rgba(110,67,31,1) 57%,rgba(103,60,22,1) 65%,rgba(103,59,21,1) 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, rgba(103,59,21,1) 0%,rgba(104,59,21,1) 4%,rgba(107,64,27,1) 6%,rgba(143,111,83,1) 18%,rgba(148,116,90,1) 20%,rgba(149,118,92,1) 23%,rgba(148,116,89,1) 28%,rgba(141,109,80,1) 35%,rgba(110,67,31,1) 57%,rgba(103,60,22,1) 65%,rgba(103,59,21,1) 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#673b15', endColorstr='#673b15',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, rgba(103,59,21,1) 0%,rgba(104,59,21,1) 4%,rgba(107,64,27,1) 6%,rgba(143,111,83,1) 18%,rgba(148,116,90,1) 20%,rgba(149,118,92,1) 23%,rgba(148,116,89,1) 28%,rgba(141,109,80,1) 35%,rgba(110,67,31,1) 57%,rgba(103,60,22,1) 65%,rgba(103,59,21,1) 100%); /* W3C */ 
  color:#fff;

}

.PlentyWebBasketOpenableContainer:hover #PlentyWebBasketShippingMethodContainerTitle #WebBasketShippingMethodSelectedChange,
.PlentyWebBasketOpenableContainer:hover #PlentyWebBasketPaymentMethodContainerTitle #WebBasketPaymentMethodSelectedChange,
.PlentyWebBasketOpenableContainer:hover #PlentyWebBasketShippingCountryContainerTitle #WebBasketShippingCountrySelectedChange,
.PlentyWebBasketOpenableContainer:hover #PlentyWebBasketCouponContainerTitle #WebBasketCouponSelectedChange {
  color:#FFF;
}





/* Box Body */

.PlentyWebBasketContainerContent {
  /* inner shadow*/
  -moz-box-shadow: inset 0px 0px 3px #b5c6d0;
  -webkit-box-shadow: inset 0px 0px 3px #b5c6d0;
  box-shadow: inset 0px 0px 3px #b5c6d0;
    
  /* rounded bottom */
  -webkit-border-radius: 0 0 5px 5px;
  -khtml-border-radius-bottomleft:5px;
  -khtml-border-radius-bottomright:5px;
  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-bottomright:5px;
  border-radius: 0 0 5px 5px;
  
  /* rest */
  border:1px solid #6D9F00;
  border-top:0;
  background-color:#fff;
  padding:10px;
  line-height:17px;
}
  
/* footer */
#PlentyWebBasketFooterContainerContent {
  -webkit-border-radius: 5px 5px 0px 0px;
  -khtml-border-radius-topleft:5px;
  -khtml-border-radius-topright:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  border-radius: 5px 5px 0px 0px;
  border-top-width: 1px;
  text-align: right;
}

/* Box Head change Buttons */
#WebBasketShippingCountrySelectedChange,
#WebBasketPaymentMethodSelectedChange,
#WebBasketShippingMethodSelectedChange,
#WebBasketCouponSelectedChange {
  font-size:12px;
  font-weight:400;
  color: #630;
  float:right;
  margin-top:3px;  
  cursor:pointer;
 }

/* Box slideable:hover */

.PlentyWebBasketOverlayMainPane > .PlentyWebBasketOverlayBackground {
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  position: fixed;
  opacity: 0.5;
  background-color: black;
}

.PlentyWebBasketOverlayMainPane > .PlentyWebBasketOverlayContent {
  max-height: 80%;
  overflow: auto;
  min-width: 30%;
  width: 40%;
  top: 10%;
  left: 30%;
  position: fixed;
  z-index: 10001;
}

.PlentyWebBasketOverlayMainPane > .PlentyWebBasketOverlayClose {
  position: fixed;
  height: 35px;
  width: 35px;
  cursor: pointer;
  background-image: url(/images/icons/silk/overlay_close.png);
  top:8%;
  right:29%;
  z-index: 10002;
}

/********* VERSANDICONS WARENKORB **********/

.PlentyWebBasketShippingMethodData {
	height: 50px;
}

#PlentyWebBasketShippingMethod37Container { /*GLS*/
	background: url(//www.bioschokolade.de/images/gallery/Basis/gls_120px.png) no-repeat 250px 10px;
}

#PlentyWebBasketShippingMethod48Container { /*DPD*/
background: url(//www.bioschokolade.de/images/gallery/Basis/DPD_web_shop.jpg) no-repeat 250px 10px;
}


#PlentyWebBasketShippingMethod28Container { /*DHL*/
background: url(//www.bioschokolade.de/images/gallery/Basis/dhl_120px.png) no-repeat 250px 10px;
}


#PlentyWebBasketShippingMethod47Container { /*Hermes*/
background: url(//www.bioschokolade.de/images/gallery/Basis/hermes_120px.png) no-repeat 250px 10px;
}
  
#basketarea {
margin-left: 10px;
}

#mainnav .nav li a.hover {display:none;} 
#mainnav .nav li:hover a.hover {display:block;}

#dropdown {
	position:relative
}

.navDropDown {
	display:none;
	-webkit-transition: display 1s ease-out;
	position:absolute;
	top: 30px;
	z-index:1000;
	background-color: white;
	padding: 20px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border: 1px solid rgb(134,170,23);
	width: 690px;
	padding-right:0;
	
}
#dropdown:hover .navDropDown{
	display:block;
}
.navDropDown a { 
	font-family: Arial; /*"Trebuchet MS",*/
	font-size: 13px;
	text-decoration:none;
}
.navli .navHd a {
	width: 180px;
	color:white;
	background-color: #663c1a;
	background-image: url(//www.schokoladen-outlet.de/layout/outlet0001/nav.png);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 5px 15px;
	display: block;
}
.navHd a:hover {
	text-decoration:underline;
}
.navCol {
	width: 230px;
	float:left;
}
.navCol ul {
	list-style:none;
	padding:0;
	margin: 10px;
	margin-bottom: 25px;
}
.navCol li a {
	display:block;
	padding: 3px 0 2px; 
	color:brown;
}
.navCol li a:hover {
	color:rgb(134,170,23);
	text-decoration:underline;
}

.prodVar {
    background-color: whitesmoke;
    border-radius: 20px;
    padding: 20px;
    margin-top: 20px;
}

#prodVars li{
    margin-top: 10px;

}
#prodVars a{
    font-weight: bold;
    text-decoration:none;
}

#prodVars .gewicht, #prodVars .price {
    display:block;
    float:left;
    width: 80px;
    height: 30px;
    line-height: 30px;
}

#prodVars .price {
    text-align: center;
    color:white;
    font-size: 18px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: rgb(134,170,23);
    background: -moz-linear-gradient(top, rgba(134,170,23,1) 0%, rgba(195,226,138,1) 15%, rgba(134,170,23,1) 78%, rgba(134,170,23,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(134,170,23,1)), color-stop(15%,rgba(195,226,138,1)), color-stop(78%,rgba(134,170,23,1)), color-stop(100%,rgba(134,170,23,1)));
    background: -webkit-linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%);
    background: -o-linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%);
    background: -ms-linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86aa17', endColorstr='#86aa17',GradientType=0 );
    background: linear-gradient(top, rgba(134,170,23,1) 0%,rgba(195,226,138,1) 15%,rgba(134,170,23,1) 78%,rgba(134,170,23,1) 100%);
}
#prodVars img {
    height: 32px;
    margin-left: 20px;
    
}