
#menuBar {
    float: left; 
    background-color: #c5c6c6; 
    width: 0px; 
    display: none;
   height: auto;
    overflow: auto;
     position: relative;
}


#curDiv {
    width: auto;
    overflow: hidden;
    display: block;
}
#searchInput {
    width: 90%; 
    margin-left: 5%; 
    margin-right: 0; 
    margin-top: 10px; 
    background-color: #F0F0F0;
    border: none;
    padding: 8px;
}

#loginAs {
    margin-left: 5%; 
    margin-top: 10px; 
    overflow: hidden;
}
#loginUser {
    color: #FF8547;
}

.categoryP {
    margin-left: 15px; 
    font-size: 11px; 
    color: #858585;
    border-bottom: 1px solid #858585;
    margin-right: 15px;
}

.nav-pills > li > a, .nav-pills > li > a.aMenuGrey {
    color: black;
    padding: 0px;
    margin-left: 15px;
    margin-right: 15px;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #b1b2b2;
    border-radius: 0px;
}
    .nav-pills > li > a.aMenuGrey {
        color: #9c9c9d;
    }
    .nav-pills > li > a.aMenuLoginAsUserName {
        font-size: 17px;
        color: #9c9c9d;
        padding: 0px;
        margin-left: 15px;
        margin-right: 15px;
        padding-bottom: 10px;
        padding-top: 3px;
        border-bottom: none;
        border-radius: 0px;
        cursor: default;
    }
    .nav-pills > li > a.aMenuLoginAs {
        font-size: 14px;
        color: #9c9c9d;
        padding: 0px;
        margin-left: 15px;
        margin-right: 15px;
        padding-bottom: 2px;
        padding-top: 10px;
        border-bottom: none;
        border-radius: 0px;
        cursor: default;
    }
.nav-pills > li > a:hover, .nav-pills > li > a:focus, .nav-pills > li > a:active  {
    background-color: transparent;
}
.nav-pills > li.active > a {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 15px;
    padding-right: 15px;
    color: black;
    font-weight: bold;
    background-color: #9c9c9d;
    border: none;
   /*border-bottom: 1px solid black;*/ 
}
.nav-pills > li.active > a:focus, .nav-pills > li.active > a:active, .nav-pills > li.active > a:hover {
    background-color: #9c9c9d;
    color: #000000;
}
.nav-pills > li {
    
}

.verlauf {
    background:-moz-linear-gradient(left,#c5c6c6,#a2a3a2); /* Firefox */
    background:-webkit-gradient(linear,left top,right top,from(#c5c6c6),to(#a2a3a2)); /* Chrome, Safari */
 /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DCDCDC',endColorstr='#a8a8a8'); /* Internet Explorer */
    background-image: -webkit-gradient(
	linear,
	left top,
	right top,
	color-stop(0, #c5c6c6),
	color-stop(1, #a2a3a2)
    );
    background-image: -o-linear-gradient(right, #c5c6c6 0%, #a2a3a2 100%);
    background-image: -moz-linear-gradient(right, #c5c6c6 0%, #a2a3a2 100%);
    background-image: -webkit-linear-gradient(right, #a2a3a2 0%, #c5c6c6 100%);
    background-image: -ms-linear-gradient(right, #c5c6c6 0%, #a2a3a2 100%);
    background-image: linear-gradient(to right, #c5c6c6 0%, #a2a3a2 100%);
    float: right; 
    width: 10px; 
    height: 300px;
    position: absolute;
    top: 0px;
    left: 270px;

} 

@media (min-width: 759px) {
    .categoryP {
        display: none;
    }
    .nav-pills {
        margin-top: 30px;
    }
    #menuBar {
        font-size: 20px;
    }

    body.ExtraExtraSmall #menuBar { font-size: 17px; }
    body.ExtraSmall #menuBar { font-size: 18px; }
    body.Small #menuBar { font-size: 19px; }
    body.Large #menuBar { font-size: 21px; }
    body.ExtraLarge #menuBar { font-size: 22px; }
    body.ExtraExtraLarge #menuBar { font-size: 23px; }
    body.ExtraExtraExtraLarge #menuBar { font-size: 25px; }
}

@media (max-width: 759px) {
    .categoryP {
        display: block;
    }
    .nav-pills {
        margin-top: 30px;
    }
    #menuBar {
        font-size: 18px;
    }
    body.ExtraExtraSmall #menuBar { font-size: 15px; }
    body.ExtraSmall #menuBar { font-size: 16px; }
    body.Small #menuBar { font-size: 17px; }
    body.Large #menuBar { font-size: 19px; }
    body.ExtraLarge #menuBar { font-size: 20px; }
    body.ExtraExtraLarge #menuBar { font-size: 21px; }
    body.ExtraExtraExtraLarge #menuBar { font-size: 23px; }
}

.navigationItem {
    cursor: pointer;
}

.firstMenuItems {
    border-top: 1px solid #B1B2B2;
}


/********************/
/*ItemsSidePanel*/

.itemsSidePanel {
    float: left; 
    background-color: #fafafa; 
    width: 0px; 
    display: none;
   height: auto;
    overflow: auto;
     position: relative;
    /*-webkit-transform: translateZ(0px);*/
}