.menu-container {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.menu-container img {
    margin: 0 4px 0 0;
}

.mainbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mainbuttons {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.mainbuttons .text {
    margin: 0 4px;
}

.button_on, .button_off {
    display: inline-block;
    padding: 2px 8px;
    min-width: fit-content;
}

.txt_button_on, .txt_button_off {
    display: inline-block;
    min-width: fit-content;
    font-style: normal;
}

.lang-switcher {
    display: flex;
    margin-left: 20px;
}





.mainbar {
    border-top: 0px solid #000;
    border-bottom: 2px solid #000;
    background-color: #CCCCCC;
    background-image: url(pics/bg01.gif);
    width: 100%;
    clear: both;
}

.subbar {
    visibility: visible;
    border-bottom: 0px solid #000;
    background-color: #ede3bc;
    width: 100%;
    padding: 3px 0;
}

.mainbuttons {
    float: left;
}

.button_on {
    background-color: #000;
}

.button_off {
    background-color: transparent;
}

.txt_button_on {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    padding: 2px 5px;
}

.txt_button_off {
    color: #000;
    font-size: 13px;
    font-weight: bold;
    padding: 2px 5px;
}