body{
margin:10px;
padding:0px;
background-color:DarkGray;
font-family:verdana;
font-weight:lighter;
color:gray;
font-size:0.9em;
}
h1{
margin:0px 0px 0px 0px;
padding:5px 10px 5px 10px;
#border:5px solid red;
border-radius:2px 2px 0px 0px;
background-color:purple;
font-family:verdana;
font-weight:lighter;
color:white;
font-size:1.5em;
}
h2{
margin:0px;
padding:15px 0px 5px 0px;
font-size:1em;
font-weight:lighter; 
}
p{
margin:1px 0px 0px 0px;
padding:3px 0px 3px 0px;
}
p.note{
margin:1px 0px 0px 0px;
padding:5px 10px 5px 10px;
font-size:0.7em;
text-align:center;
}
a{
text-decoration:none;
color:gray;
}
table{
border-collapse:collapse;
width:100%;
font-size:1em;
background-color:white;
}
th, td{
font-weight:lighter;
padding:3px;
text-align:left;
border-top:2px solid #e8e8e8;
border-bottom:2px solid #e8e8e8;
}
thead{
//border-top:12px solid #e8e8e8;
//border-bottom:4px solid #e8e8e8;
background-color:#DCDCDC; //silver;
//color:white; //#606060;	
}

button{
margin:0px 0px 5px 0px;
padding:5px;
font-weight:lighter;
border:none;
border-radius:2px;
font-family:verdana;
font-weight:lighter;
text-decoration:none;
font-size:1em;
width:90px;
cursor:pointer;
}

button.top{
font-size:1.5em;
text-align:left;
background-color:purple;
color:white;
width:100%;
}
button.top:hover{
background-color:#660066;
}

button.topon{
font-size:1.5em;
text-align:left;
background-color:navy;
color:white;
width:100%;
}
button.topon:active{
background-color:DarkGray;
color:gray;
}

button.on{
background-color:navy;
color:white;
}
button.on:active{
background-color:DarkGray;
color:gray;
}

button.off{
background-color:silver;
color:gray;
}
button.off:hover{
background-color:DarkGray;
}
button.off:active{
background-color:DarkGray;
}

.window{
margin:auto;
padding:10px;
border:none;
border-radius:4px;
background-color:#e8e8e8;
max-width:800px;
//min-height:400px;
}
.window2{
margin:auto;
padding:0px;
border:1px solid purple;
border-radius:4px;
background-color:#e8e8e8;
max-width:500px;
}
.device{
//margin:5px;
margin:0px auto 0px auto;
padding:0px;
border:none;
//background-color:purple;
font-family:verdana;
font-weight:lighter;
color:white;
font-size:0.6em;
text-align:left;
}
.feld{
//margin:5px 0px 15px 0px;
margin:1px 0px 0px 0px;
padding:3px 0px 3px 5px; // 3px
border:none;
border-top:1px solid #e8e8e8;
border-right:0px solid #e8e8e8;
border-bottom:1px solid #e8e8e8;
border-left:0px solid #e8e8e8;
background-color:white;
font-family:verdana;
font-weight:lighter;
color:gray;
font-size:1em;
width:100%;
}
.feld2{
margin:0px;
padding:0px;
border:none;
background-color:white;
font-family:verdana;
font-weight:lighter;
color:gray;
font-size:1em;
width:100%;
}
.feld3{
margin:0px;
padding:5px;
border:none;
background-color:black; //white;
font-family:verdana;
font-weight:lighter;
color:white; //gray;
font-size:1em;
width:100%;
line-height:150%;
}
.info{
//margin:5px;
margin:5px auto 5px auto;
padding:0px;
border:none;
background-color:DarkGray;
font-family:verdana;
font-weight:lighter;
color:gray;
font-size:0.7em;
text-align:center;
max-width:800px;
//display:none;
}
.select{
//margin:5px 0px 15px 0px;
margin:1px 0px 0px 0px;
padding:3px 0px 3px 0px; // 3px
border:none;
border-top:1px solid #e8e8e8;
border-right:0px solid #e8e8e8;
border-bottom:1px solid #e8e8e8;
border-left:0px solid #e8e8e8;
background-color:white;
font-family:verdana;
font-weight:lighter;
color:gray;
font-size:1em;
width:100%;
}
.mitte{
padding:10px;
}
.bottom{
margin:20px 0px 0px 0px;
padding:10px 5px 10px 5px;
text-align:center;
border-top:1px solid purple;
}
.bottom2{
margin:20px 0px 0px 0px;
padding:10px 5px 0px 5px;
text-align:center;
border-top:1px solid purple;
}
.btn0{
margin:0px;
padding:5px;
border:none;
border-radius:2px;
background-color:silver;
font-family:verdana;
font-weight:lighter;
text-decoration:none;
color:gray;
font-size:1em;
width:100px;
cursor:pointer;
}
.btn0:hover{
background-color:DarkGray;
}
.btn0:active{
color:white;
background-color:navy;
}