body {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  background-color: lightgray;

}
.navbar .ico img{width: 100px; height: 50px; position: absolute; padding: 18px 16px; margin-left: 20px;}
.navbar {
  overflow: hidden;
  background-color: black;
  height: 100px;
  padding: 20px;
  border-top: solid 5px yellow;
  border-bottom: solid 5px yellow;
  
}

.navbar a {
  float: Right;
  font-size: 20px;
  color: yellow;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  margin: 24px;
  
}

.subnav {
  float: right;
  overflow: hidden;
  margin: 25px;
 
  
}

.subnav .subnavbtn {
  font-size: 20px;  
  border: none;
  outline: none;
  color: yellow;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
  
}

.navbar a:hover, .subnav:hover .subnavbtn {
  background-color: yellow;
  color: black;
  
  
}

.subnav-content {
  display: none;
  position: absolute;
  background-color: yellow;
  width: auto;
  
    z-index: 1; 
    border-radius: 0px 5px 5px 5px; 
    ;
}

.subnav-content a {
  float: left;
  color: black;
  text-decoration: none;
  margin: 10px;
  padding: 10px;
  font-size: 14px;
  
    
    
}

.subnav-content a:hover {
  background-color: #eee;
  border-radius: 5px;
  color: black;
  transition: 0.2s;
}

.subnav:hover .subnav-content {
  display: block;
  transition: 0.8s;
}

footer {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        background-color: black;
        color:yellow;
        text-align: center;
        padding-top: 20px; padding-bottom: 20px;
        border-top: solid 5px;
  
  }

   /* Begin livestreams */
   .radiostations {
    position: absolute; 
    background-color: black;  
    padding-bottom: 5px; 
    padding-top: 0px;
    padding: 5px; 
    margin: 10px;
    border: solid 1px white;
    width: 265px;
    
  }
    .radiostations h2{text-align: center; color: white; padding-bottom: 2px; margin: 1px; font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; 
          }
    /* einde livestreams*/      
  footer a{
        color: yellow;
        text-decoration: none; 
        font-size: 13px;}
  footer a:hover{font-size: 14px}
   /*  einde navigatiebalk */
   .kop {border: 3px solid yellow; width: fit-content; margin: 30px auto 30px auto; font-size: 25px; font-weight: bold; background-color: darkgrey; padding: 20px; text-align: center;
    } 

   /* Begin div defectcode */
  .defectcode {margin: 30px auto;
    width: 70%; border-left: solid 6px yellow; padding: 10px 0px 10px 30px;
  }
   .picture {margin: 70px auto; width: 70%}
   .defectcode h2{text-decoration: underline yellow}
   
   
    
    /* einde div defectcode*/      
      
    /* start footer*/
      footer {
       position: scroll;
        left: 0;
        
        width: 100%;
        background-color: black;
        color:yellow;
        text-align: center;
        padding-top: 20px; padding-bottom: 20px;
        border-top: solid 5px;
  
  }
  footer a{
        color:yellow;
        text-decoration: none; 
        font-size: 13px;
  } 
  footer a:hover{color: yellow; font-size: 14px;
  }  
  /* einde footer */