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

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

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

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

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


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



  .box {
  width: 35%;
  font-size: 14px;
  font-weight: bold;
  color: white;
  padding: 1%;
  margin: 1%;
  background-color: green;
  border: 1px solid white;
  display: inline-block;
  transition: background-color 0.5s;
  }

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


#content {
  position: relative;
  width: 95vw;
  height: 130vh;
  padding: 2%;
  margin: auto; 
  top: 0%;
  /* border: 5px solid green; */
}

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

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

      #textbox1 {
        text-align: center;
        position: absolute;
        left: 0%;
        top: 1%;  
        background-color: #23922770;
          color: white;
          width: 100%;
          padding: 0%;
          margin: auto;
          /* border: 5px solid green; */

      } 
      
      #box1 {
          text-align: center;
          position: absolute;
          left: 2%;
          top: 13%;  
          background-color: #23922770;
            color: white;
            width: 97%;
            padding: 0%;
            margin: 0%;
            /* border: 5px solid green; */
  
          }

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

      #box2 {
        position: absolute;
        left: 3%;
        top: 53%;  
        background-color: #23922770;
          color: white;
          width: 45%;
          padding: 0%;
          margin: 0%;
          /* border: 5px solid green; */

        }

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

      #box3 {
        position: absolute;
        left: 30%;
        top: 70%;  
        background-color: #23922770;
          color: white;
          width: 24%;
          padding: 0%;
          margin: 0%;
          /* border: 5px solid green; */

        }

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

      #box4 {
        position: absolute;
        left: 3%;
        bottom: 0%;  
        background-color: #23922770;
          color: white;
          width: 40%;
          padding: 0%;
          margin: 0%;
          /* border: 5px solid green; */
        }

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

      #box5 {
        position: absolute;
        left: 3%;
        top: 70%;  
        background-color: #23922770;
          color: white;
          width: 24%;
          padding: 0%;
          margin: 0%;
          /* border: 5px solid green; */
        }

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

      #box6 {
        position: absolute;
        left: 57%;
        top: 53%;  
        background-color: #23922770;
          color: white;
          width: 41%;
          padding: 0%;
          margin: 0%;
          /* border: 5px solid green; */
        } 

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

      #box7 {
        position: absolute;
        left: 57%;
        bottom: 16%;  
        background-color: #23922770;
          color: white;
          width: 41%;
          padding: 0%;
          margin: 0%;
          /* border: 5px solid green; */
        }

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

      #box8 {
        position: absolute;
        left: 57%;
        bottom: 0%;  
        background-color: #23922770;
          color: white;
          width: 41%;
          padding: 0%;
          margin: 0%;
          /* border: 5px solid green; */
        }

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