body {
		font-family: "Bitstream Vera Sans", arial;
		font-size: small;
}

h1 {
		margin-top: 0px;
}

a { 
/* 		color: navy; */
		color: black;
		text-decoration: none;
/* 		font-weight: bold; */
}

a:hover {
		background-color: lightgray;
}

table {
		border-collapse: collapse;
}

th {
		background-color: lightgray;
		padding: 5px;
/* 		padding-left: 10px; */
/* 		padding-right: 20px; */
		border: 1px solid gray;
}

td {
		padding: 5px;
/* 		padding-left: 10px; */
/* 		padding-right: 20px; */
		border: 1px solid gray;
}

input[type="checkbox"]:disabled {
		display: none;
}

#navigator {
/* 		position: fixed; */
/* 		position: absolute; */
/* 		width: 19%; */
/* 		overflow: hidden; */
/* 		overflow: auto; */
/* 		left: 0px; */
/* 		top: 50px; */
		padding-left: 10px;
		background-color: aliceblue;
}
#navigator a { 
		color: black;
		text-decoration: none;
		font-weight: normal;
}

#bereichsdaten th {
		width: 150px;
}

#bereichsdaten td {
		width: 300px;
		border-bottom: 1px solid gray;
}

#login-frame {
	width:100%;
	display: flex;
	justify-content: center;
}

#login {
	position: absolute;
	top: 200px;
	padding: 50px;
	background-color: WhiteSmoke;
	border: 1px solid gray;
}

.overlayHidden {
    display: none;
}
.overlay {
    width: 30em;
    background: coral;
    border: 2px solid;
    border-radius: 0.5em .5em .5em;
    position: fixed;
    top: 20%;
    left: 30%;
    padding: 2%;
}

.rowfilter {
	height: 100%;
	width: 80%;
	font-size: small;
	padding: 0px;
	padding-left: 5%;
	padding-right: 5%;
	border: 0;
	border-radius: 5px;
	margin: 0px;
}

.filtercell {
	font-size: small;
	padding: 0px;
	padding-top: 4px;
	padding-bottom: 3px;
}

.tderror {
	background: lightcoral;
}

.trskip {
	background: #eeeed1;
}

.trupdate {
	background: lightgreen;
}

.trinsert {
	background: lightblue;
}

.tooltip {
	position: relative;
	/*display: inline-block;
	border-bottom: 1px dotted black;*/
}
  
.tooltip .tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: #555;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	margin-left: -60px;
	opacity: 0;
	transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}