/* Menu */

body             { background: #F88; overflow-y: scroll; font-family: Arial, Helvetica, sans serif; }


header           { background-image:url("img/header.bmp"); background-size: 100%; width: 96vmin; margin: 0px auto; margin-top: 3vmin; margin-bottom: 0px; border-radius: 3vmin 3vmin 0 0; }
konstant {}
#konstant .monat   { font-size: 3.2vmin; color: #444 }
#konstant .jahr   { font-size: 3.6vmin; color: #444 }


article          { background: #DDD; width: 96vmin; margin-left: auto; margin-right: auto; margin-top: -1px; bottom: 0px; right: auto; left: auto; }
iFrame           { background: #FFF; width: 100%;  min-height: 60px; }

eingabe {}
#eingabe .status { font-size: 4.4vmin; color: #555; line-height: 140% }
#eingabe .daten  { font-size: 3.6vmin; color: #222; line-height: 140% }
#eingabe .bsp    { font-size: 2.6vmin; color: #000; line-height: 160% }
#eingabe .small  { font-size: 1.4vmin; color: #000; line-height: 160% }
#eingabe .input  { font-size: 3.6vmin; color: #000; line-height: 140%; font-weight: bold; }
#eingabe .txt    { font-size: 3.2vmin; color: #333; line-height: 120%; }
#eingabe .radio  { font-size: 3.2vmin; color: #333 }



main           { background: #FFF; width: 96vmin; margin: 0px auto; margin-top: -9px; margin-bottom: 0; }
balken {}
#balken .Twe     { font-size: 4.2vmin; font-weight: bold; color: #F88 }
#balken .Tft     { font-size: 4.2vmin; font-weight: bold; color: #F48 }
#balken .Twt     { font-size: 4.2vmin; font-weight: bold; color: #FFF }
#balken .typ     { font-size: 3.2vmin; color: #FFF; line-height: 160% }
#balken .hadi    { font-size: 3.2vmin; color: #CCC; line-height: 180% }
#balken .date    { font-size: 3.2vmin; color: #BBB }
#balken .alarm   { font-size: 3.2vmin; color: #444; line-height: 140% }
#balken .comment { font-size: 3.2vmin; color: #666; line-height: 140% }

footer { background-image:url("img/header.bmp"); background-size: 100%; width: 96vmin; margin: 0px auto; margin-top: -9px; margin-bottom: 6vmin; border-radius: 0 0 3vmin 3vmin; }