body {
    font: 16px arial, sans-serif;
}

#pageDiv2 {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-areas:
        'header header' 
        'account menu' 
        'footer footer';
    grid-template-rows: min-content auto min-content;
    grid-template-columns: 1fr 3fr;
}

#headerDiv2 {
    overflow: hidden;
    grid-area: header;
    background-color: #aaf;
    text-align: center;
}

#accountDiv2 {
    overflow: hidden;
    grid-area: account;
    background-color: #ccc;
    padding: 5px;
}

#accountinfo2 {
    background-color: #ccf;
    padding: 5px;
}

#menuDiv2 {
    overflow: hidden;
    grid-area: menu;
    background-color: #eef;
    padding: 5px;
}

#footerDiv2 {
    overflow: hidden;
    grid-area: footer;
    background-color: #aaf;
    text-align: center;
}

#themenu {
    margin-left: 20px;
    margin-top: 20px;
    overflow-x: auto;
}

.activecontent {
    visibility: visible;
    opacity: 1.0;
}

.inactivecontent {
    visibility: visible;
    opacity: 0.5;
}

button, input { 
    font: 16px arial, sans-serif;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 3px;
}