body {
 background-color: #99cc00;
 font-family: 'Inter';font-size: 18px;
}

#container {
 max-width: 1910px;
 margin: auto;
 padding: 0px;
 background-color: #669900;
 border-radius: 10px;
}

#header {
	height: 200px;
	background-image: url("header.png");
	background-size: cover;
   	background-position: center; 
   	border-radius: 10px 10px 0px 0px;
}

#menu {
	height: 30px;
	background-color: white;
	text-align: center;
	border-bottom: 1px solid #669900;
}

#leftside {
	grid-area: 1 / 1 / 2 / 2;
}
#leftcenter {
	grid-area: 1 / 1 / 2 / 3;
	background-color: white;
}

#center {
	grid-area: 1 / 2 / 2 / 3;
	background-color: white;
}

#rightcenter {
	grid-area: 1 / 2 / 2 / 4;
	background-color: white;
}

#rightside {
	grid-area: 1 / 3 / 2 / 4;
}

#full {
	grid-area: 1 / 1 / 2 / 4;
	background-color: white;
}

#main {
 display: grid;
 grid-template-columns: 20% auto 20%;
}



#footer {
}

#login {
	float: right;
	background-color: white;
	margin-top: 15px;
	margin-right: 25px;
	padding: 5px 15px 5px 15px;
	border-radius: 10px;
}

.menuitem {
	display: inline-block;
	padding: 5px 15px 5px 15px;
	height: 100%;
	font-size: x-large;
	margin-left: 15px;
	margin-right: 15px;
}

.menuitem_select {
	display: inline-block;
	padding: 5px 15px 5px 15px;
	height: 100%;
	font-size: x-large;
	margin-left: 15px;
	margin-right: 15px;
	 background-color: #669900;
	 border-radius: 10px;
}

.menuitem:hover {
	background-color: #f2f2f2;
	border-bottom: 1px solid #669900;
}

.menuitem_a {
	text-decoration: none;
	color: black;
}