/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*  Farben 																																																*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

/*	Blau 	(Pantone 540) 					#061F4E 
/*	Hell-Blau 	(25% Pantone 540)	#7C8FB1

/*	Gelb 	(Pantone 122) 					#F7AD00

/*	Rot		(	10%	)									#E20A16

/*	Grau	(	10%	)									#D7D7D7
/*	Grau	(	20%	)									#B7B7B7
/*	Grau	(	30%	)									#9B9B9B
/*	Grau	(	50%	)									#707070		
		

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*  Ausgelagerte Styles																																											*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

/* form elements */
@import url("forms.css");




/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*  Allgemeine Styles																																											*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/


body
{
  margin: 0px;
  padding: 0px;
  font-family: Arial;
  font-size: 11px;
  color: #000000;
}

a 												{ text-decoration: none;	font-size:11px;}

a.default:link, a.default:visited 				{ color:	#061F4E; font-weight: bold;	}
a.default:hover  								{	text-decoration: underline;}
a.defaultActive:link, a.defaultActive:visited 	{ color:	#061F4E; font-weight: bold; text-decoration: underline;}

a.mainlogSet:link, a.mainlogSet:visited 		{ color: #FFFFFF; font-weight: bold;	}
a.mainlogSet:hover  							{	text-decoration: underline;}

a.mainlogReset:link, a.mainlogReset:visited 	{ color: #061F4E; font-weight: bold;	}
a.mainlogReset:hover  							{	text-decoration: underline;}

img { border: 0px; }



.spacer	{display:block; font-size: 1px;}

.frameSpacer	{	background-color: #EBEBEB;	}



#logoSabik
{
position:absolute;
left:	754px;
top:	15px;
}


#sendButton
{
position: relative;
left: 147px;
}





.generalLabel
{
font-size: 11px;
color: #707070;
}

.smallLabel
{
font-size: 11px;
color: #707070;
}

.generalLabelRed 
{
font-size: 11px;
color: #E20A16;
}

.captionLabel
{
font-size: 10px;
color: #061F4E;
font-weight: bold;
}

#wrongPassword
{
position: absolute;
visibility: hidden;
left: 330px;
top: 395px;
height: 40px;
width: 285px;
background-color: #E20A16;
padding: 6 6 6 6;
}

.loginWrongPassword
{
color: #FFFFFF;
/*color: #E20A16;
*/font-weight: bold;

}














/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*  Content					 																																											*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/



/*///////////////////////////////////////////////////////////////////*/
/* Maps																															 */
/*///////////////////////////////////////////////////////////////////*/

.mapContainer
{
position:	relative;
}

.mapImgBorder, .imageBorder
{
border: 1px solid #9B9B9B;
}

.subMapClip
{
position:	absolute;

}
.mapClipBorder
{
border: 2px solid #061F4E;
}


.subMapStation
{
position:	absolute;
}

/*///////////////////////////////////////////////////////////////////*/
/* Container																												 */
/*///////////////////////////////////////////////////////////////////*/

#leftArea
{
position:	absolute;
left:	0px;
top:	29px;
width: 126px;
}

#leftBottom			{ position:	absolute; left:	0px; top: 353px; width: 126px; }

#leftBottomMap	{ position:	absolute; left:	0px; top: 309px; width: 141px; }

#centerArea
{
position:	absolute;
left:	141px;
top:	29px;
width: 598px;
}


#rightArea
{
position:	absolute;
left:	754px;
top:	29px;
width: 226px;
}

/*///////////////////////////////////////////////////////////////////*/

#centerAreaToRight
{
position:	absolute;
left:	141px;
top:	29px;
width: 1050px;
}

/*///////////////////////////////////////////////////////////////////*/

.scrollAreaBlank
{
overflow: auto;

background-color:#FFFFFF;
scrollbar-base-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-arrow-color:#002E5C;
scrollbar-darkshadow-color:#B7B7B7;
scrollbar-face-color:#B7B7B7;
scrollbar-highlight-color:#B7B7B7;
scrollbar-shadow-color:#B7B7B7;
scrollbar-track-color:#FFFFFF;
}


/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*  Headline																																																			*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

.Headline
{
background:	#9B9B9B;	
height: 24px; 	
color: #FFFFFF;	
font-weight: bold;
padding-left: 7px;
padding-top: 5px;
font-size:	11px;
}

.stationInfoHeadline
{
position:	absolute;
top: 40px;
font-size: 18px;
color: #061F4E;	
}

.stationAckAlarmHeadline
{
font-size: 18px;
color: #E20A16;	
}

#stationInfoEntry 
{
position:	absolute;
}


/*///////////////////////////////////////////////////////////////////*/
/* Station Headline Name/Type/Alarm																	 */
/*///////////////////////////////////////////////////////////////////*/

#stationHeadlineName
{
float: left;
color: #061F4E;
}

#stationHeadlineType
{
float: left;
}

#stationHeadlineAlarmSet
{
color: #E20A16;
}
#stationHeadlineAlarmAck
{
color: #061F4E;
}
#stationHeadlineAlarm
{
color: #D7D7D7;
}
#stationHeadlineAlarmReset
{
color: #7C8FB1;
}
#stationHeadlineAlarmSet span, #stationHeadlineAlarmAck span, #stationHeadlineAlarmReset span, #stationHeadlineAlarm span, #stationHeadlineType span
{
font-weight: normal;
}


/*///////////////////////////////////////////////////////////////////*/
/* OMO Station Headline Name/Type/Alarm																	 */
/*///////////////////////////////////////////////////////////////////*/

#stationName
{
float: left;
}

#stationType
{
font-weight: normal;
float: left;
}

#stationAlarmBool
{
float: left;
color: #E20A16;
}

#stationAlarm
{
font-weight: normal;
color: #E20A16;
}





/*///////////////////////////////////////////////////////////////////*/

#stationInfoEntry td
{
font-size: 11px;
color: #061F4E;	
}






/*///////////////////////////////////////////////////////////////////*/

.layoutLink  a
{
float:left;
height: 16px;
padding-left: 14px;
padding-right: 14px;
padding-top: 3px;
margin: 0 0 4 1;
font-size: 11px;
line-height: 11px;
background: #D7D7D7;
color: #061F4E;

}

/*///////////////////////////////////////////////////////////////////*/

a.listActive:link, a.listActive:visited,  .listMapSpec a:hover
{
background: #F7AD00;
color:	#FFFFFF;
}

a.listActiveAlarm:link, a.listActiveAlarm:visited
{
background: #E20A16;
color:	#FFFFFF;
}

a.listActiveWarning:link, a.listActiveWarning:visited
{
background: #F7AD00;
color:	#FFFFFF;
}

a.listActiveEvent:link, a.listActiveEvent:visited
{
background: #008131;
color:	#FFFFFF;
}

.listMap a:hover, .listStation a:hover, .listStationGrading  a:hover, .listStationGradingNum a:hover, .stationNum a:hover, a.subActive:link, a.subActive:visited, .listStationGradingSort a:hover, .listStationGradingWeek a:hover, .layoutLink a:hover, .stationSearchGo a:hover
{
background: #9B9B9B;
color:	#FFFFFF;
}


.listMap p, .listMap  a
{
float:left;
height: 16px;
padding-left: 7px;
padding-top: 3px;
margin: 0 0 4 0;
font-size: 11px;
line-height: 11px;
background: #D7D7D7;
color: #061F4E;
width: 126px;
}

span.mapNumber 
{

position: relative;


float: right;
margin-right:4px;
margin-top:-11px;

}



.listMapSub a:hover 
{
background: #9B9B9B;
color:	#FFFFFF;
}

.listMapSub a
{
left:17px;
height: 16px;
padding-left: 7px;
padding-top: 3px;
margin: 0 0 4 7;
font-size: 11px;
line-height: 11px;
background: #EBEBEB;
color: #061F4E;
width: 119px;
}



.listMapSpec a 
{
height: 16px;
padding-left: 7px;
padding-top: 3px;
margin: 0 0 4 0;
font-size: 11px;
line-height: 11px;
background: #9B9B9B;
color: #FFFFFF;
width: 126px;
}

.listMapInfo p
{
float:left;
height: 16px;
padding-left: 7px;
padding-top: 3px;
margin: 0 0 4 0;
font-size: 11px;
line-height: 11px;
background: #707070;
color: #061F4E;
width: 126px;
}




/*///////////////////////////////////////////////////////////////////*/

.listStation a
{
float:left;
height: 16px;
padding-left: 7px;
padding-top: 3px;
margin: 0 0 4 0;
font-size: 11px;
line-height: 11px;
color: #061F4E;
background: #D7D7D7;
width: 171px;
}


/*///////////////////////////////////////////////////////////////////*/

.stationSearchGo a
{
float:left;
height: 20px;
padding-top: 3px;
margin: 0 0 4 0;
font-size: 11px;
line-height: 11px;
color: #FFFFFF;
background: #F7AD00;
width: 39px;
margin-left: 2px;
text-align: center;
vertical-align: middle;
}


/*///////////////////////////////////////////////////////////////////*/


.listStationIcons 
{
white-space: nowrap;
float:left;
height: 16px;
padding-left: 3px;
border-left: 1px solid #FFFFFF;
margin: 0 0 4 0;
background: #D7D7D7;
width: 18px;
}

/*///////////////////////////////////////////////////////////////////*/




#StationGrading
{
display: block;
position:	absolute;
top: 333px;
left: 0px;
}

#StationGradingFull
{
display: block;
position:	absolute;
top: 287px;
left: 0px;
}

#StationGradingAdmin
{
display: block;
position:	absolute;
top: 332px;
left: 0px;
}

#StationGrading span, 
{
font-size: 11px;
color: #707070;
}



.listStationGradingNum  a
{
float:left;
height: 16px;
padding-top: 3px;
margin: 0 0 4 0;
text-align: center;
font-size: 11px;
line-height: 11px;
background: #D7D7D7;
width: 55px;
margin-right: 5px; 
color: #707070;
}

.listStationGrading  a
{
float:left;
height: 16px;
padding-top: 3px;
margin: 0 0 4 0;
text-align: center;
font-size: 11px;
line-height: 11px;
background: #D7D7D7;
width: 49px;
margin-right: 5px; 
color: #707070;
}

.listStationGradingWeek  a
{
float:left;
height: 16px;
padding-top: 3px;
margin: 0 0 4 0;
text-align: center;
font-size: 11px;
line-height: 11px;
background: #D7D7D7;
width: 90px;
margin-right: 5px; 
color: #707070;
}

.listStationGradingSort  a
{
float:left;
height: 16px;
padding-top: 3px;
margin: 0 0 4 0;
text-align: center;
font-size: 11px;
line-height: 11px;
background: #D7D7D7;
width: 70px;
margin-right: 5px; 
color: #707070;
}

.listStationGradingGo  a
{
float:left;
height: 16px;
padding-top: 3px;
margin: 0 0 4 0;
text-align: center;
font-size: 11px;
line-height: 11px;
background: #D7D7D7;
width: 22px;
margin-right: 5px; 
color: #707070;
}

.listArrow 
{
float:left;
margin-right: 6px; 
}





/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*  Stations 																																															*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

#stationInfo , #stationStatusText , #addStationContainer
{
position: absolute;
top: 73px;
left: 0px;	
}

#stationStatusPic
{
position: absolute;
top: 73px;
left: 335px;
}

#stationInfo1
{
position: absolute;
top: 72px;
left: 0px;	
}

#stationStatusChart
{
position: absolute;
top: 160px;
left: 0px;
}

td.stationHead 
{
height: 16px;
padding-left: 7px;
padding-top: 2px;
margin: 0 0 4 0;
font-size: 11px;
line-height: 11px;
color: #FFFFFF;
background: #B7B7B7;
font-weight: bold;
}

.stationCol 
{
height: 16px;
padding-left: 7px;
padding-top: 2px;
font-size: 11px;
line-height: 11px;
color: #061F4E;
background: #D7D7D7;
}

.stationColAddDel
{
height: 16px;
padding-left: 2px;
background: #D7D7D7;
white-space: nowrap;

}

.stationColIcons
{
height: 16px;
text-align: center;
background: #D7D7D7;
white-space: nowrap;

}
/*///////////////////////////////////////////////////////////////////*/

span.stationStatusCol01 
{

height: 16px;
padding-left: 7px;
padding-top: 3px;
margin: 0 0 4 0;
font-size: 11px;
line-height: 11px;
color: #061F4E;
background: #D7D7D7;
width: 171px;
}

span.stationStatusCol01Blue
{
height: 16px;
padding-left: 7px;
padding-top: 3px;
margin: 0 0 4 0;
font-size: 11px;
line-height: 11px;
color: #FFFFFF;
background: #061F4E;
width: 171px;
}

span.stationStatusBigCol01 
{

height: 16px;
padding-left: 7px;
padding-top: 3px;
margin: 0 0 4 0;
font-size: 11px;
line-height: 11px;
color: #061F4E;
background: #D7D7D7;
/*width: 389px;*/
width: 375px;
}

span.stationStatusColBigBlue
{
height: 16px;
padding-left: 7px;
padding-top: 3px;
margin: 0 0 4 0;
font-size: 11px;
line-height: 11px;
color: #FFFFFF;
background: #061F4E;
/*width: 389px;*/
width: 375px;
}

span.stationStatusCol02 
{

height: 16px;
padding-left: 7px;
padding-top: 3px;
margin: 0 0 4 1;
font-size: 11px;
line-height: 11px;
color: #061F4E;
background: #D7D7D7;
width: 151px;
}

span.stationStatusCol02Yellow 
{
height: 16px;
padding-left: 7px;
padding-top: 3px;
margin: 0 0 4 1;
font-size: 11px;
line-height: 11px;
color: #061F4E;
background: #F7AD00;
width: 151px;
}

span.stationStatusBigCol02 
{

height: 16px;
padding-left: 7px;
padding-top: 3px;
margin: 0 0 4 1;
font-size: 11px;
line-height: 11px;
color: #061F4E;
background: #D7D7D7;
/*width: 208px;*/
width: 204px;
}

span.stationStatusColBigYellow 
{
height: 16px;
padding-left: 7px;
padding-top: 3px;
margin: 0 0 4 1;
font-size: 11px;
line-height: 11px;
color: #061F4E;
background: #F7AD00;
/*width: 208px;*/
width: 204px;
}

span.stationStatusCol03 
{
height: 16px;
padding-left: 7px;
padding-top: 3px;
margin: 0 0 4 1;
font-size: 11px;
line-height: 11px;
color: #061F4E;
background: #D7D7D7;
width: 131px;
}

span.stationStatusCol03Blue 
{
height: 16px;
padding-left: 7px;
padding-top: 3px;
margin: 0 0 4 1;
font-size: 11px;
line-height: 11px;
color: #FFFFFF;
background: #061F4E;
width: 131px;
}

span.stationStatusCol04 
{
height: 16px;
padding-left: 7px;
padding-top: 3px;
margin: 0 0 4 1;
font-size: 11px;
line-height: 11px;
color: #061F4E;
background: #D7D7D7;
width: 130px;
}

span.stationStatusCol04Yellow 
{
height: 16px;
padding-left: 7px;
padding-top: 3px;
margin: 0 0 4 1;
font-size: 11px;
line-height: 11px;
color: #061F4E;
background: #F7AD00;
width: 130px;
}

span.stationStatusCol05 
{
width: 262px;
height: 116px;
padding-left: 7px;
padding-right: 7px;
padding-top: 3px;
margin: 0 0 4 1;
font-size: 11px;
line-height: 11px;
color: #061F4E;
background: #D7D7D7;
}

span.stationStatusCol06 
{
width: 262px;
height: 76px;
padding-left: 7px;
padding-right: 7px;
padding-top: 3px;
margin: 0 0 4 1;
font-size: 11px;
line-height: 11px;
color: #061F4E;
background: #D7D7D7;

}
span.stationStatusCol07 
{
width: 323px;
height: 76px;
padding-left: 7px;
padding-right: 7px;
padding-top: 3px;
margin: 0 0 4 1;
font-size: 11px;
line-height: 11px;
color: #061F4E;
background: #D7D7D7;

}

/*///////////////////////////////////////////////////////////////////*/

.stationNum  a
{
float:left;
height: 16px;
padding-top: 3px;
margin: 0 0 4 0;
text-align: center;
font-size: 11px;
line-height: 11px;
background: #D7D7D7;
width: 56px;
margin-right: 5px;
color: #707070;
}

.stationArrow 
{
float:left;

}



/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/* ALARM 																																																	*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/


tr.stationALARMHead, td.stationALARMHead  
{
height: 16px;
padding-left: 7px;
padding-top: 2px;
margin: 0 0 4 0;
font-size: 11px;
line-height: 11px;
color: #FFFFFF;
background: #B7B7B7;
font-weight: bold;
}


/*///////////////////////////////////////////////////////////////////*/

tr.stationALARM, td.stationALARM, td.stationALARMCol01, td.stationALARMCol02, td.stationALARMCol03  
{
height: 16px;
padding-left: 7px;
padding-top: 2px;
font-size: 11px;
line-height: 11px;
color: #061F4E;			/*	Blau 				*/
background: #D7D7D7;	/*  Grau	(	10%	)	*/
}

/*///////////////////////////////////////////////////////////////////*/

tr.stationALARMSet, td.stationALARMSet, td.stationALARMCol01Set, td.stationALARMCol02Set, td.stationALARMCol03Set 
{
height: 16px;
padding-left: 7px;
padding-top: 2px;
font-size: 11px;
line-height: 11px;
background: #E20A16;	/*	Rot		(	10%	)	*/
color:	#FFFFFF;
}


/*///////////////////////////////////////////////////////////////////*/

tr.stationALARMWng, td.stationALARMWng, td.stationALARMCol01Wng, td.stationALARMCol02Wng, td.stationALARMCol03Wng 
{
height: 16px;
padding-left: 7px;
padding-top: 2px;
font-size: 11px;
line-height: 11px;
background: #F7AD00;	/*	Gelb		(	10%	)	*/
color:	#FFFFFF;
}


/*///////////////////////////////////////////////////////////////////*/

tr.stationALARMEvt, td.stationALARMEvt, td.stationALARMCol01Evt, td.stationALARMCol02Evt, td.stationALARMCol03Evt 
{
height: 16px;
padding-left: 7px;
padding-top: 2px;
font-size: 11px;
line-height: 11px;
background: #008131;	/*	Grün		(	10%	)	*/
color:	#FFFFFF;
}


/*///////////////////////////////////////////////////////////////////*/

tr.stationALARMAck, td.stationALARMAck, td.stationALARMCol01Ack, td.stationALARMCol02Ack, td.stationALARMCol03Ack  
{
height: 16px;
padding-left: 7px;
padding-top: 2px;
font-size: 11px;
line-height: 11px;
background: #061F4E;	/*	Blau 	(Pantone 540)	*/
color:	#FFFFFF;
}
/*///////////////////////////////////////////////////////////////////*/

tr.stationALARMReset, td.stationALARMReset, td.stationALARMCol01Reset, td.stationALARMCol02Reset, td.stationALARMCol03Reset  
{
height: 16px;
padding-left: 7px;
padding-top: 2px;
font-size: 11px;
line-height: 11px;
background: #7C8FB1;	/*	Hell-Blau 	(25% Pantone 540)	*/
color:	#FFFFFF;
}

/*//////   Dashboard               /////////////////////////////////*/

tr.stationLevel12h, td.stationLevel12h  
{
height: 16px;
padding-left: 7px;
padding-top: 2px;
font-size: 11px;
line-height: 11px;
background: #7C8FB1;	/*	Hell-Blau 	(25% Pantone 540) 		*/
color:	#FFFFFF;
}

tr.stationLevel24h, td.stationLevel24h  
{
height: 16px;
padding-left: 7px;
padding-top: 2px;
font-size: 11px;
line-height: 11px;
background: #A080C0;	/*	Lilac 		*/
color:	#FFFFFF;
}


tr.stationLevel36h, td.stationLevel36h  
{
height: 16px;
padding-left: 7px;
padding-top: 2px;
font-size: 11px;
line-height: 11px;
/* background: #A000C0;	*/ /*	Violet 		*/
background: #A00040;	/*	Violet 		*/
color:	#FFFFFF;
}


tr.stationLevel48hgt, td.stationLevel48hgt  
{
height: 16px;
padding-left: 7px;
padding-top: 2px;
font-size: 11px;
line-height: 11px;
background: #E20A16;	/*	Rot		(	10%	)	*/
color:	#FFFFFF;
}





/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*  RTU LOG 																																															*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

td.stationRTULOGHead 
{
height: 16px;
padding-left: 7px;
padding-top: 2px;
margin: 0 0 4 0;
font-size: 11px;
line-height: 11px;
color: #FFFFFF;
background: #B7B7B7;
font-weight: bold;

}

td.stationRTULOGCol01 
{
height: 16px;
padding-left: 7px;
padding-top: 2px;
font-size: 11px;
line-height: 11px;
color: #061F4E;
background: #D7D7D7;

}

td.stationRTULOGCol02 
{
height: 16px;
padding-left: 7px;
padding-top: 2px;
font-size: 11px;
line-height: 11px;
color: #061F4E;
background: #D7D7D7;

}

td.stationRTULOGCol03 
{
height: 16px;
padding-left: 7px;
padding-top: 2px;
font-size: 11px;
line-height: 11px;
color: #061F4E;
background: #D7D7D7;

}


/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/* FORUM 																																															*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

td.stationFORUMHead 
{
height: 16px;
padding-left: 7px;
padding-top: 2px;
margin: 0 0 4 0;
font-size: 11px;
line-height: 11px;
color: #FFFFFF;
background: #B7B7B7;
font-weight: bold;

}

td.stationFORUMCol01 
{
width: 210px;
height: 17px;
padding-left: 7px;
padding-top: 0px;
font-size: 11px;
line-height: 12px;
color: #061F4E;
background: #D7D7D7;

}

td.stationFORUMCol02 
{
vertical-align: top;
height: 36px;
padding-left: 7px;
padding-top: 2px;
font-size: 11px;
line-height: 17px;
color: #061F4E;
background: #D7D7D7;

}

td.stationFORUMCol03 
{
vertical-align: top;
padding-top: 2px;
font-size: 11px;
line-height: 11px;
background: #D7D7D7;

}






a.enterLogin:link, a.enterLogin:visited 
{
	display: block;
	background:  url(../_images/bt_enterLogin.gif) no-repeat;
	height: 20px !important;
	height: 24px;
	width: 150px;
	color:	#FFFFFF;
	text-align:	center;
	padding-top:	5px;
}

a.enterLogin:hover  
{
	background-position: 0px -24px;
}







/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/* Add Station 																																														*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

.addStationSaveAndAbort
{
margin-top: 14px;
width: 300px;
white-space:nowrap;
}



.addStationInput
{
margin-right: 8px;
}

.addStationInputLeft
{
float: left;
margin-right: 4px;
}

.addStationInputEnd
{
float:right;
}

.safeArea
{
float: left;
margin-right: 20px;
}


.addStationAssistent
{
position: absolute;
top: 33px;
background: #D7D7D7;
height: 376px;
width: 226px;
padding-left: 7px;
padding-top: 7px;
padding-right: 8px;
font-size: 11px;
line-height: 14px;
color: #061F4E;

}

/*///////////////////////////////////////////////////////////////////*/

.chooseMap
{
background-color:#B7B7B7;
height: 100px;
padding: 10 0 0 7;
}





/*///////////////////////////////////////////////////////////////////*/

#addRTUChannelAlarm
{
width: 598px;
height: 80px;
background-color: #E20A16;
padding-left: 30px;
padding-top: 7px;
}

#addRTUChannelAlarm .generalLabel
{
color: #FFFFFF;
}

#addRTUChannelAlarm input
{
background-color: #FFFFFF;
border: 0px;
}

#addRTUChannelAlarm .addStationCheckbox
{
background-color: #E20A16;
border: 0px;
}

/*///////////////////////////////////////////////////////////////////*/










/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*  Buttons 																																															*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/



#buttonNewMap				{	position:	absolute;	top: 420px;	left: 0px;	}
#buttonNewStation		{	position:	absolute;	top: 420px;	left: 0px;	}
#buttonSafe					{	position:	absolute;	top: 420px;	left: 0px;	}

#buttonBackToMap		{	position:	absolute;	top: 420px;	right: 0px;	}



a.buttonGrey:link, a.buttonGrey:visited 
{
	display: block;
	background:  url(../_images/bt_grey.gif) no-repeat;
	height: 20px !important;
	height: 24px;
	width: 100px;
	color:	#9B9B9B;
	text-align:	center;
	padding-top:	5px;
}

a.buttonGrey:hover  
{
	background-position: 0px -24px;
	color: #FFFFFF;
}


/*///////////////////////////////////////////////////////////////////*/

a.buttonSend:link, a.buttonSend:visited 
{
	display: block;
	background:  url(../_images/bt_send.gif) no-repeat;
	height: 20px !important;
	height: 24px;
	width: 100px;
	color:	#FFFFFF;
	text-align:	center;
	padding-top:	5px;
	font-weight: bold;
}

a.buttonSend:hover  
{
	background-position: 0px -24px;
	color: #FFFFFF;
}

/*///////////////////////////////////////////////////////////////////*/

a.buttonCancel:link, a.buttonCancel:visited 
{
	display: block;
	background:  url(../_images/bt_cancel.gif) no-repeat;
	height: 20px !important;
	height: 24px;
	width: 100px;
	color:	#9B9B9B;
	text-align:	center;
	padding-top:	5px;
}

a.buttonCancel:hover  
{
	background-position: 0px -24px;
	color: #FFFFFF;
}


/*///////////////////////////////////////////////////////////////////*/

a.buttonBack:link, a.buttonBack:visited 
{
	display: block;
	float:left;
	background:  url(../_images/bt_grey_back.gif) no-repeat;
	height: 20px !important;
	height: 24px;
	width: 100px;
	color:	#9B9B9B;
	padding-top:	5px;
	padding-left:	37px;
}

a.buttonBack:hover  
{
	background-position: 0px -24px;
	color: #FFFFFF;
}

/*///////////////////////////////////////////////////////////////////*/

a.buttonBackward:link, a.buttonBackward:visited 
{
	display: block;
	float:left;
	background:  url(../_images/bt_grey_back_01.gif) no-repeat;
	height: 20px !important;
	height: 24px;
	width: 100px;
	color:	#9B9B9B;
	padding-top:	5px;
	padding-left:	37px;
}

a.buttonBackward:hover  
{
	background-position: 0px -24px;
	color: #FFFFFF;
}

a.buttonBackwardNotActive:link, a.buttonBackwardNotActive:visited 
{
	display: block;
	float:left;
	background:  url(../_images/bt_backwards_inactive.gif) no-repeat;
	height: 20px !important;
	height: 24px;
	width: 100px;
	color:	#FFFFFF;
	padding-top:	5px;
	padding-left:	37px;
}



/*///////////////////////////////////////////////////////////////////*/

a.buttonForward:link, a.buttonForward:visited 
{
	display: block;
	float:left;
	background:  url(../_images/bt_grey_forward_01.gif) no-repeat;
	height: 20px !important;
	height: 24px;
	width: 100px;
	color:	#9B9B9B;
	padding-top:	5px;
	padding-left:	22px;
}

a.buttonForward:hover  
{
	background-position: 0px -24px;
	color: #FFFFFF;
}

a.buttonForwardNotActive:link, a.buttonForwardNotActive:visited 
{
	display: block;
	float:left;
	background:  url(../_images/bt_forward_inactive.gif) no-repeat;
	height: 20px !important;
	height: 24px;
	width: 100px;
	color:	#FFFFFF;
	padding-top:	5px;
	padding-left:	22px;
}




/*///////////////////////////////////////////////////////////////////*/

a.buttonSavePosition:link, a.buttonSavePosition:visited 
{
	display: block;
	background:  url(../_images/bt_save_position.gif) no-repeat;
	height: 18px !important;
	height: 22px;
	width: 120px;
	color:	#FFFFFF;
	text-align:	center;
	padding-top:	4px;
}

a.buttonSavePosition:hover  
{
	background-position: 0px -22px;
	color: #FFFFFF;
}


/*///////////////////////////////////////////////////////////////////*/

a.buttonNewCategory:link, a.buttonNewCategory:visited 
{
	display: block;
	background:  url(../_images/bt_send.gif) no-repeat;
	height: 20px !important;
	height: 24px;
	width: 100px;
	color:	#FFFFFF;
	text-align:	center;
	padding-top:	5px;
	font-weight: bold;
}

a.buttonNewCategory:hover  
{
	background-position: 0px -24px;
	color: #FFFFFF;
}

/*///////////////////////////////////////////////////////////////////*/

a.buttonDiscardChanges:link, a.buttonDiscardChanges:visited 
{
	display: block;
	background:  url(../_images/bt_discard_changes.gif) no-repeat;
	height: 20px !important;
	height: 24px;
	width: 170px;
	color:	#FFFFFF;
	text-align:	center;
	padding-top:	5px;
}

a.buttonSafeChanges:link, a.buttonSafeChanges:visited 
{
	display: block;
	background:  url(../_images/bt_save_changes.gif) no-repeat;
	height: 20px !important;
	height: 24px;
	width: 170px;
	color:	#FFFFFF;
	text-align:	center;
	padding-top:	5px;
}

a.buttonInactive:link, a.buttonInactive:visited 
{
	display: block;
	background:  url(../_images/bt_inactive.gif) no-repeat;
	height: 20px !important;
	height: 24px;
	width: 170px;
	color:	#9B9B9B;
	text-align:	center;
	padding-top:	5px;
}

/*///////////////////////////////////////////////////////////////////*/

a.buttonEditPosition:link, a.buttonEditPosition:visited 
{
	display: block;
	background:  url(../_images/bt_edit_position.gif) no-repeat;
	height: 20px !important;
	height: 24px;
	width: 250px;
	color:	#9B9B9B;
	text-align:	center;
	padding-top:	5px;
}

a.buttonEditPosition:hover  
{
	background-position: 0px -24px;
	color: #FFFFFF;
}


/*///////////////////////////////////////////////////////////////////*/

a.buttonAck:link, a.buttonAck:visited, a.buttonAck:hover   
{
	display: block;
	background:  url(../_images/bt_ack.gif) no-repeat;
	height: 20px !important;
	height: 24px;
	width: 50px;
	color:	#FFFFFF;
	text-align:	center;
	padding-top:	5px;
	font-weight: bold;
}















/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*  Copyright 																																											*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

.naviCopyright		{	background:	#B7B7B7;	height:24px; 	}

.naviCopyright01 
{
	position:	absolute;
	left: 147px;
	color: #FFFFFF;
	height:	19px !important;
	height:	24px;
	padding-top:5px;
	font-size:	11px;
}

.naviCopyright02 a
{
	position:	absolute;
	left: 639px;
	color: #FFFFFF;
	text-align: center;
	font-weight:	bold;
	height:	19px !important;
	height:	24px;
	width:	100px;
	padding-top:5px;
	font-size:	11px;
	border-right:	1px solid #FFFFFF;
	border-left:	1px solid #FFFFFF;
}

.naviCopyright02 a:hover
{
background:	#F7AD00;
}
















/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*  Usernavigation 																																												*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

.naviUser		{	background:	#F7AD00;	height:24px; 	}

.naviUser01 
{
	position:	absolute;
	left: 147px;
	color: #FFFFFF;
	height:	19px !important;
	height:	24px;
	padding-top:5px;
	font-size:	11px;
}


.naviUser02 a
{
	position:	absolute;
	left: 538px;
	color: #FFFFFF;
	text-align: center;
	font-weight:	bold;
	height:	19px !important;
	height:	24px;
	width:	101px;
	padding-top:5px;
	font-size:	11px;
	border-right:	1px solid #FFFFFF;
	border-left:	1px solid #FFFFFF;
}

.naviUser03 a
{
	position:	absolute;
	left: 639px;
	color: #FFFFFF;
	text-align: center;
	font-weight:	bold;
	height:	19px !important;
	height:	24px;
	width:	100px;
	padding-top:5px;
	font-size:	11px;
	border-right:	1px solid #FFFFFF;

}



.naviUser02 a:hover, .naviUser03 a:hover
{
background:	#061F4E;
}


.text8pt
{
font-size:8pt;
font-family:tahoma, arial;
color:#000066;
}

.text8ptbold
{
font-size:8pt;
font-family:tahoma, arial;
color:#000066;
font-weight:bold;
}

.headline10pt
{
font-size:10pt;
font-family:arial;
font-weight:bold;
color:#000066;
}






/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*  Login 																																											*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

.naviLogin		{	background:	#F7AD00;	height:24px; 	}
.naviLoginWelcome		{	background:	#FFFFFF; height:48px; color: #000000 }

.naviLogin01 
{
	position:	absolute;
	left: 147px;
	font-weight:bold;
	color: #FFFFFF;
	height:	19px !important;
	height:	24px;
	width:	180px;
	padding-top:5px;
	font-size:	11px;
}

.naviLogin02
{
	position:	absolute;
	left: 330px;
	color: #FFFFFF;
	height:	19px !important;
	height:	24px;
	width:	310px;
	padding-top:5px;
	font-size:	11px;
}

.naviLogin03
{
	position:	absolute;
	left: 790px;
	color: #FFFFFF;
	height:	19px !important;
	height:	24px;
	width:	310px;
	padding-top:5px;
	font-size:	11px;
	font-weight: bold;
}


.naviLogin01 span, .naviLogin02 span, .naviLogin03 span
{
	float:	left;
	font-weight:	normal;
	color: #000000;
}

a.enterLogin:link, a.enterLogin:visited 
{
	display: block;
	background:  url(../_images/bt_enterLogin.gif) no-repeat;
	height: 20px !important;
	height: 24px;
	width: 150px;
	color:	#FFFFFF;
	text-align:	center;
	padding-top:	5px;
}

a.enterLogin:hover  
{
	background-position: 0px -24px;
}



#wrongPassword
{
position: absolute;
visibility: hidden;
left: 330px;
top: 395px;
height: 40px;
width: 285px;
background-color: #E20A16;
padding: 6 6 6 6;
}

.loginWrongPassword
{
color: #FFFFFF;
font-weight: bold;

}

div.email
{
position: absolute;
left: 290px;
top: 29px;
color: #E20A16;
font-weight: bold;

}

.email a 
{
color: red;
}

































/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*  Hauptnavigation 																																											*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

a.navi 			{	color: #B6B6B6;	}

.naviMain		{	background:	#061F4E;	height:24px; 	}

.naviMain00	{	float:left;	}

.naviMain01 a:hover, .naviMain02 a:hover, .naviMain03 a:hover, .naviMain04 a:hover, .naviMain05 a:hover, .naviMain06 a:hover
{
background: #F7AD00;
color:	#FFFFFF;
}

.naviMain01 a
{
	float:left;
	background: #061F4E;
	color: #B6B6B6;
	height:	19px !important;
	height:	24px;
	width: 98px;
	border-left:	1px solid #B6B6B6;
	border-right:	1px solid #B6B6B6;
	padding-top:5px;
	text-align: center;
	vertical-align:	middle;
	font-size:	11px;
}

.naviMain02 a, .naviMain03 a, .naviMain04 a, .naviMain05 a, .naviMain06 a, 
{
	float:left;
	background: #061F4E;
	color: #B6B6B6;
	height:	19px !important;
	height:	24px;
	width: 100px;
	border-right:	1px solid #B6B6B6;
	padding-top:5px;
	text-align: center;
	vertical-align:	middle;
	font-size:	11px;
}