html, body {
    margin:0;
    padding:0;
    height:100%;
    text-align: center;
    border:none;
    color: black;
    font-family : arial, sans-serif;
    font-size : 16px;
}
    
html { 
    overflow: -moz-scrollbars-vertical; 
}

.shadow {
    zoom: 1;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=90, Strength=4)
    progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=3)
    progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=180, Strength=4);
    -moz-box-shadow: 4px 4px 4px #666666; /*Mozilla-basierte Browser (z.B. Firefox)*/
    -webkit-box-shadow: 4px 4px 4px #666666; /*WebKit-basierte Browser (z.B. Safari/Chrome)*/
    box-shadow: 4px 4px 4px #666666; /*CSS3 Standard*/
}
#background {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    margin: auto; /* Div soll zentriert werden */
    min-height: 100%; /* Mindesthöhe für moderne Browser */
    height:auto !important; /* Important Regel für moderne Browser */
    height:100%; /* Mindesthöhe für den IE */
    margin: 0px auto;
    padding: 0px 0px 0px 0px;    
    text-align: left;
}
input.rounded {
    border: 1px solid #878888;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 16px;
    padding: 2px 4px;
    outline: 0;
    -webkit-appearance: none;  
}
input.rounded:focus {
    border-color: #FE6200;
}
textarea.rounded {
    border: 1px solid #878888;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 12px;
    padding: 2px 4px;
    outline: 0;
    -webkit-appearance: none;  
}
textarea.rounded:focus {
    border-color: #FE6200;
}
input.button-submit {
    border: 1px solid #878888;
    color: #FFFFFF;
    background-color: #58595B;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 18px;
    padding: 4px 7px;
    outline: 0;
    -webkit-appearance: none; 
    margin: 0px 0px 0px 0px;
}
input.button-submit:hover {
    background-color: #f47216;
    cursor:pointer;
}
.righttop {
    position: absolute;
    top: 20px;
    right: 20px;
}
.clear {
    clear: both;
    line-height: 0;
}
.login-form {
    position: absolute;
    width: 350px;
    height: 350px;
    top: 50%;
    left: 50%;
    margin-top: -175px;
    margin-left: -175px;
}
#footerlogo {
    position: absolute;
    left: 20px;
    width: 112px;
    bottom: 20px;
    height: 50px;
    padding: 0px;
    z-index: 10;
}
.footerlogo-content {
    position: absolute;
    bottom: 0;
    left: 0;
}
.page-content {
    padding: 3.925rem 0.525rem 0.525rem 0.525rem;
    min-height: 100%;
    height: 100%;
    text-align: left;
}
.table .input-control.checkbox {
    line-height: 1;
    min-height: 0;
    height: auto;
}

@media screen and (max-width: 800px){
    #cell-sidebar {
        flex-basis: 52px;
    }
    #cell-content {
        flex-basis: calc(100% - 52px);
    }
}