body { font-family:Arial, Helvetica, sans-serif; font-size:14px; 
min-width: 40em; min-height: 40em; /* Mindestbreite verhindert Anzeigefehler in modernen Browsern */
}

h1 { font-size:20px; }
h2 { font-size:18px; }
h3 { font-size:16px; font-weight:600; }

a { color:#EB8040; font-weight:600; text-decoration:none }
a:hover { color:#FF9C00; text-decoration:none}

.cols {
    display: grid;
	grid: 40em / auto auto;
}

#fixiert {
    position: absolute;
    top: 0em; left: 0em;
    width: 215px;
    bottom: 0em;
    color: #5A5A5A;
    background-image:url(graphics/grauweiss.jpg);
    font-weight:bold;
    font-size: 1.1em;
  }
  
  html>body #fixiert {  /* nur fuer moderne Browser! */
    position: fixed;
  }
  
  #fixiert img {
    text-align: center;
    width: 170px; float: middle; border:none; margin-top:1.5em; margin-bottom:0.5em;
  }

 
  #Inhalt {
    margin-left: 217px; 
    border-left: 2px; 
    border-top: 2px;
  }
  * #Inhalt {  /* versteckt vor Netscape 4 */
    background-color: white;
  }

  #Inhalt h2 {
    font-size: 1.2em;
    margin: 2em 5% 2em;
    color: maroon;
    border-bottom: 1px solid silver;
  }
  #Inhalt p {
    font-size: 1em;
    margin: 1em 0;
  }
    
  #Navigation {
    font-size: 1em;
    font-weight: bold;
    color: #5A5A5A;
    margin: 0 1em 0; padding: 0;
  }
  #Navigation li {
    list-style: none;
    margin: 0; padding: 0em;
    margin-bottom: -0.2em;
  }
  ul#Navigation a {
    display: block;
    padding: 0.2em;
  }
  ul#Navigation a:link {
    color: #666; 
  }
  ul#Navigation a:visited {
    color: #666; 
  }
  ul#Navigation a:hover {
    color: black; background-color: #eee;
  }
  ul#Navigation a:active {
    color: white; background-color: gray;
  }