body {
 font-size: 1.0em;
 font-family: sans-serif;
 text-align: left;
 background-color:#ccccfe;
 color:#000000;
}
header {
 background-image:url("img/banner.jpg");
 background-repeat: no-repeat;
 height:6.0em;
}
{ main
}
footer {
 height:2em;
}
.flex-container {
 display: flex;
}
.nav {
 width: 9em;
 background-color:#ffff00;
}
.inhalt {
 margin-left: 0.5em;
 width: 100%;
}
.bildrahmen {
 margin-left: 0.5em;
 width: 400px;
}
.textrahmen {
 margin-left: 0.5em;
 width: 100%;
}
h1 {
 font-size: 2.5em;
 text-align: center;
 color:#ff0000;
}
h2 {
 font-size: 1.2em;
 text-align: right;
}
h3 {
 font-size: 1.2em;
}
h4 {
 font-size: 1.0em;
}
h5 {
 text-align: center;
}
span {
 background-color:#ff0000;
}
p {
}
ul {
 margin-left: 1.0em;
 padding-left: 0.0em;
}
li {
 font-weight: bold;
 line-height: 2;
}
td {
 vertical-align: top;
}
img {
 border: 0;
}
iframe {
 width: 640px;
 height: 360px;
 frameborder: 0; 
}