table        { width:95%; border-collapse: collapse; margin: 20px }
      body         { font-family: 'Courier New', Georgia, 'Times New Roman'; }
      input        { font-family: 'Courier New', Georgia, 'Times New Roman'; }
      button       { font-family: 'Courier New', Georgia, 'Times New Roman'; }
      th           { font-size: 20px; padding: 10px; text-align: left; }
      #rand_hoch   { height:25px }
      #rand_breit  { width:55px }
      .mittel      { text-align: center; }
      .hellgruen   { background-color: #99ff99; }
      .althellrosa { background-color: #cd5a5a; }
      .zartblau    { background-color: #abced4; }
      .schwarz     { background-color: black; }
      .weiss       { background-color: white; }
      .tisch       { background-image: linear-gradient(42deg, transparent, hsl(24, 100%, 90%)); }
      .verlinkt    { cursor: pointer; }
      .linkeseite  { width:80%; margin: 3px; padding: 10px; padding-right: 80px; border-radius: 1em; border-bottom-left-radius: 4em 1em;  border-style: solid; border-color: #cd5a5a; text-align: justify; border-width: 2px 2px 2px 10px; }
      .rechteseite { width:80%; margin: 3px; padding: 10px; padding-left: 80px;  border-radius: 1em; border-bottom-right-radius: 4em 1em; border-style: solid; border-color: #cd5a5a; text-align: justify; border-width: 2px 10px 2px 2px; }
      .rechteinfo  { background-image: url("/bilder/info.gif"); background-position: right center; background-repeat: no-repeat; }
      .linkeinfo   { background-image: url("/bilder/info.gif"); background-position: left center;  background-repeat: no-repeat; }
      .datadisplay { border-collapse: separate; border: 1px solid #cd5a5a; }
      .liniert     { background-color: #fff; 
                     background-image: linear-gradient(90deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px),
                     linear-gradient(#eee .1em, transparent .1em);
                     background-size: 100% 1.2em; }
      .kleinrahmen { border: 1px solid #abced4; }
      .nachthimmel { background-image:
                     radial-gradient(white, rgba(255,255,255,.2) 2px, transparent 40px),
                     radial-gradient(white, rgba(255,255,255,.15) 1px, transparent 30px),
                     radial-gradient(white, rgba(255,255,255,.1) 2px, transparent 40px),
                     radial-gradient(rgba(255,255,255,.4), rgba(255,255,255,.1) 2px, transparent 30px);
                     background-size: 550px 550px, 350px 350px, 250px 250px, 150px 150px; 
                     background-position: 0 0, 40px 60px, 130px 270px, 70px 100px; 
                     color: white; }
      .hoehe36     { height:36px; }
      .kleinnavi   { cursor: pointer; width:80%; padding: 5px; border-radius: 5px; border-bottom-left-radius: 4em 1em;  border-style: solid; border-color: #cd5a5a; border-width: 1px 1px 1px 5px; }
      .tooltip                         { cursor: help; 
                                         text-decoration: none;
                                         position: relative; }
      .tooltip span[rel=tooltip]       { display: none; }
      .tooltip:hover span[rel=tooltip] { display: block;
                                         position: absolute;
                                         color: black; 
                                         background-color: white; 
                                         padding: 5px; 
                                         padding-left: 10px; 
                                         border-radius: 5px; 
                                         border-bottom-left-radius: 4em 1em;  
                                         border-style: solid; 
                                         border-color: #cd5a5a; 
                                         border-width: 1px 1px 1px 5px; }