body { background-color:#FFFFFF; }
*    { font-family:Arial,Helvetica,sans-serif; }

body, a, p, td, th, tr, center, ul, li {
     font-size:13px;
     font-weight:normal;
     line-height:16px;
     text-indent:0em;
     padding:0px;
   }
h1 { font-size:15px;
     font-weight:bold;
     line-height:16px;
     text-indent:0em;
     margin-top:1em;
     margin-bottom:0.5em;
   }
h2 { font-size:14px;
     font-weight:bold;
     line-height:16px;
     text-indent:0em;
     margin-top:0.8em;
     margin-bottom:0.3em;
   }
h3 { font-size:17px;
     font-weight:bold;
     line-height:19px;
     text-indent:0em;
     margin-top:0.8em;
     margin-bottom:0.3em;
   }
ul { margin-top:1em; margin-bottom:1.5em; }
li { margin-top:0.3em; }
p  { margin-top:0.8em; }

img { border:0;
      /* image-rendering: -webkit-optimize-contrast; */
      /* image-rendering: pixelated; */
    }

/* kein padding für Bilder */
.img { font-size:0px; line-height:0px; }

/* Zwischentitel 2, entspricht h2, jedoch keine Zeilenumbrueche  */
.zwtitel2
   { font-size:14px;
     font-weight:bold;
     line-height:16px;
     text-indent:0em;
     margin-top:0.8em;
     margin-bottom:0.3em;
   }

/* Tabellen-Layout */
/* Gesamt-Tabelle */
table.maintable { width:800px; border-style:none; border-spacing:0px; margin:0px; padding:0px; }

/* Tabelle fuer Menubereich */
table.linkmenutable { width:200px; border-style:none; border-spacing:0px;
                      margin:0px; padding:0px; }

/* Tabelle rechte Kolonne; width: 800-200=600 */
table.righttable { border-style:none; width:600px; text-align:center; border-spacing:0px;
                   margin:0px; padding:0px; }

/* Inhaltstabelle: Text+Bananen (Breite: 600-margin) */
table.contenttable { border-style:none; border-spacing:0px; margin:5px 0px 0px 5px; padding:0px; }

/* Tabelle fuer Textbereich; width: 600-2*70-5=455 */
table.texttable { border-style:none; border-spacing:0px; margin:0px; padding:0px; width:455px }

table.subtable { border-style:none; border-spacing:0px; margin:0px; padding:0px }

/* Linkmenu-Zelle; height:670-53-17 (ohne Kopf- und Fussbalken); width=200px; grau */
td.linkmenucell { height:600px; padding:0px; text-align:left; background-color:#01E1E1; }

/* Linkmenu-Zelle links; pfeil_blau.gif hat Bildoffset 3px: 11-3=8 padding links */
td.linkmenucell1 { height:15px; width:13px; padding:5px 2px 0px 8px; text-align:left; }

/* Linkmenu-Zelle rechts: 200-8-13-2 = 177px */
td.linkmenucell2 { height:15px; padding:4px 0px 0px 0px; text-align:left; }

/* Linkmenu-Zelle Zwischentitel; padding links: 11-6=5 (Bildoffset 6px) */
td.linkmenucell3 { height:15px; padding:28px 0px 2px 5px; text-align:left; font-size:0px; line-height:0px; }

/* Linkmenu-Zelle Bild-Neuestes; padding links: 11 (Bildoffset 0px) */
td.linkmenucell4 { height:15px; padding:0px 0px 0px 11px; text-align:left; font-size:0px; line-height:0px; }

/* Hoehe des Inhaltsbereichs der Webseite, noetig damit Fusszeile unten bleibt!!  */
/*   linkmenucell=cont_height+27 (fuer fussteil.html)  */
/*   height:670-53-17-27 */
/* Aufruf via <td class="cont_height"></td>  */
td.cont_height  { height:568px; margin:0px; padding:0px; text-align:left; vertical-align:top; }

/* Zelle fuer Meteodat-Logo in linker Menukolonne; width=200px */
td.logocell { height:53px; vertical-align:middle; text-align:left; padding-left:5px; font-size:0px; line-height:0px; }

/* rechte Inhaltskolonne; width=600px */
td.rightcol    { vertical-align:top; }
td.topmenucell { height:53px; vertical-align:middle; font-size:0px; line-height:0px; }

/* Zellen-Formatierung fuer Listen-artigen Text, z.B. newsletter, literatur */
td.listtd_l { padding:3px 5px 2px 0px; font-size:0px; line-height:0px; }
td.listtd_r { padding:3px 0px 2px 0px; vertical-align:bottom; }

/* fuer Links, ergibt schwarzen Text mit blauer Unterstreichung  */
/* Aufruf via <span class="s_lnk"></span>  */
.s_lnk   { color:#000000; }

/* fuer blaue Links, im Moment einfach default  */
/* Aufruf via <span class="lnk"></span>  */
.lnk { ; }

/* fuer Auflistungen mit gif/pfeile.gif, Einrueckung und mehr Abstand  */
/* Aufruf via <div class="liste"></div>, fuer jede Zeile einzeln!  */
.liste { text-indent:-11pt; margin-left:11pt; margin-top:0.6em; }

/* fuer linksbuendige <ul>-Aufzaehlungen  */
/* Aufruf via <div class="liste2"></div>  */
.liste2 { padding-left:1.2em; }

/* fuer Copyright-Notizen und "letzte Aenderung" */
/* Aufruf via <span class="small"></span>  */
.small { font-size:11px; }

/* fuer groessere Schrift */
/* Aufruf via <span class="large"></span>  */
.large { font-size:14px; }

/* fuer engen Zeilenabstand  */
/* Aufruf via <span class="eng"></span>  */
.eng   { margin-top:0em; margin-bottom:0em; }
ul.eng { margin-top:0.7em; margin-bottom:1.3em; }

/* fuer weiten Zeilenabstand  */
/* Aufruf z.B. <p class="weit">  */
p.weit   { margin-top:1.5em; }

/* fuer Abbildungs-Legenden etc.  */
/* Aufruf via <span class="legende"></span>  */
.legende { display:inline-block; font-size:11px; line-height:13px; margin-top:0.3em; }

/* fuer Zitierungen etc.  */
/* Aufruf via <span class="quote"></span>  */
.quote { color:#3232C8; }

/* Ausrichtung der Dekorations-Bananen, fuer td und img  */
td.banane  { width:70px; vertical-align:top; }
img.banane { margin:35px 0px 0px 0px; }


/* Farben */
a         { color:#000000; }
a:link    { color:#1535CC; text-decoration:none; }
a:visited { color:#1535CC; text-decoration:none; }
a:hover   { color:#0000FF; }
a:active  { color:#1535CC; }

image-rendering: -webkit-optimize-contrast;