:root {
	--main-ctrl-max-width: 35em;
	/*--main-ctrl-max-width: 500px;*/
}
/* selber setzen wollen wir nicht
body,textarea {
	font-family: Verdana, Geneva, sans-serif;
	font-family: Verdana, sans-serif;
	font-size:16px;
} */

/* gleiche Schriftart für die Eingabe wie für die Ausgabe */
textarea {
	font-family: inherit;
	font-size: inherit;
}

.modalDlgLogon {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content */
.modalDlgLogon-content {
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	border: 1px solid #888;
	width: 80%;
}
h1 {
	margin: 0.5em;
}
.cmdBar {
	margin: 1em;
}
#myMasterDetail {
	display: none;
}
.myScrollableTable {
	margin: 1em;
	border: 0.5px solid #f2f2f2;
	height: 200px;
	overflow: auto;
	max-width: 500px; /* default for friggin IE */
	max-width: var(--main-ctrl-max-width);
}
.myNotesTable {
	/* gibt es nicht in CSS
	cellspacing: 0; --> border-spacing
	cellpadding: 1em; --> td padding */

	border-spacing: 0;
	height:      100px;
	overflow:    auto;
	/*max-width:   calc(var(--main-ctrl-max-width) - 1.25em); */
	width: 100%
}
.myScrollableNoteDisplay {
	margin: 1em;
	border: 0.5px solid #f2f2f2;
	height:200px;
	
	overflow:auto;
	max-width: 500px; /* default for friggin IE */
	max-width:var(--main-ctrl-max-width);
}
.selected {
	 background-color: #555555;
	 color: #FFF;
}
tr:nth-child(even) {
	background-color: #f2f2f2
}
tr:nth-child(even).selected {
	background-color: #555555;
}
tr {
	/* --height: 2em;  macht er eh weitgehend selbst */
}
td {
	padding: 10px;
}
#newNoteText {
	margin: 1em;
	width: 500px; /* default for friggin IE */
	width: var(--main-ctrl-max-width);
	max-width: 500px; /* default for friggin IE */
	max-width: var(--main-ctrl-max-width);
	height: 200px;
}
#existingNoteText {
	padding: 10px;
}
#writeMode {
	display: none; /* Hidden by default */
}
.dlgInput {
	margin: 1em;
}

/* Modal Content */
.newPasswordDlg {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 2;    /* Sit on top */
	
	
	padding-top: 100px; /* Location of the box - gle*/
	left: 0;
	top: 0;
	width: 100%;  /* Full width - damit alles grau wird im Hintergrund */
	height: 100%; /* Full height - damit alles grau wird im Hintergrund */
	--overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content */
.newPasswordDlg-content {
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	border: 1px solid #888;
	width: 80%;
}