<style>
   * {
       margin: 0;
       padding: 0;
   }
   
   body {
      overflow-x: hidden;
      overflow-y: auto;
   }
   
   span {      /* grüner Text */
      font-size: 20px; 
      color: #1fac0d;
     }
     
   span2 {      /* gelber Text für Link */
        /*color: #f9e74e;*/
        color: #f9e91e;
        
   }
     
   span3 {      /* rosa Text für Gruppe */
        /*color: #a857b5;*/
        color: #cf259f;
   }
     
   spanUeber {      /* Überschrift */
      font-size: 25px; 
      color: #1fac0d;
   }
   
   a:link {
      color:white;
      text-decoration:none;
   }
   a:visted {
      color:white;
      text-decoration:none;
   }
   a:hover {
      color:white;
      text-decoration:none;
   }
   a:active {
      color:white;
      text-decoration:none;
   }
   a:any-link {
      color:white;
      text-decoration:none;
   }
   
   table {
      border-collapse: collapse;
      padding: 5px;
      text-align: center;
   }
   
   .trHeader {
      border-bottom: 1px solid #ddd;
      color: white;
      border-radius: 10px;
   }
   .tdHeader{
      padding: 5px;
   }
   
   .trBsag {
      background-color: #1fac0d;
      color: white;
      border-radius: 10px;
   }
   .thBsag{
      padding: 6px;
      height: 30px;
   }
   .tdBsag{
      padding: 6px;
   }
   
   .trRadio {
      background-color: #555555;
      margin: 10px;
      color: white;
      border-radius: 10px;
   }
   .tdRadio{
      padding: 10px;
   }
</style>


/*

table#special {	
   border-collapse: separate;	
   border-spacing: 0.2em;	
   margin-left: 2em;	
   box-shadow: 0 0 0.1em #666;	
   position: relative;	
   z-index: 1;	
   cursor: context-menu;
   }
   
table#special th,table#special td {	
   padding: 0.2em 0.5em;	
   border-radius: 0.1em;
   }

table#special thead th {	
   background-image: linear-gradient(to top, red 10%, blue );
 	color: white;
 }
*/