body {
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  background-color: #f29157;
  color: white;
  overflow-y: scroll;
  }

#header {
  position: absolute;
  background-color: white;
  width: 100vw;
  height: 14vh;
  text-align: center;
  padding: 1%;
  margin: auto;
  /*border: 5px solid green;*/
}


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

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

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


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

#logobox3 {
  position: absolute;
  left: 35vw;
  top: 4vh;  
  /* background-color: #239227; */
    width: 47vw;
    height: auto;
    padding: 0%;
    margin: 0%;
    /*border: 5px solid green; */
}


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

#menue{
  position: absolute;
  top: 15vh;
  background-color: #f29157;
  color:white;
  width: 100vw;
  height: 3vh;
  text-align: center;
  padding: 1%;
  margin: auto;
  /*border: 5px solid green;*/
}
      
      #menue2{
        position: absolute;
        top: 20vh;
        background-color: #f29157;
        color:white;
        width: 100vw;
        text-align: center;
        padding: 1%;
        margin: auto;
        /*border: 5px solid green;*/
      }

      .box {
        width: 10vw;
        height: 1vh;
        font-size: 1.5vw;
        font-weight: bold;
        color:white;
        padding: 1%;
        background-color: #f29157;
        border: 2px solid white;
        display: inline-block;
        transition: background-color 0.5s;
        }
       

        .box:hover {
        background-color:grey;
        color: orange;
        cursor: pointer;
        text-decoration: underline;
        }
        .box2 {
          width: 15vw;
          height: 2vh;
          font-size: 1.5vw;
          font-weight: bold;
          color:white;
          padding: 1vw;
          background-color: #f29157;
          border: 2px solid white;
          display: inline-block;
          transition: background-color 0.5s;
          }
  
          .box2:hover {
          background-color:grey;
          color: orange;
          cursor: pointer;
          text-decoration: underline;
          }

      #content {
        position: absolute;
        background-image: url("bilder/weinberg.jpg");
        background-size: 105vw 100vh;
        width: 100vw;
        height: 100vh;
        padding: 1%;
        margin: auto; 
        top: 25vh;
        /*border: 5px solid green;*/
      }

      #footer {
        position: fixed;
        background-color: white;
        font-size: 3vw;
        color: black;
        width: 100vw;
        height: 3vh;
        z-index: 12;
        text-align: center;
        padding: 1%;
        margin: auto;
        bottom: 0vh;
        /*border: 5px solid green;*/
      }     

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


      

      #textbox1 {
        position: absolute;
        left:5vw;
        top: 70vh;
        font-size: 2.5vh;
        color: white;
          /* background-color: #239227; */
          width: 90vw;
          height: auto;
          padding: 0%;
          margin: 0%;
          /*border: 5px solid green;*/
        }

        #textbox2 {
          position: absolute;
          left:22vw;
          top: 2vh;
          font-size: 2vh;
          color: #f29157;
            /* background-color: #239227; */
            width: 50vw;
            height: auto;
            padding: 0%;
            margin: 0%;
            /*border: 5px solid green;*/
          }