@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;
}

#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.5em;
	font-family:office;
	font-weight: bold;
}
#balkenr {
	height: 1.5em;
	width: 100%;
	background-color:#878c96;
	padding-top: 0em;
	padding-left: 0em;

}
#balkenr p {
	margin-top: 0em;
	padding-left:1em;
	color:#ffffff;
	font-size: 1em;
	font-family:condensed;
	font-weight:bold;
	position:absolute;
	top:2.2em;
}
#balken {
	margin-top: 0em;
	height: 1.5em;
	width: 15em;
	background-color:#878c96;
}

#navigation {
	padding-top:0.5em;
	padding-bottom:0.5em;
	font-size:1.2em;
	font-family:condensed;
	border-bottom: 1px solid #aaa;
	position:absolute;
	top:-99em;
	left:-99em;
}
#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;
}

#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;
	
	left:-22.6em;
	top:6em;
	background-color:#fdfdfd;
	height:1em;
	width:23em;
	overflow:hidden;
	font-family:office;
	font-size:1.6em;
	text-align:center;
	opacity:0.2;
}

#status:hover {
	left:0em;
	top:6em;
	opacity:1;
	z-index:2;
	height:22em;
	background-color:#aaa;
}
#status input {
	font-size:120%;
}
#status h4 {
	text-align:center;
	font-size:120%;
	
}


#hauptfeld {
	font-family:condensed;
	font-size:1em;
}
#hauptfeld p {
	width:9em;
	float:left;
	padding-left:2em;
	font-size:1.6em;
}
#hauptfeld span {
	font-size:1.6em;
	padding-left:0.5em;
}
#hauptfeld input,select,textarea {
	font-size:1.7em;
	font-family:condensed;
}
#container {
	float:left;
}
#container ul {
	margin-top:1em;
	margin-bottom:1em;
}
#container li {
	display:block;
	padding:0.5em;
	line-height:2em;
	background-color:#ddd;
}
#container li:hover {
	background-color:#ccc;
}
#listung{
	margin-left:50px;
	padding:3px;
	width:90%;
	border: solid 1px #aaa;
	font-size:0.8em;
}
#listung td {
	padding:10px;
}
.listunghead {
	background-color:#aaa;
	color:#fff;
	font-weight:bold;
}
.listungfeld2 {
	background-color:#eaeaea;
	color:#000;
}
.listungfeld1 {
	background-color:#dadada;
	color:#000;
}

#kasterl {
	background-color:#bbb;
	width:75em;
	height:auto;
	text-align:center;
	float:left;
	margin-left:0.5em;
}
#zeili {
	background-color:#ccc;
	padding:0.2em;
}
#zeili ul {
	display:inline;
}
#zeili ul li:hover > ul {
	top:0em;
	left:0em;
	position:relative;

}
#zeili ul ul {
	display:block;
	overflow:hidden;
	position:absolute;
	top:-99em;
	left:-99em;
	
	background-color:#777;
	z-index:2;
}
#zeili ul ul li {
	padding:0.5em 0 0.5em 0;
}

#zugnummern, #relationen {
	width:25em;
	float:left;
	height:20em;
	overflow:auto;
}
#kalender {
	width:21.4em;
	float:left;
}
#kalender p {
	padding:0.5em;
	width:20em;
	font-size:1.0em;
}
#zugnummern ul, #zugnummern li, #relationen ul, #relationen li,#kalender {
	padding:0.5em;
}
#zugnummern li:hover, #relationen li:hover {
	background-color:#999;
}
#zugnummern input, #relationen input, #relationen input, #relationen select {
	font-size:1.1em;
}
#eingabefeld {
	border-top:1px solid #777;
	background-color:#777;
	text-align:left;
	line-height:1.8em;
}
#subbmitti {
	padding:0.4em;
}

#wt {
	float:left;
	background-color:#aaa;
	width:2.5em;
	height:1.2em;
	border:1px dotted black;
	padding:0.5em 0.2em;
}

#aktuell {
	float:left;
	background-color:#e1d1d8;
	margin:0.4em;
	width:20em;
	height:48em;
	padding:0.2em;
}

#vorschau {
	float:left;
	background-color:#e1d1d8;
	margin:0.4em;
	width:12em;
	height:12em;
	padding:0.2em;
}
#mitte {
	text-align:center;
	font-size:80%;
}
@media (min-width: 200px) {
	body {
		font-size:0.3em;
	}
	#logo img{
		height:10px;
		
	}
}
@media (min-width: 240px) {
	body {
		font-size:0.4em;
	}
	#logo img{
		height:20px;
		
	}
}
@media (min-width: 340px) {
	body {
		font-size:0.5em;
	}
	#logo img{
		height:22px;
		
	}
}
@media (min-width: 450px) {
	body {
		font-size:0.8em;
	}
	#logo img{
		height:35px;
		
	}
}
@media (min-width: 550px) {
	body {
		font-size:1.0em;
	}
	#logo img{
		height:40px;
		
	}
}
@media (min-width: 660px) {
	body {
		font-size:1.2em;
	}
	#logo img{
		height:45px;
		
	}
}
@media (min-width: 880px) {
	body {
		font-size:1.5em;
	}
	#logo img{
		height:55px;
		
	}
}
@media (min-width: 1100px) {
	body {
		font-size:2em;
	}
	#logo img{
		height:70px;
		
	}
}
@media (min-width: 1300px) {
	body {
		font-size:1.0em;
	}
	#logo img{
		height:35px;
		
	}
	#navigation {
		position:relative;
		top:-2.5em;
		left:0em;
		background-color:#f00;
		
	}
	#navigation span {
		display:inline;
	}
	#navigation ul {
		display:inline;
	}
	#navigation li {
		
	}
	#navigation li:hover {
		
	}
	#balken {background-color:#fff;}
	#balkenr {background-color:#fff;}

	#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 {
	}
}