body {
background-color: #87CEEB;
padding: 8px;
margin: 0px;
padding: 8px;
font-size: medium;
}

body {
font-family: Arial, sans-serif; margin: 20px; }

 .image-container { display: flex; gap: 20px; }

a {color: inherit;
font-family: inherit;
text-decoration: none
}

h1 {
font-size: 145%;
font-weight: bold;

}


h2 {
font-size: 120%;
font-weight: bold;

}

h3 {
font-size: 100%;
font-weight: bold;

}

h4 {
font-size: 90%;
font-weight: bold;
}

p {
font-size: 90%;
}




#inhalt {
width: 79%;
height: auto;
padding: 8px;
display: inline-block;
position: relative;
float: left;
margin-left: 16px;
margin-top: 0px;
background-color: #87CEEB;
}


#inhalt h3{
padding: 8px;
font-size: 100%;
font-weight: bold;
font-color: #87CEEB;
}

#inhalt p{
padding: 2px;
font-size: 100%;
font-color: #87CEEB;
}

#inhaltu {
width: inherit;
float: right;
margin-left: -8px;
margin-top: 0px;

background-color: #87CEEB;

}


#inhaltbm {
width: inherit;
float: right;
margin-left: -8px;
margin-top: 0px;

background-color: #87CEEB;

}




#kopfleiste {s
width: inherit;
height: 50px;
background-color: #366BF4;
padding: 8px;
overflow: hidden;
}

#ListeS {
width: inherit;
height: 50px;
background-color: #366BF4;
padding: 20px;
}


#menuo {
width: inherit;
height: auto;
background-color: #87CEEB;
}


#menul {

height: inherit;
padding: 8px;
float: left;
display: inline-block;
margin-top:8px;
background-color: #366BF4;
}


#menul ul{
list-style-type: none;
padding: 4px;
}

#menul li{
margin: 0px 0px 15px 0px;
padding: 0px 10px 0px 10px;
}

#menul li.current{
background-color: #87CEEB;
color: #FAF9F8;
}

#menul li {
font-size: 120%;
font-weight: bold;
font-color: #87CEEB;
}