body{
    font-family: Arial;

    }

#main {
        max-width: 1250px;
        margin: auto;
        
        
    
    }

#top{
    text-align: center;

}

#Toptrenner{
    background-color: black;
    padding: 1px;
    width: 1250px;
    max-width: 95%;
}

#Bodentrenner{
    background-color: grey;
    width: 1250px;
    max-width: 95%;
}

#TrennerStudentStelle{
    background-color: black;
    padding: 1px;
    width: 1250px;
    max-width: 95%;

}

#TrennerStelleBewertung{
    background-color: black;
    padding: 1px;
    width: 1250px;
    max-width: 95%;

}
#logo {
    text-align: right;
    padding: 8px;
    margin-top: 12px;
    margin-right: 10px;
}

#logo-name{ 
    font-size: 32px;
    font-weight: bold;
    margin: 8px;
    
}

#logo a:hover{
    cursor: pointer;
}

#logo-name a:hover{
    cursor: pointer;
}

#weiterleitung a:hover{
    cursor: pointer;
    color: blue;
}

#navigation a {
    color: black;
    padding: 8px;
    font-weight: bold;
    
}

#leiste{
    background-color: rgb(109, 189, 226);
    padding: 7px;
    
    width: 1250px;
    max-width: 94%;
    margin-left: 2.5%;
    margin-right: 2.5%;
    margin-top: 1.5%;
    border-radius: 4px;
    
    box-shadow: inset 0 0 0 15 black;
    
    outline:none;

}




#navigation a:hover {
    color: white;
    cursor: pointer;
}

#Ausloggen{
    font-weight: bolder;
    
}

#footer{

    text-align:center;
    color: grey;
    padding: 16px;
    font-size: 14px;
    
    
}

.MenuButtons{
    background-color: rgb(109, 189, 226);
    margin-top: 20px;
    margin-bottom: 20px;
    width: 300px;
    Height: 60px;
    cursor: pointer;
    font-weight: bolder;
    Margin:30px;
    border-radius: 4px;
    box-shadow: inset 0 0 0 0 black;
    
    outline: none;

}

.MenuButtons:hover {
    
    box-shadow: inset 300px 0 0 0 rgb(33, 133, 204);
    
}


.ButtonHauptmenu{
    background-color: rgb(109, 189, 226);
    margin-top: 20px;
    margin-bottom: 20px;
    width: 150px;
    Height: 40px;
    cursor: pointer;
    font-weight: bolder;
    Margin:30px;
    border-radius: 4px;
    box-shadow: inset 0 0 0 0 black;
    
    outline: none;
}

.ButtonHauptmenu:hover {
    
    box-shadow: inset 300px 0 0 0 rgb(33, 133, 204);
    
}

.ButtonZurück{
    background-color: rgb(109, 189, 226);
    margin-top: 20px;
    margin-bottom: 20px;
    width: 150px;
    Height: 40px;
    cursor: pointer;
    font-weight: bolder;
    Margin:30px;
    border-radius: 4px;
    box-shadow: inset 0 0 0 0 black;
    
    outline: none;
}

.ButtonZurück:hover {
    
    box-shadow: inset 300px 0 0 0 rgb(33, 133, 204);
    
}

.Tabelle{
    border-collapse:collapse;
    border: black;
    padding: 35px;
    align-items:center;
    max-width:100%;
}