ul.navigation
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #363636;
    margin-bottom:20px;
    height: 50px;
}

li.navigation
{
    float: left;
}

li.navigation a
{
    display: block;
    color: white;
    text-align: center;
    padding: 16px;
    text-decoration: none;
}

li.navigation a:hover
{
    background-color: #fc7f2c;
}

li.navigationSelected
{
    background-color: #fc7f2c;
}

li.navigationLogo
{
    display: block;
    text-align: center;
    padding: 9px;
    width: 200px;
}

li.navigationUserInfo
{
    display: block;
    text-align: center;
    height: 100%;
    padding: auto;
    background-color: #ffffff10;
    width: 100px;
}

p.navigationUserInfo
{
    display: block;
    text-align: center;
    height: 50%;
    color: white;
    margin: 2px;
}

img.navigationLogo
{
    width: 100%;
    height: 100%;
}

div.navigationRight
{
    display: flex;
    position: absolute;
    right: 20px;
    height: 50px;
}