html, body { background:#f2f2f2; width:100%; height:100%;}
body{
 font-family: Verdana, Arial, sans-serif;
 font-size:80%;
 color:#000;
  background-color:#f2f2c2;
 margin:0;
 padding:0;
}
.container {
  display: grid;
 grid-template-columns: auto auto auto auto;
  grid-gap: 10px;
.elem1 {
   grid-row: 1;
   grid-column: 1 / 2; // Element von Linie 1 bis Linie 2
}
}

/* Überschriften */

h1 { font-size:2.3em;margin-top:5px;}
h2 { font-size:1.3em;}
h3{ font-size:1.1em;}
h2,h3,h4 { margin-top:20px;margin-bottom:0px; }
h1,h2,h3,h4 { color:#005b43;}


/* Hervorhebungen */
em,.hervorheb{
 color:#005ba3;
 font-weight:normal;
 font-style:normal;
}


/* Container, der die Inhalte enthält */
#content{

 padding:20px 0 0 0;
 background-color:#f2f2c2;
 margin-left:19em;
 max-width: 70em;;

}



#content h1{font-size:250%; margin-top:5px;}
#content-top h1{font-size:250%; margin-top:5px;}



/* Container, der die Menüs links enthält */
#menus{
 float:left;
 padding:20px 0;
 border-right:1px solid #005ba3;;
  background-color:#f2f2c2;
 width:18em;
}



#footer{
        font-size:0.9em;
        text-align:right;
        clear: both;
        margin: 10px;
        padding: 10px;


}



#menus ul {margin:5px 5px 15px 0px;padding:5px 5px;list-style-type:none;}
#menus li {margin-left:0px;padding:5px 5px;}
#menus h3 {margin:10px 10px 5px 10px;
          font-size:1em;
          background-color: darkgreen;
          color:#fff;
         text-align:center;}
#menus h5 {margin:5px 5px 15px 0px;
          padding:5px 5px;
          list-style-type:none;
          font-size:1.5em;
          color: blue;}

/* Standard Hyperlinks */
a:link, a:visited, a:hover, a:active{
 text-decoration:none;
 font-weight:bold;
 color:#305ba3;
 background-color:inherit;
}

a:visited { color:#305ba3; }
a:hover, a:active {
 color:#f00;
 text-decoration:underline;
 font-weight:bold;
}

/* Hyperlinks für das untere und linke Menü */
#menus a{
 font-weight:normal;
 color:#3050a3;
 margin-left:10px;
 display:block;
}
#menus a:link {
 color:#305ba3;
}

#menus a:visited{
 color:#305ba3;
}
#menus a:hover, #menus a:active {
 text-decoration:underline;
}
.menu a, .menu a:link, .menu a:visited,.menu a:hover, .menu a:active {
 font-weight:bold;
}

/* Browserkompatibilitätstabelle */
.j, .f, .n,.t{
 text-align:center;
 font-weight:bold;
 vertical-align:middle;
}

/* Relaunch */
 pre {overflow:auto; font-size:120%;}
  * html pre {width:75%;}
#menus ul li ul {margin-left:10px; margin-bottom:0;}
#menus p {display:none;}
#menus .aktiv {font-weight:bold;}
ol.menu li {text-align:left;}