/*BODY { background-color:#d8eafe }*/
BODY {background:url(abi83jpg.jpg) }
.class { color: #309; font-size: 10pt; line-height: 15pt; font-family: "Arial Black"; text-align: center }
.class1 { color: #309; font-size: 10pt; line-height: 15pt; font-family: "Arial Black"; background-color: #9acfff; text-align: center }
.schriftmittig  { color: #33009a; font-weight: bolder; line-height: 200%; font-family: Georgia; text-align: center }
.kleinermittig  { color: #33009a; font-weight: bolder; font-size: 10pt; line-height: 150%; font-family: Georgia; text-align: center }
.smallmittig   { color: #33009a; font-weight: normal; font-size: 8pt; line-height: normal; font-family: Arial, Georgia; text-align: center }
.smittelmittig   { color: #33009a; font-weight: bold; font-size: 10pt; line-height: normal; font-family: Arial, Georgia; text-align: center }
.rotblau { color: white; font-weight: bold; font-size: 10pt; line-height: normal; font-family: Arial, Georgia; text-align: center }
.smalllinks { color: #33009a; font-weight: normal; font-size: 8pt; line-height: normal; font-family: Arial, Georgia; text-align: left }
.smallrechts { color: #33009a; font-weight: normal; font-size: 8pt; line-height: normal; font-family: Arial, Georgia; text-align: right }
.kleinerrechts { color: #33009a; font-weight: bold; font-size: 11pt; font-family: Georgia; text-align: right }
.kleinermitt { color: #33009a; font-weight: bold; font-size: 11pt; font-family: Georgia; text-align: center }
.kleinerlinks { color: #33009a; font-weight: bolder; font-size: 10pt; font-family: Georgia; text-align: left }
.Überschrift { color: #33009a; font-weight: bolder; font-size: 20pt; font-family: Georgia; text-align: center }
.Tabblau   { color: navy; font-weight: bolder; font-size: 10pt; font-family: Georgia; text-align: center }
.Überrot { color: red; font-weight: bolder; font-size: 20pt; font-family: Georgia; text-align: center }
.Fettschrift { color: #33009a; font-weight: bolder; font-size: 15pt; font-family: Georgia; text-decoration: none; text-align: center }
.schriftblock { color: #33009a; font-weight: bolder; font-family: Georgia; text-align: justify }
.Übermittel { color: #33009a; font-weight: 600; font-size: 14pt; font-family: Georgia; text-align: justify }
.UM22 { color: #33009a; font-weight: 600; font-size: 14pt; font-family: Georgia; text-align: center }
.ueberschriftgross { color: #33009a; font-weight: bolder; font-size: x-large; font-family: Georgia; text-align: justify }
.schriftlinks { color: #33009a; font-weight: bolder; font-family: Georgia; text-align: left }
.schriftrechts { color: #33009a; font-weight: bolder; font-family: Georgia; text-align: right }
.class3 { color: #33009a; font-size: 10pt; font-family: Modern; text-align: center }
a:hover    { color: red }
a:vlink   { }
a:link    { color: #33009a }
a:active   { }
/*#Ebene1 { position: absolute; top: 0px; left: 0px; width: 1024px; height: 90px; visibility: visible }*/
/*#Ebene8          { position: absolute; top: 40px; left: 100px; width: 990px; height: 20px; visibility: visible }*/
#container { width: 1200px;  margin: 0px auto; background-color:#d8eafe }
.imgzentriert { display: block; margin: 0px auto;}
/*
Bildergalerie
*/
.center {
 width: auto;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 background-color: #d8eafe;
}
/*
Thumbs
*/
table {
 background: #fff;
 border: 1px solid #999;
 margin: 1em 0 1.25em 0;
 padding: 2px;
}
td {
 background: #eee;
 border: 1px solid #999;
 width: auto;
 line-height: 110%;
 vertical-align: baseline;
}
div.caption {
 font-size: 90%;
}

/*
Page
*/
div#navt, div#navb {
 margin-top: 1em;
 margin-bottom: 1em;
}
div#navt a, div#navb a {
 text-decoration: none;
}
div.content {
 background: #fff;
 border: 1px solid #999;
 margin: 1em auto 1em auto;
}
div.content#pic {
 padding: 10px;
}
div.content#caption {
 min-width: 160px;
 padding: 5px 10px 5px 10px ;
}
.flex-container {
	display: flex;
	justify-content: center;
	align-items: center;
	}
.flex-container > div {
	background-color: #d8eafe;
	margin: 20px;
	}	
nav {
	background:#33009a;
	}	

nav ul {
	display: flex;
  	justify-content: space-between;
	list-style-type: none;
	padding: 0;	
	}
	
nav li {
	flex: 1 1 0;
}
	
nav a {
	text-decoration:none;
	font-weight:bolder;
	text-align:center;
	color:#FFF;
	display:block;
	padding:8px;
}
 
nav a:hover {
	background-color:#d8eafe;
}