.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #efefef;
  min-width: 100%;
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
  padding: 0px 10px;
  z-index: 1;
}
.dropdown:hover .dropdown-content {
  display: block;
  color: #00A0FF;
}

.dropup {
        position: relative;
        display: inline-block;
}
.dropup-content {
        display: none;
        position: absolute;
        bottom: 10px;
        background-color: #efefef;
        min-width: 100%;
        box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
        z-index: 1;
}
.dropup:hover .dropup-content {
        display:block;  
        color: #00A0FF;
 }

.float{
      float:right;
      }
.floata{
      float:left;
      margin: 0px 10px 5px 0px;
      }

.big {
      transition: transform .2s;
      margin: 0 auto;
      }
.big:hover,
      .myzoom:focus {
      -ms-transform: scale(3.0); /* IE  */
      -webkit-transform: scle(3.0); /* Safari */
      transform: scale(3.0);
      }
.big1 {
      transition: transform .2s;
      margin: 0 auto;
      }
.big1:hover,
      .myzoom:focus {
      -ms-transform: scale(1.5); /* IE  */
      -webkit-transform: scle(1.5); /* Safari */
      transform: scale(1.5);float:left;
      }
.mySlides {display:none;}
.resized {
      width: 15vw;
      height: 10vw;
      background-image: url("bilder/logo/logostuder.png");
      background-size: 100% 100%;
      background-repeat: no-repeat;

      }
html, body  {
            background-color: #dfdfdf;
            }
a     {
      text-decoration: none;
      }

h1    {
       font-weight: bold;
       font-family:arial, sans-serif;
       font-size: calc(11px + (28 - 14) * ((100vw - 320px) / (1600 - 320)));
       color: #000000;
      }

h2    {
      font-family:arial, "lucida console", sans-serif;
      font-size: 1vw;
      color: #000000;
      }

h3    {
      font-weight: 900;
      font-family:arial, "lucida console", sans-serif;
      font-size: calc(11px + (28 - 14) * ((100vw - 320px) / (1600 - 320)));
      color: #172983;
      }

h4    {
      font-weight: 900;
      font-family:arial, "lucida console", sans-serif;
      font-size: calc(9px + (24 - 12) * ((80vw - 280px) / (1600 - 280)));
      color: #172983;
      }

h5  { font-weight: bold;
      font-family:arial, "lucida console", sans-serif;
      font-size: calc(16px + (28 - 14) * ((100vw - 320px) / (1600 - 320)));
      color: #172983;
     }

h6  { font-weight: bold;
      font-family:arial, sans-serif;
      font-size: 2vw;
      color: #FFFFFF;
      margin: 3px 0px 3px 0px;
     }
h7  { font-weight: bold;
    font-family:arial, sans-serif;
    font-size: 130%;
    color: #000000;
    margin: 3px 0px 3px 0px;
    }
h8    {
       font-weight: bold;
       font-family:arial, sans-serif;
       font-size: calc(11px + (24 - 12) * ((100vw - 320px) / (1600 - 320)));
       color: #EE0F0F;
      }

body {
     background-color:#ffffff;
     color: black;
     font-family: VERDANA,ARIAL,HELVETICA;
     text-decoration: none;
     list-style: none;
 }