/* ========== Definition der Basis-Schriftart und Hintergrundfarbe */

body,p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


/* ========== Für die Tabellen muss die Schriftart nochmals wiederholt werden */

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px;
}

/* ========== Tabellen-Überschriften */
th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding-top:2px;
	padding-bottom:5px;
}

input.klein {
    font-size:10px;
}

select.klein {
    font-size:11px;
}

input[type="text"]:focus,input[type="password"]:focus, textarea:focus, select:focus { outline: thin solid #FF0000; background-color: #FAFAFA; }


/* ========== Einsatztabelle in Hauptspalte */
table.midtable {
  border: 1px solid #666666;
  padding: 3px;
  width:100%;
}


/* ========== Untermenü in Hauptspalte */
div.submenu {
  border: 1px solid #666666;
  padding-left:10px;
  padding-right:10px;
}

/* ========== Verschiedene Farben für gerade und ungerade Tabellenzeilen erhöhen die Übersicht */

tr.gerade {
  background-color:#FAFAFA;
}
tr.ungerade {
  background-color:#E5E5E5;
}

/* ========== MouseOver-Effekt in Tabellen: die Zeile unter der Maus wird hervorgehoben */
tr.mouse {
  background-color:#FFFFCC;
}

/* ========== Wird eine Zeile angeklickt, so bleibt diese in einer weiteren Farbe markiert */
tr.klick {
  background-color:#FFFF66;
}

/* ========== Trennzeile zwischen verschiedenen Wochen */
tr.trenn {
  background-color:#FFFFCC;
}



/* ========== Spalte für den eigentlichen Seiteninhalt */
td.maincol {
  padding-left:20px;

}

/* ========== Spalte für das Menü links */
td.menuecol {
  background-color: #FFD718;
}
td.menu_head {
  background-image:url('http://static.hiorg-server.de/pics/box_top.jpg');
  background-repeat:no-repeat;
  color: #FFFFFF;
  font-weight: bold;
  text-align:center;
  cursor:pointer;
}
td.menu_box {
  background-color: #F0F0F0;
  padding:5px;
}


td.rot,span.rot {
  background-color:#FF0000;
  color: #FFFF66;
  font-weight: bold;
}

/* ========== Einzelne Menüpunkte */
p.menuitem {
  margin-top:4px;
  margin-bottom:6px;
}
p.menuitem_active {
  margin-top:4px;
  margin-bottom:6px;
  font-weight:bold;
  color:#FF0000;
}
a.menuitem,a.menuitem:visited {
  font-size: 11px;
  color: #000000;
}
a.menuitem:hover {
  font-size: 11px;
  color: #FF0000;
  text-decoration:underline;
}


/* ========== Auf der Seite  -Helfer einteilen-  werden aus der alphabetischen Helferliste */
/*            diejenigen farblich hervorgehoben, die fest eingeteilt  -fest-  bzw. unverbindlich gemeldet  -meld-  sind. */
.fest {
  background-color:#00FF00;
}
.meld {
  background-color:#FFFF66;
}
.nein {
  background-color:#FF0000;
}

/* === Tabelle bei Einteilung, Feld "summe" */
td.green {
  background-color:#00FF00;
}
td.red {
  background-color:#FF0000;
}



/* ========== (unspezifische) Fehlermeldung, die direkt unterhalb der Seitenüberschrift eingeblendet wird */
div.fehler {
  background-color: #FF0000;
  color: #FFFF66;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  border: 1px solid #666666;
  padding: 6px;
  margin-bottom:20px;
}
/* ========== (exakte) Fehlermeldung neben dem entspr. falsch ausgefüllten Eingabefeld */
span.fehlertext {
  background-color: #FF0000;
  color: #FFFF66;
  font-size: 13px;
  font-weight: bold;
  padding:2px;
  margin-left:5px;
}

/* ========== Erfolgsmeldung, wird direkt unterhalb der Seitenüberschrift eingeblendet */
div.meldung {
  background-color:#00FF00;
  color: #000000;
  font-weight: bold;
  font-size: 13px;
  text-align: center;
  border: 1px solid #666666;
  padding: 6px;
  margin-bottom:20px;
}

/* ========== Infomeldung, wird direkt unterhalb der Seitenüberschrift eingeblendet */
div.info {
  background-color:#F0F0F0;
  color: #000000;
  font-size: 11px;
  text-align: center;
  border: 1px solid #666666;
  padding: 6px;
  margin-bottom:20px;
}


/* ========== Seiten-Überschrift */
h1 {
	font-size: 20px;
	font-weight: bold;
	color:#c90c14;
	margin-bottom:30px;
}

/* ========== Teil-Überschriften, zB auf der Übersichts-Seite  */
h3 {
	font-size: 14px;
	font-weight: bold;
}

/* ========== Am Seitenende: Link  -Zurück-  */
h4 {

}


/* ========== Kleinere Hinweis-Texte  */
small {
	font-size: 10px;
}


/* ========== Links normal */
a,a:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #c90c14;
  text-decoration: none;
}
/* ========== Links bei Mouseover  */
a:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #a00b19;
  text-decoration:underline;