body {background-color: #f5f5f5;
          }
     table {
            border-collapse: collapse;
            border: medium solid grey;
            }
     td,th {vertical-align: middle;
            text-align: center;
            padding: .2em .2em .2em .2em;
            border: thin solid grey;
            }
     th {background-color:#b0e2ff;
        }
     .spalte {width: 16px;
             }
     .kopfspalte {background-color: #ffffe0;
                  padding: 0em 1em 0em 1em;
             }
     .kreis {width: 14px;
            height: 14px;
            border-radius: 7px;
            background-color: #0000ff;
            }
     .dreieck {width: 0; 
               height: 0; 
               border-left: 7px solid transparent; 
               border-right: 7px solid transparent; 
               border-bottom: 14px solid #ff0000; 
               }          
     .italic{font-style: italic;
            }

.wrapper {
    max-width: 900px;
    margin: 0 auto;
    padding: 2rem;
    box-shadow: 0 0 12px rgba(0,0,0,0.25);
}



.menu {
    line-height: 2.0;
    background-color: #383838;
    border: 1px solid #737373;
    border-radius: 0.3em;
    padding: 0.4rem 0.8rem;
    margin: 1rem 0;
    color: #ffffff;
}

.menu a{
    padding: 2px 10px;
}

a {
    color: #6aa7d8;
    text-decoration: none;
}

a:hover {
     color: #8bbce4;
     opacity: 0.90;
     background-color: rgba(255,255,255,0.05);
}