*, body, html {
margin: 0px;
padding: 0px;
text-align: center;
font-family: Helvetica, Arial;
}

#headline {
margin: 50px 30px 30px 30px; 
font-size: 95px;
font-weight: bold;
}

#temphead {
width: 900px;
margin: auto;
font-weight: bold;
font-size: 50px;
border-bottom: 1px solid #000000;
border-top: 1px solid #000000;
height: 300px;
background-color: #FFF;
}

#temphead .headentries {
width: 260px;
float: left;
padding: 225px 20px 0px 20px;
font-weight: bold;
}

#temphead .heizraumtemp {
background: url('/media/innentemperatur.png') no-repeat center 25px;
background-size: 60%;
}

#temphead .aussentemp {
background: url('/media/aussentemperatur.png') no-repeat center 25px;
background-size: 60%;
}

#temphead .heizkesseltemp {
background: url('/media/kesseltemperatur.png') no-repeat center 25px;
background-size: 60%;
}

#pufferspeicher {
clear: both;
width: 800px;
margin: 50px auto 100px auto;
font-size: 70px;
font-weight: bold;
}

#subhead {
width: 880px;
margin: 40px auto 140px auto;
}

#subhead h1 {
font-size: 30px;
float: left;
width: 30%;
padding: 30px 0% 30px 0%;
margin: 0px 10% 0px 10%;
background: #EEE;
border-radius: 25px;
background: url('/media/transback.png') 2px;
}

#puffer1 {
width: 400px;
float: right;
position: relative;
}

#puffer2 {
width: 400px;
float: left;
position: relative;
}

#puffer2 .headentries {
position: absolute;
width: 300px;
left: 28px;
height: 140px;
padding-top: 54px;
border-radius: 25px;
opacity: 0.9;
background: url('/media/transback.png');
}

#puffer1 .headentries {
position: absolute;
width: 300px;
right: 28px;
height: 112px;
padding-top: 28px;
border-radius: 25px;
opacity: 0.9;
background: url('/media/transback.png');
}

#puffer2 .pufferdtemp {
top: 90px;
border-radius: 25px 25px 0px 25px;
background: url('/media/back03.png') no-repeat 248px 156px, url('/media/transback.png');
}

#puffer2 .pufferetemp {
top: 310px;
border-radius: 25px 25px 0px 25px;
background: url('/media/back04.png') no-repeat 248px 156px, url('/media/transback.png');
}

#puffer2 .solartemp {
top: 530px;
}

#puffer1 .trinkwassertemp {
top: 90px;
}

#puffer1 .pufferatemp {
top: 255px;
border-radius: 25px 25px 0px 25px;
background: url('/media/back01.png') no-repeat 248px 102px, url('/media/transback.png');
}

#puffer1 .pufferbtemp {
top: 420px;
}

#puffer1 .pufferctemp {
top: 585px;
border-radius: 25px 25px 0px 25px;
background: url('/media/back02.png') no-repeat 248px 102px, url('/media/transback.png');
}

#pufferlegende {
font-weight: normal;
font-size: 13px;
border-radius: 0px;
margin-top: 20px;
border: 2px dotted #000;
padding: 10px 10px 10px 80px;
text-align: left;
background: url('/media/backdemo.png') no-repeat 10px 13px #EEE;
line-height: 22px;
}

#ofentuer {
width: 800px;
height: 900px;
overflow:hidden;
}

#ofentuer img {
width: 2300px;
margin: -300px 0px 0px -800px;
}


#ofentuerheader {
font-size: 30px;
width: 60%;
padding: 30px 0% 30px 0%;
margin: 60px auto 30px auto;
background: #EEE;
border-radius: 25px;
background: url('/media/transback.png') 2px;
}

.webcamupdate {
font-size: 12px;
margin: 30px 0px 50px 0px;
background: url('/media/transback.png') #EEE;
padding:30px;
}

#wechselrichter {
width: 800px;
height: 600px;
overflow:hidden;
}

#wechselrichter img {
width: 100%;
}

#wechselrichterheader {
font-size: 30px;
width: 60%;
padding: 30px 0% 30px 0%;
margin: 30px auto 30px auto;
background: #EEE;
border-radius: 25px;
background: url('/media/transback.png') 2px;
}