.feldy {
     background-color: white;   
     border-collapse:collapse; 
     font-family:Helvetica,Arial,sans-serif;
     font-size:20px;
     }
   .sy,.hy,.ly,.oy,.ay,.ny {
     border: black solid 1px;
     width:36px;
     height:36px;
     vertical-align:middle;
     text-align:center;
     }
   .hy{
     background-color: #EEEECC;   
     border: none;
     }
   .sy{
     background-color: black;   
     border: none;
     }
   .ly{
     border-left: 4px black solid;
     }
   .oy {
     border-top: 4px black solid;
     }
   .ay {
     border-left: black solid 4px;
     border-top: 4px black solid;
     }
   .nummer,.h_nummer,.s_nummer{
      color: black;
      background-color: white;
      border: 0px solid black;
      width: 12px;
      height: 36px;  
      font-weight: normal;
      font-size: 8px;
      font-family:Verdana,Helvetica,Arial,sans-serif;
      text-align: left; 
      vertical-align: top;
      }
   .buchstabe,.h_buchstabe,.s_buchstabe{
      color: #330099;
      background-color: white;
      border: 0px solid black;
      width: 24px;
      height: 36px;  
      font-weight: normal;
      font-size: 20px;
      font-family:Comic Sans MS,Verdana,Helvetica,Arial,sans-serif;
      text-align: left; 
      vertical-align: middle;
      }
    .h_nummer,.h_buchstabe{
      background-color: #EEEECC;
    }
    .s_nummer,.s_buchstabe{
      background-color: black;
    }
   .hint{
      color: black;
      background-color: yellow;
      }
   .hinweise{
      font-weight: normal;
      font-size: 12px;
      font-family:Verdana,Helvetica,Arial,sans-serif;
     }
   body{
      font-weight: normal;
      font-size: 12px;
      font-family:Helvetica,Arial,sans-serif;
     }