/** Add css rules here for your application. */



@media only screen 

	and (min-width: 1280px) 
	and (max-width: 8000px)
	and (orientation: landscape) {
		/* CSS-Regeln für Landscape-Modus */
		   			   				   
			#windy {
					height:   45%;
					width:    44%;
					position: absolute;
					top:      2%;
					left:     52%;
					/** border-style: solid;*/
					border-width: 1px; 
					border-color: black;
			}	 	   
				   
			#map {
					height:   45%;
					width:    44%;
					position: absolute;
					top:      2%;
					left:     2%;
					/** border-style: solid;*/
					border-width: 1px; 
					border-color: black;
				  }	  
			
			h3 {
			 color:  white;
			  position: absolute;
			  text-align: left;  
			  font: normal 12px tahoma, arial, helvetica, sans-serif;
			  right: 80px;
			/**  bottom: 0px; */
			bottom : 0px;
			}
			
			#test_id 
			{
			 color:  #777777;
			  position: absolute;
			  text-align: left;  
			  font: normal 8px tahoma, arial, helvetica, sans-serif;
			  left: 25px;
			/**  bottom: 0px; */
			bottom : 0px;
			}
			#sat_id { color:  #777777;  position: absolute;  text-align: left;    font: normal 8px tahoma, arial, helvetica, sans-serif;  right: 25px;/**  bottom: 0px; */bottom : 0px;}
			
			#dev_id { color:  #777777;  position: absolute;  text-align: left;    font: normal 8px tahoma, arial, helvetica, sans-serif;  right: 25px;/**  bottom: 0px; */bottom : 20px;}
			
			#testb 
			{
					color: #000000;	
					font: bold 12px tahoma, arial, helvetica, sans-serif;
					text-align: center;
					position: absolute;
					left: 34%;
					bottom:  25px;
					width: 12%;
					height: 26px;
					/**visibility: hidden;*/
			}
			
			
			
			#loop
			{
					color: #000000;	
					font: bold 12px tahoma, arial, helvetica, sans-serif;
					text-align: center;
					position: absolute;
					left: 13%;
					bottom:  265px;
					width: 20%;
					height: 20px;
					/** border-style: solid;*/
			
			}
			
			#time
			{
					color: #000000;	
					font: bold 12px tahoma, arial, helvetica, sans-serif;
					text-align: center;
					position: absolute;
					left: 13%;
					bottom:  240px;
					width: 20%;
					height: 20px;
					/** border-style: solid;*/
			
			}
			
			#lat
			{
					color: #000000;	
					font: bold 12px tahoma, arial, helvetica, sans-serif;
					text-align: center;
					position: absolute;
					left: 13%;
					bottom:  215px;
					width: 20%;
					height: 20px;
					/** border-style: solid;*/
			
			}
			
			#lon
			{
					color: #000000;	
					font: bold 12px tahoma, arial, helvetica, sans-serif;
					text-align: center;
					position: absolute;
					left: 13%;
					bottom:  190px;
					width: 20%;
					height: 20px;
					/** border-style: solid;*/
			}
			
			#alt
			{
					color: #000000;	
					font: bold 12px tahoma, arial, helvetica, sans-serif;
					text-align: center;
					position: absolute;
					left: 13%;
					bottom:  165px;
					width: 20%;
					height: 20px;
					/** border-style: solid;*/
			}
			#track
			{
					color: #000000;	
					font: bold 12px tahoma, arial, helvetica, sans-serif;
					text-align: center;
					position: absolute;
					left: 13%;
					bottom:  140px;
					width: 20%;
					height: 20px;
					/** border-style: solid;*/
			}
			#speed
			{
					color: #000000;	
					font: bold 12px tahoma, arial, helvetica, sans-serif;
					text-align: center;
					position: absolute;
					left: 13%;
					bottom:  115px;
					width: 20%;
					height: 20px;
					/** border-style: solid;*/
			}
			#temp
			{
					color: #000000;	
					font: bold 12px tahoma, arial, helvetica, sans-serif;
					text-align: center;
					position: absolute;
					left: 13%;
					bottom:  90px;
					width: 20%;
					height: 20px;
					/** border-style: solid;*/
			}
			
			#pres
			{
					color: #000000;	
					font: bold 12px tahoma, arial, helvetica, sans-serif;
					text-align: center;
					position: absolute;
					left: 13%;
					bottom:  65px;
					width: 20%;
					height: 20px;
					/** border-style: solid;*/
			}
			
			#gralt
			{
					color: #000000;	
					font: bold 12px tahoma, arial, helvetica, sans-serif;
					text-align: center;
					position: absolute;
					left: 13%;
					bottom:  50px;
					width: 10%;
					height: 20px;
					/** border-style: solid;*/
			}
			
			#guicmd
			{
					color: #000000;	
					font: bold 12px tahoma, arial, helvetica, sans-serif;
					text-align: center;
					position: absolute;
					left: 23%;
					bottom:  50px;
					width: 10%;
					height: 20px;
					/** border-style: solid;*/
			}
			
			#grdir
			{
					color: #000000;	
					font: bold 12px tahoma, arial, helvetica, sans-serif;
					text-align: center;
					position: absolute;
					left: 13%;
					bottom:  25px;
					width: 10%;
					height: 20px;
					/** border-style: solid;*/
			}
			
			#grlat
			{
					visibility: hidden;
					color: #000000;	
					font: bold 12px tahoma, arial, helvetica, sans-serif;
					text-align: center;
					position: absolute;
					left: 13%;
					bottom:  50px;
					width: 20%;
					height: 20px;
					/** border-style: solid;*/
			}
			
			#grlon
			{
					visibility: hidden;
					color: #000000;	
					font: bold 12px tahoma, arial, helvetica, sans-serif;
					text-align: center;
					position: absolute;
					left: 13%;
					bottom:  25px;
					width: 10%;
					height: 20px;
					/** border-style: solid;*/
			}
			
			#grws
			{
					color: #000000;	
					font: bold 12px tahoma, arial, helvetica, sans-serif;
					text-align: center;
					position: absolute;
					left: 23%;
					bottom:  25px;
					width: 10%;
					height: 20px;
					/** border-style: solid;*/
			}
			
			#bgralt
			{
					color: #000000;	
					font: bold 12px tahoma, arial, helvetica, sans-serif;
					text-align: center;
					position: absolute;
					left: 34%;
					bottom:  50px;
					width: 12%;
					height: 26px;
					/** border-style: solid;*/
			
			}
			
			#hot
			{
					color: #000000;	
					font: bold 12px tahoma, arial, helvetica, sans-serif;
					text-align: center;
					position: absolute;
					left: 2%;
					top:  47%;
					width: 44%;
					height: 26px;
					background: light-blue;
					visibility: hidden;
					
			}
			
			#comm1 {
			
					visibility: hidden;	
					left: 2%;
					text-align: center;
					position: absolute;		
					color: #000000;	
					font: bold 12px tahoma, arial, helvetica, sans-serif;		
					width: 44%;
					height: 20px;	
					top:  50%;		
					
			}
			
			
			#WP_1_lati {
			
					left: 52%;
					text-align: center;
					position: absolute;		
					color: #000000;	
					font: bold 12px tahoma, arial, helvetica, sans-serif;		
					width: 20%;
					height: 20px;	
					bottom:  260px;		
					
			}
			
			#WP_1_longi {
			
					left: 76%;
					text-align: center;
					position: absolute;		
					color: #000000;	
					font: bold 12px tahoma, arial, helvetica, sans-serif;		
					width: 20%;
					height: 20px;	
					bottom:  260px;		
					
			}
			
			#WP_2_lati {
			
					left: 52%;
					text-align: center;
					position: absolute;		
					color: #000000;	
					font: bold 12px tahoma, arial, helvetica, sans-serif;		
					width: 20%;
					height: 20px;	
					bottom:  220px;		
					
			}
			
			#WP_2_longi {
			
					left: 76%;
					text-align: center;
					position: absolute;		
					color: #000000;	
					font: bold 12px tahoma, arial, helvetica, sans-serif;		
					width: 20%;
					height: 20px;	
					bottom:  220px;		
					
			}
			
			#WP_3_lati {
			
					left: 52%;
					text-align: center;
					position: absolute;		
					color: #000000;	
					font: bold 12px tahoma, arial, helvetica, sans-serif;		
					width: 20%;
					height: 20px;	
					bottom:  180px;		
					
			}
			
			#WP_3_longi {
			
					left: 76%;
					text-align: center;
					position: absolute;		
					color: #000000;	
					font: bold 12px tahoma, arial, helvetica, sans-serif;		
					width: 20%;
					height: 20px;	
					bottom:  180px;		
					
			}
			
			#WP_4_lati {
			
					left: 52%;
					text-align: center;
					position: absolute;		
					color: #000000;	
					font: bold 12px tahoma, arial, helvetica, sans-serif;		
					width: 20%;
					height: 20px;	
					bottom:  140px;		
					
			}
			
			#WP_4_longi {
			
					left: 76%;
					text-align: center;
					position: absolute;		
					color: #000000;	
					font: bold 12px tahoma, arial, helvetica, sans-serif;		
					width: 20%;
					height: 20px;	
					bottom:  140px;		
					
			}
			
			#WP_5_lati {
			
					left: 52%;
					text-align: center;
					position: absolute;		
					color: #000000;	
					font: bold 12px tahoma, arial, helvetica, sans-serif;		
					width: 20%;
					height: 20px;	
					bottom:  100px;		
					
			}
			
			#WP_5_longi {
			
					left: 76%;
					text-align: center;
					position: absolute;		
					color: #000000;	
					font: bold 12px tahoma, arial, helvetica, sans-serif;		
					width: 20%;
					height: 20px;	
					bottom:  100px;		
					
			}
			
			
			#save_wp
			{
					color: #000000;	
					font: bold 12px tahoma, arial, helvetica, sans-serif;
					text-align: center;
					position: absolute;
					left: 52%;
					bottom:  60px;
					width: 20.5%;
					height: 20px;
					background: light-blue;
					
			}
			
			#execute_wp
			{
					color: #000000;	
					font: bold 12px tahoma, arial, helvetica, sans-serif;
					text-align: center;
					position: absolute;
					left: 76%;
					bottom:  60px;
					width: 20.5%;
					height: 20px;
					background: light-blue;
					
			}
				 
			
			
			#Tit1
			{
					color: #000000;	
					font: bold 12px tahoma, arial, helvetica, sans-serif;
					text-align: center;
					position: absolute;
					left: 2%;
					bottom:  300px;
					width: 44%;
					height: 20px;
					border-style: solid;
			
			}
			
			#WP_Tit
			{
					color: #000000;	
					font: bold 12px tahoma, arial, helvetica, sans-serif;
					text-align: center;
					position: absolute;
					left: 52%;
					bottom:  300px;
					width: 44%;
					height: 20px;
					border-style: solid;
			
			}
			
			
			
			#Info_1
			{
					color: #000000;	
					font: bold 12px tahoma, arial, helvetica, sans-serif;
					position: absolute;
					text-align: center;
					left: 34%;
					bottom:  235px;
					width: 12%;
					height: 50px;
					border-style: solid;
					background: green;
					visibility: hidden;
			}
			
			#Info_2
			{
					color: #000000;	
					font: bold 12px tahoma, arial, helvetica, sans-serif;
					position: absolute;
					text-align: center;
					left: 34%;
					bottom:  165px;
					width: 12%;
					height: 50px;
					border-style: solid;
					background: green;
					visibility: hidden;
			}
			
			#Info_3
			{
					color: #000000;	
					font: bold 12px tahoma, arial, helvetica, sans-serif;
					position: absolute;
					text-align: center;
					left: 34%;
					bottom:  95px;
					width: 12%;
					height: 50px;
					border-style: solid;
					background: green;
					visibility: hidden;
			}
			
			
			#Tit11
			{
					color: #000000;	
					font: bold 12px tahoma, arial, helvetica, sans-serif;
					text-align: center;
					position: absolute;
					left: 2%;
					bottom:  265px;
					width: 11%;
					height: 20px;
					/** border-style: solid;*/
			
			}
			
			#Tit12
			{
					color: #000000;	
					font: bold 12px tahoma, arial, helvetica, sans-serif;
					text-align: center;
					position: absolute;
					left: 2%;
					bottom:  240px;
					width: 11%;
					height: 20px;
					/** border-style: solid;*/
			
			}
			
			#Tit13
			{
					color: #000000;	
					font: bold 12px tahoma, arial, helvetica, sans-serif;
					text-align: center;
					position: absolute;
					left: 2%;
					bottom:  215px;
					width: 11%;
					height: 20px;
					/** border-style: solid;*/
			
			}
			
			#Tit14
			{
					color: #000000;	
					font: bold 12px tahoma, arial, helvetica, sans-serif;
					text-align: center;
					position: absolute;
					left: 2%;
					bottom:  190px;
					width: 11%;
					height: 20px;
					/** border-style: solid;*/
			
			}
			
			#Tit15
			{
					color: #000000;	
					font: bold 12px tahoma, arial, helvetica, sans-serif;
					text-align: center;
					position: absolute;
					left: 2%;
					bottom:  165px;
					width: 11%;
					height: 20px;
					/** border-style: solid;*/
			
			}
			#Tit16
			{
					color: #000000;	
					font: bold 12px tahoma, arial, helvetica, sans-serif;
					text-align: center;
					position: absolute;
					left: 2%;
					bottom:  140px;
					width: 11%;
					height: 20px;
					/** border-style: solid;*/
			
			}
			#Tit17
			{
					color: #000000;	
					font: bold 12px tahoma, arial, helvetica, sans-serif;
					text-align: center;
					position: absolute;
					left: 2%;
					bottom:  115px;
					width: 11%;
					height: 20px;
					/** border-style: solid;*/
			
			}
			#Tit18
			{
					color: #000000;	
					font: bold 12px tahoma, arial, helvetica, sans-serif;
					text-align: center;
					position: absolute;
					left: 2%;
					bottom:  90px;
					width: 11%;
					height: 20px;
					/** border-style: solid;*/
			
			}
			
			#Tit19
			{
					color: #000000;	
					font: bold 12px tahoma, arial, helvetica, sans-serif;
					text-align: center;
					position: absolute;
					left: 2%;
					bottom:  65px;
					width: 11%;
					height: 20px;
					/** border-style: solid;*/
			
			}
			
			#Tit_imp_1
			{
					color: #000000;	
					font: bold 12px tahoma, arial, helvetica, sans-serif;
					text-align: center;
					position: absolute;
					left: 2%;
					bottom:  40px;
					width: 11%;
					height: 20px;
					/** border-style: solid;*/
			
			}
			
			#Tit_imp_2
			{
					color: #000000;	
					font: bold 12px tahoma, arial, helvetica, sans-serif;
					text-align: center;
					position: absolute;
					left: 2%;
					bottom:  15px;
					width: 11%;
					height: 20px;
					/** border-style: solid;*/
			}


}


@media only screen 
  and (min-width: 480px) 
  and (max-width: 1279px)
  and (orientation: landscape) {

	#map {
		height:   40%;
		width:    50%;
		position: absolute;
		top:      5%;
		left:     0%;
		/** border-style: solid;*/
		border-width: 1px; 
		border-color: black;
	  }	

	  #windy {
		height:   40%;
		width:    50%;
		position: absolute;
		top:      5%;
		left:     50%;
		/** border-style: solid;*/
		border-width: 1px; 
		border-color: black;
}	

	  #test_id 
	  {
	   color:  #777777;
		position: absolute;
		text-align: left;  
		font: normal 8px tahoma, arial, helvetica, sans-serif;
		left: 25px;
	  /**  bottom: 0px; */
	  top : 100%;
	  }

	  #sat_id {visibility: hidden; color:  #777777;  position: absolute;  text-align: left;    font: normal 8px tahoma, arial, helvetica, sans-serif;  right: 25px;/**  bottom: 0px; */bottom : 0px;}
			
	  #dev_id {visibility: hidden; color:  #777777;  position: absolute;  text-align: left;    font: normal 8px tahoma, arial, helvetica, sans-serif;  right: 25px;/**  bottom: 0px; */bottom : 20px;}
	  
	  #testb 
	  {
			  color: #000000;	
			  font: bold 12px tahoma, arial, helvetica, sans-serif;
			  text-align: center;
			  position: absolute;
			  right: 2%;
			  top:  110%;
			  width: 30%;
			  height: 26px;
			  /**visibility: hidden;*/
	  }

	  #loop
	  {
			  color: #000000;	
			  font: bold 12px tahoma, arial, helvetica, sans-serif;
			  text-align: center;
			  position: absolute;
			  left: 25%;
			  bottom:  265px;
			  width: 40%;
			  height: 20px;
			  /** border-style: solid;*/
	  
	  }
	  
	  #time
	  {
			  color: #000000;	
			  font: bold 12px tahoma, arial, helvetica, sans-serif;
			  text-align: center;
			  position: absolute;
			  left: 25%;
			  bottom:  240px;
			  width: 40%;
			  height: 20px;
			  /** border-style: solid;*/
	  
	  }
	  
	  #lat
	  {
			  color: #000000;	
			  font: bold 12px tahoma, arial, helvetica, sans-serif;
			  text-align: center;
			  position: absolute;
			  left: 25%;
			  bottom:  215px;
			  width: 40%;
			  height: 20px;
			  /** border-style: solid;*/
	  
	  }
	  
	  #lon
	  {
			  color: #000000;	
			  font: bold 12px tahoma, arial, helvetica, sans-serif;
			  text-align: center;
			  position: absolute;
			  left: 25%;
			  bottom:  190px;
			  width: 40%;
			  height: 20px;
			  /** border-style: solid;*/
	  }
	  
	  #alt
	  {
			  color: #000000;	
			  font: bold 12px tahoma, arial, helvetica, sans-serif;
			  text-align: center;
			  position: absolute;
			  left: 25%;
			  bottom:  165px;
			  width: 40%;
			  height: 20px;
			  /** border-style: solid;*/
	  }
	  #track
	  {
			  color: #000000;	
			  font: bold 12px tahoma, arial, helvetica, sans-serif;
			  text-align: center;
			  position: absolute;
			  left: 25%;
			  bottom:  140px;
			  width: 40%;
			  height: 20px;
			  /** border-style: solid;*/
	  }
	  #speed
	  {
			  color: #000000;	
			  font: bold 12px tahoma, arial, helvetica, sans-serif;
			  text-align: center;
			  position: absolute;
			  left: 25%;
			  bottom:  115px;
			  width: 40%;
			  height: 20px;
			  /** border-style: solid;*/
	  }
	  #temp
	  {
			  color: #000000;	
			  font: bold 12px tahoma, arial, helvetica, sans-serif;
			  text-align: center;
			  position: absolute;
			  left: 25%;
			  bottom:  90px;
			  width: 40%;
			  height: 20px;
			  /** border-style: solid;*/
	  }
	  
	  #pres
	  {
			  color: #000000;	
			  font: bold 12px tahoma, arial, helvetica, sans-serif;
			  text-align: center;
			  position: absolute;
			  left: 25%;
			  bottom:  65px;
			  width: 40%;
			  height: 20px;
			  /** border-style: solid;*/
	  }
	  
	  #gralt
	  {
			  color: #000000;	
			  font: bold 12px tahoma, arial, helvetica, sans-serif;
			  text-align: center;
			  position: absolute;
			  left: 27%;
			  bottom:  45px;
			  width: 15%;
			  height: 20px;
			  /** border-style: solid;*/
	  }
	  
	  #guicmd
	  {
			  color: #000000;	
			  font: bold 12px tahoma, arial, helvetica, sans-serif;
			  text-align: center;
			  position: absolute;
			  left: 47%;
			  bottom:  45px;
			  width: 15%;
			  height: 20px;
			  /** border-style: solid;*/
	  }
	  
	  #grdir
	  {
			  color: #000000;	
			  font: bold 12px tahoma, arial, helvetica, sans-serif;
			  text-align: center;
			  position: absolute;
			  left: 27%;
			  bottom:  10px;
			  width: 15%;
			  height: 20px;
			  /** border-style: solid;*/
	  }
	  
	  #grlat
	  {
			  visibility: hidden;
			  color: #000000;	
			  font: bold 12px tahoma, arial, helvetica, sans-serif;
			  text-align: center;
			  position: absolute;
			  left: 13%;
			  bottom:  50px;
			  width: 20%;
			  height: 20px;
			  /** border-style: solid;*/
	  }
	  
	  #grlon
	  {
			  visibility: hidden;
			  color: #000000;	
			  font: bold 12px tahoma, arial, helvetica, sans-serif;
			  text-align: center;
			  position: absolute;
			  left: 13%;
			  bottom:  25px;
			  width: 10%;
			  height: 20px;
			  /** border-style: solid;*/
	  }
	  
	  #grws
	  {
			  color: #000000;	
			  font: bold 12px tahoma, arial, helvetica, sans-serif;
			  text-align: center;
			  position: absolute;
			  left: 47%;
			  bottom:  10px;
			  width: 15%;
			  height: 20px;
			  /** border-style: solid;*/
	  }
	  
	  #bgralt
	  {
			  color: #000000;	
			  font: bold 12px tahoma, arial, helvetica, sans-serif;
			  text-align: center;
			  position: absolute;
			  right: 2%;
			  bottom:  45px;
			  width: 30%;
			  height: 26px;
			  /** border-style: solid;*/
	  
	  }
	  
	  #hot
	  {
			  color: #000000;	
			  font: bold 12px tahoma, arial, helvetica, sans-serif;
			  text-align: center;
			  position: absolute;
			  left: 0%;
			  top:  45%;
			  width: 100%;
			  height: 26px;
			  background: light-blue;
			  visibility: hidden;
			  
	  }
	  
	  #comm1 {
	  
			  visibility: hidden;	
			  left: 3%;
			  text-align: center;
			  position: absolute;		
			  color: #000000;	
			  font: bold 12px tahoma, arial, helvetica, sans-serif;		
			  width: 92%;
			  height: 20px;	
			  top:  50%;		
			  
	  }



	  #WP_1_lati, #WP_1_longi,
	  #WP_2_lati, #WP_2_longi,
	  #WP_3_lati, #WP_3_longi,
	  #WP_4_lati, #WP_4_longi,
	  #WP_5_lati, #WP_5_longi,
	  #save_wp, #execute_wp, #WP_Tit {
		  display: none;
	  }


	  #Tit1
	  {
			  visibility: hidden;
			  color: #000000;	
			  font: bold 12px tahoma, arial, helvetica, sans-serif;
			  text-align: center;
			  position: absolute;
			  left: 3%;
			  top:  55%;
			  width: 94%;
			  height: 20px;
			  border-style: solid;
	  
	  }
	  
	  #WP_Tit
	  {
			  color: #000000;	
			  font: bold 12px tahoma, arial, helvetica, sans-serif;
			  text-align: center;
			  position: absolute;
			  left: 52%;
			  bottom:  300px;
			  width: 44%;
			  height: 20px;
			  border-style: solid;
	  
	  }
	  
	  
	  
	  #Info_1
	  {
			  color: #000000;	
			  font: bold 12px tahoma, arial, helvetica, sans-serif;
			  position: absolute;
			  text-align: center;
			  right: 2%;
			  bottom:  190px;
			  width: 30%;
			  height: 50px;
			  border-style: solid;
			  background: green;
			  visibility: hidden;
	  }
	  
	  #Info_2
	  {
			  color: #000000;	
			  font: bold 12px tahoma, arial, helvetica, sans-serif;
			  position: absolute;
			  text-align: center;
			  right: 2%;
			  bottom:  140px;
			  width: 30%;
			  height: 50px;
			  border-style: solid;
			  background: green;
			  visibility: hidden;
	  }
	  
	  #Info_3
	  {
			  color: #000000;	
			  font: bold 12px tahoma, arial, helvetica, sans-serif;
			  position: absolute;
			  text-align: center;
			  right: 2%;
			  bottom:  90px;
			  width: 30%;
			  height: 50px;
			  border-style: solid;
			  background: green;
			  visibility: hidden;
	  }
	  
	  
	  #Tit11
	  {
			  color: #000000;	
			  font: bold 12px tahoma, arial, helvetica, sans-serif;
			  text-align: center;
			  position: absolute;
			  left: 2%;
			  bottom:  265px;
			  width: 23%;
			  height: 20px;
			  /** border-style: solid;*/
	  
	  }
	  
	  #Tit12
	  {
			  color: #000000;	
			  font: bold 12px tahoma, arial, helvetica, sans-serif;
			  text-align: center;
			  position: absolute;
			  left: 2%;
			  bottom:  240px;
			  width: 23%;
			  height: 20px;
			  /** border-style: solid;*/
	  
	  }
	  
	  #Tit13
	  {
			  color: #000000;	
			  font: bold 12px tahoma, arial, helvetica, sans-serif;
			  text-align: center;
			  position: absolute;
			  left: 2%;
			  bottom:  215px;
			  width: 23%;
			  height: 20px;
			  /** border-style: solid;*/
	  
	  }
	  
	  #Tit14
	  {
			  color: #000000;	
			  font: bold 12px tahoma, arial, helvetica, sans-serif;
			  text-align: center;
			  position: absolute;
			  left: 2%;
			  bottom:  190px;
			  width: 23%;
			  height: 20px;
			  /** border-style: solid;*/
	  
	  }
	  
	  #Tit15
	  {
			  color: #000000;	
			  font: bold 12px tahoma, arial, helvetica, sans-serif;
			  text-align: center;
			  position: absolute;
			  left: 2%;
			  bottom:  165px;
			  width: 23%;
			  height: 20px;
			  /** border-style: solid;*/
	  
	  }
	  #Tit16
	  {
			  color: #000000;	
			  font: bold 12px tahoma, arial, helvetica, sans-serif;
			  text-align: center;
			  position: absolute;
			  left: 2%;
			  bottom:  140px;
			  width: 23%;
			  height: 20px;
			  /** border-style: solid;*/
	  
	  }
	  #Tit17
	  {
			  color: #000000;	
			  font: bold 12px tahoma, arial, helvetica, sans-serif;
			  text-align: center;
			  position: absolute;
			  left: 2%;
			  bottom:  115px;
			  width: 23%;
			  height: 20px;
			  /** border-style: solid;*/
	  
	  }
	  #Tit18
	  {
			  color: #000000;	
			  font: bold 12px tahoma, arial, helvetica, sans-serif;
			  text-align: center;
			  position: absolute;
			  left: 2%;
			  bottom:  90px;
			  width: 23%;
			  height: 20px;
			  /** border-style: solid;*/
	  
	  }
	  
	  #Tit19
	  {
			  color: #000000;	
			  font: bold 12px tahoma, arial, helvetica, sans-serif;
			  text-align: center;
			  position: absolute;
			  left: 2%;
			  bottom:  65px;
			  width: 23%;
			  height: 20px;
			  /** border-style: solid;*/
	  
	  }
	  
	  #Tit_imp_1
	  {
			  color: #000000;	
			  font: bold 12px tahoma, arial, helvetica, sans-serif;
			  text-align: center;
			  position: absolute;
			  left: 2%;
			  bottom: 30px;
			  width: 23%;
			  height: 20px;
			  /** border-style: solid;*/
	  
	  }
	  
	  #Tit_imp_2
	  {
			  color: #000000;	
			  font: bold 12px tahoma, arial, helvetica, sans-serif;
			  text-align: center;
			  position: absolute;
			  left: 2%;
			  bottom:  0px;
			  width: 23%;
			  height: 20px;
			  /** border-style: solid;*/
	  }
	  

}


@media (orientation: portrait) {
		/* CSS-Regeln für Portrait-Modus */

		#map {
			visibility: visible;			
			height:   45%;
			width:    100%;
			position: absolute;
			top:      0%;
			left:     0%;
			/** border-style: solid;*/
			border-width: 1px; 
			border-color: black;

		  }	

		  #windy {
			visibility: visible;
			height:   45%;
			width:    100%;
			position: absolute;
			top:      0%;
			left:     100%;
			/** border-style: solid;*/
			border-width: 1px; 
			border-color: black;

	}	 
	
		  #test_id 
		  {
			visibility: hidden;	
			color:  #777777;
			position: absolute;
			text-align: left;  
			font: normal 8px tahoma, arial, helvetica, sans-serif;
			left: 25px;
		  /**  bottom: 0px; */
		  bottom : 0px;
		  }	

		  #sat_id {visibility: hidden; color:  #777777;  position: absolute;  text-align: left;    font: normal 8px tahoma, arial, helvetica, sans-serif;  right: 25px;/**  bottom: 0px; */bottom : 0px;}
			
		  #dev_id {visibility: hidden; color:  #777777;  position: absolute;  text-align: left;    font: normal 8px tahoma, arial, helvetica, sans-serif;  right: 25px;/**  bottom: 0px; */bottom : 20px;}
		  
		  #testb 
		  {
				  color: #000000;	
				  font: bold 12px tahoma, arial, helvetica, sans-serif;
				  text-align: center;
				  position: absolute;
				  right: 2%;
				  bottom:  10px;
				  width: 30%;
				  height: 26px;
				  /**visibility: hidden;*/
		  }

		  #loop
		  {
				  color: #000000;	
				  font: bold 12px tahoma, arial, helvetica, sans-serif;
				  text-align: center;
				  position: absolute;
				  left: 25%;
				  bottom:  265px;
				  width: 40%;
				  height: 20px;
				  /** border-style: solid;*/
		  
		  }
		  
		  #time
		  {
				  color: #000000;	
				  font: bold 12px tahoma, arial, helvetica, sans-serif;
				  text-align: center;
				  position: absolute;
				  left: 25%;
				  bottom:  240px;
				  width: 40%;
				  height: 20px;
				  /** border-style: solid;*/
		  
		  }
		  
		  #lat
		  {
				  color: #000000;	
				  font: bold 12px tahoma, arial, helvetica, sans-serif;
				  text-align: center;
				  position: absolute;
				  left: 25%;
				  bottom:  215px;
				  width: 40%;
				  height: 20px;
				  /** border-style: solid;*/
		  
		  }
		  
		  #lon
		  {
				  color: #000000;	
				  font: bold 12px tahoma, arial, helvetica, sans-serif;
				  text-align: center;
				  position: absolute;
				  left: 25%;
				  bottom:  190px;
				  width: 40%;
				  height: 20px;
				  /** border-style: solid;*/
		  }
		  
		  #alt
		  {
				  color: #000000;	
				  font: bold 12px tahoma, arial, helvetica, sans-serif;
				  text-align: center;
				  position: absolute;
				  left: 25%;
				  bottom:  165px;
				  width: 40%;
				  height: 20px;
				  /** border-style: solid;*/
		  }
		  #track
		  {
				  color: #000000;	
				  font: bold 12px tahoma, arial, helvetica, sans-serif;
				  text-align: center;
				  position: absolute;
				  left: 25%;
				  bottom:  140px;
				  width: 40%;
				  height: 20px;
				  /** border-style: solid;*/
		  }
		  #speed
		  {
				  color: #000000;	
				  font: bold 12px tahoma, arial, helvetica, sans-serif;
				  text-align: center;
				  position: absolute;
				  left: 25%;
				  bottom:  115px;
				  width: 40%;
				  height: 20px;
				  /** border-style: solid;*/
		  }
		  #temp
		  {
				  color: #000000;	
				  font: bold 12px tahoma, arial, helvetica, sans-serif;
				  text-align: center;
				  position: absolute;
				  left: 25%;
				  bottom:  90px;
				  width: 40%;
				  height: 20px;
				  /** border-style: solid;*/
		  }
		  
		  #pres
		  {
				  color: #000000;	
				  font: bold 12px tahoma, arial, helvetica, sans-serif;
				  text-align: center;
				  position: absolute;
				  left: 25%;
				  bottom:  65px;
				  width: 40%;
				  height: 20px;
				  /** border-style: solid;*/
		  }
		  
		  #gralt
		  {
				  color: #000000;	
				  font: bold 12px tahoma, arial, helvetica, sans-serif;
				  text-align: center;
				  position: absolute;
				  left: 27%;
				  bottom:  45px;
				  width: 15%;
				  height: 20px;
				  /** border-style: solid;*/
		  }
		  
		  #guicmd
		  {
				  color: #000000;	
				  font: bold 12px tahoma, arial, helvetica, sans-serif;
				  text-align: center;
				  position: absolute;
				  left: 47%;
				  bottom:  45px;
				  width: 15%;
				  height: 20px;
				  /** border-style: solid;*/
		  }
		  
		  #grdir
		  {
				  color: #000000;	
				  font: bold 12px tahoma, arial, helvetica, sans-serif;
				  text-align: center;
				  position: absolute;
				  left: 27%;
				  bottom:  10px;
				  width: 15%;
				  height: 20px;
				  /** border-style: solid;*/
		  }
		  
		  #grlat
		  {
				  visibility: hidden;
				  color: #000000;	
				  font: bold 12px tahoma, arial, helvetica, sans-serif;
				  text-align: center;
				  position: absolute;
				  left: 13%;
				  bottom:  50px;
				  width: 20%;
				  height: 20px;
				  /** border-style: solid;*/
		  }
		  
		  #grlon
		  {
				  visibility: hidden;
				  color: #000000;	
				  font: bold 12px tahoma, arial, helvetica, sans-serif;
				  text-align: center;
				  position: absolute;
				  left: 13%;
				  bottom:  25px;
				  width: 10%;
				  height: 20px;
				  /** border-style: solid;*/
		  }
		  
		  #grws
		  {
				  color: #000000;	
				  font: bold 12px tahoma, arial, helvetica, sans-serif;
				  text-align: center;
				  position: absolute;
				  left: 47%;
				  bottom:  10px;
				  width: 15%;
				  height: 20px;
				  /** border-style: solid;*/
		  }
		  
		  #bgralt
		  {
				  color: #000000;	
				  font: bold 12px tahoma, arial, helvetica, sans-serif;
				  text-align: center;
				  position: absolute;
				  right: 2%;
				  bottom:  45px;
				  width: 30%;
				  height: 26px;
				  /** border-style: solid;*/
		  
		  }
		  
		  #hot
		  {
				  color: #000000;	
				  font: bold 12px tahoma, arial, helvetica, sans-serif;
				  text-align: center;
				  position: absolute;
				  left: 0%;
				  top:  45%;
				  width: 100%;
				  height: 26px;
				  background: light-blue;
				  visibility: hidden;
				  
		  }
		  
		  #comm1 {
		  
				  visibility: hidden;	
				  left: 3%;
				  text-align: center;
				  position: absolute;		
				  color: #000000;	
				  font: bold 12px tahoma, arial, helvetica, sans-serif;		
				  width: 92%;
				  height: 20px;	
				  top:  50%;		
				  
		  }



	#WP_Tit {
			  display: none;
		  }


	#WP_1_lati {
			
			left: 102%;
			text-align: center;
			position: absolute;		
			color: #000000;	
			font: bold 12px tahoma, arial, helvetica, sans-serif;		
			width: 45%;
			height: 20px;	
			bottom:  260px;		
			
	}
	
	#WP_1_longi {
	
			left: 152%;
			text-align: center;
			position: absolute;		
			color: #000000;	
			font: bold 12px tahoma, arial, helvetica, sans-serif;		
			width: 45%;
			height: 20px;	
			bottom:  260px;		
			
	}
	
	#WP_2_lati {
	
			left: 102%;
			text-align: center;
			position: absolute;		
			color: #000000;	
			font: bold 12px tahoma, arial, helvetica, sans-serif;		
			width: 45%;
			height: 20px;	
			bottom:  220px;		
			
	}
	
	#WP_2_longi {
	
			left: 152%;
			text-align: center;
			position: absolute;		
			color: #000000;	
			font: bold 12px tahoma, arial, helvetica, sans-serif;		
			width: 45%;
			height: 20px;	
			bottom:  220px;		
			
	}
	
	#WP_3_lati {
	
			left: 102%;
			text-align: center;
			position: absolute;		
			color: #000000;	
			font: bold 12px tahoma, arial, helvetica, sans-serif;		
			width: 45%;
			height: 20px;	
			bottom:  180px;		
			
	}
	
	#WP_3_longi {
	
			left: 152%;
			text-align: center;
			position: absolute;		
			color: #000000;	
			font: bold 12px tahoma, arial, helvetica, sans-serif;		
			width: 45%;
			height: 20px;	
			bottom:  180px;		
			
	}
	
	#WP_4_lati {
	
			left: 102%;
			text-align: center;
			position: absolute;		
			color: #000000;	
			font: bold 12px tahoma, arial, helvetica, sans-serif;		
			width: 45%;
			height: 20px;	
			bottom:  140px;		
			
	}
	
	#WP_4_longi {
	
			left: 152%;
			text-align: center;
			position: absolute;		
			color: #000000;	
			font: bold 12px tahoma, arial, helvetica, sans-serif;		
			width: 45%;
			height: 20px;	
			bottom:  140px;		
			
	}
	
	#WP_5_lati {
	
			left: 102%;
			text-align: center;
			position: absolute;		
			color: #000000;	
			font: bold 12px tahoma, arial, helvetica, sans-serif;		
			width: 45%;
			height: 20px;	
			bottom:  100px;		
			
	}
	
	#WP_5_longi {
	
			left: 152%;
			text-align: center;
			position: absolute;		
			color: #000000;	
			font: bold 12px tahoma, arial, helvetica, sans-serif;		
			width: 45%;
			height: 20px;	
			bottom:  100px;		
			
	}
	
	
	#save_wp
	{
			color: #000000;	
			font: bold 12px tahoma, arial, helvetica, sans-serif;
			text-align: center;
			position: absolute;
			left: 102%;
			bottom:  60px;
			width: 45%;
			height: 20px;
			background: light-blue;
			
	}
	
	#execute_wp
	{
			color: #000000;	
			font: bold 12px tahoma, arial, helvetica, sans-serif;
			text-align: center;
			position: absolute;
			left: 152%;
			bottom:  60px;
			width: 45%;
			height: 20px;
			background: light-blue;
			
	}


		  #Tit1
		  {
			      visibility: hidden;
				  color: #000000;	
				  font: bold 12px tahoma, arial, helvetica, sans-serif;
				  text-align: center;
				  position: absolute;
				  left: 3%;
				  top:  55%;
				  width: 94%;
				  height: 20px;
				  border-style: solid;
		  
		  }
		  
		  #WP_Tit
		  {
				  color: #000000;	
				  font: bold 12px tahoma, arial, helvetica, sans-serif;
				  text-align: center;
				  position: absolute;
				  left: 52%;
				  bottom:  300px;
				  width: 44%;
				  height: 20px;
				  border-style: solid;
		  
		  }
		  
		  
		  
		  #Info_1
		  {
				  color: #000000;	
				  font: bold 12px tahoma, arial, helvetica, sans-serif;
				  position: absolute;
				  text-align: center;
				  right: 2%;
				  bottom:  190px;
				  width: 30%;
				  height: 50px;
				  border-style: solid;
				  background: green;
				  visibility: hidden;
		  }
		  
		  #Info_2
		  {
				  color: #000000;	
				  font: bold 12px tahoma, arial, helvetica, sans-serif;
				  position: absolute;
				  text-align: center;
				  right: 2%;
				  bottom:  140px;
				  width: 30%;
				  height: 50px;
				  border-style: solid;
				  background: green;
				  visibility: hidden;
		  }
		  
		  #Info_3
		  {
				  color: #000000;	
				  font: bold 12px tahoma, arial, helvetica, sans-serif;
				  position: absolute;
				  text-align: center;
				  right: 2%;
				  bottom:  90px;
				  width: 30%;
				  height: 50px;
				  border-style: solid;
				  background: green;
				  visibility: hidden;
		  }
		  
		  
		  #Tit11
		  {
				  color: #000000;	
				  font: bold 12px tahoma, arial, helvetica, sans-serif;
				  text-align: center;
				  position: absolute;
				  left: 2%;
				  bottom:  265px;
				  width: 23%;
				  height: 20px;
				  /** border-style: solid;*/
		  
		  }
		  
		  #Tit12
		  {
				  color: #000000;	
				  font: bold 12px tahoma, arial, helvetica, sans-serif;
				  text-align: center;
				  position: absolute;
				  left: 2%;
				  bottom:  240px;
				  width: 23%;
				  height: 20px;
				  /** border-style: solid;*/
		  
		  }
		  
		  #Tit13
		  {
				  color: #000000;	
				  font: bold 12px tahoma, arial, helvetica, sans-serif;
				  text-align: center;
				  position: absolute;
				  left: 2%;
				  bottom:  215px;
				  width: 23%;
				  height: 20px;
				  /** border-style: solid;*/
		  
		  }
		  
		  #Tit14
		  {
				  color: #000000;	
				  font: bold 12px tahoma, arial, helvetica, sans-serif;
				  text-align: center;
				  position: absolute;
				  left: 2%;
				  bottom:  190px;
				  width: 23%;
				  height: 20px;
				  /** border-style: solid;*/
		  
		  }
		  
		  #Tit15
		  {
				  color: #000000;	
				  font: bold 12px tahoma, arial, helvetica, sans-serif;
				  text-align: center;
				  position: absolute;
				  left: 2%;
				  bottom:  165px;
				  width: 23%;
				  height: 20px;
				  /** border-style: solid;*/
		  
		  }
		  #Tit16
		  {
				  color: #000000;	
				  font: bold 12px tahoma, arial, helvetica, sans-serif;
				  text-align: center;
				  position: absolute;
				  left: 2%;
				  bottom:  140px;
				  width: 23%;
				  height: 20px;
				  /** border-style: solid;*/
		  
		  }
		  #Tit17
		  {
				  color: #000000;	
				  font: bold 12px tahoma, arial, helvetica, sans-serif;
				  text-align: center;
				  position: absolute;
				  left: 2%;
				  bottom:  115px;
				  width: 23%;
				  height: 20px;
				  /** border-style: solid;*/
		  
		  }
		  #Tit18
		  {
				  color: #000000;	
				  font: bold 12px tahoma, arial, helvetica, sans-serif;
				  text-align: center;
				  position: absolute;
				  left: 2%;
				  bottom:  90px;
				  width: 23%;
				  height: 20px;
				  /** border-style: solid;*/
		  
		  }
		  
		  #Tit19
		  {
				  color: #000000;	
				  font: bold 12px tahoma, arial, helvetica, sans-serif;
				  text-align: center;
				  position: absolute;
				  left: 2%;
				  bottom:  65px;
				  width: 23%;
				  height: 20px;
				  /** border-style: solid;*/
		  
		  }
		  
		  #Tit_imp_1
		  {
				  color: #000000;	
				  font: bold 12px tahoma, arial, helvetica, sans-serif;
				  text-align: center;
				  position: absolute;
				  left: 2%;
				  bottom: 30px;
				  width: 23%;
				  height: 20px;
				  /** border-style: solid;*/
		  
		  }
		  
		  #Tit_imp_2
		  {
				  color: #000000;	
				  font: bold 12px tahoma, arial, helvetica, sans-serif;
				  text-align: center;
				  position: absolute;
				  left: 2%;
				  bottom:  0px;
				  width: 23%;
				  height: 20px;
				  /** border-style: solid;*/
		  }
		  

}