#invisible{
	display:none;
}
html { /*height: 100%;*/ }

body{
	 width:100%;
	 height:100%;
	 min-height: 100%;
	 margin-left: 0px;
	 margin-right:0px;
	margin-top:-20px;
	background: #424242;
	/*background:#373c3a;*/
	overflow-x: hidden;
}
#menubar{
	position:fixed;
	left:0px;
	top:1px;
	right:0px;
	height:31px;   
	border-bottom:1px white solid;
	z-index:1;
}

#navigation{
	position:fixed;
	left:0px;
	top:0px;
	right:0px;
	z-index:1000;
	margin-top:-20px;
	display:none;
}

button{
		margin-top:0px;
		margin-left:-4px;   
		padding-left:0px;
		color:#424242;
		background-color:#bbbbbb;
  	 	-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		width:20%;
		height:30px;
		font-style:italic;
		font-weight:bold;
		font-family:Verdana;
}

button:hover{
		color:white;
		background: url(images/righthover.png);
		cursor:pointer;
}

.imgs{
 opacity:0.5;
 filter:alpha(opacity=50); /* For IE8 and earlier */  
}

.imgs:hover{
	cursor:pointer;
}


.active{
 opacity:1;
 filter:alpha(opacity=100); /* For IE8 and earlier */  
}

.active:hover{
	cursor:pointer;
}

.silverline{
	background-color:silver;
	height:2px;
	z-index:100;
	display:none;
}



#centerbg{
	position:absolute;
	width:1080px;
	height:600px;
	left:50%;
	top:50%;
	margin-left:-540px;  
	margin-top:-300px;
	background-color:darkblue;
	z-index:0;
	display:none;
}

#mainbackground{
	left:0px;
	width:100%;
	
;                               
	position:absolute;
	  
	height:1000px;	
	
	top:50%;
	
	margin-top:-500px;
	z-index:0;
	display:none;
}

#mainscreen{
                              
	position:absolute;
	width:1000px;           
	height:550px;
	border:2px white solid;   
	left:50%; 
	top:50%;
	margin-left:-500px;
	margin-top:-255px;
	/*background-color:#a7cefa;     */        
	/*background:linear-gradient(189deg, rgba(46,46,46,1) 0%, rgba(81,81,142,1) 2%, rgba(80,83,149,1) 8%, rgba(78,85,157,1) 45%, rgba(65,153,225,1) 100%);  */                        
	background: linear-gradient(to top, #4a708b -5%, gray 95%);  
	/*background-color: #2b73c4;     */               
	z-index:1;
}

#rahmen{
	/**zoom:90%;*/
	-webkit-transform: scale(0.90); 
	-moz-transform: scale(0.90); 
	-o-transform: scale(0.90); 
	-ms-transform: scale(0.90); 
	transform: scale(0.90); 
	position:absolute;
	left:50%;
	top:50%;
	width: 1200px;
	height: 840px;
	/*background-color:#373c3a;*/
	margin-top: -420px;
	margin-left: -600px;
	/*border: 2px solid white;*/
	background:transparent;
}

#lebleu{
	 /*zoom:90%; */
	position:absolute;   
	left:50%;
	top:50%;
	margin-top: -355px;
	margin-left: -540px;
	width: 1080px;
	height: 710px;
	color:white;
	background-color:#0000ff;
	z-index:1;  
	border: 3px solid white;
}

#kopf{
	position:absolute;
	left:-30px;
	top:-20px;
	height:100px;
	width:1080px;
	color:white;
	font-weight:bold;
	font-style: italic;
	font-family:Arial;
	font-size: 20pt;
	line-height:100px;	
}

#pressure{
	position:absolute;
	left:40px;
	top:27px;
	width:400px;
	height:80px;
	font-weight:bold;
	
	font-family:Arial;
	font-size: 28pt;
	color:lightgreen;	
}

#consum{
	position:absolute;
	left:0px;
	top:27px;
	width:1060px;
	height:80px;
	font-weight:bold;
	
	font-family:Arial;
	font-size: 28pt;
	color:lightblue;	
}

#footer{
	position:absolute;
	left:0px;
	top: 655px;
	height: 60px;
	line-height: 60px;
	width: 1080px;
	color:white;
	font-weight:bold;
	font-style: italic;
	font-family:Arial;
	font-size: 17pt;
}

#leftbar{
	position:absolute;
	left:0px;
	width:40px;
	background-color: #bfbfbf;
	top:100px;
	height: 553px;
}

#rightbar{
	position:absolute;
	left:1040px;
	width:40px;
	background-color: #bfbfbf;
	top:100px;
	height: 553px;
}

#whitelinetop{
	position:absolute;
	left:0px;
	width:1080px;
	height:3px;
	background-color:white;
	top:100px;
	z-index:200;
}

#whitelinebottom{
	position:absolute;
	left:0px;
	width:1080px;
	height:3px;
	background-color:white;
	top:652px;
	z-index:200;
}

#whitelineleft{
	position:absolute;
	left:40px;
	width:3px;
	background-color: white;
	top:100px;
	height: 553px;
	z-index:200;
}

#whitelineright{
	position:absolute;
	left:1040px;
	width:3px;
	background-color: white;
	top:100px;
	height: 553px;
	z-index:200;
}

#trenner1{
	position:absolute;
	left:0px;
	top:178px;
	width:38px;
	height:3px;
	background-color:black;
}
#trenner2{
	position:absolute;
	left:0px;
	top:253px;
	width:38px;
	height:3px;
	background-color:black;
}
#trenner3{
	position:absolute;
	left:0px;
	top:328px;
	width:38px;
	height:3px;
	background-color:black;
}
#trenner4{
	position:absolute;
	left:0px;
	top:403px;
	width:38px;
	height:3px;
	background-color:black;
}

#trenner5{
	position:absolute;
	left:1042px;
	top:178px;
	width:38px;
	height:3px;
	background-color:black;
}
#trenner6{
	position:absolute;
	left:1042px;
	top:253px;
	width:38px;
	height:3px;
	background-color:black;
}
#trenner7{
	position:absolute;
	left:1042px;
	top:328px;
	width:38px;
	height:3px;
	background-color:black;
}
#trenner8{
	position:absolute;
	left:1042px;
	top:403px;
	width:38px;
	height:3px;
	background-color:black;
}


#innerscreen{
	position:absolute;
	width:810px;
	height:500px;

	left:5px;
	top:5px;

	z-index:10;
}

#compfield{
	position:absolute;
	left:0px;
	top:10px;
	width:800px;
	height:500px;
	z-index:20;
	margin-top:10px;
	
}

.fields{
	position:absolute;
	bottom:-113px;
	left:-2px;
	width:165px;
	height:50px;

	border: 1px white solid;     
	font-family:Arial;
	font-size: 11pt;
	display:none;
	color:black;
}

#field1{
	left:-2px;
	width:167px;
	display:none;
}

#field2{
	left:166px;
	display:none;
}

#field3{
	left:332px;
	display:none;
	
}

#field4{
	left:498px;
	display:none;
}

#field5{
	left:664px;
	width:167px;
	display:none;
}

#field6{
	left:832px;
	width:168px;
	display:none;
}



.aepanel{
	width:174px;
	height:70px;
	background-color:white;
	border: 1px white solid;     
	border-radius: 6px;
	z-index:10;
	left:818px;
	font-family:Arial;
	font-size: 12pt;
	color:black;
	/* background: url(images/aepanelnorm.png); */ 
	line-height:30px;
}

.aepanel:hover{
	/*background: url(images/righthover.png);  */
	background-color:powderblue;
	
}


.vpanel{
	width:180px;
	height:90px;
	background-color:darkblue;
	border: none;
	border-right:none;
	z-index:10;
	right:0px;
	color:white;
	font-family:Arial;
	font-size:12pt;
	line-height:40px;
	padding-top:5px;
}

#status{
	position:absolute;
	top:0px;
	
}

#ae1{
	position:absolute;
	top:5px;	
}

#version{
	position:absolute;
	top: 570px;
	height:20px;
	left: -35px;
	width: 200px;
	
	font-family:Arial;
	font-size:14px;       
	font-weight:bold;
	color: white;
}


#ae2{
	position:absolute;
	top:80px;
	
}

#ae3{
	position:absolute;
	top:155px;
	
}

#ae4{
	position:absolute;
	top:230px;
	
}

#pfeil{
	position:absolute;
	bottom:200px;
	right: 10px;
	line-height:25px;
	height:25px;
	font-family:Arial;
	color:white;
}


#sensoren{
	position:absolute;
	bottom:0px;
	border:none;
	background: url(images/rightdarkbluenorm.png);  
	background-color:darkblue;
	color:white;
	padding-right:0px;
	line-height:70px;
	width:180px;
}
#sensoren:hover{
	background: url(images/righthover.png);
	background-color:powderblue;
	cursor:pointer;
	color:black;
}


#funktion{
	position:absolute;
	bottom:70px;
	border:none;  
	background: url(images/rightroyalbluenorm.png);  
	background-color:royalblue;
	color:white;
	padding-right:0px;
	line-height:70px;
	width:180px;
}
#funktion:hover{
	background: url(images/righthover.png);
	background-color:powderblue;
	cursor:pointer;
	color:black;
}

#program{
	position:absolute;
	bottom:140px;
	border:none; 
	padding-right:0px;
	line-height:70px; 
	width:180px;
	background: url(images/rightsilvernorm.png);  
	color:black;
}

#program:hover{
	background: url(images/righthover.png);
	background-color:powderblue;
	cursor:pointer;
	color:black;
}



.nr{

	width:40px;
	height:75px;

	position:absolute;
	right:-40px;
	z-index:20;
	color:black;
	font-family:Arial;
	font-size: 14pt;
	font-weight:bold;
	
}



#nr1{
	top:20px;	
}



#nr2{
	top:95px;
}
#nr3{
	top:170px;
}
#nr4{
	top:245px;
}

.nrpanel{
	
	width:40px;
	height:75px;
	
	position:absolute;
	left:-40px;
	z-index:20;
	color:black;
	font-family:Arial;
	font-size: 14pt;
	font-weight:bold;
	
}

#druckprofilpanel{
	top:20px;	
}
#rangprofilpanel{
	top:95px;	
}
#clockpanel{
	top:170px;	
}
#progpanel{
	top:250px;	
}

.bottompanel{
	
	background-color:silver;

	font-family:Arial;
	font-size:12pt;
	color:white;
	height:70px;
	width:109px;
	bottom:0px;
	z-index:10;
	position:absolute;
	line-height:70px;
	border:2px solid black;
	margin-left:-2px;
	margin-bottom:-2px;

}
.bpselected{
	background: url(images/righthover.png);
}

.bottompanel:hover{
	background: url(images/righthover.png);
	background-color:powderblue;
	cursor:pointer;
	color:black;
}

.bottompanel_clicked{
	background: url(images/righthover.png);
	background-color:powderblue;
	cursor:pointer;
	color:white;
}

#o5{
	left:0px;
}

#o6{
	left:109px;
}

#o7{
	left:218px;
}

#o8{
	left:327px;
}

#o9{
	left:436px;
}

#o10{
	left:545px;
	width:121px;
}

#o11{
	left:663px;
	width:121px;
}

.cell{
	position:relative;
	with:100%;
	height:81px;

}

.c_img{
	position:absolute;
	left:50%;
	top:0px;
	z-index:100;
	margin-left:-59px;
	border: solid 1px white;
}



.knr{
	position:absolute;
	left:50%;top:27px;
	z-index:101;
	margin-left:-55px;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	color:black;
}

.c_state{
	position:absolute;
	right:50%;
	top:56px;
	z-index:101;
	margin-right:3px;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	color:black;
}

.symbol{
	position:absolute;
	right:50%;
	top:7px;
	z-index:101;
	margin-right:-60px;
}

.offset{
	position:absolute;
	right:50%;
	top:33px;
	z-index:105;

	display:none;
}

.symbol:hover{
	cursor:pointer;
}

#time{
	position:absolute;
	right: 0px;
	bottom:40px;
	width:180px;
	height:20px;
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	color:white;
	z-index:30;
}

#profiles{
	position:absolute;
	right: 0px;
	bottom:100px;
	width:180px;
	height:20px;
	font-family:Arial;
	font-size:12px;
	color:white;
	z-index:30;
}

#schaltstatus{
	position:absolute;
	right: 0px;
	bottom:100px;
	width:180px;
	height:40px;
	font-family:Arial;
	font-size:25px;
	font-weight:bold;
	color:lightblue;
	z-index:30;
}

.liefer{
	position:absolute;
	left:50%;
	top:84px;
	margin-left:-60px ;
	z-index:101;
	color:white;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	width:135px;
	font-style:italic;
	visibility:hidden;
}

.label{
	position:absolute;
	left:50%;
	top:-15px;
	margin-left:-60px ;
	z-index:101;
	color:white;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	width:135px;
}


.fu{
	position:absolute;
	left:50%;
	top:58px;
	margin-left:-1px ;   
	z-index:101;
	color:black;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	width:75px;
	background-color:white;
	line-height:12px;
	/*height:12px;*/
}

.fufill{
	position:absolute;
	left:50%;
	top:58px;
	margin-left:-1px ;   
	z-index:101;
	color:black;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	width:0px;
	background-color: #3bdc83;

	line-height:12px;
	/*height:12px;*/
}

#aedialog{
	position:absolute;
	left:20px;
	right:200px;
	top:20px;
	bottom:90px;
	z-index:300;
	background-color:silver;
	border:solid 1px black;
	display:none;
}



#aedialoghead{
	position:absolute;
	left:0px;
	top:0px;
	height:25px;
	width:100%;
	background-color:darkblue;
	font-family:Arial;
	font-size:14px;
	font-weight: bold;
	color:white;
	line-height:25px;
	border-bottom:solid 1px black;

}

#aedialogcontent{
	position:absolute;
	top:25px;
	left:0px;
	width:100%;
	bottom:0px;
	background-color:royalblue;
}

#sensorlistdialog{
	position:absolute;
	left:20px;
	right:200px;
	top:20px;
	bottom:90px;
	z-index:300;
	background-color:royalblue;
	border:solid 1px white;
	display:none;
}

#sensorlistdialogcontent{
	position:absolute;
	top:25px;
	left:0px;
	width:100%;
	bottom:0px;
	background-color:royalblue;
}

#alarmdialog{
	position:absolute;
	left:180px;
	top:100px;

	width:500px;
	height:300px;
	z-index:500;
	background:red;
	border:solid 1px white;
	display:none;
}

#alarmdialogcontent{
	position:absolute;
	top:26px;
	left:0px;
	right:0px;
	bottom:28px;
	background-color:red;
	z-index:501;
	overflow:auto;
}

#alarmtext{
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	font-family:Arial;
	font-size:14px;
	color:white;
}
#alarmbuttons{
	position:absolute;
	bottom:2px;
	height:25px;
	line-height:25px;
	left:50%;
	width:200px;
	margin-left:-100px;
	right:0px;
	background:silver;
	z-index:500;
	color:black;
	font-family:Arial;  
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;    
}

#alarmbuttons:hover{
	cursor:pointer;
	background:gray;
}


#compressordialog{
	position:absolute;
	left:20px;
	right:200px;
	top:20px;
	bottom:90px;
	z-index:300;
	background-color:silver;
	border:solid 1px black;   
	display:none;
}

#compressordialogcontent{
	position:absolute;
	top:25px;
	left:0px;
	width:100%;
	bottom:0px;
	background-color:silver;
}

#online_window{
	position:absolute;
	left:20px;
	right:20px;
	top:60px;
	bottom:20px;
	z-index:30;
	background-color:white;
	border:solid 1px white;
	display:none;
}

#online_windowcontent{
	position:absolute;
	top:25px;
	left:0px;
	width:100%;
	bottom:0px;
	background-color:white;
}

#online_closer{
	position:absolute;
	right:2px;
	top:4px;
	width:20px;
	height:15px;
	z-index:10000;
	cursor:pointer;
}

#file_window{
	position:absolute;
	left:50%;
	width:310px;
	margin-left:-200px;
	top:60px;
	height:730px;
	z-index:30;
	background-color:white;
	border:solid 1px white;
	display:none;
	cursor:pointer;
}

#file_windowcontent{
	position:absolute;
	top:25px;
	left:0px;
	width:100%;
	bottom:0px;
	background-color:white;
}

#file_closer{
	position:absolute;
	right:2px;
	top:4px;
	width:20px;
	height:15px;
	z-index:10000;
	cursor:pointer;
}

#report_window{
	position:absolute;
	left:20px;
	right:20px;
	top:60px;
	bottom:20px;
	z-index:30;
	background-color:white;
	border:solid 1px white;
	display:none;
}

#report_windowcontent{
	position:absolute;
	top:25px;
	left:0px;
	width:100%;
	bottom:0px;
	background-color:white;
}

#report_closer{
	position:absolute;
	right:2px;
	top:4px;
	width:20px;
	height:15px;
	z-index:10000;
	cursor:pointer;
}


#service_window{
	position:absolute;
	left:50%;
	width:960px;
	top:50%;
	
	height:600px;
	z-index:30;
	background-color:white;
	border:solid 1px white;
	display:none;
	margin-left:-480px;
	margin-top:-280px;
}

#service_windowcontent{
	position:absolute;
	top:25px;
	left:0px;
	width:100%;
	bottom:0px;
	background-color:white;
}

#service_closer{
	position:absolute;
	right:2px;
	top:4px;
	width:20px;
	height:15px;
	z-index:10000;
	cursor:pointer;
}



#diagram_window{
	position:absolute;
	left:20px;
	right:20px;
	top:60px;
	bottom:20px;
	z-index:30;
	background-color:white;
	border:solid 1px white;
	display:none;
}

#diagram_windowcontent{
	position:absolute;
	top:25px;
	left:0px;
	width:100%;
	bottom:0px;
	background-color:white;
}

#diagram_closer{
	position:absolute;
	right:2px;
	top:4px;
	width:20px;
	height:15px;
	z-index:10000;
	cursor:pointer;
}

.station { font-family: Arial;font-size: 12px;font-weight: normal;}

.linefrom{
	position:absolute;
	left:-20px;
	width:58px;
	top: 33px;
	height:7px;
	border-top:2px solid orange;
	border-bottom:2px solid orange;
	background-color:green;
	display:none;
	
}

.lineto{
	position:absolute;
	right:-29px;
	width:55px;
	top: 33px;
	height:7px;
	border-top:2px solid orange;
	border-bottom:2px solid orange;
	background-color:green;
	display:none;
	
}