/***********************************/
/* FILE		: public.css						 */
/* AUTHOR	: Niels van Alphen			 */
/* VERSION :	1.0									 */
/* DATE		: 05-06-2020						 */
/***********************************/

* {
  font-family: Arial, Helvetica, sans-serif;
  box-sizing: border-box;
}

.header {
  width: 80%;
	height: 150px;
	float: left;
  border: 15px solid green;
	padding: 10px;
}
.loginbox {
  width: 20%;
	height: 150px;
	float: left;
  border: 15px solid green;
}

.mainarea {
	width: 80%;
	float: left;
  background-color: #cccccc;
	height: 300px;
	padding: 10px;
	border: 15px solid red;
}
.menu {
	width: 20%;
	float: left;
  background-color: #cccccc;
	height: 300px;
	padding: 10px;
	border: 15px solid blue;
  text-align: center;
}
.menuitem {
	letter-spacing: 3px;
	padding: 3px;
	margin : 1px;
	font-size: 20px;
  color: black;
}
.footer {
  width: 100%;
	height: 100px;
	float: left;
  border: 15px solid green;
  padding: 0px;	
  margin: 0px;
	background-color: white;
	padding: 10px;
}

body {
  background-color: #cccccc;
}
h1 {
  color: black;
}
p {
  color: gray;
}