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

body, html { 
	margin:0em; 
	padding:0em; 
	background-color:#FFFFFF;
	height:100%;
	font-size:1em;
}
img,p {
	border: none;
	margin: 0;
	padding:0;
}
input, text-area, select {
	border:0.1em solid #ddd;
	font:400 0.8em "db sans";
	padding:0.4em;
}
.activ {
	font-weight:bold;
}

#thisbody {
	display:flex;
	min-height:100%;
	flex-direction: column;
	display: -ms-flexbox; /*IE 10*/
	-ms-flex-direction: column; /*IE 10*/
}
#header {
	background-color:#fff;
	height:6.5em;
}
	#logo {
		margin-top:0px;
		padding-top:1.7em;
		padding-left:2em;
		float:left;
	}
	#logo img{
		height:3em;		
	}
	#titel {
		padding-top:1.5em;
		padding-bottom:1.0em;
		padding-left:5em;
		color:#000000;
		font-size: 1.5em;
		font-family:office;
		font-weight: bold;
	}
#navigation {
	background-color:#f01414;
	padding-top:0.5em;
	padding-bottom:0.5em;
}
	#navigation span {
		display:inline;
	}
	#navigation ul {
		display:inline;
	}
	#navigation a{
		text-decoration: none;
		font-family:"db sans condensed","arial narrow";
		font-size:1.2em;
		color:#000;
	}
	#navigation li {
		display:inline;
		padding:0.5em;
	}
	#navigation li:hover {
		font-weight:bold;
		text-decoration:underline;
	}
	#user {
		text-align:right;
		margin-top:-1.5em;
		padding-right:1em;
		font-family:"db sans condensed","arial narrow";
	}
	
#hauptfeld {
	flex: 1 100%;
	font-family:"db sans","arial";
	font-size:1.0em;
	padding:0.5em;
	max-height:100%;
	display:flex;
	flex-direction: row;
	display: -ms-flexbox; /*IE 10*/
	-ms-flex-direction: row; /*IE 10*/
	-ms-flex: 40em;
}
#hauptfeld a {
	text-decoration:none;
	color:#000;
}
#hauptfeld a:hover {
	font-weight:bold;
	text-decoration:underline;
}
	#aside {
		font-size:1em;
		width:25em;
		padding:0.5em 0.2em 0 0.2em;
		background-color:#f8f8f8;
		border-radius: 3px 15px 5px 15px;
	}
	#aside img {
		vertical-align: text-top;
	}
	#aside input {
		text-align:center;
		margin:0 0.5em;
	}
	#aside ul {
		margin:0;padding:0;
		list-style:none;
	}
	#aside li {
		background-color:#e8e7e9;
		border-radius: 0.3em;  
		margin:0.2em;padding:0.2em 0.8em;
	}
	#aside li:hover {
		background-color:#d2d4d3;
	}
	#aside li li {
		background-color:#fbb;
		border-radius: 0.3em;  
		margin:0.2em;padding:0.2em;
	}
	#aside li li:hover {
		background-color:#c9c9c9;
	}
		#zugnummern ul, #zugnummern li{
			padding:0.5em;
		}
		#zugnummern li:hover {
			background-color:#999;
		}
	.kleiner {
		font-size:0.8em;
	}

	#mein {
		flex:1 100%;
		-ms-flex:1 100%; /*IE 10*/
		padding-left:0.5em;
		font-size:1em;
	}
		#kasterl {
			background-color:#bbb;
			width:45em;
			height:auto;
			text-align:center;
			float:left;
			margin-left:0.5em;
			border-radius:5px 5px;
		}
		#relationen {
			width:25em;
			float:left;
			height:20em;
			overflow:auto;
		}
		#relationen ul, #relationen li{
			padding:0.5em;
			margin:0em;
			list-style:none;
		}
		#relationen li:hover {
			background-color:#999;
		}
		#kalender {
			width:21.2em;
			float:left;
			padding:0.5em;
			
		}
		#kalender p {
			padding:0.5em;
			font-size:1.2em;
			clear:both;
		}
			#wt {
				float:left;
				background-color:#aaa;
				width:2.5em;
				height:1.2em;
				border:1px dotted black;
				padding:0.5em 0.2em;
			}
			#wt input {
				margin:0;padding:0;font-size:0.5em;
			}
		
		#zeili {
			background-color:#ccc;
			padding:0.2em;
		}
		#zeili ul {
			display:inline;
			list-style:none;
		}
		#zeili ul li:hover > ul {
			top:41.1em;
			left:46em;
			position:absolute;
			
		}
		#zeili ul ul {
			display:block;
			overflow:hidden;
			position:absolute;
			top:-99em;
			left:-99em;
			padding:0em 2em 0 2em;
			background-color:#777;
			z-index:2;
		}
		#zeili ul ul li {
			padding:0.5em 0 0.5em 0;
		}

	#listung{
		margin-left:3em;
		padding:3px;
		width:95%;
		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;
	}
	
	
	
#footer {
	height:5em;
}
	.sign {
		text-align:left;
		font-family:office;
		font-size: 80%;
		color:#444;
		margin-top:5em;
		
	}
	.regname {
		font-family: "db sans alternate","arial black";
		font-weight: bold;
		font-style: italic;
		font-size:2em;
		color: #bbb;
		text-align:right;
		margin-bottom: 0.2em;
		margin-right: 0.4em;
		margin-top:-1.5em;
		
	}