@charset "utf-8";

* {
margin: 0;
padding: 0;
}

@media only screen and ( min-width: 950px ) {
    body { background-color: #B0B0B0;}
}
@media only screen and ( max-width: 440px ) {
    body { background-color: #B0B0B0;}
}
@media only screen and ( min-width: 440px ) and ( max-width: 950px ) {
    body { background-color: #B0B0B0;}
}

html {
height: 100%;
}

html>body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
font-size: 100%;
}

body {
font-family: Arial,Helvetica,sans-serif;
font-size: 0.8em;
background:#B0B0B0;
}

#totop {
opacity: 1.0;
display:none;
position: fixed;
z-index: 9999;
bottom: 44px;
margin-right:4px;
cursor: pointer;
}

#totop:hover {
	opacity:0.6;
}

#up {
	display:flex;
	justify-content:flex-end;
	height:20px;
}

#down {
	display:flex;
	justify-content:flex-end;
	z-index: 9999;
margin-right: 36px;
}

#todown {
opacity: 1.0;
position: fixed;
z-index: 9999;
top: 44px;
margin-right:4px;
cursor: pointer;
}

#todown:hover {
	opacity:0.6;
}

p {
font-size: 0.8em;
line-height: 24px;
}

.i {
font-weight:bold;
}

em {
font-style:normal;
font-weight:bold;
}

a:link {
color:rgb(90,190,173);
text-decoration: none;
font-weight: bold;
}

a:visited {
color:rgb(90,190,173);
text-decoration: none;
font-weight: bold;
}

a:hover,
a:focus,
a:active {
color:rgb(90,190,173);
text-decoration: none;
}

h1 {
font-weight: bold;
font-size: 0.8em;
line-height: 28px;
}

h1:first-letter {
font-size:2.1em;
}

h2 {
font-weight: bold;
font-size: 1.0em;
}

h3 {
font-size: 0.6em;
line-height: 12px;
}

h4 {
font-weight: bold;
font-size: 0.8em;
line-height: 24px;
}

#header {
height: 100px;
max-width: 800px;
color: rgb(30,30,100);
line-height: 24px;
font-weight: bold;
font-size: 0.8em;
text-align: center;
background-color:transparent;
padding-top:10px;
}

#menu {
display:flex;
justify-content:flex-end; 
text-align:right;
height:36px;
background-color:rgb(30,30,100);
}

#wrapper {
background-color:#fff;
max-width: 800px;
margin: 0 auto;
border: 2px solid rgb(30,30,100);
background-color:#fff;
display: flex;
flex-direction: column;
box-shadow: 15px 15px 20px 0px rgba(100,100,100,0.75);
}

#content1 {
color: rgb(30,30,100);
text-align:center;
background-color:transparent;
min-height:380px;
padding-top:20px;
}

#content2 {
color: rgb(30,30,100);
text-align:left;
background-color:transparent;
min-height:400px;
padding-left:10px;
padding-right:8px;
}

#content3 {
color: rgb(30,30,100);
background-color:transparent;
min-height:400px;
padding-left:10px;
padding-right:8px;
}

.mitte {
	display: flex;
	justify-content:center; 
	flex-wrap:wrap;
}

.mitte2 {
	display: flex;
	justify-content:space-around; 
	flex-wrap:wrap;
}

.mitte3 {
	display: flex;
	justify-content:space-around; 
	flex-wrap:wrap;
}

.mittevo {
	text-align:center;
}

.links {
padding-left:16px;
}

img.nach {
	padding-right:8px;
	float:left;
	display:block;
}

img.fl {
padding-top: 20px;
padding-right: 136px;
display: block;
margin-left: auto;
margin-right: auto;
text-align:center;
}

img.fl1 {
padding-bottom: 16px;
padding-top:16px;
}

img.fl1bu {
padding-top:16px;
}

img.fl2 {
padding-bottom: 23px;
padding-top:16px;
padding-left:10px;
padding-right:10px;
}

p.bu {
font-size:0.7em;
line-height:12px;
text-align:center;
}

p.bu2 {
	font-size:0.7em;
	padding-top:0px;
	text-align:center;
	padding-bottom:16px;
}

#sidebar {
width: 146px;
left:-164px;
min-height: 380px;
text-decoration: none;
font-size: 1.0em;
color:#fff;
background:rgb(30,30,100);
position: fixed;
margin-top:36px;
padding-left:12px;
padding-top:2px;
border:2px solid rgb(131,206,195);
}

ul li {
list-style:none;
}

#toggle-btn {
z-index: 99;
height: 36px;
cursor: pointer;
width: 36px;
}

#toggle-btn:hover div{
background-color:#fff;
}

#toggle-btn div {
display: block;
width: 30px;
height: 5px;	
background:rgb(90,190,173);
margin: 5px 0px;
}

#sidebar.active {
left:0px;
}

ul#sub1 {
position: absolute;
top: 256px;
left: 110px;
width: 140px;
height:50px;
padding-top: 6px;
padding-bottom:6px;
padding-left: 10px;
background-color: rgb(30,30,100);
list-style: none;
display: none;
border:2px solid rgb(131,206,195);
}

li:hover ul#sub1 {
display: block;
}

ul#sub1 li {
background-color:rgb(30,30,100);
}

ul#sub2 {
position: absolute;
top: 309px;
left: 110px;
width: 190px;
height:104px;
padding-top: 6px;
padding-bottom:6px;
padding-left: 10px;
background-color: rgb(30,30,100);
list-style: none;
display: none;
border:2px solid rgb(131,206,195);
}

li:hover ul#sub2 {
display: block;
}

ul#sub2 li {
background-color:rgb(30,30,100);
}

ul li {
list-style: none;
line-height: 27px;
}

li.out {
	list-style-position:outside;
	line-height:14px;
	padding-top:4px;
	padding-bottom:4px;
}

.indent {
padding-left:15px;
}

ol li {
list-style: disc;
line-height: 24px;
font-size: 0.8em;
}

table {
border-collapse: collapse;
border: none;
width:100%;
padding: 4px;
}

td {
text-align: left;
font-size: 0.8em;
line-height: 24px;
vertical-align:top;
}

.spalte1 {
width: 25%;
}

.spalte2 {
width: 250px;
text-align:center;
height:85px;
}


.spalte3 {
width:30%;
}

.impressum {
font-size: 0.6em;
line-height: 12px;
}

.bu {
font-size: 0.6em;
line-height: 16px;
}

.bu2 {
text-align: center;
}

.bu3 {
text-align: right;
}

#footer {
font-size: 0.7em;
color: #fff;
background-color:rgb(30,30,100);
text-align: center;
display:flex;
justify-content:center;
height:36px;
align-items:center;
}

img.bi {
max-width: 100%; height: auto;
}