#sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index:2;
}
#navigatie{
   width:100%;
   font-size: 12px;
   font-weight:bold;
   background-color: #ffffff;	
   color: black;
   text-align:center;
   text-decoration: none;
   display: inline-block;
   border-style: solid;
   box-sizing: border-box;
   padding:0;
   margin:0;
   border-width:  0px 0px 1px 0px;
   border-color: #d1d1d1; 
   }
button {
   /* For mobile phones: */
   background-color: #ffffff; 
   border: none;
   margin:0px;
   font-weight:inherit;
   text-align: center;
   text-transform:uppercase;
   text-decoration: none;
   display: inline-block;
   transition: 1.0s;
   padding: 12px 7px;
   font-size: 14px;
   color:black;
   }
button:hover {
   background-color: black;
   color: white;
   }

@media only screen and (min-width: 600px) {
 /* For tablets: */
button {
   font-size: 13px;
   padding: 16px 17px;
   }
}
@media only screen and (min-width: 800px) {
  /* For desktop: */
button {
   padding: 18px 30px;
   font-size: 12px;
   }
}

#subnavigatie{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight:bold;
    text-align: center;
   text-decoration: none;
   background-color: black;	
   text-align: center;
   display: inline-block;
	border-color: #000000;
	border-style:solid;
	border-width: 1px 0px;
   }
buttonsub {
   color: white;
   font-weight:bold;
   text-align: center;
   text-transform:uppercase;
   text-decoration: none;
   display: inline-block;
   border-style:solid;
   border-color: black;
   border-width:  0px 0px 0px 0px;
   transition: 2.0s;
   padding: 12px 8px;
   font-size: 12px;
   color:white;
   }
buttonsub:hover {
   background-color: white;
   color: black;
   }

@media only screen and (min-width: 640px) {
 /* For tablets: */
buttonsub {
   font-size: 13px;
   padding: 16px 17px;
   }
}

@media only screen and (min-width: 1020px) {
  /* For desktop: */
buttonsub {
   margin: 0px;
   padding: 16px 30px;
   font-size: 12px;
   }
}