/* @license
 * MyFonts Webfont Build ID 2303491, 2012-06-05T10:58:23-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Futura Book by Bitstream
 * URL: http://www.myfonts.com/fonts/bitstream/futura/book/
 * Copyright: Copyright 1990-2003 Bitstream Inc. All rights reserved.

 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2303491
 * Licensed pageviews: 1,000,000
 * 
 * 2012 Bitstream Inc
*/

 @font-face {font-family: 'FuturaBT-Book';src: url('webfonts/232603_0_0.eot');src: url('webfonts/232603_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/232603_0_0.woff') format('woff'),url('webfonts/232603_0_0.ttf') format('truetype');}

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    font-weight:normal;
} 
h3 i,
h3 em{
  font-weight:inherit;
}                                   

article, aside, figure, footer, header, hgroup, nav, section {display: block;}
html {overflow-y: scroll;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; clear:both;}
input, select {vertical-align: middle;}
pre {
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
select, input, textarea {font: 99% sans-serif;}
table {font-size: inherit; font: 100%;}
a:hover, a:active {outline: none;}
small {font-size: 85%;}
strong, th {font-weight: bold;}
td, td img {vertical-align: top;} 
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
pre, code, kbd, samp {font-family: monospace, sans-serif;}
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}
button, input, select, textarea {margin: 0;}
button {width: auto; overflow: visible;}
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  
.clear{height:0.1px; overflow:hidden; clear:both;}
.hidden{display:none;}
body{background:url(../images/page_bg.png);}
body, select, input, textarea {color: #000; font-family:helvetica, arial, sans-serif; font-size:1em; line-height:1.4em;}
h1{font-family:'FuturaBT-Book', arial, sans-serif; padding-bottom:0.5em; font-size:1.6em; line-height:1.2em; }
h2{font-family:'FuturaBT-Book', arial, sans-serif; padding-bottom:0.1em; font-size:1.3em; line-height:1.3em; color:#9d0212;}
footer .grid1-col1 {font-size:0.9em; background:none; padding: 20px 15px 10px 15px; border-bottom:1px solid #d1d3d4; width:972px; float:left;}
footer .grid1-col1 h2{padding:0 0 0.1em 0 !important; color:#4d4d4d;}

.textgrid .box h2{font-size:1.6em; color:#000;}
.links h2{color:#9d0212;}
h3{font-family:'FuturaBT-Book', arial, sans-serif; padding-bottom:0.1em; font-size:1.2em; line-height:1.3em;}
h4{font-family:'FuturaBT-Book', arial, sans-serif; padding-bottom:0.5em; font-size:1.1em;}
p{padding-bottom:1em;}
.links p, .rechts p, .rechts .box p{padding-bottom:0.5em; font-size:0.9em; line-height:1.4em; }
.col33.rechts p{font-size:1em;padding-bottom:1em;}
.grid-row-70 .col33.rechts p{font-size:1em;padding-bottom:4px;}
.rechts .box td, .rechts .box ul{ font-size:0.9em; line-height:1.4em; }
.rechts .box ul#kontonav{padding-bottom:0.5em; line-height:1.6em;}
.rechts .box ul#kontonav li a{padding-left:20px; background:url(../images/right_li.png) left 50% no-repeat; color:#000;}
.rechts .box ul#kontonav li a:hover, .rechts .box ul#kontonav li a.active{background:url(../images/right_li_act.png) left 50% no-repeat; color:#9d0212;}
.subcontent p{ font-family:georgia, times, serif;}
.subcontent ul, .subcontent ol{padding-bottom:1em; font-family:georgia, times, serif; margin-left:1.4em;}
.subcontent #tx-solr-search .results-list{margin-left:0;}
.subcontent ul{list-style:disc;}
.box p{font-size:0.9em;}
a {color: #9d0212; text-decoration:none;}
a:hover {color: #9d0212; text-decoration:underline;}
.footertext, .footertext a{color:#4d4d4d;}
.footertext a:hover{color: #9d0212;}
div.hr{height:1px; overflow:hidden; margin:15px 0; background:#bbbbbb; clear:both;}
p.bigger, .box p.bigger{font-size:1.2em;}
p.liefern1, p.liefern2, p.staffel{padding:0 !important;}
p.liefern1 a{padding:0 0 0 20px; background:url(../images/icon-liefern-1.png) left 50% no-repeat;}
p.liefern2 a{padding:0 0 0 20px; background:url(../images/icon-liefern-2.png) left 50% no-repeat;}
p.staffel a{padding:0 0 0 20px; background:url(../images/icon-staffel.png) left 50% no-repeat;}
p.phone{font-family:'FuturaBT-Book', arial, sans-serif; background:url(../images/kontakt_klein.png) left 50% no-repeat; font-size:1.2em !important; line-height:26px; padding:5px 0 5px 30px !important;}
p.chat{font-family:arial, sans-serif; background:url(../responsive/images/intercom-chat-icon.png) left 50% no-repeat; font-size:0.9em !important; line-height:26px; padding:5px 0 5px 32px !important; margin-bottom:5px;}
p.mail{font-family:arial, sans-serif; background:url(../images/mail.png) left 50% no-repeat; font-size:0.9em !important; line-height:26px; padding:5px 0 5px 32px !important; margin-bottom:5px;}
p.faq{font-family:arial, sans-serif; background:url(../images/faq-icon.png) left 5px no-repeat; font-size:0.9em !important; line-height:20px; padding:5px 0 5px 32px !important; margin-bottom:5px;}
p.newsletter{font-family:arial, sans-serif; background:url(../images/newsletter.png) left 5px no-repeat; font-size:0.9em !important; line-height:20px; padding:5px 0 5px 32px !important; margin-bottom:5px;}
p.mail{font-family:arial, sans-serif; background:url(../images/mail.png) left 50% no-repeat; font-size:0.9em !important; line-height:26px; padding:5px 0 5px 32px !important; margin-bottom:5px;}
p.pdf{background:url(../../../typo3/gfx/fileicons/pdf.gif) left 3px no-repeat; padding-left:25px;}
.csc-textpic-caption p.pdf{line-height:1.5em; padding-top:2px;}
p.mixing{text-align:center; }
p.mixing a{width:250px; height:62px; background:url(../images/mixing_start.jpg) left top no-repeat; display:inline-block; text-indent:-9999em;}
p.mixing a:hover{width:250px; height:62px; background:url(../images/mixing_start_hov.jpg) left top no-repeat; display:inline-block;}
.ie7 p.mixing a{text-indent:-9999px; text-transform:capitalize; font-size:0; display:block; line-height:0;}
p.nospace{padding:25px 0 0 0;}

p.mixingbar-button{text-align:center; }
p.mixingbar-button a{width:250px; height:62px; background:url(../images/mixing-buttons.jpg) left top no-repeat; display:inline-block; text-indent:-9999em;}
p.mixingbar-button a:hover{width:250px; height:62px; background:url(../images/mixing-buttons.jpg) left -62px no-repeat; display:inline-block;}
.ie7 p.mixingbar-button a{text-indent:-9999px; text-transform:capitalize; font-size:0; display:block; line-height:0;}

p.mixingmini-button{text-align:center; }
p.mixingmini-button a{width:250px; height:62px; background:url(../images/mixing-buttons.jpg) left -124px no-repeat; display:inline-block; text-indent:-9999em;}
p.mixingmini-button a:hover{width:250px; height:62px; background:url(../images/mixing-buttons.jpg) left -186px no-repeat; display:inline-block;}
.ie7 p.mixingmini-button a{text-indent:-9999px; text-transform:capitalize; font-size:0; display:block; line-height:0;}

p.mixingdrink-button{text-align:center; }
p.mixingdrink-button a{width:250px; height:62px; background:url(../images/mixing-buttons.jpg) left -248px no-repeat; display:inline-block; text-indent:-9999em;}
p.mixingdrink-button a:hover{width:250px; height:62px; background:url(../images/mixing-buttons.jpg) left -310px no-repeat; display:inline-block;}
.ie7 p.mixingdrink-button a{text-indent:-9999px; text-transform:capitalize; font-size:0; display:block; line-height:0;}

p.mixingkids-button{text-align:center; }
p.mixingkids-button a{width:250px; height:62px; background:url(../images/mixing-buttons.jpg) left -372px no-repeat; display:inline-block; text-indent:-9999em;}
p.mixingkids-button a:hover{width:250px; height:62px; background:url(../images/mixing-buttons.jpg) left -434px no-repeat; display:inline-block;}
.ie7 p.mixingkids-button a{text-indent:-9999px; text-transform:capitalize; font-size:0; display:block; line-height:0;}

/*en buttons*/

p.mixingbar-button-en{text-align:center; }
p.mixingbar-button-en a{width:250px; height:62px; background:url(../images/mixing-buttons-en.jpg) left top no-repeat; display:inline-block; text-indent:-9999em;}
p.mixingbar-button-en a:hover{width:250px; height:62px; background:url(../images/mixing-buttons-en.jpg) left -62px no-repeat; display:inline-block;}
.ie7 p.mixingbar-button a{text-indent:-9999px; text-transform:capitalize; font-size:0; display:block; line-height:0;}

p.mixingmini-button-en{text-align:center; }
p.mixingmini-button-en a{width:250px; height:62px; background:url(../images/mixing-buttons-en.jpg) left -124px no-repeat; display:inline-block; text-indent:-9999em;}
p.mixingmini-button-en a:hover{width:250px; height:62px; background:url(../images/mixing-buttons-en.jpg) left -186px no-repeat; display:inline-block;}
.ie7 p.mixingmini-button a{text-indent:-9999px; text-transform:capitalize; font-size:0; display:block; line-height:0;}

p.mixingdrink-button-en{text-align:center; }
p.mixingdrink-button-en a{width:250px; height:62px; background:url(../images/mixing-buttons-en.jpg) left -248px no-repeat; display:inline-block; text-indent:-9999em;}
p.mixingdrink-button-en a:hover{width:250px; height:62px; background:url(../images/mixing-buttons-en.jpg) left -310px no-repeat; display:inline-block;}
.ie7 p.mixingdrink-button a{text-indent:-9999px; text-transform:capitalize; font-size:0; display:block; line-height:0;}

p.mixingkids-button-en{text-align:center; }
p.mixingkids-button-en a{width:250px; height:62px; background:url(../images/mixing-buttons-en.jpg) left -372px no-repeat; display:inline-block; text-indent:-9999em;}
p.mixingkids-button-en a:hover{width:250px; height:62px; background:url(../images/mixing-buttons-en.jpg) left -434px no-repeat; display:inline-block;}
.ie7 p.mixingkids-button a{text-indent:-9999px; text-transform:capitalize; font-size:0; display:block; line-height:0;}

p.banderolen-button{text-align:center; }
p.banderolen-button a{width:250px; height:62px; background:url(../images/mixing-buttons.jpg) left -496px no-repeat; display:inline-block; text-indent:-9999em;}
p.banderolen-button a:hover{width:250px; height:62px; background:url(../images/mixing-buttons.jpg) left -558px no-repeat; display:inline-block;}
.ie7 p.banderolen-button a{text-indent:-9999px; text-transform:capitalize; font-size:0; display:block; line-height:0;}

.wrapper{width:1002px; margin:0 auto; padding-top:10px;}

header{height:125px;width:100%;/* background:url(../images/black.png) left bottom repeat-x; */position:relative;width:1002px;margin:0 auto;}
.tools-right{width:1002px; margin:0 auto; height:0px; position:relative; top:-71px;}
header.bd-kopf{height:auto; width:100%; background:url(../images/black.png) left bottom repeat-x; position:relative; width:1002px; margin:0 auto;}
.bd-kopf .tools-right{
    top:0;
}

.bd-kopf .tools-right .lang{
    float:right;
}

.bd-kopf .tools-right .menu .lang div{
    right:0;
    left:auto;
}



.tools-right-inner{
    position:absolute;
    top:0px;
    width:260px;
    right:0px;
}
.lang{
	display:inline-block;
	float:right;
	font-size:14px;
	font-weight:600;
	padding-right:3px;
}
.lang a{
	display:inline-block;
	text-decoration:none;
}

.lang a.active,
.lang a:hover{
	display:inline-block;
	border-bottom:1px solid #9d0212;
	color:#9d0212;
}

.goog-te-gadget-simple{
	background-color:transparent !important;
	float:right;
	border:none !important;
}
.goog-te-gadget-simple img{
	width:auto;
}
#google_translate_element{
	display:inline-block;
	margin-top:0px;
	float:right;
}

#google_translate_element a{
	border:none;
}

.goog-te-menu-value span:last-of-type{
	display:none;
}

a.goog-te-menu-value:after{
	content:"";
	float:right;
	top:2px;
	margin-left:0px;
	padding:10px;
	position:relative;
	background:#f2f2f2 url(../images/arrow-down.png) 50% 8px no-repeat;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 10px 10px 10px 10px; 	
}

.mainnav{height:38px;padding-top:29px; border-bottom:4px solid #4d4d4d; width:1002px; margin: 0 auto;}
.mainnav.nav-shop{border-color:#fecc00;}
.mainnav.nav-welt{border-color:#C00d0e;}
.mainnav.nav-zotter{border-color:#5c2f12;}
.mainnav.nav-blog{border-color:#289b38;}
.mainnav.nav-rezepte{border-color:#a71580;}
.mainnav.nav-gastro{border-color:#3722b6;}


.mainnav ul{width:1002px; margin:0 auto; height:40px; font-family:"FuturaBT-Book", arial, helvetica, sans-serif; font-size:17px;}
.mainnav ul li{display:inline-block; height:38px; line-height:38px; float:left; margin-right:5px;}
.mainnav ul li a{background:#4d4d4d; display:block; padding:0 15px 0 15px; text-decoration:none; color:#fff;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;}

.mainnav ul li.nav-shop a:hover, 
.mainnav ul li.nav-shop a.active{background:#fecc00; color:#000;}
.mainnav ul li.nav-welt a:hover, 
.mainnav ul li.nav-welt a.active{background:#C00d0e;}
.mainnav ul li.nav-zotter a:hover, 
.mainnav ul li.nav-zotter a.active{background:#5c2f12;}

.mainnav ul li.nav-blog a:hover, 
.mainnav ul li.nav-blog a.active{background:#289b38;}
.mainnav ul li.nav-rezepte a:hover, 
.mainnav ul li.nav-rezepte a.active{background:#a71580;}
.mainnav ul li.nav-gastro a:hover, 
.mainnav ul li.nav-gastro a.active{background:#3722b6;}

.mainnav ul li a{
  -webkit-transition:background 0.7s ease-out;  
  -moz-transition:background 0.7s ease-out;  
  -o-transition:background 0.7s ease-out;  
  transition:background 0.7s ease-out;    
 }
 
.mainnav ul li a:hover{
  -webkit-transition:background 0.2s ease-in;  
  -moz-transition:background 0.2s ease-in;  
  -o-transition:background 0.2s ease-in;  
  transition:background 0.2s ease-in;  
 }

.mainnav ul li a:before{
	content:"";
	width:20px;
	height:20px;
	background:url("../img/icons/mini-icons-white.png") 0 -64px no-repeat;
	float:left;
	margin-right:5px;
	margin-top:10px;
}

.mainnav ul li.nav-shop a:before{
	background-position: 0 -64px;
}
.mainnav ul li.nav-shop a.active:before,
.mainnav ul li.nav-shop a:hover:before{
	background-position: 0 -94px;
}

.mainnav ul li.nav-welt a:before{
	background-position: 0 0px;
}
.mainnav ul li.nav-zotter a:before{
	background-position: -288px -64px;
}
.mainnav ul li.nav-blog a:before{
	background-position: -32px -96px;
}
.mainnav ul li.nav-rezepte a:before{
	background-position: -30px -63px;
}

.mainnav ul li.nav-gastro a:before{
	background-position: -31px -63px;
}

.subnav.nav-shop{background:#fecc00;}
.subnav.nav-welt{background:#C00d0e;}
.subnav.nav-zotter{background:#5c2f12;}
.subnav.nav-blog{background:#289b38;}
.subnav.nav-rezepte{background:#a71580;}
.subnav.nav-gastro{background:#3722b6; display:none;}

.subnav{height:36px; line-height:36px; width:1002px; margin: 0 auto;}
.subnav ul{width:1002px; margin:0 auto; font-family:"FuturaBT-Book", arial, helvetica, sans-serif; font-size:17px; float:left;}
.subnav ul li{display:inline-block;}
.subnav ul li a{color:#fff; display:block; padding:0 15px;}
.subnav.nav-shop ul li a{color:#000;}
.subnav ul li a:hover, .subnav ul li a.active{background:#fff; text-decoration:none;}

.subnav.nav-shop ul li a:hover, .subnav.nav-shop ul li a.active{color:#fecc00; color:#b9a13e;}
.subnav.nav-welt ul li a:hover, .subnav.nav-welt ul li a.active{color:#C00d0e;}
.subnav.nav-zotter ul li a:hover, .subnav.nav-zotter ul li a.active{color:#5c2f12;}
.subnav.nav-blog ul li a:hover, .subnav.nav-blog ul li a.active{color:#289b38;}
.subnav.nav-rezepte ul li a:hover, .subnav.nav-rezepte ul li a.active{color:#a71580;}

.subnav ul li a{
  -webkit-transition:background 0.2s ease-out;  
  -moz-transition:background 0.2s ease-out;  
  -o-transition:background 0.2s ease-out;  
  transition:background 0.2s ease-out;  
 }

.subnav ul li a:hover{
  -webkit-transition:background 0.2s ease-in;  
  -moz-transition:background 0.2s ease-in;  
  -o-transition:background 0.2s ease-in;  
  transition:background 0.2s ease-in;  
 }

.shop-leiste{
    width:1002px;
    margin:0 auto;
    height:54px;
    background:#000;
}

.dl-menuwrapper{
	display:none;
}
.logo{float:left; margin-right:100px; margin-left:10px}
.bd-kopf .logo{
    margin-top:0px;
}
#suche{float:left; background:#3f3f3f; width:261px; height:35px; margin-top:9px;
    -webkit-border-radius: 5px 5px 5px 5px !important;
    -moz-border-radius: 5px 5px 5px 5px !important;
    border-radius: 5px 5px 5px 5px !important; 
}
#suche input#suchtext{border:none; padding:0px 0 0 15px; float:left; background:none; width:180px; height:35px; line-height:35px; outline:none; color:#a4a4a4;}
#suche input.submit{border:none; background:url(../images/search-icon.png) 5px 4px no-repeat; float:right; width:35px; height:35px;text-indent:-999px; cursor:pointer;}
#suche input.submit:hover{
  opacity:0.6;
  -webkit-transition:opacity 0.2s ease-in;  
  -moz-transition:opacity 0.2s ease-in;  
  -o-transition:opacity 0.2s ease-in;  
  transition:opacity 0.2s ease-in;      
}


.contentheader{height:328px; margin-bottom:10px;}
.links{float:left; width:200px; margin:0 11px 20px 0px; padding:10px;}
.links * {max-width: 200px !important;}
.rechts{float:left; width:220px; margin:0 4px 20px 11px;}
.mitte{float:left; width: 768px; padding-bottom:10px;}
.mitte.shop{width:760px;}
.ie7 .mitte-breit{position:relative; z-index:3000; float:left;}

footer{width:100%; background:url(../images/footer_bg.png) left top repeat-x; min-height:200px; clear:both; color:#4d4d4d;}
footer{width:1002px; margin:0 auto; background:none; min-height:200px; clear:both; color:#4d4d4d; margin-top:0px;}

footer .inner{width:1002px; margin:0 auto; min-height:200px; }
footer .inner{background:#f3f3f1;  float:none; width:1000px; margin:0 auto; min-height:200px; float:left; margin-bottom:70px;}
.footergrid{padding: 30px 0 10px 0; border-bottom:1px solid #d1d3d4; width:1002px; float:left;}
.footergrid .element{float:left; width:216px; font-size:0.9em;}
.footergrid .element.right{width:122px;}

.footergrid .element{float:left; width:195px; font-size:0.9em; padding-left:15px;}
.footergrid .element.right{width:145px; padding-left:10px;}

.footergrid h2{color:#4d4d4d;}
.footertext{clear:both; padding:15px 15px 0 15px; text-align:center;}
.footergrid .element form input.nl_input{width:143px; padding-left:5px; height:26px; background:url(../images/textfield_nl.png) left top no-repeat; float:left; border:none;}
.footergrid .element form input.nl_submit{background:url(../images/button_nl.png) left top no-repeat; text-indent:-9999em; width:30px; height:26px; float:left; border:none;}
.powered{text-align:center;}

.contentgrid{padding:0 0 1em 0; width:700px; float:left;}
.contentgrid .element{float:left; width:158px; margin-right:20px;}
.contentgrid .element.right{width:158px; margin-right:0;}
.contentgrid .element h3{min-height:50px; display:table-cell; vertical-align:bottom; height:50px;}

.temp .subbreit .contentgrid{padding:0 0 1em 0; width:700px; float:left;}
.temp .subbreit .contentgrid .element{float:left; width:158px; margin-right:20px;}
.temp .subbreit .contentgrid .element.right{width:158px; margin-right:0;}

.subbreit .contentgrid{padding:0 0 1em 0; width:935px; float:left;}
.subbreit .contentgrid .element{float:left; width:218px; margin-right:20px;}
.subbreit .contentgrid .element.right{width:220px; margin-right:0;}

.subcontent a:hover img, .textgrid a:hover img, .imggrid a:hover img, footer a:hover img{
    opacity:0.8;
    -webkit-transition:opacity 0.3s ease-in;  
    -moz-transition:opacity 0.3s ease-in;  
    -o-transition:opacity 0.3s ease-in;  
    transition:opacity 0.3s ease-in;     
}


/*Socialmedia-Buttons*/
.social-buttons {
    position: fixed;
    top: 150px;
    width: 35px;
    z-index: 9999;
}

.button-right {
    right: 0;
}

.social-buttons #twitter-btn .social-icon,
.social-buttons #facebook-btn .social-icon,
.social-buttons #google-btn .social-icon,
.social-buttons #instagram-btn .social-icon,
.social-buttons #pinterest-btn .social-icon,
.social-buttons #youtube-btn .social-icon {
    background-color: #000;
}

.social-mobile a{
    display:block;
    float:left;
    padding-right:0;
    width:242px;
}

.social-mobile a span{
    display:block;
    float:left;
    padding:25px 5px 0 8px;
    width:100px;
    line-height:1.2em;
}

.social-mobile a img{
    float:left;
    padding:10px 5px 0 0px;
    margin:0;
    width:64px;
}

.social-mobile.v2 a{
    display:block;
    float:left;
    padding-right:68px;
    padding-bottom:10px;
    width: auto;
}


.social-mobile.v2 a:last-child{
    display:block;
    float:left;
    padding-right:0;
    padding-bottom:10px;
    width: auto;
}

.social-mobile.v2 a span{
    display:block;
    float:left;
    padding:12px 0px 0 0;
    width:auto;
    line-height:1.2em;
    display:none;
}

.social-mobile.v2 .clear{
    display:none;
}

.social-mobile.v2 a img{
    float:left;
    padding:0 0px 0 0px;
    margin:0;
    width:60px;
}

.button-right #facebook-btn span {
    background:url(../images/facebook.png) left top no-repeat;
}

.button-right #twitter-btn span {
    background:url(../images/twitter.png) left top no-repeat;
}

.button-right #google-btn span {
    background:url(../images/googleplus.png) left top no-repeat;
}

.button-right #instagram-btn span {
    background:url(../images/instagram.png) left top no-repeat;
}

.button-right #pinterest-btn span {
    background:url(../images/pinterest.png) left top no-repeat;
}

.button-right #youtube-btn span {
    background:url(../images/youtube.png) left top no-repeat;
}


.button-right #facebook-btn span span{
    background:#000;
}

.button-right #twitter-btn span span{
    background:#000;
}

.button-right #google-btn span span{
    background:#000;
}

.button-right #instagram-btn span span{
    background:#000;
}

.button-right #pinterest-btn span span{
    background:#000;
}

.button-right #youtube-btn span span{
    background:#000;
}

.social-buttons #facebook-btn:hover .social-icon {
    background-color: #000;
}

.social-buttons #twitter-btn:hover .social-icon {
    background-color: #000;
}

.social-buttons #google-btn:hover .social-icon {
    background-color: #000;
}

.social-buttons #instagram-btn:hover .social-icon {
    background-color: #000;
}

.social-buttons #pinterest-btn:hover .social-icon {
    background-color: #000;
}

.social-buttons #youtube-btn:hover .social-icon {
    background-color: #000;
}

.social-buttons a:hover .social-text {
    display: block;
}

.button-right .social-icon {
    -moz-transition: background-color 0.4s ease-in 0s;
    -webkit-transition: background-color 0.4s ease-in 0s;
    background-repeat: no-repeat;
    display: block;
    float: right;
    height: 35px;
    margin-bottom: 2px;
    width: 35px;
}

.button-right .social-text {
    display: none;
    float: left;
    font-size: 80%;
    font-weight: bold;
    margin: 0 0 0 40px;
    line-height:35px;
    white-space: nowrap;
}

.social-buttons .social-text {
    color: #FFFFFF;
}
/*Socialmedia-Buttons Ende*/

.slidercontent{
    font-family:georgia; 
    font-size:1.1em; 
    padding:40px 30px 20px 560px; 
    line-height:1.5em;
    width:400px; 
    position:absolute;
    right:10px;
    top:1px;
}

#zotter-slider{
	padding-bottom:10px;
	background:#d8d9d9;    
}


.ie8 .slidercontent{z-index:50 !important;}

.mitte .slidercontent{
    padding:20px 0px 10px 0px;
    width:325px;
    bottom:30px;}

.mitte .subbreit .slidercontent{
    padding:20px 0px 10px 0px;
    width:400px;
    bottom:30px;}
    
.slidercontent h2{font-size:1.6em;}

.mitte #zotter-slider2 .slidercontent{z-index:600; position:absolute; bottom:30px; right:0; background:#fff; padding:5px; opacity: .75; bottom:30px; top:auto;}
.mitte #zotter-slider2 .slidercontent p{padding:0;}
.mitte #zotter-slider2 .slidercontent p a{color:#000; text-decoration:none !important;}

#breadcrumb{color:#808080; font-size:0.9em; line-height:30px; float:left; width:730px; padding-left:30px;} 
#breadcrumb img{float:left;}
#breadcrumb a{color:#808080; line-height:30px; float:left;} 
#breadcrumb span{ float:left; background:url(../images/bc_pfeil.png) 50% 50% no-repeat; width:15px; height:30px;}

#breadcrumb.mixing-bc{color:#808080; font-size:0.9em; line-height:30px; float:left; width:730px; padding-left:30px; position:absolute; top:172px; z-index:1;}
.ie7 #breadcrumb.mixing-bc{z-index:1000; top:0; left:0; float:left !important; position:relative !important; margin-bottom:-30px;}

.subcontent{width:700px; min-height:885px; margin-bottom:30px; padding:34px;}
.mitte.shop .subcontent{padding:30px;}
.subbreit{width:935px; min-height:700px;}
@media only screen and (min-width: 768px) {
    .temp .subbreit{width:700px; padding:38px 151px 38px 151px;}
}

.subcontent #breadcrumb{padding:0; margin-top:-30px;}

#nav{float:left; width:200px; border-bottom:1px solid #bbbbbb; padding-bottom:10px; margin-bottom:20px;}
#nav ul, .rechts ul.csc-menu-1{border:0; padding:0;}
#nav li, .rechts .box ul.csc-menu-1 li{float:left; width:220px; font-family:'FuturaBT-Book', arial, sans-serif; }
.rechts .box ul.csc-menu-1 li{width:208px; font-family:'FuturaBT-Book', arial, sans-serif !important;}
#nav li a, .rechts .box ul.csc-menu-1 li a{float:left; font-size:1.3em; width:220px; color:#4d4d4d; padding-bottom:8px; }
.rechts .box ul.csc-menu-1 li a{width:220px; padding-bottom:0;}
#nav li a:hover, #nav li a.active, .rechts .box ul.csc-menu-1 li a:hover{text-decoration:none; color:#9d0212;}
#nav ul li, .rechts .box ul.csc-menu-1 li{float:left; width:220px; font-family:helvetica, arial, sans-serif; padding-bottom:8px;}
#nav li a{padding-left:22px; background:url(../images/li_bg.png) left 3px no-repeat; font-size:1.1em; width:180px; padding-bottom:8px; color:#000;} 
.rechts ul.csc-menu-1 li a{padding-left:0px; background:none; font-size:1.1em; width:198px; padding-bottom:0px; color:#000;} 
#nav li a:hover,  #nav ul li a.active{padding-left:22px; background:url(../images/li_bg_hov.png) left 3px no-repeat; color:#9d0212;}
.rechts .box ul.csc-menu-1 li a:hover{padding-left:0px; background:none; color:#9d0212;}
#nav ul li{padding-bottom:0px;}
#nav ul li a, #nav ul li a:hover, #nav ul li a.active{padding-left:22px; background:none; text-decoration:none; padding-bottom:12px; }
#nav li a{line-height:1.2em; padding-bottom:8px;}
#nav li ul li a, #nav ul li a.active, #nav ul li a:hover{line-height:1.2em; font-size:0.9em; padding-bottom:5px;}
#nav ul li a:hover{
    background:url(../images/li-li-act.png) left 0px no-repeat;
    margin-left:12px;
    padding-left:10px;   
}
#nav ul li a.active,

#nav ul li a.active:hover{
    background:url(../images/li-li-act.png) left 0px no-repeat;
    margin-left:22px;
    padding-left:10px;
}


#nav ul ul{padding-bottom:5px; font-size:0.9em;}
#nav ul li li a, #nav ul li li a:hover, #nav ul li lia.active{padding-left:32px; background:none; text-decoration:none; line-height:1.2em; padding-bottom:5px;}

#nav ul li li a:hover{
    background:url(../images/li-li-act.png) left 0px no-repeat;
    margin-left:22px;
    padding-left:10px;   
}

#nav ul li li a.active,
#nav ul li li a.active:hover{
    background:url(../images/li-li-act.png) left 0px no-repeat;
    margin-left:32px;
    padding-left:10px;
}


/*
#nav>:first-child ul li:first-child a{background:black url(../images/li_bg.png) 10px 7px no-repeat; color:#ffcc00 !important; padding:5px 0 5px 32px; width:189px; margin-left:-10px;} 
#nav>:first-child ul li:first-child a.active{font-weight:bold;} 

#nav li:first-child li:first-child a{background:black url(../images/li_bg.png) 10px 7px no-repeat; color:#ffcc00 !important; padding:5px 0 5px 32px; width:189px; margin-left:-10px;} 
#nav li:first-child li:first-child a.active{font-weight:bold;} 

#nav li:first-child li li:first-child a{padding-left:32px; background:none; text-decoration:none; padding-bottom:0px; color:#000 !important;} 
#nav li:first-child li li:first-child a.active{font-weight:normal; color:#9d0212 !important;} 
*/

/*legende*/
ul.legende{font-size:0.9em;}
ul.legende li a{color:#000; text-decoration:none;}
ul.legende li a:hover{color:#9d0212; text-decoration:none;}
ul.legende li.vegan{padding-left:22px; background:url(../images/icon-vegan.png) left 50% no-repeat;}
ul.legende li.milch{padding-left:22px; background:url(../images/icon-milch.png) left 50% no-repeat;}
ul.legende li.gluten{padding-left:22px; background:url(../images/icon-gluten.png) left 50% no-repeat;}
ul.legende li.rezept{padding-left:22px; background:url(../images/icon-rezept.png) left 50% no-repeat;}
ul.legende li.alk1{padding-left:22px; background:url(../images/icon-alk1.png) left 50% no-repeat;}
ul.legende li.alk2{padding-left:22px; background:url(../images/icon-alk2.png) left 50% no-repeat;}
ul.legende li.alk3{padding-left:22px; background:url(../images/icon-alk3.png) left 50% no-repeat;}
.mitte .legende{
    list-style:none;
}

/*maincontent_area*/
span.read-more a{padding-left:20px; background:url(../images/mehr.png) left 50% no-repeat;}
span.read-less a{padding-left:20px; background:url(../images/weniger.png) left 50% no-repeat;}

ul.product-grid, ul.product-list{list-style:none; padding:0; margin:0;}
ul.product-grid li{float:left; width:160px; margin-right:18px; position:relative; margin-bottom:25px;}
.ie7 ul.product-grid li{min-height:450px; margin-bottom:5px;}
ul.product-grid li.last{float:left; width:160px; margin-right:0px;}
ul.product-grid li.clear{clear:both; width:700px; height:1px !important; min-height:1px !important; overflow:hidden; padding:0; margin:0;}

ul.product-list li{float:left; width:700px; position:relative; margin-bottom:15px; border-bottom:1px solid #e6e7e8;}

 img.img-swap {border:1px solid #bdbdbd;  float:left; width:160px; height:160px;}
ul.product-list img.img-swap {border:1px solid #bdbdbd;  float:left; width:108px; height:108px;}
img.new {position:absolute; right:0; top:0; z-index:1; border:none !important;}
ul.product-list img.new {width:32px; height:12px;}
ul.product-grid img.new {width:47px; height:18px;}
.product-detail img.new {right:101px; width:60px !important; height:23px !important;}

.product-image{position:relative;  float:left; margin-bottom:5px; }
.product-list .product-image{width:110px;}
.product-image .icons{position:absolute; bottom:2px; left: 2px;}
img.icon{float:left; margin-right:1px; }
ul.product-list img.icon{width:12px;}
.product-description h3{font-size:1.22em;}
.product-description h4 {font-size:0.95em; padding:0; line-height:1em;}
.product-description p{font-family:helvetica, arial, sans-serif; color:#4d4d4d; font-size:0.8em; line-height:1.2em;}
.product-description p span{font-family: helvetica, arial, sans-serif; font-weight:bold; font-size:1.6em; font-weight:bold; display:block; line-height:1.6em;}
.product-description a{color:#000; text-decoration:none; display:block;}
.product-description p a{color:#4D4D4D;}

ul.product-list form.warenkorb{position:absolute; bottom:0; right:0;}
.ie7 ul.product-list form.warenkorb{position:absolute; bottom:10px; right:0;}

form.warenkorb label{font-family:helvetica, arial, sans-serif; line-height:26px; }
ul.product-list form.warenkorb label{float:left; margin-right:1em;}

form.warenkorb input.menge{margin:0 0.5em 1em 0; padding:0 5px; width:23px; height:26px; line-height:26px; font-weight:bold; font-size:1.1em; background:url(../images/list_input_bg.png) left top no-repeat; border:none; float:left;}
.cart a{margin-right:1em; text-decoration:none; font-size:0.9em; outline:none;}


@media (min-width:768px){
    ul.product-grid > li:nth-child(4n+1){clear:both;}
    ul.product-grid li:nth-child(4n){margin-right:0px;}
    
    .pl-wide ul.product-grid li{float:left; width:342px;margin:0; border:1px solid #c4c4c4; padding:0px; margin-bottom:10px; margin-right:0px;}
    .pl-wide ul.product-grid li:hover{
    -webkit-box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.42);
    -moz-box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.42);
    box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.42);
    -webkit-transition: box-shadow 0.3s ease-in-out 0s;
    -moz-transition: box-shadow 0.3s ease-in-out 0s;
    -o-transition: box-shadow 0.3s ease-in-out 0s;
    -ms-transition: box-shadow 0.3s ease-in-out 0s;
    transition: box-shadow 0.3s ease-in-out 0s; 
    }
    .pl-wide ul.product-grid li.last{width:342px;}
    .pl-wide ul.product-grid li p{padding-bottom:0;}
    .pl-wide ul.product-grid .product-image{border-bottom:1px solid #c4c4c4; float:left;}
    .pl-wide ul.product-grid .product-image img.img-swap {border:none; float:left; width:332px; height:332px; padding:5px 5px;}
    .pl-wide ul.product-grid .clear{display:none;}
    .pl-wide ul.product-grid > li:nth-child(2n+1){clear:both; margin-right:10px;}
    .pl-wide ul.product-grid li:nth-child(4n){margin-right:0px;}
    .pl-wide ul.product-grid li .product-description{padding:0 5px 5px 5px; }
    .pl-wide ul.product-grid li p.noshopping{margin-left:5px; font-family:arial, helvetica, sans-serif; font-size:0.8em; padding-left:20px;padding-top:3px; color:#4D4D4D;}
    .pl-wide ul.product-grid li form.warenkorb{padding:0 0px; margin-bottom:0px; float:left; position:absolute; bottom:5px; right:5px; width:168px;}
    .pl-wide ul.product-grid li form.warenkorb input.menge{float:left;}
    .pl-wide ul.product-grid li form.warenkorb label{float:left; padding-right:15px;}
    .pl-wide div.wk{float:left; margin-top:-1px; width:130px;}
    .pl-wide ul.product-grid form.warenkorb input.menge{margin:0 5px 0px 0;}
    .pl-wide span.wk input, .pl-wide div.wk input, .pl-wide div.wk a{
        with:130px;
    }
}

@media (min-width:768px){
    .gfm-right ul.product-grid > li:nth-child(4n+1){clear:none;}
}
.product-detail .product-image{position:relative; float:left; margin-bottom:0px; width:402px; float:left;}
.product-detail .product-image .MagicZoom{float:left;}
.product-detail .product-image img{border:1px solid #bdbdbd; width:298px; height:298px; }

.product-detail .product-image .icons{position:absolute; top: 280px; left: 2px;z-index: 1;border: none;}
.product-detail .product-image .icons img{border:none; width:16px; height:16px;}
.product-detail h1{padding:0.3em 0 0.5em 0;}
.product-detail h2{color:#000; padding:0 0 0.8em 0;}
.product-detail .product-description p{font-family:helvetica, arial, sans-serif; color:#4d4d4d; font-size:1em; line-height:1.2em;}
.product-detail .product-description p span{font-family: helvetica, arial, sans-serif; font-weight:bold; font-size:1.6em; font-weight:bold; display:block; line-height:1.6em;}

.product-detail .product-description, .product-detail .warenkorb{margin: 0 0 0 45px; width:252px; float:left;}
.product-detail .product-description{margin-top:35px;}
.product-detail label{width:180px; float:left;}
.product-detail .wk{clear:both;  }
.pdetail-acc .ui-widget-content a{color:#9d0212 !important;}

h3.rating{float:left; padding-bottom:1em; margin-top:4px;}
.star{background:url(../img/star-off.png) left top no-repeat; width:16px; height:16px; float:left; margin-right:2px;}
.star.full{background:url(../img/star-on.png) left top no-repeat; width:16px; height:16px; float:left; margin-right:2px;}
#star{float:left; margin:3px 0 0 10px;}

/*zoom*/
.product-image .smallpics{float:right; width:94px;}
.ie7 .product-image .MagicZoom img{width:298px !important; height:298px !important;}
.ie7 .product-image a.MagicZoom{width:298px !important; height:298px !important;}
.product-image .smallpics img{width:92px !important; height:92px !important;}
.MagicZoomBigImageCont.MagicBoxShadow{left:0!important;}
.product-image .smallpics a{float:right; height:94px; margin-bottom:9px; opacity:0.75;}
.product-image .smallpics a:hover{opacity:1;}

ul.product-list .product-description{float:left; width: 570px; margin-left:17px;}
.product-filter{background:#4d4d4d; width:700px; height:25px; float:left; margin-bottom:15px; font-size:0.9em;}
.product-filter .display{float:left; padding: 3px 6px;}
.product-filter .display a{float:left; width:19px; height:19px; margin-right:6px; text-indent:-9999em;}
.product-filter .display a.grid.active{background:url(../images/icon_grid_act.png) left top no-repeat;}
.product-filter .display a.list.active{background:url(../images/icon_list_act.png) left top no-repeat;}
.product-filter .display a.grid{background:url(../images/icon_grid_inact.png) left top no-repeat;}
.product-filter .display a.list{background:url(../images/icon_list_inact.png) left top no-repeat;}
.product-filter .pager{float:left;}
.product-filter .pager a{color:#fff; float:left; display:block; height:25px; text-decoration:none; line-height:25px; padding:0 7px;}
.product-filter .pager a:hover, .product-filter .pager a.active{background:#9d0212;}
.product-filter .pager a.prev{display:block; float:left; width:17px; height:25px; background:url(../images/pager_left_w.png) left 50% no-repeat; padding:0;}
.product-filter .pager span.prev{display:block; float:left; width:17px; height:25px; background:url(../images/pager_left.png) left 50% no-repeat;}
.product-filter .pager a.next{display:block; float:left; width:17px; height:25px; background:url(../images/pager_right_w.png) right 50% no-repeat; padding:0;}
.product-filter .pager span.next{display:block; float:left; width:17px; height:25px; background:url(../images/pager_right.png) right 50% no-repeat;}
.product-filter .subcategory{float:right; color:#fff; margin-right:6px; line-height:25px;}
.product-filter .limit{float:right; color:#fff; margin-right:6px; line-height:25px;}
.gfm-right .product-filter .subcategory{display:none !important;}

/*pager_neu*/
.subcontent .product-filter .pager ul{list-style:none;  float:left; padding:0; margin:0; font-family:helvetica, arial, sans-serif;}
.product-filter .pager ul li{float:left; color:#fff; padding:0px;}
.product-filter .pager ul li a{color:#fff; float:left; display:block; height:25px; text-decoration:none; line-height:25px; }
.product-filter .pager ul li a:hover, .product-filter ul li.active-link-wrap{background:#9d0212; padding:0 7px; height:25px; line-height:25px;}
.product-filter .pager ul li.disabled-previous-link{text-indent:-9999em; display:block; float:left; width:17px; height:25px; background:url(../images/pager_left.png) left 50% no-repeat;}
.product-filter .pager ul li.inactive-previous-link{width:17px;}
.product-filter .pager ul li.inactive-previous-link a{padding:0 7px; text-indent:-9999em; display:block; float:left; width:17px; height:25px; background:url(../images/pager_left_w.png) left 50% no-repeat;}
.product-filter .pager ul li.disabled-previous-link a{padding:0 7px; display:block; float:left; width:17px; height:25px; background:url(../images/pager_left.png) left 50% no-repeat;}
.product-filter .pager ul li.inactive-next-link a{text-indent:-9999em;display:block; float:left; width:17px; height:25px; background:url(../images/pager_right_w.png) right 50% no-repeat; padding:0;}
.product-filter .pager ul li.disabled-next-link{display:block; float:left; width:17px; height:25px; background:url(../images/pager_right.png) right 50% no-repeat;} 
 
 /*warenkorb*/
.ekwagen{position:relative; width:100%;clear:both; padding-top:15px; font-family:helvetica, arial, sans-serif;}
.ekwagen h1{background:url(../images/warenkorb.png) left 50% no-repeat; padding:0 0 0 30px; margin-bottom:0.5em;}
.ekwagen a.cont{position:absolute; top:5px; right:0; font-size:0.9em;}
.ekwagen img{width:78px; height:78px; border:1px solid #bdbdbd;}
{width:100%; border-bottom:1px solid #b3b3b3;}
.ekwagen table tr.first-row td{padding-top:23px; border-top:1px solid #b3b3b3;}
.ekwagen table tr.sec-row td{border-top:1px solid #e6e6e6; padding-top:5px;}
.ekwagen table td.wk-img{width:90px; height:80px; padding:0 0 23px 0;}
.ekwagen table td.wk-title{width:340px; padding-bottom:10px;}
.ekwagen table td.wk-title span{font-size:0.9em;}
.ekwagen table td.wk-price{width:60px; padding-right:20px; text-align:right;}
.ekwagen table td.wk-amount{width:90px; padding:0 10px;}
.ekwagen table td.wk-position{width:80px; text-align:right;}
.ekwagen table td.wk-tools{width:px; text-align:right; font-size:0.9em;}
.ekwagen table td.wk-tools input.aktualisieren{background:none; border:none; color:#9d0212; padding:0; margin:0;}
.ekwagen table td.wk-tools input:hover.aktualisieren{text-decoration:underline;}
.ekwagen form.warenkorb{position:relative; top:0; left:0;}
.ekwagen form.warenkorb label{font-family:helvetica, arial, sans-serif; line-height:26px; float:left; margin-right:0em;}
.ekwagen form.warenkorb input.menge{margin:0 0.5em 1em 0; padding:0 5px; width:23px; height:26px; line-height:26px; font-weight:bold; font-size:1.1em; background:url(../images/list_input_bg.png) left top no-repeat; border:none; float:left;}
.ekwagen .wk-gcard .wk-amount input.menge{margin-right:4px; }
.wk-gcard .wk-amount label{font-size:0.9em; float:left; width:20px;padding:0;}
.ekwagen tfoot td{background:#ebebec; padding:23px 0; font-weight:bold;}
.ekwagen p{color:#4d4d4d; font-family:helvetica, arial, sans-serif; font-size:0.85em;}
.ekwagen p.summe{text-align:right; color:#000; background:; width: 730px; margin:-1px 0 1em -30px; background:#ebebec; padding:23px 30px 23px 0; border-bottom:1px solid #b3b3b3; border-top:1px solid #b3b3b3; font-weight:bold;}
.ekwagen p.summe span{padding-left:50px; color:#4d4d4d; font-weight:bold; font-size:1.1em;}
.ekwagen input.green, .ekwagen input:hover.green{float:right; margin-bottom:2em;}
.ekwagen label.gutschein {line-height:34px; float:left; font-size:0.9em; }
.ekwagen input.gutschein_einloesen{line-height:34px; float:left; font-size:0.9em; border:none; background:none; color:#9d0212; padding:0; margin:0;}
.ekwagen input:hover.gutschein_einloesen{text-decoration:underline;}
.ekwagen input.gutschein{background:url(../images/textfield.png) left top no-repeat; border:none; width:219px; height:34px; padding:0 5px; font-weight:bold; font-size:1.1em; margin:0 1em 0em 1em; float:left;}
 /*--*/
 
 /*checkout*/
 .dicordionheader { background:#dcddde; font-family:helvetica, arial, sans-serif; color:#fff; padding:3px 10px; position:relative;  margin-bottom:0.5em; font-weight:bold;}        
.dicordionheader .sectionSelectLink{position:absolute; right:0px; top:0; padding:3px 10px; cursor:pointer; color:#9d0212; font-weight:normal; text-decoration:none;}        
.dicordionheader.selected { background:#4d4d4d; font-family:helvetica, arial, sans-serif; color:#fff; padding:3px 10px;}        
#dicordion .data, #dicordion .filled{padding:10px 0;}        
#dicordion .hidden{display:none !important;}        
#dicordion .data{margin-bottom:0.5em; }	

.rechts table{width:100%;}
.rechts table td{padding: 0 0 5px 0;}
.rechts table td.label{width:120px; text-align:right;}
.rechts table td.price{text-align:right;}
.rechts tfoot td.label{border-top:1px solid #b3b3b3; width:100%; text-align:left; padding-top:5px;}
.rechts tfoot td.price{font-weight:bold; font-size:1.1em;}
.rechts .box h2{color:#000; font-size:1.4em;}
.kasse{padding-top:15px;}
.kasse p{font-family:helvetica, arial, sans-serif;}
.kasse h1{padding-left:35px; background:url(../images/warenkorb.png) left top no-repeat; padding-bottom:1em;}
.kasse h2{padding-bottom:0.8em; font-size:1.4em; color:#000;}
.kunde{float:left; width:320px; padding-right:30px;}
.kunde.rechnung {padding-right: 0; width: 350px;}
.kunde h3{font-family:'FuturaBT-Book', arial, sans-serif; font-size:1.2em; line-height:1.3em; color:#9d0212; margin-bottom:0.5em;}
.kunde h3 span{font-size:0.8em; font-family:helvetica, arial, sans-serif; color:#000;}
fieldset.login{padding-left:30px; background:url(../images/login_mann.png) left top no-repeat;}
fieldset.login a{font-size:0.9em; display:block; margin-bottom:0.5em;}
fieldset.login h3{margin-bottom:0;}
.textfield{width:224px; height:34px; background:url(../images/textfield.png) left top no-repeat; border:none; color:#000; font-size:0.9em; padding-left:5px; margin-bottom: 2px;}
.textfield2{width:315px; height:26px; line-height:26px; background:url(../images/textfield2.png) left top no-repeat; border:none; color:#000; font-size:0.9em; padding-left:5px; margin-bottom:6px;}
.textfield2.phone {float: left; margin-right: 3px;}
.rechnung a.trigger {float: left;}
.rechnung .country{position:relative;}
.rechnung .country .trigger {position:absolute; right:-20px; top:0;}
.textfield3{width:92px; height:26px; line-height:26px; background:url(../images/textfield3.png) left top no-repeat; border:none; color:#000; font-size:0.9em; padding-left:5px; margin-bottom:22px; float:left;}
.textfield4{width:195px; height:26px; line-height:26px; background:url(../images/textfield4.png) left top no-repeat; border:none; color:#000; font-size:0.9em; padding-left:5px; margin-bottom:22px; float:left; }
input:focus.textfield{color:#000; outline:none;}
input:focus.textfield2{color:#000; outline:none;}
input:focus.textfield3{color:#000; outline:none;}
input:focus.textfield4{color:#000; outline:none;}
input.placeholder{color:#808080;}
input.error.placeholder{color:red !important; font-weight:bold;}
p.errormessage{padding-bottom:0;}
.tx-felogin-pi1 .error{
	color:red;
	font-family:georgia, times, serif;
}
.kasse label, .kasse p{font-size:0.9em; line-height:1.3em;}
.kasse span.bearbeiten{display:none;}
.grusskarte textarea{width: 310px; height: 107px; overflow:hidden; background:url(../images/textarea.png) left top no-repeat; float:left; border:none; resize: none; outline:none;padding: 5px; font-size:0.9em;}
div.grusskarte{width:320px; height:145px; float:left; position:relative;}
label.grusskarte{float:left; margin-left:0px; width:330px; cursor:text; }
label.grusskarte span{font-size:0.9em; float:left; margin-top:0.5em; color:#4d4d4d; }
.size{position: absolute; top:120px; left:5px; width:300px; font-size:0.9em;}
.ie7 .kasse .size{display:none;}
.kasse .ui-tabs{        
    padding:0;        
}        
.kasse .ui-tabs .ui-tabs-panel{        
    padding:20px 0 10px 0 !important;        
    margin:0 0 20px 0 !important;        
    float:left;        
    font-size:0.9em;        
}        
.kasse .ui-widget input, .kasse .ui-widget select, .kasse .ui-widget textarea, .kasse .ui-widget button, .kasse .ui-widget{        
    font-family:helvetica, arial, sans-serif;        
}        
        
.kasse .ui-widget span{        
    float:left; margin-right:15px; line-height:24px;
}
.kasse fieldset.card1{float:left; width:320px; margin-right:30px;}
.kasse fieldset.card2{float:left; width:340px; padding:0px 0;}
.kasse .uebersicht{color:#000; width: 730px !important; margin:-1px 0 0.5em -30px; background:#ebebec; padding:23px 30px 23px 0; border-bottom:1px solid #b3b3b3; border-top:1px solid #b3b3b3; font-weight:bold;}
.kasse table tfoot tr.kasse-first td.kasse-zwsum{border-top:1px solid #b3b3b3; padding-top:6px;}
.kasse table tfoot td.kasse-zwsum{text-align:right; padding-top:0px; }
.kasse table tfoot td.kasse-zwsum2{text-align:right; padding-top:8px; }

.kasse table tfoot td.kasse-title{text-align:right; font-weight:bold; padding-top:5px; border-top:1px solid #b3b3b3;}
.kasse table tfoot td.kasse-title span{font-weight:normal; }
.kasse table tfoot td.kasse-total{text-align:right; font-weight:bold;color:#4d4d4d; font-size:1.3em;  padding-top:5px; border-top:1px solid #b3b3b3;}

/*bestaetigung*/
.adresse{float:left; width:320px; padding-right:30px; padding-bottom:1.5em;}
.uebersicht.bestaetigung{clear:both; color:#000; width: 700px !important; margin:-1px 0 0.5em -30px; background:#ebebec; padding:23px 30px 23px 30px; border-bottom:1px solid #b3b3b3; border-top:1px solid #b3b3b3; font-weight:bold;}
.uebersicht table{width:100%;}
.uebersicht table tfoot tr.kasse-first td.kasse-zwsum{border-top:1px solid #b3b3b3; padding-top:6px;}
.uebersicht table tfoot td.kasse-zwsum{text-align:right; padding-top:0px; }
.uebersicht table tfoot td.kasse-zwsum2{text-align:right; padding-top:8px; }

.uebersicht table tfoot td.kasse-title{text-align:right; font-weight:bold; padding-top:5px; border-top:1px solid #b3b3b3;}
.uebersicht table tfoot td.kasse-title span{font-weight:normal; }
.uebersicht table tfoot td.kasse-total{text-align:right; font-weight:bold;color:#4d4d4d; font-size:1.3em;  padding-top:5px; border-top:1px solid #b3b3b3;}
.uebersicht table tbody td.konto-title{width:360px; font-weight:bold; padding-bottom:5px;}
.uebersicht table tbody td.konto-price{width:130px; text-align:right;}
.uebersicht table tbody td.konto-amount{width:120px; text-align:right;}
.uebersicht table tbody td.konto-total{width:110px; text-align:right;}
.uebersicht table tfoot td.konto-title{text-align:right; font-weight:bold; padding-top:5px; border-top:1px solid #b3b3b3;}
.uebersicht table tfoot td.konto-title span{font-weight:normal; }
.uebersicht table tfoot td.konto-total{text-align:right; font-weight:bold;color:#4d4d4d; font-size:1.3em;  padding-top:5px; border-top:1px solid #b3b3b3;}



/*konto*/
.konto{padding-top:15px;}
.konto h1{background:url(../images/konto_mann.png) left 50% no-repeat; padding:0 0 0 30px; margin-bottom:0.5em;}
.konto table, .kasse table{margin-left:30px; width:700px; font-size:0.9em;}
.konto table tbody td.konto-title, .kasse table tbody td.konto-title{width:360px; font-weight:bold; padding-bottom:5px;}
.konto table tbody td.konto-price, .kasse table tbody td.konto-price{width:130px; text-align:right;}
.konto table tbody td.konto-amount, .kasse table tbody td.konto-amount{width:100px; text-align:right;}
.konto table tbody td.konto-total, .kasse table tbody td.konto-total{width:110px; text-align:right;}
.konto table tfoot td.konto-title{text-align:right; font-weight:bold; padding-top:5px; border-top:1px solid #b3b3b3;}
.konto table tfoot td.konto-title span{font-weight:normal; }
.konto table tfoot td.konto-total{text-align:right; font-weight:bold;color:#4d4d4d; font-size:1.3em;  padding-top:5px; border-top:1px solid #b3b3b3;}
.konto tr.notavailable td{background:#af1d23; color:#fff; padding-top:4px;border-bottom:1px solid #ebebec;}
.konto table tbody tr.notavailable td.konto-title{padding-left:23px; background:#af1d23 url(../images/alert.png) 3px 5px no-repeat;}
.konto table tbody td.konto-total{padding-right:3px;}

.orange, .mixing-checkout{
    display:block; 
    float:right; 
    margin-left:20px;
    color:#fff;
    border:none;
    padding:6px 25px;
    background:#faa013;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#faa013), to(#db6b20));
    background: -webkit-linear-gradient(top, #faa013, #db6b20);
    background: -moz-linear-gradient(top, #faa013, #db6b20);
    background: -o-linear-gradient(top, #faa013, #db6b20);
    background: -ms-linear-gradient(top, #faa013, #db6b20);
    background: linear-gradient(top, #faa013, #db6b20);
    text-decoration:none;
    cursor:pointer;
}

a:hover.orange, input:hover.orange, .mixing-checkout:hover{
    color:#fff;
    border:none;
    text-decoration:none;
    padding:6px 25px;
    background:#f18e00;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f18e00), to(#cf521a));
    background: -webkit-linear-gradient(top, #f18e00, #cf521a);
    background: -moz-linear-gradient(top, #f18e00, #cf521a);
    background: -o-linear-gradient(top, #f18e00, #cf521a);
    background: -ms-linear-gradient(top, #f18e00, #cf521a);
    background: linear-gradient(top, #f18e00, #cf521a);
}

.box{
    min-width:200px;
    margin-right:12px;
    float:left;
    margin-bottom:10px;
    background:#fff;
}

.box.grau{background:#ebebec;}
.box.grau p{padding-bottom:0.9em !important;}
.box.grau span{font-size:1.2em; font-weight:bold;}
.box.grau a.green{font-size:1.1em;}

.rechts .box{width:208px; margin:0 0 10px 0; padding:11px; font-size:0.9em;}

.textgrid .box{padding:30px 25px 5px 25px; width:275px; min-height:270px;}
.zo-slider img{
    width:1002px;
}
.textgrid .box{
    margin-right:13px;
}
.textgrid .box.right{
    margin-right:0px;
    float:right;
}


.subcontent .textgrid .box{padding:0; width:220px; min-height:auto; margin-right:20px;}
.subcontent .textgrid .box.right{margin-right:0px;}
.subcontent .textgrid .box h2{font-family:'FuturaBT-Book', arial, sans-serif; padding-bottom:0.1em; font-size:1.3em; line-height:1.3em; color:#9d0212;}
.subcontent .textgrid .box .csc-textpic-imagewrap.csc-textpic-single-image{width:220px !important;}
.subcontent .textgrid .box img{max-width:100% !important; height:auto;}


.imggrid{float:left; padding-bottom:0px;}
.imggrid .box img{
    float:left;
}
.imggrid .box{
    margin-right:13px;
}
.imggrid .box.right{
    margin-right:0;
}
.imggrid .box div.csc-textpic-single-image img{margin-bottom:0;}

.right{margin-right:0;}

.grid2{
    float:left; 
    width:100%;  
}

.grid2 h3{
    font-weight:bold;
}

.col1, .col2, .col3, .col4, .col5{
    float:left;
    padding:2%;
} 

.grid2 .col1{
    width:45%;
    margin-right:1%;
    background:#EFEFEF;
}

.grid2 .col2{
    width:45%;
    margin-left:1%;
    background:#EFEFEF;
}

.grid-neutral{
    float:left;
    width:100%;
}

.grid-neutral .col1{
    float:left;
    width:49%;
    padding:0 2% 0 0;
}

.grid-neutral .col2{
    float:left;
    width:49%;
    padding:0;
}

.grid-row-full{
    width:935px;
    float:left;
    padding-bottom:20px;
}

.grid-row-full .col33{
    width:300px;
    float:left;
    padding:0;
    margin:0 17px 0 0;
}


.grid-row-full .col33.rechts{
    width:300px;
    float:right;
    padding:0;
    margin:0 0px 0 0;
}


.grid-row-full .col33 img{
    max-width:100%;
    height:auto;
}
.grid-row-70{
    width:700px;
    float:left;
    padding-bottom:20px;
}
.grid-row-70 .col33{
    width:220px;
    float:left;
    padding:0;
    margin:0 20px 0 0px;
}
.grid-row-70 .col33.rechts{
    width:220px;
    float:right;
    padding:0;
    margin:0 0px 0 0;
}
.grid-row-70 .col33 img{
    max-width:220px;
    height:auto;
}
.grid-row-70 DIV.csc-textpic-center DIV.csc-textpic-imagewrap{
    max-width:218px !important;
}
.grid-row-full.overlay .csc-default{
    position:relative;
    overflow:hidden;
}
.grid-row-full.overlay .csc-default img{
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.grid-row-full.overlay .csc-default:hover img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.grid-row-full.overlay .csc-default h2{
    position:absolute;
    color:#fff;
    font-size:34px;
    top:45%;
    width:100%;
    text-align:center;
    z-index:20000;
    cursor:pointer;
}

.grid-row-full.overlay .csc-default:hover h2{
    text-shadow: 2px 1px 1px rgba(0, 0, 0, 1); 
    display:none;  
}

.grid-row-full.overlay .csc-default img{
    margin-bottom:0 !important;
    float:left;
    opacity:1 !important;
}

.grid-row-full.overlay .csc-default a{
    color:#fff !important;

}

.grid-row-full.overlay .csc-default a:hover{
    text-decoration:none;
}

.grid-row-full.overlay .csc-default .csc-textpic-imagewrap.csc-textpic-single-image a:after{
    background:rgba(192,13,14,0.4);
    content:"";
    height:300px;
    width:300px;
    display:block;
    position:absolute;
    cursor:pointer;
}

.grid-row-full.overlay.o-braun .csc-default .csc-textpic-imagewrap.csc-textpic-single-image a:after{
    background:rgba(92,47,18,0.5);
}

.grid-row-full.overlay.o-grau .csc-default .csc-textpic-imagewrap.csc-textpic-single-image a:after{
    background:rgba(0,0,0,0.3);
}

.grid-row-full.overlay .csc-default .csc-textpic-imagewrap.csc-textpic-single-image a:hover:after{
    background:none;
  -webkit-transition:background 0.3s ease-out;  
  -moz-transition:background 0.3s ease-out;  
  -o-transition:background 0.3s ease-out;  
  transition:background 0.3s ease-out;      
}
/*legende*/
.legendeinfo{font-size:0.8em; margin-left:12px; padding-bottom:20px; float:left; width:880px; }
.legendeinfo span{ float:left; color:#000; font-size:0.9em; margin-right:10px; }
.legendeinfo .legende{float:left;}
.legendeinfo .legende li{float:left; margin-right: 10px;}

/*buttons*/
a.green, .menu li:hover div a.green, input.green, .tx_powermail_pi1_fieldwrap_html_submit input, button.green, button.grey{
    float:left;
    color:#fff;
    border:none;
    padding:4px 25px;
    background:#598521;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#8dc63f), to(#598521));
    background: -webkit-linear-gradient(top, #8dc63f, #598521);
    background: -moz-linear-gradient(top, #8dc63f, #598521);
    background: -o-linear-gradient(top, #8dc63f, #598521);
    background: -ms-linear-gradient(top, #8dc63f, #598521);
    background: linear-gradient(top, #8dc63f, #598521);
    text-decoration:none;
    cursor:pointer;
}

a:hover.green, .menu li:hover div a:hover.green, input:hover.green, .tx_powermail_pi1_fieldwrap_html_submit input:hover, button:hover.green, button:hover.grey{
    float:left;
    color:#fff;
    border:none;
    padding:4px 25px;
    background:#3c6613;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6cae27), to(#3c6613));
    background: -webkit-linear-gradient(top, #6cae27, #3c6613);
    background: -moz-linear-gradient(top, #6cae27, #3c6613);
    background: -o-linear-gradient(top, #6cae27, #3c6613);
    background: -ms-linear-gradient(top, #6cae27, #3c6613);
    background: linear-gradient(top, #6cae27, #3c6613);
}



a.grey, .logbox input.grey, .rechts .box input, .menu li:hover div a.grey, a.boxbutton, .mixing-button input.grey{
    float:left;
    color:#4d4d4d !important;
    border:none;
    padding:4px 25px;
    background:#bcbec0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dcddde), to(#bcbec0));
    background: -webkit-linear-gradient(top, #dcddde, #bcbec0);
    background: -moz-linear-gradient(top, #dcddde, #bcbec0);
    background: -o-linear-gradient(top, #dcddde, #bcbec0);
    background: -ms-linear-gradient(top, #dcddde, #bcbec0);
    background: linear-gradient(top, #dcddde, #bcbec0);
    text-decoration:none;
}


a:hover.grey, .logbox input:hover.grey, .rechts .box input:hover, .menu li:hover div a:hover.grey, a:hover.boxbutton, .mixing-button input:hover.grey{
    float:left;
    color:#fff !important;
    border:none;
    padding:4px 25px;
    background:#888888;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#cdcecf), to(#888888));
    background: -webkit-linear-gradient(top, #cdcecf, #888888);
    background: -moz-linear-gradient(top, #cdcecf, #888888);
    background: -o-linear-gradient(top, #cdcecf, #888888);
    background: -ms-linear-gradient(top, #cdcecf, #888888);
    background: linear-gradient(top, #cdcecf, #888888);
}

.bf_button .grey{color:#d5660c !important; float:right; cursor:pointer; padding: 6px 25px !important; margin-left:0;}
.bf_button a:hover.grey{color:#fff !important; float:right; padding: 6px 25px !important; }

p.button-rot, a.red, .menu li:hover div a.red, button.button-rot{
    float:left;
    color:#fff !important;
    border:none;
    padding:4px 25px;
    background:#cf202a;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#cf202a), to(#9e1c20));
    background: -webkit-linear-gradient(top, #cf202a, #9e1c20);
    background: -moz-linear-gradient(top, #cf202a, #9e1c20);
    background: -o-linear-gradient(top, #cf202a, #9e1c20);
    background: -ms-linear-gradient(top, #cf202a, #9e1c20);
    background: linear-gradient(top, #cf202a, #9e1c20);
}


p:hover.button-rot, a:hover.red, .menu li:hover div a:hover.red, button:hover.button-rot{
    float:left;
    color:#fff;
    border:none;
    background:#bb1218;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#bb1218), to(#800f12));
    background: -webkit-linear-gradient(top, #bb1218, #800f12);
    background: -moz-linear-gradient(top, #bb1218, #800f12);
    background: -o-linear-gradient(top, #bb1218, #800f12);
    background: -ms-linear-gradient(top, #bb1218, #800f12);
    background: linear-gradient(top, #bb1218, #800f12);
}
p.button-gruen a{
    float:left;
    color:#fff !important;
    border:none;
    padding:4px 25px;
    background: #598521;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#8dc63f), to(#598521));
    background: -webkit-linear-gradient(top, #8dc63f, #598521);
    background: -moz-linear-gradient(top, #8dc63f, #598521);
    background: -o-linear-gradient(top, #8dc63f, #598521);
    background: -ms-linear-gradient(top, #8dc63f, #598521);
    background: linear-gradient(top, #8dc63f, #598521);
}


p:hover.button-gruen a{
    float:left;
    color:#fff;
    border:none;
    background: #3c6613;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6cae27), to(#3c6613));
    background: -webkit-linear-gradient(top, #6cae27, #3c6613);
    background: -moz-linear-gradient(top, #6cae27, #3c6613);
    background: -o-linear-gradient(top, #6cae27, #3c6613);
    background: -ms-linear-gradient(top, #6cae27, #3c6613);
    background: linear-gradient(top, #6cae27, #3c6613);
}
p.button-gruen a{
	color:#fff !important;
	font-family: arial, helvetica, sans-serif;
}
button.button-rot{
    padding:7px 15px;
    color:#fff;
    font-size:1em;
}
.wallsio{
    float:left;
    width:970px;
    padding:15px 0px 10px 0px;
    border-bottom:1px solid #d1d3d4;
}
.wallsio iframe{
    margin-bottom:5px;
}

/*shop buttons*/

div.wk, .wallsio-morelink{
    float:left;
    color:#fff !important;
    border:none;
    background:#d3d4d6;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ececed), to(#d3d4d6));
    background: -webkit-linear-gradient(top, #ececed, #d3d4d6);
    background: -moz-linear-gradient(top, #ececed, #d3d4d6);
    background: -o-linear-gradient(top, #ececed, #d3d4d6);
    background: -ms-linear-gradient(top, #ececed, #d3d4d6);
    background: linear-gradient(top, #ececed, #d3d4d6);
}

.konto span.wk{
    float:right;
    color:#fff !important;
    border:none;
    padding:4px 25px 4px 12px;
    background:#cf202a;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#cf202a), to(#9e1c20));
    background: -webkit-linear-gradient(top, #cf202a, #9e1c20);
    background: -moz-linear-gradient(top, #cf202a, #9e1c20);
    background: -o-linear-gradient(top, #cf202a, #9e1c20);
    background: -ms-linear-gradient(top, #cf202a, #9e1c20);
    background: linear-gradient(top, #cf202a, #9e1c20);
}

.konto span:hover.wk{
    float:right;
    color:#fff;
    border:none;
    background:#bb1218;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#bb1218), to(#800f12));
    background: -webkit-linear-gradient(top, #bb1218, #800f12);
    background: -moz-linear-gradient(top, #bb1218, #800f12);
    background: -o-linear-gradient(top, #bb1218, #800f12);
    background: -ms-linear-gradient(top, #bb1218, #800f12);
    background: linear-gradient(top, #bb1218, #800f12);
}


span.wk{padding-right:0 !important; margin-top:15px;} 

:hover.wk, div:focus.wk, .wallsio-morelink:hover{
    float:left;
    color:#fff;
    border:none;
    background:#8f8f91;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#b3b3b4), to(#8f8f91));
    background: -webkit-linear-gradient(top, #b3b3b4, #8f8f91);
    background: -moz-linear-gradient(top, #b3b3b4, #8f8f91);
    background: -o-linear-gradient(top, #b3b3b4, #8f8f91);
    background: -ms-linear-gradient(top, #b3b3b4, #8f8f91);
    background: linear-gradient(top, #b3b3b4, #8f8f91);
}
.wallsio-morelink, .wallsio-morelink:hover{
    text-decoration:none;
    padding:4px 15px;
    color:#4d4d4d !important;
    margin-left:1em;
}
.wallsio-morelink:before{
    content:'';
    display:inline-block;
    margin-right:10px;
    width:10px;
    height:12px;
    background:url(../images/wk_pfeil_g.png) left top no-repeat;
}
.wallsio-morelink:hover:before{
    content:'';
    display:inline-block;
    margin-right:10px;
    width:10px;
    height:12px;
    background:url(../images/wk_pfeil.png) left top no-repeat;
}
.wallsio-morelink:hover{
    color:#fff !important;
}

span.wk input, div.wk input, div.wk a{padding:4px 15px 4px 25px; background:url(../images/wk_pfeil_g.png) 10px 50% no-repeat; border:none; float:left; color:#4d4d4d; font-size:0.9em;}
.konto span.wk a{padding:2px 15px 2px 15px; background:url(../images/wk_pfeil.png) 2px 50% no-repeat; border:none; float:left; color:#fff !important; font-size:0.9em;}
.konto span:hover.wk a{color:#fff; background:url(../images/wk_pfeil.png) 2px 50% no-repeat;}

span:hover.wk input, div:hover.wk input, div:focus.wk input, div:hover.wk a, div:focus.wk a {color:#fff; background:url(../images/wk_pfeil.png) 10px 50% no-repeat;}
.ie7 div.wk input{width:150px; float:left;}

/*detail*/

.product-detail div.wk{
    float:left;
    color:#fff !important;
    border:none;
    background:#cf202a;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#cf202a), to(#9e1c20));
    background: -webkit-linear-gradient(top, #cf202a, #9e1c20);
    background: -moz-linear-gradient(top, #cf202a, #9e1c20);
    background: -o-linear-gradient(top, #cf202a, #9e1c20);
    background: -ms-linear-gradient(top, #cf202a, #9e1c20);
    background: linear-gradient(top, #cf202a, #9e1c20);
}

.product-detail div:hover.wk, .product-detail div:focus.wk{
    float:left;
    color:#fff;
    border:none;
    background:#bb1218;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#bb1218), to(#800f12));
    background: -webkit-linear-gradient(top, #bb1218, #800f12);
    background: -moz-linear-gradient(top, #bb1218, #800f12);
    background: -o-linear-gradient(top, #bb1218, #800f12);
    background: -ms-linear-gradient(top, #bb1218, #800f12);
    background: linear-gradient(top, #bb1218, #800f12);
}
.product-detail div.wk input{padding:4px 15px 4px 35px; background:url(../images/wk_full.png) 10px 50% no-repeat; border:none; float:left; color:#fff; font-size:0.9em;}
.product-detail div:hover.wk input, .product-detail div:focus.wk input{color:#fff; background:url(../images/wk_full.png) 10px 50% no-repeat;}
.ie7 .product-detail div.wk input{width:200px; float:left;}

.floatright{float:right !important;}  

/*-End Shop Buttons-*/

p.button-rot a{color:#fff; text-decoration:none;}
p.button-rot{padding:6px 20px; font-size:1em;}
.slidercontent .button-rot{padding:4px 15px; font-size:1em;}

/*zentrierter roter button*/
.box p.button-rot{
    float:none;
    color:#fff !important;
    border:none;
    padding:0;
    background:#fff !important;
    text-align:center;
    margin-top:0.5em;
}

.ie8 .box p.button-rot{background:none !important;}

.box p.button-rot a{
    float:none;
    color:#fff !important;
    border:none;
    padding:4px 15px;
    background:#cf202a;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#cf202a), to(#9e1c20));
    background: -webkit-linear-gradient(top, #cf202a, #9e1c20);
    background: -moz-linear-gradient(top, #cf202a, #9e1c20);
    background: -o-linear-gradient(top, #cf202a, #9e1c20);
    background: -ms-linear-gradient(top, #cf202a, #9e1c20);
    background: linear-gradient(top, #cf202a, #9e1c20);
}



.box p.button-rot a:hover{
    float:none;
    color:#fff;
    border:none;
    background:#bb1218;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#bb1218), to(#800f12));
    background: -webkit-linear-gradient(top, #bb1218, #800f12);
    background: -moz-linear-gradient(top, #bb1218, #800f12);
    background: -o-linear-gradient(top, #bb1218, #800f12);
    background: -ms-linear-gradient(top, #bb1218, #800f12);
    background: linear-gradient(top, #bb1218, #800f12);
}


.ie7 .box p.button-rot a{position:relative;}
.ie7 .box p.button-rot a:hover{position:relative;}

.shadow {
    float:left;
    background:#fff;
}


.ie7 .shadow, .ie8 .shadow, .ie7 .box, .ie8 .box{behavior: url(/fileadmin/site/css/PIE.htc);}

/*replace radiobutton*/


label.ui-radio {
    font-family:'FuturaBT-Book', arial, sans-serif; font-size:1.2em; line-height:1.3em; color:#9d0212;
    display:block;
    padding: 0px 0 8px 25px;
    background: url(../images/radio.png) left 2px no-repeat;
}
label.lieferlabel.ui-radio{
    font-family:arial; weight:bold; font-size:0.9em; font-weight:bold; color:#000;
    display:block;
    padding: 1px 0 4px 25px;
    margin-bottom:10px;
}

.versandart{font-size:0.8em;}
.versandart h3{font-weight: bold;}
.versandart label.ui-radio {
    color: #000000;
    padding-bottom: 0;
    padding-right: 50px;
    padding-top: 0.8em;
    position: relative;
}
.versandart span.versandpreis {
    font-weight: bold;
    position: absolute;
    right: 0;
    top: 16px;
}
.versandart span.hinweis {
    display: block;
    font-size: 0.95em;
    line-height: 1.3em;
}
.versandart .addtionalfields {
    font-size: 0.9em;
}

#tabs-1 label.ui-radio{text-indent:-9999em; width:52px; height:32px; margin-right:37px; float:left; padding: 0 0 18px 0;}
#tabs-2 label.ui-radio{text-indent:-9999em; width:52px; height:32px; margin-right:12px; float:left; padding: 0 0 18px 0;}
/* #tabs-3 label.ui-radio{text-indent:-9999em; width:52px; height:32px; margin-right:12px; float:left; padding: 0 0 18px 0;} */


label.ui-radio-state-hover {
    background: url(../images/radio_checked.png) left 2px no-repeat;
}

label.ui-radio-state-checked {
    background: url(../images/radio_checked.png) left 2px no-repeat;
}
label.ui-radio-state-checked-hover {
    background: url(../images/radio_checked.png) left 2px no-repeat;
}

.versandart label.ui-radio, .versandart label.ui-radio-state-checked, .versandart label.ui-radio-state-checked-hover {
    background-position: left 10px;
}

/*visa*/
#tabs-1 label.ui-radio.visa {background: url(../images/visa_inact.png) left 2px no-repeat;}
#tabs-1 label.ui-radio-state-hover.visa {background: url(../images/visa.png) left 2px no-repeat;}
#tabs-1 label.ui-radio-state-checked.visa {background: url(../images/visa.png) left 2px no-repeat;}
#tabs-1 label.ui-radio-state-checked-hover.visa {background: url(../images/visa.png) left 2px no-repeat;}

/*master*/
#tabs-1 label.ui-radio.master {background: url(../images/master_inact.png) left 2px no-repeat;}
#tabs-1 label.ui-radio-state-hover.master {background: url(../images/master.png) left 2px no-repeat;}
#tabs-1 label.ui-radio-state-checked.master {background: url(../images/master.png) left 2px no-repeat;}
#tabs-1 label.ui-radio-state-checked-hover.master {background: url(../images/master.png) left 2px no-repeat;}

/*amex*/
#tabs-1 label.ui-radio.amex {background: url(../images/amex_inact.png) left 2px no-repeat;}
#tabs-1 label.ui-radio-state-hover.amex {background: url(../images/amex.png) left 2px no-repeat;}
#tabs-1 label.ui-radio-state-checked.amex {background: url(../images/amex.png) left 2px no-repeat;}
#tabs-1 label.ui-radio-state-checked-hover.amex {background: url(../images/amex.png) left 2px no-repeat;}

/*diners*/
#tabs-1 label.ui-radio.diners {background: url(../images/diners_inact.png) left 2px no-repeat; margin-right:0; position:relative;}
#tabs-1 label.ui-radio-state-hover.diners {background: url(../images/diners.png) left 2px no-repeat;}
#tabs-1 label.ui-radio-state-checked.diners {background: url(../images/diners.png) left 2px no-repeat;}
#tabs-1 label.ui-radio-state-checked-hover.diners {background: url(../images/diners.png) left 2px no-repeat;}

/*bank austria*/
#tabs-2 label.ui-radio.ba {background: url(../images/ba_inact.png) left 2px no-repeat;}
#tabs-2 label.ui-radio-state-hover.ba {background: url(../images/ba.png) left 2px no-repeat;}
#tabs-2 label.ui-radio-state-checked.ba {background: url(../images/ba.png) left 2px no-repeat;}
#tabs-2 label.ui-radio-state-checked-hover.ba {background: url(../images/ba.png) left 2px no-repeat;}

/*raika*/
#tabs-2 label.ui-radio.raika {background: url(../images/raika_inact.png) left 2px no-repeat;}
#tabs-2 label.ui-radio-state-hover.raika {background: url(../images/raika.png) left 2px no-repeat;}
#tabs-2 label.ui-radio-state-checked.raika {background: url(../images/raika.png) left 2px no-repeat;}
#tabs-2 label.ui-radio-state-checked-hover.raika {background: url(../images/raika.png) left 2px no-repeat;}

/*bawag*/
#tabs-2 label.ui-radio.bawag {background: url(../images/bawag_inact.png) left 2px no-repeat;}
#tabs-2 label.ui-radio-state-hover.bawag {background: url(../images/bawag.png) left 2px no-repeat;}
#tabs-2 label.ui-radio-state-checked.bawag {background: url(../images/bawag.png) left 2px no-repeat;}
#tabs-2 label.ui-radio-state-checked-hover.bawag {background: url(../images/bawag.png) left 2px no-repeat;}

/*hypo*/
#tabs-2 label.ui-radio.hypo {background: url(../images/hypo_inact.png) left 2px no-repeat;}
#tabs-2 label.ui-radio-state-hover.hypo {background: url(../images/hypo.png) left 2px no-repeat;}
#tabs-2 label.ui-radio-state-checked.hypo {background: url(../images/hypo.png) left 2px no-repeat;}
#tabs-2 label.ui-radio-state-checked-hover.hypo {background: url(../images/hypo.png) left 2px no-repeat;}

/*erste*/
#tabs-2 label.ui-radio.erste {background: url(../images/erste_inact.png) left 2px no-repeat;}
#tabs-2 label.ui-radio-state-hover.erste {background: url(../images/erste.png) left 2px no-repeat;}
#tabs-2 label.ui-radio-state-checked.erste {background: url(../images/erste.png) left 2px no-repeat;}
#tabs-2 label.ui-radio-state-checked-hover.erste {background: url(../images/erste.png) left 2px no-repeat;}

/*Volksbank*/
#tabs-2 label.ui-radio.volksbank {background: url(../images/volksbank_inact.png) left 2px no-repeat;}
#tabs-2 label.ui-radio-state-hover.volksbank {background: url(../images/volksbank.png) left 2px no-repeat;}
#tabs-2 label.ui-radio-state-checked.volksbank {background: url(../images/volksbank.png) left 2px no-repeat;}
#tabs-2 label.ui-radio-state-checked-hover.volksbank {background: url(../images/volksbank.png) left 2px no-repeat;}

/*Hypo NOE*/
#tabs-2 label.ui-radio.hyponoe {background: url(../images/hyponoe_inact.png) left 2px no-repeat;}
#tabs-2 label.ui-radio-state-hover.hyponoe {background: url(../images/hyponoe.png) left 2px no-repeat;}
#tabs-2 label.ui-radio-state-checked.hyponoe {background: url(../images/hyponoe.png) left 2px no-repeat;}
#tabs-2 label.ui-radio-state-checked-hover.hyponoe {background: url(../images/hyponoe.png) left 2px no-repeat;}

/*Hypo Tirol*/
#tabs-2 label.ui-radio.hypotirol {background: url(../images/hypotirol_inact.png) left 2px no-repeat;}
#tabs-2 label.ui-radio-state-hover.hypotirol {background: url(../images/hypotirol.png) left 2px no-repeat;}
#tabs-2 label.ui-radio-state-checked.hypotirol {background: url(../images/hypotirol.png) left 2px no-repeat;}
#tabs-2 label.ui-radio-state-checked-hover.hypotirol {background: url(../images/hypotirol.png) left 2px no-repeat;}

/*Apothekerbank*/
#tabs-2 label.ui-radio.apotheker {background: url(../images/apotheker_inact.png) left 2px no-repeat;}
#tabs-2 label.ui-radio-state-hover.apotheker {background: url(../images/apotheker.png) left 2px no-repeat;}
#tabs-2 label.ui-radio-state-checked.apotheker {background: url(../images/apotheker.png) left 2px no-repeat;}
#tabs-2 label.ui-radio-state-checked-hover.apotheker {background: url(../images/apotheker.png) left 2px no-repeat;}

/*Aerztebank*/
#tabs-2 label.ui-radio.aerzte {background: url(../images/aerzte_inact.png) left 2px no-repeat;}
#tabs-2 label.ui-radio-state-hover.aerzte {background: url(../images/aerzte.png) left 2px no-repeat;}
#tabs-2 label.ui-radio-state-checked.aerzte {background: url(../images/aerzte.png) left 2px no-repeat;}
#tabs-2 label.ui-radio-state-checked-hover.aerzte {background: url(../images/aerzte.png) left 2px no-repeat;}

/*Safetypay*/
#tabs-3 label.ui-radio.safetypay{background: url(../images/safetypay_inact.png) left 2px no-repeat; width:325px; height:80px; margin-right:0;}
#tabs-3 label.ui-radio-state-hover.safetypay{background: url(../images/safetypay.png) left 2px no-repeat;}
#tabs-3 label.ui-radio-state-checked.safetypay {background: url(../images/safetypay.png) left 2px no-repeat;}
#tabs-3 label.ui-radio-state-checked-hover.safetypay{background: url(../images/safetypay.png) left 2px no-repeat;}

/*checkbox*/
label.ui-checkbox{
    font-family:arial; weight:bold; font-size:0.9em; font-weight:bold; color:#000;
    display:block;
    padding: 1px 0 4px 25px;
    background: url(../images/checkbox_inact.png) left 0px no-repeat;
}

label.ui-checkbox.floatleft{float:left; width:500px;}

.pruefen label.ui-checkbox.floatleft{float:left; width:auto; padding-bottom:20px;}

label.ui-checkbox-state-hover {
    background: url(../images/checkbox_checked.png) left 0px no-repeat;
}
            
label.ui-checkbox-state-checked {
    background: url(../images/checkbox_checked.png) left 0px no-repeat;
}

label.ui-checkbox-state-checked-hover {
    background: url(../images/checkbox_checked.png) left 0px no-repeat;
}

/*replace selectbox*/

/*jquery select*/

div.country{width:320px;}
.sbHolder{
    background:url(../images/anrede.png) left top no-repeat;
    border-top:0;
    font-family: Arial, sans-serif;
    font-size: 0.9em;
    font-weight: normal;
    height: 26px;
    position: relative;
    width: 84px;
    margin-bottom:6px;
}


fieldset.card2 .sbHolder{float:left; margin-right:8px;}
.kasse .card2 span{font-size:0.9em;}

div.country .sbHolder{background:url(../images/land.png) left top no-repeat;width:320px;}

#biofekt .sbHolder{background:url(../images/biofekt_select.png) left top no-repeat;width:230px;}

.sbSelector{
    display: block;
    height: 26px;
    left: 0;
    line-height: 26px;
    outline: none;
    overflow: hidden;
    position: absolute;
    text-indent: 7px;
    top: 0;
    width: 84px;
}

div.country .sbSelector{width:320px;}
#biofekt .sbSelector{width:230px;}

.sbSelector:link, .sbSelector:visited, .sbSelector:hover{
    color: #000;
    outline: none;
    text-decoration: none;
}
.sbToggle{
    background: none;
    display: block;
    
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
}
.sbToggle:hover{
    background: none;
}
.sbToggleOpen{
    background:none;
}
.sbToggleOpen:hover{
    background: none;

}
.sbHolderDisabled{
   
}
.sbHolderDisabled .sbHolder{
    
}
.sbHolderDisabled .sbToggle{
    
}
.subcontent .sbOptions, #biofekt .sbOptions{
    background-color: #fff;
    border: 1px solid #bcbdc0;
    border-top:0;
    list-style: none;
    left: 0;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute;
    top: 25px;
    width: 82px;
    z-index: 1;
    overflow-y: auto;
    font-family:helvetica, arial, sans-serif; 
    
}

div.country .sbOptions{width:318px;}

#biofekt .sbOptions{width:230px;}
#biofekt .sbHolder a{display:block; important;}
.sbOptions li{
    padding: 0 0px;
}
.sbOptions a{

    display: block;
    outline: none;
    padding: 4px 7px;
    height:auto;
    line-height:19px;
}
.sbOptions a:link, .sbOptions a:visited{
    color: #000;
    text-decoration: none;
}
.sbOptions a:hover{
    color: #000;
    background:#e4e4e4;
}
.sbOptions li.last a{
    border-bottom: none;
}
.sbOptions .sbDisabled{
    border-bottom: dotted 1px #515151;
    color: #999;
    display: block;
    padding: 7px 0 7px 3px;
}
.sbOptions .sbGroup{
    border-bottom: dotted 1px #515151;
    color: #EBB52D;
    display: block;
    font-weight: bold;
    padding: 7px 0 7px 3px;
}
.sbOptions .sbSub{
    padding-left: 17px;
}
  

/*news*/

.news-single-imgcaption{display:none;}
.news-single-content{float:left; width:600px; padding-right:10px;}
.news-single-images{float:right; width:300px;}
.news-single-images img{padding-bottom:10px; float:right !important; margin-right:0 !important;}
.news-list-image{width:150px; float:left; text-align:center; margin-right:10px; }
.news-list-date{color:#4d4d4d; margin-right:0.2em;}

.news-list-morelink{display:block;}
.news-list-item{float:left; width:700px; padding-bottom:10px;}
.news-list-item h2{margin-bottom:0.5em;}
ul.browseLinks{list-style:none; text-align:center; width:100%;}
ul.browseLinks li{display:inline-block; padding:0 3px;}
ul.browseLinks li.activeLink{display:inline-block; padding:0 3px; margin-right:-5px;}
.news-latest-item p{padding-bottom:0.7em;}

.wrapper_menu {
    width: auto;
    margin:0;
    display:block;
    right:0px;
    z-index: 999999;
}
    .wrapper_menu .menu {
        list-style:none;
        max-width: auto;
        float:right;
        margin:0;
    }
    .menu > li,
    .menu .menu_whole_width > li,
    .menu > li.right,
    .menu .menu_whole_width > li.right {
        margin:0 0px 0 0;
    }  
    .menu li:hover .dropdown_1column, 
    .menu li:hover .dropdown_2columns, 
    .menu li:hover .dropdown_3columns,
    .menu li:hover .dropdown_4columns,
    .menu li:hover .dropdown_5columns,
    .menu li:hover .dropdown_fullwidth,
    .menu li:hover .align_right,
    .menu li.right:hover .dropdown_fullwidth,
    .wrapper_menu_full .menu li.right:hover .dropdown_fullwidth {
        left:auto;
        right:0;
        top:28px;
        margin:-1px 0 0 0;
    }


.csc-textpic-imagewrap.csc-textpic-single-image{margin:0 !important;}

.shop_ratings_on 
{
display: block;
width: 32px;
height: 32px;
float: left;
background: url('../images/star_active.png');
}

.shop_ratings_off
{
display: block;
width: 32px;
height: 32px;
float: left;
background: url('../images/star_inactive.png');
}

.shop_ratings_thanks
{
color: green;
line-height: 32px;
vertical-align: middle;
float: left;
background: none;
width: 200px;

}

.tx-felogin-pi1{margin-bottom:1em;}
.tx-felogin-pi1 input{margin-bottom:0.5em;}

.tx-powermail-pi1 *{font-weight:normal !important; font-size:1em !important; }
.tx-powermail-pi1 legend{font-family:'FuturaBT-Book', arial, sans-serif; padding-bottom:0.1em; font-size:1.1em !important; line-height:1.3em; color:#9d0212;}
.tx-powermail-pi1 fieldset{background:#F2F2F2; border:1px solid #CFCECF;}

#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; margin-bottom: 20px !important; color: #000 !important; background: #fff;opacity: 0.75;}
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img, div.csc-textpic-border div.csc-textpic-single-image img{border: 1px solid #BDBDBD;}

.typo3-adminPanel .ui-helper-hidden-accessible{position:relative !important; height:10px; width:10px;}

#gewinnspiel2 label{width:120px; float:left;}
#gewinnspiel2 label.newsletter1{width:600px; float:left;}
#gewinnspiel2 label.newsletter2{width:350px; float:left;}
#gewinnspiel2 br{clear:both; height:0.1px; overflow:hidden;}

.infobox{margin-bottom:1em; padding:20px 60px 20px 20px; background:rgba(157,2,18,0.03)  url(../images/rufzeichen.png) 660px 25px no-repeat;border:2px solid #9d0212;}
.subbreit .infobox{margin-bottom:1em; padding:20px 60px 20px 20px; background:rgba(157,2,18,0.03) url(../images/rufzeichen.png) 98% 15px no-repeat; border:2px solid #9d0212;}
.subcontent .infobox p, .subcontent .infobox ul, .subcontent .infobox ol{font-family:arial; font-size:0.9em; padding-bottom:0.8em;}
.csc-textpic-caption{font-size:0.8em; line-height:1.3em;}

.csc-textpic-equalheight.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption{text-align:center;}

/*2013 wk grusskarten*/
.ekwagen table{width:700px;}
.ekwagen table table tr.first-row td{padding-top:5px; border-top:none; height:auto;}
.ekwagen table table table tr.first-row td{border-bottom:1px solid #b3b3b3;}
.ekwagen table table tr.first-row td.wk-title{padding-top:22px; width:250px;}
.ekwagen table table tr.first-row td.wk-price{width:70px; padding:25px 10px 0 0; text-align:right;}
.ekwagen table table tr.first-row td.wk-amount{width:100px; padding:22px 5px 0 0; white-space:nowrap;}
.ekwagen table table tr.first-row td.wk-position{width:60px; padding:25px 5px 0 0; text-align:right;}
.ekwagen table table tr.first-row td.wk-add{width:170px; padding:20px 5px 0 0; text-align:right;}
.ekwagen table table tr.first-row td.wk-add div.wk{float:right;}

.ekwagen table table tr.first-row td.wk-img{width:90px; height:auto; padding:10px 0 5px 0;}
.ekwagen table table tr.first-row td.wk-img a{position:relative; float:left;}
.ekwagen table table tr.first-row img{width:78px; height:auto; border:1px solid #bdbdbd;}
.ekwagen table table tr.first-row td.wk-img a span{cursor:pointer; width:14px; height:14px; background:url(../images/lupe.png) left top no-repeat; position:absolute; left:1px; bottom:1px;}

#accordion2 h3 { padding:25px 0 15px 25px; font-family:arial; font-weight:bold; font-size:0.9em; border-top:1px solid #b3b3b3; border-radius:0; color:#000;}
#accordion2 h3:hover {font-weight:bold !important;}
#accordion2 h3 span {position:absolute; right:0; font-family:arial; font-size:0.9em; color:#9d0121; }
#accordion2 h3 span:hover  { text-decoration:underline; }
#accordion2 h3 span.ui-icon { position: absolute; left: 0; top: 45%; margin-top: -4px; text-decoration:none;}

.ekwagen .grusskarte{width:230px; margin-right:10px; margin-top:20px; height:65px;}
.ekwagen .grusskarte textarea{width:230px; height:40px; background:url(../images/textarea-klein.png) left top no-repeat; font-size:0.9em; overflow: scroll; overflow-y: scroll; overflow-x: hidden; overflow:-moz-scrollbars-vertical;}
.ekwagen .size{position: absolute; top:55px; left:5px; width:200px; font-size:0.7em;}
.ekwagen p{padding-top:10px; padding-bottom:10px;}

/*Naehrwerttabelle*/
.ui-accordion-content table.contenttable th{text-align:left; padding-right:10px;}
.ui-accordion-content table.contenttable th, .ui-accordion-content table.contenttable td {border:1px solid #bdbdbd; padding:5px 10px 5px 5px;}


p.alert{
    background: url(../images/alert-red.png) left top no-repeat;
    padding-left: 25px;
    padding-top: 2px;
}

p.noshopping{
    background: url(../images/alert-red.png) left top no-repeat;
    padding-left: 25px;
    padding-top: 2px;
}

.product-detail .noshopping{
    background: url(../images/alert-red.png) left top no-repeat;
    padding-left: 25px;
    padding-top: 2px;
    width:200px;
    float:left;
    margin-left:45px;
}



.product-list .noshopping{
    position: absolute;
    bottom: 0;
    right: 0;
}

/*ekwagen bdesigner*/
.ekwagen table td.wk-tools.designen{text-align:left;}
.ekwagen table tr.wk-designer table tr.first-row td.wk-img{width:60px; height:auto; padding:0px 0 5px 90px;}

.ekwagen table tr.wk-designer table tr.first-row img{width:78px; height:38px; border:1px solid #bdbdbd;}
.ekwagen table tr.wk-designer tr.first-row td{padding-top:0px;}
.ekwagen table tr.wk-designer table tr.first-row td.wk-title{width: 241px; padding-left:10px;}
.ekwagen table tr.wk-designer table tr.first-row td.wk-price{width: 60px; padding:  0 20px 0 0;}
.ekwagen table tr.wk-designer table tr.first-row td.wk-amount{width: 90px; padding: 0 10px;}
.ekwagen table tr.wk-designer table tr.first-row td.wk-position{width:80px; padding:0;}
.ekwagen table tr.wk-designer tr.sec-row td{border-top:1px solid #e6e6e6; padding:5px 0;}
.ekwagen table td.wk-tools.designen a.trigger{width:230px; height:26px; background-position: right 3px; padding-right:25px; float:left; cursor:pointer; text-indent:0em; background-position:100% 7px; margin-bottom:7px;}
.ekwagen table td.wk-tools.designen span.green{
    float:left;
    color:#fff;
    border:none;
    padding:4px 20px;
    background:#598521;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#8dc63f), to(#598521));
    background: -webkit-linear-gradient(top, #8dc63f, #598521);
    background: -moz-linear-gradient(top, #8dc63f, #598521);
    background: -o-linear-gradient(top, #8dc63f, #598521);
    background: -ms-linear-gradient(top, #8dc63f, #598521);
    background: linear-gradient(top, #8dc63f, #598521);
    text-decoration:none;
    cursor:pointer;
}

#PleaseWait {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -50px; /* half width of the spinner gif */
    margin-top: -50px; /* half height of the spinner gif */
    text-align:center;
    z-index:1234;
    overflow: auto;
    width: 100px; /* width of the spinner gif */
    height: 102px; /*hight of the spinner gif +2px to fix IE8 issue */
}


p.bdesigner{
    clear:both;
}

#msgDialog p.warenkorb{
    margin-top:10px;
}

#msgDialog p{
    width:315px;
}

#msgDialog span{
    clear:both;
    display:block;
    text-align:justify;
    margin-bottom:0.5em;
}

#msgDialog .green, #msgDialog .orange{
    margin-bottom:1em;
    float:none !important;
    width:160px !important;
    padding:4px 15px;
    margin:0 auto !important;
	left:50% 
    display:block;
    text-align:center;
    outline:none;
}

#msgDialog .orange{
    width:220px !important;
    font-family:arial,helvetica,sans-serif;
}

#msgDialog .green{
    width:160px !important;
    font-family:arial,helvetica,sans-serif;
}

.grid1-col1{background:#fff;}
.sm-grid{
    background:#f3f3f1;  
    width:970px;
    padding:15px;
    float:left;  
    font-size:0.9em;
}
.sm-grid h2{padding:0 0 0.1em 0 !important; color:#4d4d4d;}
.sm-grid .csc-default{
    clear:both;
}
.social-mobile{
    clear:both;
    float:left;
}
table.content-serif{
   font-family:georgia, times, serif;
}

table.content-serif p{
   font-family:georgia, times, serif;
}

/*jquery UI ueberschreiben*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
     border:none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .ui-state-hover{
    font-weight:normal  !important;
    border:none !important;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{
     color:#000 !important;
     font-weight:normal;
     font-size:1.2em;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited,
.ui-state-hover a, .ui-state-hover a:link, .ui-state-hover a:visited{
     font-size:1.2em; 

     color:#9d0212 !important;   
}

.ui-accordion .ui-accordion-content{
    padding: 5px 0 0px 0px !important;  
}

.ui-accordion .ui-state-default .ui-icon{
     background:url(../images/mehr_inact.png) left 50% no-repeat !important;
}


#accordion2 .ui-icon{
     background:url(../images/mehr.png) left 50% no-repeat !important;
}

.ui-accordion .ui-state-active .ui-icon,
.ui-accordion .ui-state-hover .ui-icon{
     background:url(../images/mehr.png) left 50% no-repeat !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-accordion .ui-accordion-content{
    border:none !important;
    background:#fff !important;
}
.ui-accordion .ui-accordion-content{
    font-size:0.9em;
}

.ui-accordion .ui-accordion-header{
    padding:5px 0 0 25px !important;
    margin-bottom:1em !important;
}

#addlang.ui-accordion .ui-accordion-header{
    padding:0px 0 5px 0px !important;
    margin-bottom:0.5em !important;
    color:#9d0212 !important;
    text-align:center;
    font-size:26px;
    border:1px solid #EFEFEF !important;
}

#addlang.ui-accordion .ui-state-default .ui-icon{
     background:none !important;
}

#addlang .ui-widget-content a{
    color:#9d0212 !important;
}

.konto .ui-accordion .ui-accordion-header{
    color:#000 !important;
}

.konto .ui-accordion table {margin-left:0px; width:700px; font-size:0.9em; border-bottom:1px solid #bbbbbb; font-family:arial, helvetica, sans-serif;}


.ui-accordion .ui-accordion-header .ui-accordion-header-icon{
    left:0 !important;
}

.ui-dialog-titlebar-close span{
    
    padding:0 !important;
    margin:0 !important;
}

.ui-widget-header, .ui-widget-content{
    background:#fff !important;
    border:none !important;
}
.ui-widget-header{
    max-height:0;
}
.ui-dialog .ui-dialog-content{
    width:90% !important;
    font-family:helvetica, arial, sans-serif;
    font-size:14px;
}

.gtext.ui-dialog-content{
    width:95% !important;
}

.ui-dialog .ui-dialog-content h2{
    font-size:22px;
}

.ui-dialog .ui-dialog-titlebar { position:relative; float:right;}
.ui-dialog .ui-dialog-titlebar .ui-icon-closethick{ display:none;}
.ui-dialog .ui-dialog-titlebar-close span{ position: absolute; right: 0; top: 0; width:40px; height:40px; background:url(ui-lightness/images/close.png) left top no-repeat; z-index:10000; outline:none;}
.ui-dialog button.ui-dialog-titlebar-close{
    outline:none;
    height: 40px;
    width: 40px;
    z-index: 1;
}
.gcard.ui-dialog-content.ui-widget-content{width:725px !important;}

.ui-tabs .ui-widget-header{
    max-height:300px;
}
.dicordion .ui-tabs, #mixing-tabs { 
    position: relative; zoom: 1;  
} 
.ui-tabs .ui-tabs-nav, #mixing-tabs ul.mixing-nav { 
    float:left;
    margin: 0; 
    border-bottom:1px solid #e6e6e6 !important; 
    padding:0 !important; 
    margin:0; 
    font-family:helvetica, arial, sans-serif !important; 
    font-size:0.9em !important; 
    width:935px;
}

#dicordion .ui-tabs .ui-tabs-nav{
    width:100%;
}
.ui-tabs .ui-tabs-nav li, #mixing-tabs ul.mixing-nav li { 
    list-style: none; 
    float: left; 
    position: relative; 
    top: 1px; 
    margin: 0 3px 0px 0 !important; 
    border-bottom: 0 !important;  
    white-space: nowrap; 
    padding-bottom:0 !important;
}

.mixing-auswahl #mixing-tabs{margin:0px 0 0 0;}

.ui-tabs .ui-tabs-nav li.ui-state-default, #mixing-tabs ul.mixing-nav li.ui-state-default {     
    float:left !important;
    color:#4d4d4d !important;
    border:none;
    background:#eaebeb !important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eaebeb), to(#d2d3d5)) !important;
    background: -webkit-linear-gradient(top, #eaebeb, #d2d3d5) !important;
    background: -moz-linear-gradient(top, #eaebeb, #d2d3d5) !important;
    background: -o-linear-gradient(top, #eaebeb, #d2d3d5) !important;
    background: -ms-linear-gradient(top, #eaebeb, #d2d3d5) !important;
         -webkit-border-radius: 5px 5px 0px 0px !important;
    -moz-border-radius: 5px 5px 0px 0px !important;
    border-radius: 5px 5px 0px 0px !important; 
    text-decoration:none !important;
}


.ui-tabs .ui-tabs-nav li.ui-state-default a, #mixing-tabs ul.mixing-nav li.ui-state-default a { 
    color:#4d4d4d !important; 
    padding:6px 8px !important;
    font-size:15px;
}

.ui-tabs .ui-tabs-nav li.ui-state-active a, .ui-tabs .ui-tabs-nav li.ui-state-hover a, #mixing-tabs ul.mixing-nav li.ui-state-active a { 
    color:#fff !important; 
    padding:6px 8px !important;
    font-size:15px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active, #mixing-tabs ul.mixing-nav li.active { 
    margin-bottom: 0; 
    padding-bottom: 1px; 
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, #mixing-tabs ul.mixing-nav li.active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { 
    cursor: text; 
    color:#fff;
}

.ui-tabs .ui-tabs-nav li:hover a, #mixing-tabs ul.mixing-nav li:hover a{color:#fff;}

.ui-tabs .ui-tabs-nav li:hover, .ui-tabs .ui-tabs-nav li.ui-state-active{     
    float:left;
    color:#fff !important;
    border:none;
    background:#598521 !important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#8dc63f), to(#faa013)) !important;
    background: -webkit-linear-gradient(top, #8dc63f, #598521) !important;
    background: -moz-linear-gradient(top, #8dc63f, #598521) !important;
    background: -o-linear-gradient(top, #8dc63f, #598521) !important;
    background: -ms-linear-gradient(top, #8dc63f, #598521) !important;
    background: linear-gradient(top, #8dc63f, #598521) !important;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px; 
    text-decoration:none;
    cursor:pointer;
}
.ui-widget-content a.green,
.ui-widget-content a.orange{
    color:#fff;
}
.gtext.ui-dialog-content h2,
.gcard.ui-dialog-content.ui-widget-content h2{
    color:#d5660c;
}

#geochange{
    width:300px;
}
#geochange .question{
    text-align:center;
    font-family:'FuturaBT-Book', arial, sans-serif; 
    font-size:1.3em; 
    color:#9d0212;
    padding-bottom:15px;
}

@media (max-width:767px){
    #geochange{width:250px;}
}
#geochange .green{float:right;}
#geochange a{padding:7px 30px; font-weight:bold;}
/*mobile*/


#mgmenu2,
.mobile-only{display:none !important;}
.subnav ul li.mobileonly{display:none;}


#_form_1176 label{
    width:100%;
    display:block;
    font-family:georgia;
}

#_form_1176 input.textfield{
    width:229px;
    height:34px;
}

#_form_1176 input.textfield{
    width:229px;
    height:34px;
    margin-bottom:10px;
}
#_form_1176 span{
    font-size:12px;
    margin-top:-5px;
    margin-bottom:5px;
    display:block;
}

#_form_1176 .zotter-nl{
    border: 0;
    clip: rect(0 0 0 0);
    height: 20px;
    margin: 0px;
    overflow: auto;
    padding: 0;
    position: relative;
    width: 20px; 

    float:left;  
    margin-right:15px; 
}

.cc_message{
    font-family:Georgia, Times, serif !important;
}

.cc_container a, .cc_container a:visited{
    color:#fff !important;
    text-decoration:underline !important;
}

.cc_container a:hover{
    color:#fff !important;
    text-decoration:none !important;
}

.cc_btn.cc_btn_accept_all{
    color:#000 !important;
    -webkit-border-radius: 0px !important;
}

.cc_btn.cc_btn_accept_all:hover{
    color:#000 !important;
}

.lieferadresse{
    display:none;
}

#scrolltotop {
    padding:5px;
    position: fixed;
    right:120px;
    height:50px;
    width:50px;
    bottom: 70px;
    cursor: pointer;
    z-index: 1000;
    background:rgba(0,0,0,0.6);
    border-radius:30px 30px 30px 30px;
    -webkit-transition:background 0.7s ease-out;  
    -moz-transition:background 0.7s ease-out;  
    -o-transition:background 0.7s ease-out;  
    transition:background 0.7s ease-out;      
}
#scrolltotop:hover {
    background:rgba(0,0,0,0.8);  
    -webkit-transition:background 0.7s ease-in;  
    -moz-transition:background 0.7s ease-in;  
    -o-transition:background 0.7s ease-in;  
    transition:background 0.7s ease-in;  
}

#scrolltotop span {
    width:32px;
    height:17px;
    margin-top:14px;
    margin-left:9px;
    display:block;
    background:url(../images/top-arrow2.png) left top no-repeat;
    background-size:100%;
}

/*pricechecker*/

.pc-content{
    font-size:1.5em;
}
.pc-content .product-description h3{
    color:#9d0212;
    font-size:1.4em;
    margin-bottom: 10px;
}

.pc-content .product-description div{
    padding-bottom:25px;
}

.pc-content .product-description p{
    font-family:Georgia, Times, Timees New Roman;
    font-size:1em;
    line-height:1.5em;
}

.pc-content .product-description table th{
    text-align:left;
    padding-right:15px;
}

.pc-content .product-description table th, .pc-content .product-description table td{
    border:1px solid #bdbdbd;
    padding:5px 20px 5px 5px;
}

.pc-content .product-description table td{
    text-align:center !important;
    padding:5px;
}

.pc-content .product-detail{
    width:300px;
    float:left;
    position:relative;
}


.pc-content .product-image{width: 300px;
   float:left;
}

.pc-content .product-image .new{
    position:absolute;
    right:0;
}
.pc-content .product-description{
    float:right;
    width: 600px;
}

.pc-content img.icon{
    float:left;
    clear:both;
    display:inline-block;
    width:auto;
    height:auto;
    border:0;
    padding-bottom:10px;
}

.pc-content .pc-icons{
    padding-top:15px;
    padding-left:0px;
}

.pc-content .pc-icons span{
    float:left;
    padding-left:10px;
    line-height:64px;
    display:inline-block;
    margin-bottom:5px;
    font-size:0.8em;
}

header.pc{
    height:auto;
    padding-top:0px
}
header.pc .tools-right{
    width:1002px; 
    margin:0 auto; 
    height:0px; 
    position:relative; 
    top:-55px;
}

header.pc .lang .drop{
    display:none;
}
header.pc a.goog-te-menu-value{
    width:70px;
}

header.pc .menu .dropdown_1column {
    margin:8px auto;
    left:0;
    position:relative;
    padding:0px 10px 0px 50px;
    text-align:left;
    opacity:1;
    height:35px;
    background:none;
}
header.pc .goog-te-gadget-simple:after {
	content:"";
	position:absolute;
	right:0;
	top:7px;
	margin-left:0px;
	padding:10px;
	background:#f2f2f2 url(../images/arrow-down.png) 50% 8px no-repeat;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 10px 10px 10px 10px; 	    
}

header.pc .menu .dropdown_1column .deutsch, header.pc .menu .dropdown_1column .english{
    display:none;
}

header.pc .menu_dark_theme ul li:hover{
    background:none;
}

header.pc .menu li:hover .dropdown_1column{
    top:0;
}

header.pc .tools-right-inner #google_translate_element{
    border:none;
    padding:5px 5px 5px 5px !important;
    margin:0 !important;
}

header.pc .menu li:hover div a{
    padding-left:20px;
}

header.pc .tools-right-inner #google_translate_element {
    width: 251px;
}

.pc .translator{
    float:left;
    width:780px;
    padding-right:20px;
    position:absolute;
    top:8px;
    font-weight:bold;
    background:url(../img/rightArrow_2x.png) right 33px no-repeat;
    font-size:27px;
    line-height:30px;
}


.pc .tools-right-inner #google_translate_element{
    margin-top:0px;
    float:none;
    clear:both;
    float:right;
    width:197px !important; height:34px !important;
    border-top:1px solid #a7a9ac;
    padding:5px  0 0 0!important;
    margin:4px 5px 0 0 !important;

}


.pc a.goog-te-menu-value{
    display:block;
    width:140px !important;
    height:40px !important;
}


.pc .goog-te-gadget-simple {
    background: none;
    background-color:transparent !important;
    border:none !important;
    font-size: 10pt;
    display:block;
    padding-top: 1px;
    padding-bottom: 2px;
    cursor: pointer;
    zoom: 1;
    float:right;
}

.pc .goog-te-gadget-simple:before{
    font-family:arial, helvetica, sans-serif;
    font-size:30px;
    color:#000;
    content:"Translate" !important;
}

.pc-content .subcontent ul.lang-list{
    list-style:none;
    padding:0 0 20px 0;
    margin:0;
    margin-bottom:20px;
    float:left;
    width:100%;
}

.pc-content .subcontent ul.lang-list li{
    width:25%;
    float:left;
    line-height:30px;
    margin-bottom:10px;
}

.pc-content .subcontent ul.lang-list li:nth-child(4n+1) {
    clear: left;
}
.pc-content .subcontent ul.lang-list li a{
    display:block;
    width:85%;
    padding:1% 5%;
    Text-align:center;
    border:1px solid #efefef;
    float:left;
    line-height:30px;
    text-decoration:none; 
}
.pc-content .subcontent ul.lang-list li a:hover{
    background:#efefef;
}
.pc-content .mitte.breit {
    position:relative;
    width:100%;
}
.pc-content .reset-language{
    position:absolute;
    right:8px;
    top:-57px;
}
.pc-content .reset-language input{
    background:url(../images/language-selection.png);
    border:none;
    text-indent:-999em;
    width:350px;
    height:40px;    
}
.pc-content .reset-language input:hover,
.pc-content .reset-language input:focus{
    opacity:0.8;
}

.cc_container .cc_btn, .cc_container .cc_btn:visited{
    margin-right:90px;
}


/*Mailchimp*/
#mc_embed_signup form{
	padding:0 !important;
}
#mc_embed_signup .mc-field-group{
	width:100% !important;
}
#mc_embed_signup input{
	border-radius:0 !important;
}

#mc-embedded-subscribe{
	margin:0 !important;
	padding:6px 20px;
	font-size:15px;
}


.fh-row{
  width:100%;
  float:left;
  clear:both;
  background:#fff;
}

.fh-col{
  float:left;
  width:33.33%;
  border:1px solid red;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.fh-row:after,
.fh-row:before{
    content: " ";
    display: table;
    clear:both;
}