

/* ========== 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;
}


/* ========== 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:#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;
}


/* ========== Spalte für den eigentlichen Seiteninhalt */
td.maincol {
  padding-left:20px;
}



/* ========== 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: #CC0000;
  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: #CC0000;
  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;
}


/* ========== Seiten-Überschrift */
h1 {
	font-size: 20px;
	font-weight: bold;
	color:#CC0000;
	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: #CC0000;
  text-decoration: none;
}
/* ========== Links bei Mouseover  */
a:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #CC0000;
  text-decoration:underline;
}



.logo {
  	height: 0px;
	visibility: hidden;
}

body {
	margin-left: -2px;
	margin-top: -2px;
	}

#div_foto {
	}


input, textarea, select	{
	font-family: Arial, Helvetica, sans-serif; 
	padding-left: 2px;
}


/* ========== Spalte für den eigentlichen Seiteninhalt */
td.maincol {
	background: url('balken-lpz.gif') left top repeat-y;
  	padding-left:43px;
}


/* ========== Seiten-Überschrift */

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-align: left;
	color:#000080;
	padding-bottom: 5px;
	border-bottom: #FFD600 solid 1px;
	margin-top: 7px;
		
}

/* ========== Trennzeile zwischen verschiedenen Wochen */
tr.trenn {
  background-color: #000080;
  font-style:italic;
  font-weight:bold; color:#FFFFFF
}



/* ========== Spalte für das Menü links */
td.menuecol {
	background-color: #FFFFFF;
  	background-image:url('https://www.hiorg-server.de/userfiledownload.php?cssmedia=logo.png&ov=frn');
	background-position: 3px 15px; 
	background-repeat:no-repeat; 
	padding-top: 144px;
  	width:160px;
	padding-left:10px;
}

h1 {
        background-image:url('https://www.hiorg-server.de/userfiledownload.php?cssmedia=header_clean.jpg&ov=frn');
        background-repeat:no-repeat;
        background-position: right 10%;
height: 100px}


td.menuecol th a:hover {
  background-image:url('menue_ball_blau12.png');
  background-repeat:no-repeat;
  color: #000000;
  font-weight: bold;
  text-align:center;
  font-size:12px;
  cursor:pointer;
}


td.menuecol th {
  background-image:url('menue_ball_rot12.png');
  background-repeat:no-repeat;
  color: #000000;
  font-weight: bold;
  text-align:center;
  font-size:12px;
  cursor:pointer;
}

td.menu_box {
  	background-position:  5px 50%; 
	background-repeat:repeat-y;
	background-color: transparent;
	padding-left:7px;
	padding-top:0px
}
td.menuecol table {
	margin-top:0px;
	margin-bottom:-15px;
}


/* ========== Einzelne Menüpunkte */

td.menu_box p {
  margin-top:4px;
  margin-bottom:6px;
}

td.menu_box a:active {
	background: url('menue_ball_rot.png') 5px center no-repeat;
	margin-top:2px;
	margin-bottom:2px;
	font-weight:normal;
	color:#FE2525;
}

td.menu_box a, td.menu_box a:visited {
	background: url('menue_ball_blau.png') 5px center no-repeat;
	padding-left: 22px;
	font-size: 11px;
	display: block;
	color: #000000;
}

td.menu_box a:hover {
	background: url('menue_ball_rot.png') 5px center no-repeat;
	font-size: 11px;
	padding-left:22px;
  	color: #FF2525;
	text-decoration:none;
}


/* ========== Tabellen-Überschriften */

input.klein {
    font-size:8pt;
}

select.klein {
    font-size:8pt;
}