/*------------------ basisopmaak --------------------*/
body {
	
	font-family: Arial, Helvetica, sans-serif;
	background-image: url("images/depositphotos_54942349-stock-photo-top-view-of-soccer-field.jpg");
   background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}



table, td, tr, th {
  border: solid black 1px;
  border-collapse: collapse;
  width: 1000px;
  height: 50px;
}






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

#wrapper {
	width: 1000px;
	margin: 5px auto;
	/*background-color: Yellow;*/

}
	
header {
	height: 120px;
    background-color:seagreen;
	color: white;
	text-align: center;
	padding: 5px;
}
	
nav {
	height: 60px;
	background-color:rgb(17, 214, 116);
	padding: 5px;
  text-align:left;
}


.dash-list {
  list-style-type: none; 
  padding-left: 10;
}

.dash-list li::before {
  content: "– "; 
}



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

/* Right column */
.rightcolumn {
  float: left;
  width: 80%;
  background-color:rgb(10, 240, 125);
  /*padding-left: 20px;*/
}

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

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

footer {
	height: 130px;
	background-color: seagreen;
	color: white;
	padding: 10px;
  width: 1473px;
  float:right;
}








/*------------------ 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: whitesmoke; 
  color: black; /* Black text color */
}

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

.menu a.active {
  background-color: rgb(10, 240, 125); /* Add a color to the "active/current" link */
  color: white;
}