#hauptfeld {
    font-size:1em;
    font-family: 'condensed';
}

.status {
    font-size:1em;
}

.einlog {
    position:absolute;
    top:40%;
    left:30%;
    width:50%;
    height:13em;
    background-color:rgb(240, 240, 240);
    opacity:0.95;
    box-shadow:0.2em 0.2em 0.2em rgb(189, 189, 189);
    border-radius: 0.2em;
    border: 1px solid rgb(107, 107, 107);
}
.einlog p, .einlog input[type=password], .einlog form {
    font-size:1em;
    font-family: 'db sans alternate';
	padding:0.5em;
	text-align:center;
}
.rot {
	color:red;
}
.einlog input {
	border-radius: 0.2em;
	border:1px solid black;
	font-size:1em;
	font-family: 'office';
	margin:0.1em;
}
.einlog input[type=password] {
	width:80%;
	min-width:6em;
}
.einlog input {
	padding:0.5em;
}

#haupt {
	font-size:0.6em;
	font-family:arial;
	margin:0em; 
    width:100%;
    float:left;
}


#bereich {
	margin-left:0em;
	width:37em; 
	padding:0em 0.2em;
	float:left;
}
#bereich p, #bereich h1, #bereich h2, #bereich h3 {
	font-family:'condensed';
}
#leer{
	height:1.2em;
}

#gleis {
	margin-top:0.4em; 
	height:2.6em;
}
#bez {
	margin-top:0em; 
	padding-top:0em; 
	font-size:150%;
	font-family:office;
	font-weight:bold;
	color:#13b;
	float:left;
	height: 100%;
	border-bottom:1px dotted #111;
}
#bezre {
	margin-top:0em; 
	padding-top:0em; 
	font-size:150%;
	font-family:office;
	font-weight:bold;
	color:#13b;
	float:right;
	height: 100%;
	border-bottom:1px dotted #111;
}
#zug {
	width: 8em;
	height: 100%;
	float:left;
	margin:0 0 0 0.5em;
	border-bottom:1px dotted #111;
	background-color:#fff;
    overflow:hidden;
}
#zugw {
	width: 8em;
	height: 100%;
	float:left;
	margin:0 0 0 0.5em;
	padding-top:0em;
	background-color:#aaa;
	border-bottom:1px dotted #111;
	z-index:-11;
	overflow:hidden;
}
#zugu {
	width: 8em;
	height: 100%;
	float:left;
	margin:0 0 0 0.5em;
	padding-top:0em;
	background-color:#fff;
	border-bottom:1px dotted #fff;
	z-index:-11;
}
#zugkurz {
	width:49%;
	float:left;
	overflow:hidden;
}
#deakt {
	width: 8em;
	height: 100%;
	float:left;
	margin-left:0.5em;
}

#zuginfo {
	display:inline;
}
#zuginfo ul {
	list-style:none;
	padding:0px;
	display:inline;
}
#zuginfo ul li {
	display:inline;
}
#zuginfo ul ul {position:absolute; margin-top:-99em; margin-left:-99em;}
#zuginfo ul li:hover > ul {
	margin-top:0em;
	margin-left:0em;
	background-color:#c6c6c6;
	width:9em;
	border:1px dotted #111;
	opacity: 0.8;
}
#zuginfos{
	font-size: 0.8em;
	font-family:office;
}
.bezeichnung {
	margin-top:-1.9em;
	text-align:center;
	font-size:90%;
	font-weight:bold;
	letter-spacing:0.2em;
	color:#FFF;
}
.werkstatt {
	font-family:office;
	margin-top:0em;
	color:#FFF; 
	font-weight:bold; 
	letter-spacing:0.3em;
	font-size:120%;
	padding-top:0.5em;
}
.urd {
	font-family:office;
	margin-top:0em;
	color:#aaa; 
	font-weight:bold; 
	letter-spacing:0.3em;
	font-size:120%;
	padding-top:1.5em;
}
.znr {
	font-size:0.6em;
	text-align:center;
	padding-top:0.3em;
	padding-bottom:0em;
	margin-bottom:0em;
	width:100%;
}

/*URD Vorrausschau */
#wochenuebersicht {
	margin-left:0.1em;
	margin-top:1em;
	font-family:office;
	font-weight:bold;
	height:20em;
}
#tagtermin {
	background-color:#f6f6f6;
	width:8em;
	padding:0.2em 0.2em 0.2em 0em;
	float:left;
	height:21.8em;
	font-size:80%;
}
#titeltermin {
	background-color:#ccc;
	font-size:90%;
	padding:0.5em 0em;
	color:#444;
	text-align:center;
}
#terminspalte {
	background-color:#f6f6f6;
	width:4em;
	height:25em;
	padding:0.2em;
	float:left;
	text-align:center;
	font-size:70%;
}
#sttermin {
	position:relative;
	background-color:#fff;
	color:#111;
	overflow:hidden;
}
.bezeichnungurd {
	margin-top:-1.9em;
	font-size:110%;
	font-weight:bold;
	letter-spacing:0.2em;
	color:#FFF;
	margin-left:3em;
}
.bezeichnungurdzug {
	margin-top:-1.9em;
	text-align:center;
	font-size:85%;
	font-weight:bold;
	letter-spacing:0.2em;
	color:#FFF;
}
.bezeichnungurdzug a {color:#FFF;}

#sttermin img{
	width:100%;
	height:1.5em;
}
/* URD Vorausschau ENDE*/

@media (min-width: 500px) {
	#haupt {
		font-size:0.8em;
	}
	#bereich {
		padding:0em 0.9em;
		width:37em; 
	}
}@media (min-width: 700px) {
	#haupt {
		font-size:1.1em;
	}
}@media (min-width: 920px) {
	#haupt {
		font-size:1.3em;
	}
	.einlog {
		height:10em;
	}
	.einlog input[type=password] {
		width:20em;
	}
}@media (min-width: 1110px) {
	#haupt {
		font-size:0.9em;
		width:77.6em;
	}
}@media (min-width: 1230px) {
	#haupt {
		font-size:1.0em;
	}
}@media (min-width: 1510px) {
	#haupt {
		font-size:1.25em;
	}
}@media (min-width: 1820px) {
	#haupt {
		font-size:1.5em;
	}
}@media (min-width: 1930px) {
	#haupt {
		font-size:1.6em;
	}
}