/* kal - Kalender-Script */

/* Diese CSS-Datei kann von Hand editiert werden. Sie wird jedoch auch
   von der online-Farbeinstellung automatisch verändert.
   Deshalb sollten alle vorhandenen CSS-Klassen separat erhalten
   bleiben und keine Platzoptimierungen/Zusammenlegungen von Klassen
   erfolgen, selbst wenn bei Ihnen mehrere Klassen optisch indentisch
   sein sollten.

   Jedes CSS-Attribut MUSS wegen der Bearbitungsmöglichkeit über die
   online-Administration mit einem Semikolon abschließen, selbst wenn
   es unmittelbar vor der schließenden geschweiften Klammer steht.
   Farbwerte müssen generell in der Form #RRGGBB angegeben werden,
   ein Attribut 'color' muß immer VOR 'background-color' stehen.
   Aufzählungen mehrerer Klassen unmittelbar hintereinander wegen
   gemeinsamer Merkmale wie beispielsweise td.kalDat1,td.kalDat2
   müssen OHNE Leerzeichen dazwischen erhalten bleiben.

   Anderenfalls wird der Layout/Farben-Dialog in der Administration
   nicht funktionieren!!  */

/* Die Schriftgrößen sind meist in 'em' mit Prozentwerten bezogen
   auf die Basisgröße 16 px angegeben:
   100% entspricht 16px;  75% entspricht 12px;  69% entspricht 11px; */

/* = -------------------------------------------------------------- = */

/* = div-Container um die gesamte Ausgabe des Kalender-Scripts herum = */

div.kalBox {
 font-size:100%;  /* 75% sollte einer 12px Schrift als Normalmaß entsprechen */
}

/* = Aktions-Links oberhalb/unter den eigentlichen Kalender-Daten = */

div.kalAktO{ /* Zeile mit den Aktions-Links oberhalb des Kalender */
 margin-bottom:0px;
}
div.kalAktU{ /* Zeile mit den Aktions-Links unter dem Kalender */
 margin-top:8px;
}
a.kalAkti,a.kalAkti:link,a.kalAkti:active,a.kalAkti:visited{ /* Aktivitätslinks */
 color:#336688;
 text-decoration:none;
}
a.kalAkti:hover{
 color:#CC3300;
 text-decoration:none;
}

/* = Hinweis-, Fehler- und Erfolgs-Meldungen über den Formularen und Listen = */

p.kalMeld{ /* Hinweismeldung, Aufforderung */
 font-size:1.1em; font-weight:bold;
 color:#111111;
 text-align:center; margin-top:5px; margin-bottom:5px;
}
p.kalFehl{ /* Fehlermeldung, Korrekturaufforderung */
 font-size:1.1em; font-weight:bold;
 color:#BB0033;
 text-align:center; margin-top:5px; margin-bottom:5px;
}
p.kalErfo{ /* Erfolgsmeldung, Bestätigung */
 font-size:1.1em; font-weight:bold;
 color:#008811;
 text-align:center; margin-top:5px; margin-bottom:5px;
}

/* kleinerer Hinweis-Text an diversen Stellen, ca. 10px groß */

span.kalMini{
 font-size:0.90em;
}

/* blinde Tabelle als Container an diversen Stellen */

table.kalBlnd{
 font-size:1.0em; font-weight:normal;
 border-style:none; border-width:0;
}
td.kalBlnd{
 border-style:none; border-width:0;
 margin:0; padding:0;
}

/* alle Eingabeformulare im ganzen Kalender-Script */

form.kalForm{
 margin:8px;
}

input.kalSchalter{ /* Schalter unter den Formularen */
 width:80px; height:20px; margin-bottom:12px;
 font-size:1.05em; text-align:center;
 color:#000000; background-color:#EEEEEE;
 /* background-image:url(grafik/schalter.gif); Das Hintergrundbild wird später vom PHP-Script eingesetzt wegen der Veränderlichkeit des Pfades bei includierten Aufrufen. */
 background-repeat:no-repeat; background-position:0;
 border-style:none; border-width:0;
 cursor:pointer;
}



/* Navigator zum Blättern über/unter der Terminliste/Termintabelle */

table.kalNavi{
margin-bottom:8px;
}
td.kalNavi{ /* je ein Kästchen mit einer Seitenzahl zum Blättern */
 width:20px; height:20px; text-align:center;
 background-color:#EEEEEE;
 /* background-image:url(grafik/naviRechts.gif); Das Hintergrundbild wird später vom PHP-Script eingesetzt wegen der Veränderlichkeit des Pfades bei includierten Aufrufen. */
 background-repeat:no-repeat; background-position:0;
 border-style:none; border-width:0px;
}
td.kalNavL{ /* linke blinde Tabellenzelle, damit der Navigator rechsbündig erscheint */
 font-size:11px; font-weight:bold; vertical-align:middle;
}

a.kalNavi,a.kalNavi:link,a.kalNavi:active,a.kalNavi:visited{ /* Hyperlinks zum Blättern */
 color:#112233;
 text-decoration:none;
}
a.kalNavi:hover{
 color:#DD6600;
 text-decoration:none;
}

/* Schnellsuchfilter und/oder Intervallfilter über der Terminliste */

table.kalFilt{ /* gemeinsame Tabelle um Intervallfilter und Schnellsuchfilter */
 width:600px;
 font-size:1.0em; font-weight:normal;
 border-style:none; border-width:0; border-collapse:collapse;
 margin-top:8px; margin-bottom:8px; table-layout:auto;
}
div.kalSFlt{ /* Container um den Schnellsuchfilter*/
}
td.kalSFlt{ /* Tabelle um den Schnellsuchfilter */
 border-style:none; border-width:0;
 margin:0; padding:0;
}
div.kalIFlt{ /* Container um den Intervallsuchfilter*/
}
form.kalFilt{
 margin:0;
}
input.kalFilt{
 font-size:1.0em; font-family:Verdana,Arial,Helvetica;
 color:#000011; background-color:#FFFFFF;
 width:80px;
}
select.kalFilt{
 font-size:1.0em; font-family:Verdana,Arial,Helvetica;
 color:#000011; background-color:#FFFFFF;
}
input.kalKnopf{
 width:16px; height:16px; margin-left:2px; font-size:8px;
 color:#000000; background-color:#EEEEEE;
 /* background-image:url(grafik/knopf.gif); Das Hintergrundbild wird später vom PHP-Script eingesetzt wegen der Veränderlichkeit des Pfades bei includierten Aufrufen. */
 background-repeat:no-repeat; background-position:0;
 border-style:none; border-width:0;
 cursor:pointer;
}

/* Terminliste/Termintabelle / Detailtabelle */

table.kalList{ /* Terminliste */
 width:600px;
 font-size:1.0em; font-weight:normal;
 background-color:#F7F7F7;
 border-color:#BBBBBB;  border-width:2px; border-collapse:collapse;
 margin:0px; table-layout:auto;
}
table.kalDetl{ /* Detailtabelle */
 width:95%;
 font-size:12px; 
 background-color:transparent;
 border-color:#BBBBBB;
 margin:0px; table-layout:auto;
}
td.kalKopf,td.kalDat1,td.kalDat2,td.kalLTrn,td.kalLfnd,td.kalAktu,
td.kalKatA,td.kalKatB,td.kalKatC,td.kalKatD,td.kalKatE,td.kalKatF,td.kalKatG,
td.kalKatH,td.kalKatI,td.kalKatJ,td.kalKatK,td.kalKatL,td.kalKatM,td.kalKatN{
 /* gemeinsame Merkmale ALLER Listenzellen, werden bei Bedarf weiter unten überschrieben */
 font-size:1.0em; font-weight:normal;
 border-color:#CCCCCC; 
 padding:3px; vertical-align:top;
}

td.kalKopf{ /* Kopfzeile der Tabelle */
 font-weight:bold;
 color:#FFFFFF; background-color:#99AABB;
}
td.kalDat1{ /* erste/ungerade Datenzeile */
 background-color:transparent;
 border-top:1px solid #b4e2f6;

}
td.kalDat2{ /* zweite/gerade Datenzeile */
 background-color:transparent;
 border-top:1px solid #b4e2f6;

}
td.kaldesc{ /* zweite/gerade Datenzeile */
 background-color:transparent;
 border-top:1px solid #b4e2f6;
 color:#aaaaaa;

}
td.kalLTrn{ /* monatsweise Trennzeile */
 font-weight:bold;
}
td.kalLfnd{ /* laufender Termin */
 color:#FFFFFF; background-color:#DD9999;
}
td.kalAktu{ /* aktueller Termin */
 color:#FFFFFF; background-color:#DD9999;
}
td.kalKatA{ /* Terminkategorie A */
 color:#000001; background-color:#F7F7FC;
}
td.kalKatB{ /* Terminkategorie B */
 color:#000000; background-color:#F7FCF7;
}
td.kalKatC{ /* Terminkategorie C */
 color:#000000; background-color:#FCF7F7;
}
td.kalKatD{ /* Terminkategorie D */
 color:#000000; background-color:#F3F3FF;
}
td.kalKatE{ /* Terminkategorie E */
 color:#000000; background-color:#F3FFF3;
}
td.kalKatF{ /* Terminkategorie F */
 color:#000000; background-color:#FFF3F3;
}
td.kalKatG{ /* Terminkategorie G */
 color:#000000; background-color:#F7F7F7;
}
td.kalKatH{ /* Terminkategorie H */
 color:#000000; background-color:#F7F7F7;
}
td.kalKatI{ /* Terminkategorie I */
 color:#000000; background-color:#F7F7F7;
}
td.kalKatJ{ /* Terminkategorie J */
 color:#000000; background-color:#F7F7F7;
}
td.kalKatK{ /* Terminkategorie K */
 color:#000000; background-color:#F7F7F7;
}
td.kalKatL{ /* Terminkategorie L */
 color:#000000; background-color:#F7F7F7;
}
td.kalKatM{ /* Terminkategorie M */
 color:#000000; background-color:#F7F7F7;
}
td.kalKatN{ /* Terminkategorie N */
 color:#000000; background-color:#F7F7F7;
}

a.kalDetl,a.kalDetl:link,a.kalDetl:active,a.kalDetl:visited{ /* Link zu den Termindetails */
 color:#196fbc;
 text-decoration:none;
}
a.kalDetl:hover{
 color:#de1f3a;
 text-decoration:none;
}

a.kalDetl2,a.kalDetl2:link,a.kalDetl2:active,a.kalDetl2:visited{ /* Link zu den Termindetails */
 color:#414148;
 text-decoration:none;
}
a.kalDetl2:hover{
 color:#de1f3a;
 text-decoration:none;
}



p.kalText{ /* Textabsätze innerhalb von Memofeldern/Gastkommentaren */
 color:#000000;
}
ul.kalText,ol.kalText{ /* Listen in Memofeldern/Gastkommentaren */

}
li.kalText{ /* Listentext in Memofeldern/Gastkommentaren */
 color:#000000;
}
a.kalText,a.kalText:link,a.kalText:active,a.kalText:visited{ /* Links in Memofeldern und Linkfeldern */
 color:#113366;
 text-decoration:none;
}
a.kalText:hover{
 color:#CC3300;
 text-decoration:none;
}

/* Suchformular (nicht für die Schnellsuche - diese siehe kalFilt!) */

table.kalSuch{ /* Suchformular */
 width: ;
 font-size:1.0em; font-weight:normal;
 background-color:transparent;
 border-width:2px; border-collapse:collapse;
 margin:0px 0px 10px; table-layout:auto;
 color:#505050;

}

input.kalSuch,select.kalSuch{ /* Suchfelder */
 width:15em; font-family:Arial,Helvetica; font-size:0.95em;
 padding:2px;
 border:1px solid #d6d6d6;
 color:#000000; background-color:#f6f7fa;
}

/* Eingabeformular */

table.kalEing{ /* Eingabetabelle */
 width: ;
 font-size:12px;
 background-color:transparent;
 margin-bottom:10px;
 table-layout:auto;
 
}

input.kalEing,select.kalEing,textarea.kalEing{ /* Eingabefelder im Formular */
 width:400px;
 font-family:Verdana,Arial,Helvetica; font-size:0.95em;
 padding:2px;
 border:1px solid #d6d6d6;
 color:#000011; background-color:#f6f7fa;
}

textarea.kalEing{ /* Eingabebereich für Memofelder */
 height:10em; /* 10em sind ca. 10 Zeilen */
}

input.kalRadio,input.kalCheck{ /* Radioschalter und Checkboxen in Formularen */
 font-family:Verdana,Arial,Helvetica; font-size:0.95em;
 color:#000011; background-color:#FFFFFF;
 width:15px; height:15px;
 margin:0; padding:0;
}

div.kalFehl{ /* roter Rahmen um fehlerhafte Eingabefelder */
 border-color:#BB0066;
 border-style:solid;
 border-width:2px;
 
}

div.kalCapH{ /* Erklärungstext zum Captcha */
 font-family:Verdana,Arial,Helvetica; font-size:10px;
 width:14.6em;
}

/* Toolbar/Symbolleiste für BB-Formatcode über den Memofeldern */

table.kalTool{
 font-size:1.0em; font-weight:normal;
 border-style:none; border-width:0;
 margin-bottom:2px;
}

img.kalTool{ /* Symbole der Formatierungsschater */
 width:20px; height:20px; margin-right:3px;
 border-style:none; border-width:0;
 /* background-image:url(grafik/tool.gif); Das Hintergrundbild wird später vom PHP-Script eingesetzt wegen der Veränderlichkeit des Pfades bei includierten Aufrufen. */
 background-repeat:no-repeat; background-position:0;
 cursor:pointer;
}

select.kalTool{ /* Auswahl für Farbe und Größe */
 width:55px; font-family:Verdana,Arial,Helvetica; font-size:11px; font-weight:bold;
 color:#000011; background-color:#FFFFFF;
}

/* Informationsformular und Kontaktformular */

table.kalMail{
 width: ;
 font-size:1.0em; font-weight:normal;
 background-color:#F7F7F7;
 border-color:#BBBBBB; border-style:dotted; border-width:2px; border-collapse:collapse;
 margin:0px 0px 10px; table-layout:auto;
}

input.kalMail,textarea.kalMail{ /* Eingabefelder im Formular */
 width:450px;
 font-family:Verdana,Arial,Helvetica; font-size:0.95em;
 color:#000011; background-color:#FFFFFF;
}

textarea.kalMail{ /* Eingabebereich für Memofelder */
 height:12em; /* 10em sind ca. 10 Zeilen */
}

/* Loginformular */

table.kalLogi{ /* Logintabelle */
 width: ;
 font-size:1.0em; font-weight:normal;
 background-color:#F7F7F7;
 border-color:#BBBBBB; border-style:dotted; border-width:2px; border-collapse:collapse;
 margin-bottom:10px; table-layout:auto;
}

input.kalLogi{ /* Eingabefelder im Formular */
 width:185px;
 font-family:Verdana,Arial,Helvetica; font-size:0.95em;
 color:#000011; background-color:#FFFFFF;
}

/* Druckausgabe */

table.kalDruck{ /* Drucktabelle */
 font-size:1.0em; font-weight:normal;
 background-color:#FFFFFF;
 border-collapse:collapse; table-layout:auto;
}
td.kalDruck{
 font-family:Verdana,Arial,Helvetica; font-size:1em; font-weight:normal;
 color:#000000;
 border-color:#333333; border-style:dashed; border-width:1px;
 padding:3px;
}
span.kalDrKz,span.kalDrTz{ /* Text in der Kopfzelle und Trennzelle */
 font-weight:bold;
}





table.kalMini{ /* Monatskalender */
  width:99%;
  font-size:10px;
  background-image:url("../pics/minikalback.png");
  margin-top:2px; table-layout:auto;
}

td.kalMinD,td.kalMinL,td.kalMinH,td.kalMinX,td.kalMinK{
 /* gemeinsame Merkmale ALLER Minikalenderzellen, werden weiter unten überschrieben */
 padding:2px; text-align:center;
 width:15px;height:15px;
 
}


/* NORMAL ohne Termin*/
td.kalMinD{ 
 color:#285479;
}

/* MIT TERMIN */
td.kalMinL{ 
  color:#aacae7;
  }

  a.kalMinL,a.kalMinL:link,a.kalMinL:active,a.kalMinL:visited{ 
  display:block; width:100%; height:100%;
  color:#c3dff9;
  font-weight:bold;
  background-color:#68a1d1;
  text-decoration:none;}

  a.kalMinL:hover{
  color:#cc0657;
  background-color:#ffffff;
  font-weight:bold;
  text-decoration:none;
}

/* HEUTE */
td.kalMinH{ 
 color:#285479;
 font-weight:bold;
 border:1px solid #285479;
}


/* ... nicht mein Tag im Monat */
td.kalMinX{ 
 color:#AAAAAA; 
}



td.kalMinK{ /* Kopfzeilenzelle im MiniKalender mit Monat oder Wochentag */
 color:#b4d5f1;
 height:18px;
 font-weight:bold;
 border-bottom:1px solid #cc0657;
}


a.kalMinK,a.kalMinK:link,a.kalMinK:active,a.kalMinK:visited{ /* Links im Kopf des MiniKalender */
 color:#ffffff;
 font-weight:bold; text-decoration:none;

}
a.kalMinK:hover{
 color:#cc0657;
 font-weight:bold; text-decoration:none;
}






/* aktuelle Termine */

table.kalAktu{ /* aktuelle Termine */
 background-image:url("../pics/akt_kal_back.png");
 font-size:10px; font-weight:normal;
 border-color:#559966; border-style:none; border-width:0px; border-collapse:collapse;
 table-layout:auto;
}

td.kalAkt1,td.kalAkt2,td.kalAktK,td.kalAkt0{
 /* gemeinsame Merkmale ALLER Ereigniszellen, werden weiter unten überschrieben */
 font-size:1.0em; font-weight:normal;
 border-color:#559944; border-style:solid; 
 padding:2px;
}
td.kalAkt1{ /* erste/ungerade Datenzeile in aktuelle Ereignisse */
 color:#c3dff9; border-top:1px solid #64a0d4;
}
td.kalAkt2{ /* zweite/gerade Datenzeile in aktuelle Ereignisse */
 color:#c3dff9; border-top:1px solid #64a0d4;
}
td.kalAktK{ /* Kopfzeilenzelle in aktuelle Ereignisse */
 color:#99c0e3;
 font-weight:bold;
}
td.kalAkt0{ /* Leerzeile zwischen den aktuellen Ereignissen */
 border-style:none; border-width:0px;
}

a.kalAktu,a.kalAktu:link,a.kalAktu:active,a.kalAktu:visited{ /* Links in den Zellen der aktuelen Ereignisse */
 color:#285479;
 text-decoration:none;
}
a.kalAktu:hover{
 color:#b4d5f1;
 text-decoration:underline;
}


a.kalAktg,a.kalAktg:link,a.kalAktg:active,a.kalAktg:visited{ /* Links in den Zellen der aktuelen Ereignisse für Gruppen*/
  color:#c3dff9;
  text-decoration:none;
  }a.kalAktg:hover{
  color:#b4d5f1;
  text-decoration:underline;
}
a.kalAktD,a.kalAktD:link,a.kalAktD:active,a.kalAktD:visited{
  display:block; width:100%; height:100%;
  color:#c3dff9;
  font-weight:bold;
  text-decoration:none;
  float:left;
  } a.kalAktD:hover{
  color:#cc0657;
  background-color:#68a1d1;
  font-weight:bold;
  text-decoration:none;
}


/* laufende Termine */

table.kalLfnd{ /* laufende Termine */
 width:;
 font-size:0.8em; font-weight:normal;
 background-color: ;
 border-color:#559966; border-style:none; border-width:0px; border-collapse:collapse;
 margin:1px; table-layout:auto;
}

td.kalLfd1,td.kalLfd2,td.kalLfdK,td.kalLfd0{
 /* gemeinsame Merkmale ALLER Ereigniszellen, werden weiter unten überschrieben */
 font-size:1.0em; font-weight:normal;
 border-color:#559944; border-style:solid; border-width:1px;
 padding:2px;
}
td.kalLfd1{ /* erste/ungerade Datenzeile in laufende Ereignisse */
 color:#000000; background-color:#F7F3FC;
}
td.kalLfd2{ /* zweite/gerade Datenzeile in laufende Ereignisse */
 color:#000000; background-color:#F7FCF3;
}
td.kalLfdK{ /* Kopfzeilenzelle in laufende Ereignisse */
 color:#CCEEEE; background-color:#AA6600;
 font-weight:bold;
}
td.kalLfd0{ /* Leerzeile zwischen den laufenden Ereignissen */
 border-style:none; border-width:0px;
}

a.kalLfnd,a.kalLfnd:link,a.kalLfnd:active,a.kalLfnd:visited{ /* Links in den Zellen der laufenden Ereignisse */
 color:#003366;
 font-weight:bold; text-decoration:none;
}
a.kalLfnd:hover{
 color:#9900DD;
 font-weight:bold; text-decoration:none;
}

/* Ende kal */