* {
	margin:0;
	padding:0;
}
	
html, body {
	position:absolute;
	/*height:600px;*/
	height:100%;
	width:100%;
	color:#666666;
	margin:0;
	padding:0;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8px;
	text-align:left;
	overflow-y:hidden;
	overflow-x:hidden;
	/*border:1px solid green;*/
}

/*---------------------------------------------------------------------------------------------*/

#headerarea {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:60px;
	margin-top:0px;
	z-index:1;
	background-color:#FFF;
	background-image:url(/images/backgrounds/header1.jpg);
	/*border: 1px solid green;*/
	background-repeat:no-repeat;
}


#logofix {
	position:absolute;
	top:0px;
	right:10px;
	width:170px;
	/*padding-top:2px;*/
	height:58px;
	z-index:2;
}

/*---------------------------------------------------------------------------------------------*/

#contentarea_loginpage {
	position:absolute;
	top:60px;
	left:0px;
	/*height:80%;*/
	bottom:45px;
	width:100%;
	background-color:white;
	overflow-x:auto;
	overflow-y:auto;
	/*border:1px solid green;*/
}

#contentarea {
	position:absolute;
	top:60px;
	left:0px;
	/*height:80%;*/
	bottom:45px;
	width:100%;
	background-color:white;
	/*border:1px solid blue;*/
}

		/*----- for user - mode*/		
		#leftcolumn {
			position:absolute;
			float:right;
			top:0px;
			left:0px;
			height:80%;
			width:1%;
			/*border:1px solid red;*/
		}
		
			#leftcolumn_entry1 {
				position:absolute;
				top:0px;
				left:0px;
				height: 70px;
				width:220px;
				margin-top:15px;
				margin-left:50px;
				/*background-image:url(/images/backgrounds/firmenlogo.png);*/
				background-repeat:no-repeat;
			}
			
			#leftcolumn_entry2 {
				position:absolute;
				top:90px;
				left:9px;
				width:270px;
				height:420px;				
				/*padding: 6px 5px;*/
				/*background-image:url(/images/backgrounds/aeroclean_logo.gif);
				background-repeat:no-repeat;*/
				/*border:1px solid #999999;*/
				border-left:none;	
			}

			#leftcolumn_entry2_fix {
				position:absolute;
				top:80px;
				padding-top:2px;
				padding-left:2px;
				left:9px;
				width:270px;
				height:80%;				
				border-left:none;
				/*border:1px solid red;*/
			}

		#content_loginpage {
			position:absolute;
			bottom:0px;
			left:0px;
			height:90%;
			width:100%;
			padding-top:40px;
			background-image:url(/images/backgrounds/bgloginpage.jpg);
			background-repeat:no-repeat;
			background-position:left bottom;
		}

		#content {
			position:absolute;
			top:0px;
			left:10px;
			height:97%;
			width:97%;
			padding:10px 0px;
			/*overflow-y:auto;
			overflow-x:hidden;*/
			/*border:1px solid green;*/
		}

		#content_dataeval {
			position:absolute;
			top:0px;
			left:20px;
			height:97%;
			width:97%;
			padding:10px 0px;
			overflow-y:hidden;
			overflow-x:hidden;
			/*border:1px solid red;*/
		}
		
			#selectionarea {
				position:absolute;
				top:0px;
				left:0px;
				height:90%;
				width:26%;
				/*border:1px solid green;*/
			}
			
		
			#subcontent {
				position:absolute;
				top:0px;
				right:0px;
				height:90%;
				width:73%;
				/*border:1px solid red;*/
			}
		
			#buttonarea {
				position:absolute;
				bottom:0px;
				left:0px;
				height:90px;
				width:650px;
				text-align:center;
				/*border:1px solid red;*/
			}
			
				#buttonarea form input {
					float:left;
					font-size:24px;
					font-weight:bold;
					margin:0px 80px 0px 40px;
				}
			
			#buttonareabackend {
				position:absolute;
				bottom:0px;
				left:0px;
				height:52px;
				width:100%;
				text-align:center;
				/*border:1px solid red;*/
			}
			
				#buttonareabackend form input {
					float:left;
					font-size:22px;
					font-weight:bold;
					/*width:212px;*/
					margin:0px 10px 0px 15px;
				}

				#buttonareabackend a {
					float:left;
					font-size:22px;
					font-weight:bold;
					/*width:212px;*/
					margin:0px 10px 0px 15px;
					text-decoration:none;
				}
			
			#buttonarearestricted {
				position:absolute;
				bottom:0px;
				left:40px;
				height:250px;
				width:700px;
			}
			
				#buttonarearestricted form input {
					float:left;
					font-size:24px;
					font-weight:bold;
					margin:0px 190px 4px 0px;
					padding:2px 2px;
				}
			
		
		/*----- Login - Code-Pad*/
		#loginscreen {
			text-align:center;
			width:100%;
		}
		
		#loginpad {
			text-align:center;
			width:300px;
			margin:0 auto;
		}
		
		#loginpad table {
			height:350px;
			width:300px;
			text-align:center;
		}
		
		#loginpad table td {
			background-color:white;
			width:90px;
			height:80px;
		}
		
		#loginpad table input {
			font-size:26px;
			width:88px;
			height:78px;
			border:none;
			background-color:white;
		}

#footer {
	position:absolute;
	background-color:grey;
	font-size:28px;
	color:white;
	/*top:560px;*/
	bottom:0px;
	height:40px;
	width:100%;
	padding-top:3px;
	z-index:0;
	border: 1px solid black;
}

	#brandlogo {
		position:absolute;
		/*top:565px;*/
		bottom:7px;
		right:0px;
		background-image:url(/images/backgrounds/Logo_m-touch_s.png);
		background-repeat:no-repeat;
		height:30px;
		width:100px;
		z-index:2;
	}

	#languageselectionarea {
		position:absolute;
		/*top:565px;*/
		bottom:1px;
		left:0px;
		height:40px;
		width:300px;
		z-index:2;
	}

		#languageselectionarea form input {
			float:left;
			font-size:22px;
			font-weight:bold;
			/*width:212px;*/
			margin:0px 30px 0px 35px;
		}


/*---------------------------------------------------------------------------------------------*/
/*====== blocks used on multiple pages ========================================================*/
/*---------------------------------------------------------------------------------------------*/

/*====== errorhandling ========================================================================*/

ul.errmsg {
	padding:0px 15px;
	font-size:16px;
}



/*====== hover helps / tooltips ===============================================================*/
a.hoverhelp {
	position:relative;
	z-index:24;
	color:#000;
	text-decoration:none;
}

a.hoverhelp:hover {
	z-index:25;
	background-color:#ff0;
}

a.hoverhelp span {
	display:none;
}

a.hoverhelp:hover span {
	display:block;
	position:absolute;
	top:2em;
	left:-6em;
	padding:5px;
	border:2px solid green;
	color:#000;
	background-color:yellow;
	text-align:left;
	font-size:10px;
	white-space:nowrap;
}

a.hoverhelp_col1 {
	position:relative;
	z-index:24;
	color:#000;
	text-decoration:none;
}

a.hoverhelp_col1:hover {
	z-index:25;
	background-color:#ff0;
}

a.hoverhelp_col1 span {
	display:none;
}

a.hoverhelp_col1:hover span {
	display:block;
	position:absolute;
	top:2em;
	left:0em;
	padding:5px;
	border:2px solid green;
	color:#000;
	background-color:yellow;
	text-align:left;
	font-size:10px;
	white-space:nowrap;
}

/*---------------------------------------------------------------------------------------------*/
#dataoutput {
	position:relative;
	width:100%;
	top:5px;
	height:82%;
	margin-bottom:15px;
	overflow-y:scroll;
	overflow-x:auto;
	/*border: 1px solid red;*/
}

#dataoutput table {
	width:100%;
}

#dataoutput table th {
	font-size:12px;
	background-color:#D5D8FF;
	white-space:nowrap;
}

#dataoutput table td {
	font-size:10px;	
	background-color:white;
	white-space:nowrap;
}

/*====== deviceselection ======================================================================*/
#deviceselection {
	position:relative;
	width:100%;
	height:75%;
	top:10px;
	border: 1px solid blue;
}

#deviceselectiontbl {
	position:absolute;
	width:100%;
	height:88%;
	overflow-y:scroll;
	overflow-x:auto;
	/*border: 1px solid red;*/
}

table#tblDeviceselect {
	width:100%;
}

#deviceselection table th {
	font-size:14px;
	background-color:#D5D8FF;
}

#deviceselection table td {
	font-size:12px;
	background-color:white;
}

.deviceselectionbtn {
	position:absolute;
	bottom:0px;
}

#deviceselectionbtn {
	position:absolute;
	bottom:0px;
}

/*====== dataselection ======================================================================*/
#dataselection {
	position:relative;
	width:100%;
	top:20px;
	overflow-y:hidden;
	overflow-x:auto;
	border: 1px solid blue;
}

#dataselection table {
	width:100%;
}

#dataselection table th {
	font-size:14px;
	background-color:#D5D8FF;
}

#dataselection table td {
	font-size:12px;
	background-color:white;
}

/*====== datastatus - top area on dataselection pages of dataevalview where details about dataset is shown ====================*/
#datastatus {
	position:relative;
	width:100%;
	height:60px;
	/*border: 1px solid green;*/
}

#datastatus table {
	width:100%;
}

#datastatus table th {
	font-size:12px;
	background-color:#D5D8FF;
}

#datastatus table td {
	font-size:10px;
}

/*====== output of cleaning-|rating-|pc data in datatable ======================================================================*/
#datatblselect {
	position:absolute;
	top:0px;
	left:0px;
	height:5%;
	width:100%;
	padding-top:6px;
	/*border:1px solid red;*/
}

#datatblarea {
	position:absolute;
	top:6%;
	left:0px;
	height:94%;
	width:100%;
	overflow-y:hidden;
	overflow-x:hidden;
	/*border:1px solid green;*/
}

.datatable {
	width:100%;
	font-size:10px;
}

.datatblsection_pclog {
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:30%;
	overflow-y:auto;
	overflow-x:hidden;
	/*border:1px solid blue;*/
}

.datatable_pclog {
	float:left;
	width:100%;
	font-size:10px;
	margin-bottom:15px;
}

.datatable_pclog th {
	background-color:#D5D8FF;
	padding:2px 3px;
}


.datatable_ratingdata {
	float:left;
	width:100%;
	font-size:10px;
	margin-bottom:15px;
}

.datatable_ratingdata th {
	background-color:#D5D8FF;
	padding:2px 3px;
}

.datatblsection_ratingdata {
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:55%;
	overflow-y:auto;
	overflow-x:hidden;
	/*border:1px solid blue;*/
}


.datatable_cleaningdata {
	float:left;
	width:100%;
	font-size:10px;
	margin-bottom:15px;
}

.datatable_cleaningdata th {
	background-color:#D5D8FF;
	padding:2px 3px;
}

.datatblsection_cleaningdata {
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:40%;
	overflow-y:auto;
	overflow-x:hidden;
	/*border:1px solid blue;*/
}



/*====== output of charts ======================================================================*/
/*div#chartdiv1 {
	position:relative;
	width:95%;
	height:95%;
	text-align:center;
}*/


.printheader {
	display:none;
}


/*====== diagramoptionsarea on diagram pages - options for diagram output =======================*/
#diagramoptionsarea {
	position:absolute;
	top:0px;
	left:0px;
	height:15px;
	width:98%;
	padding-top:0px;
	overflow-y:hidden;
	overflow-x:hidden;
	z-index:10;
	background-color:#D5D8FF;
	opacity:1;
	border:2px solid blue;

	-webkit-transition: height 2s ease;
	-webkit-transition-delay: 0s;

	-moz-transition: height 2s ease;
	-moz-transition-delay: 0s;

	-o-transition: height 2s ease;
	-o-transition-delay: 0s;

	-ms-transition: height 6s ease-in;
	-ms-transition-delay: 4s;
	
}

#diagramoptionsarea:hover {
	height:250px;

	transition: height 2s ease;
	transition-delay: 0s;
}

#diagramoptionsarea div.divfloatleft {
	float:left;
	margin:1px 10px 0px 10px;
}




table.tblchartsettings {
	
}

table.tblchartsettings th {
	font-size:12px;
	font-weight:bold;
}

table.tblchartsettings td {
	font-size:14px;
}

table.tblchartsettings label {
	padding:2px 5px;
	/*border:1px solid red;*/
}

/*#closeoptionsarea {
	position: absolute;
	width:100%;
	height:20px;
	bottom:0px;
	background-color:grey;
	border:1px solid red;
}

#diagramoptionsarea:hover > #closeoptionsarea {
	height:15px;
	background-color:red;
}*/



#diagramarea {
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	width:100%;
	padding-top:20px;
	overflow-y:auto;
	overflow-x:hidden;
	z-index:8;
	/*border:1px solid green;*/
}

.mschartlegend {
	margin: 0 auto;
	width: 100%;
	margin-bottom:25px;
	margin-left:100px;
	/*border:1px solid green;*/
}

table.chartlegend {

}

.chartdatatbl {
	/*height: 100px;*/
	width: 100%;
	border:2px solid blue;

}

table.chartdatatbl {

}



/*====== timerec - pages =======================================================================*/
#tablenavigationarea {
	position:relative;
	background-color:#80FFBF;
	bottom:0px;
	left:0px;
	height:25px;
	width:99%;
	text-align:center;
	border:4px ridge #80FFBF;
	padding-top:2px;
}
			
	#tablenavigationarea form input {
		float:left;
		font-size:14px;
		font-weight:bold;
		/*width:212px;*/
		padding:0px 5px 0px 5px;
	}
	
	#tablenavigationarea form select {
		float:left;
		font-size:14px;
		font-weight:bold;
		/*width:212px;*/
		margin:2px 3px 0px 3px;
	}
				
				
				
div#timerecarea {
	position:relative;
	height:75%;
	top:5px;
	overflow-y:scroll;
	overflow-x:hidden;
	/*border: 1px solid blue;*/
}

table#timerectbl {
	border: 2px solid #80FFBF;
}

div#timerecarea table#timerectbl th {
	font-size:16px;
	font-weight:bold;
	background-color:#80FFBF;
	padding:2px 3px;
}

div#timerecarea table#timerectbl td {
	font-size:12px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 2px solid #80FFBF;
}


/*----- onscreenkeyboard -----*/
.mantel{width:90%;margin:5em auto;text-align:center;}

.num{float:left;}

.alpha{float:left;}

.mantel input[type=button]{
	float:left;
	width:6em;
	height:6em;
	border:5px outset silver;
	background-color:silver;
}

.mantel input[type=submit]{
	float:left;
	width:7em;
	height:12em;
	border:5px outset silver;
	background-color:silver;
}

.mantel input[type=submit]:focus{
	border:4px inset silver;
}

.mantel br{
	clear:both;
}

/*---------------------------------------------------------------------------------------------*/
/*====== blocks used on single pages =============================================================*/
/*---------------------------------------------------------------------------------------------*/

/*====== index - startpage =======================================================================*/

#loginarea {
	position:absolute;
	top:490px;
	left:585px;
	height:25%;
	width:40%;
	padding:20px 0px;
	/*border:1px solid green;*/
}

#loginarea table tr {
}

#loginarea table th {
	font-size: 14px;
	margin: 10px 10px;
	padding: 10px 10px;
}

/*----- index.php - 2nd page (request if evaluation on 1st page was bad)*/


input.largerbutton {
	font-size:20px;
}

input.radiobuttonlarge {
	height:40px;
	width:40px;
}


/*====== devicestatus ============================================================================*/
#devicestatus {
	position:relative;
	width:100%;
	height:84%;
	top:5px;
	overflow-y:scroll;
	overflow-x:scroll;
	background-color:white;
	/*border: 1px solid blue;*/
}

#devicestatus table {
	font-size:12px;
	width:100%;
}

#devicestatus table th {
	min-width:20px;
	padding:1px 3px;
	background-color:#D5D8FF;
}

#devicestatus table td.crop {
	padding:1px 5px;
	white-space:nowrap;
}

#devicestatus table td.expand {
	padding:0px 3px;
	width:99%;
}


.devicestatus-vertsep {
	background-color:#D5D8FF;
}




#devicestatus_quickview {
	position:relative;
	width:100%;
	height:67%;
	top:2px;
	overflow-y:scroll;
	overflow-x:scroll;
	background-color:white;
}


#devicestatus_quickview table {
	position:relative;
	font-size:12px;
	width:100%;
	height:40%;
}

#devicestatus_quickview table th {
	min-width:20px;
	padding:0px 3px;
	background-color:#D5D8FF;
}

#devicestatus_quickview table td {
	min-width:20px;
	padding:0px 3px;
	white-space:nowrap;
}

#devicestatus_quickview table td.crop {
	padding:0px 3px;
	white-space:nowrap;
}




/*====== dataevalview ============================================================================*/
table#tblEvalselect {
	border-collapse:collapse;
	width:80%;
	margin-left:5%;
}

#tblEvalselect th {
	text-align:left;
	font-size:16px;
	font-weight:bold;
	color:black;
}

#tblEvalselect td {
	padding:2px 5px;
	font-size:14px;
	font-weight:bold;
	vertical-align:top;
}

#tblEvalselect td.vseperator {
	/*width:3px;*/
	padding:0px;
}


/*====== configuration ============================================================================*/
table#tblConfiguration {
	border-collapse:collapse;
}

#tblConfiguration th {
	font-size:18px;
	font-weight:bold;
	background-color:grey;
	color:black;
}

#tblConfiguration td {
	padding:2px 5px;
	font-size:16px;
	font-weight:bold;
	vertical-align:top;
}

#tblConfiguration td.vseperator {
	/*width:3px;*/
	padding:0px;
}

div#subtable {
	overflow:auto;
	height:120px;
}

table#subtable {
	border-collapse:collapse;
	margin-top:5px;
}

table#subtable th {
	padding:1px 2px;
	font-size:16px;
	font-weight:normal;
}

table#subtable td {
	padding:1px 2px;
	font-size:12px;
	font-weight:normal;
}





#tblConfiguration div.subtable {
	overflow:auto;
	height:250px;
	margin-bottom:5px;
}

#tblConfiguration table.subtable {
	border-collapse:collapse;
	margin-top:5px;
}

#tblConfiguration table.subtable th {
	padding:1px 2px;
	font-size:16px;
}

#tblConfiguration table.subtable td {
	padding:1px 2px;
	font-size:12px;
}





div#subtableemails {
	overflow-y:scroll;
	height:60px;
}


/*----- subpages ------ */
table#tblConfigurationSubpage {
	border-collapse:collapse;
}

#tblConfigurationSubpage th {
	font-size:16px;
	font-weight:bold;
	background-color:grey;
	padding:2px 5px;
	color:black;
}

#tblConfigurationSubpage td {

	/*padding-top:10px;*/
	padding:5px 5px;
	font-size:16px;
	font-weight:bold;
	vertical-align:top;
}

#tblConfigurationSubpage th.vseperator {
	width:3px;
	padding:0px;
}

#tblConfigurationSubpage td.vseperator {
	width:3px;
	padding:0px;
	background-color:grey;
}

#tblConfigurationSubpage form input {
	padding:5px;
	font-size:12px;
}

#tblConfigurationSubpage form select {
	font-size:16px;
	width:230px;
	height:200px;
	margin:2px 0;
	padding:0;
}

#tblConfigurationSubpage form select option {
	padding:2px 0px;
}


/*---------------------------------------------------------------------------------------------*/
/*------- Satellite settings-sync -------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
table#tblConfigurationsubpageSatsync {
	border-collapse:collapse;
}

#tblConfigurationsubpageSatsync th {
	font-size:16px;
	font-weight:bold;
	background-color:grey;
	padding:2px 5px;
	color:black;
}

#tblConfigurationsubpageSatsync td {

	/*padding-top:10px;*/
	padding:2px 5px;
	font-size:16px;
	font-weight:bold;
	vertical-align:top;
}

#tblConfigurationsubpageSatsync th.vseperator {
	width:3px;
	padding:0px;
}

#tblConfigurationsubpageSatsync td.vseperator {
	width:3px;
	padding:0px;
	background-color:grey;
}

#tblConfigurationsubpageSatsync form input {
	padding:5px;
	font-size:12px;
	border:1px solid red;
}

#tblConfigurationsubpageSatsync form select {
	font-size:14px;
	width:300px;
	margin:2px 0;
	padding:0;
}

#tblConfigurationsubpageSatsync form select option {
	padding:1px 0px;
}

/*====== satsyncdeviceselection ======================================================================*/
#satsyncdeviceselection {
	position:relative;
	width:100%;
	height:540px;
	border: 1px solid blue;
}

#satsyncdata {
	position:relative;
	width:100%;
	height:300px;
	overflow-y:hidden;
	overflow-x:hidden;
	border: 1px solid green;
}

#satsynccleanerselectionblock {
	position:absolute;
	width:100%;
	height:88%;
	overflow-y:scroll;
	overflow-x:auto;
	border: 1px solid red;
}

#satsyncdeviceselectionblock {
	position:absolute;
	width:100%;
	height:88%;
	overflow-y:scroll;
	overflow-x:auto;
	border: 1px solid green;
}

table#tblSatsyncdeviceselect th {
	font-size:14px;
}

table#tblSatsyncdeviceselect td {
	font-size:14px;
}

table#tblSatsyncdata th {
	font-size:12px;
}

table#tblSatsyncdata td {
	font-size:12px;
}


/*
#deviceselection table th {
	font-size:14px;
	background-color:#D5D8FF;
}

#deviceselection table td {
	font-size:12px;
	background-color:white;
}

#deviceselectionbtn {
	position:absolute;
	bottom:0px;
}*/

/*---------------------------------------------------------------------------------------------*/
/*====== allgemeine Einstellungen =============================================================*/
/*---------------------------------------------------------------------------------------------*/

h1 {
	font-size:22px;
	margin-bottom:8px;
}

h2 {
	font-size:18px;
	margin:0;
}

h3 {
	font-size:14px;
	margin:0;
}

h4 {
	font-size:12px;
	margin:0;
}


p {
	font-size:14px;
	margin-bottom:1em;
	border:1px solid red;
}

label {
	padding:10px 10px;
	/*border:1px solid red;*/
}

a img {
	text-decoration:none;
	border:none;
}

.spacer {
	height:10px;
	width:100%;
	/*border:1px solid red;*/
}

/* old stuff */
button {
	background-color:transparent;
}

#hiddenarea form input {
	font-size:36px;
	background-color:transparent;
	color:transparent;
}

.row_0 {
	background-color:none;
}

.row_1 {
	background-color:#D5D8FF;
}