html {
  scroll-behavior: smooth;
}
body {    
    padding:10px;
    font-family: Sans-Serif;    
}
h1, h2, h3, p, li {
    max-width: 1024px;
}
li {
    margin: 20px 0;
}
#header {
    /*
    display:grid;
    grid-template-columns: 240px 1fr;
    */
}
#nav {
    display:flex;    
    justify-content: flex-end;
    margin:0;
    padding:0;
}
#nav li {
    list-style: none;
    margin:0 0 0 20px;
}
address {
    text-align: right;
}
hr {
    border:0; border-top: 2px solid #3fa6db;
}
a {
    color:black;
}
#logo {
    width:240px;
}
.foto {
    width:150px;
}
#livestream {
    border: 2px solid #3fa6db; 
    padding: 10px;
}
.programma {
    display: grid;
    grid-template-columns: 100px 1fr;  
    grid-gap: 10px;
    align-self:flex-start;
    grid-template-rows:auto auto;
    padding:0;
    margin:0;
}
.programma li {
    list-style: none;
    margin:0;
    padding:0;
}


.kop_boven_h1 {
    font-size: larger;
    font-weight:600;
    margin: 20px 0;

}