@charset "UTF-8"; @media all { .webkit { /* new subnavi */ /* general */ /* general */ /* 1st Level */ /* 1st Level */ /* 2nd Level */ /* 2nd Level */ /* shop-navi with icons */ /* /subnavigation */ /* breadcrumb navigation */ /* /breadcrumb navigation */ /* breadcrumb navigation with correct rich-snippets*/ } .webkit .hlist { /* (en) containing floats in IE */ /* (de) Einfassen der Floats im IE */ width: 100%; /* (en) containing floats in all other browsers */ /* (de) Einfassen der Floats in allen anderen Browsern */ /* (en|de) Bugfix:IE - collapsing horizontal margins */ position: relative; /* (en) Repeat the main color from the image */ /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */ background-color: #dedede; } .webkit .hlist ul { margin: 0 -1px 0 0; padding: 0 0 0 1px; /* (en|de) Bugfix:IE - Doubled Float Margin Bug */ display: inline; float: left; /* LTR */ overflow: hidden; } .webkit * html .hlist ul { margin-bottom: -1px; margin-left: -1px; } .webkit .hlist ul li { /* (en|de) Bugfix:IE - Doubled Float Margin Bug */ display: inline; float: left; /* LTR */ list-style-type: none; line-height: 16px; margin: 0; padding: 0; } .webkit .hlist ul li a, .webkit .hlist ul li a:visited, .webkit .hlist ul li a:focus, .webkit .hlist ul li strong { color: #000; display: block; font-weight: bold; margin: 0; padding: 5px 13px 8px 13px; text-decoration: none; width: auto; float: left; background-color: #dedede; border-bottom: 1px solid #fff; } .webkit .hlist ul li a:hover, .webkit .hlist ul li a:active { color: #fff; text-decoration: none; background-color: #959595; padding: 5px 12px 9px 13px; margin-left: -1px; border-right: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 0; font-weight: bold; } .webkit * html .hlist ul li a:hover, .webkit * html .hlist ul li a:focus, .webkit * html .hlist ul li a:active { border-left: 2px solid #fff; padding: 5px 12px 9px 12px; font-weight: bold; } .webkit .hlist li a.active, .webkit .hlist li a.active:active, .webkit .hlist li a.active:focus, .webkit .hlist li a.active:visited, .webkit .hlist li a.active:hover { /* (en) Repeat the main color from the image */ /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */ background-color: #959595; border-right: 2px solid #fff; border-left: 1px solid #fff; margin: 0 -1px 0 -1px; color: #fff; border-bottom: 0; padding: 5px 12px 9px 13px; font-weight: bold; } .webkit .hlist ul li a.active strong, .webkit .hlist ul li a.active:focus, .webkit .hlist ul li a.active:hover, .webkit .hlist ul li a.active:active { color: #fff; text-decoration: none; border-bottom: 0; font-weight: bold; } .webkit * html .hlist li a.active, .webkit * html .hlist li a.active:active, .webkit * html .hlist li a.active:focus, .webkit * html .hlist li a.active:visited, .webkit * html .hlist li a.active:hover { margin-bottom: 0; border-left: 2px solid #fff; padding: 5px 12px 9px 12px; font-weight: bold; } .webkit #col1_content ul { list-style-type: none; padding: 0; margin: 0; border-top: 1px solid #cdcdcd; } .webkit #subnav { z-index: 1; } .webkit #subnav a { color: #000; padding: 4px 10px 5px 0; display: block; zoom: 1; line-height: 18px; font-weight: normal; position: relative; } .webkit #subnav a:hover { color: #c00; } .webkit #subnav a:visited { color: #000; } .webkit #subnav li { margin: 0; } .webkit #subnav li a { padding-left: 26px; font-weight: normal; color: #000000; border-bottom: 1px solid #cdcdcd; position: relative; } .webkit #subnav li a { padding: 8px 16px 8px 26px; } .webkit #subnav a.active { padding-left: 26px; background-color: #ececec; color: #000000; } .webkit #subnav a.activelst { padding-left: 26px; background-color: #cdcdcd; color: #000000; } .webkit #subnav a.active:visited { color: #000000; } /*.webkit #subnav a .icon { background-position: -451px -808px; width: 7px; height: 12px; display: block; position: absolute; top: 7px; left: 9px; } .webkit #subnav li a .icon { top: 11px; } .webkit #subnav a.active .icon { background-position: -419px -808px; }*/ .webkit #subnav a .icon-interface-left { position: absolute; top: 9px; left: 7px; color: #cc0000; font-size: 15px; } .webkit #subnav a .icon-interface-right { position: absolute; top: 9px; left: 7px; color: #cc0000; font-size: 15px; } .webkit #subnav li ul { border: none; } .webkit #subnav li ul li a { font-weight: normal; padding-left: 26px; } .webkit #subnav li ul li:hover > a { color: #cc0000; } .webkit #subnav li ul li a:last-child { border-bottom: 1px solid #cdcdcd; } .webkit #subnav li ul li a .icon { position: absolute; right: 0px; left: auto; background: none !important; font-size: 1.2rem!important; right: 1.4rem!important; left: auto!important; margin-top: .4rem!important; } .webkit #subnav li ul li a.active { background-color: #fff; padding-left: 26px; color: #000000; font-weight: bold; } .webkit #subnav li ul li a.active .icon { display: none; } .webkit #subnav a.activelst { padding-left: 22px; background-color: #cdcdcd; color: #000000; } .webkit #subnav li ul li a.active.current.hasSub { background-color: #fff; color: #000000; font-weight: bold; border-bottom: 1px solid #cdcdcd; } .webkit #subnav li ul li a.active.current.hasSub .icon { display: none; } .webkit #subnav li ul li a.active .icon, .webkit #subnav li ul li a.activelst .icon { background-position: -430px -810px; } .webkit #subnav li ul li a.active.down { background-color: #ececec; padding-left: 26px; color: #000000; font-weight: bold; border-bottom: 1px solid #cdcdcd; } .webkit #subnav a.active.down .icon { background-position: -419px -808px; display: block; height: 12px; left: 8px; right: auto; position: absolute; top: 7px; width: 7px; } .webkit #subnav > li a.active.down .icon { top: 11px; } .webkit #subnav li ul li a.active.down .icon { top: 11px; } .webkit #subnav li { position: relative; } .webkit #subnav .icon.percent { background-position: -19px -477px; width: 16px; height: 16px; } .webkit #subnav .icon.cyid05 { background-position: 0 -806px !important; width: 18px; height: 17px; top: 7px; left: 0px; position: absolute; } .webkit #subnav .icon.cyid07 { background-position: -37px -477px; width: 13px; height: 16px; top: 7px; left: 0px; position: absolute; } .webkit #subnav .icon.cyid10 { background-position: -21px -806px !important; width: 18px; height: 17px; top: 7px; left: 0px; position: absolute; } .webkit #subnav .icon.cyid15 { background-position: -42px -806px !important; width: 18px; height: 17px; top: 8px; left: 0px; position: absolute; } .webkit #subnav .icon.cyid20 { background-position: -63px -806px !important; width: 18px; height: 17px; top: 7px; left: 0px; position: absolute; } .webkit #subnav .icon.cyid21 { background-position: -343px -806px !important; width: 17px; height: 17px; top: 7px; left: 0px; position: absolute; } .webkit #subnav .icon.cyid22 { background-position: -311px -806px !important; width: 18px; height: 17px; top: 8px; left: 0px; position: absolute; } .webkit #subnav .icon.cyid23 { background-position: -164px -788px !important; width: 18px; height: 17px; top: 8px; left: 0px; position: absolute; } .webkit #subnav .icon.cyid25 { background-position: -98px -806px !important; width: 18px; height: 17px; top: 7px; left: 0px; position: absolute; } .webkit #subnav .icon.cyid30 { background-position: -114px -806px !important; width: 18px; height: 17px; top: 7px; left: 0px; position: absolute; } .webkit #subnav .icon.cyid35 { background-position: -360px -806px !important; width: 17px; height: 17px; top: 7px; left: 0px; position: absolute; } .webkit #subnav .icon.cyid40 { background-position: -83px -806px !important; width: 18px; height: 17px; top: 7px; left: 2px; position: absolute; } .webkit #subnav .icon.cyid45 { background-position: -130px -806px !important; width: 18px; height: 17px; top: 7px; left: 2px; position: absolute; } .webkit #subnav .icon.cyid50 { background-position: -259px -806px !important; width: 18px; height: 17px; top: 7px; left: 0px; position: absolute; } .webkit #subnav .icon.cyid55 { background-position: -147px -806px !important; width: 17px; height: 17px; top: 7px; left: 1px; position: absolute; } .webkit #subnav .icon.cyid56 { background-position: -164px -806px !important; width: 18px; height: 17px; top: 7px; left: 0px; position: absolute; } .webkit #subnav .icon.cyid60 { background-position: -182px -806px !important; width: 18px; height: 17px; top: 7px; left: 0px; position: absolute; } .webkit #subnav .icon.cyid61 { background-position: -296px -806px !important; width: 15px; height: 17px; top: 7px; left: 2px; position: absolute; } .webkit #subnav .icon.cyid65 { background-position: -202px -806px !important; width: 18px; height: 17px; top: 7px; left: 0px; position: absolute; } .webkit #subnav .icon.cyid66 { background-position: -146px -787px !important; width: 17px; height: 17px; top: 7px; left: 0px; position: absolute; } .webkit #subnav .icon.cyid67 { background-position: -106px -788px; width: 15px; height: 16px; top: 7px; left: 0px; position: absolute; } .webkit #subnav .icon.cyid70 { background-position: -239px -806px !important; width: 18px; height: 17px; top: 7px; left: 0px; position: absolute; } .webkit #subnav .icon.cyid75 { background-position: -279px -806px !important; width: 18px; height: 17px; top: 7px; left: 0px; position: absolute; } .webkit #subnav .icon.cyid80 { background-position: -328px -806px !important; width: 17px; height: 17px; top: 7px; left: 1px; position: absolute; } .webkit #subnav .icon.cyid85 { background-position: -220px -806px !important; width: 18px; height: 17px; top: 7px; left: 0px; position: absolute; } .webkit #subnav .icon.cyid95 { background-position: -381px -806px !important; width: 17px; height: 17px; top: 7px; left: 1px; position: absolute; } .webkit #backLink { display: inline-block; float: left; font-size: 11px; line-height: 14px; padding-right: 10px; margin-right: 10px; border-right: solid 1px #959595; } } @media screen and (max-device-width: 480px) { .webkit #breadcrumb { max-height: 20px; } } /*Chrome + Safari*/ @media screen and (-webkit-min-device-pixel-ratio: 0) { .webkit #breadcrumb { position: relative; left: -1px; } }