body
    {
      color:#000000;
      background-color:#F2F88E;
      font-family: "Times New Roman,Georgia,Times,serif";
      margin:0;
      padding:1em;
      font-size:17px;
    }

    a:link {
        color:#000000;
        text-decoration:underline;
      }

    a:visited {
        color:#000000;
        text-decoration:underline;
      }
    a:focus {
  background-color:#F2F88E;
        color:#0A4585;
        text-decoration:underline;
      }

    a:hover {
        color:#0A4585;
        text-decoration:none;
      }
  
    a:active {
        color:#000000;
        text-decoration:underline;
      }

    .button {
        background: #F2F88E;
        color:#000000;
        border: 1px solid #000000;
      }
  
    .button:hover {
  background-color:#F2F88E;
  color:#035DBD;
  text-decoration:none;
  }

    #navi {
    padding:0px;
  margin:0px;
      }

    #navi ul.menu {
    width:260px;
    padding:0px;
    margin:0px;
      }

    #navi li {
    margin:2px;
    list-style-type: none;
        font-family: "Times New Roman",Georgia,Times,serif;
    font-weight: bold;
  color: white;
    padding:1px;
      }

    #navi li ul {
    margin-top:0px;
    margin-bottom:0px;
    padding-bottom:20px;
      }

    #navi li a {
    text-decoration: none;
    display: block;
    padding:1px 0px;
    width:100%;
      }

   #navi li a:link, #navi li a:visited { 
  color: #FFFFFF; 
  background-color: #035DBD; 
  border: 1px outset #000000; 
     }

    #navi li a:hover {
    background-color: #0A4585;
    border: 1px inset #000000;
  color: #EFE061;
     }

    #navi_online {
    padding:0px;
    margin:0px;
     }

    #navi_online ul.menu {
    width:70px;
    padding:0px;
    margin:0px;
     }

    #navi_online li {
    margin:2px;
    list-style-type: none;
    font-weight: bold;
    padding:1px;
     }

    #navi_online li ul {
    margin-top:0px;
    margin-bottom:0px;
    padding-bottom:20px;
     }

    #navi_online li a {
    text-decoration: none;
    display: block;
  padding:1px 0px;
     }

    #navi_online li a:link, #navi_online li a:visited {
    color: #FFFFFF;
  font-size: 25px;
    background-color: #035DBD;
    border: 1px outset #000000;
     }

    #navi_online li a:hover {
  background-color: #0A4585;
    border: 1px inset #000000;
  color: #EFE061;
     }
   
    #titel {
  font-family: "Times New Roman,Georgia,Times,serif";
  font-style: normal;
     }

    li {
  font-family: "Times New Roman,Georgia,Times,serif";
  font-size: 15px;
        list-style-type:none 
     }

    .blueborder {
  border:2px solid #035DBD;
  background-color:#EFE061;
     }

    .hover {
  background-color:#EFE061;
  font-weight:bold;
     }

    .align {
  text-align:center;
     }

    #free {
  font-size:18px;
     }
     
    .border {
     border:1px solid #000000;
     }

    .zeile {
      background-color:#EFE061;
      font-weight: bold;
      list-style-type:none
     }
     
#body
{
  position:absolute;
  top:1em;
  bottom:1em;
  left:1em;
  right:1em;
}

#beforeafterframe
{
  position:absolute;
  top:0px;
  left:0px;
  right:0px;
  bottom:3em;
}

#beforeafterthumbs
{
  position:absolute;
  padding:0.5em;
  left:0px;
  right:0px;
  top:0px;
  bottom:340px;
  overflow:scroll;
}

#beforeafterbig
{
  position:absolute;
  padding:10px;
  bottom:0px;
  height:320px;
  left:0px;
  right:0px;
}

#beforeafterback
{
  position:absolute;
  bottom:0px;
  height:3em;
  left:0px;
  right:0px;
}

.clickable
{
  cursor:pointer;
}