body {
    background-color: #d6ebfa;
    margin-top: 25px;
}

#matrix {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    width: 90%;
    border-collapse: collapse ;
}
#matrix table {
    table-layout: fixed;
}
#matrix td, #matrix th {
    font-size: 1em;
    border: 1px solid #fdffc7;
    padding: 3px 7px 2px 7px;
    width: 8.333333%;
    color: grey ;
}
#matrix th {
    font-size: 1.1em;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 4px;
    background-color: #a7c975;
    color: #ffffff;

}
#matrix th.label, #matrix td.label {
    background-color: #52c99e;
}
#matrix th.rotate0 {
    font-size: 1em;
    -moz-transform: rotate(-90deg); /* Firefox 3.6 Firefox 4 */
    -webkit-transform: rotate(-90deg); /* Safari */
    -o-transform: rotate(-90deg); /* Opera */
    -ms-transform: rotate(-90deg); /* IE9 */
    transform: rotate(-90deg); /* W3C */
    transform-origin: top ;
    /*float: left;*/
    width:100px;
    height:100px;
    text-align: left;
    /* position: relative;*/

}
#matrix th.rotate {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)

    /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
    -webkit-transform-origin : 50 % 50 %;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;

    padding-top: 2.995%;
    padding-bottom: 2.995%;
}

#matrix td.summe {
    background-color: #a7c975;
    color: #ffffff;
}
#matrix td.total {
    background-color: #000000;
    color: #ffffff;
}
#vertdiv {
    width:9px;
    height:100px;
    background-color:lightblue;
    /*border:1px solid black;*/
    font-size:14px;
}








table.sample th.rotate {
    -moz-transform:rotate(-90deg); /* Firefox 3.6 Firefox 4 */
    -webkit-transform:rotate(-90deg); /* Safari */
    -o-transform:rotate(-90deg); /* Opera */
    -ms-transform:rotate(-90deg); /* IE9 */
    transform:rotate(-90deg); /* W3C */
    height: 128px ;
    width: 120px ;

}
table.sample tr.trennlinie td {
    background-color: white ;
    border-bottom: thin dashed gray;
    border-left: none;
    border-right: none;
    border-top: none;
    padding-top: 0px;
    padding-bottom:0px;
}