@charset "utf-8";
/*
	* $Id: robe-allg.css,v 0.1 2026/01/27 17:29:16 robert Exp $
	*  (Zeit in UTC!)
	* Datei: robe-allg.css
	* Allgemeine Formatierungen für alle meine Webseiten und Anwendungen.
	* Vorbereitet für 3-spaltiges Layout im Rumpf.
	*
	* erstellt: 21.01.2026
	* letzte Änderung: 31.01.2026
	* Autor: Robert Berghaus, ROBe EDV
*/

/*
	31.01.2026:	Voreinstellungen für Schriftart und -Größe rausgenommen.
	30.01.2026: display: table und table-cell ist nicht mehr Standard,
					stattdessen wird es display: flex beim SeitenRumpf und den Spalten.
					Beim SeitenFuss ist es jetzt auch flex!
					Schriftgröße links und rechts angepaßt.
	27.01.2026: Border sollte hier raus.
	21.01.2026: Aus ea.css von ea-demo genommen.
*/

/* 
	allgemeine Einstellungen
	Mal sehen, was nachher noch hier ist.
	Erstmal alles rausnehmen.
*/

/*
	Hier sind meine Bezeichner
	Zuerst kommen die grossen Bloecke! (ab 24.11.2023)
	Grundformatierung jetzt nur mit CSS3
*/

/*	#SeitenContainer {
	height: 100%;
	border: 3px solid grey;
	color: black;
	background-color: whiteblue;
*/
#SeitenContainer {
	width: 90%;
	position: relative;
	margin: 0 auto 0 auto;
}	/*#SeitenContainer {*/

/* @media screen and ( min-width: 60em ) {*
/* 	#SeitenContainer {*
/* 		width: 90%;*
/* 		margin-left: 5%;*
/* 	}*
/* }*/

/*	#SeitenKopf {
	border: 1px solid cyan;
	color: cyan;
	background-color: white;
	width: 100%;
	margin: 0;
	clear: right;
*/
#SeitenKopf {
}	/*#SeitenKopf { */

/*	#SeitenRumpf {
	height: 100%;
	width: 100%;
	border: 1px solid black;
	color: green;
	background-color: grey;
	width: 100%;
	color: black;
	overflow: auto;
	display: table;
	clear: left;
*/
#SeitenRumpf {
	display: flex;
	width: 100%;
	/* Meine Voreinstellung */
	padding: 0.2em 0.5em 0.2em 0.5em;
}	/*#SeitenRumpf {*/

/* Einstellungen für die StatusZeile:
	clear: left;
	float: right;
	font-size: 0.9em;
	text-align: left;
*/
#StatusZeile {
	width: 100%;
	border: 1px solid grey;
}	/*#StatusZeile {*/

/*	#SeitenFuss {
	background-color: lightgreen;
	clear: left;
	background-position: bottom;
	color: darkgrey;
	color: #6d709b;
	color: black;
	vertical-align: bottom;
	border: 1px solid black;
	background-color: lightgrey;
	height: 1em;
	font-size: 0.7em;
	clear: both;
	float: none;
*/
#SeitenFuss {
	width: 100%;
	margin-top: 0.1em;
	padding: 0.1em 0 0.1em 0;
	display: flex;
}	/*#SeitenFuss {*/

/*
	Untergliederungen von SeitenRumpf
*/
/* Alle 3 auf flex, die Inhalte werden eh berechnet!
	text-align: left;
	Display flex ist nötig, damit der Inhalt nicht überragt.
*/
#SeitenRumpfLinks, #SeitenRumpfMitte, #SeitenRumpfRechts {
	display: flex;
}

/*	#SeitenRumpfLinks {
	border: 1px solid grey;
	border-right: 1px solid grey;
	color: grey;
	overflow: auto;
	font-size: 1em;
*/
#SeitenRumpfLinks {
	width: 15%;
}	/* #SeitenRumpfLinks {*/

/*	#SeitenRumpfMitte {
	border: 2px solid grey;
	font-size: 1.2em;
*/
#SeitenRumpfMitte {
	width: 70%;
}	/* #SeitenRumpfMitte {*/

/*	#SeitenRumpfRechts {
	overflow: auto;
	font-size: 1em;
*/
#SeitenRumpfRechts {
	width: 15%;
}	/* #SeitenRumpfRechts {*/

/*	Standard für die SeitenInhalte
	width: 100%;
	geht nicht, da der Container verlassen wird!
	text-align: left;
*/
#SeitenInhaltLinks, #SeitenInhalt, #SeitenInhaltMitte, #SeitenInhaltRechts {
	margin: 0;
	padding: 0.5em;
	overflow: auto;
}

/*	#SeitenInhaltLinks {
*/
#SeitenInhaltLinks {
}	/* #SeitenInhaltLinks {*/

/*	#SeitenInhaltMitte {
	margin: 0 0 0 1em;
	padding: 0em 1em 1em 1em;
*/
#SeitenInhalt, #SeitenInhaltMitte {
}	/* #SeitenInhalt {*/

/* @media screen and ( min-width: 70em ) { *
/* 	#SeitenInhalt  { *
/* 		margin-left: calc( ( 100% - 58em ) / 2 ); *
/* 		width: 58em; *
/* 	} *
/* } */

/*	#SeitenInhaltRechts {
	margin: 0;
	padding: 1em;
	overflow: auto;
	text-align: left;
*/
#SeitenInhaltRechts {
}	/* #SeitenInhaltRechts {*/

/*
	Untergliederungen von SeitenFuss
*/
#SeitenFussLinks, #SeitenFussMitte, #SeitenFussRechts {
	text-align: center;
}