﻿.menu_top{width:840px;float:right;}
.menunav {font-size:16px;margin:0px;padding:0px;}
.menunav li {z-index: 1001; display: inline;float: left;}
.menunav li a {display: block;text-decoration: none;color:#707070;}
.menunav li a.navhover {cursor: pointer;}



/*A*/
.menunav li  a.depth1 {font-family:Microsoft YaHei; text-align:center;height:90px;line-height:90px;padding:0px 25px 0px 18px;}
.menunav li  a.depth2 
        ,a.depth3
        ,a.depth4
        ,a.depth5
        ,a.depth6
        ,a.depth7
        ,a.depth8
        ,a.depth9
{font-family:Microsoft YaHei; text-align:center;height:90px;line-height:90px;border-radius: 5px 5px 0px 0px;padding:0px 25px 0px 25px;position: relative; 
transition:         color 300ms ease-in-out, background-color 300ms ease-in-out;
-moz-transition:    color 300ms ease-in-out, background-color 300ms ease-in-out;
-webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
-o-transition:      color 300ms ease-in-out, background-color 300ms ease-in-out;
}

/*hover*/
.menunav .sprite1 a.navhover
    ,.sprite2 a.navhover 
    ,.sprite3 a.navhover 
    ,.sprite4 a.navhover 
    ,.sprite5 a.navhover 
    ,.sprite6 a.navhover 
    ,.sprite7 a.navhover 
    ,.sprite8 a.navhover 
    ,.sprite9 a.navhover 
{
    background-color: #fff; color:#4fa93f;font-family:Microsoft YaHei;opacity: .8!important; filter:alpha(opacity=80);border-radius: 5px 5px 0px 0px;
    font-weight: bold;
transition:         color 300ms ease-in-out, background-color 300ms ease-in-out;
-moz-transition:    color 300ms ease-in-out, background-color 300ms ease-in-out;
-webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
-o-transition:      color 300ms ease-in-out, background-color 300ms ease-in-out;
}

/*
.nav .sprite1 a.depth1 {background: url("../img/menu.png") no-repeat scroll -15px -6px transparent;}
.nav .sprite1 a.navhover {background-position: -15px -63px;}

.nav .sprite2 a.depth2 {background: url("../img/menu.png") no-repeat scroll -145px -6px transparent;}
.nav .sprite2 a.navhover {background-position: -145px -63px;}

.nav .sprite3 a.depth3 {background: url("../img/menu.png") no-repeat scroll -290px -6px transparent;}
.nav .sprite3 a.navhover {background-position: -290px -63px;}

.nav .sprite4 a.depth4 {background: url("../img/menu.png") no-repeat scroll -435px -6px transparent;}
.nav .sprite4 a.navhover {background-position: -435px -63px;}
*/

.children 
{
    position: absolute;display:none;overflow: hidden;border-radius: 0px 0px 5px 5px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);width:100%;
    background-color: #fff;opacity: .9; filter:alpha(opacity=90);color:#fff;left:0px;
}

.w1 
{
width:200px;;
left:600px;
}

.w2 
{
width:200px;;
left:690px;
}

.w3 
{
width:200px;;
left:805px;
}



.menu_hover { color:#4fa93f !important;font-weight: bold;}

/*.menu_hover .arrows { 
    position: absolute;
    right: 0px;
    top: 63px;
    width:100%;
    z-index: 0;
    border: 3px solid #4fa93f;
}*/

.menu_hover .arrows {
    content: "";
    position: absolute;
    right: 10px;
    top: 43px;
    border: 5px solid transparent;
    border-top: 5px solid #4fa93f;
}

.space {display: inline;padding:0px 6px;}
.radius{
    -moz-border-radius: 8px;      /* Gecko browsers */
    -webkit-border-radius: 8px;   /* Webkit browsers */
    border-radius:8px;            /* W3C syntax */
    box-shadow: 0 0 8px #CDCDCD;
    box-shadow:3px 3px 3px #999 inset; 
}

.jiantou {
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-bottom: 15px solid #ff9900;
    display: inline-block;
    height: 0;
    width: 0;
}



.MenuSub {
    /*border-left: 1px solid #ccc;*/
    display: inline-block;
    float: left;
    overflow: hidden;
    width: 220px;
	/*min-height:100px;*/
    margin: 0px 0px 0px -1px;
}
.MenuSub dl {
    color: #606060;
    width: 180px;margin:auto;
}
.MenuSub dl dt {font-weight: bold;line-height: 21px;margin:15px 0px 15px 0px;color:#4fa93f;font-size:14px;padding:0px;}
.MenuSub dl dt a{color:#4fa93f;padding:0px;}
.MenuSub dl dt a:hover{color:#4fa93f;text-decoration: underline}
.MenuSub dd {line-height:21px;word-break: break-all;word-wrap: break-word;margin-left:-8px;font-size:12px;}
.MenuSub dd i {
    border-right: 1px solid #CCCCCC;
    font-style: normal;
    height: 14px;
    line-height: 14px;
    margin: 4px 0;
    padding: 0 8px;line-height:21px;
}
.MenuSub dd a {display: inline-block;padding:0px;color:#333;}
.MenuSub dd a:hover {color: #333; text-decoration: underline}



.iSub {
    display: inline-block;
    float: left;
    overflow: hidden;
    width:100%;
    margin: 0px 0px 0px 0px;
    padding-bottom:10px;
}
.iSub dl {
    color: #606060;
    width: 100%;margin:auto;
}
.iSub dl dt {font-weight: bold;line-height: 21px;margin: 15px 0px 5px 0px;color:#4fa93f;font-size:14px;padding:0px;font-family:Microsoft YaHei;}
.iSub dl dt a{color:#fff;padding:0px;font-size:14px;}
.iSub dl dt a:hover{color:#fff;text-decoration: underline}
.iSub dd {line-height:21px;word-break: break-all;word-wrap: break-word;font-size:12px;}
.iSub dd i {
    border-right: 1px solid #CCCCCC;
    font-style: normal;
    height: 14px;
    line-height: 14px;
    margin: 4px 0;
    padding: 0 8px;line-height:21px;
}
.iSub dd a {display: inline-block;padding:0px;color:#666;width:100%; text-indent:22px; font-size:14px;padding:5px 0px;}
.iSub dd a:hover {color: #000; text-decoration: none; background-color:#fff;}


.iSub1 {float: left;width: 100%;font-family:Microsoft YaHei; font-size:12px;}
.iSub1 dl {margin: 6px 0 18px;overflow: hidden;padding-left: 85px;position: relative;top: 0;}
.iSub1 dl dt {color: #FFFFFF;font-weight: bold;left: 0;line-height: 21px;position: absolute;text-align: right;top: 1px;width: 70px;}
.iSub1 dd {border-bottom: 1px dotted #C3C3C3;line-height: 21px;width: 90%;}
.iSub1 dd a {color: #FFFFFF;display: inline-block;margin-right: 12px;padding:0px;}
.iSub1 dd a:hover {color: #CCCCCC;}

.arrows {
    content: "";
    position: absolute;
    right: 10px;
    top: 43px;
    border: 5px solid transparent;
    border-top: 5px solid #707070;
}
.menu_right
{
    padding:36px 0px 0px 0px;margin-left:60px;float:right;
}


.icon-reinigungsautomaten {
    background: url(icon-reinigungsautomaten.png) no-repeat scroll 0px 0px transparent;
    background-size: 95%;
}
.icon-einscheibenmaschinen {
    background: url(icon-einscheibenmaschinen.png) no-repeat center;
    background-size: cover;
}
.icon-rolltreppen-fahrsteigreiniger {
    background: url(icon-rolltreppen-fahrsteigreiniger.png) no-repeat center;
    background-size: cover;
}

.icon {
    display: inline-block;
    width: 26px;
    height: 26px;
    vertical-align: middle;
}
