table {
    border-collapse: separate;
    border-spacing: 1px;
}
table p {
    margin-bottom: 0;
}
.contenttable caption {
    color: grey;
    font-weight: bold;
    text-align: center;
}
td {
    background: none repeat scroll 0 0 #D7D6D4;
    padding: 0.1em;
}
thead th, tbody th {
    background: none repeat scroll 0 0 #FF0000;
    color: #252525;
    padding: 0.5em;
    text-align: center;
}
td.dunkel {
    background-color: #252525;
}

body {padding: 40px;}

@media screen and (max-width: 600px){
  /* http://dbushell.com/demos/tables/rt_05-01-12.html */
  
  .contenttable { display: block; position: relative; width: 100%; }
  .contenttable thead { display: block; float: left; }
  .contenttable tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
  .contenttable thead tr { display: block; }
  .contenttable th { display: block; }
  .contenttable tbody tr { display: inline-block; vertical-align: top; }
  .contenttable td { display: block; min-height: 1.25em; }
  
  

}