/* reset
========== */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, cite, em, hr, img, q, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
ol, ul {list-style-type:none;}
table { border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
body {line-height:1;}
strong {font-weight:bold;}
:focus{outline:none;}
/* global settings
========== */
html {overflow-y:scroll;}
body {text-align:center;color:#434343;font-size:11px;font-family:Arial, Helvetica, sans-serif;color:#434343;background:#380810 url(img/bg.jpg) repeat-x;}
a {color:#fff;text-decoration:none;}
a:hover, .box h2.active a {color:#611317;}
/* container
========== */
#wrap {position:relative;width:960px;margin:0 auto;}
#start #wrap {background:transparent url(img/bg-generic.jpg) no-repeat;}
#herstellung #wrap {background:transparent url(img/bg-herstellung_01.jpg) no-repeat;}
#herstellung_02 #wrap {background:transparent url(img/bg-herstellung_02.jpg) no-repeat;}
#herstellung_03 #wrap {background:transparent url(img/bg-herstellung_03.jpg) no-repeat;}
#herstellung_04 #wrap {background:transparent url(img/bg-herstellung_04.jpg) no-repeat;}
#herstellung_05 #wrap {background:transparent url(img/bg-herstellung_05.jpg) no-repeat;}
#herstellung_06 #wrap {background:transparent url(img/bg-herstellung_06.jpg) no-repeat;}
#produkte #wrap {background:transparent url(img/bg-content-produkte.jpg) no-repeat;}
#unterhaltung #wrap {background:transparent url(img/bg-unterhaltung.jpg) no-repeat;}
#impressum #wrap {background:transparent url(img/bg-impressum.jpg) no-repeat;}
#kontakt #wrap {background:transparent url(img/bg-kontakt.jpg) no-repeat;}
#hinweis #wrap {background:transparent url(img/bg_de_rechtlicher_hinweis.jpg) no-repeat;}
#datenschutz #wrap {background:transparent url(img/bg-datenschutz.jpg) no-repeat;}
#haendler #wrap {background:transparent url(img/bg-haendler.jpg) no-repeat;}
#haendler-login #wrap {background:transparent url(img/bg-haendler2.jpg) no-repeat;}
#funkspots #wrap {background:transparent url(img/bg-funk.jpg) no-repeat;}
#plakate #wrap {background:transparent url(img/bg-plakat.jpg) no-repeat;}
#header {position:relative;width:960px;height:70px;}
* html #header {position:relative;width:960px;height:70px; margin-left:-180px;}
#header-login {position:relative;width:960px;height:70px;}
#footer {position:relative;width:960px;margin:-20px 0 40px 0;text-align:center;}
#sprachenswitch{height:300px;}
#content {position:relative;width:960px;height:530px;text-align:left;}
#macchiato_light, #flatwhite, #caffe, #espresso, #macchiato, #cappuccino, #halterung, #halterung-her{position:absolute;top:100px;left:220px;width:380px;height:340px;}
/* content
========== */
#logo {position:absolute;top:21px;left:0;display:block;width:148px;height:72px;z-index:1;}
/* * html #logo {position:absolute;}*/
#start h1 img.headline {
position : absolute;
top : 87px;
left : 0;
}
#aside {position:relative;top:399px;left:514px;width:165px;}
#aside-sec {position:relative;top:347px;left:776px;width:165px;}
#txt_teaser {line-height:13px;}
#plakat {position:absolute;top:425px;left:83px;width:230px;}
#plakat .btn-right {right:-30px; margin-top:-17px;}
#funk {position:absolute;top:425px;left:457px;width:230px;}
#funk .btn-right {right:-30px; margin-top:-17px;}
#wallpaper {position:relative;top:100px;left:5px;width:420px;}
#wallpaper p {padding:0 0 20px 10px;line-height:13px;}
#wallpaper ul li span a {display:block;margin:3px;padding:0 0 3px 0;color:#611317;text-decoration:underline;}
#wallpaper ul li span a:hover {color:#434343;}
#wallpaper ul {overflow:hidden;}
#wallpaper ul li {float:left;width:132px;margin:0 0 0 6px;}
#wallpaper ul li img {position:static;width:132px;height:121px;}
.btn-right {display:block;position:absolute;top:13px;right:-19px;width:30px;height:30px;background:transparent url(img/sprite.png) -60px -48px no-repeat;text-indent:-9999px;}
.btn-right:hover {background:transparent url(img/sprite.png) -90px -48px no-repeat;}
* html .btn-right {display:block;position:absolute;top:13px;right:-19px;width:30px;height:30px;background:transparent url(img/opaque.gif) no-repeat;text-indent:-9999px;}
* html .btn-right:hover {background:transparent url(img/opaque.gif) no-repeat;}
.btn-right-sec {display:block;position:absolute;top:13px;right:-19px;width:30px;height:30px;background:transparent url(img/sprite.png) -60px -48px no-repeat;text-indent:-9999px;}
.btn-right-sec:hover {background:transparent url(img/sprite.png) -90px -48px no-repeat;}
* html .btn-right-sec {display:block;position:absolute;top:13px;right:-19px;width:30px;height:30px;background:transparent url(img/opaque.gif) no-repeat; text-indent:-9999px;}
* html .btn-right-sec:hover {background:transparent url(img/opaque.gif) no-repeat;}
/*
#content img {position:absolute;top:22px;left:0;width:200px;height:500px;}
*/
.box {background:transparent url(img/bg-box.jpg) no-repeat;}
.box ul {position:absolute;top:170px;left:-20px;width:420px;height:30px;z-index:11111;}
.box ul li.prev {float:left;margin:0 0 0 5px;}
.box ul li.prev a {background:transparent url(img/sprite.png) 0 -48px no-repeat;}
.box ul li.prev a:hover {background:transparent url(img/sprite.png) -30px -48px no-repeat;}
.box ul li.next {float:right;margin:0 5px 0 0;}
#preloader {position:absolute; top:208px; left:315px; height: 200px;}
.loader-waiting {background:transparent url(img/preloader.gif) no-repeat; display: block; height:100px; width:100px; margin-top:50px; margin-left:70px;}
.text-loader{text-indent:20px; color:#434343;font-size:11px;font-family:Arial, Helvetica, sans-serif;color:#434343;}
#herstellung .box, #herstellung_02 .box, #herstellung_03 .box, #herstellung_04 .box, #herstellung_05 .box ,#herstellung_06 .box{background: url("img/freespace.gif") no-repeat scroll 0 0 transparent;}
#impressum .box{background: url("img/freespace.gif") no-repeat scroll 0 0 transparent;}
#kontakt .box{background: url("img/freespace.gif") no-repeat scroll 0 0 transparent;}
#hinweis .box{background: url("img/freespace.gif") no-repeat scroll 0 0 transparent;}
#haendler .box{background: url("img/freespace.gif") no-repeat scroll 0 0 transparent;}
#haendler-login .box{background: url("img/freespace.gif") no-repeat scroll 0 0 transparent;}
#funkspots .box{background: url("img/freespace.gif") no-repeat scroll 0 0 transparent;}
#plakate .box{background: url("img/freespace.gif") no-repeat scroll 0 0 transparent;}
/*BOX werden im ie6 ausgetauscht*/
* html .box ul li.prev a {position:absolute; margin-left:15px; background:transparent url(../img/pfeil_ie_links.gif) no-repeat;}
* html .box ul li.prev a:hover {position:absolute; margin-left:15px; background:transparent url(../img/pfeil_ie_links.gif) no-repeat;}
*+html .box ul li.prev a {position:absolute; margin-left:20px; background:transparent url(../img/pfeil_ie_links.gif) no-repeat;}
*+html .box ul li.prev a:hover {position:absolute; margin-left:20px; background:transparent url(../img/pfeil_ie_links.gif) no-repeat;}
.box ul li.next a {background:transparent url(img/sprite.png) -60px -48px no-repeat;}
.box ul li.next a:hover {background:transparent url(img/sprite.png) -90px -48px no-repeat;}
/*BOX werden im ie6 ausgetauscht*/
* html .box ul li.next a {position:absolute; margin-left:-26px; background:transparent url(../img/pfeil_ie_rechts.gif) no-repeat;}
* html .box ul li.next a:hover {position:absolute; margin-left:-26px; background:transparent url(../img/pfeil_ie_rechts.gif) no-repeat;}
*+html .box ul li.next a {position:absolute; margin-left:-31px; background:transparent url(../img/pfeil_ie_rechts.gif) no-repeat;}
*+html .box ul li.next a:hover {position:absolute; margin-left:-31px; background:transparent url(../img/pfeil_ie_rechts.gif) no-repeat;}
.box ul li a {display:block;width:30px;height:30px;text-indent:-9999px;}
.box h2 {height:45px;margin:0 0 0 30px;line-height:45px;color:#434343;font-size:13px;}
.box h2 a {color:#434343;font-size:13px;}
.box h2 a:hover {color:#611317;}
.halter_d, .halter_i {position:absolute;top:70px;left:30px;}
#halterung h1 {position:absolute;top:15px;left:50px;width:95px;height:14px;font-size:16px;color:#fff;}
.inhalt, .desc {padding:0 5px 0 0;width:315px;height:250px;overflow:auto;}
.inhalt p, .desc p {margin:0 0 19px 0;line-height:16px; width:288px;}
.inhalt p a, .desc p a {color:#611317;}
.inhalt p a:hover, .desc p a:hover {color:#434343;}
.bild-slider {display:block; width:20px; height:50px; background-color: #ccc;}
.inhalt {display:none;}
h2.hdl1 {float:left;}
h2.hdl2 {float:left;}
/* navigation
========== */
#nav {float:left;position:relative;width:780px;margin:30px 0 0 180px;}
#nav li {float:left;margin:0 25px 0 0;}
#nav li a {display:block;height:12px;}
a#nav_startseite {width:72px; color:#434343;font-size:13px;}
a#nav_startseite:hover, li.active a#nav_startseite {color:#611317;}
a#nav_produkte {width:72px; color:#434343;font-size:13px;}
a#nav_produkte:hover, li.active a#nav_produkte {color:#611317;}
a#nav_herstellung {width:91px; color:#434343;font-size:13px;}
a#nav_herstellung:hover, li.active a#nav_herstellung {color:#611317;}
a#nav_unterhaltung {width:107px; color:#434343;font-size:13px;}
a#nav_unterhaltung:hover, li.active a#nav_unterhaltung {color:#611317;}
#contentinfo {margin:0 0 0 0;}
#contentinfo li {display:inline;color:#ad888b;font-size:11px;}
#contentinfo li a {padding:1px 5px;font-size:11px; color:#ad888b;}
#contentinfo li a:hover {color:#ffffff; text-decoration:underline;}
#contentinfo li.active a{color:#ffffff;}
#contentinfo li:after {content:"|";}
#contentinfo li:last-child:after {content:"";}
#produkt {position:relative;width:100%;}
#produkt li {position:absolute;}
#produkt li a {display:block;text-indent:-9999px;}
#p_espresso {top:250px;left:35px;}
#p_espresso a {width:103px;height:230px;}
#p_macchiato {top:213px;left:138px;}
#p_macchiato a {width:133px;height:290px;}
#p_cafe {top:233px;left:243px;}
#p_cafe a {width:100px;height:240px;}
#p_cappuccino {top:241px;left:271px;}
#p_cappuccino a {width:95px;height:235px;}
#p_macchiato_light {top:262px;left:366px;}
#p_macchiato_light a {width:70px;height:200px;}
/* fade
========== */
#bilder {position:absolute;top:0;left:0;width:200px;height:500px;}
#bilder img {position:absolute;width:200px;height:500px;z-index:1; top: 22px; left: 0;}
#bilder img.oben {z-index:3;}
#bilder img.mitte {z-index:2;}
.oben {position:absolute;z-index:33333;}
.mitte {position:absolute;z-index:22222;}
/* misc.
========== */
.hide {position:absolute;top:0;left:-9999px;}
/* form
========== */
input {width:170px;height:16px;}
#cplz {width:42px;margin-left:-25px;}
#cort {width:123px;}
#lort {margin-left:-68px;}
textarea {width:168px;margin-left:1px;}
form.cmxform {width:290px;padding:0 0 40px 0;font-size:11px;color:#434343;}
form.cmxform legend {padding-left:0;}
form.cmxform legend, form.cmxform label {color:#434343;}
form.cmxform fieldset {border:none;}
form.cmxform fieldset fieldset {background:none;}
form.cmxform fieldset p, form.cmxform fieldset fieldset {padding:0;}
form.cmxform label.error, label.error {/* remove the next line when you have trouble in IE6 with labels in list */color:red; font-style:normal;}
div.error {display:none;}
input, textarea {border:1px solid #c9c9c9;}
input.checkbox {border:none;}
input:focus {border:1px dotted black;}
input.error {border:1px dotted red;}
form.cmxform .gray * {color:gray;}
form.cmxform fieldset {margin-bottom:10px;}
form.cmxform legend {padding:0 0 18px 0;margin:0;}
* html form.cmxform legend, *+html form.cmxform legend {margin-left:5px;}
form.cmxform label {display:inline-block;line-height:13px;vertical-align:top;cursor:hand;}
form.cmxform fieldset p {list-style:none;padding:0;margin:0 0 12px 0;}
form.cmxform fieldset fieldset {border:none;margin:3px 0 0;}
form.cmxform fieldset fieldset legend {padding:0;font-weight:normal;}
form.cmxform fieldset fieldset label {display:block;width:auto;}
form.cmxform label {width:90px; } /* Width of labels */
form.cmxform fieldset fieldset label {margin-left:113px; } /* Width plus 3 (html space) */
form.cmxform label.error {margin:1px 0 3px 95px;width:165px;}
form.cmxform input.submit {margin-left:93px;}
/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */
* html .submit {position: absolute; display:block; width:100px;height:26px;border:none; background:transparent url(img/sprite.png) 0 -78px no-repeat; color:#fff; font-size:10px;}
* html .submit:hover {background:transparent url(img/sprite.png) 0 -78px no-repeat; cursor:pointer;}
*+html .submit {position: absolute; display:block; width:100px;height:26px;border:none; background:transparent url(img/sprite.png) 0 -78px no-repeat; color:#fff; font-size:10px;}
*+html .submit:hover {background:transparent url(img/sprite.png) 0 -78px no-repeat; cursor:pointer;}
.submit {width:100px;height:26px;border:none;background:transparent url(img/sprite.png) 0 -78px no-repeat; color:#fff; font-size:10px;}
.submit:hover {background:transparent url(img/sprite.png) -100px -78px no-repeat;cursor:pointer;}
#commentForm .ero {background-color:#daa59f;}
#cfrau {position:absolute;top:0;left:90px;width:18px;border:none;}
* html #cfrau, *+html #cfrau {top:3px;}
#lfrau {position:absolute;top:3px;left:115px;width:40px;border:none;}
* html #lfrau, *+html #lfrau {left:110px;}
#cherr {position:absolute;top:0;left:155px;width:18px;border:none;}
* html #cherr, *+html #cherr {top:3px;left:150px;}
#lherr {position:absolute;top:3px;left:180px;width:40px;border:none;}
* html #lherr, *+html #lherr {left:170px;}
#an {position:relative;margin:0 0 18px 0;padding-top:4px;}
form.cmxform #an label.error {margin:23px 0 0 55px;width:165px;}
#commentForm #an .ero {background-color:transparent;}
/* scrollbar
========== */
.jScrollPaneContainer {position:relative;overflow:hidden;z-index:1;}
.jScrollPaneTrack {position:absolute;top:0;right:0;height:100%;background:#ded4b9;cursor:pointer;}
.jScrollPaneDrag {position:absolute;overflow:hidden;background:#b8a56a;cursor:pointer;}
.jScrollPaneDragTop {position:absolute;top:0;left:0;overflow:hidden;}
.jScrollPaneDragBottom {position:absolute;bottom:0;left:0;overflow:hidden;}
a.jScrollArrowUp {display:block;position:absolute;top:0;right:0;overflow:hidden;height:9px;z-index:1;text-indent:-9999px;/*background-color: #666;*/}
a.jScrollArrowUp:hover {/*background-color: #f60;*/}
a.jScrollArrowDown {display:block;position:absolute;bottom:0;right:0;overflow:hidden;height:9px;z-index:1;text-indent:-9999px;/*background-color: #666;*/}
a.jScrollArrowDown:hover {/*background-color: #f60;*/}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {/*background-color: #f00;*/}
/* fancybox
========== */
div#fancy_overlay {position:fixed;top:0;left:0;width:100%;height:100%;background-color:#666;display:none;z-index:300000;}
* html div#fancy_overlay {position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
div#fancy_wrap {text-align:left;}
div#fancy_loading {position:absolute;height:40px;width:40px;cursor:pointer;display:none;overflow:hidden;background:transparent;z-index:1000000;}
div#fancy_loading div {position:absolute;top:0;left:0;width:40px;height:480px;background:transparent url('../img/fancy_progress.png') no-repeat;}
div#fancy_loading_overlay {position:absolute;background-color:#fff;z-index:300000;}
div#fancy_loading_icon {position:absolute;background:url('../img/fancy_loading.gif') no-repeat;z-index:350000;width:16px;height:16px;}
div#fancy_outer {position:absolute;top:0;left:0;z-index:900000;padding:18px 18px 33px 18px;margin:0;overflow:hidden;background:transparent;display:none;}
div#fancy_inner {position:relative;width:100%;height:100%;border:1px solid #728282;background:#fff;}
div#fancy_content {margin:0;z-index:1000000;position:absolute;}
div#fancy_div {background:#fff;color:#535353;height:100%;width:100%;z-index:1000000;}
img#fancy_img {position:absolute;top:0;left:0;border:0;padding:0;margin:0;z-index:1000000;width:100%;height:100%;}
div#fancy_close {position:absolute;top:-12px;right:-15px;height:30px;width:30px;background:url('../img/fancy_closebox.png') top left no-repeat;cursor:pointer;z-index:1810000;display:none;}
#fancy_frame {position:relative;width:100%;height:100%;display:none;}
#fancy_ajax {width:100%;height:100%;overflow:auto;}
a#fancy_left, a#fancy_right {position:absolute;bottom:0px;height:100%;width:35%;cursor:pointer;z-index:1110000;display:none;background-image:url(data:image/gif;base64,AAAA);outline:none;}
a#fancy_left {left:0px;}
a#fancy_right {right:0px;}
span.fancy_ico {position:absolute;top:50%;margin-top:-15px;width:30px;height:30px;z-index:1120000;cursor:pointer;display:block;}
span#fancy_left_ico {left:-9999px;background:transparent url('../img/fancy_left.png') no-repeat;}
span#fancy_right_ico {right:-9999px;background:transparent url('../img/fancy_right.png') no-repeat;}
a#fancy_left:hover {visibility:visible;}
a#fancy_right:hover {visibility:visible;}
a#fancy_left:hover span {left:20px;}
a#fancy_right:hover span {right:20px;}
.fancy_bigIframe {position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;}
div#fancy_bg {position:absolute;top:0;left:0;width:100%;height:100%;z-index:700000;border:0;padding:0;margin:0;}
div.fancy_bg {position:absolute;display:block;z-index:700000;border:0;padding:0;margin:0;}
div.fancy_bg_n {top:-18px;width:100%;height:18px;background:transparent url('../img/fancy_shadow_n.png') repeat-x;}
div.fancy_bg_ne {top:-18px;right:-13px;width:13px;height:18px;background:transparent url('../img/fancy_shadow_ne.png') no-repeat;}
div.fancy_bg_e {right:-13px;height:100%;width:13px;background:transparent url('../img/fancy_shadow_e.png') repeat-y;}
div.fancy_bg_se {bottom:-18px;right:-13px;width:13px;height:18px;background:transparent url('../img/fancy_shadow_se.png') no-repeat;}
div.fancy_bg_s {bottom:-18px;width:100%;height:18px;background:transparent url('../img/fancy_shadow_s.png') repeat-x;}
div.fancy_bg_sw {bottom:-18px;left:-13px;width:13px;height:18px;background:transparent url('../img/fancy_shadow_sw.png') no-repeat;}
div.fancy_bg_w {left:-13px;height:100%;width:13px;background:transparent url('../img/fancy_shadow_w.png') repeat-y;}
div.fancy_bg_nw {top:-18px;left:-13px;width:13px;height:18px;background:transparent url('../img/fancy_shadow_nw.png') no-repeat;}
div#fancy_title {position:absolute;bottom:-33px;left:0;width:100%;z-index:100;display:none;}
div#fancy_title div {color:#FFF;font:bold 12px Arial;padding-bottom:3px;}
div#fancy_title table {margin:0 auto;}
div#fancy_title table td {padding:0;vertical-align:middle;}
td#fancy_title_left {height:32px;width:15px;background:transparent url('../img/fancy_title_left.png') repeat-x;}
td#fancy_title_main {height:32px;background:transparent url('../img/fancy_title_main.png') repeat-x;}
td#fancy_title_right {height:32px;width:15px;background:transparent url('../img/fancy_title_right.png') repeat-x;}
/*SPRACHENSWITCH*/
.m_menu {list-style-type:none; padding:0; margin:0; margin-left:800px;}
.m_menu ul {list-style-type:none;padding:0;margin:0;}
.m_menu li {float:left;background:#fff;margin:0 0 0 -1px;position:relative;}
.m_menu li.m_sub {background:#fff; border-top: #bfbfbd 1px solid; border-left: #bfbfbd 1px solid;border-right: #bfbfbd 1px solid; border-bottom: #bfbfbd 1px solid; background:#fff url(img/pfeil_r.jpg) 84px 5px no-repeat;}
.m_menu table {border-collapse:collapse;position:absolute;top:0;left:0;z-index:80;font-size:1em;}
.m_menu li a {display:block;color:#424242;font-family:arial, sans-serif;font-size:11px;line-height:24px;width:110px;text-decoration:none;text-align:center;}
.m_menu :hover{color:#424242;background:#e5e5e5 url(img/pfeil_u_grau.jpg) 84px 5px no-repeat;}
.m_menu :hover > a {color:#424242;background:#e5e5e5 url(img/pfeil_u_grau.jpg) 84px 5px no-repeat;}
.m_menu li ul li.m_middle :hover{color:#424242;background:#e5e5e5;}
.m_menu li ul li.m_middle :hover > a {color:#424242;background:#e5e5e5;}
.m_menu li ul li.m_last :hover{color:#424242;background:#e5e5e5;}
.m_menu li ul li.m_last :hover > a {color:#424242;background:#e5e5e5;}
.m_menu ul, .m_menu :hover ul ul {position:absolute;left:-9999px;width:113px; }
.m_menu :hover ul{left:0px;top:24px;background:url(transparent.gif);} /* the background image is for IE7 */
.m_menu :hover ul :hover ul {padding:0 3px;left:110px;top:-3px;}
.m_last{border-bottom: #bfbfbd 1px solid;border-left: #bfbfbd 1px solid;border-right: #bfbfbd 1px solid;}
.m_middle{border-left: #bfbfbd 1px solid;border-right: #bfbfbd 1px solid;}
/*RAHMENTABELLE*/
.mTabelle{width:310px;}
.zeile_d{background-color:#d9cdc1;float:left;}
.zeile_h{background-color:#e4dbcc;float:left;}
.mLinkespalte{width:120px; float:left;}
.mRechtespalte{width:189px; float:left;}
.vierzeilig {height:70px;}
.fuenfzeilig {height:76px;}
.einzeilig {height:32px;}
.dreizeilig {height:54px;}
.t-box-links{padding-left:10px; padding-top:11px;}
.t-box-rechts{padding-left:10px; width:152px; padding-top:11px;}
.tInter_l, .tFirst_l{border-bottom:1px solid white; border-right:1px solid white;}
.tInter_r, .tFirst_r{border-bottom:1px solid white;}
.tLast_l{border-right:1px solid white;}
/*PRODUKTEINBAU IM PRODUKTAUSWAHLFENSTER*/
.all-produkt{display:block; float:left; width:290px;}
.small-text{line-height:16px;}
.small-produkt-macchiato{display:block; float:left; width:80px; height:159px; background:transparent url('../img/small-macchiato.jpg') no-repeat;}
.small-produkt-espresso{display:block; float:left; width:80px; height:159px; background:transparent url('../img/small-espresso.jpg') no-repeat;}
.small-produkt-cappuccino{display:block; float:left; width:80px; height:159px; background:transparent url('../img/small-cappuccino.jpg') no-repeat;}
/*certified*/
.certified{position:absolute; margin-left:870px; margin-top:-90px; width:90px; height:100px;}
.certified-produkte{position:absolute; margin-left:870px; margin-top:5px; width:90px; height:100px;}
.certified-produkte-free {
position : absolute;
left : 870px;
top : 22px;
width : 91px;
height : 82px;
display : block;
background : transparent url(../img/cert.png) no-repeat 0 0;
}
.certified-unterhaltung{position:absolute; margin-left:870px; margin-top:-200px; width:90px; height:100px;}
/*PDF*/
.pdf{position:absolute; background:transparent url(img/pdf_small.jpg) 0 0 no-repeat; text-indent:21px;}
.audio{position:absolute; background:transparent url(img/audio-small.jpg) 0 0 no-repeat; text-indent:21px;}
.back_to_menu{position:absolute; background:transparent url(img/small-pfeil.gif) 0 0 no-repeat; text-indent:15px; margin-top:19px; margin-left:29px; color:#611317;}
.abmeldung{position:absolute; background:transparent url(img/small-pfeil.gif) 0 0 no-repeat; text-indent:15px; margin-top:19px; margin-left:123px; color:#611317;}
#funkspots a:hover{color:#434343;}
#plakate a:hover{color:#434343;}
/*PLAKATBOXEN - plakate.html*/
.content_plakate{float:left; width:300px;}
.cube{float:left; width:130px; height:110px;}
.cube-left{float:left; width:130px; height:110px; margin-left:20px;}
#plakate #content img{display:block; height:90px; width:130px; position:static;}
#haendler #content img{display:block; height:90px; width:130px; position:static;}
.dl-plakat{display:block; position:absolute; background:transparent url(img/small-pfeil.gif) 0 3px no-repeat; margin-top:3px; text-indent:15px; color:#611317; padding-top:3px;}
.rainforst-external{display:block; position:absolute; background:transparent url(img/small-pfeil.gif) 0 3px no-repeat; margin-top:2px; text-indent:21px; color:#611317; padding-top:0px;}
.noFirst{margin-top:10px;}
/*OVERWRITE LAYOUT OHNE H2 ÜBERSCHRIFTEN*/
#herstellung #halterung, #herstellung_02 #halterung, #herstellung_03 #halterung, #herstellung_04 #halterung, #herstellung_05 #halterung, #herstellung_06 #halterung{top:65px;}
#herstellung #halterung-her, #herstellung_02 #halterung-her, #herstellung_03 #halterung-her, #herstellung_04 #halterung-her, #herstellung_05 #halterung-her, #herstellung_06 #halterung-her{top:135px; left:305px;}
#impressum #halterung{top:65px;}
#hinweis #halterung{top:65px;}
#kontakt #halterung{top:65px;}
#haendler #halterung{top:65px;}
#haendler-login #halterung{top:65px;}
/*OVERWRITE HÖHE DES SCROLLBALKEN WIRD ANGEPASST*/
#herstellung .inhalt, #herstellung .desc, #herstellung_02 .inhalt, #herstellung_02 .desc, #herstellung_03 .inhalt, #herstellung_03 .desc, #herstellung_04 .inhalt, #herstellung_04 .desc, #herstellung_05 .inhalt, #herstellung_05 .desc, #herstellung_06 .inhalt, #herstellung_06 .desc {height:245px; width: 360px;}
#herstellung .inhalt p, #herstellung_02 .inhalt p, #herstellung_03 .inhalt p, #herstellung_04 .inhalt p, #herstellung_05 .inhalt p, #herstellung_06 .inhalt p, .desc p {width: 340px;}
#produkte .inhalt p, .desc p {width: 300px;}
#herstellung .inhalt p, #herstellung.desc p, #herstellung_01 .inhalt p, #herstellung_01 .desc p, #herstellung_02 .inhalt p, #herstellung_02 .desc p, #herstellung_03 .inhalt p, #herstellung_03 .desc p, #herstellung_04 .inhalt p, #herstellung_04 .desc p, #herstellung_05 .inhalt p, #herstellung_05 .desc p, #herstellung_06 .inhalt p, #herstellung_06 .desc p {width: 340px;}
#impressum .inhalt, #impressum .desc {height:285px;}
#hinweis .inhalt, #hinweis .desc {height:285px;}
#kontakt .inhalt, #kontakt .desc {height:290px;}
#haendler .inhalt, #haendler .desc {height:250px;}
#haendler-login .inhalt, #haendler-login .desc {height:290px;}
/*LOGO in HERSTELLUNG*/
.certified-produkte-logo{display:block; width:93px; height:86px; background:transparent url('../img/cert.png') no-repeat;}
.cert_all{display:block; float:left; width:288px; height:100px; }
.cert_logo{display:block; float:left; width:93px;}
.cert_text{float:left; width:190px; margin-left:5px; line-height:16px;}
/*RADIO*/
#spot1, #spot2, #spot3 {width:220px;height:20px;}
.spotspace{margin-top:7px;}
.spottext{position:relative; display:block; height: 14px; width:300px; margin-left:4px; color:#611317;}
/*LOGINBEREICH*/
.f-eingabe{margin-top:10px;}
.f-txt{margin-top:10px;}
#haendler-login .f-eingabe input{width:288px;}
#haendler-login .f-eingabe input{width:288px;}
.onlinestatus {display:block; position:absolute; padding-top:100px; padding-left: 80px;}
.offlinestatus {display:block; position:absolute; top:155px; padding-left: 70px;}
.ausloggen {display:block; position:absolute; width:100px; margin-left: 206px; margin-top: 96px; height:26px; background:transparent url(img/sprite.png) 0 -78px no-repeat; color:#fff; text-indent:23px; line-height:24px;}
.ausloggen:hover {background:transparent url(img/sprite.png) -100px -78px no-repeat;cursor:pointer;}
#white, #white2{color:#fff;}
.f-submit{margin-top:20px; margin-left:190px;}
.f-submit {width:100px;height:26px;border:none;background:transparent url(img/sprite.png) 0 -78px no-repeat;}
.f-submit:hover {background:transparent url(img/sprite.png) -100px -78px no-repeat;cursor:pointer;}
/*HERSTELLUNG NAVI*/
#nav-herstellung {float:left;position:relative; /*width:634px;*/ height:72px; margin:30px 0 0 180px;}
* html #nav-herstellung {float:left;position:relative; /*width:634px;*/ height:72px; margin:30px 0 0 90px;}
#nav-herstellung li {float:left;}
#nav-herstellung li a {display:block; height:72px; width: 92px; text-indent:-999999px;}
a#nav_her_01 {background:transparent url('../img/herstellung-nav-01-01.jpg') no-repeat; margin-top:6px; margin-left:7px;}
a#nav_her_01:hover, li.active a#nav_her_01 {background:transparent url('../img/herstellung-nav-01-02.jpg') no-repeat;}
a#nav_her_02 {background:transparent url('../img/herstellung-nav-02-01.jpg') no-repeat; margin-top:6px; margin-left:7px;}
a#nav_her_02:hover, li.active a#nav_her_02 {background:transparent url('../img/herstellung-nav-02-02.jpg') no-repeat;}
a#nav_her_03 {background:transparent url('../img/herstellung-nav-03-01.jpg') no-repeat; margin-top:6px; margin-left:7px;}
a#nav_her_03:hover, li.active a#nav_her_03 {background:transparent url('../img/herstellung-nav-03-02.jpg') no-repeat;}
a#nav_her_04 {background:transparent url('../img/herstellung-nav-04-01.jpg') no-repeat; margin-top:6px; margin-left:7px;}
a#nav_her_04:hover, li.active a#nav_her_04 {background:transparent url('../img/herstellung-nav-04-02.jpg') no-repeat;}
a#nav_her_05 {background:transparent url('../img/herstellung-nav-05-01.jpg') no-repeat; margin-top:6px; margin-left:7px;}
a#nav_her_05:hover, li.active a#nav_her_05 {background:transparent url('../img/herstellung-nav-05-02.jpg') no-repeat;}
a#nav_her_06 {background:transparent url('../img/herstellung-nav-06-01.jpg') no-repeat; margin-top:6px; margin-left:7px;}
a#nav_her_06:hover, li.active a#nav_her_06 {background:transparent url('../img/herstellung-nav-06-02.jpg') no-repeat;}
/*.menu-herstellung{display:block; width:634px; height:72px; background-color:#000; margin-left: 30px;}*/
#nav_her_01{width:92px; height:72px;background-color:#ccc;}
.h1_big{font-size:13px;}
/*Tooltip*/
#tooltip{position:absolute; background:#665c5b; padding:2px 5px; color:#333; display:none; color:#fff; font-size:13px;}
/*Ayhan Problem überlappung*/
#img_cafe, #img_espresso, #img_macchiato, #img_cappuccino, #img_flatwhite, #espresso, #macchiato, #caffe, #cappuccino, #flatwhite {visibility:hidden;}
/**
* Startseite
**/
#start #sternchen-startseite{
position : absolute;
display : block;
width : 50px;
height : 50px;
top : 268px;
left : 166px;
}
#start #neu-stoerer{
position : absolute;
display : block;
width : 56px;
height : 56px;
top : 368px;
left : 492px;
}
#start .btnProdLight {
position : absolute;
top : 386px;
left : 517px;
display : block;
width : 328px;
height : 122px;
background : transparent url(../img/btn-home-macchiato-light.png) no-repeat 0 0;
}
#start a span {
cursor : pointer;
}
#start .btnProdLight * {
color : #434343;
text-decoration : none;
}
#start .btnProdLight .icon {
background : url(img/sprite.png) no-repeat scroll -60px -48px transparent;
display : block;
height : 30px;
position : absolute;
right : 0;
text-indent : -9999px;
top : 35px;
width : 30px;
}
#start .btnProdLight:hover .icon {
background-position: -90px -48px;
}
#start .btnProdLight .text {
position : absolute;
top : 35px;
left : 67px;
line-height : 13px;
}
#start .homeProducts {
position : absolute;
top : 213px;
left : 34px;
width : 401px;
height : 332px;
background : transparent url(../img/visual-home-products.png) no-repeat 0 0;
}
#start .homeStoererNeuNoFlash {
position : absolute;
top : 5px;
left : 5px;
}