/*
** Ersteller: Udo Kasper
** Erstelldatum: 2020-05-18
** Beschreibung: Formatierung der Link-Spalte
**
** Änderungshistorie
** Datum      Änderer    Änderung
** ---------- ---------- -----------------------------------------------------------------------
*/

/*
** Zuerst die Definitionen für alle ...
*/
.auslassungspunkte {
	display				: block;
	white-space			: nowrap;
	overflow			: hidden;
	text-overflow		: ellipsis;
	}
.unterstrich {
	border-bottom		: 1px solid #AAAAAA;
	}
.ueberstrich {
	border-top			: 1px solid #AAAAAA;
	}
.heute {
	background-color	: var(--hintergrundHeute);
}
/* ************************************************** */

#cont {													/* Schriftart und -groesse für alle */
	font-family			: var(--schriftArt);
	font-size			: var(--schriftGroesseNormal);
	}
#cont .Funktionen {
	padding-left		: 5px;
	}
#cont .buttonsGroup {
	padding-bottom		: 10px;
	padding-top			: 10px;
	}
#cont .buttonsElement {
	padding-bottom		: 10px;
	padding-left		: 5px;
	}
#cont .aplanBlock ,										/* Abstände zwischen den Blöcken */
#cont .gebBlock ,
#cont .finanzBlock {
	padding-bottom		: 30px;
	}
#cont .aplanHeader ,									/* Überschrift für Abschnitte hervorheben */
#cont .gebHeader ,
#cont .finanzHeader {
	font-size			: var(--schriftGroesseGross);
	font-weight			: bold;
	padding-left		: 10px;
	padding-top			: 10px;
	}
#cont .aplanElement ,									/* Abstände und Schatten der Boxen */
#cont .gebAltElement ,
#cont .gebNeuElement ,
#cont .finanzBankBlock ,
#cont .finanzGeldBlock ,
#cont .finanzAktBlock ,
#cont .finanzLastBlock {
	margin-top			: 10px;
	box-shadow			: var(--boxSchatten);
	padding-left		: 10px;
	}
#cont .aplanDatum ,										/* Header einfärben */
#cont .aplanDatumAkt ,
#cont .aplanDatumJag ,
#cont .gebAltName ,
#cont .gebNeuName ,
#cont .finanzBankHeader ,
#cont .finanzGeldHeader ,
#cont .finanzAktHeader ,
#cont .finanzLastHeader {
	background-color	: var(--hintergrundHeaderNormal);
	}
#cont .finanzAktElement ,								/* Ausgabe in einer Zeile */
#cont .finanzLastElement ,
#cont .finanzBankElement ,
#cont .finanzGeldElement {
	display				: table-row;
	}
#cont .finanzAktBetrag ,
#cont .finanzAktSatum ,
#cont .finanzAktBnr ,
#cont .finanzAktText ,
#cont .finanzLastBetrag ,
#cont .finanzLastSatum ,
#cont .finanzLastBnr ,
#cont .finanzBankInfo ,
#cont .finanzBankInfoDetail ,
#cont .finanzGeldInfo ,
#cont .finanzGeldInfoDetail {
	display				: table-cell;
	}
#cont .finanzAktBetrag ,								/* Breiten einzelner Felder festlegen */
#cont .finanzLastBetrag {
	width				: 60px;
	text-align			: right;
	}
#cont .finanzAktDatum ,
#cont .finanzLastDatum {
	width				: 55px;
	text-align			: center;
	}
#cont .finanzAktBnr ,
#cont .finanzLastBnr {
	width				: 75px;
	text-align			: center;
	}
#cont .finanzGeldInfo {
		width			: 100px;
}
#cont .finanzBankInfo {
		width			: 50px;
	}
#cont .gebNeuName ,
#cont .finanzBankHeader,
#cont .finanzGeldHeader,
#cont .finanzAktHeader,
#cont .finanzLastHeader,
#cont .aplanDatum {
	font-weight			: bold;							/* Einige Überschriften fett */
	}
#cont .aplanDetailAkt ,									/* Aktuelle Daten hervorheben */
#cont .aplanTypAkt {
	background-color	: var(--hintergrundHeute);
	}
#cont .aplanElement.alleTermine {
	padding-top			: 10px;
	}

/*
** dann die für das Handy ...
*/
#cont .buttonsGroup ,									/* Ausgabe nebeneinander mit Umbruch */
#cont .buttonsGroup2 {
	display				: flex;
	flex-wrap			: wrap;
	justify-content		: center;
	}
#cont .finanzAkttText .auslassungspunkte ,				/* Breite des Journaltextes */
#cont .finanzLastText .auslassungspunkte {
	width				: 120px;
	}


/*
/* ... dann die für das Tablet ...
*/
@media screen and (min-width: 700px) {
	#cont {												/* Ausgabe nebeneinander */
		display			: flex;
		flex-wrap		: wrap;
		}
	#cont {	
		width			: 700px;
		}
	#cont .Funktionen {									/* Breiten für die einzelnen Blöcke */
		width			: 700px;
		}
	#cont .Arbeitsplan {
		width			: 190px;
		}
	#cont .Geburtstage {								/* Breite der Geburtstagsfelder */
		width			: 220px;
		}
	#cont .Finanzielles {								/* Breite des Journaltextes */
		width			: 270px;
		}
	#cont .finanzAktText .auslassungspunkte ,
	#cont .finanzLastText .auslassungspunkte {
		width			: 75px;
		}
		
}
/*
/* ... und zum Schluss die für den PC
*/
@media only screen and (min-device-width: 1200px) {
	#cont {												/* Blöcke horizontal verteilen */
		justify-content	: space-around;
	}
	#cont {	
		width			: 1010px;
		}
	#cont .Funktionen {									/* Breiten für die einzelnen Blöcke */
		width			: 160px;
		}
	#cont .Arbeitsplan {
		width			: 250px;
		}
	#cont .Geburtstage {									/* Breite der Geburtstagsfelder */
		width			: 250px;
		}
	#cont .Finanzielles {								/* Breite des Journaltextes */
		width			: 300px;
		}
	#cont .finanzAktText ,
	#cont .finanzLastText {
		width			: 100px;
		}
}