.mixer { min-height:715px; position:relative; margin-bottom:10px; padding-bottom:16px; background:url(../../media/images/home/opacity39_bg.png) repeat 0 0; }
.mixer .cleaner { height:0; line-height:0; clear:both; }

.right-column { width:251px; height:690px; overflow:hidden; }
.right-column .column-footer .circle-corner { width:11px; height:11px; background:url(../../media/images/misc/white_circle.png) no-repeat 0 -11px; }
.right-column .column-footer .footer-bg { width:240px; height:11px; background:#FFF; }
.right-column .column-footer div { float:left; }

.mixer .left-column, .mixer .right-column { float:left; }
.mixer .left-column { width:739px; overflow:hidden; }
.mixer .left-column .contents { margin:16px; }
.mixer .left-column h2 { background:white; vertical-align:middle; padding-left:1em; }

.mixer .choco-code { padding:16px; margin-top:16px; background:#fff; }

.mixer .basis-wrapper { background:white; padding:16px 12px; margin-top:16px; }
.mixer .basis { width:683px; text-align:center; border-collapse:collapse; border-spacing:0; }
.mixer .basis a { display:block; }
.mixer .basis a img { display:block; }
.mixer .basis .text { text-align:left; color:#676767; font-size:11px; }
.mixer .basis .text .name { font-size:14px; color:#492215; margin:0; padding:0; }
.mixer .basis .text .short { font-weight:bold; font-size:11px; color:#676767; margin-top:10px; }

.mixer .mixing-steps { padding-top:18px; margin-bottom:18px; }
.mixer .success-icon { height:20px; width:20px; display:none; position:absolute; right:3px; top:3px; background:url(../../media/images/misc/success_icon.png) no-repeat 0 0; }
.mixing-steps .name { height:27px; line-height:24px; }
.mixing-steps .name span { font-size:24px; }
.ingr-wrapper .image-wrapper, .ingr-wrapper .info-wrapper { float:left; }
.ingr-wrapper .info-wrapper { height:56px; padding-left:6px; vertical-align:middle; }
.ingr-wrapper .info { display:inline-block; vertical-align:middle; }
.ingr-wrapper .bitte, .ingr-wrapper .change_box { padding-left:2px; }

.mixing-steps .basis-step, .mixing-steps .flavour-step, .mixing-steps .toppings-step, .mixing-steps .wrapping-step { padding-left:15px; position:relative; }

.mixing-steps .image-wrapper { position:relative; }
.mixing-steps .image-wrapper img { width:70px; height:54px; border:1px solid #E4C283; }
.mixing-steps .image-wrapper.empty img { width:72px; height:56px; border:none; }

.basis-step, .flavour-step, .toppings-step, .wrapping-step { border:3px solid #fff; }
.basis-step, .flavour-step { height:85px; }
.toppings-step { height:151px; }
.wrapping-step { height:90px; }

.wrapping-step .info-wrapper { width:128px; padding-left:9px; }
.mixing-steps .wrapping-step .image-wrapper { width:70px; height:54px; border:1px solid #E4C283; overflow:hidden; text-align:center; }
.mixing-steps .wrapping-step .image-wrapper img { width:auto; border:none; }

.mixing-steps .finished .success-icon { display:block; }
.mixing-steps .current { border-color:#E4C283; }

.mixer .als { width:59px; height:53px; background:url(../../media/images/mixer/als.jpg); text-align:center; color:white; font-weight:bold; padding-top:6px; float:right; text-decoration:none; cursor:pointer; }

.mixer .result { height:679px; background:#FFF; color:#676767; font-size:11px; position:relative; }
.mixer .result .inhalt {width:190px; margin:auto; border:0px solid magenta; overflow:hidden;}

.mixer .result .change_box a {color:#DAB06E;}

.mixer .result .basis_empty {border:0px !important;}
.mixer .result .basis_empty img {max-width:90px !important;}

.mixer .result .spec_empty {border:0px !important;}
.mixer .result .spec_empty img {max-width:90px !important;}

.toppings-step .toppings { width:148px; height:115px; }
.toppings-step .toppings .holder-image { display:block; }
.toppings-step .bitte { height:114px; width:72px; position:absolute; top:27px; right:4px; overflow:hidden; }

.mixer .result .toppings .box { position:relative; float:left; margin-bottom:3px; }
.mixer .result .toppings .tps_2, .tps_4 { margin-left:4px; }
.mixer .result .toppings .tps_3, .mixer .result .toppings .tps_4 { margin-bottom:0; } 

.mixer .result .toppings .null { display:none; }
.mixer .result .toppings .holder-image { width:70px; height:54px; border:1px solid #E4C283; }
.mixer .result .toppings .tps_empty .holder-image { width:72px; height:56px; border:none; }

.mixer .result .toppings img.minus {position:absolute; top:38px; left:54px; cursor:pointer;}


.mixer .result .bitte {color:#5B5B5B !important;}

.mixer .result .basis {/*background-repeat:no-repeat;*/ }
.mixer .result .basis img {}

.mixer .result .veredelung_full .minus { position:absolute; top:38px; left:54px; cursor:pointer; border:none; }

.mixer .result .name { font-weight:bold; font-size:14px;  color:#492215; }
.mixer .result .price { height:24px; overflow:hidden; float:none; margin:0 40px 0 45px; padding:0; }
.mixer .result .price .tafel { height:100%; float:left; font-size:12px; color:#5B5B5B; }
.mixer .result .price .chf { height:100%; float:right; font-weight:bold; font-size:14px; }

.mixer .result img.spred {/*margin-top:10px;*/ vertical-align:middle; margin-left:5px;}

.mixer .result .choco-name { padding-left:43px; color:#900102; font-weight:bold; cursor:pointer; vertical-align:middle; }
.mixer .result .in-out-wrapper { height:44px; margin:5px 0; }
.mixer .in_out { margin:0 0 0 45px; }
.mixer .in_out div { overflow:hidden; height:22px; }
.mixer .in_out input { margin:1px 0px 0px 4px; vertical-align:middle; outline:none; display:inline-block; }
.mixer .in_out label { vertical-align:middle; display:inline-block; }
.mixer .in_out img { vertical-align:middle; cursor:pointer; }



.mixer .result .buttons {width:179px; height:53px; text-align:center; font-weight:bold; margin:auto; cursor:pointer;}
.mixer .result .red { background:url('../../media/images/mixer/button_red.jpg') no-repeat; line-height:53px; color:white; margin-top:0px; }
.mixer .result .sand { background:url('../../media/images/mixer/button_sand.jpg') no-repeat; color:#900102; }
.mixer .result .form_box { overflow:hidden; background:#A82626; padding:0px 8px 8px 8px; color:white; margin:5px 0 0 0; display:none; }
.mixer .result .form_box input.text {border:0px; width:168px; padding-left:5px; font-size:11px;}
.mixer .result .form_box input.button { border:2px outset #F5F0E7; background:#EBCC90; width:60px; margin-bottom:0px; text-align:center; color:#A4151C; font-weight:bold; margin:auto; display:block; margin-top:6px; }


.zutaten {background:white; color:#492215;}

.zutaten .item_tr {border-bottom:1px solid #ECD8A6; overflow:auto; width:900px; margin-left:26px;}
.zutaten .item_td_l {border-right:1px solid #ECD8A6; float:left; width:168px; height:121px; position:relative;}
.zutaten .item_td_l img.quest {position:absolute; top:88px; left:134px; cursor:pointer;}

.zutaten .item_td_r {border:0px solid red; float:left; width:700px; padding:0px 0px 0px 24px;}
.zutaten .item_td_r div {font-size:15px; font-weight:bold; color:#808080;}
.zutaten .item_td_r div span {font-size:12px; font-weight:normal; color:#4A2316;}
.zutaten .item_td_r img.null {height:121px; width:0px; vertical-align:middle; border:0px solid green;}


.zutaten .image_box {width:124px; height:91px; border:1px solid #ECD8A6; text-align:center; margin:14px 0px 0px 28px;}
.zutaten .image_box img {vertical-align:middle; border:0px solid blue;}
.zutaten .image_box img.null {height:91px; width:1px;}
.zutaten .image_box img.item {max-height:91px; height:auto !important; height:91px; max-width:123px; width:auto !important; width:123px; }
.mixer_menu_button, .red-button {
	background:url("../../media/images/mixer/button_red_w160.jpg") no-repeat scroll 0 0 transparent;
	color:white;
	line-height:53px;
	margin-top:0;
	cursor:pointer;
	font-weight:bold;
	font-size:11px;
	height:53px;
	margin:auto;
	text-align:center;
	width:160px;
}

.mixer .t_menu {    width:104px; height:33px; margin:4px 4px 0px 0px; padding:0px 3px; cursor:pointer;
                    background:url(../../media/images/mixer/button_white_sand.jpg) no-repeat;
                    font-weight:bold; font-size:14px; color:#492215; 
                    vertical-align:middle; text-align:center; float:left;
                    }
.mixer .xmas {background-image:url(../../media/images/mixer/button_xmas.png);}

.mixer .t_menu img.null {vertical-align:middle; height:33px; width:0px; border:0px solid blue;}
.mixer .t_menu span {vertical-align:middle; display:inline-block; margin-left:3px; line-height:14px;}

.mixer .t_item { width:135px; height:161px; background:#FFF; float:left; margin:0 8px 8px 0; _margin-right:11px; text-align:center; color:#492215; font-size:12px; position:relative; z-index:100; }
.mixer .t_item.logotext { width:268px; }
.mixer .t_item.line-break { margin-right:0; }
.mixer .t_item-contents { margin:3px 4px; }

.mixer .t_item div.image {width:125px; height:91px; border:1px solid #ECD8A6; position:relative; }
.mixer .t_item div.image img {vertical-align:middle; cursor:pointer;}
.mixer .t_item div.image img.null {height:91px; width:0px; display:none; }
.mixer .t_item.logotext div.image img.null { display:inline; }
.mixer .t_item div.image img.t_icon {max-height:91px; height:auto !important; height:91px; max-width:125px; width:auto !important; width:125px; cursor:pointer;}

.t_item .lighter .image, .t_item .lighter .name, .t_item .lighter .price_ingr { opacity:0.5; filter:alpha(opacity=50); }
/*
.mixer .t_item a.wahlen {   width:62px; height:17px; background:url(../../media/images/mixer/button_wahlen.jpg) no-repeat; text-align:center; line-height:17px; 
                            margin:8px auto 0px auto; color:white; display:block; text-decoration:none; float:right;}
*/

.mixer .t_item h4.name {text-align:left; margin:0px; padding:0px; margin-top:5px; cursor:default; height:16px; overflow:hidden; font-size:12px;}
.mixer .t_item div.details {color:#905F41; text-decoration:underline; cursor:pointer;}
.mixer .t_item div.price_ingr {float:left; margin-top:5px;}
.mixer .t_item .wahlen_box {float:right; width:62px; height:17px; margin-top:5px;}
.mixer .t_item .wahlen {float:left; background:url('../../media/images/mixer/wahlen.jpg'); width:62px; height:17px; color:#FFF; text-decoration:none; cursor:pointer; font-weight:bold;}
.mixer .t_item .wahlen_dis {float:left; background:url('../../media/images/mixer/wahlen_dis.gif'); width:62px; height:17px; color:#FFF; text-decoration:none; font-weight:bold;}

.mixer .t_item img.quest { position:absolute; top:77px; left:112px; cursor:pointer; z-index:3; }

.mixer-header { height:54px; margin-top:10px; position:relative; }
.mixer-header h4, .mixer-header .item-placeholder { height:100%; font:italic 28px/54px sans-serif; text-align:center; color:#E3C080; overflow:hidden; }
.mixer-header h4 a { height:54px; display:block; text-decoration:none; color:#E3C080; overflow:hidden; }
.mixer-header .mixer-menu, .mixer-header .result-header { height:100%; }
.mixer-header .mixer-menu { width:737px; float:left; }
.mixer-header .result-header { width:251px; float:right; }

.result-header div { height:100%; }
.result-header .left-side, .result-header .right-side { background:url(../../media/images/home/brown_corners.png) no-repeat 0 0; }
.result-header .right-side { background-position:right 0; }
.result-header .contents { margin:0 10px; background:url(../../media/images/home/brown_bg.png) repeat-x 0 0; }

.mixer-menu .basis-item,
.mixer-menu .flavour-item,
.mixer-menu .toppings-item,
.mixer-menu .wrapping-item { height:100%; margin-right:2px; float:left; }
.mixer-menu .wrapping-item { margin-right:0; }

.mixer-menu .is-passive { width:120px; height:100%; background:url(../../media/images/home/menu_item_brown_bg.png) no-repeat 0 0; cursor:pointer; }
.mixer-menu .is-active { width:371px; height:100%; display:none; background-image:url(../../media/images/home/menu_item_long_brown_bg.png); overflow:hidden; }
.mixer-menu .basis-item .is-active { background-image:url(../../media/images/home/menu_item_left_brown_bg.png); }

.mixer-menu.basis-item .basis-item .is-active { display:block; }
.mixer-menu.basis-item .basis-item h4 a { color:#FFF; }
.mixer-menu.basis-item .basis-item .is-passive { display:none; }
.mixer-menu.flavour-item .flavour-item .is-active { display:block; }
.mixer-menu.flavour-item .flavour-item h4 a { color:#FFF; }
.mixer-menu.flavour-item .flavour-item .is-passive { display:none; }
.mixer-menu.toppings-item .toppings-item .is-active { display:block; }
.mixer-menu.toppings-item .toppings-item h4 a { color:#FFF; }
.mixer-menu.toppings-item .toppings-item .is-passive { display:none; }
.mixer-menu.wrapping-item .wrapping-item .is-active { display:block; }
.mixer-menu.wrapping-item .wrapping-item h4 a { color:#FFF; }
.mixer-menu.wrapping-item .wrapping-item .is-passive { display:none; }

.mixer .basis-header,
.mixer .flavour-header { height:48px; line-height:48px; }

.mixer .flavour-bypass, .mixer .wrapping-bypass { height:66px; font-size:16px; font-weight:bold; color:#492215; background:#fff; margin-bottom:17px; }
.bypass-message-wrapper { width:530px; float:left; overflow:hidden; }
.flavour-bypass .red-button, .wrapping-bypass .red-button { float:right; margin:6px 2px 0 0; }
.flavour-bypass .red-button a, .mixer .wrapping-bypass .red-button a { height:100%; display:block; text-decoration:none; color:#fff; }
.flavour-bypass .bypass-message, .wrapping-bypass .bypass-message { padding-left:1em; }
.wahlen.disabled { opacity:1; filter:alpha(opacity=100) !important; }
.mixer .wrapping-bypass .red-button a { font-size:10px; }

.subcategories-menu { width:707px; margin-bottom:15px; }
.subcategories-menu .subcategory-item { height:29px; float:left; margin:0 2px 2px 0; position:relative; }
.subcategory-item .left-side { height:100%; background:url(../../media/images/mixer/rounded_sides.png) no-repeat left 0; position:absolute; top:0; left:0; width:5px; }
.subcategory-item .right-side { height:100%; background:url(../../media/images/mixer/rounded_sides.png) no-repeat right 0; position:absolute; top:0; right:0; width:5px; }
.subcategory-item .subcategory-name { height:100%; background:#fff; padding:0 2px; margin:0 5px; float:left; }
.subcategory-item .subcategory-name a { height:100%; display:block; text-decoration:none; color:#492215; font: bold 12px/29px sans-serif; vertical-align:middle; }
.subcategory-item.selected .left-side,
.subcategory-item.selected .right-side { background-image:url(../../media/images/mixer/rounded_red_sides.png); }
.subcategory-item.selected .subcategory-name { background:url(../../media/images/mixer/red_vline.png) repeat-x 0 0; }
.subcategory-item.selected .subcategory-name a { color:#fff; }

.wrapping { background:orange; }