html{ 
  background:url(https://www.motoruf.de/n/img/saegeketten.jpg);
  background-repeat: no-repeat;
    background-attachment: fixed;
 } 
h1 { font-family: Graduate, Arial, serif; font-weight: 800; font-size:40px; 
background-color:rgba(144, 123, 85, 0.64);
margin:0px;
padding:5px;
}

/* unvisited link */
a:link {
    color: rgb(229, 90, 4);
}

/* visited link */
a:visited {
    color:rgb(229, 90, 4);
}

/* mouse over link */
a:hover {
    color: red;
}

/* selected link */
a:active {
    color: red;
}

#layout{max-width:1050px;
margin-left:auto;
margin-right:auto;
-webkit-box-shadow: 18px 14px 39px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 18px 14px 39px -9px rgba(0,0,0,0.75);
box-shadow: 18px 14px 39px -9px rgba(0,0,0,0.75);}
.logo{font-family: Graduate, Arial, serif; font-weight: 800;  font-size:30px;text-align: center; color:#867454!important; }
.logosub{ font-family: Graduate, Arial, serif; font-weight: 200;text-align: center; }

#text{
background-color: rgba(255, 255, 255, 0.56);
padding:20px;
min-height:600px;
}


#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu {
clear:both;
  width: auto;
  border-bottom: 5px solid #907B55;
  font-family:Graduate;
  line-height: 1;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-right > ul > li > a {
  margin-right: 0;
  margin-left: -4px;
}
#cssmenu > ul > li > a {
  z-index: 2;
  padding: 18px 25px 12px 25px;
  font-size: 15px;
  font-weight: 800;
  text-decoration: none;
  color: #444444;
  margin-right: -4px;
}
#cssmenu .selected_nav,
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover {
  color: #ffffff;
}
#cssmenu > ul > li > a:after,#cssmenu .selected_nav:before{
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  width: 100%;
  height: 120%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  content: "";
  -webkit-transform: perspective(5px) rotateX(2deg);
  -webkit-transform-origin: bottom;
  -moz-transform: perspective(5px) rotateX(2deg);
  -moz-transform-origin: bottom;
  transform: perspective(5px) rotateX(2deg);
  transform-origin: bottom;
}
#cssmenu .selected_nav:before,
#cssmenu > ul > li:hover > a:after,
#cssmenu > ul > li > a:hover:after {
  background: #907B55;
}
#content {
  background-color: rgba(255, 255, 255, 0.52);
  padding: 20px;
}

#inhalt{
  line-height: 28px;
}

#wk{
float:right;

padding:5px;
display:block;
width:160px;
font-weight:bold; 
font-size:14px;  

-webkit-box-shadow: 10px 10px 62px -9px rgba(89,35,5,1);
-moz-box-shadow: 10px 10px 62px -9px rgba(89,35,5,1);
box-shadow: 10px 10px 62px -9px rgba(89,35,5,1);
  border:1px solid white;
}
#wk:hover{
border:1px solid black;
background-color:wheat;
}
#wk a:hover{
color:black;
}
#wktitel,#wkanzahl{
display:block;
}
#header{padding:12px;float:left;background-color:wheat;margin-right:10px; margin-bottom:40px;}

#wk img {
  float: left;
  padding-right: 6px;
}
#cssmenu2 {
float:right;
margin-left:20px;
-webkit-box-shadow: -3px 3px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: -3px 3px 5px 0px rgba(0,0,0,0.75);
box-shadow: -3px 3px 5px 0px rgba(0,0,0,0.75);

}
#cssmenu2 ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
#cssmenu2 li a {
  height: 32px;
  height: 24px;
  width:89px;
  text-decoration: none;
  font-weight: normal;
}
#cssmenu2 li a:link,
#cssmenu2 li a:visited {
  color: #5E7830;
  display: block;
  background-color:rgba(245, 222, 179, 0.82);
  padding: 8px 8px 0px 10px;
}
#cssmenu2 li a:hover {
  color: white;
  background-color:#907B55;
}
#cssmenu2 li a:active {
  color: white;
  background-color:#907B55;
}
#cssmenu2 .selected_nav{
 color: white!important;
 background-color:#907B55!important;
 font-weight:bold;

}


.searchbutton {
  background: #7abcff;
  background: -moz-linear-gradient(top, #7abcff 0%, #60abf8 44%, #4096ee 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(44%,#60abf8), color-stop(100%,#4096ee));
  background: -webkit-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%);
  background: -o-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%);
  background: -ms-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%);
  background: linear-gradient(to bottom, #7abcff 0%,#60abf8 44%,#4096ee 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 );
  cursor: pointer;
  color: white;
  font-weight: bold;
  padding-right: 5px;
  padding-left: 5px;
  border: 0px solid blue;
  height: 27px;
  width: 40px;
  border-radius: 4px;
}
.search{max-width:160px;}
.kettenstrich{
background-image:url("../saegeketten/123.gif");
height:33px;
text-align:right;
padding-top:5px;padding-right:20px;
}
#konto{float:left;margin-bottom:10px;padding-left:8px;border-left:5px solid #907B55;}
#meinkonto {
  padding-top:10px;
  font-size: 12px;
  font-weight: bold;
}
#headermodul{
background-color:white;
}
#konto_inhalt { 
  max-width: 520px;
 
  line-height: normal;
}
#konto_inhalt a {
  display: block;
  font-size: 13px;
  padding: 6px;
}
#login {
  list-style-type: none;
  padding:0px;
  margin:0px;
}
#login li{min-width:80px;float:left;}
a{
text-decoration:none;
}
#konto a:hover{
background-color:#907B55;
color:white;
text-decoration:none; 
}



#konto .selected_nav{
 background-color:#907B55;
 color:white;
 

}

#zahlarten img{
max-width:100%;
}
#endzeile{
clear:both;
text-align:center;
color:white;
padding:40px;
height:200px;
background: #9e0f0f; /* Old browsers */
background: -moz-linear-gradient(top,  #9e0f0f 4%, #f6e6b4 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(4%,#9e0f0f), color-stop(99%,#f6e6b4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #9e0f0f 4%,#f6e6b4 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #9e0f0f 4%,#f6e6b4 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #9e0f0f 4%,#f6e6b4 99%); /* IE10+ */
background: linear-gradient(to bottom,  #9e0f0f 4%,#f6e6b4 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e0f0f', endColorstr='#f6e6b4',GradientType=0 ); /* IE6-9 */

}

.pad,.saegekettenqualitaeten {
  background-color: white;
  padding: 20px;
  max-width:648px;
}
.blaettern{
line-height:normal;
padding-top:10px;
}
h2 {
  font-family: Graduate, Arial, serif;
  font-weight: 800;
  font-size: 20px;
  background-color: rgba(144, 123, 85, 0.64);
  margin: 0px;
  padding: 5px;
}
.bloecke {
  max-width: 653px;
}
.block {
  max-width: 297px;
  float: left;
  margin: 10px;
}
.blaettern a {
  font-size: 71px;
  padding-right: 26px;
}
.pad{float:left;}
.rechts{padding-top:10px;;float:right;max-width:260px;}
body{margin:0px;font-size:14px;font-family:Arial;}
.navitem{
min-height:60px;
margin:2px;
padding:6px;
background-color:white;
font-size:12px;
float:left;
border:1px solid white;
}
.navitem:hover{
border:1px solid black;
    -ms-transform: scale(1.1,1.2); /* IE 9 */
    -webkit-transform: scale(1.1,1.2); /* Chrome, Safari, Opera */
    transform: scale(1.1,1.2);

}
.navitem img{
max-width:40px;
max-height:40px;
}
.clearfx {
  clear: both;
}
.navigationtotal{
max-width:878px;
}
.navigationstitel {
  background-color: rgba(161, 143, 113, 0.62);
  padding: 10px;
  font-weight: bold;
}
.breadcrumb {
  width: 100%;
  font-size:12px;
  color:
}
.breadcrumb ul {
  margin: 0 0px 0 0px;
  padding: 0;
}
.breadcrumb ul li {
border-right:1px solid black;
  padding: 5px;
  margin: 0;
  list-style: none;
  float: left;
  max-width:400px;
  
}
.breadcrumb ul li a {
  text-decoration: none;
  display: block;
  line-height:normal;
  }

.clearfix{
clear:left;
}
.rechnungsadresse, .zahlart, .lieferadresse {
  line-height: normal;
    padding:20px;

}

.rechnungsadresse .titel, .zahlart .titel, .lieferadresse .titel{

  font-weight:bold;
}
.subnavbox {
  background-color: rgba(255, 255, 255, 0.66);
}
#subnav {
  padding-left: 10px;
  padding-right: 10px;
  list-style-type: none;
}
#subnav a {
  display: block;
  padding: 5px;
}
#subnav .selected_nav{
background-color:rgba(144, 123, 85, 0.64);
color:white;
}
.loginform {
  border: 1px solid #ea7500;
  width: 281px;
  -webkit-border-radius: 13px;
  border-radius: 5px;
  padding: 1px;
  background: #f8ffe8;
  -webkit-box-shadow: 3px 3px 13px #999595;
  box-shadow: 3px 3px 13px #999595;
  margin-left: auto;
  margin-right: auto;
}
.loginformtitel {
  font-weight: bold;
  font-size: 16px;
  padding: 5px 5px 7px 20px;
  background: #f9c667;
  background: -moz-linear-gradient(top, #f9c667 0%, #f79621 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9c667), color-stop(100%,#f79621));
  background: -webkit-linear-gradient(top, #f9c667 0%,#f79621 100%);
  background: -o-linear-gradient(top, #f9c667 0%,#f79621 100%);
  background: -ms-linear-gradient(top, #f9c667 0%,#f79621 100%);
  background: linear-gradient(to bottom, #f9c667 0%,#f79621 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c667', endColorstr='#f79621',GradientType=0 );
  height: 31px;
}
.loginform h2 {
background-color:transparent;
  height: 20px;
  font-size: 25px;
  color: white;
}
.innerlogin {
  display: block;
  background-color: #fff9df;
  padding: 10px;
  padding-top: 20px;
  text-align: rigght;
  font-size: 13px;
}
.loginformtitel a {
  color: black;
  font-size: 10px;
}
.button {
  cursor: pointer;
  -moz-box-shadow: inset 0px 1px 0px 0px #c1ed9c;
  -webkit-box-shadow: inset 0px 1px 0px 0px #c1ed9c;
  box-shadow: inset 0px 1px 0px 0px #c1ed9c;
  background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #61d33b), color-stop(1, #42c21a) );
  background: -moz-linear-gradient( center top, #61d33b 5%, #42c21a 100% );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#61d33b', endColorstr='#42c21a');
  background-color: #61d33b;
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-left-radius: 6px;
  text-indent: 0;
  border: 1px solid #83c41a;
  display: inline-block;
  color: #ffffff;
  font-family: Arial;
  font-size: 15px;
  font-weight: bold;
  font-style: normal;
  height: 50px;
  width: 150px;
  text-decoration: none;
  text-align: center;
  text-shadow: 1px 1px 0px #689324;
}
.loginfields {
  width: 230px;
  height: 18px;
  padding: 5px;
  font-size: 16px;
}
.schnittl {
  float: left;
}
.schnittl table{
height:55px;
}
.kette{
max-width:600px;

  margin-top: 28px;

}
.fehler {
  text-align: center;
  padding: 8px;
  margin-bottom: 10px;
  margin-top: 10px;
  color: white;
  font-weight: bold;
  font-size: 16px;
  background: #fb682e;
  background: -moz-linear-gradient(top, #fb682e 0%, #f98b66 51%, #fb682e 53%, #f95316 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb682e), color-stop(51%,#f98b66), color-stop(53%,#fb682e), color-stop(100%,#f95316));
  background: -webkit-linear-gradient(top, #fb682e 0%,#f98b66 51%,#fb682e 53%,#f95316 100%);
  background: -o-linear-gradient(top, #fb682e 0%,#f98b66 51%,#fb682e 53%,#f95316 100%);
  background: -ms-linear-gradient(top, #fb682e 0%,#f98b66 51%,#fb682e 53%,#f95316 100%);
  background: linear-gradient(to bottom, #fb682e 0%,#f98b66 51%,#fb682e 53%,#f95316 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb682e', endColorstr='#f95316',GradientType=0 );
}
.kette table { 
line-height:normal;
  border: 1px solid green;
  border-bottom: 0;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 2px;
  text-align: left;
  background: rgb(180,227,145);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, rgba(180,227,145,1) 0%, rgba(235,255,216,1) 51%, rgba(180,227,145,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(180,227,145,1)), color-stop(51%,rgba(235,255,216,1)), color-stop(100%,rgba(180,227,145,1)));
  background: -webkit-linear-gradient(top, rgba(180,227,145,1) 0%,rgba(235,255,216,1) 51%,rgba(180,227,145,1) 100%);
  background: -o-linear-gradient(top, rgba(180,227,145,1) 0%,rgba(235,255,216,1) 51%,rgba(180,227,145,1) 100%);
  background: -ms-linear-gradient(top, rgba(180,227,145,1) 0%,rgba(235,255,216,1) 51%,rgba(180,227,145,1) 100%);
  background: linear-gradient(to bottom, rgba(180,227,145,1) 0%,rgba(235,255,216,1) 51%,rgba(180,227,145,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#b4e391',GradientType=0 );
}
.kette table td {

padding:7px;
padding-top:6px;
  padding-right: 5px;
  font-size:12px;
}
.auflager {
  float: right;
  font-size:12px;
  text-align: right;
  padding-top:10px;
  padding-right:20px;
}
.kettenpostotal {
max-width:648px;
font-size:12px;
  clear: left;
  border: 1px solid green;
  border-bottom: 0;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  border-top-right-radius: 10px;
  background: #e5fcd1;
}
.kettenpos {
  border: 1px solid green;
  border-left: 0;
  border-top: 0;
  border-right: 0;
  clear: both;
  padding: 10px;
}
.kettenpos .bez {
  width: 150px;
  padding-top: 8px;
  float: left;
}
.kettenpos .preis {
  padding-top: 8px;
  width: 70px;
  text-align: right;
  padding-right: 20px;
  font-weight: bold;
  float: left;
  font-size: 20px;
}
.kettenpos .rabatt {
  padding-top: 8px;
  width: 150px;
  float: left;
  font-size: 12px;
  color: red;
}
.kettenpos .wk {
  text-align: right;
}
.auflager .sofort {
  display: inline-block;
  margin-left: 8px;
  width: 12px;
  height: 12px;
  background-color: green;
  background: rgb(191,210,85);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, rgba(191,210,85,1) 0%, rgba(142,185,42,1) 50%, rgba(114,170,0,1) 51%, rgba(158,203,45,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(191,210,85,1)), color-stop(50%,rgba(142,185,42,1)), color-stop(51%,rgba(114,170,0,1)), color-stop(100%,rgba(158,203,45,1)));
  background: -webkit-linear-gradient(top, rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%);
  background: -o-linear-gradient(top, rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%);
  background: -ms-linear-gradient(top, rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%);
  background: linear-gradient(to bottom, rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 );
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid green;
}
.pangv {
  font-size: 11px;
  font-weight: normal;
  color: black;
}
.indeneinkaufswagengelegt {
  position: relative;
  right: 0;
  background: white;
  padding: 10px;
  text-align: center;
  border: 1px solid #e3562c;
  color: #e3562c;
  display: none;
  font-weight: bold;
  margin-top: 20px;
}

.sonderangebot {
line-height:normal;
font-size:12px;
  margin-top: 20px;
  padding:10px;
  padding-top: 6px;
  max-width: 250px;
  text-align: center;
  float: left;
  border: 1px solid red;
  border-bottom: 0;
  border-left: 0;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  border-top-right-radius: 10px;
  background: rgb(252,234,187);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,234,187,1)), color-stop(50%,rgba(252,205,77,1)), color-stop(51%,rgba(248,181,0,1)), color-stop(100%,rgba(251,223,147,1)));
  background: -webkit-linear-gradient(top, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%);
  background: -o-linear-gradient(top, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%);
  background: -ms-linear-gradient(top, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%);
  background: linear-gradient(to bottom, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 );
}
.selectedsonderangebot {
  border: 1px solid red;
  border-bottom: 0;
  margin-left: -10px;
  max-width: 260px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-left-radius: 10px;
  top: 1px;
  position: relative;
}
.artpos {
max-width:648px;
  padding: 20px;
  border: 1px solid green;
  margin-top: 30px;
  line-height: normal;
  background: rgb(180,227,145);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, rgba(180,227,145,1) 0%, rgba(235,255,216,1) 51%, rgba(180,227,145,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(180,227,145,1)), color-stop(51%,rgba(235,255,216,1)), color-stop(100%,rgba(180,227,145,1)));
  background: -webkit-linear-gradient(top, rgba(180,227,145,1) 0%,rgba(235,255,216,1) 51%,rgba(180,227,145,1) 100%);
  background: -o-linear-gradient(top, rgba(180,227,145,1) 0%,rgba(235,255,216,1) 51%,rgba(180,227,145,1) 100%);
  background: -ms-linear-gradient(top, rgba(180,227,145,1) 0%,rgba(235,255,216,1) 51%,rgba(180,227,145,1) 100%);
  background: linear-gradient(to bottom, rgba(180,227,145,1) 0%,rgba(235,255,216,1) 51%,rgba(180,227,145,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#b4e391',GradientType=0 );
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.artpos .preis {
  padding-top: 12px;
  width: 150px;
  font-size: 35px;
  font-weight: bold;
  color: red;
  line-height: 12px;
}
.indeneinkaufswagen {
  background: transparent;
  background-image: url(img/de/indeneinkaufswagen.png);
  background-repeat: no-repeat;
  padding-left: 45px;
  cursor: pointer;
  width: 218px;
  height: 41px;
  padding-top: 3px;
  color: #4b6f65;
  font-family: Arial;
  font-size: 15px;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  text-align: left;
  text-shadow: 1px 1px 0px #e3f2ee;
  border: 1px solid #2db396;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
}
.artpos .titel {
  font-size: 25px;
}
.wkanzahlbig {
  margin-right: 10px;
  font-size: 22px;
  padding: 4px;
  vertical-align: middle;
  width: 40px;
}
.artpos .wk {
  text-align: right;
}
.lagerhtml {
  text-align: right;
  padding-right: 4px;
}
.kettenpostotalsonderangebot{
max-width:600px;
clear:left!important;
}

@media (min-width: 850px) {
   #suchen{position:relative;top:-50px;}
   
}


@media (max-width:700px) {
#cssmenu > ul > li > a {
  padding: 6px 10px 2px 10px;
  font-size:13px;
  font-weight:normal;
  }
  .navitem{
  min-height:20px;
  }
  #cssmenu2 li{
  float:left;
    font-size:10px;
  }
  #suchen,#lileft4,#lileft5{
  display:none!important;
  }
  #content{
    clear: both;
    padding:0px;
  }
  .logo{font-size:15px;}
  #cssmenu2 li a{
  height:auto;
  width:auto;
  padding:3px!important;
  }
  #cssmenu2{width:100%;      background-color: rgba(245, 222, 179,1);}
  #header{
  }
  h1{font-size:16px;}
  h2{font-size:14px;}
  .logosub{font-size:12px;}
  #wktitel{
  display:none;
  }
  #wkinhalt{
  font-size:9px;
  font-weight:normal;
  }
  #wk{
 -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0px;
  }
  #wk{width:33px;
  }
  #konto{
  display:none;
  }
  .wkbeschreibung, .wkpreis{
  width: auto!important;
  font-size:12px!important;
  }
  .wkbutton_del{
  width:20px!important;
  }
  .wkloginform{
  width:auto!important;}
  .pad{
  padding:5px;}
  #text{
  padding:2px;}
}
  
@media (max-width:450px) { 

  .auflager{display:none;}
  
}

@media(max-width:550px){
  .sonderangebot{margin-top:0px;}
  .selectedsonderangebot{  margin-left:0px;}
}

.wkbox {
  border-top-right-radius: 8px;
  -webkit-box-shadow: 1px 1px 5px 0px #000000;
  box-shadow: 1px 1px 5px 0px #000000;
  margin-bottom: 30px;
  padding: 20px;
  padding-top: 5px;
}
.wkpreisanzahl {
  clear: both;
  height: 55px;
  padding-right: 30px;
  padding-left: 30px;
  padding-top: 8px;
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: -20px;
  background: #def7d4;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #def7d4 0%, #fafde7 47%, #d4f4c6 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#def7d4), color-stop(47%,#fafde7), color-stop(100%,#d4f4c6));
  background: -webkit-linear-gradient(top, #def7d4 0%,#fafde7 47%,#d4f4c6 100%);
  background: -o-linear-gradient(top, #def7d4 0%,#fafde7 47%,#d4f4c6 100%);
  background: -ms-linear-gradient(top, #def7d4 0%,#fafde7 47%,#d4f4c6 100%);
  background: linear-gradient(to bottom, #def7d4 0%,#fafde7 47%,#d4f4c6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#def7d4', endColorstr='#d4f4c6',GradientType=0 );
}
.wkloeschen {
  float: left;
  padding-top: 4px;
}
.wkpreis {
  float: left;
  width: 300px;
  text-align: right;
  padding-top: 4px;
  line-height:normal;
}
.wkanzahl {
  padding-top: 2px;
  text-align: right;
}
.wksumme {
line-height:normal;
  text-align: right;
  border-top: 6px double green;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  -webkit-box-shadow: 1px 1px 5px 0px #000000;
  box-shadow: 1px 1px 5px 0px #000000;
  margin-bottom: 30px;
  padding: 20px;
  padding-top: 5px;
}
.wkloginform {
  float: left;
  width: 350px;
}

.wkbutton_del, .wkbutton_aktualisieren {
  display: inline-block;
  color: #6D6C6C;
  font-family: Arial;
  text-decoration: none;
  background: transparent;
  border: none;
  font-weight: bold;
  padding: 0px;
  cursor: pointer;
}
.wkbutton_del {
  background-image: url(img/de/del.png);
  background-repeat: no-repeat;
  padding-left: 20px;
  background-size: 16px 16px;
  padding-bottom: 2px;
}
.wkbutton_aktualisieren {
  display: none;
  color: blue;
}
.wkbild img {
  max-height: 75px;
  max-width: 100px;
}
.wkbild {
  height: 70px;
  float: right;
  text-align: right;
  padding: 5px;
  padding-right: 10px;
}
.wkbeschreibung {
line-height:normal;
  display: block;
  padding: 8px;
  float: left;
  width: 398px;
}
.wksofort {
line-height:15px;
  display: block;
  width: 220px;
  height: 109px;
  padding: 20px;
  padding-left: 40px;
  font-size: 12px;
  float: left;
}
.wksofort img {
  float: left;
}

.CSSTableGenerator {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #3f7f00;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.CSSTableGenerator table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.CSSTableGenerator tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.CSSTableGenerator tr:hover td{
	
}
.CSSTableGenerator tr:nth-child(odd){ background-color:rgba(94, 214, 151, 0.49); }
.CSSTableGenerator tr:nth-child(even)    { background-color:#ffffff; }.CSSTableGenerator td{
	vertical-align:middle;
	
	
	
	text-align:left;
	padding:7px;
	font-size:12px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
		background:-o-linear-gradient(bottom, #5fbf00 5%, #3f7f00 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5fbf00), color-stop(1, #3f7f00) );
	background:-moz-linear-gradient( center top, #5fbf00 5%, #3f7f00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5fbf00", endColorstr="#3f7f00");	background: -o-linear-gradient(top,#5fbf00,3f7f00);

	background-color:#5fbf00;
	border:0px solid #3f7f00;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.CSSTableGenerator tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #5fbf00 5%, #3f7f00 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5fbf00), color-stop(1, #3f7f00) );
	background:-moz-linear-gradient( center top, #5fbf00 5%, #3f7f00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5fbf00", endColorstr="#3f7f00");	background: -o-linear-gradient(top,#5fbf00,3f7f00);

	background-color:#5fbf00;
}
.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

.l {
  float: left;
  width: 150px;
  padding: 3px;
  padding-right: 15px;
  padding-top: 7px;
  text-align: right;
  display: block;
  clear: both;
}
.r {
  padding: 5px;
}
.r input, select {
  padding: 6px;
  margin-right: 3px;
}
.willkommenbild {
  float: left;
  padding-right: 37px;
  padding-top: 47px;
  line-height:normal;
}










.cc_banner-wrapper {
    z-index: 9001;
    position: relative
}
.cc_container .cc_btn {
    cursor: pointer;
    text-align: center;
    font-size: 0.6em;
    transition: font-size 200ms;
    line-height: 1em
}
.cc_container .cc_message {
    font-size: 0.6em;
    transition: font-size 200ms;
    margin: 0;
    padding: 0;
    line-height: 1.5em
}
.cc_container .cc_logo {
    display: none;
    text-indent: -1000px;
    overflow: hidden;
    width: 100px;
    height: 22px;
    background-size: cover;
    opacity: 0.9;
    transition: opacity 200ms
}
.cc_container .cc_logo:hover,
.cc_container .cc_logo:active {
    opacity: 1
}
@media screen and (min-width: 500px) {
    .cc_container .cc_btn {
        font-size: 0.8em
    }
    .cc_container .cc_message {
        font-size: 0.8em
    }
}
@media screen and (min-width: 768px) {
    .cc_container .cc_btn {
        font-size: 1em
    }
    .cc_container .cc_message {
        font-size: 1em;
        line-height: 1em
    }
}
@media screen and (min-width: 992px) {
    .cc_container .cc_message {
        font-size: 1em
    }
}
@media print {
    .cc_banner-wrapper,
    .cc_container {
        display: none
    }
}
.cc_container {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    padding: 10px
}
.cc_container .cc_btn {
    padding: 8px 10px;
    background-color: #f1d600;
    cursor: pointer;
    transition: font-size 200ms;
    text-align: center;
    font-size: 0.6em;
    display: block;
    width: 33%;
    margin-left: 10px;
    float: right;
    max-width: 120px
}
.cc_container .cc_message {
    transition: font-size 200ms;
    font-size: 0.6em;
    display: block
}
@media screen and (min-width: 500px) {
    .cc_container .cc_btn {
        font-size: 0.8em
    }
    .cc_container .cc_message {
        margin-top: 0.5em;
        font-size: 0.8em
    }
}
@media screen and (min-width: 768px) {
    .cc_container {
        padding: 15px 30px 15px
    }
    .cc_container .cc_btn {
        font-size: 1em;
        padding: 8px 15px
    }
    .cc_container .cc_message {
        font-size: 1em
    }
}
@media screen and (min-width: 992px) {
    .cc_container .cc_message {
        font-size: 1em
    }
}
.cc_container {
    background: #fff;
    color: #999;
    font-size: 17px;
    font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;
    box-sizing: border-box;
    border: 1px solid #ccc
}
.cc_container::-moz-selection {
    background: #ff5e99;
    color: #fff;
    text-shadow: none
}
.cc_container .cc_btn,
.cc_container .cc_btn:visited {
    color: #000;
    background-color: #f1d600;
    transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out;
    -webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out;
    border-radius: 5px;
    -webkit-border-radius: 5px
}
.cc_container .cc_btn:hover,
.cc_container .cc_btn:active {
    background-color: #d7bf00;
    color: #000
}
.cc_container a,
.cc_container a:visited {
    text-decoration: none;
    color: #31a8f0;
    transition: 200ms color
}
.cc_container a:hover,
.cc_container a:active {
    color: #555
}
@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(66px);
        transform: translateY(66px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes slideUp {
    0% {
        -webkit-transform: translateY(66px);
        -ms-transform: translateY(66px);
        transform: translateY(66px)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
.cc_container,
.cc_message,
.cc_btn {
    animation-duration: 0.8s;
    -webkit-animation-duration: 0.8s;
    -moz-animation-duration: 0.8s;
    -o-animation-duration: 0.8s;
    -webkit-animation-name: slideUp;
    animation-name: slideUp
}