* {
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
}

body { background-color:white; }
body { background-color:silver; }

.s        { background-color:#C2D4D8;}
.z        { background-color:white;}

.gray     { background-color:gray; }
.white    { background-color:white; }
.cs       { color:black; }
.cb       { color:black;font-style:italic; background-color:#ECECEC;;}
.cbu      { color:white; background-color:gray;font-weight:bold;font-size:112%}
.cbu1     { color:white; background-color:gray;font-weight:bold;font-size:100%}
.c15      { color:white; 
            background-color:red;
            font-weight:bold;
            font-size:14px;
            font-family:Arial,sans-serif; padding:5px;}
.arial    { font-family:Arial,sans-serif; }

.ac       { text-align:center;padding-top:2px;padding-bottom:1px; font-weight:bold;
            border-right-style:dotted;
            border-top-style:dotted;
            border-bottom-style:dotted;
            border-width:1px;}
.acc      { text-align:center;padding-top:2px;padding-bottom:1px; font-weight:bold;
            border-left-style:dotted;
            border-right-style:dotted;
            border-top-style:dotted;
            border-bottom-style:dotted;
            border-width:1px;}
.al       { text-align:left;padding-top:2px;padding-bottom:1px;padding-left:3px; font-weight:bold;
            border-right-style:dotted;
            border-top-style:dotted;
            border-bottom-style:dotted;
            border-width:1px;}
.all      { text-align:left;padding-top:2px;padding-bottom:1px;padding-left:3px; font-weight:bold;
            border-right-style:dotted;
            border-top-style:dotted;
            border-bottom-style:dotted;
            border-width:1px;
	    background-color:#F0E68C;}
.ale      { text-align:left;padding-top:2px;padding-bottom:1px;padding-left:3px; font-weight:bold;
            border-top-style:dotted;
            border-bottom-style:dotted;
            border-width:1px;}
.ar       { text-align:right;padding-top:2px;padding-bottom:1px;padding-right:3px; font-weight:bold;
            border-right-style:dotted;
            border-top-style:dotted;
            border-bottom-style:dotted;
            border-width:1px;}
.are      { text-align:right;padding-top:2px;padding-bottom:1px;padding-right:3px;font-weight:bold;
            border-top-style:dotted;
            border-bottom-style:dotted;
            border-width:1px;}

.strecke  { font-family:Arial,sans-serif;
            font-size:20px;
            font-weight:bold;
            color:white;
            padding:10px;
          }

a:link    { text-decoration:none; color:black; }
a:visited { text-decoration:none; color:black; }
a:hover   { text-decoration:none; font-weight:bold; background-color:#ff0; }
a:active  { text-decoration:none; color:teal; }
a:focus   { text-decoration:none; color:teal; }



h2        { font-family:Arial,sans-serif;
            font-size:20px;
            font-weight:bold;
            color:black;
          }
h3        { font-family:Arial,sans-serif;
            font-size:15px;
            font-weight:bold;
            color:black;
          }
h4        { font-family:Arial,sans-serif;
            font-size:15px;
            font-weight:bold;
            color:white;
          }

.auswahl1 { font-family:Arial,sans-serif;
            font-size:15px;
            font-weight:bold;
            color:white;
            padding:8px;
          }

h5        { font-family:Arial,sans-serif;
            font-size:15px;
            font-weight:bold;
            color:teal;
          }

.auswahl2 { font-family:Arial,sans-serif;
            font-size:15px;
            font-weight:bold;
            color:teal;
            padding:8px;
          }


td.scroll { height: 280px;
          }
 
div.scrollContent
          {
	    overflow: auto;
            height: 280px;
          }

/*-----------------------------------------------*/


header {
    background-color: gray;
    width: 100%;
    float: left;
    border-bottom: 1px solid black;
}

#bereichlogo {
    color: white;
    background-color: blue;		
    display: block;
    padding: 3px 3px 3px 3px;
    text-decoration: none;
    float: left;	
    width: 96%;
}


#steuerung {
    float: right;
}

#steuerung li {
    padding: 15px 15px 5px 5px;
    list-style: none;
    float: left;
}

#steuerung li {
    width: 98%;
}
#steuerung li {
    width: 98%;
    border-bottom: 2px solid silver;
}

#steuerung a {
    display: block;
    /* height: 100%; */
    width: 100%;
    padding: 0.5em;
    text-decoration: none;  /* keine Unterstreichung */
    color: white;  /* Schriftfarbe weiß */
    background-color: gray;   /* Hintergrundfarbe grau */
}

#steuerung a:hover {
    color: black;
    background: orange;
}

#steuerung {
    float: left;
    width: 100%;
}

/* CSS erweitern um MENÜ-Button und entsprechende Steuerung */

.menue-button {
    
    display: block;
}

.menue-button {
    background-color: magenta;
    display: block;
    position: fixed;
    right: 0;
    top: 0;
    padding: 20px 20px 10px 10px;
    color: white;
    cursor: pointer;
    text-decoration: none;

    width: 13%;
}

#steuerung {
    float: left;
    width: 100%;
    display: none;
}
.menue-button:hover {
    color: black;
    background: lightblue;
}

#nav-menue:target #steuerung {
    display: block;
}

#nav-menue:target .menue-button-beschr-open {
    display: none ; 
}