.saleBtn {
  font-family: Arial, Helvetica, Verdana;
  font-size:18px;
  position:absolute; 
  top:-5px;
  right:10px; 
  padding:4px 6px 4px 7px; 
  margin-left:15px;
  margin-top:0px;
  font-weight:bold; 
  color:white; 
  background-color:#105194; 
  border-radius: 15px;
  
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
}

.flexbanner > ul.slides {
  cursor:pointer; 
  height:0 !important; 
  padding-bottom:36.3%;
}
.flexbanner > ul.slides > li {
  height:0; 
  padding-bottom:36.3%;
  overflow:hidden;
}
.flexbanner > ul.slides > li > :first-child {
  position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%;
} /* */

body {
 overflow-y:scroll;
}

html, body,  table, tr, td, input, textarea, select, ul, ol, li {
 font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
 font-size: 12px;
}

html, body, td, input, textarea, select {
 color: #000000;
}

select, input[type=text], input[type=email] {
  border-radius: 0;
	border-width: 1px;
	border-style: solid;
	border-color: #808080 #D0D0D0 #D0D0D0 #808080;
}

select { 
 background-color:#ffffff;
} 

#head {
  padding: 0 10px; 
  background-color: #F5F5F5;
  background: -moz-linear-gradient(top,  #ffffff 0%, #F5F5F5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#F5F5F5));
  background: -webkit-linear-gradient(top,  #ffffff 0%,#F5F5F5 100%);
  background: -o-linear-gradient(top,  #ffffff 0%,#F5F5F5 100%);
  background: -ms-linear-gradient(top,  #ffffff 0%,#F5F5F5 100%);
  background: linear-gradient(to bottom,  #ffffff 0%,#F5F5F5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#F5F5F5',GradientType=0 ); /* */
}

.offer {
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  
  background: -moz-linear-gradient(-60deg, #ffffff 0%, #f6f6f6 100%); 
  background: -webkit-linear-gradient(-60deg, #ffffff 0%,#f6f6f6 100%); 
  background: linear-gradient(150deg, #ffffff 0%,#f6f6f6 100%); /* 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=1 );  */
}

.lblRng {
  display:inline-block; border:1px solid black; border-right:none; height:22px; vertical-align:top; font-size:8px;
}

.imgThn {
  max-width:240px; margin:15px 0px 10px 0px; background:url(t.gif) no-repeat center / contain;
}

.imgIco {
  border: 1px solid #D5D6D7;
}

.imgIco:hover {
  border-color: #000000;
}

.bx-wrapper {
  max-width:none !important;
}

.sl {
  text-align:center;
  float: left;
  width: 180px;
  margin-right: 15px; 
}

.sl > a, .sl > a:visited, .sl > a:hover {
  color: #606060;
  text-decoration: none; 
}

.sl > a > img {
  width: 80%;
  height: 112px;
  background: url(t.gif) no-repeat center;
  background-size: contain;
}

li > a > img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}

ul.detail {
  list-style-image:url(d.gif);
  margin: 0px 0px 0px 20px;
  padding: 0px;
}

body, h1, h2, form, ol {
 margin: 0px;
 padding: 0px;
}

a, a:visited {
 color: #105194;
}

a:hover {
 color: #EE6A0D;
 text-decoration: none;
}

/* .hl {
 font-size: 13px;
 line-height: 16px;
} */

h1, .hl {
 font-family: "Lucida Grande","Lucida Sans Unicode", Verdana, Tahoma, Arial, Helvetica, sans-serif;
 font-size: 22px;
 color: #105194;
 font-weight: normal;
 line-height:35px;
}

h2, h2 a.h2 {
 font-size: 12px;
}

a.h2, a.h2:visited  {
 color: #43403C;
 text-decoration:none;
}

.kl {
 font-size: 12px;
}

hr {
 height: 1px;
 border: none;
 color: #DDDDDD;
 background: #DDDDDD;
}

.red, .red2 {
 font-family: "Lucida Grande","Lucida Sans Unicode", Verdana, Tahoma, Arial, Helvetica, sans-serif;
 color: #EE6A0D;
 font-size: 20px;
 font-weight: 900;
}

.red2 {
  color: #105194;
  font-size:15px; 
  font-weight:400;
}

.krn {
 border-bottom: 1px solid #E6E6E6;
 margin-bottom: 20px;
}

.krn a  { color: #757575; text-decoration:none; }
.krn a:hover  { color: #606060; text-decoration:underline; }

.Btn {
 text-align: center;
 padding: 0px 2px 0px 2px;
}

a.mNav, a.mNav:visited {
 font-family: "Lucida Grande","Lucida Sans Unicode", Verdana, Tahoma, Arial, Helvetica, sans-serif;
 font-weight:normal;
 font-size: 14px;
 color: #454545;
 text-decoration: none;
 display:block; 
 padding: 4px 5px 4px 10px;
}

a.sNav, a.sNav:visited {
 font-size: 12px;
 color: #454545;
 text-decoration: none;
 display:block; 
 padding:4px 0px;
}

a.tNav, a.tNav:visited {
 font-size: 12px;
 color: #757575;
 text-decoration: none;
}

/* #infoTd a::after {
  content: " | ";
  display: inline-block
}

#infoTd a:last-child::after {
  content: ""; 
} */

a.mNav:hover, a.sNav:hover, a.tNav:hover {
 color: #EE6A0D;
 text-decoration: underline;
}

a.bNav, a.bNav:visited {
 font-size:16px;
 color:#606060;
 text-decoration:none;
 text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

a.bNav:hover, .bNav:hover > b {
 color:#000000;
}

.bNav > b {
 font-family: "Lucida Grande","Lucida Sans Unicode", Verdana, Tahoma, Arial, Helvetica, sans-serif;
 font-weight:normal;
 line-height:1.1;
 color:#454545;
}

.suggestField {
 color:#303030; font-weight:normal; font-size:12px; width:100%; padding:7px 8px; border:none 0px transparent !important; background-color:transparent; outline:none;
}

.suggestDiv {
 display:none; position:absolute; margin-top:5px; background-color:#FFFFFF; text-align:left; border:1px solid #E5E5E5;  box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.3); z-index:999;
}

::placeholder {
  color: #000000;
}

input:focus::-webkit-input-placeholder {
  color: #ffffff;
}

input:focus::-moz-placeholder {
  color: #ffffff;
}

input:focus:-ms-input-placeholder {
  color: #ffffff;
}

#searchForm > table, #searchForm3 > table {
 height: 26px;
 border: 1px solid #B7B7B7; 
 border-color: #B7B7B7 #E2E2E2 #E7E7E7 #B7B7B7;
 border-radius:3px;
 background-color: #FFFFFF;/* 
 -webkit-box-shadow: inset 2px 2px 5px -1px rgba(0,0,0,0.10);
 -moz-box-shadow: inset 2px 2px 5px -1px rgba(0,0,0,0.10);
 box-shadow: inset 2px 2px 5px -1px rgba(0,0,0,0.10); */
}

#searchForm td:nth-child(2) {
  background-size: 26px;
  background-repeat: no-repeat;
  background-image: url(../../search/suggest.png);
  background-position: center right;
}

.searchBtn {
 color: #616161;
}

.searchTxt {
 background-color: #F3F4F6;
}

.searchTitle {
 background-color: #F4F4F4;
}

.searchTitle a:hover {
 color: #EE7F00;
}

.searchTitle a {
 font-size:13px;
 color: #303030;
 text-decoration:none;
}

.searchPrice {
 color:#EE6A0D;
}

table.group {
 border: 1px solid #EDEDED;
 border-radius: 3px;
}

table.group:hover, .item:hover > div {
 transition:all  0.5s;
 box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}

.drop:hover {
 transition:all  0.5s;
 box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}

.item > div {
 border: 1px solid #FFFFFF;
}

.item:hover > div {
 border: 1px solid #EDEDED;
}

td.group > a {
 font-size:13px; display:block; width:100%; text-decoration:none; 
}

td.group { 
  padding: 0px 4px; 
  text-align:center;
  background-color: #F5F5F5;
  background: -moz-linear-gradient(top,  #ffffff 0%, #F5F5F5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#F5F5F5));
  background: -webkit-linear-gradient(top,  #ffffff 0%,#F5F5F5 100%);
  background: -o-linear-gradient(top,  #ffffff 0%,#F5F5F5 100%);
  background: -ms-linear-gradient(top,  #ffffff 0%,#F5F5F5 100%);
  background: linear-gradient(to bottom,  #ffffff 0%,#F5F5F5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#F5F5F5',GradientType=0 );
}

.grp {
 padding: 0px 1px 1px 1px;
 border: 1px solid #ECECEC;
 background-color: #F4F4F4;
}

#catResult {
 margin-right:-10px;
}

.preisinfo ul {
  list-style-type: none;
  margin: 0px 0px 10px 0px;
  padding:0px;
}

.preisinfo li {
 background:url("data:image/gif;base64,R0lGODlhAgACAJEAAP///5CQkAAAAAAAACwAAAAAAgACAAACAoxTADs=") no-repeat 2px 8px;
 padding-left:10px;
 color: #757575;
}


.itemBox { 
 width:33.33%;
 display:inline-block;
}

.pagi > li {
  display: inline-block;
  margin-left:4px;
}

.p1, .p2, .p3, .p4 {
 background-color: #F5F5F5;
}

.p1, .p2, .p3, .p4 {
 /* width: 19px; 
 height: 20px; */
 text-align: center;
 background-color: #F4F4F4;
}

.p1 > a:hover, .p2 > a:hover, .p3 > a:hover, .p4 > a:hover {
 box-shadow: inset  0px 0px 0px 1px rgba(0,0,0,0.1);
 background-color:#FFFFFF;
}
.p1 > a, .p2 > a, .p3 > a, .p4 > a {
  text-decoration:none;
  display: block;
  padding: 3px 6px;
}

/* .p1 {
 border: solid 1px #DDDDDD;
 background-color: #F4F4F4;
} */

.p2 { /*
 border: solid 1px #DDDDDD;
 background-color: #FFFFFF; */
 padding: 3px 6px;
 box-shadow: inset  0px 0px 0px 1px rgba(0,0,0,0.1);
 background-color:#FFFFFF;
}

/* .p3 {
 border: solid 1px #DDDDDD;
 background-color: #F4F4F4;
} */

.p4 {
 color: #999999;/* 
 border: solid 1px #DDDDDD;
 background-color: #F4F4F4; */
 padding: 3px 6px;
}

.sortOption.active {
  font-weight: bold;
} 

#sortmenu > a.sortOption {
  display:block;
}

/* ShopStyles -> */

.shopTb /* tableBorder */
{ background: #F4F4F4; }

.shopTh /* tableHead */
{ color: #000000; font-weight: bold; background: #F4F4F4; }

.shopTr /* tableRow (light) */
{ background: #FFFFFF; }

.shopTc /* tableCell (dark) */
{ background: #FAFAFA; }

.shopLs /* linkSmall */
{ font-size: 12px; }

.shopNl, a:visited.shopNl, a:hover.shopNl /* noLink */
{ color: #2F2F2F; text-decoration: none; }

.shopSl /* Subline */
{ font-weight: bold; }

.shopEt /* errorText */
{ color: #DF0000; }

.shopEb /* errorBack */
{ color: white; background: #DE0029; }

.shopSt /* smallText */
{ font-size: 12px; }

.shopHr /* horizontalRule */
{ color:#DDDDDD; border:none; width:100%; height:1px; }

.shopBt /* submitButtons */ {
 color: #000000;
 font-weight: bold;
 background: #F0F0F0;
 cursor: pointer;
 height: 24px;
 border-style: solid;
 border-width: 1px 1px 1px 1px;
 border-color: #B0B0B0 #505050 #505050 #B0B0B0;
 background-image:url(t.gif);
 border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; 
 -webkit-box-shadow: inset 1px 1px 0px 0px rgba(255,255,255,1);
 -moz-box-shadow: inset 1px 1px 0px 0px rgba(255,255,255,1);
 box-shadow: inset 1px 1px 0px 0px rgba(255,255,255,1); 
}

.shopBtNext, .shopBtNext a {
  color:#FFFFFF !important;
}

.shopBtNext {
  /* background-image:url(t.gif)  !important;
  background-color:#105194 !important; */
  box-shadow:none;
  border-color: #6A98BA #164D77 #164D77 #6A98BA !important;
}

/* verify */
td.shopTh3 { background-color: #DFE9F0; font-weight:bold; }
td.shopTc3 { background-color: #EFF4F8; }
tr.shopTr3 { background-color: #FFFFFF; }

.iconQuery, .iconShare, .iconWlist, .iconMore, .iconDoku, .iconZoom, .iconInfos, .iconPrint {
 background: url(icons_hd.gif) no-repeat;
 background-size:20px 160px;
 white-space: nowrap;
 margin-top: 2px;
 padding-left:25px;
 line-height:15px;
 display: block;
 height: 20px;
}

.iconShare {
 background-position: 0px -20px;
}

.iconWlist {
 background-position: 0px -40px;
}

.iconMore {
 background-position: 0px -60px;
}

.iconDoku {
 background-position: 0px -80px;
}

.iconZoom {
 background-position: 0px -100px;
}

.iconInfos {
 background-position: 0px -120px;
}

.iconPrint {
 background-position: 0px -140px;
}

.orderBtn {
 padding: 0px 2px; 
 
 border: none;
 /* border:1px solid #8DBACA;
 border-color: #8DAFCA #124368 #124368 #8DAFCA; */
 border-radius: 0px;
 -moz-border-radius: 0px;
 -webkit-border-radius: 0px;
}

.orderBtn, .shopBtNext {
 background-color:#1A7595 !important;
 background: -moz-linear-gradient(top,  #467FA9 0%, #1B5F95 100%) !important;
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#467FA9), color-stop(100%,#1B5F95)) !important;
 background: -webkit-linear-gradient(top,  #467FA9 0%,#1B5F95 100%) !important;
 background: -o-linear-gradient(top,  #467FA9 0%,#1B5F95 100%) !important;
 background: -ms-linear-gradient(top,  #467FA9 0%,#1B5F95 100%) !important;
 background: linear-gradient(to bottom,  #467FA9 0%,#1B5F95 100%) !important;
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#467FA9', endColorstr='#1B5F95',GradientType=0 ) !important;
}

input.orderBtn {
 margin:0;
 padding: 5px 8px;
 cursor:pointer;
 color: #FFFFFF;
 font-weight:bold;
 text-decoration:none;
} 

/* <- ShopStyles */

#dhtmltooltip{
 position: absolute;
 padding: 10px;
 background-color: white;
 display:none;
 z-index: 100;
 border:1px solid #D5D6D7;
 box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; border:1px solid #EEEEEE; } 
.embed-container iframe, .embed-container object, .embed-container embed, .embed-container img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.anylinkcss {
 text-align: left;
 position: absolute;
 left: 0;
 top: 0;
 visibility: hidden;
 border:1px solid #DDDDDD;
 border-bottom-width: 0;
 line-height: 17px;
 z-index: 100;
 background-color: #F2F6FB;
 white-space: nowrap;
 box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.10);
}

.anylinkcss a {
 display: block;
 border-bottom: 1px solid #DDDDDD;
 padding: 5px 10px 4px 10px;
 text-decoration: none;
 text-indent: 0px;
}

.anylinkcss a:hover {
 background-color: #FFFFFF;
 color: #EE6A0D;
}

.selectedanchor {
  background-color:#F2F6FB !important;
}

.ind {
 text-decoration: none;
 margin-left: 10px;
}

.cloud1, .cloud2, .cloud3, .cloud4, .cloud5 {
  text-decoration: none;
}

.cloud1 {
 color: #C3D3E4;
 font-size: 11px;
 font-weight: normal;
}

.cloud2 {
 color: #87A8C9;
 font-size: 13px;
 font-weight: normal;
}

.cloud3 {
 color: #4C7DAF;
 font-size: 15px;
 font-weight: bold;
}

.cloud4 {
 color: #105194;
 font-size: 16px;
 font-weight: bold;
}

html {
 -webkit-text-size-adjust: none;
}

a.eek:focus, a.eek:focus-visible {
  outline: 2px solid #00f;
  outline-offset: -2px;
  z-index: 9999;
}

.skip-link, .skip-link:visited {
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  background: #0078d7;
  color: #ffffff;
  padding: 10px 16px;
  z-index: 100;
  text-decoration: none;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  border-radius: 4px;
  opacity: 0;
  transition: opacity 0.3s, top 0.3s;
}

.skip-link:focus {
  top: 20px;
  opacity: 1;
}