body {
	background-color: #ccffff;
	margin: 8px;
	padding: 8px;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:0.8em;

	min-height: 90vh;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 100px 100px 1fr 100px;
}

div {
/*	 	#border: 10px; 
	#width: 520px; 
	#margin:0px auto; 
	#color: black; */
	border:1px solid #b1c5de; 
	text-align:left;
/*	#background: url() #ffffff no-repeat;
	#overflow:hidden;*/
}

div#Fachbereich {
/*	 	#border: 10px; */
	width: 30%; 
/*		#margin:0px auto; 
	#color: black; */
	border:1px solid #b1c5de; 
	text-align:left;
/*		#background: url() #ffffff no-repeat;
	#overflow:hidden;*/
}

div#Testmodus {
/* 	#border: 10px; */
	width: 67%; 
/*	#margin:0px auto; 
	#color: black; */
	border:1px solid #b1c5de; 
	text-align:left;
/*	#background: url() #ffffff no-repeat;
	#overflow:hidden;*/
}

ul {
	list-style-type:square;
}

header {
	background: #ffebe6;
	display: grid;
	grid-template-columns: 1fr 3fr;
}

nav {
	background: #fdfcf3;
}

main {
	background: #ebf5d7;
	display: block;
	/* fallback für IE 9-11 */
}

footer {
	background: #e6f2f7;
}

/*
input, select, textarea, button	{
	font-family:inherit;
	font-size:inherit;
}
*/

#customers {
/*	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
	font-family:inherit;
	font-size:inherit;
  border-collapse: collapse;
/*  width: 100%;*/
}

#customers td, #customers th {
  border: 1px solid #ddd;
  padding: 4px;
}

#customers tr:nth-child(even){background-color: #f2f2f2;}

#customers tr:hover {background-color: #ddd;}

#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4CAF50;
  color: white;
}