body{
	background-Color: Grey;
}

div{
	font-size:20px;
}

.navbar{
	display: flex;
	background-color:#333;
	overflow: hidden;
	color: #8B0000;
	text-align: center;
	font-family: Verdana, sans-serif;
	font-size: 15px;
	text-decoration: bold;
}

.navbar a{
	flex: 1;
	padding: 10px 20px;
	text-align: center;
	text-decoration: none;
	color: white;
}

/*.navbar p{
	flex: 1;
	padding: 10px 20px;
	text-align: center;
	text-align: top;
	text-decoration: none;
	color: white;
}

.navbar p:hover{
	color:red;
	background-color: #ddd;
}*/

.navbar a:hover{
	background-color: #ddd;
	color: black;
}

.center{
	text-align: center;
	align-items: center;
	text-shadow:
		-1px -1px 0 #000,
		1px -1px 0 #000,
		-1px 1px 0 #000,
		1px 1px 0 #000;
	color: white;
}

.center2{
	text-align: center;
}

.left{
	text-align: left;
}

.right{
	text-align: right;
}

.container{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	
}

.list-container{
	margin: 0px;
}

.tabellenzentrierung{
	margin-left: auto;
	margin-right: auto;
	background-color: rgba(128, 128, 128, 0.6);
}

ul {
		list-style-position: inside;
		top-padding: 50px;
		margin: 5px;
    }
		
ul li{
	text-shadow:
		-1px -1px 0 #000,
		1px -1px 0 #000,
		-1px 1px 0 #000,
		1px 1px 0 #000;
	color: white;
    }

.brotbody{
	background-image: url('../Bilder/brot.webp');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.olbox{
	border: 2px solid black;
	border-collapse: collapse;
	background-color: rgba(128, 128, 128, 0.6);
	overflow-y: scroll;
	height: 300px
}

table, th, td{
	border:2px solid black;
	border-collapse: collapse;
	float:center;
	padding-left:10px;
	padding-right:10px;
}