body{

    font-family: sans-serif;
    background-color: #7d86c1;
    min-width: 1250px;
    font-size: 15px;

}

.Rahmen{
    position:relative;
    height: 2000px;
    width: 1200px;



}

.gesamt{
    position: absolute;
    float: left;
    height: 60%;
    width: 700px;
    padding-left: 5%;
    padding-right: 5%;
    background: #403874;
    margin-left: 18%;
    margin-right: 18%;
    




}
.gesamt2{
    position: relative;
    float: none;
    height: 2000px;
    width: 700px;
    padding-left: 5%;
    padding-right: 5%;
    background: #403874;
    margin-left: 18%;
    margin-right: 18%;
    




}
.Titelbalken{
    position: absolute;
    width: 97.25%;
    padding-left: 2.7%;
    padding-top: 2%;



}


.Logo{
    position: absolute;
  width: 100%;
  margin-left: -10%;
  margin-bottom: -2%;
  margin-top: -2%;
}


.navigation{
    position: absolute;
    float: left;
    margin: auto;
    position: left;
    padding-top: 8%;
    margin-top: 10%;
    margin-left: -10%;
    padding-left: 0%;


    
    display: block;
    padding-bottom: 8%;

}


ul {


    list-style-type: none;
    margin: 0;

    
    
    width: 116.5%;


}

li a {
    display: block;
    color: black;
    padding: 2% 13%;
    width: 90%;

    text-decoration: none;
    font-size: 19px;

    margin-bottom: 5%;
    margin-top: -6px;
    border-bottom: 30px solid #403874;
    border-radius: 1px;
}


li a:active{
    background-color: lightblue;
    color:white;

}
li a:hover {
    
   font-weight: bold;
   font-size: 19px; 
   color: white;

   margin-right: -20px;
   border-radius: 2px;
}

.box1{

    position: absolute;
    float: left;
   
    width: 60%;
    height:100%;
    top: 10%
    left:0;
    margin-left: 27%;
    margin-top: 38%;
    padding:5px;
    color: white;


}
.box2{
    position: absolute;
    float: left;
   
    width: 400px;
    top: 10%
    left:0;
    margin-left: 40%;
    margin-top: 45%;
    padding:5px;
    color: white;


}
.box3{
    position: absolute;
    float: left;
   
    width: 60%;
    height:100%;
    top: 10%
    left:0;
    margin-left: 27%;
    margin-top: 40%;
    padding:5px;
    color: white;
}
.Spalt{
    position: absolute;
   float: left;
    background-color: white;
    height:72.7%;
    width: 28%;
    margin-left: -7.3%;
    margin-top: 40%;
    background-color: #B3B3B3;
    border-radius: 1px;

}

.Portrait{
    position: absolute;
    width: 90%;

    margin-top: 200%;
    margin-left: 5%;
}