/* Hintergrundfarbe: */
body {
background-color: #0080c0;
}

/* Kasten für Hauptüberschrift: */
h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15pt;
font-weight: bold;
color: white;
width: 560px;
background-color: #33ccff;
border-style: solid;
border-width: 1px;
border-left-width: 10px;
border-color: #0000cc;
padding: 3px;
margin-top: 0px;
}

/* normaler Fließtext:*/
p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
color:  #ffffff;
background-color: #0080c0;
text-align: justify;
}

/* Kontaktadresse: */
p.klein {
font-size: 8pt;
color: white;
background-color: #0080c0;
margin-left: 5px;
}

/* Bild und Bildunterschrit:*/
.bild {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
color: white;
background-color: #0080c0;
}

.kasten {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
text-align: center;
padding: 5px;
color: black;
background-color: #9999ff;
border-style: solid;
border-width: 1px;
border-color; black;
width: 560px;
}

.blau {
font-family: "Century Gothic", "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 11pt;
font-weight: bold;
color: #00ffff;
}

/* Grafik als Auf.zeichen: */
ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11pt;
font-weight: bold;
color: gray;
background-color: white;
liste-style-image: url (sonne.gif);
}

/* Box für Navigationsspalte: */
#navi {
background-color: #0080c0;
margin: 0px;
width: 170px;
position: absolute;
top: 0px; left: 0px;
}

/* Box für Hauptspalte: */
#main {
background-color: #0080c0;
margin-top: 5px;
width: 560px;
position: absolute;
top: 0px; left: 170px;
}

/*frei schwebender Eye-Catcher: */
#floatbox {
position: absolute;
top: 45px;
left: 660px;
}

/* Rahmen für Buttons: */
.linkbox {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
margin-left: 2px;
border-style: solid;
border-width: 1px;
border-color: #009999;
width: 150px;
padding: 3px;
color: white;
background-color: #33ccff;
}

/* Button für aktive Seite: */
.linkboxaktiv {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
margin-left: 2px;
border-style: solid;
border-width: 1px;
border-color: #009999;
width: 150px;
padding: 3px;
color: white;
background-color: #0000cc;
}

/* links weiß, nicht unterstr.:*/
A:link, A:visited, A:activ {
text-decoration: none;
color: white;
}

A:hover {
text-decoration: none;
color: darkblue;
}


/* Tabelle monat gesamt */
table.monat {
font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Zellen (nur für monat!) */
table.monat td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11pt;
text-align: right;
border-style: solid;
border-width: 1px;
border-color: silver;
}

/* Restplätze: */
.r {
color: #000033;
background-color: silver;
}

/* belegt */
.b {
color: white;
background-color: gray;
}

 
/* TH nur in monat */
table.monat th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11pt;
color: white;
background-color: #ff9900;
}

/* Sonntag, Hintergr. rot: */
.so {
color: white;
background-color: #ff00000;
}

/* rote Umrandung*/
input.rotrand {
border-style: solid;
border-width: 1px;
border-color: #ff0000;
background-color: #ffff99;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11pt;
}

/* 3D-Effekt für Button */
input.knopf {
border-style: outset;
border-width: 1px;
border-color: #ff0000;
background-color: white;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11pt;
}