.legende{
	/*
	Farben:
	tuulzone schwarz-blau:
		background-color: #1a223e;
	read-only Felder:
		background-color: #bfbfbf;
	hoover in der Übersicht, TuulZone Orange
		background: #f49927;
	Classes:
	.tz_schwarz{
		background: #1a223e;
	}
	.tz_orange{
		background: #f49927;
	}
	
	*/
}
a{
	color: white;
}
body{
	/* tuulzone schwarz-blau */
	background-color: #1a223e;
	width: 99vw;
	height: 99vh;
	margin: 0.25vw;
}
div{
/*
	border: solid 1px white;
	border-collapse: collapse;

*/}
.align_items_baseline{
	align-items: baseline;
}
.align_items_center{
	align-items: center;
}
.border_solid_1px_collapse{
	border: solid 1px white;
	border-collapse: collapse;
}
.block_element_vertikal_zentriert{
	display: flex; 
	flex-direction: column; 
	justify-content:center;	
}
.block_element_horizontal_u_vertikal_zentriert{
	display: flex;
	align-items: center;
	justify-content: center;
}
.border{
	border: solid 1px white;
	border-collapse: collapse;
}
.breite_05{
	width: 5%;
}
.breite_10{
	width: 10%;
}
.breite_15{
	width: 15%;
}
.breite_15a{
	width: 14.8%;
}
.breite_20{
	width: 20%;
}
.breite_25{
	width: 25%;
}
.breite_30{
	width: 30%;
}

.breite_33{
	width: 33%;
}
.breite_35{
	width: 35%;
}
.breite_40{
	width: 40%;
}
.breite_45{
	width: 45%;
}
.breite_50{
	width: 50%;
}
.breite_55{
	width: 55%;
}
.breite_60{
	width: 60%;
}
.breite_65{
	width: 65%;
}
.breite_66{
	width: 66%;
}
.breite_70{
	width: 70%;
}
.breite_75{
	width: 75%;
}
.breite_80{
	width: 80%;
}
.breite_85{
	width: 85%;
}
.breite_90{
	width: 90%;
}
.breite_95{
	width: 95%;
}
.breite_100{
	width: 100%;
}
.display_inline{
	display: inline;
}
.div_inhalt_vertikal_zentriert{
	justify-content: center;
}
.div_zentriert{
	display: inline-block;
	margin-left:  auto;
	margin-right:  auto;
}
.flex-container {
  display: flex;
  flex-wrap: nowrap;
}
.flex_column{
	flex-direction: column;
}
.flex_vertikal{
	display: flex;
	flex-direction: column;
}
.float_left{
	float: left;
}
.float_right{
	float: right;
}
.hintergrund_gruen{
	padding:5px;
	background: green;
}
.hintergrund_rot{
	padding:5px;
	background: red;
}
.hoehe_1_5em{
	height: 3em;
}
.hoehe_20{
	height: 20%;
}
.hoehe_25{
	height: 25%;
}
.hoehe_33{
	height: 33%;
}
.hoehe_40{
	height: 40%;
}
.hoehe_50{
	height: 50%;
}
.hoehe_66{
	height: 66%;
}
.hoehe_75{
	height: 75%;
}
.hoehe_100{
	height: 98vh;
}
.hoehe_100{
	height: 98vh;
}
.hoehe_auto{
	height: auto;
}
.li_mit_symbol{
	list-style-type: circle;
}
.margin_links_5px{
	margin-left: 5px;
}
.margin_links_rechts_5px{
	margin-left: 5px;
	margin-right: 5px;
}
.padding_06_px{
	padding: 6px;
}
.padding_links_10px{
	padding-left: 10px;
}
.padding_links_rechts_10px{
	padding-left: 10px;
	padding-right: 10px;
}
.padding_top_5px{
	padding-top: 5px;
}
.readonly{
	background-color: #bfbfbf;
	color: red;
	font-size: 0.95em;
	
}
.rahmen_rot{
	/* Die Farbe von "border" ist TuuZone-Schwarz-Blau */
	border: dashed 5px #1a223e;
	text-align: center;
	background-color: red;
	color: white;
	font-weight: bold;
}
.rahmen_unten_5px_abstand{
	border-bottom: solid 1px white;
	padding-bottom: 0;
	margin-bottom: 10px;
}
.tzh:hover{
	/* background: TuulZone-Orange, Schrift: TuulZone-Schware-Blau */
	background: #f49927;
	color: #1a223e;
}
.tz_schwarz{
	background: #1a223e;
}
.tz_orange{
	background: #f49927;
}
.bg_tz_orange_fg_tz_schwarz{
	background: #f49927;
	color: #1a223e;	
}