td.offen {
    background-color: green;
    font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: white;
    border: solid 2px;
    border-color: green;
    font-weight: bolder;
    padding: 2px;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
}

td.offen:hover {
    background-color: green;
    font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: white;
    border: solid 2px;
    border-color: black;
    font-weight: bolder;
    padding: 2px;
}
td.offen1 {
    background-color: green;
    font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: white;
    border: solid 2px;
    border-color: green;
    font-weight: bolder;
    padding: 2px;
    background-image: url("/images/1.png");
    background-repeat: no-repeat;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
}

td.offen1:hover {
    background-color: green;
    font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: white;
    border: solid 2px;
    border-color: black;
    font-weight: bolder;
    padding: 2px;
    background-image: url("/images/1.png");
    background-repeat: no-repeat;
}
td.offen2 {
    background-color: green;
    font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: white;
    border: solid 2px;
    border-color: green;
    font-weight: bolder;
    padding: 2px;
    background-image: url("/images/2.png");
    background-repeat: no-repeat;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
}

td.offen2:hover {
    background-color: green;
    font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: white;
    border: solid 2px;
    border-color: black;
    font-weight: bolder;
    padding: 2px;
    background-image: url("/images/2.png");
    background-repeat: no-repeat;
}

td.offen3 {
    background-color: green;
    font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: white;
    border: solid 2px;
    border-color: green;
    font-weight: bolder;
    padding: 2px;
    background-image: url("/images/3.png");
    background-repeat: no-repeat;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
}


td.offen3:hover {
    background-color: green;
    font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: white;
    border: solid 2px;
    border-color: black;
    font-weight: bolder;
    padding: 2px;
    background-image: url("/images/3.png");
    background-repeat: no-repeat;
}

td.abgeschlossen {
    background-position: left top;
    background-color: white;
    background-repeat: no-repeat;
    padding: 2px;
    background-color: #4CAF50;
    border: solid 2px;
    border-color: #4CAF50;
    font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: white;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
}

td.abgeschlossen:hover {
    border-color: black;
}
td.abgeschlossen1 {
    background-position: left top;
    background-color: white;
    background-image: url("/images/3.png");
    background-repeat: no-repeat;
    padding: 2px;
    background-color: #4CAF50;
    border: solid 2px;
    border-color: #4CAF50;
    font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: white;
    background-image: url("/images/1.png");
    background-repeat: no-repeat;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
}

td.abgeschlossen1:hover {
    border-color: black;
}
td.abgeschlossen2 {
    background-position: left top;
    background-color: white;
    background-image: url("/images/3.png");
    background-repeat: no-repeat;
    padding: 2px;
    background-color: #4CAF50;
    border: solid 2px;
    border-color: #4CAF50;
    font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: white;
    background-image: url("/images/2.png");
    background-repeat: no-repeat;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
}

td.abgeschlossen2:hover {
    border-color: black;
}
td.abgeschlossen3 {
    background-position: left top;
    background-color: white;
    background-image: url("/images/3.png");
    background-repeat: no-repeat;
    padding: 2px;
    background-color: #4CAF50;
    border: solid 2px;
    border-color: #4CAF50;
    font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: white;
    background-image: url("/images/3.png");
    background-repeat: no-repeat;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
}

td.abgeschlossen3:hover {
    border-color: black;
}

td.frei {
    background-position: left top;
    background-color: white;
    padding: 2px;
    background-color: #EEEEEE;
    border: solid 2px;
    border-color: #EEEEEE;
    font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: gray;
    font-style: italic;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
}

td.frei:hover {
    border-color: black;
}
td.frei1 {
    background-position: left top;
    background-color: white;
    background-image: url("/images/1.png");
    background-repeat: no-repeat;
    padding: 2px;
    background-color: #EEEEEE;
    border: solid 2px;
    border-color: #EEEEEE;
    font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: gray;
    font-style: italic;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
}

td.frei1:hover {
    border-color: black;
}
td.frei2 {
    background-position: left top;
    background-color: white;
    padding: 2px;
    background-color: #EEEEEE;
    border: solid 2px;
    border-color: #EEEEEE;
    font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: gray;
    font-style: italic;
    background-image: url("/images/2.png");
    background-repeat: no-repeat;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
}

td.frei2:hover {
    border-color: black;
}
td.frei3 {
    background-position: left top;
    background-color: white;
    background-image: url("/images/3.png");
    background-repeat: no-repeat;
    padding: 2px;
    background-color: #EEEEEE;
    border: solid 2px;
    border-color: #EEEEEE;
    font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: gray;
    font-style: italic;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
}

td.frei3:hover {
    border-color: black;
}

td.zukunft {
    padding: 2px;
    background-color: white;
    border: solid 2px;
    border-color: white;
    font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: black;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
}

td.zukunft:hover {
    border-color: black;
}
td.zukunft1 {
    padding: 2px;
    background-color: white;
    border: solid 2px;
    border-color: white;
    font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: black;
    background-image: url("/images/1.png");
    background-repeat: no-repeat;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
}

td.zukunft1:hover {
    color: black;
}
td.zukunft2 {
    padding: 2px;
    background-color: white;
    border: solid 2px;
    border-color: white;
    font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: black;
    background-image: url("/images/2.png");
    background-repeat: no-repeat;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
}

td.zukunft2:hover {
    border-color: black;
}
td.zukunft3 {
    padding: 2px;
    background-color: white;
    border: solid 2px;
    border-color: white;
    font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: black;
    background-image: url("/images/3.png");
    background-repeat: no-repeat;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;

}

td.zukunft3:hover {
    border-color: black;
}

td.right {
    padding: 0px;
    background-color: white;
    background-image: url("/images/right.png");
    background-repeat: no-repeat;
    background-position: center;
    font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: black;
}

td.left {
    padding: 0px;
    background-position: center;
    background-color: white;
    background-image: url("/images/left.png");
    background-repeat: no-repeat;
    font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: black;
}

td.heute {
    padding: 2px;
    background-color: red;
    font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: white;
    border: solid 2px;
    border-color: red;
    font-weight: bolder;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;

}

td.heute:hover {
    border-color: black;
}
td.heute1 {
    padding: 2px;
    background-color: red;
    font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: white;
    border: solid 2px;
    border-color: red;
    font-weight: bolder;
    background-image: url("/images/1.png");
    background-repeat: no-repeat;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
}

td.heute1:hover {
    border-color: black;

}
td.heute2 {
    padding: 2px;
    background-color: red;
    font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: white;
    border: solid 2px;
    border-color: red;
    font-weight: bolder;
    background-image: url("/images/2.png");
    background-repeat: no-repeat;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;

}

td.heute2:hover {
    border-color: black;
}
td.heute3 {
    padding: 2px;
    background-color: red;
    font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: white;
    border: solid 2px;
    border-color: red;
    font-weight: bolder;
    background-image: url("/images/3.png");
    background-repeat: no-repeat;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
}

td.heute3:hover {
    border-color: black;
}