/*		Version 00.19A 06.07.2024			*/

body {
	/* border: 2px solid blue; */
	/* background-color: yellow;					/* #000066						*/ */
	background-color: paleturquoise;	
	width: 1880px;								/* Platz lassen für die vertikale Bildlauflesite		*/
	margin-top: 0px;	
	margin-bottom: 0px;	
	margin-left: auto;
	margin-right: auto;
	/*	font-family: 'Verdana';			*/
	font-family: 'Mina';			
}

footer {
	width: 100%;
	bottom: 10;
	margin-left: 5px;
	position: fixed;
}
	
input.CheckBox {						/*  Obsolet?		??? QQQQ			*/
	border: 0px solid red;
    width: 16px;
    height: 16px;
	accent-color: silver;
	/* color: silver;				*/
	/* background-color: silver;	*/
	margin-left: 0px;
	/* valign: top; */
	vertical-align: top;
}	
	
.WholeSite {
	/* border: 2px solid red; */
	margin-left: auto;
	margin-right: auto;
}		

.WholeSiteLogin {	
	width: 800px;			
	border: 0px solid red;
	margin-left: auto;
	margin-right: auto;
}

.Head {								/*  Obsolet?		??? QQQQ			*/
	border: 0px solid red;
	margin-bottom: 10px;
	/* margin-bottom: 0px; */
	/* margin-left: 10px;	 */
	margin-left: 0px;
	margin-top: 0px;
}	

.HeadSchrift {
	border: 0px solid orange;
	width: 80%;
	font-weight: 1000;
	text-align: left;
	vertical-align: top;
	font-family: 'Abril Fatface';
	font-size: 68pt;
	margin-top: 0px;	
	margin-bottom: 0px;	
	margin-left: 0px;
	margin-right: 0px;
}		

.HeadMenu {				
	border: 0px solid pink;
	cursor: pointer;
	color: steelblue;
	font-size: 46pt;
	font-weight: 1000;
	text-align: right;
	vertical-align: top;
	margin-top: 0px;	
	margin-bottom: 0px;	
	margin-left: 0px;
	margin-right: 0px;
	/* padding-right: 20px; */
	padding-right: 0px;
	padding-top: 5px;	
}

.HeadEnde {							/*  Obsolet?		??? QQQQ			*/
	border: 0px solid red;
	/* margin-top: 10px; */
	margin-top: 0px;	
	margin-bottom: 0px;
	vertical-align: bottom;
	width: 100%;
	color: steelblue;
}

.HeadEndeUnderConstruction {			/*  Obsolet?		??? QQQQ			*/
	border: 0px solid red;
	vertical-align: top;	
	//padding-bottom: 10px;
	/* padding-top: 20px; */
	padding-top: 0px;
}

.HeadEndeText {						/*  Obsolet?		??? QQQQ			*/
	border: 0px solid pink;
	font-family: 'Abril Fatface';
	font-size: 36pt;
	font-weight: 200;
	color: steelblue;
	padding: 0px;
	width: 100%;
	vertical-align: bottom;	
}
	
.TextArea {							/*  Obsolet?		??? QQQQ			*/
	border: 0px solid red;
	font-size: 12pt;
	font-family: 'Mina';			/* Enthält wohl kein Kyrillisch		*/
	/* font-family: Verdana;		*/
	color: silver;
	/* margin-top: 50px; */
	margin-top: 0px;
	margin-bottom: 20px;
}

.Kalender {
	border: 0px solid red;
	/* color: yellow; */
	font-size: 12pt;
	width: 100%;
}

table#ListeKalenderDaten tbody tr:hover td {
   /* background-color: violet; */
   background-color: orange;
   color: red;
}

table#ListeKalenderFerien tbody tr:hover td {
   background-color: violet;
   /* background-color: orange; */
   color: red;
}

table#TagListeWiVoLa tbody tr:hover td {
   background-color: white;
   /* background-color: orange; */
   color: red;
}

table#TagListeAnfragen tbody tr:hover td {
   background-color: violet;
   /* background-color: orange; */
   color: red;
}

table#TagListeAnreisen tbody tr:hover td {
   background-color: violet;
   /* background-color: orange; */
   color: red;
}

table#TagListeAbreisen tbody tr:hover td {
   background-color: violet;
   /* background-color: orange; */
   color: red;
}

.Gaeste {
	/* border: 0px solid yellow; */
	/* color: red; */
	font-size: 12pt;
	width: 100%;
}

table#ListeGaeste tbody tr:hover td {
   background-color: orange;
   color: red;   
}

.AnfragenListe {
	/* border: 2px solid red; */
	color: tomato;
	font-size: 10pt;
	width: 100%;
}

.AnfragenListeHeader0{
	border: 0px solid grey;
	text-align: left;
	padding: 5;
	color: white;
	font-size: 10pt;
	font-weight: bold;
	width: 8%;
	/* height: 36px; */
	background-color: red;
	vertical-align: middle;
}

.AnfragenListeHeader{
	/* border: 0px solid grey; */
	text-align: left;
	padding: 5;
	color: silver;
	font-size: 10pt;
	font-weight: bold;
	width: 8%;
	/* height: 36px; */
	background-color: darkblue;
	vertical-align: middle;
}

.AnfragenListeValue {
	/* border: 0px solid grey; */
	text-align: left;
	padding: 5;
	color: black;
	font-size: 10pt;
	font-weight: normal;
	width: 8%;
	/* height: 36px; */
	background-color: tomato;
	vertical-align: middle;
}

.AnfragenListeValue2 {
	/* border: 0px solid grey; */
	text-align: left;
	padding: 5;
	color: black;
	font-size: 10pt;
	font-weight: normal;
	width: 8%;
	/* height: 36px; */
	background-color: cornflowerblue;
	vertical-align: middle;
}

.AnfragenListeValue3 {
	/* border: 0px solid grey; */
	text-align: left;
	padding: 5;
	color: black;
	font-size: 10pt;
	font-weight: normal;
	width: 8%;
	/* height: 36px; */
	background-color: lightgreen;
	vertical-align: middle;
}

.TagListe {
	/* border: 2px solid red; */
	color: tomato;
	font-size: 12pt;
	width: 100%;
	margin-top: 0px;
}

.TagListenScroll {
	/* border: 2px solid black; */
	width: 100%;
    padding: 0px;
    /* margin: 0px; */
	margin-bottom: 3px;
	margin-top: 0px;
    /* overflow-y: hidden; */
    /* border: 2px solid green; */
    /* overflow-x: auto; */
    /* min-height: 0.01%; */
	/* overflow:scroll; */
	/* height:300px; */
	max-height:300px;
	overflow-y:scroll;	
}

.zz_Anfragen2 {
	/* border: 0px solid yellow; */
	color: tomato;
	font-size: 12pt;
	width: 100%;
	/* height: 200px; */
	/* overflow-y: scroll; */
}

table#ListeAnfragen tbody tr:hover td {
   background-color: orange;
   color: red;   
}

.Anfrage {
	/* border: 2px solid red; */
	/* color: tomato; */
	/* font-size: 12pt; */
	width: 100%;
}

.Anfragen {
	/* border: 2px solid red; */
	color: tomato;
	font-size: 12pt;
	width: 100%;
}

.Buchungen {
	/* border: 0px solid yellow; */
	color: tomato;
	font-size: 12pt;
	width: 100%;
}

table#ListeBuchungen tbody tr:hover td {
   background-color: orange;
   color: red;   
}

.Buchung {
	/* border: 1px solid red;  */
	color: tomato;
	font-size: 12pt;
	width: 100%;
}

.Rechnungen {
	/* border: 0px solid yellow; */
	color: tomato;
	font-size: 12pt;
	width: 100%;
}

table#ListeRechnungen tbody tr:hover td {
   background-color: orange;
   color: red;   
}

.Rechnung {
	/* border: 0px solid yellow; */
	border: 1px solid silver;
	border-collapse: collapse;
	border-spacing: 0; 
	color: tomato;
	font-size: 12pt;
	width: 64%;
}

.RechnungSpalte1 {
	/* border: 0px solid yellow; */
	border: 1px solid silver;
	padding-left: 5;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: black;
	font-size: 12pt;
	/* font-weight: 1000;	 */
	width:15%;
}

.RechnungSpalte2 {
	/* border: 0px solid yellow; */
	border: 1px solid silver;
	padding-left: 5;
	padding-right: 5;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;	
	color: black;
	font-size: 12pt;
	/* font-weight: 1000;	 */
	width:40%;
}

.RechnungValue {
	/* border: 0px solid yellow; */
	border: 1px solid silver;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-right: 5;	
	color: black;
	font-size: 12pt;
	/* font-weight: 1000;	 */
	text-align: right;
	/* width: 100%; */
}

.BuchungText {
	/* border: 0px solid yellow; */
	color: black;
	font-size: 12pt;
	/* font-weight: 1000;	 */
	width:12%;
}

.BuchungValue {
	/* border: 1px solid silver; */
	color: silver;
	font-size: 12pt;
	font-weight: bold;	
	/* width: 100%; */
}

.AnfrageText {
	/* border: 2px solid yellow; */
	color: black;
	font-size: 12pt;
	/* font-weight: bold;	 */
	width:12%;
}

.AnfrageValue {
	/* border: 2px solid green; */
	color: silver;
	font-size: 12pt;
	font-weight: bold;	
	/* width: 100%; */
}

.KalZelle0 {									/* Linke obere Ecke der Tabelle		*/
	border: 2px solid red;
	background-color: orange;
	width: 10%;	
}

.KalZelle00 {									/* Linke obere Ecke der Tabelle		*/
	border: 0px solid red;
	padding-left: 0;
	color: blue;
	background-color: orange;	
	font-size: 14pt;
	font-weight: bold;	
}

.KalZelleDatum {								/* Erste Zeile mit dem Tagesdatum	*/
	border: 0px solid pink;
	text-align: left;
	padding-left: 3;
	color: white;
	font-size: 12pt;
	font-weight: bold;
	/* width: 8%; */
	/* height: 36px; */
	background-color: #aa0000;				/* dunkles Rot		*/
	vertical-align: middle;
}

.KalZelleHaus {								/* Erste Spalte mit den Häuser		*/
	border: 0px solid pink;
	text-align: left;
	padding-left: 5;
	color: white;
	font-size: 14pt;
	font-weight: bold;
	/* width: 8%;		*/
	/* height: 36px; */
	background-color: red;				/* dunkles Grün			*/
	/* vertical-align: middle; */
	vertical-align: bottom;	
}

.KalZelleZimmer {								/* Erste Spalte mit den Zimmern		*/
	border: 0px solid grey;
	text-align: left;
	padding-left: 15;
	color: white;
	font-size: 12pt;
	font-weight: bold;
	width: 10%;
	/* height: 32px; */
	background-color: #000099;		
	vertical-align: middle;
}

.KalZelleBett {								/* Die Zeilen für die Betten		*/
	border: 0px solid grey;
	text-align: left;
	padding-left: 25;
	color: white;
	font-size: 9pt;
	font-weight: bold;
	width: 10%;
	height: 24px;
	background-color: #006600;				/* dunkles Blau				*/
	vertical-align: middle;
}

.KalZelleFerienHead {								/* Die Zeilen für die erste Zeile im Block Ferien		*/
	border: 0px solid pink;
	text-align: left;
	padding-left: 5;
	color: white;
	font-size: 14pt;
	font-weight: bold;
	/* width: 8%;		*/
	/* height: 36px; */
	background-color: mediumblue;			
	/* vertical-align: middle; */
	vertical-align: bottom;	
}

.KalZelleFerienLandSp1 {								/* Erste Zelle mit dem Namen des Landes im Block Ferien		*/
	border: 0px solid grey;
	text-align: left;
	padding-left: 25;
	color: white;
	font-size: 8pt;
	font-weight: bold;
	width: 10%;
	height: 10px;
	/* background-color: #006600;				/* dunkles Blau				*/
	/* background-color: royalblue;				/* helleres Blau				*/
	/* background-color: #000099; */
	background-color: royalblue;				/* dunkles Blau				*/	
	vertical-align: middle;
}

.KalZelleFerienLand {								/* Die Zeilen für die Zeile Land im Block Ferien		*/
	/* border: 2px solid red; */
	text-align: left;
	padding-left: 25;
	color: white;
	font-size: 8pt;
	font-weight: normal;
	/* width: 8%; */
	height: 10px;
	/* background-color: #006600;				/* dunkles Blau				*/
	/* background-color: royalblue;				/* helleres Blau				*/
	/* background-color: #000099; */
	background-color: royalblue;				/* dunkles Blau				*/	
	vertical-align: middle;
}

.KalZelleFerienBundesLand {						/* Die Zeilen für die Zeilen Bundesland im Block Ferien		*/
	/* border: 0px solid grey; */
	text-align: left;
	padding-left: 25;
	color: white;
	font-size: 8pt;
	font-weight: bold;
	/* width: 8%; */
	height: 10px;
	/* background-color: #006600;				/* dunkles Blau				*/
	background-color: cornflowerblue;				/* mittleres Blau				*/
	vertical-align: middle;
}

.KalZelleFerien {								/* Die Zeilen für die Ferien		*/				
	border: 2px solid green;
	text-align: left;
	padding-left: 25;
	color: white;
	font-size: 8pt;
	font-weight: 100;
	/* width: 8%; */
	/* height: 24px; */
	height: 10px;	
	/* background-color: #006600;				/* dunkles Blau				*/
	background-color: lightskyblue;				/* helles Blau				*/
	vertical-align: middle;
}

.KalEmptyHaus {									/* Leere Häuser der Tabelle			*/
	border: 0px solid grey;
	text-align: center;
	padding: 0;
	color: white;
	font-size: 12pt;
	font-weight: 400;
	/* width: 8%;	*/
	height: 36px;
	background-color: #ff3355;					/* helles rot			*/
}

.KalEmptyZimmer {								/* Leere Zellen [Zimmer] der Tabelle			*/
	border: 0px solid grey;
	text-align: center;
	padding: 0;
	color: white;
	font-size: 12pt;
	font-weight: 400;
	/* width: 8%;	*/
	/* height: 36px; */
	background-color: #5566dd;				/* helles Blau			*/
}

.KalBelegtesBett {								/* Belegte Zellen [Bett] der Tabelle			*/
	/* border: 2px solid black; */
	text-align: center;
	padding: 0;
	/* color: white; */
	color: blue;
	font-size: 10pt;
	font-weight: bold;
	width: 8%;
	/* height: 36px; */
	/* background-color: pink; */
	background-color: #88dd88;				/* helles Grün			*/	
}

.KalEmptyBett {								/* Leere Zellen [Bett] der Tabelle			*/
	/* border: 2px solid red; */
	text-align: center;
	padding: 0;
	/* color: white; */
	color: blue;	
	font-size: 10pt;
	font-weight: bold;
	width: 8%;
	/* height: 36px; */
	background-color: #88dd88;				/* helles Grün			*/
}

.KalZelleEmpty2{								/* Leere Zellen der Tabelle			*/
	border: 0px solid grey;
	text-align: center;
	padding: 0;
	color: silver;
	font-size: 9pt;
	font-weight: 400;
	/* width: 8%;	*/
	height: 24px;
	background-color: cornsilk;
}

.KalZelleFilled {								/* Ausgefüllte Zellen der Tabelle	*/
	border: 0px solid grey;
	text-align: center;
	padding: 0;
	color: white;
	font-size: 12pt;
	/* width: 8%;		*/
	height: 36px;
	background-color: steelblue;
	vertical-align: middle;
}

.FerienEintrag {								/* Belegte Zellen [Ferien] im Block Ferien des Kalsnders			*/
	/* border: 2px solid black; */
	text-align: center;
	padding: 0;
	color: white;
	/* color: blue; */
	font-size: 8pt;
	font-weight: normal;
	width: 8%;
	/* height: 36px; */
	/* background-color: pink; */
	/* background-color: violet; */
	background-color: deeppink;
}

.ZZ_FerienEmpty {								/* Freie Zellen [Ferien] im Block Ferien des Kalsnders			*/
	/* border: 2px solid black; */
	text-align: center;
	padding: 0;
	/* color: white; */
	color: blue;
	font-size: 10pt;
	font-weight: bold;
	width: 8%;
	/* height: 36px; */
	/* background-color: pink; */
	background-color: lightcyan;
}

.KalNavButtons {							/* 	??? QQQQ			*/
	border: 2px solid grey;
	// font-size: 12pt;
	// font-family: 'Mina';					/* Enthält wohl kein Kyrillisch		*/
	// color: silver;
	// margin-top: 20px;
	// margin-bottom: 20px;
	
	/* float: left; */
	height:32px;
	/* width:56px; */
	width:48px;
	cursor: pointer;
}

.KalWorkButtons {							/* 	??? QQQQ			*/
	border: 2px solid grey;
	// font-size: 12pt;
	// font-family: 'Mina';					/* Enthält wohl kein Kyrillisch		*/
	// color: silver;
	// margin-top: 20px;
	margin-left: 5px;	
	// margin-bottom: 20px;
	float: right;
	font-weight: bold;
	height:32px;
	width:96px;
	cursor:pointer;	
}

.KalListIcons {				^
	/* border: 2px solid blue; */
	margin-top: 0px;
	/* margin-left: 5px;	 */
	margin-right: 10px;
	margin-bottom: 0px;
	/* padding-top: 5px; */
	/* float: right; */
	height:14px;
	width:32px;
	cursor: pointer;
	vertical-align: middle;
}

.GaesteZelleHeader{
	/* border: 0px solid grey; */
	text-align: left;
	padding: 5;
	color: silver;
	font-size: 12pt;
	font-weight: 900;
	width: 8%;
	height: 36px;
	background-color: darkblue;
	vertical-align: middle;
}

.GaesteZelle {
	/* border: 0px solid grey; */
	text-align: left;
	padding: 5;
	color: black;
	font-size: 12pt;
	font-weight: 400;
	width: 8%;
	height: 36px;
	background-color: tomato;
	vertical-align: middle;
}

.BuchungenZeile {
	/* border: 2px solid red; */
	/* text-align: left; */
	/* color: black; */
	/* font-size: 12pt; */
	/* font-weight: normal; */
	/* width: 8%; */
	/* background-color: lightgreen; */
	/* vertical-align: middle; */
	/* height: 36px; */
	/* max-height: 12px; */
	/* height: 24px; */
	/* max-height: 28px; */
	/* overflow: hidden; */
	/* overflow-y: clip; */
	/* overflow-x: scroll; */
}

.BuchungenZelleHeader{
	/* border: 0px solid grey; */
	text-align: left;
	padding: 5;
	color: silver;
	font-size: 12pt;
	font-weight: bold;
	width: 8%;
	/* height: 36px; */
	background-color: darkblue;
	vertical-align: middle;
}

.BuchungenZelle {
	/* border: 2px solid pink; */
	text-align: left;
	padding: 5;
	color: black;
	font-size: 12pt;
	font-weight: normal;

	background-color: lightgreen;
	vertical-align: middle;

	width: 8%;
	max-width: 8%;

	/* height: 24px; */
	/* max-height: 28px; */
	
	overflow: hidden;
	/* overflow-y: clip; */
	/* overflow-x: scroll; */
}

.CopyrightBlock {
	/* width: 50%; */
	border: 0px solid green;
	margin: 25px 0px 0px 0px;
	color: silver;
	font-size: 7pt;
	text-align: left;
}

.ImgUnderConstruction {				/* Für das Image oben unterm Header		*/
	border: 0px solid pink;
	width: 64px;
	height: 55px;
	vertical-align: bottom;
}

.HeadMenuLeftBlock{
	border: 0px solid pink;
	width: 5%;	
	cursor: pointer;
	// color: red;
	// font-size: 32pt;
	// font-weight: 1000;
	text-align: left;
	// vertical-align: top;
}

.HeadMenuIconProfile{
	border: 0px solid orange;
	/* width: 80%;	 */
	cursor: pointer;
	// color: red;
	// font-size: 32pt;
	// font-weight: 1000;
	text-align: right;
	vertical-align: top;
	padding-top: 18px;
}

.QuickIconBar {
	/* border: 0px solid blue; */
	margin-bottom: 10px;
	/* margin-left: auto; */
	/* margin-right: auto; */
	/* display: none;		*/
	display: none;
	/* height: 40px; */
	/* /* margin-left: 3px; */ */
	/* /* background-color: lightblue;		*/ */
	/* /* vertical-align: bottom; */ */
	/* vertical-align: middle; */
}

.HeadMenuIconQuickIcon{
	border: 0px solid orange;
	cursor: pointer;
	color: red;
	font-size: 38pt;
	font-weight: 1000;
	text-align: right;
	vertical-align: top;
}

.QuickIconBarBotton {
	border: 1px solid black;
	cursor: pointer;
	/* background-color: lightblue; */
	height: 32px;
	width: 48px;
	margin: 0;
	vertical-align: top;
	/* border-radius: 3px; */
	font-size: 14pt;
}

.QuickIconBarIconImg {
	border: 0px solid pink;
	cursor: pointer;	
	height: 20px;
	width: 34px;
	/* display: block;		*/
	margin: 0;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
}

.QuickIconCMD {
	border: 1px solid black;
	/* border-radius: 3px; */
	width: 250px;
	height: 32px;
	/* margin: 0; */
	/* margin-left: 0px; */
	margin-right: -3px;
	padding-left: 5px;
	/* margin-top: 5px; */
	font-size: 14pt;
	vertical-align: top;
	/* background-color: lightgrey; */
	/* background-color: pink; */
	/* background-color: lightblue; */
	color: grey;
	/* float: right; */
	/* cursor: pointer; */
}

.QuickIconSearch {
	border: 1px solid black;
	/* border-radius: 3px; */
	width: 250px;
	height: 32px;
	/* margin: 0; */
	/* margin-left: 0px; */
	margin-right: -3px;
	padding-left: 5px;
	/* margin-top: 5px; */
	/* margin-bottom: 25px; */
	font-size: 14pt;
	vertical-align: top;
	/* background-color: lightgrey; */
	/* background-color: pink; */
	/* background-color: lightblue; */
	/* color: blue; */
	color: grey;
	/* float: right; */
	/* cursor: pointer; */
}

.settingsTextHeader {
	/* border: 0px solid red; */
	font-size: 14pt;
	font-weight: bold;
	color: black;
	/* margin-top: 50px; */
}

.settingsTextHeaderErsterBlock{
	border: 0px solid green;
	font-size: 14pt;
	font-weight: normal;
	color: silver;
	vertical-align: bottom;
}

.settingsText {
	border: 0px solid green;
	font-size: 12pt;
	color: black;
	width: 40%;	
	padding-left: 10px;
}

.settingsValues {
	border: 1px solid black;
	font-size: 14pt;
	color: grey;
	background-color: white;
	width: 100%;	
}

.settingsValuesTmp {
	border: 1px solid black;
	font-size: 12pt;
	color: grey;
	background-color: white;
	width: 100%;	
}

.settingsCheckbox {
	border: 0px solid orange;
	font-size: 10pt;
	color:grey;
}

.overlay {
	height: 100%;	
	width: 0%;		
	position: fixed;	
	z-index: 1;			
	top: 0%;			
	right: 0%;			
	background-color: steelblue;	
	overflow-y: hidden;			
	transition: 1.5s;			
}

.overlay-content {		
	position: relative;
	/* top: 15%; */
	top: 10%;	
	right: 20px;
	width: 100%;
	text-align: right;
	/* margin-top: 0px;		*/
	margin-top: 0px;
}

.overlay a {
	/* padding: 80px;		*/
	text-decoration: none;	
	font-size: 24px;		
	color: white;			
	display: block;			
	transition: 1.0s;		
}

.overlay a:hover, .overlay a:focus {
	color: #f1f1f1;
}

.overlay .closebtn {				
	border: 0px solid red;
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: right;
	/* vertical-align: top;		*/
	font-size: 60px;
	/*	color: black;	*/
	margin-top: 0px;
}
				
.SpCharKeyboard {																
	border: 0px solid red;
	cursor: pointer;
	margin-left: -2px;
	margin-right: 0px;
	margin-top: 3px;
	margin-bottom: 0px;
	width: 32px;
	height: 32px;
	color: white;
	background-color: grey;
	font-family: 'Mina';					/* Enthält wohl kein Kyrillsich		*/
	/* font-family: Verdana;		*/
	font-size: 18pt;
	font-weight: 500;
	border-radius: 3px;
}

.ImgFly {																
	border: 0px solid red;
	width: 64px;
	height: 64px;
	vertical-align: bottom;
	margin-right: 0px;
}

.HeaderImgProfile {																
	border: 0px solid green;
	width: 44x;
	height: 44px;
	vertical-align: bottom;
	margin-top: 0px;
	/* position: fixed;			*/
}

.HeaderImgFly {																
	/* border: 0px solid green; */
	width: 96px;
	height: 96px;
	vertical-align: bottom;
	margin-left: 0px;
	margin-right: 0px;
	/* float: left; */
	/* position: fixed;			*/
}

.ImgKeyboard {																
	border: 0px solid red;
	cursor: pointer;
	width: 70px;
	height: 42px;
	vertical-align: middle;
}

.ContactFullName {
	border: 1px solid black;
	border-radius: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	padding-left: 5px;
	width: 100%;
	height: 32pt;
	font-size: 16pt;
	// font-weight: 550;
	// background-color: lightgrey;
	// background-color: 	#b0e2ff;			// LightSkyBlue1;
	background-color: 	#bfefff;				// LightBlue1;
	color: grey;
	// vertical-align: middle;
	text-align: left;
	maxlength:"50";
	resize: none;
	// overflow-y: scroll;
	overflow: hidden;
}

.ContactMessage {
	border: 1px solid black;
	border-radius: 0px;
	margin-left: px;
	margin-right: 0px;
	padding-left: 5px;
	width: 100%;
	height: 200pt;
	font-size: 14pt;
	// background-color: lightgrey;
	// background-color: 	#b0e2ff;			// LightSkyBlue1;
	background-color: 	#bfefff;				// LightBlue1;
	color: grey;
	// vertical-align: baseline;
	resize: none;
    overflow: auto;
}

.ContactCheckBox {
	border: 0px solid red;
    width: 16px;
    height: 16px;
	// width: 48px;
	// height: 48px;
	accent-color: orange;
	/* color: silver;				*/
	/* background-color: silver;	*/
	margin-left: 0px;
	// vertical-align: text-bottom;
	/* vertical-align:bottom; */
	/* font-size: 36pt; */
	// color: red;		*/		/*  ??? QQQQQ	*/				/*	accent-color: red;			*/
	/* float: bottom; */
}	

.ContactBtnSend {
	border-radius: 3px;
	width: 120px;
	height: 28pt;
	margin-left: 0px;
	margin-top: 5px;
	font-size: 16pt;
	vertical-align: middle;
	/* background-color: lightgrey; */
	background-color: pink;
	float: right;
	cursor: pointer;
}

.RequestFullName {
	/* border: 0px solid grey; */
	border-radius: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-left: 5px;
	padding-right: 0px;
	width: 100%;
	height: 32pt;
	font-size: 16pt;
	/* font-weight: 550; */
	/* background-color: lightgrey; */
	/* background-color: 	#b0e2ff;			// LightSkyBlue1; */
	background-color: 	#bfefff;				// LightBlue1;
	color: grey;
	/* vertical-align: middle; */
	text-align: left;
	maxlength:"50";
	resize: none;
	/* overflow-y: scroll; */
	overflow: hidden;
}

.RequestFullName2 {
	/* border: 0px solid grey; */
	border-radius: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-left: 5px;
	padding-right: 0px;
	width: 100%;
	height: 32pt;
	font-size: 16pt;
	/* font-weight: 550; */
	/* background-color: lightgrey; */
	background-color: 	#b0e2ff;			// LightSkyBlue1;
	/* background-color: 	#bfefff;				// LightBlue1; */
	color: grey;
	/* vertical-align: middle; */
	text-align: left;
	maxlength:"50";
	resize: none;
	/* overflow-y: scroll; */
	overflow: hidden;
}

.RequestLoginName {
	/* border: 2px solid red; */
	/* border: 1px solid black; */
	border-radius: 0px;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-left: 5px;
	padding-right: 0px;
	width: 24%;
	height: 32pt;
	font-size: 16pt;
	/* font-weight: 550; */
	/* background-color: lightgrey; */
	background-color: 	#b0e2ff;			// LightSkyBlue1;
	/* background-color: 	#bfefff;				// LightBlue1; */
	color: grey;
	/* vertical-align: middle; */
	vertical-align: bottom;
	text-align: left;
	/* maxlength:"50"; */
	resize: none;
	overflow-y: scroll;
	overflow: hidden;
	float: right;
}

.RequestBtnInfo {
	/* border: 2px solid red; */
	border-radius: 3px;
	width: 48px;
	height: 32pt;
	margin-left: 5px;
	/* margin-top: 5px; */
	margin-top: 0px;	
	font-size: 16pt;
	/* font-weight: 900; */
	/* vertical-align: middle; */
	vertical-align: top;
	/* background-color: lightgrey; */
	/* background-color: pink;	 */
	background-color: #b0e2ff;
	/* background-color: green; */
	color: green;
	float: right;
	cursor: pointer;
}

.RequestBtnSend {
	border-radius: 3px;
	width: 160px;
	height: 32pt;
	margin-left: 5px;
	margin-top: 0px;
	font-size: 16pt;
	vertical-align: middle;
	/* background-color: lightgrey; */
	background-color: #b0e2ff;
	/* background-color: pink; */
	float: right;
	cursor: pointer;
}

.RequestBtnLogin {
	border-radius: 3px;
	width: 160px;
	height: 32pt;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	font-size: 16pt;
	/* vertical-align: middle; */
	vertical-align: top;
	/* background-color: lightgrey; */
	background-color: pink;
	float: right;
	cursor: pointer;
}

.RechnungBriefkopf {
	/* border: 2px solid red; */
	/* margin-left: 0px; */
	/* margin-right: 0px; */
	/* /* margin-bottom: 5px; */ */
	/* /* padding-left: 5px; */ */
	/* /* width: 100%; */ */
	/* /* height: 32pt; */ */
	/* font-size: 12pt; */
	/* font-weight: 550; */
	/* // background-color: lightgrey; */
	/* // background-color: 	#b0e2ff;			// LightSkyBlue1; */
	/* /* background-color: 	#bfefff;				// LightBlue1; */ */
	/* color: grey; */
	/* // vertical-align: middle; */
	/* text-align: left; */
	/* /* maxlength:"50"; */ */
	/* /* resize: none; */ */
	/* // overflow-y: scroll; */
	/* /* overflow: hidden; */ */
}

.RechnungAbsenderzeile {
	border: 0px solid green;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	/* padding-left: 5px; */
	/* width: 100%; */
	/* height: 32pt; */
	font-size: 8pt;
	font-weight: 250;
	// background-color: lightgrey;
	// background-color: 	#b0e2ff;			// LightSkyBlue1;
	/* background-color: 	#bfefff;				// LightBlue1; */
	color: black;
	/* vertical-align: top; */
	text-align: left;
	/* maxlength:"50"; */
	/* resize: none; */
	// overflow-y: scroll;
	/* overflow: hidden; */
}

.RechnungAdressfeld {
	/* border: 2px solid green; */
	margin-left: 0px;
	margin-right: 0px;
	/* margin-bottom: 5px; */
	/* padding-left: 5px; */
	/* width: 100%; */
	/* height: 32pt; */
	font-size: 14pt;
	font-weight: 550;
	// background-color: lightgrey;
	// background-color: 	#b0e2ff;			// LightSkyBlue1;
	/* background-color: 	#bfefff;				// LightBlue1; */
	color: black;
	vertical-align: top;
	text-align: left;
	/* maxlength:"50"; */
	/* resize: none; */
	// overflow-y: scroll;
	/* overflow: hidden; */
}

.RechnungAdressfeld2 {
	border: 0px solid green;
	margin-left: 0px;
	margin-right: 0px;
	/* margin-bottom: 5px; */
	/* padding-left: 5px; */
	/* width: 100%; */
	/* height: 32pt; */
	font-size: 14pt;
	font-weight: 550;
	// background-color: lightgrey;
	// background-color: 	#b0e2ff;			// LightSkyBlue1;
	/* background-color: 	#bfefff;				// LightBlue1; */
	color: black;
	vertical-align: top;
	text-align: left;
	/* maxlength:"50"; */
	/* resize: none; */
	// overflow-y: scroll;
	/* overflow: hidden; */
}

.RechnungAdressfeld3 {
	border: 0px solid green;
	margin-left: 0px;
	margin-right: 0px;
	/* margin-bottom: 5px; */
	/* padding-left: 5px; */
	/* width: 100%; */
	/* height: 32pt; */
	font-size: 14pt;
	font-weight: 250;
	// background-color: lightgrey;
	// background-color: 	#b0e2ff;			// LightSkyBlue1;
	/* background-color: 	#bfefff;				// LightBlue1; */
	color: black;
	vertical-align: top;
	text-align: right;
	/* maxlength:"50"; */
	/* resize: none; */
	// overflow-y: scroll;
	/* overflow: hidden; */
}

.RechnungFusszeilen {
	border: 0px solid green;
	margin-left: 0px;
	margin-right: 0px;
	/* margin-bottom: 5px; */
	/* padding-left: 5px; */
	/* width: 100%; */
	/* height: 32pt; */
	font-size: 8pt;
	font-weight: 250;
	// background-color: lightgrey;
	// background-color: 	#b0e2ff;			// LightSkyBlue1;
	/* background-color: 	#bfefff;				// LightBlue1; */
	color: black;
	/* vertical-align: top; */
	/* text-align: center; */
	text-align: left;	
	/* maxlength:"50"; */
	/* resize: none; */
	// overflow-y: scroll;
	/* overflow: hidden; */
}

.FoAnfLogin {
	border: 1px solid black;
	border-radius: 0px;
	margin-left: 0px;
	/* margin-right: 5px; */
	margin-bottom: 0px;
	margin-top: 0px;
	padding-left: 5px;
	padding-right: 0px;
	width: 100%;
	height: 32pt;
	font-size: 16pt;
	/* font-weight: bold; */
	/* background-color: lightgrey; */
	background-color: pink;
	/* background-color: 	#b0e2ff;					// LightSkyBlue1; */
	/* background-color: 	#bfefff;				// LightBlue1; */
	/* color: grey; */
	color: black;
	/* color: white;		 */
	/* vertical-align: middle; */
	vertical-align: bottom;
	text-align: left;
	/* maxlength:"50"; */
	/* resize: none; */
	/* overflow-y: scroll; */
	/* overflow: hidden; */
	/* float: right; */
}

.FoAnBtnLogin {
	border: 1px solid black;
	border-radius: 3px;
	/* width: 160px; */
	height: 32pt;
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	font-size: 16pt;
	/* vertical-align: middle; */
	vertical-align: top;
	/* background-color: lightgrey; */
	background-color: pink;
	color: red;
	/* float: right; */
	cursor: pointer;
}

/* Responsive design: --------------------------------------------------------------------------------- */
@media screen and (min-width: 300px) {					/* Samrtphones: VOY, ...						*/
	body {
		/* border: 2px solid red; */
		/* width: 390px;									/* Hochformat    */ 
		/* width: 393px;				*/				/* XIAOMI Redmi Note ... [VOY]					*/
		width: 1000px;									/* Querformat    */
		/* background-color: lavender;						/* #90ee90: helles grün							*/ 
		background-color: paleturquoise;	
		/* margin-left: 0px; */
		/* margin-right: 0px; */
		/* margin-top: 0px; */
		/* margin-bottom: 0px; */
		
		margin-left: auto;
		margin-right: auto;
	}

	.WholeSite {
		/* margin-left: 5px; */
		/* margin-right: 5px; */
		margin-left: auto;
		margin-right: auto;		
	}
	
	.WholeSiteLogin {	
		border: 0px solid green;
		width: 390px;			
		/* border: 0px solid red; */
		/* margin-left: auto; */
		/* margin-right: auto; */
	}

	.HeadSchrift {
		/* font-size: 40pt; */
		font-size: 28pt;
	}

	.HeadMenu {
		/* font-size: 32pt; */
		font-size: 24pt;
	}

	.SearchField {
		margin-left: 0px;
		margin-right: 0px;
		padding: 5px;
		width: 185pt;
		height: 32pt;
		font-size: 18pt;
		background-color: Gainsboro;
		color: DarkSlateGray;
		vertical-align: middle;
	}

	.SearchResult {
		font-size: 12pt;
		vertical-align: top;
	}
	
	.SearchResultItem {
		border: 0px solid red;
		width: 135px;
	}
	
	.QuickIconBarBotton {
		width: 29px;
	}

	.QuickIconBarIconImg {
		height: 20px;
		width: 24px;
	}
	
	.HeadEndeText {
		font-size: 28pt;
	}
	
	.TextArea {
		font-size: 12pt;
	}

	.SpCharKeyboard {																
		cursor: pointer;		
		margin-left: -2px;
		margin-right: 0px;
		margin-top: 3px;
		margin-bottom: 0px;
		width: 26px;
		height: 26px;
		color: white;
		background-color: grey;
		font-size: 16pt;
		font-weight: 500;
		border-radius: 3px;
	}

	.ImgFly {																
		width: 64px;
		height: 64px;
		vertical-align: bottom;
		margin-right: 25px;
		margin-top: 60px;
	}

	.ImgUnderConstruction {																
		width: 0px;
		height: 0px;
	}
	
	.settingsTextHeader {
		/* font-size: 14pt; */
	}
	
	.settingsText {
		/* font-size: 14pt; */
	}
	
	.settingsValues {
	font-size: 12pt;
	}
	
	.overlay {
		height: 100%;	
	}
	
	.overlay-content {
	}

	.overlay a {
		padding: 8px;		
		text-decoration: none;	
		font-size: 20px;
	}

	.overlay a:hover, .overlay a:focus {
		color: #f1f1f1;
	}

	.overlay .closebtn {				
	}	
}
	.ContactFullName {
		/* border: 0px solid grey; */
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 5px;
		padding-left: 5px;
		width: 100%;
		height: 28pt;
		font-size: 12pt;
		// font-weight: 550;
		// background-color: lightgrey;
		/* color: grey; */
		// vertical-align: middle;
		/* text-align: left; */
	}

	.ContactMessage {
		/* border: 0px solid grey; */
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 5px;
		width: 100%;
		height: 150pt;
		font-size: 10pt;
		// background-color: lightgrey;
		/* color: grey; */
		// vertical-align: baseline;
		/* resize: none; */
		/* overflow: auto; */
	}

@media screen and (min-width: 800px) {						/* Tablets: TABLETTE, ...						*/
	body {
		/* border: 0px solid blue; */
		/* width: 782px; */
		/* width: 782px;										/* Hochformat     */ */
		width: 1000px;										/* Querformat     */		
		/* background-color: paleturquoise; */
		margin-left: auto;
		margin-right: auto;
	}	

	.WholeSite {
		margin-left: 2px;
		margin-right: 2px;		
	}		
	
	.WholeSiteLogin {	
		width: 780px;			
		/* border: 0px solid red; */
		/* margin-left: auto; */
		/* margin-right: auto; */
	}

	.HeadSchrift {
		/* font-size: 40pt; */
		font-size: 32pt;
	}

	.HeadMenu {
		font-size: 36pt;
	}

	.HeadEndeText {
		font-size: 36pt;
	}
	
	.SearchField {
		margin-left: 2px;
		margin-right: 0px;
		padding: 10px;
		width: 350pt;
		height: 32pt;
		font-size: 24pt;
		background-color: Gainsboro;
		color: DarkSlateGray;
		vertical-align: middle;
	}	
	
	.SearchResult {
		font-size: 12pt;
		vertical-align: top;
	}
	
	.SearchResultItem {
		width: 260px;
	}	

	.QuickIconBarBotton {
		width: 50.5px;
	}
	
	.QuickIconBarIconImg {
		height: 20px;
		width: 32px;
	}	
	
	.ImgFly {																
		width: 64px;
		height: 64px;
		vertical-align: bottom;
		margin-right: 5px;
		margin-top: 3px;
	}

	.ImgUnderConstruction {																
		width: 64px;
		height: 55px;
	}
	
	.TextArea {
		font-size: 14pt;
	}
	
	.SpCharKeyboard {																
		cursor: pointer;
		margin-left: -2px;
		margin-right: 0px;
		margin-top: 3px;
		margin-bottom: 0px;
		width: 32px;
		height: 32px;
		color: white;
		background-color: grey;
		font-size: 18pt;
		font-weight: 500;
	}
		
	.settingsText {
		/* font-size: 14pt; */
		/* color: grey; */
	}

	.settingsValues {
		font-size: 12pt;
	}
	
	.overlay {
		height: 100%;
	}
		
	.overlay-content {		
	}

	.overlay a {
		padding: 8px;		
		text-decoration: none;	
		font-size: 26px;
	}

	.overlay a:hover, .overlay a:focus {
		color: #f1f1f1;
	}

	.overlay .closebtn {				
	}
	
	.Kalender {
		// border: 0px solid black;
		// color: yellow;
		// font-size: 8pt;
		// width: 100%;
	}
	
	.KalZelle0 {									/* Linke obere Ecke der Tabelle		*/
		border: 2px solid red;
		background-color: green;
	}

	.KalZelle00 {									/* Linke obere Ecke der Tabelle		*/
		border: 0px solid red;
		padding-left: 0;
		color: blue;
		background-color: orange;	
		font-size: 10pt;
		font-weight: 900;	
	}

	.KalZelleDatum {								/* Erste Zeile mit dem Tagesdatum	*/
		border: 0px solid pink;
		text-align: left;
		padding-left: 1;
		color: white;
		font-size: 10pt;
		font-weight: 900;
		width: 8%;
		/* height: 36px; */
		background-color: #aa0000;				/* dunkles Rot		*/
		vertical-align: middle;
	}	
	

	.KalNavButtons {							/* 	??? QQQQ			*/
		/* border: 2px solid grey; */
		// font-size: 12pt;
		// font-family: 'Mina';					/* Enthält wohl kein Kyrillisch		*/
		// color: silver;
		// margin-top: 20px;
		// margin-bottom: 20px;
		/* width:56px; */
		/* height:32px; */
		
	}

	.ContactFullName {
		/* border: 0px solid grey; */
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 5px;
		padding-left: 5px;
		width: 100%;
		height: 28pt;
		font-size: 12pt;
		// font-weight: 550;
		// background-color: lightgrey;
		/* color: grey; */
		// vertical-align: middle;
		/* text-align: left; */
		/* font-weight: bold;		 */
	}

	.ContactMessage {
		/* border: 0px solid grey; */
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 5px;
		width: 100%;
		height: 150pt;
		font-size: 10pt;
		// background-color: lightgrey;
		/* color: grey; */
		// vertical-align: baseline;
		/* resize: none; */
		/* overflow: auto; */
	}	

}
		
@media screen and (min-width: 1536px) {			 		/* Desktops: Notebook HP Elitebook [, ...					*/
	body {
		/* border: 0px solid red; */
		width: 1516px;					/* Platz lassen für die vertikale Bildlaufleiste	*/
		/* background-color: white; */
		/* margin-left: auto;			*/
		/* margin-right: auto;			*/
	}	
	
	.WholeSite {
		margin-left: auto;
		margin-right: auto;
	}
	
	.WholeSiteLogin {	
		width: 800px;			
		/* border: 0px solid red; */
		/* margin-left: auto; */
		/* margin-right: auto; */
	}

	.HeadSchrift {
		font-size: 52pt;
	}
				
	.HeadMenu {
		font-size: 36pt;
	}				

	.HeadEndeText {
		font-size: 36pt;
	}
	
	.TextArea {
		font-size: 10pt;
	}	

	.SearchField {
		margin-left: 2px;
		margin-right: 0px;
		padding: 10px;
		width: 345pt;
		height: 32pt;
		font-size: 24pt;
		background-color: Gainsboro;
		color: DarkSlateGray;
		vertical-align: middle;
	}
	
	.SearchResult {
		font-size: 12pt;
		vertical-align: top;
	}
	
	.SearchResultItem {
		width: 270px;
	}
	
	.QuickIconBarBotton {
		width: 49px;
	}

	.QuickIconBarIconImg {
		height: 20px;
		width: 32px;
	}
	
	.ImgFly {																
		width: 58px;
		height: 58px;
		vertical-align: bottom;
		margin-right: 10px;
		margin-top: 75px;				
	}
	
	.ImgUnderConstruction{																
		width: 64px;
		height: 55px;
	}
		
	.settingsTextHeader {
		/* font-size: 14pt; */
		/* color: grey; */
	}

	.settingsText {
		/* font-size: 14pt; */
		/* color: grey; */
	}

	.settingsValues {
		font-size: 12pt;
	}
	
	.overlay {
		height: 100%;
	}
	
	.overlay-content {		
	}

	.overlay a {
		padding: 8px;		
		text-decoration: none;	
		font-size: 20px;
	}

	.overlay a:hover, .overlay a:focus {
		color: #f1f1f1;
	}

	.overlay .closebtn {				
	}	
	
	.Kalender {
		// border: 0px solid black;
		// color: yellow;
		// font-size: 8pt;
		// width: 100%;
	}
	
	.KalZelle0 {									/* Linke obere Ecke der Tabelle		*/
		border: 2px solid red;
		background-color: orange;
	}

	.KalZelle00 {									/* Linke obere Ecke der Tabelle		*/
		border: 0px solid red;
		padding-left: 0;
		color: blue;
		background-color: orange;	
		font-size: 14pt;
		font-weight: 900;	
	}

	.KalZelleDatum {								/* Erste Zeile mit dem Tagesdatum	*/
		border: 0px solid pink;
		text-align: center;
		// padding-left: 2;
		color: white;
		font-size: 12pt;
		font-weight: 900;
		width: 8%;
		/* height: 36px; */
		background-color: #aa0000;					/* dunkles Rot		*/
		vertical-align: middle;
	}

	.ContactFullName {
		/* border: 0px solid grey; */
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 5px;
		padding-left: 5px;
		width: 100%;
		height: 28pt;
		font-size: 14pt;
		// font-weight: 550;
		// background-color: 	#b0e2ff;				// LightSkyBlue1;
		// background-color: 	#bfefff;				// LightBlue1;
		// color: grey;
		// vertical-align: middle;
		/* text-align: left; */
	}

	.ContactMessage {
		/* border: 0px solid grey; */
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 5px;
		width: 100%;
		height: 250pt;
		font-size: 12pt;
		// background-color: 	#b0e2ff;			// LightSkyBlue1;
		// background-color: 	#bfefff;				// LightBlue1;
		// color: grey;
		// vertical-align: baseline;
		/* resize: none; */
		/* overflow: auto; */
	}

}

@media screen and (min-width: 1920px) {			 		/* Desktops: SMEAGOL [1920px, ...					*/
	body {
		/* border: 0px solid red; */
		/* width: 1510px;					/* Platz lassen für die vertikale Bildlaufleiste   */
		width: 1900px;					/* Platz lassen für die vertikale Bildlaufleist   */
		/* background-color: white; */
		/* margin-left: auto;			*/
		/* margin-right: auto;			*/
	}	
	
	.WholeSite {
		margin-left: auto;
		margin-right: auto;
	}
	
	.WholeSiteLogin {	
		width: 800px;			
		/* border: 0px solid red; */
		/* margin-left: auto; */
		/* margin-right: auto; */
	}

	.HeadSchrift {
		font-size: 52pt;
	}
				
	.HeadMenu {
		font-size: 36pt;
	}				

	.HeadEndeText {
		font-size: 36pt;
	}
	
	.TextArea {
		font-size: 10pt;
	}	

	.SearchField {
		margin-left: 2px;
		margin-right: 0px;
		padding: 10px;
		width: 345pt;
		height: 32pt;
		font-size: 24pt;
		background-color: Gainsboro;
		color: DarkSlateGray;
		vertical-align: middle;
	}
	
	.SearchResult {
		font-size: 12pt;
		vertical-align: top;
	}
	
	.SearchResultItem {
		width: 270px;
	}
	
	.QuickIconBarBotton {
		width: 49px;
	}

	.QuickIconBarIconImg {
		height: 20px;
		width: 32px;
	}
	
	.ImgFly {																
		width: 58px;
		height: 58px;
		vertical-align: bottom;
		margin-right: 10px;
		margin-top: 75px;				
	}
	
	.ImgUnderConstruction{																
		width: 64px;
		height: 55px;
	}
		
	.settingsTextHeader {
		/* font-size: 14pt; */
		/* color: grey; */
	}

	.settingsText {
		/* font-size: 14pt; */
		/* color: grey; */
	}

	.settingsValues {
		font-size: 12pt;
	}
	
	.overlay {
		height: 100%;
	}
	
	.overlay-content {		
	}

	.overlay a {
		padding: 8px;		
		text-decoration: none;	
		font-size: 20px;
	}

	.overlay a:hover, .overlay a:focus {
		color: #f1f1f1;
	}

	.overlay .closebtn {				
	}	
	
	.Kalender {
		// border: 0px solid black;
		// color: yellow;
		// font-size: 8pt;
		// width: 100%;
	}
	
	.KalZelle0 {									/* Linke obere Ecke der Tabelle		*/
		border: 2px solid red;
		background-color: orange;
	}

	.KalZelle00 {									/* Linke obere Ecke der Tabelle		*/
		border: 0px solid red;
		padding-left: 0;
		color: blue;
		background-color: orange;	
		font-size: 14pt;
		font-weight: 900;	
	}

	.KalZelleDatum {								/* Erste Zeile mit dem Tagesdatum	*/
		border: 0px solid pink;
		text-align: center;
		// padding-left: 2;
		color: white;
		font-size: 12pt;
		font-weight: 900;
		width: 8%;
		/* height: 36px; */
		background-color: #aa0000;					/* dunkles Rot		*/
		vertical-align: middle;
	}

	.ContactFullName {
		/* border: 0px solid grey; */
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 5px;
		padding-left: 5px;
		width: 100%;
		height: 28pt;
		font-size: 14pt;
		// font-weight: 550;
		// background-color: 	#b0e2ff;				// LightSkyBlue1;
		// background-color: 	#bfefff;				// LightBlue1;
		// color: grey;
		// vertical-align: middle;
		/* text-align: left; */
	}

	.ContactMessage {
		/* border: 0px solid grey; */
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 5px;
		width: 100%;
		height: 250pt;
		font-size: 12pt;
		// background-color: 	#b0e2ff;			// LightSkyBlue1;
		// background-color: 	#bfefff;				// LightBlue1;
		// color: grey;
		// vertical-align: baseline;
		/* resize: none; */
		/* overflow: auto; */
	}

}