 body {
  font-family: Verdana, Arial;
  font-size: 8pt;
  color: #1F1F1F;
  line-height: 10pt;
  /*text-align:justify; */
  border-color:lightgrey;
  /* background-color:white;  */
  background-image:url(../_img/bg06.gif);
  }
  div {
   padding-top: 5pt;
   padding-bottom: 2pt;
   padding-left: 20pt;
   padding-right:15pt;
   /*width:500px;  */
   }
   pre { padding-left:20pt;
   }
   h1,h2,h3,h4 {
    font-family: Verdana, Arial;
    font-weight: bold;
    padding-left: 20pt;
    padding-top:5pt;
    }
    h5 {
    font-family: Verdana, Arial;
    font-weight: bold;
    color: darkslategray;
    padding-left: 20pt;
    padding-top:0pt;
    }
   strong {
     color: gray;
     }
    a:link {
    font-family: Verdana, Arial;
    color: lightslategray;
    text-decoration:none; }    /* noch nicht besuchte Ziele */
    a:visited {
    font-family: Verdana, Arial;
    color: dodgerblue;
    text-decoration:none;  } /* besuchte Ziele */
    a:hover {
    font-family: Verdana, Arial;
    color: mediumaquamarine;
    text-decoration:none; }   /* Verweise bei "MouseOver" */
    a:active {
    font-family: Verdana, Arial;
    color: mediumvioletred;
    text-decoration:none; }  /* Angeklickte Verweise */
    a:focus {
    font-family: Verdana, Arial;
    color: skyblue;
    text-decoration:none;
    }

    /* Tabellenformatierung */
    table {
    padding: 10pt;
    border-width:thin;
    margin-left:20pt;
    }
    tr {
     margin-top:50px;
     margin-bottom:50px;
     }

    #exL {
    text-align:right;
    }

    a.musik {
    display:block;
    text-decoration:none;
    color: olivedrab;
    font-family: Verdana, Arial;
    font-size: 10pt;
    /*text-align:right;  */
    }
    a.informatik {
    display:block;
    text-decoration:none;
    color: blueviolet;
    font-family: Verdana, Arial;
    font-size: 10pt;
    /*text-align:right;   */
    }
    a.freizeit {
    display:block;
    text-decoration:none;
    color: orange;
    font-family: Verdana, Arial;
    font-size: 10pt;
    /*text-align:right; */
    }
    a.freunde {
    display:block;
    text-decoration:none;
    color: mediumvioletred;
    font-family: Verdana, Arial;
    font-size:10pt;
    /*text-align:right; */
    }

    #links {
     width:200px;
     align:left;
     float:left;
     margin: 20px;
     }
    #rechts {
      width:200px;
      align:right;
      float:right;
      margin:20px;
      }
    /* erste Reihe */
    #i1 { position:absolute;
          top:20px;  left:20px; width:200px;  float:left; }
    #i2 { position:absolute; top:20px; left:240px; width:200px;   }
    #i3 { position:absolute; top:20px; left:460px; float:right;
          width:200px;}

    #i4 { position:absolute; top:20px;  left:680px; float:left;
          width:200px;}
     /* zweite Reihe */
    #i5 { position:absolute; top:240px; left:20px; width:200px; float:left; }
    #i6 { position:absolute; top:240px; left:240px;  float:left;
          width:200px;}
    #i7 { position:absolute; top:240px; left:460px;   float:right;
          width:200px;  }
    #i8 { position:absolute; top:240px; left:680px;   float:right;
          width:200px;  }
    /* dritte Reihe */
    #i9 { position:absolute; top:390px;  left:20px;  float:left;
          width:200px;}
    #i10{ position:absolute; top:390px; left:240px; }
    #i11 { position:absolute; top:390px; left:460px;   float:right;
          width:200px;  }