head { th { background-color: #ffffe0};
 }

body {font-family: arial;font-size:10pt;
color:#0b55c4;background-color: #d3d3d3 ;
background-image: url(iotdemo.gif);
background-repeat: no-repeat;
}


* {
	padding: 0 px;
	margin: 0 px;
}




#tabelle 
{
	position: absolute;
	//background-color: #d3d3d3;
	//background-color: #ffffe0;
	background-color: #ddd;
	margin-top: 18px;
	margin-left: 230px;
	border-collapse: collapse;
	padding: 5 px;
	//color: #0000ff;
	color: #000000;	
    text-align: right;

	}
#tabelle th
{
    background-color: #cdc9c9;
	//background-color: #cccccc;
	
	}	
	
#tabelle h3
{
   text-align: center;
	
	}	
	
	
	
	
#tabelle tr:nth-child(even)
{
    //background-color: #87ceeb;
	background-color: #ddd;
	//background-color: #cccccc;
	}	
#tabelle tr:nth-child(odd)
{
    //background-color: #fdfd00;
	background-color: #ffff99;
	//background-color: #cccccc;
	}			
#tabelle1 
{
	position: absolute;
	//background-color: #d3d3d3;
	background-color: #ddd;
	
	//background-color: #ffffe0;
	margin-top: 18px;
	margin-left: 230px;
	border-collapse: collapse;
	padding: 5 px;
	//color: #0000ff;
	color: #000000;	
    text-align: right;

	}
#tabelle1 th
{
   // background-color: #87ceeb;
	background-color: #cdc9c9;
	
	//background-color: #cccccc;
	
	}	
	
#tabelle1 h3
{
   text-align: center;
	background-color: #light-green;
	}	
	
	
	
	
#tabelle1 tr:nth-child(even)
{
    //background-color: #87ceeb;
	background-color: #ffff99;
	//background-color: #cccccc;
	}	
#tabelle1 tr:nth-child(odd)
{
    //background-color: #87ceeb;
	background-color: #grey;
	//background-color: #cccccc;
	}				
	
	
	#tabelle2 
{
	position: absolute;
	//background-color: #d3d3d3;
	background-color: #ddd;
	
	//background-color: #ffffe0;
	margin-top: 300px;
	margin-left: 250px;
	border-collapse: collapse;
	padding: 1 px;
	//color: #0000ff;
	color: #000000;	
    text-align: right;

	}
#tabelle2 th
{
    //background-color: #87ceeb;
	//background-color: #cdc9c9;
	background-color: #cccccc;
	
	}	
	
#tabelle2 h3
{
   text-align: center;
	background-color: light-green;
	}	
	
	
	
	
#tabelle2 tr:nth-child(even)
{
    //background-color: #87ceeb;
	background-color: #ffff99;
	//background-color: #cccccc;
	}	
#tabelle2 tr:nth-child(odd)
{
    //background-color: #87ceeb;
	background-color: #grey;
	//background-color: #cccccc;
	}				
		
#introtext
{
position: relative;
	font-family: arial;font-size:14pt;
	text-align: left;
	background-color:#d3d3d3 ;
	//background-color:#009933 ;
	border: 2px solid  #8a1182;
	//border: 2px solid  #8a 1182;
	margin-left: 100px;
	margin-top: 100px;
	width: 50%;
	height:50%;
	//margin-right: 1px;
	padding: 10 10 10 10 px;
	color: #000000;
	//color: #ffffff;
    text-align: center;	
	
}

#introtextsmall
{
position: relative;
	font-family: arial;font-size:14pt;
	text-align: left;
	background-color:#d3d3d3 ;
	//background-color:#009933 ;
	border: 2px solid  #8a1182;
	//border: 2px solid  #8a 1182;
	margin-left: 100px;
	margin-top: 100px;
	width: 30%;
	height:50%;
	//margin-right: 1px;
	padding: 10 10 10 10 px;
	color: #000000;
	//color: #ffffff;
   	
}


	
	


#introtextdem
{
position: absolute;
	font-family: arial;font-size:14pt;
	text-align: left;
	background-color:#d3d3d3 ;
	//background-color:#009933 ;
	//border: 2px solid  #8a1182;
	border: 2px solid  blue;
	margin-left: 50px;
	width: 650px;
	
	top: 180px;
	margin-right: 1px;
	padding: 10 10 10 10px;
	color: #000000;
	//color: #ffffff;
    text-align: center;	
	
	
	
}

#introtext1
{
position: relative;
	font-family: arial;font-size:12pt;
	border: 2px solid #666;
	margin-left: 250px;
	width: 40em;
	margin-right: 190px;
	margin-top: 200px;
	margin-bottom: 5px;
	
	padding: 10 10 10 15 px;
	color: #0000ff;
	background-color: #ddd;
	//background-color: #00FF99;
    text-align: left;	
		
}



#formular 
{
	position: absolute;
	color: #0000ff;
	border: 1px solid #0000ff;
	hight: 80%;
	//textgroesse80%vomelternelem;
	width:700px;
	//textgroesse;
	float: top;
	margin-top: 200px;
	margin-left: 10px;
	//vom linken rand das umgebenden elements 430 entfernt;
	
	
	padding-right 5px;
	//innenrand;
	padding-left: 15px;
	padding-bottom: 5px;
	background-color: #d3d3d3;
    text-align: left;	
	display: block;
	
	}	



#formularbreit 
{
	position: absolute;
	color: #0000ff;
	border: 1px solid #0000ff;
	height: 85%;
	width:700px;
	margin-top: 130px;
	//bei menue margintop auf 10 setzen
	margin-left: 100px;
	//bei menue marginleft auf 250 setzen
	
	padding-right 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	background-color: #d3d3d3;
    text-align: left;
	
	
}	

#formularbreitdem 
{
	position: absolute;
	color: #0000ff;
	border: 1px solid #0000ff;
	
	width:600px;	margin-top: 100px;
	//bei menue margintop auf 10 setzen
	margin-left: 200px;
	//bei menue marginleft auf 250 setzen
	
	padding-right 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	background-color: #d3d3d3;
    text-align: left;
	
	
}	


#meldungen_positiv 
{
	position:relative; top:20 px; 
	margin: 5  5  5  5 px;
	padding: 5  5  5  5 px;
	left: 250px;
	width: 300px;
	color: #009900;
	
    text-align: left;
}


#rechteseiteintro
{
	position:absolute; 
	top:180px;
	margin: 2  2 2  2px;
	padding: 2  2 2 2px;
	
	left: 760px;
	height: 410px;
	width: 200px;
	color: black;
	background-color: #d3d3d3;
	border: 2px solid #8a1182;
    text-align: left;
}


#rechteseite
{
	
	position:absolute; 
	top: 150px;
	//bottom:0px;
	margin: 1  1 0  1px;
	padding: 1  1 0  1px;
	left: 730px;
	height: 300px;
	width: 200px;
	color: blue;
	background-color: #d3d3d3;
	border: 1px solid #0000ff;
    text-align: left;
}
#rechteseiteiot
{
	
	position:absolute; 
	top: 100px;
	//bottom:0px;
	margin: 1  1 0  1px;
	padding: 1  1 0  1px;
	left: 780px;
	height: 300px;
	width: 200px;
	color: blue;
	background-color: #d3d3d3;
	border: 1px solid #0000ff;
    text-align: left;
}
#rechteseitebreit
{
	
	position:absolute; 
	top: 200px;
	//bottom:0px;
	margin: 1  1 0  1 px;
	padding: 1  1 0  1 px;
	left: 100px;
	height: 300px;
	width: 500px;
	color: blue;
	background-color: #d3d3d3;
	border: 1px solid #0000ff;
    text-align: left;
}

#rechteseite1
{
	
	position:absolute; 
	top:140px;
	
	margin: 1  1 0  1 px;
	padding: 1  1 0  1 px;
	left: 740px;
	height: 600px;
	width: 200px;
	color: blue;
	background-color: #d3d3d3;
	border: 1px solid #0000ff;
    text-align: left;
}

#rechteseiteschmal

{
	
	position:absolute; 
	top:200px;
	bottom:0px;
	margin: 1  1 0  1 px;
	padding: 1  1 0  1 px;
	
		width: 100px;
	color: blue;
	background-color: #d3d3d3;
	border: 1px solid #0000ff;
    text-align: left;
}



#maschbild 
{
	position: absolute;
	border: 1px solid #080080;	
	background-color: #d3d3d3;
	margin-left: 15px;
	width: 600px;	

	margin-top: 180px;
	padding: 5px;
	color: #0000ff;
}




#anmeldung 
{
	position: relative;
	border: 1px solid #8a1182;	
	background-color: #ccc;
	margin-left: 300px;
	margin-right: 300px;
	margin-top: 70px;
	margin-bottom: 10px;
	padding: 1px;	
	color: #0000ff;	
}





#meldungen_negativ 
{
	position:relative; 
	top:20 px;
	margin-left: 250px;
	margin-right:50px;
	margin-top: 5 px;
	padding 5 px;
	color: #ff0000;
	width:400px;
	text-align: left;
}	

#meldungen_footer 
{
	position: absolute;
	width: 630px;
	text-align: center;
	border: 1px solid #000000;	
	color: red;
	margin-left: 50px;
	margin-top: 410px;
	padding: 5px;
	
}
#meldungen_alert 
{
background-color:#ddd;;	
}

#footer 
 {
   position: absolute;
   top: 600px;
   width: 80%;
   background-color: red;
   color: white;
   text-align: center;
   border: 1px solid #black;	
}