/* Tabellen-Styles fuer nm7q.html.
   Stammt aus einem Excel-Export, daher die Klassennamen x74, x98, x103 usw.
   Lag bis dahin als 721-zeiliger <style>-Block im Template. */

td
{
    vertical-align: bottom;
    white-space: nowrap;
    color: #000;
    font-size: 10pt;
    font-weight: 400;
    font-style: normal;
    font-family: Arial, sans-serif
}

/* Datenzellen der Stammdatenspalten, z.B. Messstellenname: einzeilig, Namen wie
   "Neustadt Weinstrasse" brachen sonst um und machten die Zeile doppelt hoch. */
.x74
{
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    color: #000;
    font-size: 10pt;
    font-weight: 700;
    font-style: normal;
    font-family: Arial, sans-serif;
    border: 1px solid windowtext;

}

/* Kopfzellen der Schwellenwert-Farbskala. vertical-align:middle statt top: die
   Beschriftungen wurden vorher mit einem fuehrenden <br> nach unten geschoben,
   das kostete eine Zeilenhoehe im Kopf. */
.x86
{
    text-align: center;
    vertical-align: middle;
    white-space: normal;
    word-wrap: break-word;
    font-size: 10pt;
    font-weight: 700;
    font-style: normal;
    font-family: Arial, sans-serif;
    border-top: 1px solid windowtext;
    border-right: 1px solid windowtext;
    border-bottom: none;
    border-left: 1px solid windowtext
}

.x87
{
    vertical-align: middle;
    white-space: nowrap;
    font-size: 10pt;
    font-weight: 400;
    font-style: normal;
    font-family: Arial, sans-serif
}

.x96
{
    text-align: center;
    vertical-align: middle;
    white-space: normal;
    word-wrap: break-word;
    font-size: 10pt;
    font-weight: 700;
    font-style: normal;
    font-family: Arial, sans-serif;
    border-top: none;
    border-right: 1px solid windowtext;
    border-bottom: 1px solid windowtext;
    border-left: 1px solid windowtext
}

.x97
{
    text-align: right;
    vertical-align: middle;
    white-space: normal;
    word-wrap: break-word;
    color: #000;
    font-size: 10pt;
    font-weight: 700;
    font-style: normal;
    font-family: Arial, sans-serif;
    border: 1px solid windowtext;
}

.x98
{
    text-align: center;
    vertical-align: middle;
    white-space: normal;
    word-wrap: break-word;
    font-size: 12pt;
    font-weight: 700;
    font-style: normal;
    font-family: Arial, sans-serif;
    border-top: none;
    border-right: none;
    border-bottom: 1px solid windowtext;
    border-left: 1px solid windowtext
}

/* Kopfzellen der Stammdatenspalten. nowrap statt break-word: "Messstellennummer"
   wurde sonst mitten im Wort umbrochen. Wo ein Umbruch gewollt ist, steht ein
   <br> im Template. */
.x103
{
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 10pt;
    font-weight: 700;
    font-style: normal;
    font-family: Arial, sans-serif;
    border-top: 1px solid windowtext;
    border-right: 1px solid windowtext;
    border-bottom: none;
    border-left: 1px solid windowtext
}

/* Kopfzellen der Wochenspalten. padding-bottom haelt die senkrechte
   Beschriftung von der ersten Wertezeile ab, sie klebte sonst am Rahmen. */
.x118
{
    text-align: center;
    vertical-align: bottom;
    padding-bottom: 5px;
    white-space: normal;
    word-wrap: break-word;
    background: #e3e3e3;
    font-size: 10pt;
    font-weight: 700;
    font-style: normal;
    font-family: Arial, sans-serif;
    border-top: 1px solid windowtext;
    border-right: 1px solid windowtext;
    border-bottom: none;
    border-left: none
}

/* Wochen ohne Wert: dieselbe Zelle wie .valGruen und die uebrigen val*, nur ohne
   Farbe und ohne Inhalt. Sonst faellt das Raster dort auseinander, wo ein Pegel
   spaeter einsetzt oder eine Woche fehlt. */
.xLeer
{
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 10pt;
    font-weight: 400;
    font-style: normal;
    font-family: Arial, sans-serif;
    border: 1px solid windowtext;
    background: white;
}

/* Die senkrechte KW-Beschriftung, von unten nach oben zu lesen.
   Vorher: width:139px, margin-top:-78px, margin-left:-38px und rotate(-90deg).
   Beim Drehen bleibt der Platzbedarf der ungedrehten Box stehen, die 139px
   Breite wurden also zu 139px Kopfhoehe, und die Margins mussten das von Hand
   wieder zurechtruecken. Mit writing-mode braucht die Zelle nur so viel Hoehe,
   wie der Text wirklich lang ist, ohne feste Pixelwerte. Das rotate(180deg)
   dreht die Leserichtung von oben-nach-unten auf unten-nach-oben. */
.xKwRotate
{
    /* inline-block, damit das text-align:center der Zelle greift. Als Block
       richtet margin:0 auto im senkrechten Schreibmodus nicht waagerecht aus,
       sondern entlang der Textrichtung - in Firefox stand die Beschriftung
       dadurch am linken Zellrand. */
    display: inline-block;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
}

.valWeiss
{
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 10pt;
    font-weight: 400;
    font-style: normal;
    font-family: Arial, sans-serif;
    border: 1px solid windowtext;
    background: white;
}

.valGruen
{
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 10pt;
    font-weight: 400;
    font-style: normal;
    font-family: Arial, sans-serif;
    border: 1px solid windowtext;
    background: green;
}

.valGelb
{
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 10pt;
    font-weight: 400;
    font-style: normal;
    font-family: Arial, sans-serif;
    border: 1px solid windowtext;
    background: yellow;
}

.valOrange
{
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 10pt;
    font-weight: 400;
    font-style: normal;
    font-family: Arial, sans-serif;
    border: 1px solid windowtext;
    background: #ed7d31;
}

.valLila
{
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 10pt;
    font-weight: 400;
    font-style: normal;
    font-family: Arial, sans-serif;
    border: 1px solid windowtext;
    background: #cc99ff;
}

.valRot
{
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 10pt;
    font-weight: 400;
    font-style: normal;
    font-family: Arial, sans-serif;
    border: 1px solid windowtext;
    background: red;
}

.valSchwarz
{
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 10pt;
    font-weight: 400;
    font-style: normal;
    font-family: Arial, sans-serif;
    border: 1px solid windowtext;
    color: white;
    background: black;
}