html, body {
    height:100%;
    margin:auto;
    padding:0;
    overflow:hidden;
    
  }
  header, nav, section, footer {display: block;}

header {
    top: 0px;
    background-color: hsl(168, 6%, 84%);
    position:fixed ; /*important keep the header on positon when scrolling*/
    line-height: 90%; /*line distance in header*/
    height: 85px;
    width:100%;
    text-align: center;
    font-weight: bold;
    font-size: 34px;
    color: rgb(15, 78, 180);
    text-justify: auto;
    font-family: Arial, Helvetica, sans-serif;
  }

#zoomA {
      /* (B) ANIMATE ZOOM */
    /* ease | ease-in | ease-out | linear */
    transition: transform ease-in 0s;
  }
   
  /* (C) ZOOM ON HOVER */
#zoomA:hover { 
    transform: scale(2); 
    overflow: none;
    margin: 15%;
  }

.video {
    position: auto;
    display: inline;
    margin-left: 5%;  
    width: 20%;
    height: auto; 
  }

nav {
    margin-top: 0px;
    height:18px;
    left:0px;
    bottom: 0px;
    right: auto;
    width: auto;
  }

.navi ul {
      display: left;
      height: 24px;
      line-height: 20%;
      background-color:;
      max-width: 100%;
      margin-left: 0px;
      padding: auto;
      list-style: none;
      border-radius: 0.2rem;
      display: flex;
      justify-content: left;
      font-size: 16px;
    }

.navi li {
    border: 0;
    border-radius: 0.5rem;
    }

.navi a {
        text-decoration: none;
        color: blue;
        text-align-last: justify;
        font-weight: normal;
        padding: 0.2rem 0.5rem;
        display: auto;
    }
    
.navi a:hover {
    color: #ccc;
    background-color: blue;
    border-radius: 0.5rem;
    }

#Content {
    background-position-x: 95%;
    background-image: url('images/fullview.gif');
    background-size: 250px;
    background-repeat: no-repeat;
    background-position: right top;
    margin-top: 85px;
    margin-left: 5%;
    margin-right: 5%;
    height:80%;
    position: auto;
    overflow-x:hidden;
    width: 95%;
    text-align: justify;
  }

p.typ1 {
    color:blue;
    font-family:Arial, Helvetica, sans-serif;
    margin: 0%;
    margin-right: 20%;
  }

p.typ2 {
    color: darkblue;
    font-family:Arial, sans-serif;
    margin: 0%;
    margin-left: 0%;
    margin-right: 20%;
  }
p.typ3 {
  font-family:Arial, sans-serif;
  font-weight: normal;
  line-height: 90%; /*Abstand Zeilen in Header*/
  color: black;
  margin: center;
  font-size: 12px;
  } 

h1 {
    color: navy;
    font-size: 24px;
    text-align: left;
    margin-left: 5%;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    }

h2 {
    color: darkblue;
    font-size: 22px;
    margin-left: 5%;
    }
h3 {
    color: rgb(97, 76, 234);
    margin-top: 2em;  /*Abstand zwischen Bild/textblock*/
    margin-left: 5%;
    margin-right: 20%;
    font-size: 16px;
    font-style: italic;
    }

h4 {
    color: red;
    text-decoration: none;
    margin-left: 5%;
    margin-right: 50%;
    margin-top: 0em;  /*Abstand zwischen Bild/textblock*/
    font-size: 12px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    }  

.imgleft {
    float: left;
    margin-top: 0px;
    margin-left: 0%;
    width: 300;
    height: 400;
    
    }
.imgcenter {
    float: center;
    margin-top: 0px;
    margin-left:auto;
    width: 300;
    height: 400;
  }

.imgright {
  float: right;
  margin-top: 0px;
  margin-left: 0%;
  width: 300;
  height: 400;
  }

img {
    max-width: 400px;
    height: auto;
    padding: auto;
    }

footer {
    bottom:0px;
    background-color: hsl(168, 6%, 84%);
    position:absolute;
    height:7%;
    width:100%;
    font-family: 'Times New Roman', Times, serif;
    color: blueviolet;
    }
   

/* simple list */
ul.a {
    list-style-type: square;
    margin-left: 5%;
    font-family: Arial, Helvetica, sans-serif;
    color: blue;
  }

.divA {
    border: none;
    background-color: none;    
    text-align: left;
    margin-left: 4%;
    margin-right: justify;
  }

table, td, th {
    margin-top: 0%;
    margin-left: 3%;
    margin-right: auto;
    height: 50px; /* set table row heght*/
    width: left;
    font-family: Arial, Helvetica, sans-serif;
    color: darkblue;
    table-layout: auto;
    width: auto; 
  }