body { 
	background-color: grey;
        font-family: Verdana, Arial, sans-serif;
        font-size: 3.5mm;
}
.red {
	color: darkred;
}

.number {
	text-align: right;
}
.image_left { 
	border-width:0px;
	float: left;
	display: inline-block;
}

.content  { 
	margin-top: 2.1em;
}

.menubar {
    margin-left: 2mm;
}

.menubar a  { 
	color: black;
	text-decoration: none;
}

.menubutton  { 
}

.menubar .item:hover  { 
	background-color: #ffdd57;
}

.menubar .item   { 
	border-width: 1px;
	border-color: grey;
	border-style: solid;
	padding: 0.2em 2mm 0.2em 2mm;
	color: black;
	float: left;
	background-color: #fff9e5;
	margin-top: 0.1em;
	margin-right: 3px;
}

.menubar {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 2em;
	z-index: 10;
	text-decoration: none;
	background-color: silver;
}

.dialog { 
        margin: 0 auto;
	min-width: 60mm;
        max-width: 120mm;
} 

.dialog input { 
    width: calc(100% - 105px);
}

table {
	border-collapse: collapse;
	border-color: black;
        font-size: 3.5mm;
}

.even {
	background-color: #FFFFCC;
}

.odd {
	background-color: #CCFFFF;
}

.deactivatedUser {
    background-color:lightgray;
}

table th {
	background-color: #008080;
}

table td, table th {
	border-style: solid;
	border-width: 1px;
        padding: 1mm;
}

.frame .header {
	background-color: #008080;
	font-weight: bold;
	margin-bottom: 2px;
	padding-left: 2mm;
        padding-right: 2mm;
}

div .header {
    padding: 1mm 2mm 1mm 2mm;
}

.frame {
	border-width: 1px;
	border-style: solid;
	background-color: darkgrey;
	padding: 2px;
}

a {
    color: #007070;
}