/* General mobile navbar styles */
.navbar-header .navwrapper {
    background-color: #fff;
    display: block;
    height: 54px;
    border-bottom: 1px solid #ccc;
/*    -webkit-box-shadow: 0 7px 11px 0px #CCC;
    -moz-box-shadow: 0 7px 11px 0 #CCC;
    box-shadow: 0 7px 11px 0px #CCC;*/
}
.magazin-logo-nav {
    overflow: visible;
    position: absolute;
    width: 50%;
}
.navbar-header .magazin-logo-nav {
    margin-left: 47px;   
    border-color: #e7e7e7;
    padding-top: 5px;   
    float: left;
    width: 95%;
}
.navbar-header .magazin-logo-nav a img {
    margin: 5px 0px;
}
.navbar-default {
    background-color: transparent;
    border-color: #e7e7e7;
}
.navbar-nav {
    margin-top: 0px;
    margin-left: -30px;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #0092ce;
    width: 30px !important;
    height: 4px !important;
}

.navbar-fixed-top {
    border-width: 0 0 1px;
} 

.navbar-default .navbar-toggle {
    position: relative;
    float: left;
    margin: 8px 10px 5px 0px;
    padding: 8px 10px 8px 10px;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.navbar-default .navbar-toggle:focus {
    background-color: #fff;
}
.navbar-default .navbar-toggle:hover {
    /*background-color: #ddd;*/
    background-color: #fff;
}
.navbar-default .navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 3px;
    border-radius: 1px;
}

@media screen and (min-width:768px) {
    .navbar .container {
        padding: 0px;
    }
}

.navbar-collapse {
    //background: transparent;
    //position: relative;
    border-top: 0px;
    //width: 98%;
    //max-height: 800px; 
    //z-index: 1050;
    //margin: 0 2%;
}
.navbar-nav>li {
    background-color:   #00bad8;
}
.navbar-default .navbar-nav>li>a, .nav>li>a {
    color: #FFF;
}
.navbar-nav>li>a {
    background: #00bad8;
    text-decoration: none;
    white-space: nowrap;
    font-size: 0.9em;
    display: block;
    color: #fff;
    border-bottom: 1px solid #00C4DF;
    border-top: 1px solid #00C4DF;
    vertical-align: middle;
    /*text-transform:uppercase;*/
    padding: 10px 2px 10px 10px;
}

.navbar-default .navbar-nav>li>a:hover, 
.navbar-default .navbar-nav>li>a:focus {
    color: #feee41;
    background-color: #00C4DF;
    /*background-color: #89C265;*/
}

.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:hover, 
.navbar-default .navbar-nav>.open>a:focus {
    background-color: #00bad8;
    color: #fff;
    border-color: transparent;
    text-decoration: underline;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    background-color: #00bad8;
    color: #fff;
    font-size: 12px;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    background-color: #00bad8;
    color: #feee41;
}
.navbar-nav .open .dropdown-menu {
    background-color: #00bad8;
    margin-left: 0px;
}
.navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px;
}
.navbar-nav .open .dropdown-menu> li {
    padding-left: 5px;
}
/* Mobile Main Menu:  doppelten Menueintrag einblenden */
.navbar-collapse .menu .menu-xs-md {
    display: block!important;
    }

/* Mobile Second Menu: doppelten Menueintrag ausblenden 
#subnavi .menu .menu-xs-md, #subnavi .menu .current-menu-item {display: none!important;} */
  
/* Leftbar Menu: doppelten Menueintrag ausblenden */
#dc_jqaccordion_widget-2-item .menu-xs-md {
    display: none!important;
    }
/** Subnavi */    
#subnavi {
    background-color: #fff;
    margin: 10px 0px;
}
#subnavi ul>li .current_page_item {
    display: none !important;
}
#subnavi .subnavi-default {
    width: 98%;
    vertical-align: middle;
    border-color: transparent;
    /*border-bottom: 1px solid #73B746;*/
    border-top: 1px solid #ccc;
    padding: 10px 0px 10px 2px;
    font-size: 13px;
    text-align: left;
}

#subnavi .subnavi-default a {
    color: #73B746;
    display: block;
    font-weight: bold;
    text-align: left;
    font-size: 1.2em;
    white-space: normal;
}

#subnavi .subnavi-default a:focus, #subnavi .subnavi-default a:hover, 
#subnavi .subnavi-default a:active, #subnavi .subnavi-default.active {
    background-color: #FBFBEF;
    text-decoration: none;
}

#subnavi .subnavi-default_title {
    text-decoration: none;
}

#subnavi .subnavi-default_title:hover {
    text-decoration: underline;
}

#subnavi .subnavi-default-desc {
    text-align: left;
    white-space: normal;
    float: left;
    width: 90%;
    font-weight: normal;
    font-size: 13px;
    color: #333;
}

#subnavi .subnavi-default-img {
    float: right;
    width: 10%;
    text-align: right;
}
#subnavi .subnavi-default-sign-t {
    float: right;
    width: 10%;
    text-align: right;
    font-size: 25px;
    color: #7CD2ED;
    vertical-align: middle;
    margin-top: -7px;
    margin-bottom: -7px;
    /*color: #CEF6F5;*/
}

#subnavi .subnavi-default-sign-w {
    float: right;
    width: 10%;
    text-align: right;
    font-size: 25px;
    vertical-align: middle;
    margin-top: -7px;
    margin-bottom: -7px;
    color: #ffffff;
}

#subnavi .menu-item {
    background-color: #00BFE4;
    width: 98%;
    vertical-align: middle;
    margin-bottom: 20px;
}

#subnavi .menu-item a {
    background: #00BFE4;
    text-decoration: none;
    white-space: nowrap;
    font-size: 1.2em;
    display: block;
    padding: 10px;
    color: #fff;
    border-bottom: 1px solid #00bad8;
    vertical-align: middle;
}

/* General Care topnavbar styles */

.topnavbar {color:#999;font-size: 18px;margin-left:0px;padding:40px 0 14px 0;position:relative;}
.topnavbar .pipe {margin: 0 3px;}
.topnavbar a, .topnavbar a:visited, .topnavbar a, .topnavbar .pipe {color:#999;}
.topnavbar a:hover {color:#6db33f;text-decoration:none;}

/* General sub nav styles */
.topnav {
    background-color: #fff;
    -webkit-box-shadow: 1px 9px 7px 1px #ccc;
    -moz-box-shadow: 1px 9px 7px 1px #ccc;
    box-shadow: 1px 9px 7px 1px #ccc;
    display: none;
    font-size: 14px;
    list-style: none outside none;
    margin: 20px 0 7px -170px;
    padding: 20px 0 15px 0;
    position: absolute;
    width: 170px;
    z-index: 0;
}
.pipe {margin: 0 3px;}
.topnav li {margin: 0; padding: 3px 0 3px 7px;}
.topnav li:hover {background-color:#e2f0d9;font-weight:bold;}
.topnav li a {display: block}

/* Add left padding to line up nav */
.topnavbar .subnav {
    cursor: pointer;
    padding:10px 0px 4px 6px;
    position: relative;
    z-index: 101;
}

/* Show the border around 'child care' */
.topnavbar .activeNav, .topnavbar .subnav:hover {
    -webkit-box-shadow: 0 4px 7px 2px #ccc;
    -moz-box-shadow: 0 4px 7px 2px #ccc;
    box-shadow: 0 4px 7px 2px #ccc;
    color:#6db33f;}

.topnavbar .navArrow {
    background: url("../../images/green-nav-arrows.png") no-repeat scroll 5px 4px transparent;
    padding: 1px 8px;
}

.topnavbar .activeNav .navArrow, .topnavbar .subnav:hover .navArrow {
    background-position: -10px -28px;
}

/* Show the nav on hover */
.subnav:hover .topnav, .subnav .topnav:hover, .topnavbar .activeNav .topnav {display:inline;}


/* Magazin Nav styles */
#subnav {    
    background-color: #fff;
}
#magazinnav {
    font-size: 1.3em;
}
#magazinnav .mobsubmenu {
    margin-top: 60px;
    background-color: #fff;
}
#magazinnav ul li {
    border-top: 1px solid #ccc;
}

#magazinnav ul li a, #magazinnav ul li a:visited {
    color: #00bce4;
    display: block;
    width: 100%;
    padding: 1em;    
}
#magazinnav ul li a:hover {
    color: #fff;
    background-color: #00bce4;
}

#betreut-navbar-collapse-mobile .navbar-nav, #magazin-navbar-collapse-mobile .navbar-nav{
    margin-bottom: 2px; 
    background-color: #00bad8;
}

/* Betreut Topnav zusaetliche styles fuer wp-menu */
#betreutnav .subnavItem, #betreutnav .noSubnavItem {
    display: inline;
    /*position: inherit;*/
}
#betreutnav ul li a {
    display: inline;
}
#betreutnav .subnav:before, #betreutnav .nosubnav:before, 
#betreutnav .subnavItem:before {
    content: ' | ';
}
#betreutnav .subnavItem:first-child:before, #betreutnav .subnav:first-child:before {
    content: '';
}