* {
    padding: 0;
    margin: 0;
    font-size: 100%;
    font-weight: normal;
  }
body {
  background: #F0F0F0;
  color: #000000;
}  
  .Rand {
    border: 2px red dashed;  
  }
  .clearfloat {
    clear: both;
  }
  h1 {
    font-family: 'Times New Roman','Trebuchet MS', serif;
    color: #ad1910;
    text-align: center;
    font-size: 2.5em;
    font-weight: bold;
    margin-top: 1.0em;
    margin-bottom: 1.0em;
  }
  #container {
    width: 760px;
    margin: 100px auto;
  }
  #linkeSpalte {
    width: 230px;
    float: left;
  }
  #mittlereSpalte {
    margin: 0 230px;
    position: relative;
  }
  #rechteSpalte {
    width: 230px;
    float: right;
  }
  #linkeSpalte ul li,
  #rechteSpalte ul li {
    width: 230px;
    height: 100px;
    background: url(../gif/apfel_hinweis_transp.gif) no-repeat;
  }
  #linkeSpalte ul li a:link,
  #linkeSpalte ul li a:visited,
  #rechteSpalte ul li a:link,
  #rechteSpalte ul li a:visited {
    display: block;
    text-decoration: none;
    padding: 50px 115px;
  }
  #linkeSpalte ul li a:hover,
  #linkeSpalte ul li a:focus,
  #linkeSpalte ul li a:active,
  #rechteSpalte ul li a:hover,
  #rechteSpalte ul li a:focus,
  #rechteSpalte ul li a:active {
    background: url(../gif/apfel_hinweis.gif) no-repeat;
  }
  .inaktiv {
     background: url(../gif/apfel_rotgelb.gif) no-repeat;
  }
  .aktiv {
    width: 35px;
    height: 35px;
    background: url(../gif/apfel_rotgelb.gif) no-repeat;
  }
  .aktiv a:link,
  .aktiv a:visited {
    display: block;
    text-decoration: none;
    padding: 8px 0px;
  }
  .aktiv a:hover,
  .aktiv a:focus,
  .aktiv a:active {
    background: url(../gif/apfel_gelbrot.gif) no-repeat;
  }