body
{
background-color: whitesmoke;
font-family: Verdana, Arial, sans-serif;
font-size: 100.01%;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
text-align: center; /* Zentrierung für alte IEs */
}
h1
{
font-family:arial, "lucida console", sans-serif;
text-align: center;
color: #000080;
margin:0;
font-size: 2.1em;
<!-- text-decoration: underline; -->
}



h2
{
color: #006400;
margin: 0;
}

h3
{
color: whitesmoke;
text-align: center;
background: #1E90FF;
padding: 5px;
margin: 5px;
}

h4
{
        background-color:#1E90FF;
        color: #fff;
		  text-align: center;
		  font-size: 1.2em;
        margin:5px 0;
        padding:5px;
}


#seitenbereich
{
        text-align: left;  /* Inhalt wieder links wegen alten IEs */
   position: relative;
   margin: 0 auto;    /* Zentrierung mitte */
   max-width: 1000px;
   min-height: 100%;
padding-bottom: 2em; /*für sticky foot um unten nicht zu überdecken*/
   background-color: #E6E6FA;
}



#navioben ul
{
    background-color: yellow;
    margin: 5px 25px 5px;
         font-size: 0.6em;
    padding: 0.3em;
    list-style-type: none;
    float: right;
}

#navioben li
{
    background-color: white;
    display: inline-block;
}
#navioben a
{
        text-decoration: none;
   display: inline-block;
   padding: .2em 1em;
}
#navioben a:hover
{
        background-color: orange;
}

#header
{
        background-color: white;
        max-width: 100%;
margin: 10px 10px;
}



#menue
{
float: right;
width: 14%;
margin: 1% 1% 0 0;
background-color: #FFA500;
color: #FFF;
}

#menue ul
{
list-style-type: none;
margin: 0;
padding: 0;
}

#menue a
{
text-decoration: none;
padding:5px;
font-size: 0.8em;
display: block;
width: 85%;
}


#menue a:link, a:visited
{
background-color: #CEBCE7;
color: #553186;
border-bottom: 1px solid #fff;
}
#menue a:hover
{
background-color: #553186;
color: #FFF;
font-weight: bold;
border-left: 10px solid #FF00FF;
border-bottom: 1px solid #FF00FF;
text-align: right;
width: 85%;
}


#bild1
{
   float: left;
   width: 40%;
   margin: 5px 1%;
  }


#textbild1
{
font-size: 1.1em;
color: grey;
        float: left;
        background-color: white;
        max-width:35%;
       
        padding-left: 10px;
        padding-right: 5px;
        margin: 5px 1%;

  }

#textbild2
{
font-size: 1.0em;
color: grey;
        float: left;
        background-color: white;
        max-width:75%;
        padding-left: 10px;
        padding-right: 15px;
        margin: 10px 10px;
  }

#info1
{
 float: left;
background-color: greenyellow;
max-width:75%;
margin: 5px 1%;
padding:15px;
text-align: justify;
font-size: 0.9em;
line-height: 1.5em;
}


#info2
{
background-color: yellow;
max-width:75%;
margin: 5px 1%;
padding:15px;
text-align: left;
font-size: 0.9em;
line-height: 1.5em;
}

#info3
{
        background-color: greenyellow;
max-width:75%;
margin: 5px 1%;
padding:15px;
text-align: justify;
font-size: 0.9em;
line-height: 1.5em;
}


article {
   display: grid; 
  grid-template-columns: 1fr 1fr 1fr 1fr; 	/* Anzahl der Spalten*/
  padding: 0.8em;								/*für Abstand links und rechts */
  grid-gap: 1em; 								/*grid-gap: 1em; lässt zwischen den Spalten (aber nicht am Außenrand) einen 1em breiten Rand*/
   }

section, aside {
  background-color: white;
  color: #7B7F80;
  text-align: center;
padding: 5px;
font-size: 0.8em;

}


#fussbereich
{
    position:absolute;
    bottom: 0;
    width: 100%;
    background-color: yellow;
    min-height: 2em;
}