@font-face {
	font-family: 'db sans alternate';
	src: url('dbsax36.ttf') format('truetype');
}
@font-face {
	font-family: 'office';
	src: url('pics/dboffbo.ttf') format('truetype');
}
@font-face {
	font-family: 'condensed';
	src: url('pics/dbsan43.ttf') format('truetype');
}

html {
	height:100%;
}

body { 
	margin:0em; 
	padding:0em; 
	background-color:#FFFFFF;
	height:100%;
	font-size:0.1em;
}

img {
	border: none;
	margin: 0;
	padding:0;
}

*{	
	margin:0em; 
	padding:0em;
}

a {
	text-decoration:none;
	color:#000;
}
a:hover {	
	color:#f00;
	font-weight:bold;
}

ul {
	list-style:none;
}

#thisbody {
	min-height:100%;
	position: relative;
	font-family:condensed;
	font-size: 1.5em;
}

#logo {
	position: absolute;
	left:0;
	margin-top:0px;
	padding-top:1.7em;
	padding-left:2em;
}
#logo img{
	height:5px;		
}
#titel {
	padding-top:1.5em;
	padding-bottom:1.5em;
	padding-left:5em;
	color:#000000;
	font-size: 1.2em;
	font-family:office;
	font-weight: bold;
}


#navigation {
	padding-top:0.5em;
	padding-bottom:0.5em;
	box-shadow:0.0em 0.1em 0.2em red;
	position:relative;
	top:0em;
	left:0em;
	background-color:#f00;
}
#navigation a{
	text-decoration: none;
	color:#000;
}
#navigation a:hover{
	color:#000;
	border-bottom:1px #f55;
	font-weight:bold;
	text-decoration:underline;
}
#navigation li {
	display:inline;
	padding:0.5em;
	border-bottom:2px solid #f00;
}
#navigation li:hover {
	border-bottom:2px solid #f55;
}
#navigation span {
	display:inline;
}
#navigation ul {
	margin-left:-99em;
	margin-top:0em;
	display:inline;
}




#footer {
	position:absolute;
	bottom:0px;
	background-color: #fff;
	width:100%;
	z-index:-1;
}
#footer p {
	font-family:office;
	z-index:2;
}
.regname{
	font-family: db sans alternate;
	font-weight: bold;
	font-style: italic;
	font-size:2em;
	color: #bbb;
	text-align:right;
	margin-bottom: 0.2em;
	margin-right: 0.4em;;
}
.sign {
	position: absolute;
	bottom: 0;
	left:0;
	width:100%;
	text-align:left;
	font-family:office;
	font-size: 80%;
	color:#444;
	z-index:-1;
}

#status {
	position:absolute;
	font-size:0.6em;
	left:-29em;
	top:8em;
	background-color:#fdfdfd;
	height:10em;
	width:31em;
	overflow:scroll;
	opacity:0.2;
}

#status:hover {
	left:0em;
	top:8em;
	opacity:0.8;
	z-index:2;
	height:15em;
	background-color:#e9c;
}
#status h4 {
	text-align:center;
	font-size:80%;
}


#hauptfeld {
	padding:0.2em;
}
#hauptfeld h4 {
	
}
#hauptfeld p {
	margin-top:-1.2em;
	text-align:right;
	color:green;
}
#hauptfeld span {
}
#hauptfeld input,select,textarea {
	font-size:1.1em;
	font-family:condensed;
}
#hauptfeld ul {
	width:100%;
	padding:0.2em 0em;
}
#hauptfeld ul ul {
	position:absolute;
	top:-99em;
	left:-99em;
}
#hauptfeld li {
	padding:0.6em 0em 0.6em 0.2em;
}
#hauptfeld li li {
	padding-left:0.6em;
}
#hauptfeld li li li li li {
	padding:0.0em 0em 0.0em 0.2em;
}
#hauptfeld img {
	height:1em;
}
.farbe1 {
	background-color:#bbb;
}
.farbe2 {
	background-color:#ccc;
}
.farbe3 {
	background-color:#ddd;
}
.farbe4 {
	background-color:#eee;
}
.farbe5 {
	background-color:#fff;
}
.eingabefelder {
	height:4em;
}
.kleins {
	float:left;
	margin-right:0.5em;
}



@media (min-width: 200px) {
	body {
		font-size:0.3em;
	}
	#logo img{
		height:10px;
		
	}
}
@media (min-width: 250px) {
	body {
		font-size:0.38em;
	}
	#logo img{
		height:12px;
		
	}
}@media (min-width: 300px) {
	body {
		font-size:0.46em;
	}
	#logo img{
		height:13px;
		
	}
}
@media (min-width: 350px) {
	body {
		font-size:0.55em;
	}
	#logo img{
		height:15px;
		
	}
}
@media (min-width: 370px) {
	body {
		font-size:0.6em;
	}
	#logo img{
		height:22px;
		
	}
}
@media (min-width: 490px) {
	body {
		font-size:0.8em;
	}
	#logo img{
		height:30px;
		
	}
}
@media (min-width: 620px) {
	body {
		font-size:1.0em;
	}
	#logo img{
		height:40px;
		
	}
}
@media (min-width: 740px) {
	body {
		font-size:1.2em;
	}
	#logo img{
		height:45px;
		
	}
}
@media (min-width: 915px) {
	body {
		font-size:1.5em;
	}
	#logo img{
		height:55px;
		
	}
}
@media (min-width: 1220px) {
	body {
		font-size:2em;
	}
	#logo img{
		height:70px;
		
	}
}
@media (min-width: 1300px) {
	body {
		font-size:1.0em;
	}
	#logo img{
		height:35px;
		
	}
	#navigation ul {
		margin-left:0em;
		display:inline;
	}

	#container p {
		width:auto;
		clear:both;
		font-size:1.2em;
	}
}
@media (min-width: 1500px) {
	body {
		font-size:1.1em;
	}
	#logo img{
		height:40px;
		
	}
}
@media (min-width: 1700px) {
	body {
		font-size:1.2em;
	}
	#logo img{
		height:50px;
		
	}

}
@media (min-width: 2000px) {
	body {
		font-size:1.3em;
	}
	#logo img{
		height:60px;
		
	}
	#container {
	}
}