body {
	margin: 0px;
	padding: 0;
	font-family: Arial,Helvetica,"Nimbus Sans L","Liberation Sans",FreeSans,sans-serif;
	line-height: 1.5;
	color: #49494a;
}

hr.site {
	border-top: 	1px dashed #333;
    margin-top: 	5px;
	margin-bottom: 	5px;
	//border: 		0;
}

hr.tab {
	border-top: 	1px dotted #eee;
    margin-top: 	5px;
	margin-bottom: 	5px;
	width:			50px;
	margin-right:	-20px;
}

#error {
	color: #990000;
	font-size: 12px;
	font-weight: bold;
}

#proForm p {
	font-size: 		14px;
	font-weight: 	bold;
}

h1 { margin-bottom: 	-5px; 
	 margin-top:	10px;
}

ul {
	margin: 		0;
}

a {
	text-decoration: none;
	color: 			#656565;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	box-shadow: none;
}

.hdr > .navbar-header > button.navbar-toggle {
	float: left;
	margin-left: 8px;
}

a.my16bold {
	font-weight:	bold;
	font-size: 		16px;
}

.green {
	color: 			#009900;
}

.red {
	color: 			#990000;
}

.blue {
	color: 			#000099;
}

.black {
	color: 			#000000;
}

.bold {
	font-weight:    bold;
}

.xssmall  { 
	font-size:		7pt; 
	line-height: 	7pt; 
	font-weight:	normal;
}

.small  { 
	font-size:		8pt;
	font-weight:	normal;
}

.smallb 	{ 
	font-size:8pt;  
	font-weight:bold; 
}

.normal 	{ 
	font-size:10pt; 	
}

.normalf { 
	font-size:10pt; 
	font-weight:bold; 
}

.normal12 { 
	font-size:12pt; 
	font-weight:bold; 
}

.wkorbpname { 
	font-size:12pt; 
	font-weight:bold; 
	line-height: 22px;
}


.normalb  { 
	font-size:14pt; 	
}
.normalc { 
	font-size:16pt; 	
}
.bigger 	{ 
	font-size:24pt; 
	font-weight:bold; 
}

.bigf {
	font-size:		20px;
	padding-bottom:	15px;
}

.wkorbbigb {
	font-size:		16px;
	line-height:	22px;
	font-weight:	bold;
	margin-top:		10px;
}

table.wkorbtable  {
	border-spacing: 5px;
	//border-collapse: separate;
}

table.wkorbtable  td {
	padding:		10px;
	line-height:	12px;
	//border-radius: 	5px;
}

tr.wkborder  {
	border: 1px solid #DDDDDD;
	padding: 5px;
	//background: #ffffff;
}

.formwkorbanz {
	margin-left: 100%;
	white-space: nowrap;
	float: right;
}

.wkorbanz {
	width:			30px; 
	text-align:		center; 
	border: 		1px solid #cccccc; 
	font-size: 		12px;
	font-weight:	bold;
	padding:		2px;
}

.wkorbproimg {
	float: left;
}

@media screen and (max-width: 550px) {
	.wkorbproimg {
		float: none;
	}
}

tr.wkorbendpos td {
	padding:		3px;
	height: 		20px;
	font-weight:	normal;
}

tr.wkorbendposSum  {
	border:			2px solid #cccccc;
}

tr.wkorbendposSum  td {
	padding:		3px;
	height: 		20px;
	font-size:		16px;
	font-weight:	bold;
}


table.wkorbatts  {
	margin-top: 5px;
	border:		1px solid black;
	border-spacing: 0px;
	//border-collapse: separate;
}

table.wkorbatts  td {
	padding:		3px;
	//border-radius: 	5px;
}

#sidebar-left, #sidebar-right {
	/* visibility: hidden; */
	position: absolute;
	top: 0;
}

@media screen and (max-width: 1380px) {
	#sidebar-left, #sidebar-right {
		display: none;
	}
}

#sidebar-left .oneProduct, #sidebar-right .oneProduct {
	float: none;
	margin: 0px auto;
	margin-bottom: 10px;
	height: inherit;
}

#sidebar-left .oneProduct h4, #sidebar-right .oneProduct h4 {
	margin: 0;
	padding: 5px 0;
	background: gray;
	color: white;
}

#headcheckout {
	margin-bottom: -10px;
}

#qheadmf { 
    margin-bottom: 3px;
}

#sitesearch {
	/*
	bottom: 67px;
	height: 35px;
	left: 95px;
	position: absolute;
	*/
	width: 100%;
	min-width: 280px;
}

#search-field {
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	-ms-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
	border: 0 none;
	margin: 0;
	padding: 10px 10px;
	height: 34px;
	/*min-width: 240px;*/
	width: 100%;
	color: #000;
	display: inline-block;
	float: left;
	font: 11px/1.2 Arial,Helvetica,sans-serif;
	vertical-align: middle;
	box-sizing: border-box;
}

#search-field:focus {
	box-shadow: 0 1px 0 #f7cf00 inset, 0 -1px 0 #f7cf00 inset, 1px 0 0 #f7cf00 inset, -1px 0 0 #f7cf00 inset, 0 0 14px #FFF;
	outline: none;
}

#search-button {
	background: #fff200 url("../img/search-sprite".png) center left no-repeat;
	background: url("../img/search-sprite.png") center left no-repeat,-moz-linear-gradient(top, #fff200 0%, #f7cf00 100%);
	background: url("../img/search-sprite.png") center left no-repeat,-webkit-linear-gradient(top, #fff200 0%, #f7cf00 100%);
	background: url("../img/search-sprite.png") center left no-repeat,-ms-linear-gradient(top, #fff200 0%, #f7cf00 100%);
	background: url("../img/search-sprite.png") center left no-repeat,linear-gradient(top, #fff200 0%, #f7cf00 100%);
	border: none;
	float: right;
	height: 34px;
	margin: 0;
	padding: 0;
	text-indent: -99999px;
	vertical-align: middle;
	width: 32px;
	cursor: pointer;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	-ms-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
}

#searchresults {
	display:none;
	border: 1px solid #888;
	background-color:#ffffff;
	box-shadow: 0px 0px 2px #F7CF00;
	z-index: 1000;
	position: absolute;
	/*margin-left: -100px;*/
	border-radius: 5px; 
	padding: 10px;
	width: 650px;
}

@media screen and (max-width: 768px) {
	#searchresults {
		position: static;
		width: 100%;
		padding: 0;
		/*margin-left: 0px;*/
	}
}

.oneSearchRes {
	padding: 			10px; 
	background-color:	#FFF;
}

.oneSearchRes:hover{
   background-color:	#EFEFEF;
   border-radius: 		5px 0px 0px 5px;
}



#cart {
	position: relative;
	float: right;
	margin: 5px 5px 0 20px;
	/*
	bottom: 59px;
	height: 54px;
	position: absolute;
	right: 5px;
	*/
	/*width: 55px;*/
	z-index: 300;
}

#cart a, #favlist a {
	color: #003b64;
	display: block;
	font-size: 15px;
	height: 54px;
	line-height: 44px;
	text-decoration: none;
	width: 55px;
	/*padding: 0 10px;*/
	cursor: pointer;
}

#cart .cart-icon {
	text-indent: -99999px;
	width: 54px;
	height: 54px;
	display: block;
	float: left;
	line-height: 1;
	background: url("../img/search-sprite.png") top right no-repeat;
}

#cart .cart-items, #favlist .cart-items {
	position: absolute;
	padding: 0;
	font-size: 11px;
	top: 1px;
	right: 1px;
	width: auto;
	height: auto;
	min-width: 22px;
	text-align: center;
	line-height: 20px;
	font-size: 14px;
	font-weight: bold;
}

/**
	BEGIN Navigation
*/
ul.navcats {
	z-index: 250;
	list-style: none;
/*
	float: left;
	height: 44px;
	bottom: 0;
*/
	position: relative;
	clear: left;
	margin: 0px auto;
	padding: 0px;
/*	width: 960px; */
}

.collapse.in .navcats {
	position: static;
	float: none;
	height: inherit;
	position: static;
	width: inherit;
}

ul.navcats ul {
	list-style: none;
	padding: 0px;
}

li.col {
	float:left;
}

li.col.single {
	font-size:150%;
}

ul.cat a {
	text-decoration: none;
	display: block;
	width: 100%;
}

ul.cat>li {
	font-size: 80%;
	padding: 3px;
	float: left;
	width: 100%;
}

ul.cat li.level0 {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 90%;
}

ul.cat li.level0:hover {
	background: #EEEEEE;
}

ul.cat li.level1:hover {
	background: #EEEEEE;
}

ul.cat li.last {
	margin-bottom: 10px;
}

ul.cat li.more {
	font-style: italic;
	text-align: center;
}

ul.cat li.more>* {
	margin-right: 30px;
}
ul.navcats>li {
	display: block;
	float: left;
	position: static;
	margin: 0px;
	padding: 0px;
}

.collapse.in .navcats li {
	float: none;
}

ul.navcats>li.my {
}

ul.navcats>li>a {
	border-radius: 3px 3px 0px 0px; 
	padding: 0 16px;
	margin-right: 2px;
	color: #ffffff !important;
	background: #393939 url() center center no-repeat;
	background: url() center center no-repeat,-moz-linear-gradient(top, #979797 0%, #656565 100%);
	background: url() center center no-repeat,-webkit-linear-gradient(top, #979797 0%, #656565 100%);
	background: url() center center no-repeat,-ms-linear-gradient(top, #979797 0%, #656565 100%);
	background: url() center center no-repeat,linear-gradient(top, #979797 0%, #656565 100%);
	font-size: 12px;
	text-transform: uppercase; 
	text-align: center;
	line-height: 44px;
	display: block;
/*	float: left; */
    font-weight: bold; 
}

ul.navcats>li.my>a {
	text-transform: none;
	font-weight: bold;
	background: #393939 ;
	background: -moz-linear-gradient(top, #dddddd 0%, #393939 100%);
	background: -webkit-linear-gradient(top, #dddddd 0%, #393939 100%);
	background: -ms-linear-gradient(top, #dddddd 0%, #393939 100%);
	background: linear-gradient(top, #dddddd 0%, #393939 100%);
}

ul.navcats>li>ul {
	background-color: #FCFCFC;
	padding: 5px 5px 5px 5px;
	list-style-type: none;
	position: absolute;
	top: 44px;
	left: 0px;
	border: 1px solid #F7CF00;
	border-top: 3px solid #979797;
	border-top: 1px solid #F7CF00;
	border-radius: 0px 0px 5px 5px;
	display: none;
	width: 978px;
	min-height: 400px;
	box-sizing: border-box;
}

ul.navcats>li:hover>a {
	background: -moz-linear-gradient(top, #dddddd 0%, #979797 100%);
	background: -webkit-linear-gradient(top, #dddddd 0%, #979797 100%);
	background: -ms-linear-gradient(top, #dddddd 0%, #979797 100%);
	background: linear-gradient(top, #dddddd 0%, #979797 100%);
	color: #444444 !important;
}

ul.navcats>li:hover>ul {
	display: block;
}

ul.navcats>li>ul>li {
	position: static;
	padding: 5px;
}

ul.navcats>li>ul>li:hover {
/*	background: #979797;
	background: -moz-linear-gradient(left, #60acce 0%, #0a6cb2 100%);
	background: -webkit-linear-gradient(left, #60acce 0%, #0a6cb2 100%);
	background: -ms-linear-gradient(left, #60acce 0%, #0a6cb2 100%);
	background: linear-gradient(left, #60acce 0%, #0a6cb2 100%);
*/	/*border-right: 2px solid white;*/
	border-radius: 2px 0px 0px 2px;
	color: white;
}

ul.navcats>li>ul>li:hover>a {
	color: white;
}

ul.navcats>li>ul>li>div {
	color: #49494A;
}

ul.navcats>li>ul>li>a {
	display: block;
	/*margin: 10px;*/
}

ul.navcats>li>ul>li>div {
	font-size: 10pt;
	width: 300px;
	height: 400px;
	padding: 5px;
	position: absolute;
	top: 0;
	left: 205px;
	display: none;
	border: 2px solid #979797;
	/* border-left: 0; */
	border-top: 0;
	background: white;
	overflow: hidden;
}

ul.navcats>li>ul>li:hover>div {
	display: block;
}

div.subkat ul {
	list-style-type: none;
	margin: 10px;
	padding: 0;
}

div.subkat ul li {
	margin: 10px 0;
}

div.subkat h4 {
	color: #999;
	text-transform: uppercase;
	margin: 0;
}

.katpic {
    max-height: 340px;
    object-fit: cover;
}

/**
	END Navigation
*/

div.category-menu {
	display: inherit;
	position: absolute;
	top: 0;
	font-size: 100%;
	margin-bottom: 20px;
}

ul.category-menu-branch {
	list-style: none;
	padding: 0;
	padding-left: 0em;
	background: #ffffff;
	/*border: 1px solid silver;*/
	/*border-width: 1px 0;*/
}

ul.category-menu-branch.level0 {
	border: 1px solid silver;
	border-width: 1px 1px 0 1px;
}

ul.category-menu-branch.level0 a {
	padding: 0.5em;
	font-size: 90%;
	/*background: rgba(128,128,128,0.3);*/
}

ul.category-menu-branch.level1 a {
	/*padding: 0;*/
	font-size: 85%;
	/*background: rgba(194,194,194,0.3);*/
	padding: 0.3em 0 0.3em 1em;
}

ul.category-menu-branch.level2 a {
	font-size: 80%;
	/*background: rgba(226,226,226,0.3);*/
	padding-left: 2em;
}

div.category-menu a:hover {
	background: silver;
	color: white;
	text-decoration: none;
}

div.category-menu a {
	text-decoration: none;
	display: block;
	outline: 0;
	width: 100%;
	padding: 0.1em 0.5em;
	box-sizing: border-box;
	border-bottom: 1px solid silver;
}

div.category-menu span.symbol {
	display:none;
}

.hdr-wrap {
	background: #414141;
	font-family: Arial,Verdana,sans-serif;
	/*
	background: -moz-linear-gradient(top, #8f8f8f 0%, #686868 100%);
	background: -webkit-linear-gradient(top, #8f8f8f 0%, #686868 100%);
	background: -ms-linear-gradient(top, #8f8f8f 0%, #686868 100%);
	background: linear-gradient(top, #8f8f8f 0%, #686868 100%);	
	*/
}

.hdr {
	max-width: 978px;
	position: relative;
	margin: 0 auto;
	z-index: 255;
	/*min-height: 128px;*/
}

#hdr-logo {
	float: left;
	height: 54px;
	margin: 0 0 15px;
	width: 80px;
}

.hdr-util {
	list-style: none;
	padding: 0;
	margin-top: 10px;
	/*
	position: absolute;
	right: 65px;
	top: 33px;
	*/
}

.hdr-util li {
	/*border-left: solid 1px #515151;*/
	/*float: left;*/
	font-size: 13px;
	margin: 15px 0 0 12px;
	padding: 0 0 0 12px;
}

#infodropdown li, #langselect li, #currselect li {
	border: 0;
	margin: 10px;
	padding: 0;
}

@media screen and (max-width: 768px) {
	.hdr-util li {
		border: 0;
	}
}

.hdr-util a {
	color: #999999;
	display: block;
	/*float: left;*/
	font-size: 13px;
	text-decoration: none;
	padding: 0 !important;
}

.hdr-util a:hover {
	/* background: #39393A; */
	color: #d8d8d8;
	font-size: 13px;
	/* font-weight:bold; */
}

div.banner, div.bannerDown {
    border: 1px solid #888888;
    border-radius: 4px;
	padding: 15px;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
}

div.bannerDown  {
	margin-top: 20px;

}

div.content, div.footer {
	max-width: 960px;
	margin: 0 auto;
	padding: 0 10px;
	background: rgba(255, 255, 255, 0.7);
	//box-sizing: border-box;
}

div.content {
	margin-top: 15px;
	position: relative;
}

div.content div.main-left {
	border-right: 1px solid silver;
	width: 659px;
	float: left;
	display: inline;
}

div.content div.main-left p {
	margin-right: 20px;
}

div.content div.main-right {
	width: 299px;
	float: left;
	display: inline;
	font-size: 10pt;
}

div.content div.main-right div.top, div.content div.main-right div.bottom {
	height: 50%;
	float: left;
	margin-left: 20px;
}

div.content div.main-right div.top {
	border-bottom: 1px solid silver;
}

div.footer * {
	font-size: 11px;
	line-height: 1.2;
	/*margin: 0;*/
	/*padding: 0;*/
}

div.content-end {
	display: block;
	width: 100%;
	height: 40px;
	background: -moz-linear-gradient(top, #ffffff 20%, #e7e7e7 100%);
	background: -webkit-linear-gradient(top, #ffffff 20%, #e7e7e7 100%);
	background: -ms-linear-gradient(top, #ffffff 20%, #e7e7e7 100%);
	background: linear-gradient(top, #ffffff 20%, #e7e7e7 100%);
	margin-bottom: 20px;
}

div.footer-column {
	/*float: left;*/
	/* margin-right: 20px;
	   margin-left: 30px;
	*/
	/*width: 33%;*/
	box-sizing: border-box;
}

div.footer h4 {
	font-size: 13pt;
	/*margin: 0 0 4px;*/
	text-transform: uppercase;
}

div.footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div.footer ul li {
	margin: 0 0 4px;
}

div.footer-bottom {
	max-width: 100%;
	padding: 5px 0;
	border: 0 none;
	margin: 20px 0;
	background: -moz-linear-gradient(top, #e7e7e7 0%, #f2f2f2 20%);
	background: -webkit-linear-gradient(top, #e7e7e7 0%, #f2f2f2 20%);
	background: -ms-linear-gradient(top, #e7e7e7 0%, #f2f2f2 20%);
	background: linear-gradient(top, #e7e7e7 0%, #f2f2f2 20%);
}

div.footer-bottom div.wrap {
	max-width: 960px;
	margin: 0px auto;
	font: 11px/1.2 Arial,Helvetica,sans-serif;
}


div.showMainKats ul{
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

li.oneMainKat {
	float: left;
	border: 1px solid silver;
	border-radius: 4px;
	margin-top:10px;
	margin-right:10px;
	margin-left:10px;
	padding: 10px;
	min-height: 120px;
	width: 245px;
	//box-shadow: 0px 0px 0px #888888;
	background: #fafafa;
}

@media screen and (max-width: 700px) {
  li.oneMainKat {
    width: 90%
  }
}


li.oneMainKat:hover {
	box-shadow: 0px 0px 5px #888888;
	//transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0.1s;		
	border: 1px solid #888888;

}

div.oneMainKatImg {
	display: block;
	margin-right:10px; 
	float: left;
	padding: 10px;
	min-height: 100px;
	width: 80px;
	background-repeat: no-repeat;
}

div.oneMainKatCont {
	/*padding-left:	120px;*/
	font-size: 		13px;
	line-height: 	15px;
}

div.oneMainKatHead {
	overflow: hidden;
}

div.mkatvskats {
	border-top: 1px solid silver;
	margin-top:10px;
	overflow: hidden;
}

div.topPro {
	float: left;
	margin:10px;
	margin:10px;
	margin:10px;
	padding: 20px;
	min-height: 120px;
	/*width: 900px;*/
	border: 1px solid transparent;
	border: 1px solid #888888;
	border-radius: 4px;
}

div.topPro:hover {
	box-shadow: 0px 0px 5px #888888;
	border: 1px solid #888888;
	border-radius: 4px;
}

div.TopProdImg {
	display: block;
	float: left;
	padding: 10px;
	min-height: 200px;
	width: 200px;
	background-repeat: no-repeat;
	border: 1px solid silver;
	border-radius: 10px;
	background-position: center;
	background-size: contain;
}

div.topProdText {
	margin-left: 250px;
}

@media screen and (max-width: 768px) {
	div.topProdText {
		float: left;
		margin-left: 0;
		margin-top: 20px;
	}
}

div.topProdName {
	font-size: 		16px;
	font-weight: bold;
}


div.topProdDesc {
	border-top: 1px solid silver;
	margin-top:10px;
	padding-top: 10px;
	margin-bottom:10px;
	padding-bottom: 10px;
	font-size: 		14px;
	line-height: 	17px;
	font-weight:    normal;
	text-align: 	justify;
}

div.topProdPriceOld {
	font-size: 		12px;
	line-height: 	13px;
	white-space:	nowrap;
	text-align: 	right;

}

div.topProdPrice {
	font-size: 		20px;
	line-height: 	22px;
	white-space:	nowrap;
	font-weight:    bold;
	text-align: 	right;
}

div.topProdPriceBase {
	font-size: 		12px;
	line-height: 	14px;
	white-space:	nowrap;
	text-align: 	right;
	overflow: 		hidden;
}

li.oneSubKat {
	float: left;
	border: 1px solid silver;
	border-radius: 4px;
	margin-top:10px;
	margin-right:10px;
	margin-left:10px;
	padding: 10px;
	min-height: 120px;
	width: 245px;
	//box-shadow: 0px 0px 0px #888888;
	background: #fafafa;
	position: relative;     
}

li.oneSubKat:hover {
	box-shadow: 0px 0px 5px #888888;
	//transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0.1s;		
	border: 1px solid #888888;
}

div.oneSubKatCont {
	vertical-align: text-bottom;
    position: absolute; /* (2.) */
    bottom: 0px;        /* (3.) */
	width: 245px;
	border-radius: 4px;
	-moz-border-radius-topleft:  0px;  /* Firefox bis Version 3.6 */
    -webkit-border-top-left-radius: 0px;  /* Safari, Chrome (vor WebKit Version 533) */
    border-top-left-radius: 0px;  /* Firefox 4; Browser mit CSS3 Unterstützung */
	-moz-border-radius-topright:  0px;  /* Firefox bis Version 3.6 */
    -webkit-border-top-right-radius: 0px;  /* Safari, Chrome (vor WebKit Version 533) */
    border-top-right-radius: 0px;  /* Firefox 4; Browser mit CSS3 Unterstützung */
	
	padding: 10px;
	margin-left:-10px;
	background-color: rgba(100, 100, 100, 0.7);
	text-align: center;
}

div.oneSubKatCont>a {
	color: white;
	font-size: 		15px;
	font-weight:    bold;
}

div.KatDescBottom {
	margin-top:10px;
	max-width: 960px;
}

span.pathnavi {
	font-size: 		12px;
}

div.showProductList ul, div.showBasketOptions ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

li.oneProduct {
	float: left;
	border: 1px solid silver;
	border-radius: 4px;
	margin-top:14px;
	margin-right:7px;
	margin-left:7px;
	height: 375px;
	width: 175px;
	//box-shadow: 0px 0px 0px #888888;
	background: #ffffff;
	//position: relative;     
}


@media screen and (max-width: 550px) {
  li.oneProduct {
    width: 45%;
  }
}

@media screen and (max-width: 400px) {
  li.oneProduct {
    width: 90%;
  }
}



li.oneOptions {
	float: left;
	border: 1px solid silver;
	border-radius: 4px;
	margin-top:14px;
	margin-right:15px;
	margin-left:15px;
	padding:10px;
	height: 100px;
	width: 380px;
}

li.oneProduct:hover {
	box-shadow: 0px 0px 5px #888888;
	//transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0.1s;		
	border: 1px solid #888888;
}

@media screen and (max-width: 580px) {
  li.oneOptions { 
	width: 320px;
  }
}

div.oneProImg {
	width: 155px;
	min-height: 140px;
	margin: 10px;
	text-align: left;
	background-repeat: no-repeat;
	background-position: center;
	//border: 1px solid transparent;
	border-radius: 4px;
	border: 1px solid silver;
	position: relative;
}

@media screen and (max-width: 550px) {
  div.oneProImg {
    margin-left: auto;
    margin-right: auto;
  }
}

div.oneProImg>a {
	color: white;
	font-size: 		15px;
	font-weight:    bold;
}

i.glyphicon-shopping-cart {
	color: #ffffff;
	background: #aeaeb4;
	text-shadow: 0 0 2px grey;
	font-size: 10px;
	padding: 2px;
	
}

div.oneProductCont {
	min-height: 150px;
	width: 150px;
	margin:10px;
	//margin-top:0px;
	//border: 1px solid silver;
}

@media screen and (max-width: 550px) {
  div.oneProductCont  {
    margin-left: auto;
    margin-right: auto;
  }
}

div.oneProductCont p.name {
	font-size: 		13px;
	line-height: 	14px;
	font-weight:    bold;
	text-align: 	center;	
	height: 		42px;
	overflow: 		hidden;
	//border: 1px solid silver;
}

div.oneProductCont  p.oneProDesc{
	font-size: 		10px;
	line-height: 	11px;
	font-weight:    normal;
	text-align: 	justify;	
	margin-top:		3px;
	overflow: 		hidden;
	height: 		70px;
}

div.descTop {
	font-size: 		14px;
	line-height: 	17px;
	font-weight:    normal;
	text-align: 	justify;	
}

div.descBottom {
	margin-top:		10px;
	font-size: 		14px;
	line-height: 	17px;
	font-weight:    normal;
	text-align: 	justify;	
}

div.preview {
	background-color: 		#ffffff; 
	width: 					390px; 
	padding: 				0px; 
	text-align:				center; 
	margin:					auto; 
	z-index:				2; 
	border-radius: 			10px;
	border: 				1px solid silver;
	box-shadow: 			0px 0px 10px #888888;
	padding:				20px;

}

#oneProDescPrice  {
	font-size: 		16px;
	line-height: 	18px;
	font-weight:    bold;
}

div.ProdPriceBase {
	font-size: 		10px;
	line-height: 	11px;
	white-space:	nowrap;
	text-align: 	right;
	overflow: 		hidden;
	height: 		75px;
}

div.bestAll {
	margin-top: 	20px;
	font-size: 		20px;
	line-height: 	22px;
	font-weight:    bold;
	height: 		130px;
	display:		block;
	width:			100%;
}

@media screen and (max-width: 930px) {
	div.bestAll {
		display: none;
	}
}

div.bestseller {
	margin-top: 5px;
	margin-left: 30px;
	width: 893px;
	text-align: center;
	margin-bottom: 15px;
	//border: 1px solid silver;
}

div.oldprice {
	font-size:		16px;
}

#preisstyle  {
	font-size:		24px;
	line-height: 	24px;
	font-weight:    bold;
}

div.preisstyleinfo {
	font-size:		10px;
	margin-top:		-4px;
	border-bottom: 	1px solid #C0C0C0;
	padding-bottom:	5px;
	margin-bottom:	5px;
}

#aprice {
	margin-bottom:  -15px;
}

#addToCartButton {
	background:			#5CCD00;
	background:			-moz-linear-gradient(top,#5CCD00 0%,#4AA400 100%);
	background:			-webkit-gradient(linear,left top,left bottom,color-stop(0%,#5CCD00),color-stop(100%,#4AA400));
	background:			-webkit-linear-gradient(top,#5CCD00 0%,#4AA400 100%);
	background:			-o-linear-gradient(top,#5CCD00 0%,#4AA400 100%);
	background:			-ms-linear-gradient(top,#5CCD00 0%,#4AA400 100%);
	background:			linear-gradient(top,#5CCD00 0%,#4AA400 100%);
	filter: 			progid: DXImageTransform.Microsoft.gradient( startColorstr='#5CCD00', endColorstr='#4AA400',GradientType=0);
	padding:			10px 10px;
	margin-top:			10px;
	margin-right:		auto;
	margin-left:		auto;
	color:				#fff;
	font-family:		'Helvetica Neue',sans-serif;
	font-size:			16px;
	border-radius:		5px;
	-moz-border-radius:	5px;
	-webkit-border-radius:5px;
	border:				1px solid #459A00;
	width: 				300px;
	/*Transition*/
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;	
}

#addToCartButton:hover {
	background:			#4AA400;
}

.addToCartButton {
	background:			#5CCD00;
	background:			-moz-linear-gradient(top,#5CCD00 0%,#4AA400 100%);
	background:			-webkit-gradient(linear,left top,left bottom,color-stop(0%,#5CCD00),color-stop(100%,#4AA400));
	background:			-webkit-linear-gradient(top,#5CCD00 0%,#4AA400 100%);
	background:			-o-linear-gradient(top,#5CCD00 0%,#4AA400 100%);
	background:			-ms-linear-gradient(top,#5CCD00 0%,#4AA400 100%);
	background:			linear-gradient(top,#5CCD00 0%,#4AA400 100%);
	filter: 			progid: DXImageTransform.Microsoft.gradient( startColorstr='#5CCD00', endColorstr='#4AA400',GradientType=0);
	padding:			10px 10px;
	margin-top:			10px;
	margin-right:		auto;
	margin-left:		auto;
	color:				#fff;
	font-family:		'Helvetica Neue',sans-serif;
	font-size:			16px;
	border-radius:		5px;
	-moz-border-radius:	5px;
	-webkit-border-radius:5px;
	border:				1px solid #459A00;
	width: 				300px;
	/*Transition*/
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;	
}

.addToCartButton:hover {
	background:			#4AA400;
}

.attrname {
	color: 				#666666;
	font-weight: 		bold;
	font-size:			12px;
}

div.conDesc {
	float: 				left;
	width: 				200px;
	text-align: 		right; 
	margin-right: 		15px;
}

div.conDescOrder {
	float: 				left;
	width: 				170px;
	text-align: 		right; 
	margin-right: 		15px;
}

div.conField, div.conFieldError {
	float: 				left;
}

div.conField input[type="text"],
textarea,
div.conField input[type="password"],
div.conField input[type="email"],
div.conField select {
	padding: 			1px;
	padding-left: 		5px;
	border: 			solid 1px #dcdcdc;
	border-radius: 		3px;
	transition: 		box-shadow 0.3s, border 0.3s;
	width:				350px;
	height:				28px;
}

div.conField input[readonly] {
	background: transparent;
}
div.conFieldError input[type="text"],
div.conFieldError textarea,
div.conFieldError input[type="password"],
div.conFieldError input[type="email"] {
	border: 			solid 1px #ff979e;
}

div.conField input[type="text"]:focus, textarea:focus, div.conField input[type="password"]:focus, div.conField input[type="email"]:focus,
div.conField input[type="text"].focus, textarea.focus, div.conField input[type="password"].focus  {
	border: 			solid 1px #707070;
	box-shadow: 		0 0 5px 1px #969696;
	background:			#fff8d1;
}

form.newsletter div.line, form.callback div.line {
	width: 100%;
}
form.newsletter div.conField, form.callback div.conField {
	/*float: none;*/
	display: block;
	box-sizing: border-box;
	padding: 3px;
}

form.callback div.conField {
	width: 100%;
	max-width: 300px;
}

form.newsletter div.conField input, form.newsletter div.conField select,
form.callback div.conField input, form.callback div.conField select {
	width: 100%;
	/*max-width: 20em;*/
	height: inherit;
	padding: 5px;
	border-radius: 3px;
	display: block;
	float: none;
	margin: 0;
	box-sizing: border-box;
}

div.accField {
	width: 				150px;
}



div.slick-slide {
	border-radius: 4px;
	border: 1px solid silver;
	margin-top: 3px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	height: 90px;
	overflow: hidden;
}

div.slick-slide:hover {
	box-shadow: 0px 0px 5px #888888;
	//transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0.1s;		
	border: 1px solid #888888;
}

button.slick-prev {
	background: #DFDFDF;
	opacity: 0.5;
	height: 100px;
	margin-top: -50px;
	
	border-radius: 4px;
	-moz-border-radius-topleft:  10px;  /* Firefox bis Version 3.6 */
    -webkit-border-top-left-radius: 10px;  /* Safari, Chrome (vor WebKit Version 533) */
    border-top-left-radius: 10px;  /* Firefox 4; Browser mit CSS3 Unterstützung */
	-moz-border-radius-topright:  0px;  /* Firefox bis Version 3.6 */
    -webkit-border-top-right-radius: 0px;  /* Safari, Chrome (vor WebKit Version 533) */
    border-top-right-radius: 0px;  /* Firefox 4; Browser mit CSS3 Unterstützung */	
	-moz-border-radius-bottomleft:  10px;  /* Firefox bis Version 3.6 */
    -webkit-border-bottom-left-radius: 10px;  /* Safari, Chrome (vor WebKit Version 533) */
    border-bottom-left-radius: 10px;  /* Firefox 4; Browser mit CSS3 Unterstützung */	
	-moz-border-radius-bottomright:  0px;  /* Firefox bis Version 3.6 */
    -webkit-border-bottom-right-radius: 0px;  /* Safari, Chrome (vor WebKit Version 533) */
    border-bottom-right-radius: 0px;  /* Firefox 4; Browser mit CSS3 Unterstützung */		
	
}

button.slick-prev:hover{
	background: #AAAAAA;
	opacity: 0.5;
	height: 100px;
	margin-top: -50px;
}

button.slick-next {
	background: #DFDFDF;
	opacity: 0.5;
	height: 100px;
	margin-top: -50px;
	
	-moz-border-radius-topleft:  0px;  /* Firefox bis Version 3.6 */
    -webkit-border-top-left-radius: 0px;  /* Safari, Chrome (vor WebKit Version 533) */
    border-top-left-radius: 0px;  /* Firefox 4; Browser mit CSS3 Unterstützung */
	-moz-border-radius-topright:  10px;  /* Firefox bis Version 3.6 */
    -webkit-border-top-right-radius: 10px;  /* Safari, Chrome (vor WebKit Version 533) */
    border-top-right-radius: 10px;  /* Firefox 4; Browser mit CSS3 Unterstützung */	
	-moz-border-radius-bottomleft:  0px;  /* Firefox bis Version 3.6 */
    -webkit-border-bottom-left-radius: 0px;  /* Safari, Chrome (vor WebKit Version 533) */
    border-bottom-left-radius: 0px;  /* Firefox 4; Browser mit CSS3 Unterstützung */	
	-moz-border-radius-bottomright:  10px;  /* Firefox bis Version 3.6 */
    -webkit-border-bottom-right-radius: 10px;  /* Safari, Chrome (vor WebKit Version 533) */
    border-bottom-right-radius: 10px;  /* Firefox 4; Browser mit CSS3 Unterstützung */		
	
}

button.slick-next:hover {
	background: #AAAAAA;
	opacity: 0.5;
	height: 100px;
	margin-top: -50px;
}

div.topSellImg {
	height: 90px;
	width: 110px;
	background-repeat: no-repeat;
	background-position: center;	
	float: left;
	overflow: hidden;
}

div.topSellDesc {
	width: 			auto;
	overflow: 		hidden;
	font-size: 		15px;
	line-height: 	16px;
	font-weight:    bold;
	margin: 		10px;
}

div.RatingTopseller {
    position: absolute; 
    bottom: 10px;        
	margin-left: 100px;
	width: 75px; 
	height: 15px; 
	//margin-top: 10px;

}

div.PicProRating {
	float: 			right; 
	vertical-align: text-bottom; 
	position: 		absolute; 
	top: 			-10px;
	right:			-15px;
}	

div.PricePercent {
	width: 			80px; 
	height: 		40px; 
	float: 			right; 
	vertical-align: text-bottom; 
	position: 		absolute; 
	bottom: 		-10px;
	right:			-15px;
	color:			white;
	font-size:		19px;
	background-repeat: no-repeat;
	background-position: center;	

}	

div.PricePercent>div {
	margin-left:		15px;
	margin-top:			6px;
}	

div.PricePercent>div.rot {
    -webkit-transform: 	rotate(354deg);
    -moz-transform: 	rotate(354deg);
    -o-transform: 		rotate(354deg);
    writing-mode: 		lr-tb;
	font-size:			18px;
}	

div.StorageStatus {
	width: 			80px; 
	height: 		40px; 
	float: 			right; 
	vertical-align: text-bottom; 
	position: 		absolute; 
	bottom: 		-10px;
	right:			-15px;
	color:			white;
	font-size:		19px;
	background-repeat: no-repeat;
	background-position: center;	

}	

div.StorageStatus>div {
	margin-left:		15px;
	margin-top:			6px;
}

div.KatOptions {
	margin-top: 		5px;
	/*padding:			3px 0px;*/
	margin-left: 		5px;
	max-width: 			940px;
	border: 			1px solid #DFDFDF;
	border-radius: 		4px;
	/*height:				23px;*/
	background:			#EFEFEF;
	font-style:			italic;
}

div.KatOptions > div {
	float:				left;
	margin-left: 		5px;
	font-size:			13px;
	margin: 			5px;
}

div.KatSite {
	//width: 				138px;
}

#selectSite  {
	height: 			19px; 
	margin-left: 		5px;	
	background: 		#EFEFEF;
	border: 			0 none;
	font-weight:    	bold;
	font-style:			normal;
	max-width:			115px;
}

#InfoMsgBig {
	font-size: 			16px;
	line-height: 		18px;
	font-weight:    	bold;
}

#bildbig {
	border-radius: 		10px;
	//border: 			1px solid transparent; //Zoom funktioniert nicht mehr richtig mit border!
	display: 			block;
	margin-left: 		auto;
	margin-right:		auto;
}

div.ProdDescName {

}

div.ProdDetailTopBlock {
	//border: 1px solid silver; 
	border-top: 1px solid silver; 
}

div.prodImages {
	float: left;
}

div.prodShopping {
	display: block;
	margin-top: 10px;
	float: left;
}

div.prodProps {
	float: left;
	width: auto;
	margin-left: 20px;
}

div.prodForm {
	float: left;
	margin-left: 20px;
	/* width: 300px;  */
}

ul.ul-pro-details {
	margin-left: 		-35px; 
	list-style-type:	square; 
	font-size: 			14px; 
	line-height:		22px;
	color: 				#656565;
}

.btn {
  background: -moz-linear-gradient(center top , #EEE 0%, #CCC 100%) repeat scroll 0% 0% transparent;
  border: 0;
  -webkit-border-radius: 60;
  -moz-border-radius: 60;
  border-radius: 60px;
  font-family: Arial;
  color: #999;
  font-size: 12px;
  padding: 8px 20px 8px 20px;
  text-decoration: none;
  font-weight: bold;
}

#krot  { font-size:9pt; color:#990000; text-decoration:none; font-weight:bold;  line-height: 13pt; }

#krotform  { font-size:8pt; color:#990000; text-decoration:none; line-height: 10pt; width: 200px; margin-top: 5px; }

.btn:hover {
  background: -moz-linear-gradient(top, #dddddd 0%, #979797 100%);
  background: -webkit-linear-gradient(top, #dddddd 0%, #979797 100%);
  background: -ms-linear-gradient(top, #dddddd 0%, #979797 100%);
  background: linear-gradient(top, #dddddd 0%, #979797 100%);
  text-decoration: none;
  color: #444444;
}

div.wkorb {
	margin-top:		20px;
	/*margin-left:  	30px;*/
	padding:		10px;
	width:			100%;
	display:		table;
	font-size: 		12px; 
	border:			1px solid silver;
	box-sizing:		border-box;
}

div.wkorbpos  {
	margin-top:		3px;
	display:		display:table-row;
	//border: 		1px solid green;
	/*height:			30px;*/
	border-bottom:  1px dotted #E0DBD7;
	
}

div.wkorbposcnt {
	float: 			left;
	width:			25px;
	display:		display:table-cell;
	overflow:		hidden;
	text-align: 	right;
}

div.wkorbposname {
	float: 			left;
	display:		display:table-cell;
	font-weight: 	bold;
	overflow:		hidden;
	// 	border: 	1px solid blue;
}

div.wkorbposprice {
	float: 			right;
	display:		display:table-cell;
	font-weight: 	bold;
	overflow:		hidden;
	// 	border: 	1px solid blue;
}

.priceaddinf {
	float: 			right; 
	font-size: 		10px; 
	margin-top: 	-5px; 
	height: 		15px;
}

#wkorbend {
	border-top:		1px solid silver;
	margin-top:		-1px;
	padding-top:	5px;
	height:			30px;
}

#wkorbtotaldesc {
	float:			left;
	font-size: 		14px; 
	font-weight:	bold;
}

#wkorbtotal {
	float:			right;
	font-size: 		14px; 
	font-weight:	bold;
}

.formback {
	background: #EEE; 
	border: 1px solid #AAA; 
	padding: 10px; 
	border-radius: 5px;
}

div.gbuch hr {
	border-color: white;
}

div.gbuch p.text {
	padding: 10px;
	background: white;
	border: 1px solid silver;
	margin-bottom: 2em;
}

div.gbuch h2 {
	font-size: 12pt;
}

div.gbuch a {
	font-weight: bold;
}

div.gbuch p.error {
	color: red;
}

table.zahlung td, table.versand td {
	vertical-align: top;
}

div.tocartminiform {
	text-align: center;
	margin: 0 2px;
	border-radius: 5px;
	padding: 5px;
	position: absolute;
	top: 40px;
	background: rgba(230, 230, 230, 0.9);
	display: none;
}

div.tocartminiform div.attributes {
	font-size: 9pt;
	margin-bottom: 5px;
	text-align: left;
}

div.tocartminiform input.itemcount {
	text-align: center;
	width: 3em;
}

div.tocartminiform div.attributes div {
	margin-bottom: 8px;
}

div.tocartminiform div.attributes div input[type=text] {
	width: 100%;
	box-sizing: border-box;
}

div.tocartminiform div.attributes div select {
	width: 100%;
	box-sizing: border-box;
}

div.lastsold li.oneProduct {
	width: 30%;
	min-width: 175px;
	height: inherit;
	box-sizing: border-box;
}

div.lastsold div.oneProductCont {
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 10px;
}

div.lastsold p.name {
	height: 30px;
}

table.preisstaffel {
	font-size: 10pt;
	width: 100%;
}

table.preisstaffel div.preisstyleinfo {
	border-width: 0;
	padding: 0;
	margin: 0;
	padding-top: 1ex;
}

table.preisstaffel tr {
	border-bottom: 1px solid silver;
}

table.preisstaffel th {
	text-align: center;
}

table.preisstaffel td {
	padding: 0px 5px;
}

@media screen and (max-width: 1260px) {
	div.sideProducts {
		display: none;
	}
}

@media screen and (max-width: 400px) {
	div.wkorbtd, td.rmvBasket {
		display: none;
	}
	
	td.wkorbtd {
		width: 0px;
		padding: 0px !important;
	}
	
	table.wkorbtable td {
		padding: 5px !important;
	}	
	
}

div.sideProducts {
	position: absolute;
	top: 0;
	right: -200px;
	width: 189px;
}

div.sideProducts h4 {
	text-align: center;
}

.tabberlive .tabbertabhide {
 display:none;
}

.tabber {
}
.tabberlive {
 margin-top:0em;
}

ul.tabbernav
{
 margin:0;
 padding: 0px 0;
 border-bottom: 1px solid silver;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav h2, #myTabber .panel-group .panel-title h2 {
	font: bold 12px Verdana, sans-serif;
	margin: 0;
}

ul.tabbernav > li
{
 list-style: none;
 //margin: 0;
 display: inline;
 margin-right: 10px;
}

ul.tabbernav > li > a
{
 padding: 10px 15px;
 margin-left: 0px;
 border: 1px solid silver;
 border-bottom: none;
 //background: #DDE;
 background: -moz-linear-gradient(center top , #FFF 0%, #CCC 100%) repeat scroll 0% 0% transparent;
 text-decoration: none;
 -moz-border-radius-topleft:  10px;  /* Firefox bis Version 3.6 */
 -webkit-border-top-left-radius: 10px;  /* Safari, Chrome (vor WebKit Version 533) */
 border-top-left-radius: 10px;  /* Firefox 4; Browser mit CSS3 Unterstützung */

 
}

ul.tabbernav li a:link { color: #999999; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 //background: #AAE;
 background: -moz-linear-gradient(center top , #DDD 0%, #979797 100%) repeat scroll 0% 0% transparent;
 border-color: silver;
}

ul.tabbernav li.active a
{
 background-color: #fff;
 background: white;
 border-bottom: 1px solid #fff;
 //border-right: 0;
 color: #666666;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #666666;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 padding-left:10px;
 border:1px solid silver;
 border-top:0;
 padding-top: 20px;
 
-moz-border-radius-bottomleft:  10px;  /* Firefox bis Version 3.6 */
-webkit-border-bottom-left-radius: 10px;  /* Safari, Chrome (vor WebKit Version 533) */
border-bottom-left-radius: 10px;  /* Firefox 4; Browser mit CSS3 Unterstützung */	
-moz-border-radius-bottomright:  10px;  /* Firefox bis Version 3.6 */
-webkit-border-bottom-right-radius: 10px;  /* Safari, Chrome (vor WebKit Version 533) */
border-bottom-right-radius: 10px;  /* Firefox 4; Browser mit CSS3 Unterstützung */		
 

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

#orderborder {
	border-style:  solid; 
	border-color:  #990000; 
	border-width:  5px; 
	border-radius: 5px;
	padding: 	   10px;
	margin-top:    10px;
}