@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;
		font-weight: bold;
    }
    .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;
    }
}