/* CSS Document */
/* Hier werden die Formatierungen ohne die Farben festgelegt; Farben in der Datei g4_farben.css */
/* HTML Basis-Tags wie sie in G4 aussehen sollen, alphabetisch sortiert */
/* ---------- G4 Basis-Klassen ---------- */						
span.nobr { white-space: nowrap; }					/* Ersatz für das veraltete TAG <nobr>: <span class="nobr"> */
span.blink { text-decoration: blink; color: red; font-weight: bold; }
span.error { color: red; }							/* Pasagen in der normalen ANzeige, die auf einen Fehler hindeuten */
/* */
body
{	margin: 2px;	}
.page
{	margin: 0 auto;	}
div.laufband
{	visibility: hidden;
}
/* info und Entwickler-Modus beim Drucken ausblenden */
@media print {
div#anw-mod-schalter, div.showMsgs
{	visibility: hidden;
}	}
div.editImport
{	position: absolute;
	top: 10%;
	left: 10%;
	z-index: 2000;
	background-color: #FFCCCC;
	border: gray 2px solid;
}
/* Regeln für das Box-Modell */
.inner
{	border-width: 0;
	overflow: hidden;	/* 	Mit overflow-x allein fügt Safari in manchen Fällen einen senkrechten Scrollbar ein,
							so dass die Berechnun der Breite für Spalten nicht mehr stimmt. Anfangs wurden bei overflow-y: hidden
							die drop-down Menüs abgeschnitten, das ist aber durch irgendeine ander Änderung behoben. */
}
.top, .tl, .tc, .tr, .bottom, .bl, .bc, .br
{	*line-height: 0px;
	*font-size: 0px;
}
/* ---------- G4 Regeln für Divs der Anwendungen und Ansichten ---------- */
div#G4_Rahmen
{	margin-top: 25px;
}
div#G4_UV_Menue
{	position: fixed;
	margin-top: -24px;
	background-color: #FFDD99;
}
div.Anwendung										/* Zwei Divs je Anwendung: der äußere enthält auch das Menü und den Username */
{	/*position: relative;								/* ist im Fließtext unter dem Hauptmenü mit den Anwendungen, sofern vorhanden */
	width: auto;
	margin: 0 auto;
	clear: both;
	padding: 0;
	display: block;
/*	background-color:#CCFF99; 						/* Nur für Testzwecke */
}
div.AnwAnsichten									/* Der innere div wird per Programm absolute positiniert ggf. unter dem Menü */
{	/*position: absolute;*/
	margin-left: 0px;
	clear: both;
	left: 0;										/* Für IE: sonst positioniert er dies rechts von Menübar und ggf. Username */
	width: 100%;									/* erforderlich, IE nimmt sonst 0 an und "staucht" die darin enthaltenen DIVs*/
	z-index: 1;										/* Wenn nicht gesetzt, werden Menüs überdeckt! Menüs haben 1000 und höher! */
/*	background-color: #33FFFF; 						/* Nur für Testzwecke */
}
.Ansicht
{	text-align: left;	}
/*.innenAnsicht,*/
.Ansicht.unit
{	float: left;									/* Verbund-Spalten sind units gemäß OOCSS auf */
/*	overflow: hidden;*/
}
.spaltenschluss
{	clear: both;
	line-height: 0px;
	height: 0px;
	margin: 0;
	padding: 0;
	font-size: 0;
}
div.line
{	float: none;
/*	overflow: hidden;	dadurch wurde früher das Menü im Tabellenkopf abgeschnitten, wenn die Ansicht nicht hoch genug war	*/
	clear: both;
}
/* Bei nebeneinander angeordnetem Fliesstext (mit Verbundtyp 'F') */
.fliessSpalte
{	float: left; }
/* Tabellen in Ansichten mit Objekt-Anzeige außer Fliesstext und Dokumentation */
div.Ansicht table.entw-menue
{	background-color: #FF8;
	border: 1px solid #BBB;
}
td.entw-menue-punkt
{	cursor: pointer;
}
table
{	border-collapse: collapse;
	border-spacing: 0;
}
table.Ansicht
{	border-collapse: collapse;
	border-spacing: 0;
}
table.Ansicht th
{	padding: 0px 1px;	}
table.Ansicht th p
{	white-space: nowrap;	}
table.Ansicht th.filter
{	background-image: url(../images/filter.png);
	background-position: center right;
	background-repeat: no-repeat;
}
table.Ansicht td
{	vertical-align: top;						/* Sonst ist middle die Standard-Einstellung */
	font-size: 9pt;
}
/* Regeln zum Tabellenkopf: th.ANS<ansichtstyp> steht für den Tabellenkopf als auch für den Kopf jeder einzelnen Spalte */
/* Der Tabellenkopf enthält als Unterstruktur ein span-Tag class='nobr', der Attributkopf enthält ein p-Tag ohne Klasse */
table.MENUrahmen th p							/* Bei Ansichtstyp Vertikal haben die Tabellenfelder der AttributNamen diese Klasse */
{	white-space: nowrap;						/* Kein Umbruch im Feld zulassen wegen der Optik */
}
/*table.Ansicht img {	margin-bottom: 1px; }*/
table.Ansicht th img {	margin-top: 1px; }
th.ANSStandard p,								/* Nur die hier aufgeführten Ansichten enthalten Tabellen */
th.ANSAnzeige p,
th.ANSListe p,
th.ANSQuer p,
th.ANSBaum p,
th.ANSVertikal p
{	text-align: center;
	margin: 0;
}
th.ANSAuswahl
{	text-align: left; }							/* Auswahl-Ansicht ist grundsätzlich links ausgerichtet, auch die Header */
th.ANSVertikal p
{	text-align: left;
}
th.ANSVertikal.cols p
{	text-align: center;
}
th.ANSStandard, th.ANSAnzeige, th.ANSQuer, th.ANSVertikal, th.ANSAuswahl, th.ANSBaum
{	text-align: left;
}
th.ANSVertikal, th.ANSAuswahl
{	padding: 1px 2px 0px 2px;
	vertical-align: top;
}
th.ANSAuswahl {	padding: 1px 2px; } 
th.ANSVertikal.cols
{	text-align: center;
/*	padding: 1px 0 1px 1px;*/
}
th.ANSStandard p, th.ANSAnzeige p, th.ANSQuer p, th.ANSEinzel p, th.ANSAuswahl p, th.ANSBaum p
{	text-align: center;
	width: 100%;
}
td.aktion, th.aktion, td.protected, td.leer, th.leer
{	font-weight: normal;
}
.onclick { cursor: pointer; }					/* Sensible Anzeige: Pointer signalisiert, dass Angeklicken etwas auslöst */
/* G4 Regeln für die Baum-Ansicht */
td.KnLeer, td.KnOffen, td.KnZu, td.KnBlatt		/* Tabellenfelder für die Einrückung in der Baum-Ansicht */
{	background-repeat: no-repeat;
	background-position: right;
	text-align: right;
	padding: 0 1px;
}
td.KnOffen, td.KnZu { cursor: pointer; }
td.KnOffen { background-image: url(../images/open.gif) }
td.KnZu	 { background-image: url(../images/closed.gif) }
td.KnBlatt { background-image: url(../images/empty.gif) }
/* Bei zum Menü umgewandelten Baum-Ansichten werden die Einrückfelder transparent! */
table.Ansicht td.MenueLeer { background-color: transparent; }
/* ---------- G4 Regeln für die Erfassungs-Masken ---------- */
div#Edit 											/* Div für die Datenerfassung: Neuanlegen und Ändern */
{	}												/* Nicht im Fließtext; überlagert die anderen Inhalte */
div.Show, div.Edit, div.New, div.Hidden, div.attributListe
{	top: 0px; left: 0px;
	z-index: 1002;									/* 1000 abwärts werden von den Ansichten, 1000 unf 1001 von den Menüs benutzt */
	overflow: visible;
	position: absolute;
}
div.Hidden
{	visibility: hidden;
	z-index: 0;
	height: 0pt;
}
div.Edit, div.New, div.attributListe
{	top: 50px; left: 100px;
	border: 2px solid;
	padding: 3px 3px 3px 3px;
}
div.formdiv		{	/* versteckte DIV zum Übertragen der Kommandos */
	visibility: hidden;	
}
p.Filterwert
{	margin: 0;
}
/* Spezielle Erfassungsmaske zum Bearbeiten der Attributliste einer Ansicht */
.editForm											/* Formular zum Erfassen der Attributwerte beim Insert und Update */
{	margin-bottom: 0px;								/* Kein Abstand zwischen Formular und Buttons */
}
.editForm table										/* Tabelle in diesem Formular */
{	min-width: 720px;
	border-collapse: separate;
	border-spacing: 4px;
	font-size: 9pt;
}
.editForm table th
{	text-align: center;	}
#Edit p												/* Paragraph unter der Tabelle enthält die buttons OK und ECS */
{	text-align: center; }
#Edit #EditOK, #Edit #EditESC
{	font-size: 9pt;
	width: auto;
}
.longtext
{	width: 100%; min-width: 630px;
}
a.attr-hilfe-link, a.attr-hilfe-link span
{	text-decoration: underline;
	color: darkblue;
	/*font-weight: bold;*/
}
.attr-edit-beschriftung
{	text-align:right;
	vertical-align:top; 
	white-space: nowrap;
}
/* ---------- G4 Regeln für Menüs , Hilfesymbol und Username ---------- */
table.menu											/* Hauptmenü für Benutzer mit Zugang zu mehreren Anwendungen */
{	/* border: solid 1px black;						/* Rahmen nur zum Debuggen, deshalb auskommentiert */
	border-collapse: separate;
	border-spacing: 2px;
	font-size: 9pt;
}
table.menu td
{	border: solid 1px;
	padding: 0 3px;
}
table.menu td.aktiv { }								/* Technisch keine besonderheit */
table.headMenu										/* Menü am Tabellen-Kopf (aufsteigend, absteigend, einblenden, ausblenden ... ) */
{	width: auto;									/* color in g4_farben.css */
}
div.Menubar											/* Menübalken, seine Elemente stehen nebeneinander und sollten Menülisten sein */
									 				/* Direktes Enthalten von MeniItems geht aber auch. */
{	position:relative;								/* Im Fliesstext positionieren */
	float: left;									/* Nur erforderlich, wenn eine eigene Höhe zugewiesen wäre (z.B. wg. Hintergrund,
													   damit img.Hilfesymbol und div.Username noch daneben Platz haben */
	overflow: visible;								/* Muss visible sein, damit die Unter-Menüs aufgeklappt werden können */
	margin: 1px;
}
div.MenubarKopf
{	position: relative;
	float: left;
}
div.MenubarSubRahmen								/* Diese gilt für nicht fixe Balken: Wurd nicht benutzt: noch nicht gelöst! */
{	position: absolute;
	visibility: hidden;
	float: right;
}
@media screen {
div.MenubarSubRahmen.fix
{	visibility: visible;
	position: relative;
	float: left;
}	}
div.MenubarSub, div.Hilfesymbol						/* Die MenubarSubs floaten innerhalb des Menubars, die anderen dahinter */
{	position: relative;								/* Im Fliesstext positionieren */
	float: left;									/* Von links beginnend nebeneinander anordnen */
	height: 18px;									/* gleiche Höhe für diese Elemente */
	border: 1px solid;								/* gleicher Rahmen */
	margin: 0 1px;									/* kein Außenabstand oben und unten; je 1 Pixl links und rechts */
	padding: 0px 5px;								/* kein Innenabstand oben und unten, je 5 Pixl links und rechts */
}
img.Hilfesymbol										/* Symbol zum Abrufen der Ansichts-Hilfetexte */
{	cursor: pointer;
	margin-top: 2px;
	margin-bottom: 2px;
}
div.MenubarSub										/* Bildet den Rahmen für ein Element des Balkens (Liste oder Item) */
{	}
div.Username
{	height: auto;	}								
div.Username p
{	margin-top: 2px;								/* Der Standard-Abstand ist größer, hier mit den Menüs angleichen */
	margin-left: 5px;
	margin-right: 5px;
	padding-top: 2px;
}
div.Menulist, div.MenulistInliste					/* Div für eine gesamte Menüliste, ihre Elemente stehen untereinander */
{	position: relative;
	text-align: left;
	float: left;									/* Für IE7 (IE6?) notwendig für Firefox und Opera zumindest unschädlich */
	overflow: visible;
	height: 18px;									/* Bestimmt die Höhe des Listenkopfes (!) wirkt bei IE7 und Opera wie min-width, */
													/* und bei bei Firefox wie max-width */
	width: auto;
	padding: 0px 0px 0px 0px;
}
div.MenulistInliste
{	width: 100%;									/* damit sie bis zur Submenüliste reicht! */
	height: auto;
	border: 0px solid red;
}
img.untermenu
{	margin: 6px 3px;
}
div.ausgleich
{	height: 18px;	}
p.Menulist, p.MenulistInliste						/* Paragraph im Kopf der Menüliste, enthält die Beschriftung */
{	margin: 2px 0px 2px 0px;
	padding: 0px;									/* Kein Innenabstand */
	white-space: nowrap;							/* Kein Zeilenumbruch */
}
p.MenulistInliste
{	margin: 3px 20px 0px 3px;						/* 20px rechts Platz lassen für das Pfeil-Symbol */
}
div.MenulistSub,									/* Div für ein Element der Menüliste */
div.MenulistSubInliste
{	position: absolute;
	visibility: hidden;
	border: solid 1px;
	float: right;
	left: -1px;
	overflow: visible;
				/* legt fest, wieviele Pixl unter dem Listenkopf die Liste der Elemente beginnt */
	top: 17px;	/* Darf nicht größer sein als die tatsächliche Höhe von div.Menulist, sonst sind die Listenelemente unerreichbar */
}
div.MenulistSubInliste,
div.MenulistSubInlisteFix							/* Div für ein Element der Menüliste */
{	position: absolute;
	top:  0px;
}
div.MenulistSubFix,									/* Div für ein Element der Menüliste */
div.MenulistSubInlisteFix
{	position: relative;
	float: left;
	visibility: visible;
}												
div.MenuItem										/* Ist das atomare Menü, das keine weiteren Elemente mehr enthält */
{	position: relative;								 
	float: none;									/* sonst stehen die MenuItems manchmal nebeneinander und nicht untereinander */
													/* Im IE belegt ein Item direkt im Bar den Rest der Zeile => Hack float:left */
	clear: both;
	height: 18px;									/* Höhe muss mit der Schriftgröße korrelieren. */
	margin: 0px 3px 0px 3px;
	text-align: left;
	overflow: visible;
	padding: 2px 0px 0px 0px;
}
div.Menulist div.MenuItem, div.MenulistInliste div.MenuItem
{	width: 95%;	}
/* Regeln für die Anzeige von Einzelpfad-Bäumen und in Menüs umgewandelte Bäume */
div.expander
{	float: left;
	height: 11px;
	line-height: 10px;
	margin: 2px 3px 0 0;
	padding: 0 1px 0 1px;
	border: inherit;
}
/* ---------- G4 Regeln für Fehlermeldungen und Hinweise ---------- */
div.msgContainer	{								/* Enthält alle Meldungen */
	position: absolute; 							/* absolut positioniert, außerhalb des Fliesstextes */
	top: 89px; left: 10%; max-width: 80%;
	border: 1px solid;
	margin: 0px;									/* kein Außenabstand */
	z-index: 2000;									/* überlagert den übrigen Inhalt */
}
div.hints, div.messages, div.errors, div.questions	/* Hinweise, Informationen, Fehlermeldungen und Rückfragen in unterschiedlichen Divs */
{	position: relative; /*left: 0px; top: 0px;		/* mit gleichen Eigenschaften (außer der Hintergrund-Farbe) */
	clear: both;
	padding: 10px 10px 10px 10px;
}
div.messages p, div.errors p, div.questions p		/* Jede Meldung steht in einem eigenen Paragraphen */
{	margin: 0px;
}
div.messages ul, div.errors ul, div.questions ul
{	margin: 0 0 10px 5px;
}
a.JaKnopf
{	font-weight: bold;
	background-color: #CCF;
	color: black;
	border: thin solid gray;
	padding: 1px;
}
div.showMsgs, div#dbstat, div#anw-mod-schalter		/* Symbol oben rechts, mit Symbol zum Aus- und Einblenden der messageBox */
{	position: absolute; right: 2px; top: 2px;
	z-index: 2000;
	line-height: 13px;
	border: 2px solid white;
	cursor: pointer;
}
div#dbstat
{	top: 47px;	}
div#anw-mod-schalter
{	top: 23px;
	white-space: nowrap;
}
img.hideMsgs
{	float: right;
	cursor: pointer;
}

/* --------------------------------------------------------------------------------------*/
select.Referenz.Edit
{	width: 200px;
	font-size: 90%;
}
/* Formate für Menüs im Tabellenkopf */
div.MENUStandard, div.MENUQuer, div.MENUinternQuer, div.MENUVertikal, div.MENUBaum, div.MENUIndividuell
{	visibility: hidden;
	position: absolute;
	float: left;
	clear: both;
/* text-align: left; */
}
table.MENUrahmen
{	float: left;
	border: solid 0px blue;
	margin: 0px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}
table.MENUrahmen th
{	border: solid 0px red;
}
div.MENUVertikal
{	/*float: none;*/
}
input.positioniere, input.anzahlTreffer
{	font-size: 12px;
	text-align: right;
	width: 25px;
	height: 13px;
	border: solid 1px gray;
	padding: 1px;
}
/* Test-Ausgaben */
.objekt-liste
{	border-collapse: separate;
	background-color: #ffffbb;
}
div#calendar
{	visibility: hidden;
	position: absolute;
	z-index: 1003;
	background-color: #996633;
	border: #3300CC 1px solid;
}
div#calendar img.close
{	float: right;
	cursor: pointer;
}
img.calendar
{	cursor: pointer;
}
table.calendar
{	background-color:#99FFFF;
	border: 1px gray solid;
}
table.calendar th
{	text-align: center;
	border: 1px gray solid;
}
table.calendar td
{	text-align: right;
	border: 1px gray solid;
}
table.calendar td.given
{	cursor: pointer;
	background-color: #FF9999;
/*	border-color: red;
	border-width: 2px;*/
}
table.calendar td.ungiven, table.calendar th.operation
{	cursor: pointer;
}
table.calendar td.alt-monat
{	color: gray;
	cursor: pointer;
	background-color:#CCFFFF;
}