/* generieke declaraties verplaatst naar mychartsstyle.css */
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.wrapper {
  max-width: 1024px;
  padding: 0;
  margin: 0;
}

nav { background: #e8df79;
	  font-size: 14px; 
	  font-weight:600;
}

nav .wrapper { position: relative; }

/*ul.menu  #resp_menu  eerste werkt niet voor android chrome, 2e zou ook wel kunnen 
 maar dat moest dan op iedere pagina de id= toegevoegd worden
 de onderste methode blijkt dus beter */
.wrapper > ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
}
	
.menu li { float: left; }

.menu li a {
  display: inline-block;
  padding: 10px 15px;
}

.menuToggle {
  padding: 10px 15px;
  display: none;
  cursor: pointer;
}

@media only screen and (max-width: 600px) {
	.menu {
	  display: none;
	  position: absolute;
	  background: #e8df79;
	  border-top:1px solid gray;
	  border-right:1px solid gray;
	  border-bottom:1px solid gray;
	  z-index: 1;
	}

	.menu li { float: none;
	}

	.menuToggle { display: inline-block; 
	}
}