* {
	margin:0;
	padding:0;
}
	
html, body {
	position:absolute;
	height:800px;
	width:1280px;
	color:#666666;
	margin:0 auto 0 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;
	height:66px;
	width:1280px;
	margin-top:0px;
	z-index:0;
	background-image:url(/images/backgrounds/header1.jpg);
	background-repeat:no-repeat;
}


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

#languageselectionarea {
		position:absolute;
		/*top:565px;*/
		left:0px;
		height:40px;
		width:800px;
		margin:10px 0px;
		z-index:2;
	}

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

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

#contentarea {
	position:absolute;
	top:67px;
	left:0px;
	height:670px;
	width:1280px;
	color:black;
	background-color:white;
	/*border:1px solid red;*/
}

		/*----- for user - mode*/		
		#leftcolumn {
			position:absolute;
			float:right;
			top:0px;
			left:0px;
			height:633px;
			width:380px;
			border:1px solid blue;
		}
		
			#leftcolumn_entry1 {
				position:absolute;
				top:0px;
				left:0px;
				height:0px;
				width:50px;
				margin-top:20px;
				margin-left:25px;
				/*background-image:url(/images/backgrounds/firmenlogo.png);*/
				background-repeat:no-repeat;
				/*border:1px solid green;*/
				display:none;
			}
			
			#leftcolumn_entry2 {
				position:absolute;
				top:20px;
				left:20px;
				width:380x;
				height:633px;				
				padding: 0px 0px;
				background-repeat:no-repeat;*/
				/*border:1px solid #999999;*/
				border-left:none;
				/*border:1px solid red;*/
			}

			#leftcolumn_entry2_fix {
				position:absolute;
				top:20px;
				/*padding-top:2px;
				padding-left:2px;*/
				left:20px;
				width:380px;
				height:633px;				
				border-left:none;	
			}
			
			
		
		#content {
			position:absolute;
			top:104px;
			bottom:19px;
			right:50px;
			left:440px;
			/*height:370px;
			width:598px;*/
			/*width:790px;*/
			margin:0;
			padding:0;
			/*border:1px solid green;*/
		}

                #content_backend {
                        position:absolute;
                        top:70px;
                        right:50px;
			left:440px;
                        /*height:370px;
                        width:598px;*/
                        height:600px;
                        /*border:1px solid green;*/
                }
	
			#buttonarea {
				position:absolute;
				bottom:0px;
				left:0px;
				height:110px;
				width:100%;
				margin-left:0px;
				text-align:center;
				/*border:1px solid red;*/
			}
			
				#buttonarea form input {
					float:left;
					font-size:24px;
					font-weight:bold;
					margin:0px 90px 0px 50px;
				}

			#buttonareasubrtg {
				position:absolute;
				/*bottom:8px;*/
				bottom:0px;
				left:0px;
				height:70px;
				width:810px;
				text-align:center;
				/*border:1px solid blue;*/
			}
			
				#buttonareasubrtg form input {
					float:left;
					font-size:22px;
					font-weight:bold;
					/*width:212px;*/
					/*margin:0px 30px 0px 35px;
					padding:0px 2px;*/
					margin:0px;
					padding:0px;
				}

				#buttonareasubrtg button {
					float:left;
					font-size:22px;
					font-weight:bold;
					/*width:212px;*/
					/*margin:0px 30px 0px 35px;
					padding:0px 2px;*/
					margin:0px;
					padding-left:4px;
				}
	
	
			#buttonareabackend {
				position:absolute;
				bottom:8px;
				left:0px;
				height:70px;
				width:810px;
				text-align:center;
				/*border:1px solid blue;*/
			}
			
				#buttonareabackend form input {
					float:left;
					font-size:22px;
					font-weight:bold;
					/*width:212px;*/
					margin:0px 30px 0px 35px;
					padding:0px 2px;
				}
			
				#buttonareabackend button {
					float:left;
					font-size:22px;
					font-weight:bold;
					/*width:212px;*/
					margin:0px 30px 0px 5px;
					padding:0px 2px;
				}
			
			#buttonarearestricted {
				position:absolute;
				bottom:270px;
				left:40px;
				height:150px;
				width:770px;
				/*border:1px solid red;*/
			}
			
				#buttonarearestricted form input {
					float:left;
					font-size:24px;
					font-weight:bold;
					margin:0px 270px 4px 0px;
					padding:2px 0px;
				}

			#buttonareadirectalarms {
				position:absolute;
				bottom:90px;
				left:40px;
				height:180px;
				width:770px;
				text-align:left;
				/*border:1px solid green;*/
			}
			
				#buttonareadirectalarms form input {
					float:left;
					font-size:22px;
					font-weight:bold;
					/*width:212px;*/
					margin:0px 40px 0px 0px;
					padding:10px 0px;
				}

			#buttonareadirectalarmspage {
				position:absolute;
				left:40px;
				height:550px;
				width:770px;
				text-align:left;
				/*border:1px solid green;*/
			}
			
				#buttonareadirectalarmspage form input {
					float:left;
					font-size:22px;
					font-weight:bold;
					/*width:212px;*/
					margin:0px 50px 0px 0px;
					padding:10px 0px;
				}
			
			/*#buttonareaadministration {
				position:absolute;
				bottom:0px;
				left:0px;
				height:250px;
				width:648px;
				text-align:center;
			}
			
				#buttonareaadministration form input {
					float:left;
					font-size:24px;
					font-weight:bold;
					margin:10px 70px 10px 70px;
					padding:2px 2px;
				}*/
		
		/*----- Login - Code-Pad*/
		#loginscreen {
			text-align:center;
			width:100%;
		}
		
		#loginpad {
			text-align:center;
			width:400px;
			margin:0 auto;
		}
		
		#loginpad table {
			height:480px;
			width:400px;
			text-align:center;
		}
		
		#loginpad table td {
			background-color:white;
			width:130px;
			height:120px;
		}
		
		#loginpad table input {
			font-size:34px;
			width:128px;
			height:118px;
			border:none;
			background-color:white;
		}

#footer {
	position:absolute;
	background-color:#666666;
	font-size:36px;
	color:white;
	top:740px;
	height:60px;
	width:1280px;
	padding-top:10px;
	z-index:0;
}

	#brandlogo {
		position:absolute;
		top:745px;
		right:10px;
		background-image:url(/images/backgrounds/Logo_m-touch_s.png);
		background-repeat:no-repeat;
		height:50px;
		width:127px;
		z-index:2;
	}

/*---------------------------------------------------------------------------------------------*/
/*====== blocks used on multiple pages =============================================================*/
/*---------------------------------------------------------------------------------------------*/
div#cleaningtable {
	height:500px;
	overflow-y:auto;
	overflow-x:hidden;
	/*border:1px solid red;*/
}

table#tblCleaningtable {

}

#cleaningtable table th {
	font-size:18px;
	font-weight:bold;
	background-color:grey;
	padding:2px 5px;
}

#cleaningtable table td {
	font-size:16px;
	padding:0px 8px;
}

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

.mantel .textbar {
	margin:0px;
	padding-left:40px;
	text-align:left;
}

.mantel input[type=text]{
	font-size: 20px;
}

.num{float:left;}

.alpha{float:left;}

.mantel input[type=button]{
	float:left;
	width:100px;
	height:100px;
	border:6px outset silver;
	background-color:silver;
	margin:3px;
	font-size:22px;
	font-weight:bold;
}

.mantel input[type=submit]{
	float:left;
	width:140px;
	height:206px;
	margin:3px;
	border:6px outset silver;
	background-color:silver;
	font-size:22px;
	font-weight:bold;
}

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

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

.mantel input[type=submit]{
	float:left;
	width:9em;
	height:14em;
	margin:3px;
	margin-bottom:8px;
	border:6px outset silver;
	background-color:silver;
}

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

.mantel br{
	clear:both;
}

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

/*----- index.php - 2nd page (request if evaluation on 1st page was bad)*/
table#tblrating2 {
	width:100%;
	border-collapse:collapse;
	/*border:1px solid red;*/
}

table#tblrating2 tr {
 height: 5px;
}

table#tblrating2 tr.tbllinespacer {
	height:0px;
}


table#tblrating2 th {
	padding: 0px 0px 0px 12px;
	text-align:left;
	font-size:24px;
	font-weight:bold;
	/*border-top:2px solid black;
	border-left:2px solid black;
	border-bottom:2px solid black;*/
}

table#tblrating2 tr td {
	padding: 0px 0px 0px 0px;
	border:none;
	/*border-top:2px solid black;
	border-bottom:2px solid black;*/
}

.ticktogglebtn {
	height:58px;
	width:58px;
	padding-top:4px;
}

fieldset {
	border:none;
	/*border:1px solid red;*/
}

/*input.largercheckbox {
	height:40px;
	width:40px;
}*/

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

/*.chkbtset {
	border:3px solid red;
}

.chkbtnnotset {
	border:3px solid black;
}*/


/*.togglebutton {
	border:3px solid black;
	width:150px;
	height:60px;
	margin:10px 25px;
	border-radius: 10%;
}

.togglebutton-selected {
	border:3px solid red;
	width:150px;
	height:60px;
	margin:10px 25px;
}*/

.toggle label {
	/*color: #444;*/
	color: white;
	float: left;
	line-height: 26px;

}
.toggle .toggle-button {
	float: left;
	width: 160px;
	height: 60px;
	/*background-color: #dddddd;*/
	background-color: #005298;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	/*border: 7px solid #D1D1D1;*/
	/*border: 3px solid #656565;*/
	border: 3px solid blue;
	font-size:16px;
	font-weight:bold;
	line-height:20px;
	padding-left:5px;
	padding-top:0px;

	box-shadow: 0 10px #555;
	transition-duration:0.4s;
}
.toggle input[type=checkbox] {
	display: none;
}
.toggle input[type=checkbox]:checked ~ label .toggle-button {
	/*background-color: #ff6666;
	border: 3px solid red;
	box-shadow:0px 0px 30px 0px #ff0000;*/

	background-color: #90b0cc;
        border: 3px solid #005298;
        /*box-shadow:0px 0px 30px 0px #90b0cc;*/
	color: black;

	box-shadow: 0 5px 20px 20px #90b0cc;
	transform: translateY(6px);
}


/*----- restricted.php*/
table#tblRestricted {
	text-align:left;
}

table#tbldirectalarms tr.hseperator {
	height:15px;
}

table#tbldirectalarms tr td h3 {
	font-size:22px;
}

/*----- controller.php*/
table#surveyanalysistable {
	border-collapse:collapse;
}

#surveyanalysistable th {
	font-size:22px;
	font-weight:bold;
	background-color:grey;
}

#surveyanalysistable td {
	font-size:24px;
	font-weight:bold;
}

table#evaltimeselection {
	border-collapse:collapse;
}

table#evaltimeselection tr {
	border:1px solid black;
}

table#evaltimeselection td {
	height:56px;
	padding-left:4px;
}

/*th.tableseperatorrow  {
	height:4px;
	border:1px solid green;
	background-color:red;
}

td.tableseperatorrow  {
	height:4px;
	border:1px solid white;
}*/

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

#controllereval {
	height:50px;
	position:absolute;
	top:400px;
	left:0px;
	width:850px;
	text-align:center;
}

	#controllereval form input {
		float:left;
		margin:0px 35px;
	}

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

#tblConfiguration tr {
	border: 1px solid black;
}

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

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

#tblConfiguration th.vseperator {
	width:5px;
	padding:0px;
}

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

#tblConfiguration input[type='text'] {
	font-size:18px;
}

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

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

table#subtable tr {
	border:none;
}

table#subtable th {
	padding:1px 5px;
	font-size:22px;
	font-weight:bold;
}

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

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

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

table#tblnetcfg tr {
	border:none;
}

table#tblnetcfg th {
	padding:1px 5px;
	font-size:18px;
	font-weight:normal;
}

table#tblnetcfg td {
	padding:1px 5px;
	font-size:16px;
	font-weight:normal;
}

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

#tblConfigurationSubpage tr {
	border: 1px solid black;
}

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

#tblConfigurationSubpage td {
	/*padding-top:10px;*/
	padding:5px 5px;
	font-size:18px;
	font-weight:bold;
	vertical-align:top;
}

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

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

#tblConfigurationSubpage form input {
	padding:2px;
	margin-top:2px;
	font-size:14px;
}

#tblConfigurationSubpage form select {
	font-size:14px;
	width:350px;
	height:350px;
	margin:2px 0;
	padding:0;
}

#tblConfigurationSubpage form select option {
	padding:4px 5px;
}

#tblConfigurationSubpage form.dd select {
	font-size:16px;
	width:200px;
	height:30px;
	margin:2px 0;
	padding:0;
	border:1px dashed red;
}


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

h1 {
	font-size:28px;
	margin-bottom:12px;
}

h2 {
	font-size:24px;
}

h3 {
	font-size:18px;
}

h4 {
	font-size:14px;
}

h5 {
}

h6 {
}

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

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

button {
	background-color:transparent;
	border:none;
}


/* old stuff */

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

form select {
	font-size:18px;
	padding: 1px 5px 1px 5px;
}