.svp { color: #444; font-size: 110%; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; margin: 0; padding: 0; }
.svp a:link { color: #7f0000; text-decoration: none; }
.svp a:visited { color: #7f0000; text-decoration: none; }
.svp a:hover { color: #bf0000; text-decoration: underline; }
.svp a:active { color: #7f0000; text-decoration: none; }

BODY
{ 
background-color:#ACE9D3; 
}
BODY

/* Header */
.svp-uploaddatum { font-size: 0.88em; position: absolute; top: 1em; left: 1em; }
.svp-naechsterplan { font-size: 0.88em; position: absolute; top: 1em; right: 1em; }
.svp-vertretungsplan { font-size: 1.5em; text-align: center; }
.svp-index { font-size: 0.88em; position: absolute; top: 2em; right: 1em; }
.svp-schulname { font-size: 1.25em; text-align: right; }
.svp-schullogo { font-size: 1.25em; text-align: right; }
.svp-plandatum-heute { color: #394351; font-size: 2em; font-weight: bold; text-align: left; margin-top: 30px; background-color: #80FF80; }
.svp-plandatum-morgen { color: #394351; font-size: 2em; font-weight: bold; text-align: left; margin-top: 30px; background-color: #FFFF80; }
.svp-hinweis { color: #990000; font-size: 1.08em; font-weight: bold; text-transform: uppercase; text-align: left; letter-spacing: 0.15em; margin-top: 20px; margin-bottom: 5px; }

/* Vertretungsplan Tabelle */
.svp-plan { border: solid 0.88px #525864; }
.svp table { font-size: 1em; width: 100%; }
.svp td { margin: 0; padding: 3px 5px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }

/* 'Abwesend'-Zeile */
.svp-abw { }
.svp-abw1 { font-weight: bold; }
.svp-abw-detail { font-weight: bold; }

/* Tabellenzeilen */
.svp-header { color: #fff; font-weight: bold; background-color: #747c8d; }
.svp-leh-header { color: #fff; font-weight: bold; background-color: #747c8d; }
.svp-ungerade { background-color: #f1f5fa; }
.svp-gerade { background-color: #d2d8e2; }
.svp-leh-ungerade { background-color: #f1f5fa; }
.svp-leh-gerade { background-color: #d2d8e2; }

/* Tabellenspalten */
.svp-klasse-header { border-top: 1px solid #fff; border-left: 1px solid #fff; }
.svp-klasse-leh-header { border-top: 1px solid #fff; }
.svp-stunde-header {  border-top: 1px solid #fff; text-align: center }
.svp-stunde-leh-header {  border-top: 1px solid #fff; }
.svp-art-header {      border-top: 1px solid #fff      }
.svp-esfehlt-header {  border-top: 1px solid #fff; }
.svp-esvertritt-header {  border-top: 1px solid #fff; }
.svp-fach-header {  border-top: 1px solid #fff; }
.svp-bemerkung-header {  border-top: 1px solid #fff; width: 39%; }
.svp-raum-header {  border-top: 1px solid #fff; }
.svp-wert-header {  border-top: 1px solid #fff; }
.svp-esfehlt-leh-header {  border-top: 1px solid #fff; }
.svp-esvertritt-leh-header {  border-top: 1px solid #fff; border-left: 1px solid #fff; }
.svp-fach-leh-header {  border-top: 1px solid #fff; }
.svp-bemerkung-leh-header {  border-top: 1px solid #fff; width: 39%; }
.svp-raum-leh-header {  border-top: 1px solid #fff; }
.svp-wert-leh-header {  border-top: 1px solid #fff; }
.svp-klasse-ungerade { font-weight: bold; border-left: 1px solid #fff; }
.svp-klasse-leh-ungerade {  }
.svp-stunde-ungerade { text-align: center ; color: red  }
.svp-stunde-leh-ungerade {  }
.svp-esfehlt-ungerade {  }
.svp-esvertritt-gerade { font-weight: bold; color: red }
.svp-esvertritt-ungerade { font-weight: bold; color: red }
.svp-fach-ungerade {  }
.svp-bemerkung-ungerade {  }
.svp-raum-ungerade {  }
.svp-wert-ungerade {  }
.svp-esfehlt-leh-ungerade {  }
.svp-esvertritt-leh-gerade { font-weight: bold; border-left: 1px solid #fff; }
.svp-esvertritt-leh-ungerade { font-weight: bold; border-left: 1px solid #fff; }
.svp-fach-leh-ungerade {  }
.svp-bemerkung-leh-ungerade {  }
.svp-raum-leh-ungerade {  }
.svp-wert-leh-ungerade {  }
.svp-klasse-gerade { font-weight: bold; border-left: 1px solid #fff; }
.svp-klasse-leh-gerade {  }
.svp-stunde-gerade {text-align: center ; color: red }
.svp-stunde-leh-gerade {  }
.svp-esfehlt-gerade {  }
.svp-fach-gerade {  }
.svp-bemerkung-gerade {  }
.svp-raum-gerade {  }
.svp-wert-gerade {  }
.svp-esfehlt-leh-gerade {  }
.svp-fach-leh-gerade {  }
.svp-bemerkung-leh-gerade {  }
.svp-raum-leh-gerade {  }
.svp-wert-leh-gerade {  }
.svp-nichts { border-left: 1px solid #fff; }
.svp-leh-nicht { border-left: 1px solid #fff; }

/* Schulinterne Eintragungen */
.svp-interna { border: solid 1px #525864; margin-top: 10px; }
.svp-int-header { color: #fff; font-weight: bold; background-color: #747c8d; border-top: 1px solid #fff; border-left: 1px solid #fff; }
.svp-int-kuerzel-header { color: #fff; font-weight: bold; background-color: #747c8d; border-left: 1px solid #fff; }
.svp-int-werte-header { color: #fff; font-weight: bold; background-color: #747c8d; }
.svp-int-anzahl-header { color: #fff; font-weight: bold; background-color: #747c8d; }
.svp-int-grund-header { color: #fff; font-weight: bold; background-color: #747c8d; }
.svp-int-ungerade { background-color: #f1f5fa; }
.svp-int-gerade { background-color: #d2d8e2; }
.svp-int-kuerzel-gerade { font-weight: bold; border-left: 1px solid #fff; }
.svp-int-werte-gerade {  }
.svp-int-anzahl-gerade {  }
.svp-int-grund-gerade {  }
.svp-int-kuerzel-ungerade { font-weight: bold; }
.svp-int-werte-ungerade {  }
.svp-int-anzahl-ungerade {  }
.svp-int-grund-ungerade {  }

/* Aufsichtsvertretungen */
.svp-aufsichten { border: solid 1px #525864; margin-top: 10px; }
.svp-aufs-header { color: #fff; font-weight: bold; background-color: #747c8d; border-top: 1px solid #fff;  border-left: 1px solid #fff; }
.svp-aufs-zeit-header { color: #fff; font-weight: bold; background-color: #747c8d; border-left: 1px solid #fff; }
.svp-aufs-esfehlt-header { color: #fff; font-weight: bold; background-color: #747c8d; }
.svp-aufs-esvertritt-header { color: #fff; font-weight: bold; background-color: #747c8d; }
.svp-aufs-ort-header { color: #fff; font-weight: bold; background-color: #747c8d; }
.svp-aufs-ungerade { background-color: #f1f5fa; }
.svp-aufs-gerade { background-color: #d2d8e2; }
.svp-aufs-zeit-gerade { border-left: 1px solid #fff; ; color: red }
.svp-aufs-esfehlt-gerade {  }
.svp-aufs-esvertritt-gerade { font-weight: bold; }
.svp-aufs-ort-gerade {  }
.svp-aufs-zeit-ungerade { border-left: 1px solid #fff; ; color: red }
.svp-aufs-esfehlt-ungerade {  }
.svp-aufs-esvertritt-ungerade { font-weight: bold; }
.svp-aufs-ort-ungerade {  }

/* Footer */
.svp-mitteilungskasten { margin-top: 2px; border: solid 1px #525864; }
.svp-mitteilungen { font-weight: bold; background-color: #ffffb4; width: 100%; padding: 5px; border: solid 1px #fff; }
.svp-mitteilungen ul { margin: 0; padding: 5px 15px; border-top: 2px solid #e1e196; }
.svp-mitteilungen li { font-weight: normal; line-height: 1.5; }
.svp-copyright { font-size: 0.88em; text-align: right; padding-top: 2px; }
.svp-upload { font-size: 0.88em; text-align: left; padding-top: 2px; }

.index-headline {
 text-align: center;
 COLOR: #000000;
 FONT-SIZE: 18pt;
}

.index-tabelle {
 COLOR: #FFFFFF;
 FONT-SIZE: 11pt;
 FONT-FAMILY: Times New Roman;
 FONT-WEIGHT: bold;
 text-align: center;
 border: solid 1px #525864;
 border-right: 1px solid #525864;
 border-left: 1px solid #525864;
 margin: 0;
 padding: 3px 5px;
 border-collapse: collapse;
 border-style: solid;
 border-width: 1px;

}

.index-copyright {
 COLOR: #000000;
 FONT-SIZE: 8pt;
 FONT-FAMILY: Arial;
 text-align: right;
}