

      <style type"text/css" @charset "iso-8859-1">
      p.gelb {color:red; background-color: yellow; font: 20px fantasy}
      p.blau {color:yellow; background-color: darkblue; font-family: arial ; font-size: medium}
      .weiss {color:red; background-color: white; font: large arial}
      .cyan {color:yellow; background-color: cyan; font-family: arial ; font-size: large }
      .free1 {color:rgb(255,100,200); background-color: rgb(255,255,100); font: medium arial; text-indent: 0}
      .free2 {color:rgb(255,255,55); background-color: rgb(155,100,100); font-family: arial ; font-size: medium ;
              text-indent: 2em}
      .box1 {width: auto; height: 90%; background-color: #292D47; border: 1em solid #9EA5D1; padding: 1em; margin: 1em; 
             color:B8BDDE ; font-family: arial ; }
      .inhalt {color:#B8BDDE ; background-color: #292D47; font-size: 2em; }
      .ü1 {color: #B8BDDE ; font-size: 3em; }
      .inh0 {color: #292D47 ; font-size: 2em; }
      .inh1 {color: #6C76BB ; font-size: 2em; }
      .inh1 {color: #4B5183 ; font-size: 2em; }
      .inh2 {color: #4B5183 ; font-size: 1.5em; }
      .inh3 {color: #292D47 ; font-size: 1.1em; }
      .inh3 {color: #6C76BB ; font-size: 1.1em; }  
      .inh3ge {color: #B8BDDE ; color: #6C76BB; font-size: 1.0em; line-height:140%; }  
      .inh3gr {color: #B3B3C4 ; color: #676B85; font-size: 1.0em; line-height:140%; }  
      .inh3cn {color: #B8BDDE ; font-family:Courier New; font-size: 1.0em; line-height:140%; margin-left:100px;}  
      .inh4 {color: #4B5183 ; font-size: 1.5em; }
      .inh5 {color: #4B5183 ; font-size: 0.9em; text-align: center  }
      .inh6 {color: #FD737D   }
      li.hell {color: #B8BDDE;}
      a {font-family: arial }
      a:link    {color:#292D47; font-weight:bold}
      a:visited {color:#292D47; text-decoration:line-through}
      a:hover   {color:#999DB7; font-weight:bold}
      a:active  {color:#999DB7;color:#191D37;}
      
      a.h:link    {color:#999DB7; font-weight:normal}
      a.h:visited {color:#999DB7; text-decoration:line-through}
      a.h:hover   {color:#999DB7; font-weight:normal}
      a.h:active  {color:#999DB7;color:#191D37;}
      
      a.l{font-family: arial; font-size: 1.5em; }
      a.l:link    {color:#999DB7; font-weight:bold}
      a.l:visited {color:#999DB7; text-decoration:line-through}
      a.l:hover   {color:#999DB7; font-weight:bold}
      a.l:active  {color:#999DB7;color:#191D37;}

      .pictvisi {visibility: visible;}
      .picthid  {visibility: hidden;}
      
      img.img1 { border: 2px solid gray;  height: 14em; visibility: visible; }
      img.img2 { border: 2px solid gray;  height: 24em; visibility: visible; }
      
    .card {
        width: 200px;
        height: 15em;
        position: relative;
        display: inline-block;
    }
    .card .img-top {
        top: 0;
        left: 0;
        display: none;
        position: absolute;
        align: center
    }
    .card:hover .img-top {
        display: inline;
    }
    
    .cardbig {
        width: 300px;
        height: 22em;
        position: relative;
        display: inline-block;
    }
    .cardbig .img-top {
        top: 0;
        left: 0;
        display: none;
        position: absolute;
        align: center
    }
    .cardbig:hover .img-top {
        display: inline;
    }
   
    .cardwide {
        width: 300px;
        height: 15em;
        position: relative;
        display: inline-block;
    }
    .cardwide .img-top {
        top: 0;
        left: 0;
        display: none;
        position: absolute;
        align: center
    }
    .cardwide:hover .img-top {
        display: inline;
    }



     </style>
      
