/* Standaard resets */
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote {
  margin: 0; padding: 0; border: 0;
}

nav {
  margin: 15px auto; 
  text-align: left;
}

nav ul ul {
  display: none;
}

nav ul li:hover > ul {
  display: block;
}

nav ul {
  background: #efefef; 
  background: linear-gradient(top, #558FE6 0%, #065BDB 100%);  
  background: -moz-linear-gradient(top, #558FE6 0%, #065BDB 100%); 
  background: -webkit-linear-gradient(top, #558FE6 0%,#065BDB 100%); 
  box-shadow: 5px 5px 9px rgba(0,0,0,0.4);
  padding: 0 32px; /* instellen totale breedte van menu */
  border-radius: 24px;  
  list-style: none;
  position: relative;
  display: inline-table;
  border: 2px solid #6EA1E9;
}

nav ul li {
  float: left;
  margin-right: 0px; /* instellen ruimte tussen de knoppen */
}

nav ul li:hover {
  background: #4b545f;
  background: linear-gradient(top, #6EA1E9 0%, #357AE1 100%);
  background: -moz-linear-gradient(top, #6EA1E9 0%, #357AE1 100%);
  background: -webkit-linear-gradient(top, #6EA1E9 0%,#357AE1 100%);
}

nav ul li:hover a {
  color: #fff;
}

nav ul li a {
  display: block; padding: 20px 18px; /* marge boven en links/rechts van de tekst */
  color: #ffffff; text-decoration: none;
}

nav ul li.no-link {
  display: inline-block; /* Zorgt ervoor dat het item blijft staan als een link */
  color: #ffffff; /* Kleur aanpassen */
  padding: 20px 18px;
  cursor: pointer; /* Geeft een pointer cursor */
}

nav ul ul {
  background: #558FE6; border-radius: 10px; padding: 0;
  position: absolute; top: 100%;
}

nav ul ul li {
  float: none; 
  border-top: 2px solid #6EA1E9;
  border-bottom: 0px solid #ffffff; position: relative;
}

nav ul ul li a {
  padding: 12px 10px;
  white-space: nowrap; /* Zorgt ervoor dat de tekst niet afbreekt */
  color: #fff;
  font-size: 100%; /* Fontsize van de tekst */
}

nav ul ul li a:hover {
  background: #065BDB;
}

nav ul ul ul {
  position: absolute; left: 95%; top:0;
}