/*------------------ basisopmaak --------------------*/
body {
	background-color: rgb(51, 51, 51);
	font-family: Arial, Helvetica, sans-serif;
	
}


table ,td, th {

  border: solid 1px;
}





/* De standaard staat van de link */
a {
    color: black;            /* Kleur zwart */
    text-decoration: underline; /* Altijd onderstreept */
}

/* De staat wanneer je er met de muis overheen gaat */
a:hover {
    color: blue;             /* Kleur verandert naar blauw */
    text-decoration: underline; /* Blijft onderstreept */
}




/*------------------ vlakken --------------------*/

/* Linkerkant */
.side-left, .side-right {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 15px; /* dikte van de lijn */
  background: repeating-linear-gradient(
    white 0 15px,
    red 15px 30px
  );
  z-index: 9999;
}

.side-left {
  left: 0;
}

.side-right {
  right: 0;
}







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

#wrapper {
	width: 1000px;
	margin: 5px auto;
	/*background-color: Yellow;*/
}
	
header {
	height: 120px;
    background-color: rgb(243, 72, 72);
	color: rgb(0, 0, 0);
	text-align: center;
	padding: 5px;
}
	
nav {
	height: 60px;
	background-color: rgb(255, 255, 255);
	padding: 5px;
}


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

/* Right column */
.rightcolumn {
  float: left;
  width: 80%;
  background-color: rgb(255, 255, 255);
  /*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(252, 21, 21);
	color: rgb(0, 0, 0);
	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: rgb(228, 35, 35); 
  color: rgb(255, 241, 241); /* Black text color */
}

.menu a:hover {
  background-color: rgb(0, 0, 0); /* Dark grey background on mouse-over */
}

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