@charset "UTF-8";
/* CSS Document */

.menu {          /* menu opties over tekst enzo */
	position: relative;
	font-size: 100%;
	font-family: "Verdana", Times, serif;
	height: 100%;
	text-align: center;
  }

.sub-menu { 
  	visibility: hidden; /* hides sub-menu */
	position: absolute;
	width: 250px;
  	transform: translateY(-2em);
  	z-index: -1;
  	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}


.menu:hover .sub-menu {
  visibility: visible; /* shows sub-menu */
  opacity: 1;
  z-index: 1;
  width: 120px;
  transform: translateY(5%);
  transition-delay: 0s, 0s, 0.6s; /* this removes the transition delay so the menu will be visible while the other styles transition */
}

/* presentational */
body {
      margin: 0px;
      padding: 0px;
	  top: 0px;
	}
	

nav a {  							/** dit is de opmaak van alle linken in mijn menu **/
	color: white;
	text-decoration: blink; 
	display: block;
	background-color: #464646; 
	padding: 1px 15px;
	width: 60px;
	height: 44px;
	line-height: 44px;
	border-right: 1px solid #bbb; 
	}
	
nav > ul > li:nth-child(2) {
    width: px;
}
	
nav > ul > li:last-child {
	border-right: hidden;
	border-left: 1px;
    float: right;
	width: 60px;
	}
	
nav a:hover {  /** als je met muis over de tekst in de <a> knoppen gaat ook dropdown **/
	background-color: #0b9444;	
	border-left: #25aae1 solid;
    color: white; 
	transition: .5s background-color;
	 }
	 
	 
nav li {
	list-style: none;
	float: left;
}


nav li a:active {									/** dit is de opmaak van active link, dus als ik er op gedrukt heb **/
    background-color: #25aae1;
}