#Text01
{
font:bold .6em verdena;
}
#Text02
{
font:.7em sans-serif;
}
#Text03
{
font:.7em sans-serif;
}
#Hpttext
{
font:.9em sans-serif;
}
#UText
{
font:bold 1.5em sans-serif;
}
td
{
font-size: .8em; sans-serif
}
th
{
font-size: .8em; sans-serif
}
body
{
background: #D8D8D8 url("../../hintenlinks.gif") repeat-x right top; }
select
{
	width: 50%;
	padding: 16px 20px;
	margin: 8px 8px;
	border: none
	border-bottom: 2px solid lightblue;
}
input[type=text],input[type=date], input[type=number], input[type=time]
{
	width: 50%;
	padding: 12px 20px;
	margin: 8px 8px;
	box-sizing: border-box;
	border: none;
	border-bottom: 3px solid lightblue;
}

input:focus {background-color: #f1f1f1;}
select:focus {background-color: #f1f1f1;}

.button
{
	background-color: #4CAF50;
	border: 0;
	color: white;
	padding: 16px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	cursor: pointer;
}

.button2
{
	background-color: white;
	color: black;
	border: 2px solid #008CBA;
}

.button2:hover
{
	background-color: #008CBA;
	color: white;
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}
div.container
{
	width: 100%;
	margin: 0px;
	border: 1px solid gray;
	line-height: 150%;
}

div.header
{
	padding: 0.5em;
	color: white;
	background-color: gray;
	clear: right;
}

div.footer
{
	padding: 0.5em;
	color: white;
	background-color: tomato;
	clear: right;
}
h1.header
{
	padding: 0;
	margin: 0;
}

div.left
{
	float: left;
	width: 28%;
	margin: 0;
	padding: 1em;
}

div.content
{
	margin-left: 35%;
	border-left: 1px solid gray;
	padding: 1em;
}

label 
{
	display: block;
	float: left;
	width: 35%;
}
ul 
{
    list-style-type: none;
    margin: 1;
    padding: 0;
    width: 100%;
    background-color: #f1f1f1;
	height: 100%; /* Full height */
    position: fixed; /* Make it stick, even on scroll */
    overflow: auto; /* Enable scrolling if the sidenav has too much content */
}
li a 
{
    display: block;
    color: #000;
    padding: 8px 0 8px 16px;
    text-decoration: none;
}
li a.active 
{
    background-color: #4CAF50;
    color: white;
}
li a:hover:not(.active) {
    background-color: #555;
    color: white;
}
