/*
## Ersteller: Udo Kasper
## Erstelldatum: 2020-10-28
## Beschreibung: Sammlung von immer wieder gebrauchten Formatierungen, so dass anwendungsspezifische CSS-Dateien entfallen
##
## Änderungshistorie
## Datum      Änderer    Änderung
## ---------- ---------- -----------------------------------------------------------------------
## 2024-03-10 Udo Kasper bk-spalten-160	
## 2023-10-21 Udo Kasper bk-hintergrund-blau
## 2023-02-02 Udo Kasper bk-flex-links
## 2022-10-26 Udo Kasper Rahmen rechts und links 
## 2022-09-23 Udo Kasper Zebrafärbung für Tabellen
## 2022-02-26 Udo Kasper Das Grau der Schrift etwas heller
## 2021-08-03 Udo Kasper Vertikales Zentrieren bei Tabellen
## 2021-01-26 Udo Kasper Rand erweitert
## 2020-12-02 Udo Kasper Klasse bk-ignore ausfgenommen
## 2020-11-28 Udo Kasper Klasse bk-button-like aufgenommen
## 2020-11-20 Udo Kasper Erweiterungen (abwärtskompatibel)
## 2020-11-03 Udo Kasper Erweiterungen (abwärtskompatibel)
##
*/

/* Abschneiden */
.bk-ellipsis										{text-overflow		: ellipsis; white-space:nowrap; overflow:hidden;}

/* Ausrichtung */
.bk-block-align-mitte								{display			: flex; justify-content : center;}
.bk-block-align-links								{display			: flex; justify-content : left;}
.bk-text-align-links								{text-align			: left;}
.bk-text-align-rechts								{text-align			: right;}
.bk-text-align-mitte								{text-align			: center;}

/* Blinken */
.bk-blink											{animation: blinken 2s linear infinite;	text-decoration : blink;}
@keyframes blinken									{0% {opacity: 100%;}  50% {opacity: 50%;}  100%	{opacity: 100%;}}

/* Button */
.bk-button-klein button								{width				: 35px;}
.bk-button-mini button 								{width				: 20px;	height : 12px;}
.bk-button-mini i									{font-size			: 1em;}
.bk-button-padding button 							{margin-bottom		: 10px; margin-left : 5px; margin-right : 5px;}
.bk-button-like span								{font-size			: 12px; font-weight: bold; margin-bottom : 10px;}
.bk-button-like:hover								{color				: #BBBBBB; background-color	: #444444;}
.bk-button-like										{border-radius		: 5px										/* Für Fileuploas */
													;display			: inline-block
													;height				: 20px
													;width				: 135px
													;padding-left		: 5px
													;text-align			: left
													;cursor				: pointer
													;background-color	: #EEEEEE
													;box-shadow			:  3px  0px 3px #888888
																		,  0px  3px 3px #888888
																		, -3px  0px 3px #BBBBBB
																		,  0px -3px 3px #BBBBBB
													;}

/* Formen */
.bk-container 										{margin				: 10px;}
.bk-container-innen 								{padding			: 10px;}
.bk-panel											{box-shadow			:  3px  0px 3px #888888
																			,  0px  3px 3px #888888
																			, -3px  0px 3px #BBBBBB
																			,  0px -3px 3px #BBBBBB; margin-left:10px; margin-right:10px; margin-top:10px; margin-bottom:25px; display:block;}
.bk-scroll-x										{overflow-x			: auto;}
.bk-kein-umbruch									{white-space		: nowrap;}

/* Hintergrundfarben */
.bk-hintergrund-edit								{background-color	: rgb(187,187,255,0.2);}	
.bk-hintergrund-blau								{background-color	: rgb( 46,106,195,0.5);}	/* #2E6AC2 */
.bk-hintergrund-gelb								{background-color	: rgb(222,211, 31,0.5);}	/* #DED31F */
.bk-hintergrund-grau								{background-color	: rgb(187,187,187,0.5);}	/* #BBBBBB */
.bk-hintergrund-gruen								{background-color	: rgb( 51,126, 38,0.5);}	/* #337E25 */
.bk-hintergrund-rosa								{background-color	: rgb(255,187,187,0.5);}	/* #FFBBBB */
.bk-hintergrund-rot									{background-color	: rgb(255,136,136,0.5);}	/* #FF8888 */
.bk-hintergrund-weiss								{background-color	: rgb(255,255,255,0.5);}	/* #FFFFFF */

/* Ignorieren */
.bk-ignore											{display			: none;}

/* Ränder */
.bk-rand-1-solid-schwarz							{border				: 1px solid #000000;}
.bk-rand-1-solid-schwarz-abstand					{border				: 1px solid #000000; padding : 5px;}
.bk-rand-unten-1-solid-schwarz						{border-bottom		: 1px solid #000000;}
.bk-rand-oben-1-solid-schwarz						{border-top			: 1px solid #000000;}
.bk-rand-rechts-1-solid-schwarz						{border-right		: 1px solid #000000;}
.bk-rand-links-1-solid-schwarz						{border-left		: 1px solid #000000;}
.bk-rand-transparent								{border				: 1px solid rgb(255,255,255,0.0);}
.bk-rand-hover:hover								{border				: 1px solid #FF0000;}

/* Schrift */
/* -Farben */
.bk-font-grau										{color				: #888888;}
.bk-font-weiss										{color				: #FFFFFF;}
.bk-font-rot										{color				: #AA0000;}
.bk-font-gruen										{color				: #008800;}
/* -Darstellung */ 
.bk-font-fett										{font-weight		: bold;}
/* -Größe */
.bk-font-klein										{font-size			: 12px;}
.bk-font-mittel										{font-size			: 15px;}
.bk-font-gross										{font-size			: 18px;}
.bk-font-xxxl										{font-size			: 90px;}

/* Tabelle */
.bk-table											{display			: table;}
.bk-table>div										{display			: table-row;}
.bk-table>div>div									{display			: table-cell;}
.bk-table-padding>div>div:nth-child(n+2)			{padding-left		: 10px;}
.bk-table-inner-padding>div>div:nth-child(n+2)>div	{padding-left		: 10px;}
#cont .bk-table .bk-link-gruen a					{color				: #14A917;}
#cont .bk-table .bk-link-rot   a					{color				: #F61117;}
.bk-table-row-highlight>div:hover					{background-color	: rgb(255,150,150,0.1);}
.bk-table-valign-middle								{vertical-align		: middle;}
.bk-table-zebra>div:nth-child(even)                 {background-color	: rgb(255,255,255,0.4);}	/* #FFFFFF */
.bk-table-zebra>div:nth-child(odd)                  {background-color	: rgb(0,0,0,0.1);}			/* #000000 */

/* Verteilung */
.bk-flex 											{display			: flex; flex-wrap:wrap;   justify-content:space-around;}
.bk-flex-space-between								{display			: flex; flex-wrap:nowrap; justify-content:space-between;}
.bk-flex-links										{display			: flex; flex-wrap:wrap;}

/* Spalten */
.bk-spalten-160										{column-width		: 160px; column-gap: 10px;}