@charset "utf-8";

body {
	margin:0px;
	font-family:'Roboto-Bold';
	overflow:hidden;
	background-color:#e20b13;
}


.tab-red,.tab-hover-red:hover{
	color:#fff!important;
	background-color:#f44336!important
}
.tab-black,.tab-hover-black:hover{
	color:#fff!important;
	background-color:#4b4b4b!important
}
.tab-bar-item{
	padding:8px 16px;
	float:left;
	width:auto;
	border:none;
	display:block;
	outline:0
}
.tab-button:hover{
	color:#000!important;
	background-color:#ccc!important
}
.tab-button{
	border:none;
	display:inline-block;
	padding:8px 16px;
	vertical-align:middle;
	overflow:hidden;
	text-decoration:none;
	color:inherit;background-color:inherit;
	text-align:center;
	cursor:pointer;
	white-space:nowrap;
	font-size:12pt;
	font-size: 3.0vw;
}
.tab-button{
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}   
.tab-button:disabled{
	cursor:not-allowed;
	opacity:0.3
}

.tab-container{
	
}

.tab-bar{
	width:100%;
	max-width:1500px;
	overflow:hidden;
}
.tab-border{
	/*border:1px solid #ccc!important*/
}

.fiftyFiftyMarg{margin:0 auto;
height:100%;
width:100%


}


div#right {
	z-index:9;
	position:absolute;
	bottom:1%;
	right:1%;
	width:100%;
	padding:7px 10px 7px 5px;
}




div#logo {
	position:absolute;
	bottom:1%;
	left:5%;
	width:15%;
}


div#statusboxcars,div#statusbox {
	position:absolute;
	bottom:1%;
	right:1%;
	width:60%;
	font-size: 4.0vw;
	padding:2px 2px 2px 2px;
	background-color: #e5edff;
	box-shadow: 5px 5px 5px #C3C3C3;
	border-radius: 10px;	
}


div#statusboxcars table ,div#statusbox table  {
	border-radius: 10px;
}

.available_at_station {
	/*background-color:rgba(113,171,37,0.6);*/
	color: green;
}

.available_via_radio, .reserved_via_radio {
	background-color:rgba(186,219,86,0.6);
}

.alarmed_at_station, .alarmed_via_radio {
	color: green;
}

.on_the_way {
	color: orange;
}

.arrived_at_event,.arrived {
	color: red;
}

.not_available {
	color: black;
	text-decoration-line:line-through;
}


div#bevorstehend li {
	margin:10px 0px 10px 30px;
}

div#bevorstehend h2 {
	margin:0px;
	padding:0px;
	text-align:center;
	margin-top:10px;
}

div#einsatzinfo {
	z-index:9;
	width:100%;
	color:#FFF;
	padding:3px;
}

div#einsatzinfo h1, h2, h3, h4, h6 {
	padding:0px;
	margin:0px;
	text-align:center;
	font-family:'Roboto-Regular';
}

div#einsatzinfo hr {
	padding:0px;
	border:2px solid #FFF;
	width:95%;
	margin:0px auto;
}

div#einsatzinfo h1 {
	padding:10px 0px 10px 0px;
	font-family:'Roboto-Bold';
	font-size:24pt;
	font-size: 5.5vw;
}

div#einsatzinfo h6 {
	padding:0px 0px 10px 0px;
	font-family:'Roboto-Bold';
	font-size: 30px;
    font-size: 7.0vw;
}

div#einsatzinfo h2 {
	padding:10px 0px 10px 0px;
	font-family:'Roboto-Medium';
	font-size:18pt;
	font-size: 4.5vw;
}

div#einsatzinfo h3 {
	padding:10px 0px 10px 0px;
	font-family:'Roboto-Bold';
	font-size:24pt;
	font-size: 4.0vw;
}

div#einsatzinfo h4 {
	padding:10px 0px 10px 0px;
	font-family:'Roboto-Regular';
	font-size:16pt;
	font-size: 3.5vw;
}
div#einsatzinfo h5 {
	padding:10px 0px 10px 0px;
	font-family:'Roboto-Regular';
	font-size:12pt;
	font-size: 3.0vw;
}
div#einsatzinfo h6 {
	font-family:'Roboto-Regular';
	font-size:10pt;
	font-size: 3.0vw;
}

div#einsatzinfo h7 {
	font-family:'Roboto-Regular';
	font-size:8pt;
	font-size: 3.0vw;
}


div#map1 {
display:none;
z-index:1;
}

div#mapdiv, div#watermapdiv{
	height:90%;
	position:absolute;	
	top:8;
	right:2%;
	z-index:1;
	width:96%;
}

div#maprightdiv{
	height:100%;
	top:8;
	right:2%;
	z-index:1;
	width:96%;
}

div#mapfulldiv{
	height:100%;
	top:8;
	right:2%;
	z-index:1;
	width:96%;
}

div#mapdiv1 {
	height:92%;
	position:absolute;	
	top:4%;
	left:2%;
	z-index:1;
	width:47.5%;
}
div#carsmapdiv{
	height:75%;
	position:absolute;	
	top:8;
	right:2%;
	z-index:1;
	width:96%;
}


#OpenLayers_Control_Zoom_5, #OpenLayers_Control_Attribution_7, div.olControlAttribution {
	/*display:none;*/
}

#OpenLayers_Control_Attribution_7, div.olControlAttribution {
	display:none;
}


div#OpenLayers_Control_Attribution_84 {
	display:none;
}

div#lage {
	position:absolute;
	bottom:1%;
	left:2%;
	width:96%;
	padding-top:5px;
	color:#FFF;
	background-color:rgba(0,0,0,0.75);
	background-color:rgba(255,0,0,1);
	z-index:9;
	text-align:center;
	font-size:20pt;
	font-style:italic;
	font-family:'Roboto-Medium';
}


.btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}