/*
## Ersteller: Udo Kasper
## Erstelldatum: 2020-02-04
## Beschreibung: Formatierung der Seite über den Beamtenrat
##
## Änderungshistorie
## Datum      Änderer    Änderung
## ---------- ---------- -----------------------------------------------------------------------
*/

/*
** Zuerst die Definitionen für alle ...
*/
#cont {
	font-family			: var(--schriftArt);
	font-size			: var(--schriftGroesseNormal);
	}
#cont #terminUeber ,
#cont .beamteUeber {
	font-weight			: bold;
	}
#cont .beamteUeber {
	padding-top			: 10px;
	}
#termine .name ,
#termine .table ,
#beamten .table {
	padding-left		: 5px;
	}
#beamten {
	padding-bottom		: 20px;
	}
#termine .termin {
	width				: 135px;
	}
#termine .einladung ,
#termine .anlage ,
#termine .protokoll {
	width				: 50px;
	}
#cont .truncate ,
#beamten .funktion {
	width				: 165px;
	}
#beamten .name {
	width				: 150px;
	}
#termine .einladung ,
#termine .anlage ,
#termine .protokoll {
	text-align			: center;
	}
#beamten .funktion .truncate {
	display				: block;
}


/*
** dann die für das Handy ...
*/
#cont {
	display				: block;
}
#termine .einladung.gross ,
#termine .anlage.gross ,
#termine .protokoll.gross {
	display				: none;
	}
#termine .table {
	border-spacing		: 0px 10px;
	}


/*
/* ... dann die für das Tablet ...
*/
@media screen and (min-width: 700px) {
	#cont {
		display				: flex;
		}
	#termine .table {
		border-spacing		: 0px 0px;
		}
}


/*
/* ... und zum Schluss die für den PC
*/
@media only screen and (min-device-width: 1200px) {
	#termine .einladung.gross ,
	#termine .anlage.gross ,
	#termine .protokoll.gross {
		display				: table-cell;
		}
	#termine .einladung.klein ,
	#termine .anlage.klein ,
	#termine .protokoll.klein {
		display				: none;
		}
	#termine {
		padding-left 		: 5px;
		padding-top 		: 10px;
		}
	#beamten {
		padding-left 		: 10px;
		}
	#beamten .funktion .truncate ,
	#beamten .funktion {
		width				: 200px;
		}
}