.navbar{
  /*background-color:white;*/
    overflow:hidden;
    width: 100%;z-index:4;
    height: 53px;/*63px old*/
    position: absolute;
    top: 0;
    left: 0;
    /*background-image:url('../picture/wind.png');background-repeat:no-repeat;background-position: center;*/
    /*background-image:url('../picture/deel5.gif');*/
}

.navbar a{
    float:left;
    display:block;
    /*color:#f2f2f2;*/color:#fff;/*#004995*/
    /*border-bottom:3px solid white;*/
    /*border:1px solid white;*/
    text-align:center;/*border-radius:10px;*/
    padding:4px 12px;margin:4px;
    text-decoration:none;font-size:18px;/*filter:drop-shadow(3px 0px 2px black);*/
    
   
}


.navbar ul{
    /*margin:8px 0 0 0;*/
    list-style:none;
    padding:0;
   
}
/*START extra navbar2*/
 .navbar2{
  /*background-color:#003D5C;*/
    overflow:hidden;
    width: 35%;
    height: auto;z-index:2;
    position: absolute;
    top: 100px;
    left:5px;padding:0px;  
}
.navbar2 a{
    float:left;
    display:block;
    /*color:#f2f2f2;*/color:white;
    /*border:1px solid red;*/
    text-align:center;/border-radius:5px;
    padding:2px 6px;margin:2px;
    text-decoration:none;
    font-size:13px;
}
      .navbar2 a:hover{
    background-color: grey;
    color:white;
    border-radius:5px;
}
/*STOP extra navbar2*/
/*extra logo linksboven*/
.image{
      display:flex;
        width:49px;
        height:49px;
        justify-content:center;
   /* border-left:1px solid white;
    border-bottom:1px solid white;
    border-top:1px solid white;*/
    z-index:4;
      }
  .image img {
    border-radius: 50%;
    height:50px;
    width:50px;
  }  
      /*.image:hover{
      background:green;
      } */  

/*stop extra logo linksboven*/
/*extra actieve pagina*/
 a:is(:link, :active, :visted).active{
      color:orangered;
     border:1px solid;
        /*background-color:var(--bg-blew-900);*/
     border-radius:10px;
      }
/*  
a:is(:link, :active, :visted).active{
      color:black;
        background-color:grey;border-radius:10px;
      }
*/      
/*stop extra*/
.navbar-nav a:hover{
    background-color: grey;
    color:white;
    border-radius:10px;
}
.navbar span:hover{
    background-color: red;    
}
.side-menu{    
    background-color:aqua;
}
.side-nav{
  height:100%;
  width:0;
  position:fixed;
  z-index:9;
  top:0;
  left:0;
  background-color:#111;
  opacity:1;
  overflow-x:hidden;
  padding-top:60px;
  transition:0.5s;
}

.side-nav a{
  padding:5px 10px 6px 30px;
  text-decoration:none;overflow:hidden;
  font-size:20px;
  color:white;
  display:block;
  transition:0.3s;
}

.side-nav a:hover{
  /*color:#ffffff;background-color: CornflowerBlue;*/
   background-color: white;
    color:black;
    border-radius:10px;
}

.side-nav .btn-close{
  position:absolute;color:red;
  top:5px;
  right:22px;
  font-size:36px;
  margin-left:50px;
}

#main{
  transition:margin-left 0.5s;
  padding:20px;
  overflow:hidden;
  width:100%;
}

@media(max-width:765px){
  .navbar-nav{display:none}    
}


/*indicator huidige pagina*/