@charset "utf-8";


/* Allgemeines */
/***************/

html, body{ 
	height:				100%; 		/* braucht es für die automatische Zentrierung */
	cursor:				default;	/* wenn nicht explizit angegeben, wird der Pfeil als cursor verwendet */
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			18px;
	color:				#000;
} 
	
tr {
	font-size:			18px;
	text-align:			center;
}
	
body { 
	background-color:	#FFF; 
	text-align:			center;		/* horizontal centering for IE Win quirks */
}
	
a:link {
	text-decoration:	none;
	color:				#000; 
}
a:visited { 
	text-decoration:	none;
	color:				#000; 
}



	
	
/* Standart-Objekte */
/********************/
.grundbox {
	position:			relative;
	height:				772px;
	width:				1024px;
	background-color:	#CCC;
	border:				2px solid #888;
	border-top-color:	#F8F8F8;
	border-left-color:	#F8F8F8;
	margin:				0 auto;
}

.Logo {
	position:	absolute;
	left:		20px;
	top:		14px;
}

.Titel {
	position:			absolute;
	left:				400px;
	top:				14px;
	color:				#FFF;
	background-color:	#09C;
	padding:			2px 20px 2px 20px;
	font-size:			24px;
	max-width:			350px;
	word-wrap:			break-word;
}

.SubTitel {
	position:			absolute;
	left:				400px;
	top:				75px;
	color:				#FFF;
	background-color:	#09C;
	padding:			2px 10px 2px 10px;
	font-size:			18px;
}

.Knopf {
	position:			absolute;
	background-color:	#FFF;
	border:				1px solid #000;
	border-radius:		7px;
	padding:			2px 5px;
	cursor:				pointer;
	font-size:			18px;
}

.Knopf_disabled {
	background-color:	transparent;
}

.Textfeld_box {			/* wrapper um ein Textfeld mit Text hinter dem Textfeld */
	position:			absolute;
}

.Textfeld_gross {
	font-size:			18px;
}

.Parainput {
	width:				45px;
}
.checkbox {
	width: 				22px;
	height: 			22px;
}
.colorbox{
	width:				20px;
	cursor:				default;
}





/* Häufig verwendete Positionen */
/********************************/
.posi_help {
	left: 	800px;
	top:	14px;
}

.posi_back {
	left:	900px;
	top:	14px;
}
 
 
 
/* Häufig verwendete Eigenschaften */
/***********************************/
.farbe_rot {
	color:				#F00;
	background-color:	#F00;
}
.farbe_grau {
	color:				#F2F2F2;
	background-color:	#CCC;
}
.farbe_blau{
	color:				#09C;
	background-color:	#09C;
}
.farbe_weiss{
	color:				#FFF;
	background-color:	#FFF;
}
.farbe_gruen{
	color:				#0F0;
	background-color:	#0F0;
}
.invisible {
	display:			none;
}
.hidden{
	visibility:			hidden;
}
.checked {	/* Programmzeilen welche "checked" sind werden weisslich hinterlegt */
	background-color:	#F7F7FF;
}
 
 
 
 
 
/* Message-Seite / Error-Seite */
/********************************/
.messagebox {
	position:relative; /* puts container in front of distance */
	text-align:left;
	width:600px;
	clear:left;
	background-color:#ff9;
	border:1px solid #c93;
	border-top-color:#fff;
	border-left-color:#fff;
	padding: 30px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}
.errorbox {
	position:relative; /* puts container in front of distance */
	text-align:left;
	width:600px;
	clear:left;
	background-color:#DA7680;
	border:1px solid #c93;
	border-top-color:#fff;
	border-left-color:#fff;
	padding: 30px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}
.msg_title {
	background-color:	#09C;
	color:				#FFF;
	padding-top:		2px;
	padding-bottom:		2px;
	margin-bottom:		16px;
	margin-left:		-4px;
	margin-right:		-4px;
	font-size:			24px;
	text-align:			center;
}
.msg_button {
	position:		relative;
	width:			90px;
	margin-top:		110px;
	margin-right:	20px;
	margin-left:	20px;
}
.warnung{
	margin-top:		20px;
	font-weight:	bold;
	color:			red;
}

 
 
 
 
/* Login Page */
.unit_nr {
	left:	400px;
	top:	180px;
}
.passw {
	left:	400px;
	top:	220px;
}
.posi_send {
	left:	800px;
	top:	274px;
}
.posi_forgot_passw {
	left:	200px;
	top:	214px;
}



/* Main Page */
.KonfigNr {
	position:			absolute;
	left:				800px;
	top:				75px;
	color:				#FFF;
	background-color:	#09C;
	padding:			2px 20px 2px 20px;
	font-size:			18px;
}
.KonfigLED {
	position:			absolute;
	left:				970px;
	top:				75px;
	height:				24px;
	width:				24px;
	border-style:		outset;
	border-width:		thin;
	border-radius:		12px;
}
.Sprachauswahl {
	position:			absolute;
	left:				20px;
	top:				140px;
}
.posi_fernbedienung {
	position:			absolute;
	left:				400px;
	top:				140px;
}
.posi_kanal_kopieren {
	position:			absolute;
	left:				20px;
	top:				600px;
}
.posi_hygienespuelung_konfig {
	position:			absolute;
	left:				20px;
	top:				400px;
}
.posi_Voreinstellungen {
	position:			absolute;
	left:				20px;
	top:				650px;
}
.posi_Datalogger {
	position:			absolute;
	left:				20px;
	top:				700px;
}
.posi_speichern{
	position:			absolute;
	left:				800px;
	top:				140px;
}
.posi_USBkey{
	position:			absolute;
	left:				800px;
	top:				650px;
}
.Kanalfeld {
	position:			absolute;
	left:				20px;
	top:				215px;
	border: 			1px solid black;
	padding-left:		25px;
	padding-top:		15px;
	padding-bottom:		20px;
	padding-right:		25px;
	max-height:			330px;
}
.kanalknopf {
	position:			relative;
	margin:				auto;
	width:				20px;
	text-align:			center;
}
.main_kanalbez {
	max-width:			100px;
	color:				#008AB9;
	word-wrap:			break-word;
}



/* Channel Page */
.posi_Kanalbez {
	position:			absolute;
	top:				152px;
	left:				20px;
}
.posi_Sensoren {
	position:			absolute;
	top:				200px;
	left:				20px;
}
.posi_Ausgangsfkt {
	position:			absolute;
	top:				124px;
	left:				400px;
}
.posi_ChannelMode {
	position:			absolute;
	top:				304px;
	left:				20px;
}
.posi_sensoranzeige {
	position:			absolute;
	top:				200px;
	left:				400px;
	max-width:			580px;
}
.posi_Kanalbez_txt{
	position:			absolute;
	top:				130px;
	left:				20px;
}
.posi_zeitprogramm_txt{
	position:			absolute;
	top:				304px;
	left:				20px;
}
.posi_linedelete{
	position:			absolute;
	top:				300px;
	left:				400px;
}
.posi_print {
	position:			absolute;
	top:				300px;
	left:				900px;
}
.posi_zeittabelle {
	position:			absolute;
	top:				350px;
	left:				20px;
}
.timeline_textfeld{
	width:				130px;
	cursor:				default;
}

table.zeittabelle td{
	font-size:			11px;
}


/* Hygienespülung page */
.posi_hygflush_maintable{
	position:			absolute;
	top:				150px;
	left:				20px;
}
.hygflush_maintable_zeilenabstand{
	height:				10px;
}
table.hygflush_maintable td{
	text-align:			left;
	width:				10px;
}




/* Datalogger page */
.datalogger_box{
	position:			absolute;
	left:				20px;
	top:				200px;
	height:				520px;
	width:				953px;
	border: 			1px solid black;
	padding-left:		15px;
	padding-top:		15px;
	padding-bottom:		15px;
	padding-right:		15px; 
}
.posi_datalogger_delete{
	position:			absolute;
	left:				23px;
	top:				150px;
}
.posi_datalogger_export{
	position:			absolute;
	right:				20px;
	top:				150px;
}





/* Zeitprogrammzeile-Löschen page */
.linedelete_box{
	position:			absolute;
	left:				20px;
	top:				150px;
	border: 			1px solid black;
	padding-left:		15px;
	padding-top:		15px;
	padding-bottom:		0px;
	padding-right:		15px; 
}



/* Sensoren page */
.posi_sensortabelle {
	position:			absolute;
	top:				180px;
	left:				20px;
}
.sensorline_textfeld{
	width:				130px;
	cursor:				default;
}
.sensorline_regbez{
	width:				145px;
	font-size:			13px;
	color:				#008AB9;
	word-wrap:			break-word;
}



/* Kanal kopieren page */
.posi_copy_channel_text {
	position:			absolute;
	left:				20px;
	top:				150px;
}
.copy_channel_box{
	position:			absolute;
	left:				20px;
	top:				200px;
	border: 			1px solid black;
	padding-left:		15px;
	padding-top:		15px;
	padding-bottom:		0px;
	padding-right:		15px; 
}



/* Pre-Settings page */
.posi_buttons {
	left: 				20px;
	top: 				480px;
	position: 			absolute;
	width:				1px;
}
.float_buttons{
	float:				left;
	position:			relative;
	margin-bottom:		9px;
}

.map {
	position: 			absolute;
	left: 				400px;
	top: 				140px;
	width: 				600px;
	height: 			600px;
}
.posi_fadenkreuz {
	position: 			absolute;
	left:				668px;
	top: 				408px;
	z-index: 			3;
}
.posi_presettingtable {
	position:			absolute;
	top:				140px;
	left:				20px;
}
table.posi_presettingtable td{
	text-align:			left;
	padding-bottom:		3px;
}



/* Eventlogger page */
.posi_eventemail_button {
	position:			absolute;
	top:				150px;
	left:				400px;
}
.posi_eventlogger_aktiv {
	position:			absolute;
	top:				150px;
	left:				23px;
}
.logger_content_left {
	position:			absolute;
	left:				23px;
	top:				220px;
}
.logger_content_right {
	position:			absolute;
	left:				500px;
	top:				220px;
}
.email_txt {
	color:				#008AB9;
}


/* Email-Eventlogger page */
.posi_eventemail_text_1{
	position:			absolute;
	left:				20px;
	top:				150px;
}
.posi_eventemail_text_2{
	position:			absolute;
	left:				20px;
	top:				470px;
}
.posi_eventemail_anzeige{
	position:			absolute;
	left:				400px;
	top:				200px;
}
.posi_eventemail_form{
	position:			absolute;
	left:				300px;
	top:				500px;
}

/* Email-Eventlogger-Sent page */
.posi_eventmail_sent_ok{
	position:			absolute;
	left:				800px;
	top:				274px;
}
.posi_eventmail_sent_txt{
	position:			absolute;
	left:				20px;
	top:				280px;
	text-align:			left;
}


/* tcp-ip page */
.posi_ip_auto{
	position:			absolute;
	top:				150px;
	left:				23px;
}
.ip_content{
	position:			absolute;
	top:				220px;
	left:				30px;
}
.ip_input{
	width:				30px;
}


/* User-settings page */
.posi_passw_change{
	position:			absolute;
	top:				280px;
	left:				400px;
}
.posi_email_change{
	position:			absolute;
	top:				320px;
	left:				400px;
}


/* Passwort-ändern page */
.posi_passwordchange_form{
	position:			absolute;
	top:				180px;
	left:				400px;
}
table.posi_passwordchange_form td{
	padding-top:		15px;
	padding-left:		5px;
	text-align:			left;
}


/* Email-ändern page */
.posi_email_change_text{
	position:			absolute;
	left:				20px;
	top:				150px;
}
.posi_emailchange_form{
	position:			absolute;
	top:				280px;
	left:				400px;
}


/* Register page */
.posi_register_form{
	position:			absolute;
	top:				180px;
	left:				400px;
}
table.posi_register_form td{
	padding-top:		15px;
}
.posi_registertext{
	position:			absolute;
	top:				380px;
	left:				20px;
	text-align:			left;
}


/* ALB accept page */
.posi_ALB_text {
	position:			absolute;
	left:				20px;
	top:				150px;
}
.posi_ALB_open{
	position:			absolute;
	left:				100px;
	top:				300px;
}
.posi_ALB_accept{
	position:			absolute;
	left:				100px;
	top:				360px;
}
.posi_ALB_weiter{
	position:			absolute;
	left:				800px;
	top:				274px;
}



/* Key_lock key erstellen page */
.posi_key_lock_text {
	position:			absolute;
	left:				20px;
	top:				150px;
}
.posi_new_key_lock{
	position:			absolute;
	left:				20px;
	top:				200px;
}
.posi_key_lock_generate_button{
	position:			absolute;
	left:				800px;
	top:				200px;
}



/* Password-Vergessen page */
.posi_forgot_passw_text{
	position:			absolute;
	left:				20px;
	top:				150px;
	text-align:			left;
}
.posi_forgot_passw_send_button{
	position:			absolute;
	top:				275px;
	left:				800px;
}