body   { background-color: #FFFFE7;}
a      {  color: #278727; }

#logo  { position:fixed; top:20px; left:20px;
            width:120px;  height:132px; background-image:url(fhem.png); }
#menu  { position:fixed; top:160px;left:20px; width:130px; }
#right { position:absolute; top:50px; left:160px; bottom:10px; right:10px; }
h2,h3,h4 { color:#52865D; line-height:1.3;
           margin-top:1.5em; font-family:Arial,Sans-serif; }
div#block { border:1px solid gray; background: #F8F8E0; padding:0.7em; }
div#dist { padding-top:0.3em; }

table#room { border:1px solid gray; width: 100%; background: #D7FFFF; }
table#room tr.sel { background: #A0FFFF; }
table { border-radius:8px; }

@media screen and (max-width: 480px) {
  #menuScrollArea { display:none; }
  #right { left:0; right:0; }
}