body {
        margin: 0;
        padding: 0;
        font-family: Arial, sans-serif;
        background-image: url("homepage/bilder/background1.JPG");
        color: white;
        overflow-y: scroll;
      }

      #header {
        position: relative;
        background-color: darkgreen;
        color: #fff;
        width: 1440px;
        text-align: center;
        padding: 1%;
        margin: auto;
        /* border: 5px solid green; */
      }

      #logobox1 {
        position: absolute;
        left: 12%;
        top: 0%;  
        /* background-color: #239227; */
          width: 3%;
          height: auto;
          padding: 1%;
          margin: 1%;
          /* border: 5px solid green;   */
      }

      #bild0 {
        width:100%;
        height: auto;
      }

      #logobox2 {
        position: absolute;
        right: 12%;
        top: 0%;  
        /* background-color: #239227; */
          width: 4%;
          height: auto;
          padding: 1%;
          margin: 1%;
          /* border: 5px solid green; */   
      }


      #bild00 {
        
        width:100%;
        height:auto;
        
      }



        .box {
        width: 8%;
        height: 15%;
        font-size: 16px;
        font-weight: bold;
        color: white;
        padding: 1%;
        background-color: green;
        border: 2px solid white;
        display: inline-block;
        transition: background-color 0.5s;
        }

        .box:hover {
        background-color:grey;
        cursor: pointer;
        text-decoration: underline;
        }


      #content {
        position: relative;
        width: 1440px;
        height: 2560px;
        padding: 1%;
        margin: auto; 
        top: 0%;
        /* border: 5px solid green; */
      }

      #footer {
        position: static;
        background-color: darkgreen;
        color: #fff;
        width: 1440px;
        text-align: center;
        padding: 1%;
        margin: auto;
        bottom: 0%;
        /* border: 5px solid green; */
      }     

      a.status:link {
        color: white;
        text-decoration: none;
      }
      a.status:visited {
        color: darkgrey;
      }
      a.status:hover {
        color: orange;
        text-decoration: underline;
        cursor: help;
      }
      a.status:active {
        color: blue;
      }

      #box1 {
        position: absolute;
        left: 12%;
        top: 0%;  
        /* background-color: #239227; */
          color: white;
          width: 70%;
          height: auto;
          padding: 1%;
          margin: 1%;
          /* border: 5px solid green; */
      }

      #bild10 {
        width: 100%;
        height: auto;
      }

      #box2 {
        position: absolute;
        left: 12%;
        top: 40%;  
        /* background-color: #239227; */
          color: white;
          width: 30%;
          height: auto;
          padding: 1%;
          margin: 1%;
          /* border: 5px solid green; */
      }

      #bild11 {
        width: 100%;
        height: auto;  
      }

      #box3 {
        position: absolute;
        left: 50%;
        top: 70%;  
        /* background-color: #239227; */
          color: white;
          width: 30%;
          height: auto;
          padding: 1%;
          margin: 1%;
          /* border: 5px solid green; */
      }

      #bild12 { 
        width: 100%;
        height: auto; 
      }

      #box4 {
        position: absolute;
        left: 50%;
        top: 40%;  
        /* background-color: #239227; */
          color: white;
          width: 30%;
          height: auto;
          padding: 1%;
          margin: 1%;
          /* border: 5px solid green; */
        }

      #bild13 {
       
        width: 100%;
        height: auto;
      
      }

      #box5 {
        position: absolute;
        left: 12%;
        top: 70%;  
        /* background-color: #239227; */
          color: white;
          width: 25%;
          height: auto;
          padding: 1%;
          margin: 1%;
          /* border: 5px solid green; */
        }

      #bild14 {
       
        width: 100%;
        height: auto;
       
      }

      #box6 {
        position: absolute;
        left: 0%;
        top: 100%;  
        /* background-color: #239227; */
          color: white;
          width: 100%;
          padding: 1%;
          margin: 1%;
          /* border: 5px solid green; */
        }