/* nav_main.css */
#nav_main strong {
  font-weight: normal;
}
#nav_main {
    display:block;
}
#nav_main,
#nav_main * {
    font-family:Arial,Helvetica,sans-serif;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    outline: 0;
}
#nav_main {
    position:relative;
}
#nav_main ul {
    margin:0;
    padding:0;
    list-style: none;
}
#nav_main ul li {
    width:100%;
    position:relative;
    display:block;
}
#nav_main ul li a,
#nav_main ul li a.submenu {
    width:100%;
    position:relative;
    overflow:hidden;
    display:block;
    padding-right:1rem;
    padding-left:1rem;
    white-space:nowrap;
    text-decoration:none;
    color:#10006B;
    font:16px/42px Arial,Helvetica,sans-serif;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-binding: url( 'bindings.xml#ellipsis' );
    /* mit "bindings.xml#none" deaktivierbar */
    background: #cecece;
    background: -moz-linear-gradient(top,  #dee0df 0%, #cecece 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dee0df), color-stop(100%,#cecece));
    background: -webkit-linear-gradient(top,  #dee0df 0%,#cecece 100%);
    background: -o-linear-gradient(top,  #dee0df 0%,#cecece 100%);
    background: -ms-linear-gradient(top,  #dee0df 0%,#cecece 100%);
    background: linear-gradient(to bottom,  #dee0df 0%,#cecece 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dee0df', endColorstr='#cecece',GradientType=0 );
    -o-transition: all 1s ease-out 0s;
    -moz-transition: all 1s ease-out 0s;
    -webkit-transition: all 1s ease-out 0s;
    transition: all 1s ease-out 0s;
}
#nav_main ul li a:hover {
    background: #cecece;
    background: -moz-linear-gradient(top,  #ebebeb0%, #dedede 40%, #cecece 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(40%,#dedede), color-stop(100%,#cecece));
    background: -webkit-linear-gradient(top,  #ebebeb 0%,#dedede 40%,#cecece 100%);
    background: -o-linear-gradient(top,  #ebebeb 0%,#dedede 40%,#cecece 100%);
    background: -ms-linear-gradient(top,  #ebebeb 0%,#dedede 40%,#cecece 100%);
    background: linear-gradient(to bottom,  #ebebeb 0%,#dedede 40%,#cecece 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#cecece',GradientType=0 );
}
#nav_main ul li strong.active,
#nav_main ul li strong.forward,
#nav_main ul li a.trail {
    width:100%;
    position:relative;
    overflow:hidden;
    display:block;
    padding-right:1rem;
    padding-left:1rem;
    white-space:nowrap;
    border-right:3px solid #10006B;
    text-decoration:none;
    color:#10006B;
    font:16px/42px Arial,Helvetica,sans-serif;
    background: #cecece;
    background: -moz-linear-gradient(top,  #dee0df 0%, #dedede 40%, #cecece 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dee0df), color-stop(40%,#dedede), color-stop(100%,#cecece));
    background: -webkit-linear-gradient(top,  #dee0df 0%,#dedede 40%,#cecece 100%);
    background: -o-linear-gradient(top,  #dee0df 0%,#dedede 40%,#cecece 100%);
    background: -ms-linear-gradient(top,  #dee0df 0%,#dedede 40%,#cecece 100%);
    background: linear-gradient(to bottom,  #dee0df 0%,#dedede 40%,#cecece 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dee0df', endColorstr='#cecece',GradientType=0 );
    -o-transition: color .2s linear, background .2s linear;
    -moz-transition: color .2s linear, background .2s linear;
    -webkit-transition: color .2s linear, background .2s linear;
    transition: color .2s linear, background .2s linear;
}
#nav_main ul li a.submenu:after {
    width:11px;
    height:11px;
    right:8px;
    position:absolute;
    overflow:hidden;
    display:block;
    background-position:center center;
    background-repeat:no-repeat;
    background-image:url("/files/_layout/icons/nav_closed.svg");
    top: 35%;
    content: "";
    z-index: 999;
}
#nav_main ul li a.submenu.trail:after,
#nav_main ul li.submenu strong.active:after,
#nav_main ul li.submenu strong.forward:after {
    width:11px;
    height:11px;
    right:8px;
    position:absolute;
    overflow:hidden;
    display:block;
    background-position:center center;
    background-repeat:no-repeat;
    background-image:url("/files/_layout/icons/nav_open.svg");
    top: 35%;
    content: "";
    z-index: 999;
}
#nav_main ul li.submenu ul {
    display:none;
}
#nav_main ul li.active.submenu ul,
#nav_main ul li.forward.submenu ul,
#nav_main ul li.trail.submenu ul {
    display:block;
}
#nav_main ul li ul li a {
    width:100%;
    position:relative;
    overflow:hidden;
    display:block;
    padding:8px 16px 8px 24px;
    white-space:normal;
    background-color:#d8d8d8;
    border-right:3px solid #d8d8d8;
    font:14px/16px Arial,Helvetica,sans-serif;
    text-decoration:none;
    color:#666;
    background: #dee0df;
    background: -moz-linear-gradient(top, #fefefe 0%, #dee0df 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#dee0df));
    background: -webkit-linear-gradient(top, #fafafa 0%,#dee0df 100%);
    background: -o-linear-gradient(top, #fefefe 0%,#dee0df 100%);
    background: -ms-linear-gradient(top, #fefefe 0%,#dee0df 100%);
    background: linear-gradient(to bottom, #fefefe 0%,#dee0df 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#dee0df',GradientType=0 );
    background-size: 100% 100%;
    -o-transition: color .2s linear, background .2s linear;
    -moz-transition: color .2s linear, background .2s linear;
    -webkit-transition: color .2s linear, background .2s linear;
    transition: color .2s linear, background .2s linear;
}
#nav_main ul ul li ul li a {
    width:100%;
    position:relative;
    overflow:hidden;
    display:block;
    padding:8px 16px 8px 32px;
    white-space:nowrap;
    background-color:#d8d8d8;
    border-right:3px solid #d8d8d8;
    text-decoration:none;
    color:#666;
    font:14px/16px Arial,Helvetica,sans-serif;
    background: #EFF0F0;
    background: -moz-linear-gradient(top, #fefefe 0%, #EFF0F0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#EFF0F0));
    background: -webkit-linear-gradient(top, #fafafa 0%,#EFF0F0 100%);
    background: -o-linear-gradient(top, #fefefe 0%,#EFF0F0 100%);
    background: -ms-linear-gradient(top, #fefefe 0%,#EFF0F0 100%);
    background: linear-gradient(to bottom, #fefefe 0%,#EFF0F0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#EFF0F0',GradientType=0 );
    background-size: 100% 100%;
    -o-transition: color .2s linear, background .2s linear;
    -moz-transition: color .2s linear, background .2s linear;
    -webkit-transition: color .2s linear, background .2s linear;
    transition: color .2s linear, background .2s linear;
}
#nav_main ul li ul li a:hover {
    background-color:#ebebeb;
    opacity:0.8;
    background: #ebebeb;
    background: -moz-linear-gradient(top, #ebebeb, #dee0df);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#dee0df));
    background: -webkit-linear-gradient(top, #ebebeb,#dee0df);
    background: -o-linear-gradient(top, #ebebeb,#dee0df);
    background: -ms-linear-gradient(top, #ebebeb,#dee0df);
    background: linear-gradient(to bottom, #ebebeb,#dee0df);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#dee0df',GradientType=0 );
}
#nav_main ul li ul li strong.active,
#nav_main ul li ul li strong.forward,
#nav_main ul li ul li a.trail {
    width:100%;
    position:relative;
    overflow:hidden;
    display:block;
    padding:8px 16px 8px 24px;
    white-space:normal;
    background-color:#d8d8d8;
    border-right:3px solid #10006B;
    font:14px/16px Antic,Helvetica,Arial,sans-serif;
    font-weight:normal;
    text-decoration:none;
    color:#10006B;
    background: #dee0df;
    background: -moz-linear-gradient(top,  #eceeed 0%, #dee0df 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eceeed), color-stop(100%,#dee0df));
    background: -webkit-linear-gradient(top, #eceeed 0%,#dee0df 100%);
    background: -o-linear-gradient(top,  #eceeed 0%,#dee0df 100%);
    background: -ms-linear-gradient(top,  #eceeed 0%,#dee0df 100%);
    background: linear-gradient(to bottom, #eceeed 0%,#dee0df 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eceeed', endColorstr='#dee0df',GradientType=0 );
    -o-transition: color .2s linear, background .2s linear;
    -moz-transition: color .2s linear, background .2s linear;
    -webkit-transition: color .2s linear, background .2s linear;
    transition: color .2s linear, background .2s linear;
}
#nav_main ul ul li ul li strong.active,
#nav_main ul ul li ul li strong.forward,
#nav_main ul ul li ul li a.trail {
    width:100%;
    position:relative;
    overflow:hidden;
    display:block;
    padding:8px 16px 8px 32px;
    white-space:normal;
    border-right:3px solid #10006B;
    text-decoration:none;
    color:#10006B;
    font:14px/16px Arial,Helvetica,sans-serif;
    background: #EFF0F0;
    background: -moz-linear-gradient(top, #fefefe 0%, #EFF0F0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#EFF0F0));
    background: -webkit-linear-gradient(top, #fafafa 0%,#EFF0F0 100%);
    background: -o-linear-gradient(top, #fefefe 0%,#EFF0F0 100%);
    background: -ms-linear-gradient(top, #fefefe 0%,#EFF0F0 100%);
    background: linear-gradient(to bottom, #fefefe 0%,#EFF0F0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#EFF0F0',GradientType=0 );
    background-size: 100% 100%;
    -o-transition: color .2s linear, background .2s linear;
    -moz-transition: color .2s linear, background .2s linear;
    -webkit-transition: color .2s linear, background .2s linear;
    transition: color .2s linear, background .2s linear;
}
#nav_main ul li ul li strong.active:after,
#nav_main ul li ul li strong.forward:after,
#nav_main ul li.submenu ul li strong.active:after,
#nav_main ul li.submenu ul li strong.forward:after {
    width:1px;
    height:1px;
    display:block;
    content: "";
    background: none;
}
#nav_main ul li ul li a.last {
    border-bottom:1px solid #ccc;
}
#nav_main ul li ul li a.first {
    border-top:1px solid #ccc;
}
#nav_main a.protected:before,
#nav_main strong.protected:before {
    width:16px;
    height:16px;
    left:3px;
    position:absolute;
    display:block;
    margin-right:5px;
    background-repeat:no-repeat;
    top:7px;
    background-image:url("/files/_layout/icons/lock.png");
    content: " ";
}
#nav_main .level_3 a.protected:before,
#nav_main .level_3 strong.protected:before {
    left:26px;
}
#nav_main ul ul li a.active.protected,
#nav_main ul ul li strong.active.protected {
    padding-left:26px;
}
#nav_main ul ul ul li a.protected {
    padding-left:52px;
}
#nav_main a.protected {
    position:relative;
    padding:9px 15px 9px 26px;
    background-color:#f6f6f6;
    font-size:.9rem;
    line-height:1;
    font-weight:normal;
}
