/*import other stylesheets*/
@import url("megamenu.css");
@import url("jquery.sliderTabs.css");
@import url("jquery.qtip.css");
@import url("magiczoom.css");
@import url("socialshareprivacy.css");


/* @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');}
 

/*
    HTML5 Reset :: style.css
    ----------------------------------------------------------
    We have learned much from/been inspired by/taken code where offered from:
    
    Eric Meyer                    :: http://ericmeyer.com
    HTML5 Doctor                :: http://html5doctor.com
    and the HTML5 Boilerplate    :: http://html5boilerplate.com
    
-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

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;
}                                    
a{ text-decoration:none}
article, aside, figure, footer, header, hgroup, nav, section {display: block;}


/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
    don't forget to restore the bullets within content. */
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;}

/* tables still need cellspacing="0" in the markup */
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;} */
input, select {vertical-align: calc;}
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;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
    people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
    gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  
.clear{/*height:42px;*/ overflow:hidden; clear:both;}
.hidden{display:none;}


/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/
body{background:url(../images/page_bg.png);}

body, select, input, textarea {color: #000; font-family:"微软雅黑"!important; font-size:1em; line-height:1.4em;}
h1{font-family:'FuturaBT-Book', arial, sans-serif; padding-bottom:0.5em; font-size:1.2em; }
h2{font-family:'FuturaBT-Book', arial, sans-serif; padding-bottom:0.1em; font-size:1.3em; line-height:1.3em; color:#9d0212;}
.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;text-align: center;}
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; }
.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; }
.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, p.privacy{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.privacy a{padding:0 0 0 20px; background:url(../images/icon-privacy.png) left 50% no-repeat;}
p.return a{padding:0 0 0 20px; background:url(../images/icon-return.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.phone{font-family:'FuturaBT-Book', arial, sans-serif; background:url(../../images/kontakt_klein.png) left 50% no-repeat; font-size:1.1em !important; line-height:26px; padding:5px 0 5px 30px !important;}
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.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.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;}

.balken, .sub-balken{background:url(../images/wrapper-bg.jpg) left top repeat-x;}
.wrapper{width:1002px; margin:0 auto;/* padding-top:50px;*/}    

header{height:50px;float:left; width:1000px; /* margin-bottom:15px; */ /*position:fixed; top:0;*/ z-index:200000; background:#000;}
.logo{float:left;}
#suche{float:left; background:url(../images/suche_bg.png) left top no-repeat; width:221px; height:28px; margin-top:12px; margin-left:37px;}
#suche input#suchtext{border:none; padding:0 0 0 10px; float:left; background:none; width:180px; height:28px; line-height:28px; outline:none;}
#suche input.submit{border:none; background:none; float:right; width:30px; height:28px; background:none; text-indent:-999px; cursor:pointer;}

.contentheader{height:370px; margin-bottom:10px;}
.links{float:left; 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; /*margin-top:41px*/}
.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;}
.balken 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; }
.balken footer .inner{background:#f3f3f1;  float:none; width:1000px; margin:0 auto; min-height:200px; float:left;}
.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;}

.balken .footergrid .element{float:left; width:185px; font-size:0.9em; padding-left:30px;}
.balken .footergrid .element.right{width:185px; padding-left:10px;}

.balken .footergrid .element.footer-col-1{width:240px;}
.balken .footergrid .element.footer-col-2{width:260px;}
.balken .footergrid .element.footer-col-3{width:160px;}
.balken .footergrid .element.footer-col-4{width:130px;}
.balken .footergrid .element.right.footer-col-5{width:200px;}

.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:155px; margin-right:20px;}
.contentgrid .element.right{width:155px; 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: 100px;
    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 #weibo-btn .social-icon,
.social-buttons #youku-btn .social-icon,
.social-buttons #sohu-btn .social-icon,
.social-buttons #douban-btn .social-icon,
.social-buttons #dianping-btn .social-icon,
.social-buttons #youtube-btn .social-icon,
.social-buttons #tripadvisor-btn .social-icon {
    background-color: #000;
}

.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 #weibo-btn span {
    background:url(../images/weibo.png) left top no-repeat;
}

.button-right #douban-btn span {
    background:url(../images/douban.png) left top no-repeat;
}

.button-right #sohu-btn span {
    background:url(../images/sohu.png) left top no-repeat;
}

.button-right #dianping-btn span {
    background:url(../images/dianping.png) left top no-repeat;
}

.button-right #youku-btn span {
    background:url(../images/youku.png) left top no-repeat;
}

.button-right #tripadvisor-btn span {
    background:url(../images/tripadvisor.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;
}

.button-right #weibo-btn span span{
    background:#000;
}

.button-right #sohu-btn span span{
    background:#000;
}

.button-right #douban-btn span span{
    background:#000;
}

.button-right #dianping-btn span span{
    background:#000;
}

.button-right #youku-btn span span{
    background:#000;
}

.button-right #tripadvisor-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 #weibo-btn:hover .social-icon {
    background-color: #000;
}


.social-buttons #sohu-btn:hover .social-icon {
    background-color: #000;
}

.social-buttons #dianping-btn:hover .social-icon {
    background-color: #000;
}

.social-buttons #youku-btn:hover .social-icon {
    background-color: #000;
}

.social-buttons #douban-btn:hover .social-icon {
    background-color: #000;
}

.social-buttons #tripadvisor-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;
}

.ie8 .slidercontent{z-index:50 !important;}

.mitte .slidercontent{
    padding:20px 0px 10px 0px;
    width:325px;
    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:105px; 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:706px; min-height:885px; margin-bottom:30px; padding:34px;}
.mitte.shop .subcontent{padding:30px;}
.subbreit{width:935px; min-height:700px;}
.subcontent #breadcrumb{padding:0; margin-top:-30px;}


.subcontent1{width:801px; min-height:885px; margin-bottom:30px; padding:34px;}
.subcontent2{width:801px; margin-bottom:30px; padding:34px;}
.mitte.shop .subcontent1{padding:30px;}
.subbreit{width:935px; min-height:700px;}
.subcontent1 #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:12px; }
.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:6px;}
#nav ul li a{padding-left:22px; background:url(../images/li_bg.png) left 2px no-repeat; font-size:1em; width:180px; padding-bottom:0px; color:#000;} 
.rechts ul.csc-menu-1 li a{padding-left:0px; background:none; font-size:1em; width:198px; padding-bottom:0px; color:#000;} 
#nav ul li a:hover,  #nav ul li a.active{padding-left:22px; background:url(../images/li_bg_hov.png) left 2px no-repeat; color:#9d0212; font-size:20px}
.rechts .box ul.csc-menu-1 li a:hover{padding-left:0px; background:none; color:#9d0212;}
#nav ul ul li{padding-bottom:0px;}
#nav ul ul li a, #nav ul ul li a:hover, #nav ul ul li a.active{padding-left:22px; background:none; text-decoration:none; padding-bottom:0px; }
#nav ul li a{line-height:1.2em; padding-bottom:5px;}        
#nav ul li ul li a, #nav ul li ul li a.active, #nav ul li ul li a:hover{line-height:1.2em; padding-bottom:2px; padding-top:2px;}        
#nav ul li ul li a.active,        
#nav ul li ul li a.active:hover{        
    background:url(../images/li-li-act.png) left 3px no-repeat;        
    margin-left:22px;        
    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:16px; position:relative; margin-bottom:40px;height: 270px;}
.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:1em;}
.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:32px;}
.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;    float: left;}
.product-description a{color:#000; text-decoration:none; display:block;text-align: left;}
.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;}

.warenkorb input.menge{/*margin:0 0.5em 1em 0;*/ padding:4px 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*/; text-align:center}
.cart a{margin-right:1em; text-decoration:none; font-size:0.9em; outline: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;  }

h3.rating{float:left; padding-bottom:1em; padding-left:25px; background:url(../images/mehr_inact.png) left 3px no-repeat; margin-top:4px;}
.star{background:url(../images/star-off.png) left top no-repeat; width:16px; height:16px; float:left; margin-right:2px;}
.star.full{background:url(../images/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;}

/*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:100px; padding-right:30px; 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.danj{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 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 div.summe{ text-align:right; color:#000; width: 931px; 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 div.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*/
.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;}
.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;}

.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 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;}

/*mixingbar*/
.mixing-header{height:328px; margin-bottom:10px; height:232px; width:995px; padding-top:40px;}
.mixing-left{float:left; width:400px; background:url(../images/mixing-pfeil.png) right 60px no-repeat; }
.mixing-left2{float:left; width:299px; margin-left:55px;}
.mixing-toptext h2{color:#d66d18; font-size:1.3em;}
.mixing-toptext p{font-size:0.9em;}
#mixing-topbild{float:right; width:641px;}
.mixing-logo{margin:13px 0 0 55px;}
.mixing-left2 .mixing-logo{margin:13px 0 0 0px;}
ul.mixing-nav{width:345px; margin-left:55px; margin-right:15px; padding:0 20px 0 0; float:left;}
ul.mixing-nav a{color:#757575; font-size:1.3em; line-height:1.5em; font-family:'FuturaBT-Book', arial, sans-serif; }
ul.mixing-nav a.active{color:#d66d18; text-decoration:none;}
#mixing-ausgabe{width:555px; float:right; margin-top:0px;}
#mixing-ausgabe h1{padding-bottom:0.1em;}
#mixing-ausgabe p{padding-bottom:0.1em; font-size:0.7em;}

#mixing-visual{
    float:left;
    background:#fff; width:490px; height:160px; 
    margin-top:3px;
    -moz-box-shadow:0px 0px 2px 2px #e5e5e7;
    -webkit-box-shadow:0px 0px 2px 2px #e5e5e7;
    box-shadow:0px 0px 2px 2px #e5e5e7;

    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    behavior: url(PIE.htc);
}

#mixing-visual p{text-align:center; font-family:'FuturaBT-Book', arial, sans-serif; font-size:1.3em; margin:55px 20px 0 20px;}

.mixing-auswahl{float:left; width:965px; margin-bottom:10px; padding: 15px 0 0 30px;}
ul.zutaten{float:left; margin-left:0px; width:950px; line-height:1.2em; margin-top:30px; padding-bottom:30px;}
ul.zutaten li{float:left; width:190px; text-align:center; font-size:0.9em; height:190px; position:relative;}
ul.zutaten li a{position:relative; display:block;}
ul.zutaten li img{border:1px solid #c5c4c4; }
ul.zutaten .preis{font-weight:bold; color:#444444; font-family:'FuturaBT-Book', arial, sans-serif;}
ul.zutaten li span{display:block;}

ul.zutaten li.selected span{color:#858585;}
ul.zutaten li div.zutatwrap{position:relative; cursor:pointer;}
ul.zutaten li div.zutatwrap a.add_item{width:34px; height:34px; position:absolute; top:45px; left:78px;}
ul.zutaten li div.zutatwrap:hover a.add_item{width:190px; height:190px; background:url(../images/mixing-add.png) 78px 45px no-repeat; left:0; top:0;}

ul.zutaten li.selected div.zutatwrap a.add_item{width:34px; height:34px; position:absolute; top:5px; left:78px;}
ul.zutaten li.selected div.zutatwrap:hover a.add_item{width:34px; height:34px; background:url(../images/mixing-add.png) left top no-repeat; left:78px; top:5px;}

ul.zutaten li.selected div.zutatwrap span.show_selected{width:34px; height:34px; position:absolute; top:45px; left:78px; cursor:default; background:url(../images/mixing-selected.png) left top no-repeat; }
ul.zutaten li.selected div.zutatwrap:hover span.show_selected{width:34px; height:34px; background:url(../images/mixing-selected.png) left top no-repeat; left:78px; top:45px;}

ul.zutaten li.selected div.zutatwrap a.remove_item{width:34px; height:34px; position:absolute; top:78px; left:78px;}
ul.zutaten li.selected div.zutatwrap:hover a.remove_item{width:34px; height:34px; background:url(../images/mixing-remove.png) left top no-repeat; left:78px; top:83px;}


.mixing-selection{color:#000;  width: 895px; margin:0 0 0 -30px; background:#ebebec; padding:10px 55px 10px 45px; border-bottom:1px solid #b3b3b3; border-top:1px solid #b3b3b3; font-weight:bold;}
.mixing-selection h2{color:#000; margin-bottom: 0.3em;}
.mixing-items{float:left; width:665px;}
.mixing-wk{float:right; width:180px; text-align:right;}
.mixing-items p{font-size:0.9em; line-height:1.2em;}
.mixing-items span{ float:left; padding-right:3px; height:16px; line-height:16px;}
.mixing-items a{float:left; height:16px;}
.mixing-items span.active{color:#d5660c;}
.mixing-wk a{color:#d5660c;}
.mixing-wk p{font-size:0.9em; line-height:1.2em;}
.mixing-wk span.price{font-family: helvetica, arial, sans-serif; color: #4D4D4D; font-size: 1em; line-height: 1.4em; font-size:1.4em; font-weight:bold;}
.mixing-button{float:right; margin:20px 55px;}
.gtext .mixing-button, .gcard .mixing-button{margin:10px 0;}
.gtext p{padding:0;}

.mixing-auswahl .ekwagen table{margin:20px 55px; width:885px; }
.mixing-auswahl .ekwagen table a{color:#d5660c;}
.mixing-auswahl .ekwagen table td.wk-tools a{padding-right:20px; background:url(../images/info-icon.png) right 50% no-repeat; margin-left:10px;}
.mixing-auswahl .ekwagen h1 {padding-left:0; background:none; margin:30px 55px 0 55px;}
.mixing-auswahl .ekwagen table td.wk-img{width:190px;}
.mixing-auswahl .ekwagen table td.wk-img img{width:160px; padding:10px; height:auto;}
.mixing-auswahl .ekwagen table td.wk-title{width:550px;}
.mixing-auswahl .ekwagen table td.wk-position{width:145px;}
.mixing-auswahl p.summe{text-align:right; color:#000; width: 895px; margin:0 0 0 -30px; background:#ebebec; padding:23px 55px 23px 45px;  background:#ebebec;  border-bottom:1px solid #b3b3b3; border-top:1px solid #b3b3b3; font-weight:bold;}
.mixing-auswahl p.summe a{color:#d5660c; font-weight:normal; font-size:0.9em;}
.mixing-auswahl p.summe span{padding-left:50px; color:#4d4d4d; font-weight:bold; font-size:1.1em; }

.mixing-button a span{float:left; padding-left:25px; background:url(../images/wk_full.png) left 50% no-repeat;}
ul.karten {width:725px; float:left;}
ul.karten li{float:left; margin:0 30px 20px 0; width:328px; height:120px; background:#ebebec;}
ul.karten li img{width:275px; height: 118px; border:1px solid #eceded;}

.bestof{float: left; padding: 20px 0 10px 15px; width:670px;}
.bestof img{float:left; padding-right:10px;}

.mixing-auswahl .haltbar{font-size:0.8em; padding-left:15px;}
.mixing-auswahl .haltbar2{font-size:0.8em;}


.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);
}

div.mixing-checkout{padding:0 !important;}
.mixing-checkout input.orange{color: white; background: url(../images/wk_full.png) 0px 50% no-repeat;}

.box{
    margin-right:6px;
    float:left;
    margin-bottom:10px;
    background:#fff;
	margin-top:0px;
}

.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:10px; font-size:0.9em;}

.textgrid .box{padding:30px 25px 5px 25px; width:279px; min-height:270px;}
.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 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;        
}
/*mixing2013*/
.subcontent ul.mixing-list{list-style:none; padding:0; margin:0;}
.mixing-bild{float:left; width:265px;}
.mixing-bild img{width:250px; border:1px solid #bbbbbb;}
.mixing-text{float:left; width:420px;}
.subcontent ul.mixing-list li{padding-bottom:2em; float:left; width:700px; border-bottom:1px solid #bbbbbb; margin-bottom:2em;}
.mixing-left.v2{background:none; width:370px; }
.mixing-left.v2 p{padding-left:55px;}
#mixing-vorschau{width:600px; float:right; margin-top:0px; margin-top:-8px;}
.mixing-auswahl .infotext{padding:15px 30px 15px 15px; margin: 10px 45px 1em 30px; background:#f6f6f6 url(../images/rufzeichen.png) 875px 6px no-repeat; font-size:0.9em;}
.mixing-auswahl .infotext p{padding:0; line-height:1.3em;}
.mixing-auswahl .infotext h2{color:#d66d18;}
.mixing-auswahl .box-item{float:left; width:49.99%; margin-bottom:2em;}
.mixing-auswahl .box-item .product-image{float:left; border:1px solid #bbbbbb; padding:5px;}
.mixing-auswahl .box-item .box-description{float:left; width:285px; padding-left:15px;}

.mixing-header #mixing-visual #schablone{position:absolute; z-index: 20;}

/*bar*/
.mixing-header.mi-xing_bar{height:225px; position:relative;}
.mixing-header.mi-xing_bar #mixing-visual{height:160px;border:none; box-shadow:none; width:490px; margin-left:32px; margin-top:45px;}
.mixing-header.mi-xing_bar .infotext{position:absolute; top:40px; left:475px; width:470px;}
.mixing-header.mi-xing_bar .infotext h1{padding-bottom:0.1em; font-size:1.3em;}
.mixing-header.mi-xing_bar .infotext p{font-size:0.8em; line-height:1.1em}

/*herz*/
.mixing-header.mi-xing_heart{height:365px; position:relative;}
.mixing-header.mi-xing_heart #mixing-visual{height:360px;border:none; box-shadow:none; width:402px;margin-left:100px;}
.mixing-header.mi-xing_heart #mixing-visual img.schablone{}
.mixing-header.mi-xing_heart .infotext{position:absolute; top:280px; left:55px; width:480px;}
.mixing-header.mi-xing_heart .infotext h1{padding-bottom:0.1em; font-size:1.3em;}
.mixing-header.mi-xing_heart .infotext p{font-size:0.8em; line-height:1.1em}

/*stern*/
.mixing-header.mi-xing_star{height:365px; position:relative;}
.mixing-header.mi-xing_star #mixing-visual{height:360px;border:none; box-shadow:none; width:402px;margin-left:100px;}
.mixing-header.mi-xing_star #mixing-visual img.schablone{}
.mixing-header.mi-xing_star .infotext{position:absolute; top:280px; left:55px; width:480px;}
.mixing-header.mi-xing_star .infotext h1{padding-bottom:0.1em; font-size:1.3em;}
.mixing-header.mi-xing_star .infotext p{font-size:0.8em; line-height:1.1em}

/*kreis*/
.mixing-header.mi-xing_pizza{height:365px; position:relative;}
.mixing-header.mi-xing_pizza #mixing-visual{height:360px;border:none; box-shadow:none; width:402px;margin-left:100px;}
.mixing-header.mi-xing_pizza #mixing-visual img.schablone{}
.mixing-header.mi-xing_pizza .infotext{position:absolute; top:280px; left:55px; width:480px}
.mixing-header.mi-xing_pizza .infotext h1{padding-bottom:0.1em; font-size:1.3em;}
.mixing-header.mi-xing_pizza .infotext p{font-size:0.8em; line-height:1.1em}

/*auto*/
.mixing-header.mi-xing_kids_auto{height:365px; position:relative;}
.mixing-header.mi-xing_kids_auto #mixing-visual{height:360px;border:none; box-shadow:none; width:402px;margin-left:100px;}
.mixing-header.mi-xing_kids_auto #mixing-visual img.schablone{}
.mixing-header.mi-xing_kids_auto .infotext{position:absolute; top:280px; left:55px; width:480px;}
.mixing-header.mi-xing_kids_auto .infotext h1{padding-bottom:0.1em; font-size:1.3em;}
.mixing-header.mi-xing_kids_auto .infotext p{font-size:0.8em; line-height:1.1em}

.mixing-header.mi-xing_kids_car{height:365px; position:relative;}
.mixing-header.mi-xing_kids_car #mixing-visual{height:360px;border:none; box-shadow:none; width:402px;margin-left:100px;}
.mixing-header.mi-xing_kids_car #mixing-visual img.schablone{}
.mixing-header.mi-xing_kids_car .infotext{position:absolute; top:280px; left:55px; width:480px;}
.mixing-header.mi-xing_kids_car .infotext h1{padding-bottom:0.1em; font-size:1.3em;}
.mixing-header.mi-xing_kids_car .infotext p{font-size:0.8em; line-height:1.1em}

.mixing-header.mi-xing_car{height:365px; position:relative;}
.mixing-header.mi-xing_car #mixing-visual{height:360px;border:none; box-shadow:none; width:402px;margin-left:100px;}
.mixing-header.mi-xing_car #mixing-visual img.schablone{}
.mixing-header.mi-xing_car .infotext{position:absolute; top:280px; left:55px; width:480px;}
.mixing-header.mi-xing_car .infotext h1{padding-bottom:0.1em; font-size:1.3em;}
.mixing-header.mi-xing_car .infotext p{font-size:0.8em; line-height:1.1em}

/*blume*/
.mixing-header.mi-xing_kids_blume{height:365px; position:relative;}
.mixing-header.mi-xing_kids_blume #mixing-visual{height:360px;border:none; box-shadow:none; width:402px;margin-left:100px;}
.mixing-header.mi-xing_kids_blume #mixing-visual img.schablone{}
.mixing-header.mi-xing_kids_blume .infotext{position:absolute; top:280px; left:55px; width:480px;}
.mixing-header.mi-xing_kids_blume .infotext h1{padding-bottom:0.1em; font-size:1.3em;}
.mixing-header.mi-xing_kids_blume .infotext p{font-size:0.8em; line-height:1.1em}

.mixing-header.mi-xing_kids_flower{height:365px; position:relative;}
.mixing-header.mi-xing_kids_flower #mixing-visual{height:360px;border:none; box-shadow:none; width:402px;margin-left:100px;}
.mixing-header.mi-xing_kids_flower #mixing-visual img.schablone{}
.mixing-header.mi-xing_kids_flower .infotext{position:absolute; top:280px; left:55px; width:480px;}
.mixing-header.mi-xing_kids_flower .infotext h1{padding-bottom:0.1em; font-size:1.3em;}
.mixing-header.mi-xing_kids_flower .infotext p{font-size:0.8em; line-height:1.1em}

.mixing-header.mi-xing_flower{height:365px; position:relative;}
.mixing-header.mi-xing_flower #mixing-visual{height:360px;border:none; box-shadow:none; width:402px;margin-left:100px;}
.mixing-header.mi-xing_flower #mixing-visual img.schablone{}
.mixing-header.mi-xing_flower .infotext{position:absolute; top:280px; left:55px; width:480px;}
.mixing-header.mi-xing_flower .infotext h1{padding-bottom:0.1em; font-size:1.3em;}
.mixing-header.mi-xing_flower .infotext p{font-size:0.8em; line-height:1.1em}

/*fisch*/
.mixing-header.mi-xing_kids_fisch{height:365px; position:relative;}
.mixing-header.mi-xing_kids_fisch #mixing-visual{height:360px;border:none; box-shadow:none; width:402px;margin-left:100px;}
.mixing-header.mi-xing_kids_fisch #mixing-visual img.schablone{}
.mixing-header.mi-xing_kids_fisch .infotext{position:absolute; top:280px; left:55px; width:480px;}
.mixing-header.mi-xing_kids_fisch .infotext h1{padding-bottom:0.1em; font-size:1.3em;}
.mixing-header.mi-xing_kids_fisch .infotext p{font-size:0.8em; line-height:1.1em}

.mixing-header.mi-xing_kids_fish{height:365px; position:relative;}
.mixing-header.mi-xing_kids_fish #mixing-visual{height:360px;border:none; box-shadow:none; width:402px;margin-left:100px;}
.mixing-header.mi-xing_kids_fish #mixing-visual img.schablone{}
.mixing-header.mi-xing_kids_fish .infotext{position:absolute; top:280px; left:55px; width:480px;}
.mixing-header.mi-xing_kids_fish .infotext h1{padding-bottom:0.1em; font-size:1.3em;}
.mixing-header.mi-xing_kids_fish .infotext p{font-size:0.8em; line-height:1.1em}

.mixing-header.mi-xing_fish{height:365px; position:relative;}
.mixing-header.mi-xing_fish #mixing-visual{height:360px;border:none; box-shadow:none; width:402px;margin-left:100px;}
.mixing-header.mi-xing_fish #mixing-visual img.schablone{}
.mixing-header.mi-xing_fish .infotext{position:absolute; top:280px; left:55px; width:480px;}
.mixing-header.mi-xing_fish .infotext h1{padding-bottom:0.1em; font-size:1.3em;}
.mixing-header.mi-xing_fish .infotext p{font-size:0.8em; line-height:1.1em}

/*hund*/
.mixing-header.mi-xing_kids_hund{height:365px; position:relative;}
.mixing-header.mi-xing_kids_hund #mixing-visual{height:360px;border:none; box-shadow:none; width:402px;margin-left:100px;}
.mixing-header.mi-xing_kids_hund #mixing-visual img.schablone{}
.mixing-header.mi-xing_kids_hund .infotext{position:absolute; top:280px; left:55px; width:480px;}
.mixing-header.mi-xing_kids_hund .infotext h1{padding-bottom:0.1em; font-size:1.3em;}
.mixing-header.mi-xing_kids_hund .infotext p{font-size:0.8em; line-height:1.1em}

.mixing-header.mi-xing_kids_dog{height:365px; position:relative;}
.mixing-header.mi-xing_kids_dog #mixing-visual{height:360px;border:none; box-shadow:none; width:402px;margin-left:100px;}
.mixing-header.mi-xing_kids_dog #mixing-visual img.schablone{}
.mixing-header.mi-xing_kids_dog .infotext{position:absolute; top:280px; left:55px; width:480px;}
.mixing-header.mi-xing_kids_dog .infotext h1{padding-bottom:0.1em; font-size:1.3em;}
.mixing-header.mi-xing_kids_dog .infotext p{font-size:0.8em; line-height:1.1em}

.mixing-header.mi-xing_dog{height:365px; position:relative;}
.mixing-header.mi-xing_dog #mixing-visual{height:360px;border:none; box-shadow:none; width:402px;margin-left:100px;}
.mixing-header.mi-xing_dog #mixing-visual img.schablone{}
.mixing-header.mi-xing_dog .infotext{position:absolute; top:280px; left:55px; width:480px;}
.mixing-header.mi-xing_dog .infotext h1{padding-bottom:0.1em; font-size:1.3em;}
.mixing-header.mi-xing_dog .infotext p{font-size:0.8em; line-height:1.1em}

/*kuh*/
.mixing-header.mi-xing_kids_kuh{height:365px; position:relative;}
.mixing-header.mi-xing_kids_kuh #mixing-visual{height:360px;border:none; box-shadow:none; width:402px;margin-left:100px;}
.mixing-header.mi-xing_kids_kuh #mixing-visual img.schablone{}
.mixing-header.mi-xing_kids_kuh .infotext{position:absolute; top:280px; left:55px; width:480px;}
.mixing-header.mi-xing_kids_kuh .infotext h1{padding-bottom:0.1em; font-size:1.3em;}
.mixing-header.mi-xing_kids_kuh .infotext p{font-size:0.8em; line-height:1.1em}

.mixing-header.mi-xing_kids_cow{height:365px; position:relative;}
.mixing-header.mi-xing_kids_cow #mixing-visual{height:360px;border:none; box-shadow:none; width:402px;margin-left:100px;}
.mixing-header.mi-xing_kids_cow #mixing-visual img.schablone{}
.mixing-header.mi-xing_kids_cow .infotext{position:absolute; top:280px; left:55px; width:480px;}
.mixing-header.mi-xing_kids_cow .infotext h1{padding-bottom:0.1em; font-size:1.3em;}
.mixing-header.mi-xing_kids_cow .infotext p{font-size:0.8em; line-height:1.1em}

.mixing-header.mi-xing_cow{height:365px; position:relative;}
.mixing-header.mi-xing_cow #mixing-visual{height:360px;border:none; box-shadow:none; width:402px;margin-left:100px;}
.mixing-header.mi-xing_cow #mixing-visual img.schablone{}
.mixing-header.mi-xing_cow .infotext{position:absolute; top:280px; left:55px; width:480px;}
.mixing-header.mi-xing_cow .infotext h1{padding-bottom:0.1em; font-size:1.3em;}
.mixing-header.mi-xing_cow .infotext p{font-size:0.8em; line-height:1.1em}

/*maus*/
.mixing-header.mi-xing_kids_maus{height:365px; position:relative;}
.mixing-header.mi-xing_kids_maus #mixing-visual{height:360px;border:none; box-shadow:none; width:402px;margin-left:100px;}
.mixing-header.mi-xing_kids_maus #mixing-visual img.schablone{}
.mixing-header.mi-xing_kids_maus .infotext{position:absolute; top:280px; left:55px; width:480px;}
.mixing-header.mi-xing_kids_maus .infotext h1{padding-bottom:0.1em; font-size:1.3em;}
.mixing-header.mi-xing_kids_maus .infotext p{font-size:0.8em; line-height:1.1em}

.mixing-header.mi-xing_kids_mouse{height:365px; position:relative;}
.mixing-header.mi-xing_kids_mouse #mixing-visual{height:360px;border:none; box-shadow:none; width:402px;margin-left:100px;}
.mixing-header.mi-xing_kids_mouse #mixing-visual img.schablone{}
.mixing-header.mi-xing_kids_mouse .infotext{position:absolute; top:280px; left:55px; width:480px;}
.mixing-header.mi-xing_kids_mouse .infotext h1{padding-bottom:0.1em; font-size:1.3em;}
.mixing-header.mi-xing_kids_mouse .infotext p{font-size:0.8em; line-height:1.1em}

.mixing-header.mi-xing_mouse{height:365px; position:relative;}
.mixing-header.mi-xing_mouse #mixing-visual{height:360px;border:none; box-shadow:none; width:402px;margin-left:100px;}
.mixing-header.mi-xing_mouse #mixing-visual img.schablone{}
.mixing-header.mi-xing_mouse .infotext{position:absolute; top:280px; left:55px; width:480px;}
.mixing-header.mi-xing_mouse .infotext h1{padding-bottom:0.1em; font-size:1.3em;}
.mixing-header.mi-xing_mouse .infotext p{font-size:0.8em; line-height:1.1em}

/*hasy*/
.mixing-header.mi-xing_kids_hasy{height:365px; position:relative;}
.mixing-header.mi-xing_kids_hasy #mixing-visual{height:360px;border:none; box-shadow:none; width:402px;margin-left:100px;}
.mixing-header.mi-xing_kids_hasy #mixing-visual img.schablone{}
.mixing-header.mi-xing_kids_hasy .infotext{position:absolute; top:280px; left:55px; width:480px;}
.mixing-header.mi-xing_kids_hasy .infotext h1{padding-bottom:0.1em; font-size:1.3em;}
.mixing-header.mi-xing_kids_hasy .infotext p{font-size:0.8em; line-height:1.1em}

.mixing-header.mi-xing_kids_hasy{height:365px; position:relative;}
.mixing-header.mi-xing_kids_hasy #mixing-visual{height:360px;border:none; box-shadow:none; width:402px;margin-left:100px;}
.mixing-header.mi-xing_kids_hasy #mixing-visual img.schablone{}
.mixing-header.mi-xing_kids_hasy .infotext{position:absolute; top:280px; left:55px; width:480px;}
.mixing-header.mi-xing_kids_hasy .infotext h1{padding-bottom:0.1em; font-size:1.3em;}
.mixing-header.mi-xing_kids_hasy .infotext p{font-size:0.8em; line-height:1.1em}

.mixing-header.mi-xing_hasy{height:365px; position:relative;}
.mixing-header.mi-xing_hasy #mixing-visual{height:360px;border:none; box-shadow:none; width:402px;margin-left:100px;}
.mixing-header.mi-xing_hasy #mixing-visual img.schablone{}
.mixing-header.mi-xing_hasy .infotext{position:absolute; top:280px; left:55px; width:480px;}
.mixing-header.mi-xing_hasy .infotext h1{padding-bottom:0.1em; font-size:1.3em;}
.mixing-header.mi-xing_hasy .infotext p{font-size:0.8em; line-height:1.1em}

/*eilee*/
.mixing-header.mi-xing_kids_eilee{height:365px; position:relative;}
.mixing-header.mi-xing_kids_eilee #mixing-visual{height:360px;border:none; box-shadow:none; width:402px;margin-left:100px;}
.mixing-header.mi-xing_kids_eilee #mixing-visual img.schablone{}
.mixing-header.mi-xing_kids_eilee .infotext{position:absolute; top:280px; left:55px; width:480px;}
.mixing-header.mi-xing_kids_eilee .infotext h1{padding-bottom:0.1em; font-size:1.3em;}
.mixing-header.mi-xing_kids_eilee .infotext p{font-size:0.8em; line-height:1.1em}

.mixing-header.mi-xing_kids_eilee{height:365px; position:relative;}
.mixing-header.mi-xing_kids_eilee #mixing-visual{height:360px;border:none; box-shadow:none; width:402px;margin-left:100px;}
.mixing-header.mi-xing_kids_eilee #mixing-visual img.schablone{}
.mixing-header.mi-xing_kids_eilee .infotext{position:absolute; top:280px; left:55px; width:480px;}
.mixing-header.mi-xing_kids_eilee .infotext h1{padding-bottom:0.1em; font-size:1.3em;}
.mixing-header.mi-xing_kids_eilee .infotext p{font-size:0.8em; line-height:1.1em}

.mixing-header.mi-xing_eilee{height:365px; position:relative;}
.mixing-header.mi-xing_eilee #mixing-visual{height:360px;border:none; box-shadow:none; width:402px;margin-left:100px;}
.mixing-header.mi-xing_eilee #mixing-visual img.schablone{}
.mixing-header.mi-xing_eilee .infotext{position:absolute; top:280px; left:55px; width:480px;}
.mixing-header.mi-xing_eilee .infotext h1{padding-bottom:0.1em; font-size:1.3em;}
.mixing-header.mi-xing_eilee .infotext p{font-size:0.8em; line-height:1.1em}

/*ziege*/
.mixing-header.mi-xing_kids_ziege{height:365px; position:relative;}
.mixing-header.mi-xing_kids_ziege #mixing-visual{height:360px;border:none; box-shadow:none; width:402px;margin-left:100px;}
.mixing-header.mi-xing_kids_ziege #mixing-visual img.schablone{}
.mixing-header.mi-xing_kids_ziege .infotext{position:absolute; top:280px; left:55px; width:480px;}
.mixing-header.mi-xing_kids_ziege .infotext h1{padding-bottom:0.1em; font-size:1.3em;}
.mixing-header.mi-xing_kids_ziege .infotext p{font-size:0.8em; line-height:1.1em}

.mixing-header.mi-xing_kids_goat{height:365px; position:relative;}
.mixing-header.mi-xing_kids_goat #mixing-visual{height:360px;border:none; box-shadow:none; width:402px;margin-left:100px;}
.mixing-header.mi-xing_kids_goat #mixing-visual img.schablone{}
.mixing-header.mi-xing_kids_goat .infotext{position:absolute; top:280px; left:55px; width:480px;}
.mixing-header.mi-xing_kids_goat .infotext h1{padding-bottom:0.1em; font-size:1.3em;}
.mixing-header.mi-xing_kids_goat .infotext p{font-size:0.8em; line-height:1.1em}

.mixing-header.mi-xing_goat{height:365px; position:relative;}
.mixing-header.mi-xing_goat #mixing-visual{height:360px;border:none; box-shadow:none; width:402px;margin-left:100px;}
.mixing-header.mi-xing_goat #mixing-visual img.schablone{}
.mixing-header.mi-xing_goat .infotext{position:absolute; top:280px; left:55px; width:480px;}
.mixing-header.mi-xing_goat .infotext h1{padding-bottom:0.1em; font-size:1.3em;}
.mixing-header.mi-xing_goat .infotext p{font-size:0.8em; line-height:1.1em}

/*mini*/
.mixing-header.mi-xing_mini{height:245px; position:relative;}
.mixing-header.mi-xing_mini .infotext{position:absolute; top:40px; left:430px; width:530px;}
.mixing-header.mi-xing_mini .infotext h1{padding-bottom:0.1em; font-size:1.3em;}
.mixing-header.mi-xing_mini .infotext p{font-size:0.8em; line-height:1.1em}
.mixing-header.mini ul.mixing-nav{width:345px; margin-left:55px; margin-right:0px; padding:0 0px 0 0; float:left;}
.mixing-header.mi-xing_mini #mixing-ausgabe{width:595px;  margin-top:55px;}
.mixing-header.mi-xing_mini #mixing-visual{height:160px;border:none; box-shadow:none; width:595px; background:none; margin:0 0 0 20px;}
.mixing-header.mi-xing_mini #mixing-visual #mini1{float:left; width:122px; height:160px; background:#fff; margin-left: 8px; border:3px solid #ebebec; cursor:pointer;}
.mixing-header.mi-xing_mini #mixing-visual #mini2{float:left; width:122px; height:160px; background:#fff; margin-left: 8px; border:3px solid #ebebec; cursor:pointer;}
.mixing-header.mi-xing_mini #mixing-visual #mini3{float:left; width:122px; height:160px; background:#fff; margin-left: 8px; border:3px solid #ebebec; cursor:pointer;}
.mixing-header.mi-xing_mini #mixing-visual #mini4{float:left; width:122px; height:160px; background:#fff; margin-left: 8px; border:3px solid #ebebec; cursor:pointer;}
.mixing-header.mi-xing_mini #mixing-visual div a{float:left; width:122px; height:160px;}

/*active mini*/
.mixing-header.mi-xing_mini #mixing-visual #mini1.active{float:left; width:122px; height:160px; background:#fff; margin-left: 8px; border:3px solid #faa013; cursor:pointer;}
.mixing-header.mi-xing_mini #mixing-visual #mini2.active{float:left; width:122px; height:160px; background:#fff; margin-left: 8px; border:3px solid #faa013; cursor:pointer;}
.mixing-header.mi-xing_mini #mixing-visual #mini3.active{float:left; width:122px; height:160px; background:#fff; margin-left: 8px; border:3px solid #faa013; cursor:pointer;}
.mixing-header.mi-xing_mini #mixing-visual #mini4.active{float:left; width:122px; height:160px; background:#fff; margin-left: 8px; border:3px solid #faa013; cursor:pointer;}

/*bar*/
.mixing-header.mi-xing_drink{height:225px; position:relative;}
.mixing-header.mi-xing_drink #mixing-visual{height:180px;border:none; box-shadow:none; width:555px; margin-left:0px; margin-top:30px;}
.mixing-header.mi-xing_drink #mixing-visual img.schablone{}
.mixing-header.mi-xing_drink .infotext{position:absolute; top:30px; left:442px; width:500px}
.mixing-header.mi-xing_drink .infotext h1{padding-bottom:0.1em; font-size:1.3em;}
.mixing-header.mi-xing_drink .infotext p{font-size:0.8em; line-height:1.1em}

/*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);
}

.mixing-button input.grey, .bf_button .grey, .mixing-button a.grey{color:#d5660c !important; float:right; cursor:pointer; padding: 6px 25px !important; margin-left:0;}
.mixing-button input:hover.grey, .mixing-button a:hover.grey, .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{
    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{
    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);
}

/*shop buttons*/

div.wk{
    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{
    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);
}

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:#fff; 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;
}
.shadow1 {
    float:left;
    background:#fff;
	width:931px;
}


.ie7 .shadow, .ie8 .shadow, .ie7 .box, .ie8 .box{behavior: url(../images/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;
}

.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;
    margin-top:1em;
}

.versandart .addtionalfields label {
    font-size: 1em;
    margin-top:1em;
    margin-right:0.5em;
}

.versandart .addtionalfields select {
    font-size: 1.1em;
    margin-right:0.5em;
}

/*#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{ width:250px; height:42px; margin-right:12px; float:left; padding: 0 0 18px 25px;}

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;
}

/*mixingbar radiobuttons*/
.karten label.ui-radio{background: url(../images/gk_radio.png) 290px 50% no-repeat; padding: 0 30px 0 0;}
.karten label.ui-radio-state-hover {
    background: url(../images/gk_radio_checked.png) 290px 50% no-repeat;
}

.karten label.ui-radio-state-checked {
    background: url(../images/gk_radio_checked.png) 290px 50% no-repeat;
}
.karten label.ui-radio-state-checked-hover {
    background: url(../images/gk_radio_checked.png) 290px 50% no-repeat;
}




/*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: 0px 7px;
    height:26px;
    line-height:26px;
}
.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:389px; 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;}


/* Print styles!
-------------------------------------------------------------------------------*/
@media print {



}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
    
        
}

@media all and (orientation: portrait) {
   
}

@media all and (orientation: landscape) {
    
}

@media only screen and (max-width: 1024px) {
body{min-width: 1024px;}
.wrapper_menu {
    width: auto;
    margin:0;
    display:block;
    float:right;
    position: relative;
    z-index:9999;
}
    .wrapper_menu .menu {
        list-style:none;
        max-width: auto;
        float:right;
        margin: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;}

#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:#f6f6f6 url(../images/rufzeichen.png) 660px 25px no-repeat;}
.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:931px;}
.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:1em; border-top:1px solid #b3b3b3; border-radius:0;}
#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: 50%; 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:13px; 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;
    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;        
}

td.align-right{text-align:right;}


/*language dropdown*/
.sprachwahl{float:left; width:175px; margin:17px 0px 0 10px;}
.sprachwahl .drop{display:none;}
.sprachwahl h2{display:none;}
.sprachwahl a{color:#a7a9ac;}
.sprachwahl a.english{padding-left:25px; background:url(../images/en.png) left 50% no-repeat; line-height:1.5em; margin-right:13px}
.sprachwahl a.chinese{padding-left:25px; background:url(../images/cn.jpg) left 50% no-repeat; line-height:1.5em;}
.sprachwahl span.chinese.notavail{padding-left:25px; background:url(../images/cn_inact.jpg) left 50% no-repeat; line-height:1.5em; color:#4d4d4d;}
.sprachwahl a.active{color:#fff;}
  
/*Links innerhalb des Dropdowns*/
.sprachwahl li div a:hover {
    color:#fff;
    white-space:nowrap;
}

        
.grid1-col1{background:#fff;}        
table.content-serif{        
   font-family:georgia, times, serif;        
}        
table.content-serif p{        
   font-family:georgia, times, serif;        
}

.addk{border:#CCC solid 1px; display:block; margin-top:10px;}
.addk div.zk{padding:0 10px; line-height:30px;}
.addk div.zk span.rm,.addk div.zk span.ph{width:15%; float:left;}
.addk div.zk span.add{width:55%; float:left;}
.addk div.zk span.zt{width:15%; float:left; text-align:center;}

.zhucea{  font-size:12px;font-family:"微软雅黑";max-width:1172px; margin:0 auto;border:1px solid #ccc;padding:15px 0px; }


.order table.ddtable{margin-bottom:20px; border:#ccc solid 1px;}
.order table.ddtable td div{margin-left:3%; float:left;}
.order table.ddtable td{padding:10px 0;}
.order table.ddtable td.sol{border-top:#ccc solid 1px; padding:10px 0; font-size:12px;}
.order table.ddtable td.sol span{float:left; line-height:26px; text-align:center;}
.order table.ddtable td.sol b{font-family: verdana; color:#ed145b}
.order table.ddtable td.sol div{width:100%; text-align:center; margin-left:0;}
.order table.ddtable td.sol a{color:#029acd;}



.cur{    padding: 0px 7px;
    height: 25px;
    line-height: 25px;
    background: #9D0212 none repeat scroll 0% 0%;
    text-decoration: none;
}}

dl span{ display:inline-block}
.v3{ width:22px; height:20px; border:1px solid #F00; border-radius:3px; text-align:center; line-height:20px; margin-right:4px;}
.v4{ width:57px; height:18px; border:1px solid #F00; border-radius:3px; text-align:center; line-height:18px; margin-right:4px;}
.v5{ width:22px; height:20px; border:1px solid #F00; border-radius:3px; text-align:center; line-height:20px; }
.shuliangd{ margin-top:6%;margin-bottom:6%}


.dtt{position: relative;margin-top: 1px;margin-bottom: 1em;}
.dtt a{font-size:20px;text-decoration:none;color:#000;}
.dtt a:hover{color:#9D0212;}
.dtt p{font-family: georgia,times,serif;}
.bg a{color:#9D0212;}

#rating_cont { background: #1E1D1C url(../images/rating_background.jpg) top left no-repeat; border: 1px solid #F9BA0D; width: 140px; height: 23px; text-align: left; margin-left: 6px;}
	#rating_on { background: url(../images/rating_onbackground.jpg) top left no-repeat; width: 0px; height: 21px; position: relative; z-index: 50; top: -21px; }
#rated { display: none; width: 138px; padding: 3px 0px 3px 2px; height: 23px; background-color: #1E1D1C; height: 17px;font-size: 11px;color: #FFC910;}
	#rated div { display: block; float: left; }
	#rating { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #FFC910; padding-left: 3px; width: 22px; }
	#small_stars { height: 11px; width: 69px; background-image: url(../images/stars_small_sprite.jpg); background-position: 0px -11px; font-size:1px; line-height: 11px; margin-top:3px; }
	#rate_edit { line-height: 17px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #FFF; padding-left: 9px; cursor: pointer; }
	#rate_edit:hover { text-decoration: underline; }

	#rating_btns { position: relative; z-index: 100; width: 140px; height: 21px;}
	#rating_btns ul, #rating_btns li  { padding: 0; margin: 0; }
	#rating_btns li { float: left; width: 14px; height: 21px; display: block; font-size: 1px; cursor: pointer; color: #1E1D1C;}
.xgh{color:#9D0212;}

.qrddtit{font-weight:800;font-size:18px;}
.je{float:right}
.mingcheng{border-bottom:#ccc 1px solid;margin-bottom:20px}

.shu{text-align:right}
.tjdd{background: transparent url("../images/xqy_251.jpg") repeat scroll 0% 0%;width: 140px;height: 41px;float: left;margin: 10px 0px;cursor: pointer;}

/* .order table.ddtable td.sol span {float: left;line-height: 26px;text-align: center;} */
.ordt {font-size:16px;width: 50%;color: #029ACD;float: left;font-weight:800;}
.ordnum{font-size:16px;font-weight:800;}

#c2803{float:left;margin-right: 5px;}

p.p5 {float: left;font-size: 13px;color: #7F7F7F;font-weight: 600;line-height: 26px;}
table tr td.b1 {font-size: 18px;color: #000;width: 105px;font-weight: 700;padding-left: 2px;vertical-align: top;line-height: 50px;}
table tr td {height: 50px;}
.select {float: left;min-width: 80px;height: 28px;font-size: 12px;color: #7F7F7F;font-weight: 600;padding-left: 5px;padding-top: 5px;padding-bottom: 5px;margin-right: 5px;margin-top: 11px}
.selects {min-width: 80px;height: 28px;font-size: 12px;color: #7F7F7F;font-weight: 600;padding-left: 5px;padding-top: 5px;padding-bottom: 5px;margin-right: 10px;}
#yunfei {color: #ff0000;font-size: 18px;}


.layui-layer-content{width: 700px; margin-left: -50px;}