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

}
body {
  background-image: url("UFC-single-room-1.webp");
}


img {
  float: right;
  border: 1px dotted black;
  margin: 0px 0px 15px 20px;
}






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

#wrapper {
	width: 1000px;
	margin: 5px auto;
	/*background-color: Yellow;*/
}
	
header {
	height: 120px;
    background-color: rgb(204, 32, 32);
	color: rgb(0, 0, 0);
	text-align: center;
	padding: 5px;
}
	
nav {
	height: 60px;
	background-color: rgb(228, 222, 222);
	padding: 5px;
  font-family: small-caps bold 24px/1 sans-serif Arial, sans-serif
}


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

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

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

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

footer {
	height: 50px;
	background-color: rgb(207, 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: SeaShell; 
  color: rgb(0, 0, 0); /* Black text color */
}

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

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