body{
background: lightgrey;
min-width: 750px;
font-family: "Times New Roman", Georgia, Serif;
}

#page{
text-align: center;
margin-top: 30px;
min-width: 750px;
}

#ausgabe{
width: 300px;
height: 75px;
}

#test{
position: absolute;
width: 300px;
border: 1px solid black;
}

#header{
position: sticky;
right: 5px;
left: 5px;
top:0px;
margin-top:-31px;
min-height:15px;
max-height:15px;
min-width: 750px;
background-color: lightgrey;
border-bottom: 2px solid grey;
padding:5px;
padding-bottom:10px;
opacity: 1;
z-index: 9;
text-align: right;
}

td{
	text-align: left;
}


textarea[name=text]{
width:300px;
height:100px;
background: lightgreen;
}

input[name=volkszaehler]{
position:relative;
left: 0px;
color:white;
border-color:lightblue;
background:blue;
border-radius:7px;
}

input[name=heizung]{
position:relative;
left: 0px;
color:white;
border-color:lightblue;
background:blue;
border-radius:7px;
}

input[name=logout]{
position:relative;
right: 0px;
color:white;
border-color:#FFAEAE;
background:red;
border-radius:7px;
}

input[name=chat]{
position:relative;
right: 0px;
color:white;
border-color:lightblue;
background:blue;
border-radius:7px;
}

input[name=codierer-decodierer]{
position:relative;
right:0px;
color:white;
border-color:lightblue;
background:blue;
border-radius:7px;
}

input[name=wetterdaten]{
position:relative;
right: 0px;
color:white;
border-color:lightblue;
background:blue;
border-radius:7px;
}

input[name=home]{
position:relative;
right: 0px;
color:grey;
border-color:#FFFD55;
background:#FFCC23;
border-radius:7px;
font-weight: bold;
}

input[name=refresh]{
position:relative;
right: 0px;
color:white;
border-color:lightgreen;
background:limegreen;
border-radius:7px;
}

input[name=logge]{
position:absolute;
margin:-9px;
font-size:10px;
text-decoration-line: underline;
border: none;
background: none;
}

input[name=logge]:hover{
color: red;
}

input[name=posten]{
color:white;
background:limegreen;
border-color:lightgreen;
position: relative;
bottom: 29.5px;
right: 1px;
width: 76px;
-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
}

input[name=loeschen]{
color:#B32828;
background:lightgrey;
border:none;
border-bottom-right-radius: 10px;
position: absolute;
bottom: 0px;
right: 0px;
}

textarea[name=ptext]{
height: 72px;
width: 375px;
position: relative;
background: lightgreen;
overflow:hidden;
left: 30px;
white-space: pre-line;
}

#postbox{
position:relative;
width:400px; 
border:1px solid black;
border-radius: 10px;
text-align: left;
padding-right:5px;
}

#pheadline{
padding:2px;
min-height:20px;
width:398px; 
border-bottom: 1px solid black;
padding-left:5px;
}

#ptext{
position: relative;
margin-top: -20px;
padding:2px;
width:396px;
padding-left: 5px;
overflow:auto
}

span[name=register]{
color: blue;
}

span[name=register]:hover{
text-decoration-line: underline;
}

select{
	background-color: transparent;
	font-family: "Times New Roman", Georgia, Serif;
	font-size: 16px;
	border: none;
	color: black;
}

#wahlbereich select{
	background-color: transparent;
	border: none;
	font-size: 12px;
	font-weight: 100;
	font-family: "Times New Roman", Georgia, Serif;
	color: black;
}

select *{
	background-color: grey;
}

#graphdaten {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 400px;
}

#graphdaten td, #graphdaten th {
    border: 1px solid #aaa;
    padding: 8px;
}

#graphdaten tr:nth-child(even){
	background-color: #c9c9c9;
}

#graphdaten tr:nth-child(odd){
	background-color: #e2e2e2;
}

#graphdaten tr:hover {
	background-color: #aaa;
}

#graphdaten th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #4CAF50;
    color: white;
}

#heizung input[type=text]{
	width: 35px;
	background-color: #c9c9c9;
	font-size: 15px;
}

#heizung input[type=text]:hover{
	background-color: #a9d9a9;
}

#heizung input[type=text]:focus{
	background-color: #a9d9a9;
}

#heizzeiten {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 400px;
}

#heizzeiten td, #heizzeiten th {
    border: 1px solid #aaa;
    padding: 8px;
}

#heizzeiten tr:nth-child(even){
	background-color: #c9c9c9;
}

#heizzeiten tr:nth-child(odd){
	background-color: #e2e2e2;
}

#heizzeiten tr:hover {
	background-color: #aaa;
}

#heizzeiten td:hover {
	background-color: #888;
}

#heizzeiten input[type=text]{
	width: 50px;
	background-color: #c9c9c9;
	font-size: 15px;
}

#heizzeiten input[type=text]:hover{
	background-color: #a9d9a9;
}

#heizzeiten input[type=text]:focus{
	background-color: #a9d9a9;
}