a {
  display: block; }

a.infobox {
  text-decoration: none;
  color: white; }

a.infobox:hover {
  cursor: help;
  color: yellow; }

a.infobox span {
  visibility: hidden;
  position: absolute;
  left: -9em;
  margin-top: 2.2em;
  padding: 1em;
  text-decoration: none; }

a.infobox:hover span {
  visibility: visible;
  left: 360px;
  top: 300px;
  width: 200px;
  text-align: left;
  border: 1px solid #C30;
  color: blue;
  background: white; }

.block {
  width: 200pX;
  float: left;}

.clmonth {
  border-collapse: collapse;
  width: 150px;
  display: block; }

.clmonth caption {
  text-align: left;
  font: bold 110% Georgia, "Times New Roman", Times, serif;
  padding-bottom: 6px; }

.clmonth th {
  border: 1px solid #B51032;
  padding: 2px 8px 2px 8px;
  background-color: #ED9F9F;
  color: #3F3F3F;
  font: bold 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
  width: 15px;
  height: 10px; }

.clmonth td {
  text-align: center;
  border: 1px solid #ED9F9F;
  padding: 2px 4px 2px 4px;
  height: 10px;
  font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif; }

.clmonth td.previous, .clmonth td.next {
  background-color: #F6F6F6;
  color: #C6C6C6; }

.clmonth td.probe {
  background-color: #B51032;
  color: #FFFFFF;
  border: 1px solid #711515; }

.clmonth td.concert {
  background-color: #10BE32;
  color: #FFFFFF;
  border: 1px solid #711515; }

.clmonth td.vorstand {
  background-color: #7d910f;
  color: #FFFFFF;
  border: 1px solid #711515; }

.clmonth td.sonstiges {
  background-color: #e8942f;
  color: #FFFFFF;
  border: 1px solid #711515; }

.legende {
  clear: both;
  border-collapse: collapse; }

.legende caption {
  text-align: left;
  padding-top: 100px;
  font: bold 110% Georgia, "Times New Roman", Times, serif;
  color: blue;
  padding-bottom: 6px; }

.legende td {
  text-align: center;
  border: none;
  padding: 2px 4px 2px 4px;
  width: 10px;
  height: 20px;
  font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif; }

.legende td.probe {
  width: 80px;
  background-color: #B51032;
  color: #FFFFFF;
  border: none; }

.legende td.concert {
  width: 80px;
  background-color: #10BE32;
  color: #FFFFFF;
  border: none; }

.legende td.vorstand {
  width: 80px;
  background-color: #7d910f;
  color: #FFFFFF;
  border: none; }
  
.legende td.sonstiges {
  width: 80px;
  background-color: #e8942f;
  color: #FFFFFF;
  border: none; }