li.MenuItem:hover {
    filter: brightness(155%);
}
div.Menu_Area {
    width: 100%;
    padding-bottom: 24px;
}
/*
td.Menu {
    background-color: #053D70;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 12pt;
    text-align:center;
    cursor:pointer;
    padding:4px;
    width:20%;
}*/
li.MenuItem {
    background-color: #053D70;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 12pt;
    text-align: center;
    flex: 1 1 100px; /* 4. Magic line: Grow, Shrink, Base-width */
    cursor: pointer;
    padding: 4px;
    /*border: 1px solid #ccc;*/
    min-width: 0;
}

li.Active {
    filter: brightness(135%);
}

ul.MenuArea {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 2px;
    width: auto;
    max-width: none;
}
li.SubMenuItem {
    background-color: #E58400;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 12pt;
    text-align: center;
    flex: 1 1 100px; /* 4. Magic line: Grow, Shrink, Base-width */
    cursor: pointer;
    padding: 4px;
    /*border: 1px solid #ccc;*/
    min-width: 0;
}