/*------------------ basisopmaak --------------------*/
body {
	background-image:url(images/ALV2017051214268.jpg) ;
  background-size: 2000px 4000px;
  background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	


}










/*------------------ vlakken --------------------*/
* {
  box-sizing: border-box;
}

#wrapper {
	width: 1000px;
	margin: 5px auto;
	
}
	
header {
	height: 120px;
    
	color: white;
	text-align: center;
	padding: 5px;
}
	
nav {
	height: 60px;
	background-color: #7A7777;
	padding: 5px;
}


.menu {   
  float: left;
  width: 20%;
}

/* Right column */
.rightcolumn {
  float: left;
  width: 80%;
  background-color: #627363;
  /*padding-left: 20px;*/
}

/* Clear floats after the columns */
.row::after {
  content: "";
  display: table;
  clear: both;
}

article {
	/*background-color: Orange;*/
	padding: 10px;
}

footer {
	height: 50px;
	background-color: rgb(0, 0, 0);
	color: white;
	text-align: center;
	padding: 5px;
}









/*------------------ menu --------------------*/
.menu a {
  display: block; /* Make the links appear below each other */

  width: 90%;
  padding: 12px; /* Add some padding */
  text-decoration: none; /* Remove underline from links */
  background-color: SeaShell; 
  color: black; /* Black text color */
}

.menu a:hover {
  background-color: RosyBrown; /* Dark grey background on mouse-over */
}

.menu a.active {
  background-color: Salmon; /* Add a color to the "active/current" link */
  color: white;
}