body {
    font-size: small;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    background: #fff;
}
* html body {
  font-size: x-small; /* für IE5/Win */
  f\ont-size: small; /* für andere IE-Versionen */
  }

h1 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 150%;
    color: #1B3F35;
    margin: 0.4em 0 0.4em 12px;
    padding: 0 0 0 0;
    }
h2 {
     font-size: 120%;
     margin: 0.6em 0 0.2em 12px;
     padding: 0;
     color: #1B3F35;
    }
h3 {
     font-size: 110%;
     margin: 0.6em 0 0.2em 12px;
     padding: 0;
     color: #1B3F35;
    }

ul li {
     font-size: 100%;
     color: #1B3F35;
     list-style: square;
     margin: 0;
     padding: 0;
    }

p {
     font-size: 100%;
     margin: 0 0 0.4em 12px;
     padding: 0;
     color: #1B3F35;
    }

td {
     font-size: 100%;
     margin: 0;
     padding: 0;
     color: #1B3F35;
    }

a {
     color: #990d0e;
     font-weight: bold;
     text-decoration: none;
    }

img {
    border: 0;
    }

img.left {
    float: left;
    margin: 0 4px 0 0;
    }

img.right {
    margin: 0 0 0 4px;
    float: right;
    }

.bildw300l {
    float: left;
    width: 300px;
    margin: 0 4px 4px 0;
    padding: 0;
    }

.bildw300r {
    float: right;
    width: 300px;
    margin: 0 0 4px 0;
    padding: 0;
    }

.bildh300l {
    float: left;
    height: 300px;
    margin: 0 4px 4px 0;
    padding: 0;
    }

.bildh300r {
    float: right;
    height: 300px;
    margin: 0 0 4px 4px;
    padding: 0;
    }

.clear {
     clear: both;
     }

#background {
     width: 908px;
     background: #C3D566;
     }

#oben {
     height: 120px;
     border-bottom: 2px solid #eeeeff;
     background: url(images/himmel2.jpg) no-repeat;
     }

#adresse {
     float: right;
     margin: 0 0 0 0;
     padding: 4px 8px 0 0;
     }

#adresse p {
     text-align: right;
     color: #eee;
     }

#adresse h2 {
     text-align: right;
     }

#mitte {
     float: left;
     height: 100%;
     }

#spalte_links {
     float: left;
     width: 304px;
     height: 100%;
     margin: 0;
    }

#spalte_rechts {
     float: left;
     width: 604px;
     padding: 0;
     margin: 0 0 0 0;
    }

#navi {
     float: left;
     margin: 90px 0 0 0;
     padding: 0 0 0 0;
     list-style: none;
    }
#navi li {
     float: left;
     margin: 0;
     padding: 0;
     font-size: 120%;
     font-family: "Trebuchet MS", Arial, sans-serif;
     list-style: none;
    }
#navi a {
     float: left;
     display: block;
     margin: 0;
     padding: 2px 2px 2px 32px;
     font-size: 120%;
     font-weight: bold;
     font-style: italic;
     color: #eeeeff;
     text-decoration: none;
     background: url(grafik/button.gif) no-repeat 10px 50%;
    }

#unten {
     clear: both;
     height: 80px;
     margin: 0;
     padding: 0;
     border-top: 2px solid #eeeeff;
     background: url(images/gras.jpg) no-repeat 50%;
     }

#kalender {
     }

#kalender td {
     width: 1.1em;
     text-align:center;
     margin: 0;
     padding: 0;
     border: 1px solid #990d0e;
     }

#kalender td.monat {
     width: 5em;
     text-align:left;
     margin: 0;
     padding: 0;
     border: 1px solid #990d0e;
     }

#kalender td.dido {
     color: #ccccff;
     background: #990d0e;
     }

#kalender td.belegtgelb {
     background: #FFFF66;
     }

#kalender td.aktion {
     color: #ccccff;
     background: #546497;
     }

#legende {
     }

#legende td {
     }

#legende td.dido {
     width: 1.1em;
     border: 1px solid #990d0e;
     background: #990d0e;
     }

#legende td.belegtgelb {
     width: 1.1em;
     border: 1px solid #990d0e;
     background: #ffff66;
     }

#legende td.aktion {
     width: 1.1em;
     border: 1px solid #990d0e;
     background: #546497;
     }