body { 
	background-color: #ffffff; 
	text-align: left; 
	font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif;     
	font-size: 12px; 
	font-weight: normal; 
	color: #18323E;
	margin: 0px;
	padding: 0px;
	scrollbar-face-color: #ffffff;
}


@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/includes/fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans'),
       url('/includes/fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/includes/fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/includes/fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/includes/fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/includes/fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Handlee';
  font-style: normal;
  font-weight: 400;
  src: url('/includes/fonts/handlee-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Handlee'),
       url('/includes/fonts/handlee-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/includes/fonts/handlee-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/includes/fonts/handlee-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/includes/fonts/handlee-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/includes/fonts/handlee-v14-latin-regular.svg#Handlee') format('svg'); /* Legacy iOS */
}

.hand {
	font-family: 'Handlee', 'Open Sans', Arial, Verdana, Helvetica, sans-serif;
}
.imp {
	font-size: 1.4em;	
}


h1, h1.link	{ 
	font-size: 1.5em; 
	font-weight: normal; 
	text-decoration: none; 
	color: #EF7303; 
	margin: 0px 0px 15px 0px; 
	padding: 0px;
	text-transform: uppercase;
}
h1.small    { 
    font-size: 1.2em; 
    margin: 0px 0px 10px 0px;
}
h1.list, h1.file, h1.homeLink {
	font-size: 1em; 
	font-weight: bold; 
	color: #EF7303; 
	margin: 0px 0px 15px 0px; 
	padding: 0px;
}
h1.cdata {
	margin-bottom: 0px;
}
h2	{
	font-size: 1.3em; 
	font-weight: normal; 
	color: #1E1C1A; 
	margin: 15px 0px 15px 0px; 
	padding: 0px;
}
h3	{ 
	font-size: 1.2em; 
	font-weight: normal; 
	text-decoration: none; 
	color: #1E1C1A; 
	margin: 0px 0px 15px 0px; 
	padding: 0px;
}
p {
	padding: 0px;
	margin: 0px 0px 15px 0px;
	font-size: 1em; 
}
.smaller {
	font-size: 0.9em;
}
.title {
	font-size: 1.1em;
	font-weight: bold;	
}
.titlecolor {
    font-size: 1.6em;
    font-weight: bold;
    color: #BC0404;    
}
	
.symbolpic:after {
	content: "Symbolfoto";
	display: block;
    color: #18323E;
	font-size: 0.8em;
    opacity: 0.6;
}
.highlightcolor {
     font-size: 1.4em;
     font-weight: bold;    
     color: #BC0404;
}


a { 
    text-decoration: none; 
    color: #EF7303;
}
a:hover { 
    text-decoration: underline; 
    color: #EF7303;
}
a.noColor {
	 color: #1E1C1A; 
}
a.noColor:hover {
	 color: #EF7303; 
}
#mainField img.border {
	border: 1px solid #EF7303;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.alert {
	color: #C4030E;
	padding: 0px;
	margin: 0px;
}
.alertfield {
	background-color: #C4030E;
	color: #ffffff;
	padding: 10px;
	margin: 10px 0px;
	font-size: 1.4em;
}
.info {
	font-size: 0.9em;
	font-weight: normal;	
}
.highlight {
	color: #EF7303;
}
.highlightImportant {
	color: #EF7303;
	font-weight: bold;
}
div.buttonLink  {
	text-align: right;
	margin: 3% 0%;	
}
div.buttonLink.top {
	margin: 1% 0%;	
}
div.buttonLink a {
	background-color: #4D6B79;
	color: #ffffff;
	text-decoration: none;
	font-size: 14px;
	padding: 2%;
}
div.buttonLink a:hover {
	background-color: #EF7303;
	color: #FFFFFF;
	text-decoration: none;
}
div.buttonLink.small a {
	font-size: 0.9em;
	padding: 0.7%;
}
div.buttonLink.color a {
	background-color: #EF7303;
	color: #ffffff;
	text-decoration: none;
	font-size: 1.2em;
	padding: 5px 19px;
}
div.buttonLink.color a:hover {
	background-color: #4D6B79;
	color: #ffffff;
}
div.buttonLink.inv a {
	background-color: #EF7303;
}
div.buttonLink.inv a:hover {
	background-color: #4D6B79;
}

div.smallButtonLink {
	margin: 0px;	
}
div.smallButtonLink a {
	background-color: #4D6B79;
	color: #ffffff;
	text-decoration: none;
	font-size: 0.8em;
	font-weight: bold; 
	padding: 2px 18px;	
}
div.smallButtonLink a:hover {
	background-color: #EF7303;
}


.alertWindowContainer {
    position: relative;
    display: none;
}
.alertWindow {
    border: 1px dotted #EF7303;
    background-color: #ffffff;
    padding: 10px 10px;
    text-align: center;
    font-size: 1.4em;
    font-weight: bold;
    position: absolute;
    z-index: 2000;
    width: 100%;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
}
.alertWindow:after {
    content: "OK";
    position: absolute;
    bottom: 20px;   
    background-color: #ff0000;
    color: #ffffff;
    padding: 6px;
    
}
#variantsAlert div {
    padding: 70px 10px;
}


#barrierefrei, #design {
	padding: 10px;
	width: 80%;
}
#design a {
	position: relative;
	left: 23px;
	color: #18323E;
	font-size: larger;
}
#design a:before {
	content: url(/images/design.png);
	display: block;
	position: relative;
	height: 0px;
	left: -26px;
	top: -3px;
	border: none;
	z-index: 15;	
}
#barrierefrei a {
	position: relative;
	left: 23px;
	color: #18323E;
}
#barrierefrei a:before {
	content: url(/images/barrierefrei.png);
	display: block;
	position: relative;
	height: 0px;
	left: -26px;
	top: -3px;
	border: none;
	z-index: 15;	
}


.wrapper {
	width: 98%;
	max-width: 1240px;
	margin: 0px auto;
}


#header {
	min-width: 320px;
	position: relative;
}

#nemetzworldwrapper {
	background-color: #FC841C;	
	margin: 0px;	
}
#nemetzworld {
	font-family: 'Open Sans Extrabold', Arial, Verdana, Helvetica, sans-serif;
	font-style: italic;  
	font-size: 5em;
	color: #ffffff;	
	width: 98%;
	max-width: 1240px;
	margin: 0px auto;
}
#logowrapper {
	position: relative;
	z-index: 5;
	height: 30px;
}
#logo {
	float: left;
	width: 30%;
	max-width: 180px;	
}
#logo img {
	width: 100%;
	height: auto;	
}

#topmenu {
	width: 70%;
	float: left;
	margin-top: 40px;
}
#topmenu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	clear: left; 
	overflow: auto;
	font-size: 1em;
	color: #b3b3b3;
}
#topmenu li {
	height: 24px;
	padding-top: 8px;
	padding-left: 28px;
	margin-left: 25px;
}
#topmenu a {
	color: #b3b3b3;
}
#topmenu a {
	color: #b3b3b3;
}
#topmenu .mail {
	background: url(/images/icon_mail.png) left center no-repeat; 	
	text-transform: uppercase;
}
#topmenu .phone {
	background: url(/images/icon_phone.png) left center no-repeat; 	
}
#topmenu li.search {
	padding-top: 4px;	
	padding-left: 0px;
}
#topmenu input[type="text"] {
	float: left;
	margin: 0px;
	padding-left: 10px;
	color: #ffffff;
	width: 146px;
	height: 22px;
	border: 0px solid #b3b3b3;
	background-color: #b3b3b3;
	border-top-left-radius: 1em;
	border-bottom-left-radius: 1em;
}
#topmenu input[type="submit"] {
	float: left;
	margin: 0px;	
	width: 24px;
	height: 24px;
	border: 0px solid #b3b3b3;
	background-color: #b3b3b3;
	border-top-right-radius: 1em;
	border-bottom-right-radius: 1em;
	background: url(/images/button_search.png) center center no-repeat; 
}

#majormenuwrapper {
	background-color: #FC841C;	
	margin: 0px;
	clear: both;
	position: relative;
}
#mobilemenuwrapper { 
	display: none;
	font-size: 1.6em;       
}
#mobilemenu {
	width: 50%;
	float: left;	
}
#mobilemenu a {
 	color: #ffffff;
 	text-decoration: none;
	display: block;	
	padding: 11px 36px;
	margin-left: 6px;
	background: url(/images/icon_mobilemenu.png) center left no-repeat; 	
}
#mobilebasket {
	float: right;
}
#majormenu { 
	position: relative;
	z-index: 2;	   
}
#majormenu ul { 
	padding: 0px;
	margin: 0px;
	list-style: none;
}
#majormenu>ul { 
	z-index: 3;
	clear: left;
	overflow: auto;
}  
#majormenu li {
	padding: 0px; 
	margin: 0px; 
}
#majormenu > ul > li {
	float: left; 
}
#majormenu > ul > li+li {
	border-left: 1px solid #ffffff;
}
#majormenu > ul > li a { 
 	text-decoration: none;
 	margin: 0px;
	display: block;
	padding: 11px 30px;
	color: #ffffff;
	font-size: 1.35em;
	text-transform: uppercase;
}  
#majormenu > ul > li:hover {
	background-color: #ffffff;
}
#majormenu > ul > li:hover a {
	color: #EF7303;
	text-decoration: none;
} 
#majormenu ul ul { 
	display: none; 
	position: absolute; 
	min-width: 250px;
	background-color: #FC841C;
	z-index: 4;
}
#majormenu ul li:hover > ul { 
	display: block; 
}
#majormenu ul ul a { 
	font-size: 1em;
	padding: 8px 23px;
	color: #ffffff;	
}
#majormenu ul ul > li { 
	position: relative;
	border-bottom: 1px solid #ffffff;
}
#majormenu ul li:hover ul > li a { 
	color: #ffffff;
    text-decoration: none;
}
#majormenu ul li:hover ul > li:hover { 
    background-color: #ffffff;
} 
#majormenu ul li:hover ul > li:hover a { 
	color: #EF7303;
    text-decoration: none;
} 

#majormenu ul ul ul { 
	position: absolute; 
	left: 100%; 
	top: 0px;
	z-index: 5;
}
#majormenu ul ul ul > li { 
	border-left: 1px solid #ffffff; 
}
#majormenu ul ul > li.has-submenu > a:after {
	content: '\00BB';
	font-size: 2em;
	position: absolute;
	top: -12px;
	right: -10px;
	display: block;
	padding: inherit;    
}



#menubasketicon, #menubasketiconactive {
	display: inline-block;	
	width: 39px;
	height: 38px;	
	top: 0px;
	position: absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #EF7303;
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 2px;
	font-size: 12px;
	text-align: center;	  
}
#menubasketicon {
	background: url(/images/menu_basket.png) no-repeat bottom center;	
}
#menubasketiconactive {
	background: url(/images/menu_basket_active.png) no-repeat bottom center;
}
#majormenu > ul > li:hover #menubasketicon {
	background: url(/images/menu_basket_hover.png) no-repeat bottom center;	
}
#majormenu > ul > li:hover #menubasketiconactive {
	background: url(/images/menu_basket_active_hover.png) no-repeat bottom center;	
}


#headerbasketwrapper {
	z-index: 1000;
	position: relative;
	margin: 0px auto;
	height: 0px;
	clear: both;
}


#headerbasket {
	padding: 0% 2% 5% 0%;
	font-size: 1em;
	overflow: auto;
	display: none;
	position: relative;
	background-color: rgba(255, 255, 255, 0.8);
	top: 0px;
}
#headerbasketfield {
	min-width: 220px;
	max-width: 1240px;
	margin: 0px auto;	
}
#headerbasket .basket {
	border: 1px solid #EF7303;
	width: 100%;
	max-width: 290px;	
	float: right;	
	background-color: #ffffff;
}


#headerbaskettitle {
	border-bottom: 1px dotted #4D6B79;
	margin: 0px;
	padding: 7px 10px 7px 46px;
	font-weight: normal;
	font-size: 1.6em;
	background: url(/images/icon_basket_title.png) left center no-repeat; 
	overflow: auto;
}
#headerbaskettitle div:nth-of-type(1) {
	float: left;
}
#headerbaskettitle div:nth-of-type(2) {
	float: right;
}
#wursttaxi {
    min-width: 120px;
    max-width: 1240px;
    margin: 0px auto;
    padding: 1% 0% 0% 0%;
    margin: 1.61%;
    clear: both;    
}
#wursttaxi img {
    width: 100%;
    height: auto;   
}
@media screen and (max-width: 600px) {
    #wursttaxi {
        display: none;
    }
}

#main {
	min-width: 120px;
	max-width: 1240px;
	margin: 0px auto;
	padding: 1.96% 0% 1.96% 0%;
	clear: both;	
	color: #1E1C1A;	
    line-height: normal;
}
#main.barrierefree {
	font-size: 1.5em;	
}


.basket ul {
	list-style-type: none;
	margin: 0px;
	padding: 7px 10px;
	border-bottom: 1px dotted #4D6B79;
	clear: left;
	overflow: auto;	
}
.basket li {
	float: left;
}

.basket input[type="submit"] {
	background-color: #ffffff;
	border: 0px solid #ffffff;		
	width: 11px;
	height: 12px;
	margin: 0px;
	padding: 0px;
	background: url(/images/icon_basket_refresh.png) left center no-repeat;
}  
.basket input[type=submit]:hover {
	background: url(/images/icon_basket_refresh.png) right center no-repeat;
	border: 0px solid #ffffff;		
}

a.deleteFromBasket {
	display: block;
	width: 16px;
	height: 16px;
	color: #ffffff;
	background: url(/images/icon_basket_delete.png) left center no-repeat;
	opacity: 0.7;
}
a.deleteFromBasket:hover {
	background: url(/images/icon_basket_delete.png) right center no-repeat;
}

.basket ul.basketarticle .bfnumber {
	position: relative;
	top: 58px;	
	height: 28px;
}
.basket ul.basketarticle .bfdelete {
	position: relative;
	top: 58px;	
	padding-top: 4px;
	padding-left: 10px;	
}
.basket ul.basketarticle .bftitle {
	font-weight: bold;
	width: 100%;
	height: 36px;
	position: relative;
	top: -26px;
}


.basket ul.basketarticle .bftitle a {
	color: #1E1C1A;	
	display: inline-block;
	background: url(/images/icon_link.png) right top no-repeat;
	padding-right: 22px;
} 
.basket ul.basketarticle .bftitle a:hover {
	color: #EF7303;	
	background: url(/images/icon_link_active.png) right top no-repeat;
}  

.basket ul.basketarticle .bfartnr {
	position: relative;
	top: -26px;			
}
.basket ul.basketarticle .bfartnr:before {
	content: "Art. Nr.: ";
}
.basket ul.basketarticle .bfartnr a {
	color: #1E1C1A;	
}
.basket ul.basketarticle .bfartnr a:hover {
	color: #EF7303;	
}

.basket li span {
	display: inline-block;
	width: 60px;
	float: right;
}
.basket li.bfpricetotal span {
	font-weight: bold;
}
.basket ul.basketarticle .bfprice {
    text-align: right;
    float: right;
}
.basket ul.basketarticle .bfprice:before {
	content: "Einzelpreis EUR ";
	font-size: 0.9em;
}
.basket ul.basketarticle .bfprice.kg:before {
	content: "Preis / kg EUR ";
}
.basket ul.basketarticle .bfpricetotal {
	width: 100%;	
	padding: 3px 0px;
    text-align: right;
}
.basket ul.basketarticle .bfpricetotal:before {
	content: "Summe EUR ";
	font-size: 0.9em;
}
.basket ul.basketarticle .bfpriceoffer {
    width: 100%;    
    padding: 3px 0px;
    font-size: 0.85em;
    text-align: right;
}
.basket .bfweight {
	float: left;
	font-size: 0.85em;
}
.basket ul.basketarticle .bfweight:before {
	content: "Gewicht: ";	
}

.basket ul.basketdelivery {
	border-bottom: 0px dotted #4D6B79;	
}
.basket ul.basketdelivery .bfnumber,
.basket ul.basketdelivery .bfdelete,
.basket ul.basketdelivery .bfartnr,
.basket ul.basketdelivery .bfprice,
.basket ul.basketdelivery .bfweight {
	display: none;	
}
.basket ul.basketdelivery .bftitle {
	font-weight: bold;	
	width: 60%;
}
.basket ul.basketdelivery .bfpricetotal {
    text-align: right;
}
.basket ul.basketdelivery .bfpricetotal {
	float: right;
}
.basket ul.basketdelivery .bfpricetotal:before {
	content: "EUR ";
}


.basket ul.basketdeliveryselect {
	border-bottom: 1px dotted #4D6B79;	
}

.basket ul.basketdeliveryselect .bfnumber,
.basket ul.basketdeliveryselect .bfdelete,
.basket ul.basketdeliveryselect .bfartnr,
.basket ul.basketdeliveryselect .bfprice,
.basket ul.basketdeliveryselect .bfpricetotal,
.basket ul.basketdeliveryselect .bfweight {
	display: none;	
}
.basket ul.basketdeliveryselect .bftitle {
	width: 100%;
}

.basket ul.basketpayment {
	border-bottom: 1px dotted #4D6B79;	
}
.basket ul.basketpayment .bfnumber,
.basket ul.basketpayment .bfdelete,
.basket ul.basketpayment .bfartnr,
.basket ul.basketpayment .bfprice,
.basket ul.basketpayment .bfweight {
	display: none;	
}
.basket ul.basketpayment .bftitle {
	font-weight: bold;	
	width: 60%;
}
.basket ul.basketpayment .bfpricetotal {
    text-align: right;
}
.basket ul.basketpayment .bfpricetotal {
	float: right;
}
.basket ul.basketpayment .bfpricetotal:before {
	content: "EUR ";
}

.basket ul.basketpromotion {
	border-bottom: 1px dotted #4D6B79;	
}
.basket ul.basketpromotion .bfnumber,
.basket ul.basketpromotion .bfdelete,
.basket ul.basketpromotion .bfprice {
	display: none;	
}
.basket ul.basketpromotion .bftitle {
	font-weight: bold;	
	width: 100%;
}
.basket ul.basketpromotion .bfartnr {
	font-weight: normal;
}
.basket ul.basketpromotion .bfweight {
	font-weight: normal;
	font-size: 0.85em;
	width: 100%;
}
.basket ul.basketpromotion .bfpricetotal {
    text-align: right;
}
.basket ul.basketpromotion .bfpricetotal {
	float: right;
}
.basket ul.basketpromotion .bfpricetotal.eur:before {
	content: "EUR ";
}

.basket ul.basketcash {
	border-top: 1px dotted #4D6B79;	
}
.basket ul.basketcash .bfnumber,
.basket ul.basketcash .bfdelete,
.basket ul.basketcash .bfprice {
	display: none;	
}
.basket ul.basketcash .bftitle {
	font-weight: bold;	
	width: 100%;
}
.basket ul.basketcash .bfartnr {
	font-weight: normal;
}
.basket ul.basketcash .bfweight {
	font-weight: normal;
	font-size: 0.85em;
	width: 100%;
}
.basket ul.basketcash .bfpricetotal {
    text-align: right;
}
.basket ul.basketcash .bfpricetotal {
	float: right;
}
.basket ul.basketcash .bfpricetotal.eur:before {
	content: "EUR ";
}

.basket ul.last {
	border-bottom: 0px solid #ffffff;	
}

.deliveryAlert {
	margin: 5px 0px;
	padding: 5px;
	background-color: #C4030E;
	color: #ffffff;
	font-weight: bold;	
}

.basket ul.baskettotal {
	background-color: #EF7303;	
	font-size: 1.2em;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 7px;	
}

.basket ul.baskettotal .bfnumber,
.basket ul.baskettotal .bfdelete,
.basket ul.baskettotal .bfartnr,
.basket ul.baskettotal .bfprice,
.basket ul.baskettotal .bfweight {
	display: none;	
}
.basket ul.baskettotal .bftitle {
	width: 50%;	
	font-weight: bold;
	color: #ffffff;
}
.basket ul.baskettotal .bfpricetotal {
	width: 50%;
    text-align: right;
    float: right;
	color: #ffffff;	
}
.basket ul.baskettotal .bfpricetotal:before {
	content: "EUR ";
}

.basket ul.baskettotal .bftitle div.usttype {
	display: inline-block;
	font-size: 0.75em;
	font-weight: normal;
}
#headerbasket .basket ul.baskettotal .bftitle div.usttype {
	display: none;
}

.basket ul.basketusttotal {
    border-bottom: 0px dotted #4D6B79;
    padding-top: 0px;
} 
.basket ul.basketusttotal .bfnumber,
.basket ul.basketusttotal .bfdelete,
.basket ul.basketusttotal .bfartnr,
.basket ul.basketusttotal .bfprice,
.basket ul.basketusttotal .bfweight {
	display: none;	
}
.basket ul.basketusttotal .bftitle {
}
.basket ul.basketusttotal .bfpricetotal {
    text-align: right;
    float: right;	
}
.basket ul.basketusttotal .bfpricetotal span {
	font-weight: normal;
}
.basket ul.basketusttotal .bfpricetotal:before {
    content: "EUR ";	
}
.basket ul.basketpricecalculate {
    padding-top: 10px;
	padding-bottom: 10px; 
	border: 0px solid #ffffff;
} 
.basket ul.basketpricecalculate .bfnumber,
.basket ul.basketpricecalculate .bfdelete,
.basket ul.basketpricecalculate .bfartnr,
.basket ul.basketpricecalculate .bfprice,
.basket ul.basketpricecalculate .bfpricetotal,
.basket ul.basketpricecalculate .bfweight {
	display: none;	
}
.basket ul.basketpricecalculate .bftitle {
	color: #EF7303;
}


#headerbasketnav {
	background-color: #888888;
	border-top: 1px solid #888888;
	color: #ffffff;
	text-align: right;
	margin-top: 7px;	
}
#headerbasketnav a {
	padding: 8px 5px;
	color: #ffffff;
	text-decoration: none;
	font-size: 1.1em;
	display: inline-block;
}
#headerbasketnav a:hover {
	text-decoration: underline;
}
#headerbasketnav a:nth-of-type(2) {
    background: url(/images/icon_kassa.png) right center no-repeat;
	font-size: 1.6em;
    padding-right: 50px;
}
#headerbasketnav a:nth-of-type(2):hover {
    background: url(/images/icon_kassa_active.png) right center no-repeat;
    
}
.basketempty {
	font-size: 1.1em;
	padding: 10px;
	text-align: center;	
}

#headerbasketshowwrapper {
	width: 100%;
	display: none;
	position: fixed;
	top: 1.61%;
    z-index: 999;
}
#headerbasketshow {
	min-width: 220px;
	max-width: 1054px;
	text-align: right;
	margin: 0px auto;	
	width: 96.78%;
}
.headerbasketicon {
	 text-decoration: none;
	 opacity: 0.92;
	 margin: 1.61%;
	 padding-right: 1.61%;
	 z-index: 200;
}
#contentbasket .basket ul.baskettotal {
	background-color: #ffffff;
	font-size: 1.2em;
	margin-bottom: 7px;		
   	border-top: 1px solid #EF7303;
	border-bottom: 3px double #EF7303;
	padding: 10px 10px;	
}
#contentbasket .basket ul.baskettotal li {
	color: #1E1C1A;
}


#headercontroltitle {
	border-bottom: 1px dotted #4D6B79;
	margin: 0px;
	padding: 7px 10px 7px 0px;
	font-weight: normal;
	font-size: 1.6em;
	overflow: auto;
}


.hometitle {
	margin: 0% 1.61% -1.61% 1.61%;		
}
.homelink {
	margin: -1.61% 1.61% 3.22% 1.61%;
	display: block;
	text-align: right;
	border-bottom: 10px solid #FC841C; 
	font-size: 1.6em;	
	text-decoration: none;
}
.homelink:hover {
	text-decoration: underline;	
}

.homearticlefield ul, .homecategoriefield ul {
	list-style-type: none;	
	clear: left;
	overflow: auto;	
	padding: 0px;
}

.homearticlefield li, .homecategoriefield li {
	float: left;
	width: 21.78%;
	min-width: 260px;
	margin: 1.61%;
	height: 240px;
	position: relative;
}
.homearticlefield li.new {
    float: left;
    width: 21.78%;
    min-width: 260px;
    margin: 1.61%;
    height: 385px;
    position: relative;
}

.homearticlefield.articleoverview li {
    width: 30%;
}

.homecategoriefield li.fleischwaren {
	background-image: url(/images/cat_fleischwaren.jpg);
	background-size: 100% auto;
	background-position: center center;
	background-repeat: no-repeat;	 
}
.homecategoriefield li.wurstwaren {
	background-image: url(/images/cat_wurstwaren.jpg);
	background-size: 100% auto;
	background-position: center center;
	background-repeat: no-repeat;	 
}
.homecategoriefield li.genuss {
	background-image: url(/images/cat_genuss.jpg);
	background-size: 100% auto;
	background-position: center center;
	background-repeat: no-repeat;	 
}
.homecategoriefield li.tierfutter {
	background-image: url(/images/cat_tierfutter.jpg);
	background-size: 100% auto;
	background-position: center center;
	background-repeat: no-repeat;
	border: 1px solid #FC841C; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;		 
}
.homecategoriefield li a {
	display: block;
	font-size: 1.8em;
	padding-top: 5px;
	padding-bottom:	5px;
	text-align: center;
	background-color: #ffffff;
	color: #EF7303;
	text-decoration: none;
	position: absolute;
	top: 165px;
	width: 100%;
}
.homecategoriefield li a:hover {
	 text-decoration: underline; 
}
.homecategoriefield li:hover {
	/*opacity: 0.65;	*/
	cursor: pointer; 
}


.homearticlefield li div.picture {
	background-size: 100% auto;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	height: 240px;
	width: 100%;
	/*opacity: 0.65;*/
}
.homearticlefield li div.picture.pictureLandscape {
    background-size: auto 100%;
}

.homearticlefield li div.picture.picnew {
	background-color: #CEEAC8;
	/*opacity: 0.30;*/
}
.homearticlefield li div.picture.picaction {
	background-color: #FCD1AB;
	/*opacity: 0.30;*/
}
.homearticlefield li div.picture.pictop {
	background-color: #CEEAC8;
	/*opacity: 0.30;*/
}
.homearticlefield li div.picture:hover {
	opacity: 0.95;
	cursor: pointer;
}
.homearticlefield li div.new {
    position: absolute;
	background: url(/images/icon_new.png) no-repeat top left;
	height: 51px;
	margin: 2%;
	width: 96%;
}
.homearticlefield li div.action {
    position: absolute;
	background: url(/images/icon_aktion.png) no-repeat top left;
	height: 58px;
	margin: 2%;
	width: 96%;
}
.homearticlefield li div.actionduration {
    position: absolute;
    top: 56px;
    font-size: 11px;
}
.homearticlefield li div.actionduration.durationbg {
    background-color: #FC841C;   
    padding: 1px 4px;
    color: #ffffff;
    width: 98%;
}
.homearticlefield li div.top {
    position: absolute;
	background: url(/images/icon_top.png) no-repeat top left;
	height: 58px;
	margin: 2%;
	width: 96%;
}
.homearticlefield li div.plus {
    position: absolute;
    background: url(/images/icon_plus.png) no-repeat top left;
    height: 58px;
    margin: 2%;
    width: 96%;
}
.homearticlefield li div.field {
    position: absolute;
	width: 88%;
	margin: 0% 5%;
	margin-top: 125px;
	padding: 2%;
	height: 96px;
	background-color: #ffffff;
}
.homearticlefield li div.fieldnew {
    margin: 0% 0%;
    margin-top: 248px;
    padding: 0% 0%;
    width: 100%;
}
.homearticlefield li div.field h2 {
	margin: 0px;	
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
}
.homearticlefield li div.price {
	position: absolute;
	top: 22px;
	width: 96%;
	text-align: right;
	padding-right: 2px;
	font-size: 0.8em;
}
.homearticlefield li div.price span {
	font-size: 2.5em;
	font-weight: bold;
    background-color: #ffffff;
}
.homearticlefield li div.price span.action {
	color: #FC841C;
}
.homearticlefield li div.price span.top {
	color: #70C15B;
}
.homearticlefield li div.price span.plus {
    color: #0099FF;
}
.homearticlefield li div.field a.detail {
    display: inline-block;
	height: 24px;
    color: #1E1C1A;
    text-decoration: underline; 
    padding-left: 28px;
    line-height: 24px;
    background: url(/images/icon_homedetail.png) no-repeat top left;
    position: absolute;
    top: 78px; 
}
.homearticlefield li div.field a.detail:hover {
    color: #EF7303;
    text-decoration: none; 
    background: url(/images/icon_homedetail.png) no-repeat bottom left;
}
.homearticlefield li div.addBasket {
	position: absolute;
	top: 74px;
	right: -9px;
}
.homearticlefield li div.addBasket form {
	width: 85px;
}   
.homearticlefield li div.picture.sortiment {
	background-color: #FCD1AB;
	opacity: 1;
	text-align: center;
}
.homearticlefield li div.picture.sortiment span {
	display: block;
	margin-top: 30px;
	text-transform: uppercase;
}
.homearticlefield li div.picture.sortiment span+span {
	font-size: 3em;
	font-weight: bold;
	margin-top: 6px;
}  
.homearticlefield li div.picture.sortiment:hover {
	opacity: 0.6;
}        




#submenue {
	float: left;
	width: 21.78%;
	margin: 1.61%;
    margin-top: 0px;  
} 
#submenue ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
#submenue .submenutitle {
	font-weight: bold;	
	font-size: 0.85em;
	color: #888888;
}
#submenue li {
    font-weight: bold;
	word-wrap: break-word;
    padding: 6px 0px;      
}
#submenue li:last-child {

}
#submenue ul li {
    border-top: 1px solid #F2852A;    
 
}
#submenue li ul li{
	font-weight: normal;
    padding-left: 18px;
    border-top: 0px solid #FFFFFF;
    padding: 0px 0px 0px 10px;    
}
#submenue li a {
	font-size: 1em;
	color: #1E1C1A;
	text-decoration: none;
	font-style: normal;
	display: block;
    
}
#submenue li.active>a {
	color: #EF7303;
	font-weight: bold;
}
#submenue li a:hover {
	color: #EF7303;
	text-decoration: underline;
}

#submenue.content li.active>a,
#submenue.content li a:hover {

}

#submenue .select {
	overflow: hidden;
	padding-bottom: 10px;
	margin-bottom: 24px;
	clear: left;
}
#submenue .selectopen {
	max-height: 20000px;
	padding-bottom: 10px;
	margin-bottom: 24px;		
}
#submenue .selecta {
	display: none;	
	position: relative;
	height: 4px;
	top: -17px;
	left: -0px;
	z-index: 110;
	text-align: right;	
}
#submenue .selecta img {
	padding-top: 10px;
 	height: 20px;
} 
#submenue .select span.title {
    font-size: 11px; 
    font-weight: normal;
}
#submenue ul.siteNumber li {
    border-top: 0px solid #ffffff;
}


.infobox {
	
}
.infobox img {
	float: left;
	margin: 0px 3px 0px 0px;	
}
#handshake {
 /*  background: url(/images/icon_handshake.png) left top no-repeat;*/	
} 





#articlesearch {
	margin-bottom: 24px;
}
#articlesearch label {
	font-size: 0.9em;
	margin: 0px;	
	min-width: 40px;
}
#articlesearch input {
	margin: 0px;
	width: 75%;	
	height: 17px;	
}
#articlesearch input[type="submit"] {
	width: 19px;
	height: 17px;	
	border: 0px solid #ffffff;
	background: url(/images/icon_search.png) left center no-repeat;
}
#articlesearch input[type="submit"]:hover {
	background: url(/images/icon_search.png) right center no-repeat;
}
#articlesearch li a,
#articlesearch li a:hover {
	background: none;
	padding-left: 0px;	
}
.suggestionField {
	height: 0px;
	width: 0px;	
	position: absolute;
    z-index: 22;
}
.suggestionOutput {
	height: 200px;
	border: 1px solid #EF7303;	
	background-color: #ffffff; 
	overflow: auto;
    position: absolute;
    z-index: 50;	
}
.suggestionOutput ul {
	margin-left: -10px;	
}
.suggestionOutput li {
	margin-bottom: 8px;
	margin: 18px;  
	line-height: 14px;
	border-bottom: 1px dotted #4D6B79;
}
#submenue .suggestionOutput a {
	text-decoration: none;
	color: #333333;
	font-size: 0.85em;	
}
#submenue .suggestionOutput a:hover {
	text-decoration: none;
	color: #EF7303;
}

.deliverypackage {
	margin-top: 24px;		
}
.deliverypackage img {
	width: 100%;
	max-width: 156px;
	height: auto;
}




#articleoverview {
	overflow: auto;
	width: 71.78%;
	margin: 1.61%;
    margin-top: 16px;    
    padding-top: 16px;
    border-top: 1px solid #F2852A; 
} 
#articleoverviewtopnav {
 	margin-bottom: 1.96%;
	font-size: 0.9em;
}
#articleoverviewtopnav h1 {
 	padding-left: 8px;
}
#articleoverviewcount {
	padding: 3px 0px 0px 8px;
	float: left;	
}
#articleoverviewsort {
	text-align: right;	
	overflow: auto;
}


.addBasket form {
	margin: 0px;
	padding: 0px; 
	height: 23px;
	min-width: 80px;
}
label.numberActionAdd, label.numberActionSub {
	position: relative;
	display: inline-block;
	min-width: 10px;
	max-width: 10px;
	width: 10px; 
	margin: 0px;
	padding: 0px;
}
label.numberActionAdd {
	top: -6px;
	left: 0px;
}
label.numberActionSub {
	top: 6px;
	left: -10px;
}
a.numberAction, .basket a.numberAction {
	font-family: Arial;
	display: block;
	background-color: #D2D4D3;
	border: 0px solid #D2D4D3;
	margin: 0px;
	padding: 0px;
	width: 10px;
	height: 10px;
	line-height: 10px;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;	
	color: #000000;
}
label.numberActionSub a.numberAction, .basket label.numberActionSub a.numberAction  {
	line-height: 9px;
}
a.numberAction:hover, .basket a.numberAction:hover {
	background-color: #EF7303;
	color: #ffffff;
}
.addBasket {
	min-width: 100px;
}
.addBasket input[type="text"], .basket .numberInBasket {
	background-color: #ffffff;
	border: 1px solid #D2D4D3;
	text-align: right;
	width: 25px;
	height: 22px;
	position: relative;
}
.addBasket input[type="submit"] {
	background-color: #ffffff;
	border: 0px solid #ffffff;		
	width: 30px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	background: url(/images/productbasket.png) left center no-repeat;
}  
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.addBasket input[type="submit"] {
	 	float: right;
	}
}
.addBasket input[type=submit]:hover {
	background: url(/images/productbasket.png) right center no-repeat;
	border: 0px solid #ffffff;	
}





table.storage {
	font-size: 0.85em;
	margin: 0px;
	width: 100%;
	max-width: 280px;	
}
table.storage th {
	text-align: left;	
}
table.storage td {
	margin: 0px;
	padding: 1px 5px;
	color: #333333;
}
table.storage td {
	text-align: right;
	width: 60%;
}
table.storage td+td {
	text-align: left;
	width: 40%;
}
table.storage tr:nth-of-type(2) td {
	background-color: #727272;	
	color: #ffffff;
	text-align: left;	
}
table.storage tr:nth-of-type(3) td,
table.storage tr:nth-of-type(5) td {
	background-color: #d1d1d1;	
}
table.storage tr:nth-of-type(4) td,
table.storage tr:nth-of-type(6) td {
	background-color: #ececec;	
}



table.nutritional {
	font-size: 0.85em;
	margin: 0px;	
	width: 100%;
	max-width: 280px;	
}
table.nutritional th {
	text-align: left;	
}
table.nutritional td {
	margin: 0px;
	padding: 1px 5px;
	color: #333333;
}
table.nutritional td {
	text-align: right;
	width: 60%;	
}
table.nutritional td+td {
	width: 20%;	
}
table.nutritional td+td+td {
	width: 20%;	
}
table.nutritional tr:nth-of-type(2) td {
	background-color: #727272;	
	color: #ffffff;
}
table.nutritional tr:nth-of-type(3) td,
table.nutritional tr:nth-of-type(5) td, 
table.nutritional tr:nth-of-type(7) td {
	background-color: #d1d1d1;	
}
table.nutritional tr:nth-of-type(4) td,
table.nutritional tr:nth-of-type(6) td, 
table.nutritional tr:nth-of-type(8) td {
	background-color: #ececec;	
}
   
table.allergen {
	margin: 0px;	
	width: 100%;
	max-width: 280px;	
}   
table.allergen th {
	font-size: 0.85em;
	text-align: left;	
}
table.allergen td {
	margin: 0px;
	padding: 1px 0px;
	color: #333333;
}
table.allergen td {
	width: 20%;	
	text-align: center;
	font-weight: bold;
}
table.allergen td+td {
	width: 80%;	
	text-align: left;
	font-weight: normal;
}
table.allergen td {
	border-top: 1px dotted #727272;
	border-bottom: 1px dotted #727272;			
}   

table .tableinfo {
	font-size: 0.9em;
	font-weight: normal;
}   
   
table.documents {
    width: 100%;
    margin: 4% 0%;    
    border-top: 1px solid #0C5381;
    border-bottom: 1px solid #0C5381;       
}
table.documents td {
	padding: 2px 8px 2px 0px;

}
table.priceinfo {

}
table.priceinfo th {
	font-size: 0.8em;
	text-transform: uppercase;
	text-align: left;
}
table.priceinfo td {
    font-size: 0.9em;
	padding: 2px 4px;
	border-top: 1px dotted #4D6B79;
	white-space: nowrap;
}

.priceCalculate {
	color: #EF7303;	
	padding: 4px;
}
.priceSale {
    background-color: #EF7303;    
    padding: 6px;
    color: #ffffff;
    font-weight: normal;
    font-size: 16px;
    margin-top: 10px;
    
}

.articleoverviewlist ul.act li {
   	border-top: 1px solid #FC841C;
}
.articleoverviewlist ul.act li:nth-of-type(1) {
   	border-left: 1px solid #FC841C;
}
.articleoverviewlist ul.act li:nth-of-type(8) {
   	border-right: 1px solid #FC841C;
}





.articlepicture {    
    text-align: center;
}
.articlepicture.top:before {
    content: url('/images/producttop.png');
    display: block;
    border: none;
    z-index: 10;
    height: 0px;
    text-align: left;
    position: relative;
}
.articlepicture.sale:before {
    content: url('/images/productsale.png');
    display: block;
    border: none;
    z-index: 10;
    height: 0px;
    text-align: left;
    position: relative;
}
.articlepicture img {
    width: 100%;
    height: auto;
}
.articleoverviewdetail {
    margin: 8px 0px;    
}
.articleoverviewdetail h2 {
    margin: 0px;
    padding: 0px;
    font-size: 1.3em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 0.95em; 
    height: 30px;  
}
.articleIngredients {
    height: 102px;    
    overflow: hidden;
}
.articleIngredients>ul {
    margin: 0px;
    padding: 0px 0px 0px 18px;
    list-style: square; 
}
.articleIngredients>ul>li {
}
.articlepricefield {
    padding: 6px 0px 0px 0px;    
}
.articleprice {
    color: #0C5381;
    font-size: 1.7em;    
}

.articledetailfield {
    border-top: 2px solid #0C5381;
    padding-top: 2px;    
    overflow: auto;
}
.articledetaillink {
    float: left;    
}
.articledetaillink a {
    display: inline-block;
    width: 30px;
    height: 26px;
    background: url(/images/productdetail.jpg) left center no-repeat;
}
.articledetaillink a:hover {
    background: url(/images/productdetail.jpg) right center no-repeat;
}
.articleoverviewfavorite a {
    font-size: 1.1em;    
}


.tkfield {
    display: inline-block;
    background: url(/images/icon_tk.png) no-repeat;
    width: 32px;
    height: 30px;
    background-position: left top;
    position: absolute;
    top: 6px;
    left: 7px; 
}
.tkfieldfeature {
    display: inline-block;
    background: url(/images/icon_tk.png) no-repeat;
    width: 32px;
    height: 30px;
    background-position: left top;
    position: absolute;
    top: 6px;
    left: 64px; 
}
.tkfieldtitle {
    display: inline-block;
    background: url(/images/icon_tk.png) no-repeat;
    width: 32px;
    height: 30px;
    background-position: left top;
    position: relative;
    top: 3px;
    left: 7px; 
}


#articledetail {
    margin: 0%;        
    overflow: auto;
}
#articledetailtopnav {
    padding-top: 4px;    
    margin: 0% 2% 2% 2%;
}
.articlefield {
    width: 46%;
    margin: 0% 2% 2% 2%;
    float: left;    
}
.articlebreak {
    clear: left;
    width: 96%;
    margin: 0% 2% 10% 2%;
    float: none;
}      

.articledetailpicture.top:before {
    content: url('/images/producttop_large.png');
    display: block;
    border: none;
    z-index: 10;
    height: 0px;
    text-align: left;
    position: relative;
}
.articledetailpicture.sale:before {
    content: url('/images/productsale_large.png');
    display: block;
    border: none;
    z-index: 10;
    height: 0px;
    text-align: left;
    position: relative;
}
.articledetailpicture img.master {
    width: 100%;
    height: auto;    
}
.articledetailpicture img.child {
    max-width: 140px;
    height: auto;    
}
.articledetailpicture ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px; 
}
.articledetailpicture li.second {
    padding: 20px 20px 0px 0px;
    float: left;
}

.articledetailpictureline {
    clear: left;
    height: 15px;
}
.articledetaildescription {
    margin: 2% 0%;    
   
}
.articledetaildescription h1 {
    margin: 0px;    
    font-size: 2.2em;    
}
.articledetaildescription p {
    font-size: 1.1em;    
    margin: 4% 0%;
}
.articledetaildescription h4 {
    margin: 0px 0px 5px 0px;
    font-size: 1.4em;
    font-weight: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;     
}
.articledetaildescription ul {
    margin: 0px;
    padding: 0px 0px 0px 18px;    
    font-size: 1.2em;
}

.articledetailproductinfo {
    border-top: 1px solid #0C5381;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.articledetailproductinfo.allergen {
    padding-left: 42px;
    background: url(/images/allergen.jpg) no-repeat top left;        
}
.articledetailproductinfo h4 {
    margin: 0px 0px 5px 0px;
    font-size: 1.1em;
    font-weight: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;         
}
.articledetailproductinfo h4.noAllergen {
    margin: 8px 0px 12px 0px;        
}
.articledetailproductinfo table {
    margin: 0px;
    width: 100%;
    max-width: 300px;        
}
.articledetailproductinfo td, .articledetailproductinfo th {
    padding: 1px 0px;
    text-align: left;
    width: 50%;
    border-top: 1px dotted #0C5381;
}
.articledetailproductinfo td+td, .articledetailproductinfo th+th {
    padding-left: 4px;
    width: 50%;
}
.articledetailproductinfo a {
    display: block;
    margin-top: 6px;    
}

.articledetailproductinfo.nutrition {
    padding-left: 42px;
    background: url(/images/nutrition.jpg) no-repeat top left;        
}
table.nutrition {
    margin: 0px;
    width: 100%;
}
table.nutrition tr:nth-of-type(2) td,
table.nutrition tr:nth-of-type(4) td,
table.nutrition tr:nth-of-type(6) td, 
table.nutrition tr:nth-of-type(8) td {
    background-color: #F0F3F7;    
}
table.nutrition tr:nth-of-type(3) td,
table.nutrition tr:nth-of-type(5) td, 
table.nutrition tr:nth-of-type(7) td {
    background-color: #F8FAFC;    
}

table.nutrition th {
    text-align: left;    
    padding: 12px 0px 1px 0px;
    margin: 0px;
}
table.nutrition td {
    padding: 1px 3px;
    margin: 0px;
    text-align: left;
    width: 50%;
    max-width: 250px;        
    border-top: 0px solid #ffffff;    
    white-space: nowrap;    
}
table.nutrition td.col2 {
    text-align: right;
    width: 50%;    
}
table.nutrition td.col3 {
    text-align: right;
    width: 17%;    
}
table.nutrition td.col4 {
    text-align: right;
    width: 12.5%;    
}
table.nutrition td.col5 {
    text-align: right;
    width: 10%;    
}
table.nutrition td.col6 {
    text-align: right;
    width: 8.3%;    
}
table.nutrition td.col7 {
    text-align: right;
    width: 7%;    
}
table.nutrition td.col8,
table.nutrition td.col9,
table.nutrition td.col10,
table.nutrition td.col11,
table.nutrition td.col12,
table.nutrition td.col13,
table.nutrition td.col14 {
    text-align: right;
    width: 5%;    
}
table.nutrition td.inc {
    text-align: right;
}
table.nutrition td.ref {
    font-size: 0.95em;
}
table.nutrition tr:nth-of-type(2) td.blank {
    background-color: #ffffff;
}
   


.articledetailquestion {
    margin: 4% 0%;    
}
.articledetailquestion a {
    font-size: 1em;
    font-weight: bold;
    display: inline-block;
    padding: 4px 0px 13px 42px;
    background: url(/images/anfrage.jpg) no-repeat top left;            
}
.articledetailfavoriten a {
    font-size: 1em;
    font-weight: bold;
    display: inline-block;
    padding: 8px 0px 9px 42px;
    background: url(/images/favoriten.jpg) no-repeat top left;            
}
.articledetailinfo {
    margin: 4% 0%;    
    border-top: 1px solid #0C5381;
    border-bottom: 1px solid #0C5381;        
}
.articledetailinfo ul {
    list-style-type: none;
    margin: 10px 0px;
    padding: 0px;
        
}
.articledetailpricehead {
    background: url(/images/basket_title.jpg) no-repeat top left;
    padding: 8px 0px 18px 58px;    
    font-size: 1.6em;    
    font-family: Verdana, Arial, Helvetica, sans-serif; 
}
.articledetailpricetitle {
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    margin: 2% 0%;
}
.articledetailpricetitle .tt {
    font-size: 2em;    
}
.articledetailprice {
    
}
.articledetailprice table {
    border-collapse: collapse;    
    width: 100%;
}
.articledetailprice th {
    font-weight: normal;
    font-size: 0.98em;
    text-align: center;    
}
.articledetailprice th:nth-of-type(1) {
    width: 50px;    
}
.articledetailprice th:nth-of-type(2) {
    width: 50px;    
}
.articledetailprice th:nth-of-type(3) {
    width: 120px;
}
.articledetailprice th:nth-of-type(4) {
}
.articledetailprice td {
    background-color: #D7E2EA;
    padding: 5px 5px;
    border-bottom: 1px solid #ffffff;    
    font-size: 1.05em;
}
.articledetailprice td:nth-of-type(1) {
    text-align: right;    
}
.articledetailprice td:nth-of-type(2) {
    text-align: right;
}
.articledetailprice td:nth-of-type(3) {
    text-align: center;
}    
.articledetailpriceinfo {
    font-size: 1em;
}

.articledetailaddbasket {
    background-color: #D7E2EA;
    color: #0C5381; 
    padding: 30px 15px 0px 15px;
    overflow: auto;
    
}
.articledetailaddbasket .articledetailvariants {
    margin: 0px;
    margin-left: 15px;
    margin-bottom: 20px;
    text-align: left;
    font-size: 12px;
    color: #18323E;
    overflow: auto;
}
.articledetailaddbasket .articledetailvariants .articledetailvariantstitle {
    font-weight: bold;
}
.articledetailaddbasket .articledetailvariants ul {
    list-style-type: none;
    margin: 3px 0px 10px -40px;
}
.articledetailaddbasket .articledetailvariants li {
    background-color: #ffffff;
    padding: 10px;
}
.articledetailaddbasket .articledetailvariants li+li {
    border-top: 1px dotted #333333;
}

.articledetailaddbasket.addBasket {
    margin-top: 4%;
    margin-bottom: 2px;    
    font-size: 1.4em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
}
.articledetailaddbasket.addBasket.variants {
    font-size: 1.1em;
    text-align: left;
    padding: 10px 15px 5px 15px;
}
.variantstitle {
    float: left;
    margin-top: 2px;
}
.variantsbasket {
    float: right;
    text-align: right;
}
.articledetailaddbasket.addBasket input[type="text"] {
    border: 1px solid #0C5381;
    color: #0C5381; 
    text-align: right;
    width: 30px;
    height: 18px;
    font-size: 0.9em;
}
.articledetailaddbasket.addBasket input[type="submit"] {
    position: relative;
    background-color: #ffffff;
    border: 0px solid #ffffff;        
    width: 68px;
    height: 58px;
    margin: 0px;
    padding: 0px;
    top: -15px;
    background: url(/images/icon_basket.png?es) center top no-repeat;
}  
.articledetailaddbasket.addBasket.variants input[type="submit"]:hover {
    background: url(/images/icon_basket_small.png) center bottom no-repeat;
} 
.articledetailaddbasket.addBasket.variants input[type="submit"] {
    position: relative;
    background-color: #ffffff;
    border: 0px solid #ffffff;        
    width: 30px;
    height: 26px;
    margin: 0px;
    padding: 0px;
    top: 0px;
    background: url(/images/icon_basket_small.png) center top no-repeat;
}  
.articledetailaddbasket.addBasket input[type="submit"]:hover {
    background: url(/images/icon_basket.png?es) center bottom no-repeat;
} 
 
.articledetailaddbasket a.numberAction, a.numberAction {
    background-color: #ffffff;    
}

.articledetailbestprice {
    clear: right;
    color: #ffffff;
    background-color: #F19540;    
    text-align: right;    
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 1em;
    padding: 8px 5px;
}
.articledetailbestprice.variants {
    padding: 3px 5px;
}
.articledetailbestprice span {
    font-size: 2.2em;    
}
.articledetailbestprice.variants span {
    font-size: 1.4em;    
}
.articledetailbestpriceinfo {
    text-align: right;    
    font-size: 0.9em;
}

.articledetailfield .addBasket {
    float: right;
}
.articledetailfield .addBasket form {
    margin: 0px;
    padding: 0px; 
    height: 26px;
}
.articledetailfield .addBasket input[type="text"], .basket .numberInBasket {
    background-color: #ffffff;
    border: 1px solid #D2D4D3;
    text-align: right;
    width: 20px;
    height: 18px;
    left: 6px;
    position: relative;
}
.articledetailfield .addBasket input[type="submit"] {
    background-color: #ffffff;
    border: 0px solid #ffffff;        
    width: 30px;
    height: 26px;
    margin: 0px;
    padding: 0px;
    background: url(/images/productbasket.jpg) left center no-repeat;
}  
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .articledetailfield .addBasket input[type="submit"] {
         float: right;
    }
}
.articledetailfield .addBasket input[type=submit]:hover {
    background: url(/images/productbasket.jpg) right center no-repeat;
    border: 0px solid #ffffff;    
}

label.numberActionAdd, label.numberActionSub {
    position: relative;
    display: inline-block;
    min-width: 10px;
    max-width: 10px;
    width: 10px; 
    margin: 0px;
    padding: 0px;
}
label.numberActionAdd {
    top: -5px;
    left: 8px;
}
label.numberActionSub {
    top: 6px;
    left: -2px;
}
a.numberAction, .basket a.numberAction {
    font-family: Arial;
    display: block;
    background-color: #D2D4D3;
    border: 0px solid #D2D4D3;
    margin: 0px;
    padding: 0px;
    width: 10px;
    height: 10px;
    line-height: 10px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;    
    color: #000000;
}
label.numberActionSub a.numberAction, .basket label.numberActionSub a.numberAction  {
    line-height: 9px;
}
a.numberAction:hover, .basket a.numberAction:hover {
    background-color: #0C5381;
    color: #ffffff;
}

.articledetailstock {
    margin: 10px 5px 15px 5px;
}


#enquiryForm {
    display: none;
    padding-top: 3010px;
    width: 98%;
    height: 1200px;
    background-color: #ffffff;
    background-color: rgba(255,255,255,0.85);
    z-index: 160; 
}
.enquiryFormLayer {
     max-width: 400px;
     margin: 0px auto 50px auto;
     padding: 20px;
     background-color: #D7E2EA;
}
.enquiryFormLayer h4 {
    font-size: 1.8em; 
    font-weight: normal; 
    text-decoration: none; 
    color: #18323E; 
    margin: 0px; 
    padding: 3px 0px 8px 0px;
}    
.enquiryFormLayer a,
.enquiryFormLayer a:hover {
    color: #333333; 
}
.enquiryFormClose {
    text-align: right;
}
#enquiryFormDetail {
    background-color: #DBE3E8;
}





.orderinfo {
    margin: 7% 0%;    
}
.orderinfo h3 { 
    
    font-size: 1.5em; 
    font-weight: normal; 
    text-decoration: none; 
    color: #333333; 
    margin: 0px 0px 4px 0px; 
    padding: 10px 0px 4px 38px;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
}
.orderinfo div {
    font-size: 1em;
    margin: 18px 0px;    
}
.orderinfo span.orderinfohotline {
    display: block;
    margin-top: 5px;
    font-size: 1.6em;    
    font-family: Verdana, Arial, Helvetica, sans-serif; 
}
.orderinfo h3.versandkosten {
    background: url(/images/versand.jpg) no-repeat center left;    
}
.orderinfo h3.versandservice {
    background: url(/images/versandservice.jpg) no-repeat center left;    
}
.orderinfo h3.individuellebox {
    background: url(/images/individuelle_geschenkboxen.jpg) no-repeat center left;    
}
.orderinfo h3.glueckwunschkarte {
    background: url(/images/glueckwunschkarte.jpg) no-repeat center left;    
}

#homeorderinfo {
   overflow: auto;
}
#homeorderinfo .orderinfo {
    margin: 2% 0%;    
}
#homeorderinfo .orderinfo div {
    margin: 1.61%;    
    width: 46.78%;
    float: left;
}

#homesortiment {
    margin: 1.61%;
    text-align: center;        
}
#homesortiment a {
    font-size: 1.8em;    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #0C5381;      
}










.cheftipp {
	
}
.cheftipp span {
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	color: #FC841C;	
	background: url(/images/icon_chef.png) left center no-repeat;
	padding: 12px 0px 12px 45px;
	position: relative;
	top: 10px;
}
.cheftipp p {
	border: 1px solid #FC841C;
	padding: 10px 8px;
	margin-left: 3px;	
}


#pagenavigator {
	clear: both;
	float: none;
	width: 100%;
	margin: 1.96% 0%;
	display: table;	
	font-size: 0.85em;
	color: #888888;
	text-transform: uppercase;
}
#pagenavigator a, #pagenavigator div div {
	color: #888888;
	text-decoration: none;
	white-space: nowrap;
	padding: 3px 0px 5px 0px;
}
#pagenavigator div.goPrev a div, #pagenavigator div.goNext a div {
    color: #EF7303;
}
#pagenavigator a div:hover {
	color: #EF7303;
	text-decoration: underline;
}
#pagenavigator div {
	display: inline-block;
	height: 19px;
}
#pagenavigator a.active {
	color: #EF7303;
	font-weight: bold;
}
#pagenavigator div.goPrev, #pagenavigator div.goPrevInv {
	display: table-cell;
	width: 25%;	
}
#pagenavigator div.goPrev a {
	background: url(/images/blaetternzurueck_active.jpg) no-repeat;
	background-position: left top;
	padding-left: 25px;
}
#pagenavigator div.goPrev a:hover {
	background: url(/images/blaetternzurueck_active.jpg) no-repeat;
	background-position: left top;
	padding-left: 25px;
}
#pagenavigator div.goPrevInv  {
	background: url(/images/blaetternzurueck_inv.jpg) no-repeat;
	background-position: left top;
	padding-left: 25px;
}
#pagenavigator div.goJumper {
	display: table-cell;
	width: 50%;	
	text-align: center;
}
#pagenavigator div.goNext, #pagenavigator div.goNextInv {
	display: table-cell;
	width: 25%;	
	text-align: right;
}
#pagenavigator div.goNext a {
	background: url(/images/blaetternvor_active.jpg) no-repeat;
	background-position: right top;
	padding-right: 25px;
}
#pagenavigator div.goNext a:hover {
	background: url(/images/blaetternvor_active.jpg) no-repeat;
	background-position: right top;
	padding-right: 25px;
}
#pagenavigator div.goNextInv {
	background: url(/images/blaetternvor_inv.jpg) no-repeat;
	background-position: right top;
	padding-right: 25px;
}

#pagenavigatorlimit {
	font-size: 0.85em;
	color: #888888;
	max-width: 112px;
	text-align: center;
}
.position2 #pagenavigatorlimit {
	margin: 0px auto;
}
#pagenavigatorlimit ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	overflow: auto;
}
#pagenavigatorlimit li {
	float: left;
	margin: 0px;
	padding: 0px;
}
#pagenavigatorlimit li a {
	display: block;
	background: url(/images/icon_limit.jpg) no-repeat;
	color: #888888;	
	padding: 0px;
	padding-top: 5px;
	text-align: center;
	margin: 0px 4px 4px 0px;
	width: 25px;
	height: 25px;
	
}
#pagenavigatorlimit li a:hover, #pagenavigatorlimit li a.active {
	background: url(/images/icon_limit_active.jpg) no-repeat;
	text-decoration: none;
	color: #EF7303;
} 
#pagenavigatorlimit li:last-child a {
	margin-right: 0px;
}   

.articleoverviewbackfield {
	margin: 4.08% 0%;	
}
.articleoverviewbackfield a {
	font-size: 1.2em;
}

#mainField {
	overflow: auto;
}
#mainField img {
	width: 100%;
	height: auto;	
}
#mainField .date {
	font-size: 0.8em;	
}
.mainBlock {
	float: left;
 	margin: 1.96%;
 	width: 46.08%;
 	text-align: justify;
}
.mainContent {
	width: 67.64%;
	margin: 1.96%;
	padding-right: 3.92%;
	border-right: 1px solid #301705;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.mainNews {
	width: 24.52%;
	margin: 1.96%;
	float: left;
}
.news {
	margin-bottom: 8.33%;
	padding-bottom: 8.33%;	
	border-bottom: 1px solid #301705;
}
.news:last-child {
	border-bottom: 0px solid #301705;
}
.news h2 {
	font-size: 1.4em; 
	font-weight: normal; 
	color: #1E1C1A; 
	margin: 0px 0px 5px 0px; 
	padding: 0px;		
}
.news div.link {
	text-align: right;
	font-size: 1.2em;	
}
ul.mainGallery {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: none;	
	overflow: auto;	
	margin-bottom: -8%;
}
ul.mainGallery li {
	float: left;
	width: 26%;
	max-width: 125px;
	margin: 0% 11% 8% 0%;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
ul.mainGallery li:last-child {
	margin: 0% 0% 8% 0%;	
}

.contentBreak {
 	float: left;
	width: 71.78%;
	padding: 0%;
	margin: 1.61%;
}
div.contentBreak>div.contentBreak, div.contentBreak>div.contentBlock, div.contentBlock>div.contentBreak, div.contentBlock>div.contentBlock  {
	width: 100%;
	margin: 1.61% 0%;
	
}
.contentBlock {
 	float: left;
 	margin: 1.61%;
 	width: 34.28%;  
}

.contentBlock table, .contentBreak table {
 	min-width: 90%;
}
.contentBlock th, .contentBreak th {
	text-align: left;
	font-size: 0.9em;
	font-weight: bold;
	padding-top: 10px;  	
}

.edit {
	border-top: 1px dotted #1E1C1A;
	text-align: right;
	font-size: 0.83em;
	font-weight: bold;  	
}
.edit a {
	color: #1E1C1A;
	text-decoration: none;
	font-weight: normal;
}
.edit a:hover {
	color: #EF7303;
	text-decoration: underline;
}
.deliverydefault {
	color: #C4030E;
}

.delete {
	border-top: 1px dotted #1E1C1A;
	text-align: right;
	font-weight: bold;  	
}
.delete a {
	color: #1E1C1A;
	text-decoration: none;
	font-weight: normal;
}
.delete a:hover {
	color: #EF7303;
	text-decoration: underline;
}

#alertFieldWrapper {
	margin: 0% 1.61%;
	position: relative;
	height: 0px;
}
#alertFieldWrapperDiv {
	position: relative;
	z-index: 1000;
	padding: 20px 0px 250px 0px;
	background-color: rgba(255, 255, 255, 0.8);
}
#alertField {
	margin: 0px auto;
	width: 50%;
	min-width: 300px;
	max-width: 500px;	
	border: 1px solid #EF7303; 
	background-color: #ffffff;
	padding: 15px 30px 30px 30px;
}
#alertFieldClose {
	text-align: right;	
}



#subheader {
    clear: left;
    overflow: auto;
}
#subheader #subheaderbread {
    float: left;
    width: 21.78%;
    margin: 0% 0.8% 0% 1.61%;
}
#subheader #subheadersearch{
    float: left;
    width: 71.78%;
    margin: 0%;
    margin-left: 1.61%;
}

#breadcrumb {
	margin: 0% 1.61%;
	font-size: 0.8em;	
	text-transform: uppercase;
}
#breadcrumb img {
	max-width: 16px;
	max-height: 16px;
	top: 3px;
	position: relative;
}
#breadcrumb a {
   color: #1E1C1A;	
}

.userTable {
	margin: 0px;
	padding: 0px;	
	border: 0px solid #ffffff;
}

.userTable td {
	width: 25%;	
	min-width: 70px;
	font-size: 0.9em;
	border: 0px solid #ffffff;
	line-height: 1em;
    padding: 0.5em 0em;	
}
.userTable td+td {
	width: 75%;
	font-size: 1em;
}

#sslField {
	background: url(/images/ssllarge.png) no-repeat;
	background-position: left top; 
	margin-top: 20px;
	padding-left: 65px;	
	padding-top: 30px;
	padding-bottom: 15px;
	font-size: 0.9em;
	min-height: 85px;
}


.deliverydetailsselect {
	padding: 5px 0px;
}
.deliverydetailsselect label.company:hover {
	cursor: pointer;
	color: #EF7303;	
}
.deliverydetailsselect label.company.active {
	color: #EF7303;
	font-weight: bold;		
}
.deliverydetailsselect:nth-of-type(1) {
	padding-top: 15px;	
}
#deliveryDetails label {
    width: 50%;
    max-width: 250px;
	font-size: 1em;
}
#deliveryDetails label.priceInfo {
    width: 40px;
    text-align: right;
}
#deliveryDetails label.priceInfo span {
	display: inline-block;
	font-size: 0.9em;
	float: left;
	padding-top: 2px;
}
#deliveryDetailsSecond {
	margin-top: 20px;	
}
.deliverydetailssecondselect {
	padding: 8px 0px;
}
.deliverydetailssecondselect label {
	width: 250px;
	vertical-align: top;
}
.openInfo {
	font-size: 0.95em;
	font-style: italic;	
}
#deliveryDetailsSecond .deliverydetailssecondselect label.place:hover {
	cursor: pointer;
	color: #EF7303;	
}
#deliveryDetailsSecond .deliverydetailssecondselect label.place.active {
	color: #EF7303;
	font-weight: bold;	
}
#deliveryDetailsSecond .deliverydetailssecondselect label.place span {
	font-style: italic;	
}
.deliveryplzinfo {
    margin-left: 20px;
    font-size: 11px;
    border: 1px dotted #999999;
    max-width: 700px;   
    padding: 1px 5px 5px 5px;
}


ul.deliverySelect {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	clear: left; 
	overflow: auto;
	margin: 10px 0px;		
}
ul.deliverySelect.control {
	margin: 0px 0px;	
}
ul.deliverySelect li {
	float: left;
	text-align: center;
	padding: 3px;
	min-width: 90px;
	margin-right: 5px;
	margin-bottom: 5px; 	
}
ul.deliverySelect li:hover {
	cursor: pointer;
}
ul.deliverySelect li.deselect {
	border: 1px solid #b3b3b3;
}
ul.deliverySelect li.deselect:hover {
	border: 1px solid #EF7303;
}
ul.deliverySelect li.select {
	border: 1px solid #EF7303;
	color: #EF7303;
}


#payment {
	
}

#delivery h1, #payment h1, #coupon h1, #contentbasket h1, h1.control {
	font-size: 1.6em;
	font-weight: normal; 
	text-decoration: none; 
	color: #1E1C1A; 
	margin: 0px; 
	padding: 0px;
	padding-bottom: 7px;
	text-transform: none;	
	border-bottom: 1px dotted #4D6B79;
}
#delivery label, #payment label, #orderconfirmations label {
	width: 90%;	
	font-size: 1em;
}
.paymentselect {
	padding: 5px 0px;	
}
.paymentselect label {
	min-width: 200px;	
}
.paymentselect:nth-of-type(1) {
	padding-top: 15px;	
}
.paymentselect label:hover {
	cursor: pointer;
	color: #EF7303;	
}
.paymentselect label.active {
	color: #EF7303;
	font-weight: bold;	
}

#deliveryDetails .alert, #deliveryDetailsSecond .alert, #payment .alert {
	font-size: 1.4em;
	margin: 10px 0px;
}

#paymentField, #paymentMessage, #couponField {
	margin-top: 35px;	
}
#paymentMessage textarea {
	width: 100%;
	max-width: 700px;
	height: 100px;
	margin-top: 10px;
}

#paymentNav {     
	clear: both;
	width: 96.78%;
	margin: 4% 1.61% 0% 1.61%;
	border-top: 1px dotted #4D6B79;
}
#paymentNav.orderButton {
	border-top: 0px dotted #4D6B79;	
	text-align: center;
	margin-top: 1.61%;
}
#paymentNav div {
	float: left;	
	padding: 0px;
}
#paymentNav div+div {
	float: right;		
}
#paymentNav a {
	background-color: #EF7303;
	color: #ffffff;
	text-decoration: none;
	font-size: 1.2em;
	padding: 5px 19px;
	margin: 3px 0px;
	display: block;
}
#paymentNav input[type="submit"] {
	background-color: #EF7303;
	border: 0px solid #EF7303;
	color: #ffffff;
	text-decoration: none;
	font-size: 1.2em;
	line-height: normal;
	padding: 5px 19px;
	margin: 3px 0px;
	cursor: pointer;
	max-width: 400px;
}
#paymentNav a:hover, #paymentNav input[type="submit"]:hover {
	background-color: #4D6B79;
	color: #ffffff;
}


#paymentcontrolfield {
	padding-top: 1.61%;
	padding-bottom: 1.61%;	
	font-size: 1.1em;	
}
.paymentcontroledit {
	float: none;
	clear: left;
	border-top: 1px dotted #4D6B79;
	font-size: 0.9em;
	text-align: right;	
	padding: 0px 3px;
}
.paymentcontroledit a {
	color: #1E1C1A;
	text-decoration: none;
}
.paymentcontroledit a:hover {
	color: #EF7303;
	text-decoration: underline;
}

.paymentheigthfield {
	height: 30px;
	clear: both	
}
.paymentline {
	border-bottom: 1px dotted #4D6B79;
}

#orderconfirmations .confcheck {
	padding-top: 5px;	
}
#orderconfirmations .confcheck label {
	padding-left: 5px;	
}
#orderpaymentinfo {
	text-align: center;
	font-size: 1em;	
}
.paymentopenalert, .paymentopenalert a {
	color: #C4030E;
	font-size: 1.1em;
}

.paymentInfo {
    margin-top: 20px;
    border: 1px solid #EF7303;
    padding: 10px;
    font-size: 1.2em;
}

.wpwl-container {
   width: 95%;
}
.wpwl-form, .wpwl-form.wpwl-form-card {
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	margin: 0px;
}
.wpwl-label {
	padding: 6px 14px 4px 0px;
	min-width: 95px;	
	width: 4%;
	display: inline-block;
}
.wpwl-wrapper {

}
.wpwl-button.wpwl-button-pay {
   background-color: #EF7303;
   color: #ffffff;
   border: 0px solid #EF7303; 
}  
.wpwl-button.wpwl-button-pay.wpwl-button-error {
   background-color: #C4030E;
   color: #ffffff;
   border: 0px solid #C4030E; 
}
.wpwl-hint.wpwl-hint-cardNumberError, .wpwl-hint.wpwl-hint-expiryMonthError, .wpwl-hint.wpwl-hint-cardHolderError, .wpwl-hint.wpwl-hint-cvvError {
 	color: #C4030E;
}  

h1.paymentorderdata {
	font-size: 1.3em;
	font-weight: normal; 
	text-decoration: none; 
	color: #1E1C1A; 
	margin: 0px; 
	padding: 0px;
	padding-bottom: 5px;
	text-transform: none;	
	border-bottom: 1px dotted #4D6B79;		
}
table.paymentorderdata, table.paymentorderdata td {
	border: 0px solid #ffffff;
	padding: 0px;
	margin: 0px;
}
table.paymentorderdata {
	margin-bottom: 30px;	
}
table.paymentorderdata td {
	padding: 3px; 	
}
table.paymentorderdata td:nth-of-type(1) {
	width: 30%; 	
}
table.paymentorderdata td:nth-of-type(2) {
	width: 70%; 	
}
table.paymentorderdata tr.totalcosts td {
	background-color: #EF7303;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.2em;
}

.orderAlert {
	color: #C4030E;
	font-size: 1.5em;		
}
.orderDate {
	font-size: 1.3em;			
}
.orderprint {
	display: inline-block;
	padding-left: 60px;
	padding-top: 15px;
	padding-bottom: 12px;
	font-size: 1.4em;	
	background: url(/images/icon_print.png) left top no-repeat;
	text-decoration: none;
}
.orderprint:hover {
	background: url(/images/icon_print.png) left bottom no-repeat;
	text-decoration: underline; 
}

.couponSelectField {
	background: url(/images/nemetz_gutschein.jpg) center top no-repeat;
	background-size: 100% auto;
}
.couponForm {
	margin: 0px auto;
	padding-top: 15%;
	padding-bottom: 20%;
	width: 100%;
	max-width: 420px;	
}
.couponForm h4 {
	font-weight: normal;
	font-size: 2.1em;	
	margin: 0px;
}
.couponForm label {
	width: 25px;
	min-width: 25px;
}
.couponForm input {
	font-size: 2.2em;
}
.couponForm input[type="submit"] {
	font-size: 2.2em;
	max-width: 240px;	
}
.couponInfo {
	margin-top: 40px;
	font-size: 0.9em;
}

ul.couponprint {
	margin: 0px;
	padding: 0px 0px 0px 15px;
	font-size: 1.5em;	
}



.layerTable {
	position: relative;
	z-index: 100;
	width: 100%;
	overflow: auto;	
}
.listTable {

}
.listTable th {
	padding: 5px 0px;
	width: 20%;
	border-top: 1px dotted #4D6B79;	
	font-weight: normal;
	font-size: 0.85em;
	text-align: center;	
}
.listTable td {
	padding: 5px 4px;
	border-top: 1px dotted #4D6B79;	
} 
.listTable tr:nth-child(even) {
	background-color: #f2f3f9;
}
.listTable.order tr:nth-child(even) {
	background-color: transparent;
}
.listTable.order tr.odd {
	background-color: #ffffff;
}
.listTable.order tr.even {
	background-color: #f2f3f9;
}

.listTable .info {
	font-size: 0.9em		
}
.listTable .num {
	text-align: right;
	padding-right: 8%;
}


.listTable.bill th {
	padding: 5px 4px;
}
.listTable.bill th:nth-of-type(1), .listTable.bill td:nth-of-type(1) {
	width: 6%;
}
.listTable.bill th:nth-of-type(2), .listTable.bill td:nth-of-type(2) {
	width: 22%;
	text-align: center;	
}
.listTable.bill th:nth-of-type(3), .listTable.bill td:nth-of-type(3) {
	width: 22%;
	text-align: center;	
}
.listTable.bill th:nth-of-type(4), .listTable.bill td:nth-of-type(4) {
	width: 22%;
	text-align: center;	
}
.listTable.bill th:nth-of-type(5), .listTable.bill td:nth-of-type(5) {
	width: 22%;
}
.listTable.bill th:nth-of-type(6), .listTable.bill td:nth-of-type(6) {
	width: 6%;
	text-align: center;
}
.listTable.bill td:nth-of-type(6) {
	position: relative;
	top: -2px;
}
.listTable.order th {
	padding: 5px 4px;
}
.listTable.order th:nth-of-type(1) {
	text-align: left;
}
.listTable.order th:nth-of-type(2) {
   padding-right: 8%;
}
.listTable.order td:nth-of-type(6) {
	text-align: right;
	padding-right: 10px;
}

.listTable.coupon th {
	padding: 5px 4px;
}
.listTable.coupon th:nth-of-type(2) {
	width: 25%;	
}
.listTable.coupon th:nth-of-type(3) {
	width: 12%;	
}
.listTable.coupon th:nth-of-type(4) {
	width: 12%;	
}
.listTable.coupon th:nth-of-type(5) {
	width: 12%;	
}
.listTable.coupon th:nth-of-type(6) {
	width: 12%;	
}
.listTable.coupon td:nth-of-type(7) {
	text-align: right;
	padding-right: 17px;
}
.listTable.coupon td:nth-of-type(1) {
	text-align: center;		
}
.listTable.coupon td:nth-of-type(5),
.listTable.coupon td:nth-of-type(6) {
	text-align: center;	
}
.listTable.coupon .num {
	text-align: right;
	padding-right: 3%;
}

.orderHistoryBasket {
	
}

.orderHistory .basket {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	border-left: 1px solid #4D6B79;
	border-right: 1px solid #4D6B79;
	border-bottom: 1px solid #4D6B79;
	width: 100%;
}
.listTable.order td.orderHistory {
	padding: 0px;   
} 
.orderHistoryField {
	display: none;
}
#contentbasket .orderHistory .basket ul.baskettotal {
	background-color: transparent;	
}
.orderHistoryToBasket {
	background-color: #4D6B79;
	padding: 2px 5px;
	text-align: right;	
}
.orderHistoryToBasket a {
	color: #ffffff;
	text-decoration: none;
}
.orderHistoryToBasket a:hover {
	color: #ffffff;
	text-decoration: underline;
}

#siteNavigator {
	width: 100%;	
	border-top: 1px dotted #4D6B79;
}
#siteNavigator td:nth-of-type(1) {
	width: 10%;	
}
#siteNavigator td:nth-of-type(2) {
	width: 80%;	
	text-align: center;
}
#siteNavigator td:nth-of-type(3) {
	width: 10%;	
	text-align: right;	
}


.orderHead {
	width: 45%;
	font-size: 1em;
	display: block;
	float: left;
}

td.siteNavigator {
	padding: 0px;
}
.siteNavigator td {
	border-top: none;	
}
.siteNavigator a {
	text-decoration: none;
	font-weight: bold;	
}
a.siteNavJump {
	text-decoration: none;
	font-weight: normal;	
}
a.siteNavJumpActive {
	text-decoration: none;
	font-weight: normal;
	color: #1E1C1A;
}




#footer #altenbacher {
	width: 98%;
	margin: 0px auto;
	padding: 25px 0px 0px 0px;
	text-align: right;
	font-size: 0.9em;
	color: #9A4A10;
	clear: both;
}
#footer #altenbacher a {
	color: #9A4A10;
	text-decoration: none;
}




.layerBreak {
	clear: left;
	width: 96.78%;
	padding: 0%;
	margin: 1.61% 1.61% 0% 1.61%;
}
.layerFloat {
	width: 46.78%;
	min-width: 200px;
	max-width: 527px;
	padding: 0%;
	margin: 1.61% 1.61% 0% 1.61%;
	float: left;
}
.layerFloatplzinfo {
    font-size: 12px;
    border: 1px dotted #999999;
    padding: 1px 5px 5px 5px;
    min-height: 120px;
}


.homecontent {
	margin-top: 1.61%;	
}
.layerBreak.home,
.layerFloat.home {
	text-align: center;
	background-color: #70C15B;
	color: #ffffff;	
	margin: 0% 1.61% 1.61% 1.61%;
}
.layerFloat.home {
	max-width: 1240px;		
}
.layerBreak.home h1,
.layerFloat.home h1 {
	color: #ffffff;	
	margin: 0px 0px 0px 0px;
}
.layerBreak.home p,
.layerFloat.home p {
	margin: 0px 0px 0px 0px;
	padding-bottom: 3px;
}
.layerBreak.home a,
.layerFloat.home a {
	color: #ffffff;
	text-decoration: underline;
}

.layerBreak.subscribe {
    width: 100%;
    max-width: 600px;
    margin: 1.02% auto 0% auto;    
}


.homedeliverypackage {
	margin: 1.61%;	
}
.homedeliverypackage img {
	width: 100%;
	max-width: 1200px;
	height: auto;	
}

#clientdata.layerBreak,
#clientdata.layerFloat,
#clientdelivery.layerFloat {
	margin-top: 0%;
} 
.layerBreak img, .layerFloat img, .layerFloat1 img, .layerFloat2 img {
	width: 100%;
	height: auto;
	margin: 0px;
}
.layerBreak div.control,
.layerFloat div.control {
	margin: 0px;
	padding-top: 1.61%;
	padding-bottom: 1.61%;	
}

#userlogin.layerFloat {
	width: 46.78%;
	margin: 1.61% 1.61% 0% 1.61%;	
}
#userregister.layerFloat {
	border-left: 1px dotted #1E1C1A;
	width: 43%;
	margin: 1.61% 1.61% 0% 1.61%;
	padding-left: 1.96%;	
			
}
.layerMargin {
	clear: left;
	width: 96.78%;
	margin: 0% 1.61%;
	padding: 1.96% 0%;
}
.layerMargin div {
	border-bottom: 1px dotted #1E1C1A;
	height: 1px;
}
	

#googleMaps {
	width: 100%;
}


#slideshow {
	margin: 0px;
	position: relative;
	clear: both;
}
.slideShowPic {
	margin: 0px;
	width: 100%;
	height: auto;
}
#slideshowtext {
	position: absolute;
	z-index: 1;
	padding: 0px;
	width: 100%;
	color: #ffffff;
	text-align: center;
    margin: 5% auto 0% auto; 
}
#slideshowtext h3 {
	color: #ffffff;	
	font-size: 24px;
	font-weight: bold;
	padding: 0px 10px;
	text-shadow: 0 0 8px #1E1C1A;
}


.zoom:after  {
	content: url(/images/lupe.gif);
	display: block;
	position: relative;
	height: 0px;
	right: 4px;
	bottom: 16px;
	text-align: right;
	border: none;
	z-index: 10;
}

#picZoom, #galleryZoom {
	display: none;
	padding-top: 3010px;
	width: 98%;
	height: 2000px;
	background-color: #ffffff;
	background-color: rgba(255,255,255,0.85);
	z-index: 11;
}
#picZoomField {
	margin: 0px auto;
	padding: 19px;
	border: 1px #B9C0CA solid;
	background-color: #ffffff;
	cursor: pointer;
}
#picZoomField:before {
	content: url(/images/close.gif);
	display: block;
	position: relative;
	height: 0px;
	right: 4px;
	top: 4px;
	text-align: right;  
	border: none;
	z-index: 15;
}
#picZoomImg {
	width: 100%;
	height: auto;
}


.galleryLayer {
	clear: both;
	overflow: auto;
	padding: 0px;
	margin: 0px;
}
.galleryImg {
	text-align: center;
}

.galleryCol > a:after {
	content: url(/images/lupe.gif);
	display: block;
	position: relative;
	height: 0px;
	right: 4px;
	bottom: 16px;
	text-align: right;
	border: none;
	z-index: 10;
}
.galleryCol, .galleryColMore {
	float: left;
	vertical-align: top;
	padding: 0px 15px 5px 0px;
	margin: 0px;
	min-height: 145px;
}

.galleryMore {
	text-align: center;
	background-color: #FFFEFE;
    border: 1px solid #4c4c4c;
   	padding: 5px 5px 1em 5px;
   	margin-top: 24px;
}
.galleryMoreA {
	text-decoration: none; 
}
.galleryMoreArrow {
	font-size: 36px; 
	font-weight: normal; 
	text-decoration: none; 
	color: #4c4c4c;
}
.galleryMore {
	font-size: 0.9em; 
	font-weight: normal; 
	color: #4c4c4c;
}



#galleryZoomField {
	margin: 0px auto;
	margin-top: -60px;	
	padding: 19px 19px 7px 19px;
	border: 1px #4c4c4c solid;
	background-color: #ffffff;
}
#galleryZoomNr {
	float: left;
	font-size: 0.9em;
}
#galleryZoomClose {
	text-align: right;
}
#galleryZoomImgLayer {
	clear: both;
	text-align: center;
	position: relative;
	top: -8px;
}
#galleryZoomWidth {
	width: 100%;
	margin: 0px auto;
}
#galleryZoomImg {
	width: 100%;
	height: auto;	
}
#galleryZoomTitle {
	text-align: left;
	font-size: 1em; 
	font-weight: bold; 
	color: #4c4c4c; 
	margin: 10px 0px;
	padding: 0px;
}
#galleryZoomText {
	text-align: left;
}
#galleryNav {
	width: 100%;
	margin: 0px auto;
	position: relative;
	top: 160px;
	z-index: 15;
}
#galleryNavBack {
	float: left;
	height: 60px;
}
#galleryNavFor {
	text-align: right;
	height: 60px;
}
#galleryNavBack a, #galleryNavFor a {
	font-size: 28px; 
	font-weight: bold; 
	color: #999999; 
	text-decoration: none; 
	background-color: #ffffff;
	padding: 5px 14px;
	border: 1px #4c4c4c solid;
}
#galleryNavBack a.end, #galleryNavFor a.end {
	color: #eeeeee; 
}
.galleryThumbOverLayer {
	width: 100%;
	overflow: scroll;
	overflow-y: hidden;
	display: none;
}
.galleryThumb {
	float: left;
	padding: 10px 10px 10px 0px; 
}



   
/* Formatierungen für die Formulare */
#ClientCLayer {
	display: none;
}
.formLayer {
	margin: 0px auto;
	width: 100%;
	max-width: 360px;
	min-width: 240px;
}
.formFieldset {
	border: 0px;
	margin: 0px;
}
.formColBreak {
	clear: both;
	width: 96.78%;
	margin: 1.61%;
}
.formColBlock {
	float: left;
	width: 46.78%;
	margin: 1.61%;
}
fieldset {
	border: none;
	margin: 0px;
	padding: 0px;
}
label {
	width: 4%;
	min-width: 78px;
	font-size: 0.95em; 
	font-weight: normal;
	display: inline-block;
}

input, select, textarea	{ 
	text-decoration: none; 
	font-weight: normal;
	color: #1E1C1A; 
	font-size: 1em; 
	border: 1px solid #D2D4D3;
	background-color: #ffffff;
}
input {                  
	margin: 1px 0px 2px 0px;
	width: 96%;
}
input[type="file"] {       
	margin: 1px 0px 2px 0px;
	width: 96%;
}
select {                   
	margin: 1px 0px 2px 3px;
}
input[type="radio"], input[type="checkbox"] {
	margin: 1px 3px 2px 0px;
	padding: 0px;
	width: auto;
	display: inline-block;
	vertical-align: top;
}
textarea {
	width: 96%;
}
input[type="submit"] {
	color: #ffffff;
	font-size: 1em; 
	font-weight: normal; 
	background-color: #1E1C1A;
	padding: 2px 0px;
	margin-top: 10px;
	max-width: 140px;
	cursor: pointer;
}
input[type="submit"]:hover {
	background-color: #EF7303;
	border: 1px solid #EF7303; 
} 

::-webkit-input-placeholder {
   color: #8AA7B5;
}
:-moz-placeholder {
   color: #8AA7B5;  
}
::-moz-placeholder { 
   color: #8AA7B5;  
}
:-ms-input-placeholder {  
   color: #8AA7B5;  
}
#CenterButtonLayer {
	text-align: center;
}
#RightButtonLayer {
	text-align: right;
}
#LeftButtonLayer {
	text-align: left;
}
.errorText { 
	color: #C4030E;
}
.errorField 	{ 
	color: #C4030E; 
	background-color:#ffe1e1;
}
.formInfo, .userTable td.formInfo {
	font-size: 0.9em;
}
.formHighlight, .userTable td.formHighlight {
	font-weight: bold;
}
.multipleSelectLayer label {
	vertical-align: top;
}

#newcustomer {
	float: right;
	width: 49%;
	border-left: 1px solid #EF7303;	
	min-width: 240px;
}

#customerlogin {
 	float: left;
	width: 50%;
	min-width: 240px;
}
#linklogin {
	border-top: 1px solid #EF7303;	
	padding-top: 36px;
	margin-top: 36px;
	
}
.formSubtitle {
	font-size: 1.1em;
	font-weight: bold;
}
 
/* Ende Formatierungen für die Formulare */



 


 
 
/* Breakcrumb-Navigation */
div#breadcrumbs {
	float: left;
	width: 50%;
}
ul#breadcrumbList {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 98%;
	overflow: auto;
}
ul#breadcrumbList li {
	display: inline;
}
ul#breadcrumbList li a {
	text-decoration: none;
	padding: 0;
	color: #1E1C1A;
}
ul#breadcrumbList li a:hover {
	color: #EF7303;
	text-decoration: underline;
}
ul#breadcrumbList li a.home {
	background: url(/images/iconsmall_home.png) no-repeat;
	padding-left: 19px;
	height: 19px;
}
/* Breakcrumb-Navigation Ende */



#adminLogin {
	margin: 0px;
	padding: 5px;
	background-color: #F9A67D;	
	font-size: 0.9em;
}
#adminLogin .shop {
 	font-weight: bold;
 	font-size: 1em;
}
#adminLogin a {
	color: #ffffff;
	text-decoration: none;	
}



.tinynav { 
	display: none; 
}


#footersidemenuwrapper {
	min-height: 2px;
	background-color: #FC841C;
	overflow: auto;
}
#footersidemenu {
	font-size: 1.16em;
	color: #ffffff;		
}
#footersidemenu a {
	color: #ffffff;
	text-decoration: none;	
}
#footersidemenu a:hover {
	color: #ffffff;
	text-decoration: underline;	
}
#footersidemenu ul {
	list-style-type: none;
	overflow: auto;
	float: left;
	width: 77.96%;	
	margin: 0% 1.61%;
	padding: 0px;
}
#footersidemenu li {
	float: left;
	margin-right: 3%;
}
#footersidemenu li a {
	display: inline-block;
	padding: 8px;	
}
#footersidemenu li a.delivery {
	background: url(/images/icon_delivery.png) left center no-repeat;
	padding-left: 26px;	
}
#footersidemenu li a.payment {
	background: url(/images/icon_payment.png) left center no-repeat;
	padding-left: 26px;	
}
#footersidemenu li a.allergen {
	background: url(/images/icon_allergen.png) left center no-repeat;
	padding-left: 26px;	
}
#footersidemenuinfo {
	padding: 8px 0px;
	float: right;
}

#footernewsletterwrapper {
    min-height: 2px;
    background-color: #FEF7F1;
    overflow: auto;
}
#footernewsletter {
    max-width: 1240px;
    margin: 0% auto;     
}
#footernewsletterfield {
    margin: 15px 1.61%;     
}
#footernewsletterfield div.label {
    min-width: 220px;     
    font-size: 1.4em;    
    font-weight: bold;
    position: relative;
    top: 2px;
}
#footernewsletterfield div {
    display: inline-block;
}
#footernewsletterfield input {                  
    margin: 0px 0px 2px 0px;
    font-size: 1.1em;
    min-width: 280px;
}

#footernewsletterfield input[type="submit"] {
    color: #18323E;
    font-size: 1.1em; 
    font-weight: bold; 
    background-color: #EF7303;
    padding: 2px 0px;
    margin-top: 0px;
    min-width: 100px;
    max-width: 100px;
    cursor: pointer;
}
#footernewsletterfield input[type="submit"]:hover {
    background-color: #1E1C1A;
    border: 1px solid #1E1C1A;
    color: #ffffff; 
} 


#footerwrapper {
	background-color: #301705;		
}
#footer {
	overflow: auto;
	padding-bottom: 60px;
}
#footer, #footer a, footer a:hover {
	color: #ffffff;	
}
#footer a.important {
 	font-weight: bold;
 	text-decoration: underline;
}
#footer a.important:hover {
 	text-decoration: none;
}
.footergroup {
	clear: both;
	margin: 0% 1.61%;			
}
#footerlogo {        
	text-align: center;
	width: 84px;
	font-size: 1em;
	margin: 25px 0px 25px 0px;	
}
#footermenu {
	margin: 10px 0px;	 
}
#footermenu ul { 
	list-style-type: none;
	overflow: auto;
	clear: left;	
	margin: 0px;
	padding: 0px;
}
#footermenu li {
	float: left;
	width: 30%;
	margin-right: 3%;
	margin-bottom: 7px;
}
#footerimpressum {
	margin: 25px 0px 10px 0px;
}
#footerimpressum h5 {
	font-size: 1em;
	margin: 0px;
	padding: 0px;	
}
#footerimpressum span {
	font-size: 0.9em;	
}
#footerpartnerlogo {
    margin: 10px 0px;
}
#ama {
	display: inline-block;
	margin: 0px 10px;
	font-size: 0.8em;
	width: 158px;	
}


#selectAlertWrapper {
	position: fixed;
	z-index: 100000;
	top: 0px;
	left: 0px;
	background-color: rgba(255, 255, 255, 0.8);
	width: 100%;	
	height: 100%;
}
#selectAlert {
	max-width: 400px;
	padding: 20px;
	border: 1px solid #FC841C;
	background-color: #ffffff;
	margin: 10px 0px;	
}
#selectAlertWrapper #selectAlert {
	margin: 20% auto;
}
#selectAlert .alertTitle {
	color: #EF7303;
	font-size: 1.6em;	
}
#selectAlertWrapper a {
	font-size: 1.2em;
	line-height: 1.8em;	
}




.position1, .position3, .position5 {
	display: block;
}
.position2, .position4, .position6 { 
	display: none;
}

@media screen and (max-width: 1000px) {
  	.homearticlefield li {
		width: 30.11%;
	}
	.homecategoriefield li {
		width: 46.78%;
	}
}
@media screen and (max-width: 800px) {
  	.homearticlefield li {
		width: 46.78%;
	}
}
@media screen and (max-width: 480px) {
  	.homearticlefield li, .homecategoriefield li {
		width: 96.78%;
		margin: 4.08% 1.61%;
	}
}



@media screen and (max-width: 680px) {
	#slideshowtext h3 {
		font-size: 1.5em;
	}
}
@media screen and (max-width: 500px) {
	#slideshowtext h3 {
		font-size: 1.3em;
	}
}

@media screen and (min-width: 800px) {
	#footerlogo {
	 	float: left;
	}
	#footermenu {
	 	float: right;
	 	width: 52%;
	 	margin: 25px 0px 0px 0px;	
	}
	#footerimpressum {
	 	float: left;
	 	margin-top: 0px;
	}
	#footerpartnerlogo {
		padding-top: 50px;
	 	float: right;
	}	
}
@media screen and (min-width: 1000px) {
	
    #footernewsletterfield {
        margin-left: 25%;
        padding: 15px 0%;    
    }
    
    #footersidemenu ul {
	 	padding-left: 13.02%;
	 	width: 66.98%;
	}
    
    	
}

 

@media screen and (min-width: 600px) {
	#contentbasket .basket {
		display: table;
   		position: relative;
	}
	#contentbasket .basket ul {
		display: table-row;	  
	}
	#contentbasket .basket li {
		display: table-cell;
		padding: 5px 10px;	
		float: none;
		vertical-align: middle;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;	
	}
	#contentbasket .basket li span {
		float: none;
	}
	#contentbasket .basket ul.basketarticle li {
		border-bottom: 1px dotted #4D6B79;
	}
	#contentbasket .basket ul.basketpayment li {
		border-bottom: 1px dotted #4D6B79;
	}
	#contentbasket .basket ul.basketpromotion li {
		border-bottom: 1px dotted #4D6B79;
	}
	#contentbasket .basket ul.basketdelivery li {
		border-bottom: 0px dotted #4D6B79;	
	}
	#contentbasket .basket ul.basketdeliveryselect li {
		border-bottom: 1px dotted #4D6B79;	
	}
	#contentbasket .basket ul.basketcash li {
		border-top: 1px dotted #4D6B79;
	}
	#contentbasket .basket li.bfnumber {
		white-space: nowrap;
		padding-right: 2px;
	}
	#contentbasket .basket li.bfdelete {
		padding-left: 2px;	
	}
	#contentbasket .basket li.bftitle {
		width: 90%;       
	}
	#contentbasket .basket li.bfartnr {
	}
	#contentbasket .basket li.bfprice {
	}
	#contentbasket .basket li.bfpricetotal {
	}
    #contentbasket .basket li.bfpriceoffer {
        white-space: nowrap;
        
    }
	#contentbasket .basket li.bfweight {
		white-space: nowrap;
	}
	#contentbasket .basket ul.basketarticle .bfnumber,
	#contentbasket .basket ul.basketarticle .bfdelete,
	#contentbasket .basket ul.basketarticle .bftitle,
	#contentbasket .basket ul.basketarticle .bfartnr,
	#contentbasket .basket ul.basketdelivery .bfpricetotal {
		top: 0px;		
	}
	#contentbasket .basket ul.basketarticle .bfartnr:before,
	#contentbasket .basket ul.basketarticle .bfprice:before,
	#contentbasket .basket ul.basketarticle .bfpricetotal:before,
	#contentbasket .basket ul.basketarticle .bfweight:before,
	#contentbasket .basket ul.basketdelivery .bfpricetotal:before,
	#contentbasket .basket ul.basketpayment .bfpricetotal:before,
	#contentbasket .basket ul.baskettotal .bfpricetotal:before,
	#contentbasket .basket ul.basketusttotal .bfpricetotal:before,
	#contentbasket .basket ul.basketpromotion .bfpricetotal:before,
	#contentbasket .basket ul.basketcash .bfpricetotal:before  {
		content: "";
	}
	#contentbasket .basket ul.basketarticle .bfprice.kg:after {
		content: "je kg";
		font-size: 0.8em;
	}
	#contentbasket .basket ul.basketarticle:nth-of-type(1) .bfprice:before {
		content: "Einzelpreis";
		display: block;
		position: absolute;
		top: 25px;
		font-size: 0.85em;
		width: 85px;
		text-align: center;
	}
	#contentbasket .basket ul.basketarticle:nth-of-type(1) .bfpricetotal:before {
		content: "Summe";
		display: block;
		position: absolute;
		top: 25px;
		font-size: 0.85em;
		width: 85px;
		text-align: center;
	}
	#contentbasket .orderHistory  .basket ul.basketarticle:nth-of-type(1) .bfprice:before, 
	#contentbasket .orderHistory  .basket ul.basketarticle:nth-of-type(1) .bfpricetotal:before {
		top: 10px;
	}
	#contentbasket .basket ul.basketusttotal li {
	    padding-top: 2px;
		padding-bottom: 2px; 
	} 
	#contentbasket .basket ul.baskettotal li {
		color: #1E1C1A;
		border-top: 1px solid #EF7303;
		border-bottom: 3px double #EF7303;
	}
	#headerorderHistorytitle {
		height: 20px;
	}
	.orderHistory {
		font-size: 0.9em;
	}
	.orderHistory .basket ul.basketarticle .bftitle, 
	.orderHistory .basket li.bfpricetotal span,
	.orderHistory .basket ul.basketdelivery .bftitle,
	.orderHistory .basket ul.baskettotal .bftitle {
		font-weight: normal;
	}
	#contentbasket .basket ul.last li {
		border-bottom: 0px solid #ffffff;	
	}
}


@media screen and (min-width: 1000px) {
	#barrierefrei, #design {
		position: absolute;
	}
	#header {
		top: 25px;
	}  
	#header.small {
		top: 0px;
		min-width: 320px;
		position: relative;
	}	
	#nemetzworldwrapper {
		position: absolute;
		top: 46px;
		width: 100%;
		height: 100px;
		z-index: -1;	
	}
	#header.small #nemetzworldwrapper {
		top: 0px;
		position: relative;
		height: 65px;
	}
	#nemetzworld {
		text-align: right;
		line-height: 1em;
		padding-right: 15%;
		width: 85%;	
	} 
	#header.small #nemetzworld {
		text-align: left;
		font-size: 5em;
		color: #ffffff;	
		width: 98%;
		padding-right: 0%;
	}
	#topmenu {
        position: absolute;
		top: -48px;	
        right: 0px;
		width: 100%;
	}
	#topmenu ul {
		float: right;	
	}
	#topmenu li {
		float: left;	
	}
	#logo {
		height: 140px;	
	}
	#majormenuwrapper {
		background-color: transparent;
	}	
	#majormenu { 
        top: -27px;
	}
	#majormenu ul {
     	float: right;
	} 
	#majormenu > ul > li a { 
 		padding: 6px 30px;
	}
	#majormenu ul li:hover > ul { 
		border-top: 2px solid #ffffff;
	}
	#menubasketicon, #menubasketiconactive {
		top: -7px;
	} 
}

@media screen and (min-width: 1050px) {
	#majormenu > ul > li a { 
 		padding: 6px 35px 5px 35px;
	}
}
@media screen and (min-width: 1200px) {
	#headerbasketshow {
		max-width: 1200px;
	}
	#headerbasket {
		padding-right: 0%;
	}
	#majormenu > ul > li a { 
 		padding: 6px 50px 5px 50px;
	}
}
@media screen and (min-width: 1400px) {
	#slideshowtext h3 {
		font-size: 2.5em;
	}
} 
@media screen and (min-width: 1800px) {
	#slideshowtext h3 {
		font-size: 3.3em;
	}
}  
  
  


@media screen and (max-width: 1000px) {
	.position1 {
		display: none;
	}
	.position2 { 
		display: block;
	}		
}

@media screen and (max-width: 817px) {
	#slideshow {
		display: none; 	
	}
	#breadcrumb {
		top: 0px;	
	}		
}

@media screen and (max-width: 1000px) {
	#main {
    	width: 96.78%;
    	margin-left: 1.61%;
    	margin-right: 1.61%;
	}
	.infobox {
		display: none;
	}
	#articleoverview {
		float: none;
		width: 96.78%;
		margin: 1.61%;
	} 
	#articleoverviewcount {
		padding: 3px 0px 0px 0px;
	}
	.contentBreak {
 		float: none;
		width: 96.78%;
		margin: 1.61%;
	}
	.contentBlock {
 		float: left;
		width: 46.78%;
		padding: 0%;
		margin: 1.61%;
	}         
	.layerFloat, #userlogin.layerFloat, #userregister.layerFloat, .layerFloat1, .layerFloat2 {
		clear: left;
		width: 96.78%;
		padding: 0%;
		margin: 1.61% 1.61% 3.06% 1.61%;
		max-width: 960px;
	}
	#userregister.layerFloat {
		border-left: 0px dotted #1E1C1A;
		border-top: 1px dotted #1E1C1A;
		padding-top: 3.06%;
	}
	.layerMargin div {
		display: none;	
	}
	.tinynav { 
		display: block; 
	}
	#loginmenu {
		display: none;	
	}
	.loginmenucontainer select {
		width: 100%;	
		margin-left: 0px;
		margin-bottom: 4.08%;
	}
} 
@media screen and (max-width: 1000px) {
	#submenue {
		display: block;
		float: none;
		width: 96.78%;
		margin: 1.61%;
	}
	#submenue .select {
	    border-bottom: 1px solid #EF7303; 
	}
	#submenue .selectopen {
		width: 100%;
	    border-bottom: 1px solid #EF7303; 
	}
	#submenue .select .sel {
		max-height: 80px;	
	}
	#submenue div.selecta {
		display: block; 
	} 
	.deliverypackage {
		display: none;	
	}
    #articleoverview {
        border-top: 0px solid #FFFFFF; 
    }
}

@media screen and (max-width: 850px) {
	#nemetzworld {
		font-size: 4em;
		text-align: center;	
	}
	#mobilemenuwrapper {
		display: block;
	}
	#menubasketicon, #menubasketiconactive {
		right: 18px;
		top: 4px;
	}
	#majormenu {
		clear: all; 
		float: none; 
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
   		overflow: hidden; 
		max-height: 0px;
	}
	#majormenu ul { 
		border-bottom: 3px solid #FC841C;
	}
	#majormenu > ul > li a {
		color: #EF7303;
		background-color: #ffffff; 
		border-bottom: 1px dotted #4D6B79;
		padding: 10px 30px;
	}
	#majormenu > ul > li a:hover {
		border-bottom: 1px dotted #4D6B79;
	}
	#majormenu li { 
		display: block; 
		float: none;
		width: 100%; 
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
    #majormenu ul ul > li { 
		display: block;
		float: none;
		width: 90%;
		margin-left: 10%; 
		border-bottom: 1px dotted #4D6B79;  
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#majormenu ul li:hover ul > li a { 
		color: #EF7303;  
	}
	#majormenu ul ul ul > li { 
		border-left: 0px solid #ffffff; 
	}
	#majormenu ul, #majormenu ul ul {
	 	width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#majormenu ul ul > li { 
		border: none;
	}
	#majormenu ul ul > li a { 
		height: auto; 
        padding-left: 20px;
	}
	#majormenu ul ul ul > li a { 

	}
	#majormenu > ul ul {
		overflow: hidden; 
		max-height: 0px;
	}
	#majormenu.active, #majormenu > ul ul.active { 
		max-height: 850em; 
	}
	#majormenu li a { 
		position: relative;
	}	
	#majormenu li.has-submenu > a::after, #majormenu ul ul > li.has-submenu > a::after {
		content: '\22C1';
		font-weight: bold;
		position: absolute;
		top: 0px;
		right: 0px;
		display: block;
		padding: inherit;
	}
	#majormenu ul ul > li.has-submenu > a::after {
		font-size: 26px;
	}
	#majormenu li.has-submenu > a.active:after {
		content: "\22C0";
	}
	#majormenu ul ul, #majormenu ul ul ul { 
		display: inherit; 
		position: relative; 
		left: auto; 
		top: auto; 
		border: none; 
	}
	#majormenu li.warenkorb {
		display: none;	
	}
	#majormenu ul {
		background-color: #ffffff;     	
	}
}


@media screen and (max-width: 700px) {
	.contentBlock {
 		float: none;
		width: 96.78%;
		margin: 1.61%;
	} 
	.contentBlock table, .contentBreak table {
 		min-width: 100%;
	}
	.mainBlock {
		float: none;
 		margin: 1.96%;
 		width: 96.08%;
	}
	.mainContent {
		width: 96.08%;
		margin: 1.96%;
		padding-right: 0%;
		padding-bottom: 1.96%;		
		border-right: 0px solid #ffffff;
		border-bottom: 1px solid #301705;
		float: none;
	}
	.mainNews {
		width: 96.08%;
		margin: 1.96%;
		float: none;
	}
	.news {
		margin-bottom: 1.96%;
		padding-bottom: 1.96%;	
	}
	
} 

@media screen and (max-width: 800px) {
	#headerbasket .basket {
		max-width: 700px;
		width: 95%;	
		float: none;
		margin: 0px auto;	
	}


	.couponForm {
		padding-top: 12%;
		padding-bottom: 14%;
		max-width: 300px;	
	}
	.couponForm h4 {
		font-size: 1.6em;
	}
	.couponForm input {
		font-size: 1.6em;
	}
	.couponForm input[type="submit"] {
		font-size: 1.6em;
		max-width: 180px;	
	}		
}

@media screen and (max-width: 600px) {
   .listTable table,
   .listTable th,    
   .listTable td, 
   .listTable tr { 
		display: block; 
		width: 100%;
		text-align: left;
	}
	.listTable th {
		display: none;	
	}
	.listTable tr { 
		overflow: auto;	
	}
	.listTable tr:nth-child(1n+2) {
		border-top: 1px dotted #4D6B79;	
	}
	.listTable td { 
       border-top: 0px dotted #4D6B79;	
	}
	.listTable.bill td:nth-of-type(1) {
		display: none;	
	}
   .listTable .num {
		text-align: left;
	}
   .listTable.bill td:nth-of-type(2),
   .listTable.bill td:nth-of-type(3),
   .listTable.bill td:nth-of-type(4),
   .listTable.bill td:nth-of-type(5),
   .listTable.bill td:nth-of-type(6) {
		text-align: left;
		width: 50%;
		float: left;
	}
	.listTable.bill td:nth-of-type(6) {
		text-align: left;
		width: 50%;
		float: left;
	}
	.listTable.bill td:nth-of-type(2):before {
		content: "Rechnungs-Nummer: ";		
	}
	.listTable.bill td:nth-of-type(3):before {
		content: "Rechnungs-Datum: ";		
	}
	.listTable.bill td.credit:nth-of-type(2):before {
		content: "Gutschrifts-Nummer: ";		
	}
	.listTable.bill td.credit:nth-of-type(3):before {
		content: "Gutschrifts-Datum: ";		
	}
	.listTable.bill td:nth-of-type(4):before {
		content: "Bestellung von: ";		
	}
	.listTable.bill td:nth-of-type(5):before {
		content: "Betrag [EUR]: ";		
	}
	.listTable.bill td:nth-of-type(6) {
		position: relative;
		float: none;
		width: 100%;
		height: 0px;
		top: -26px;
		text-align: right;
		right: 3px;	
	}
	
	.listTable.order td {
		text-align: left;
		width: 50%;
		float: left;
	}
	.listTable.order td.orderHistory {
		width: 100%;
	}	
	.listTable.order td:before {
		font-size: 0.8em;
		width: 130px;
		display: inline-block;
		padding-top: 3px;
	}
	.listTable.order td:nth-of-type(1):before {
		content: "Bestellung von: ";		
	}
	.listTable.order td.orderHistory:before {
		content: "";		
	}
	.listTable.order td:nth-of-type(2):before {
		content: "Betrag [EUR]: ";		
	}
	.listTable.order td:nth-of-type(3):before {
		content: "Zahlung per: ";		
	}
	.listTable.order td:nth-of-type(4):before {
		content: "Bezahlung: ";		
	}
	.listTable.order td:nth-of-type(5):before {
		content: "Status: ";		
	}
	
	.listTable.order td.paymentopenalert:nth-of-type(1) {
		width: 100%;		
	}
	.listTable.order td.paymentopenalert:before {
		content: "";	
		width: 0px;	
	}

	.listTable.coupon td:nth-of-type(1),	
	.listTable.coupon td:nth-of-type(2),	
	.listTable.coupon td:nth-of-type(2),
	.listTable.coupon td:nth-of-type(3),
	.listTable.coupon td:nth-of-type(4),
	.listTable.coupon td:nth-of-type(5),
	.listTable.coupon td:nth-of-type(6),
	.listTable.coupon td:nth-of-type(7),
	.listTable.coupon td:nth-of-type(8) {
		text-align: left;
		width: 80%;
		float: left;
	}
	.listTable.coupon td:before {
		font-size: 0.8em;
		width: 80px;
		display: inline-block;
		padding-top: 3px;
	}
	.listTable.coupon td:nth-of-type(1):before {
		content: "Code: ";		
	}
	.listTable.coupon td:nth-of-type(2):before {
		content: "Gutschein: ";		
	}
	.listTable.coupon td:nth-of-type(3):before {
		content: "Startwert [EUR]: ";		
	}
	.listTable.coupon td:nth-of-type(4):before {
		content: "Restwert [EUR]: ";		
	}
	.listTable.coupon td:nth-of-type(5):before {
		content: "Bestellung von: ";		
	}
	.listTable.coupon td:nth-of-type(6):before {
		content: "gültig bis: ";		
	}
	.listTable.coupon td:nth-of-type(7):before {
		content: "Anzeigen: ";		
	}
	.listTable.coupon td:nth-of-type(8):before {
		content: "";		
	}
	.listTable.coupon .num {
		text-align: left;
	}
	
	#siteNavigator {
		border-top: 0px dotted #4D6B79;
	}
	#pagenavigator div div {
		display: none;		
	}
	#nemetzworld {
		font-size: 3em;
		text-align: center;	
	}
	#topmenu {
		margin-top: 2%;
	}

    #subheader #subheaderbread {
        float: none;
        width: 96.78%;
        margin: 1.61%;
    }
    #subheader #subheadersearch{
        float: none;
        width: 96.78%;
        margin: 1.61%;
    }    
    
} 
@media screen and (max-width: 500px) {
	.listTable.bill td:nth-of-type(2),
	.listTable.bill td:nth-of-type(3),
	.listTable.bill td:nth-of-type(4),
	.listTable.bill td:nth-of-type(5),
	.listTable.bill td:nth-of-type(6) {
		width: 100%;
		float: none;
	}
	.listTable.bill td:nth-of-type(6) {
		top: -33px;
	}
	.listTable.order td {
		width: 100%;
		float: none;
	}
	.listTable.order td:nth-of-type(6) {
		position: relative;
		float: none;
		width: 100%;
		height: 0px;
		top: -30px;
		text-align: right;
		right: 3px;	
	}	
	#pagenavigator div.goJumper {
		display: none;				
	}
} 



@media screen and (max-width: 500px) {
	#breadcrumb {
		/* display: none;	*/
	}
    .suggestionOutput {
        width: 300px;
    }
	.couponForm {
		padding-top: 14%;
		padding-bottom: 20%;	
	}
	.couponSelectField {
		background-size: auto 100%; 	
	}
} 


@media screen and (max-width: 750px) {
    .articlefield {
        width: 96%;
        margin: 0% 2% 10% 2%;
        float: none;
    }        
    #homeorderinfo .orderinfo div {
        margin: 1.61%;    
        width: 96.78%;
        float: none;
    }
} 
@media only screen and (max-width: 1180px) and (min-width: 750px) {
    .articledetailaddbasket span {
         display: none;
    }    
}
@media only screen and (max-width: 500px) {
    .articledetailaddbasket span {
         display: none;
    }    
}


#loaderframe {
    position: fixed;
    z-index: 1000;
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    opacity: 0.9;
    display: none;
}

.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #0C5381;
  width: 60px;
  height: 60px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  margin: 20% auto;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}