/* Kasten für Hauptüberschrift: */
h1 {
font-family:  'Comic Sans MS', Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #0066cc;
width: 635px;
background-color: white;
border-style: solid;
border-width: 2px;
border-left-width: 10px;
border-color: #0066cc;
padding: 3px;
 /* nur für NN 6 und Opera nötig: */
margin-top: 0px; 
}

/* normaler Fließtext: */
p {
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
line-height: 150%;
}

/* hervorgehobener Fließtext: */
p.gross {
font-family: 'Comic Sans MS', Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #000099;
background-color: white;
line-height: 140%;
}

/* rechts ausgerichteter Text: */
p.rechts {
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: navy;
background-color: #eeeeff;
line-height: 160%;
text-align: right;
}

/* Zusatztext, nebenrangige Informationen: */
p.klein { 
font-size: 8pt;
color: gray;
background-color: white;
margin-left: 5px;
}

/* Bild und Bildunterschrift: */
.bild {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
color: red;
background-color: white;
z-index: 2
}

 .kasten {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
text-align: right;
padding: 5px;
color: black;
background-color: #cccc99; 
border-style: dotted;
border-width: 1px;
border-color: black;
width: 550px;
}
 .kastenbluefont {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
text-align: left;
padding: 5px;
color: navy;
background-color: #cccc99; 
border-style: none;
border-width: 1px;
border-color: black;
width: 400px;
}
 .kastenbluefontbreit {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
text-align: left;
padding: 5px;
color: navy;
background-color: #ffffcc; 
border-style: none;
border-width: 1px;
border-color: black;
width: 600px;
}
.rot {
font-family: "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 12pt;
font-weight: bold;
color: red;
}

/* Text Hervorhebung: */
span.gelb {
color: #000099;
background-color: yellow;
}

/* Text Hervorhebung: */
span.grau {
color: #000099;
background-color: silver;
}


/* Text Schwärzung: */
span.black {
color: black;
background-color: black;
}

/* Text Link-Imitation: */
span.link {
font-size: 12pt;
color: blue;
background-color: white;
text-decoration: underline;

}

/* Grafik als Auf.zeichen: */
ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: black;
font-size: 9pt;
line-height: 200%;
list-style-image: url(pfeil.gif);
}

/* Grafik als Auf.zeichen: */
.quadrat {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: black;
font-size: 9pt;
line-height: 200%;
list-style-image: url(image.gif);
}

/* Grafik als Auf.zeichen: */
.ok {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: black;
font-size: 9pt;
line-height: 200%;
list-style-image: url(image_ok.gif);
}

/* Aufzählung hervorgeheben: */
.gross {
font-family: 'Comic Sans MS', Verdana, Arial, Helvetica, sans-serif;
color: #000099;
font-size: 10pt;
line-height: 200%;
list-style-image: url(pfeil.gif);
}

/* Box für Kopfzeile: */
#head {
margin: 0px;
heigth: 106px;
position: absolute;
top: 0px; left: 0px;
background-color: white;
}

/* Box für Kopfzeilennavigation: */
#headnavi {
margin: 0px;
heigth: 30px;
position: absolute;
top: 106px; left: 0px;
background-color: #3399ff;
}

/* Box für Navigationsspalte: */
#navi {
margin: 0px;
width: 140px;
position: absolute;
top: 145px; left: 0px;
background-color: white;
}

/* Box für Hauptspalte: */
#main {
margin-top: 5px;
width : 635px;
position: absolute;
top: 167px; left: 170px;
}

/* Box für aktuelles Datum: */
#mainhead {
heigth : 15px;
width : 635px;
position: absolute;
top: 152px; left: 174px;
}


/* Box für Nebenspalte: */
#right {
margin-top: 5px;
width : 175px;
position: absolute;
top: 135px; left: 818px;
background-color: #0066ff;
}

 /* frei schwebender Eye-Catcher: */
#floatbox {
position: absolute;
top: 94px; 
left: 598px;
z-index: 9;
}

 /* frei schwebender Wetterkarte: */
#floatboxstart {
position: absolute;
top: 273px; 
left: 57px;
z-index: 1;
}

/* Rahmen für Buttons: */
.linkbox {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
margin-left: 2px;
/* nur für IE 4: */
margin-right: 20;
border-style: solid;
border-width: 1px;
border-color: #3366ff;
width: 120px;
padding: 2px;
color: white;
background-color: #3399ff;
}

/* Button für die aktive Seite: */
.linkboxaktiv {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
margin-left: 2px;
/* nur IE 4: */
margin-right: 20px;
border-style: solid;
border-width: 1px;
border-color: #0033cc;
width: 157px;
padding: 2px;
color: white;
background-color: #0066cc;
}

/* Rahmen für breite Buttons: */
.linkbox250 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
margin-left: 2px;
/* nur für IE 4: */
margin-right: 20;
border-style: solid;
border-width: 1px;
border-color: #3366ff;
width: 246px;
padding: 2px;
color: white;
background-color: #3399ff;
}

/* Links weiß, nicht unterstr.: */ 
A:link, A:visited, A:active {
text-decoration: none;
color: white;
}

/* für NN4.7 */ 
A.textlink {
color: red;
}

A:visited.textlink {
color: red;
}

A:active.textlink {
color: red;
}

/* für NN4.7 */ 
A.headtextlink {
color: white;
background-color: #3399ff;
}

A:visited.headtextlink {
color: white;
background-color: #3399ff;
}

A:active.headtextlink {
color: white;
background-color: #3399ff;
}

/* für NN4.7 */ 
A.righttextlink {
color: navy;
}

A:visited.righttextlink {
color: navy;
}

A:active.righttextlink {
color: navy;
}

A:hover {
text-decoration: none;
color: #000066;
background-color: #0066ff;
border-style: solid;
border-left-width: 1px;
border-color: #0066ff;
}

/* Tabelle im Text gesamt */
table.wd_tab {
font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Zellen */
table.wd_tab td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
text-align: left;
border-style: solid;
border-width: 1px;
border-color: silver;
}

/* Tabellenkopf */
table.wd_tab th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
color: navy;
background-color: #cccc99;
}

/* grau: */
.s {
color: #000033;
background-color: silver;
}

/* weiss */
.w {
color: white;
background-color: gray;
}

/* grün: */
.gr {
color: white;
background-color: lime;
}

/* gelb: */
.ge {
background-color: #ffff99;
}

/* Tabelle Startseite */
table.wd_start {
font-family: 'Comic Sans MS', Verdana, Arial, Helvetica, sans-serif;
}

/* Zellen */
table.wd_start td {
font-family: 'Comic Sans MS', Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #000099;
text-align: center;
border-style: solid;
border-width: 1px;
border-color: silver;
}

/* schwaches blau: */
.lb {
background-color: #eeeeff;
}

/* Tabelle easywetter */
table.wd_easywet {
font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Zellen */
table.wd_easywet td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: gray;
text-align: left;
border-style: solid;
border-width: 1px;
border-color: silver;
}

/* schwaches blau: */
.lb {
background-color: #eeeeff;
}
/* rote Umrandung */
input.rotrand {
border-style: solid;
border-width: 4px;
border-color: #ff0000;
background-color: #ffff99;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
}

/* datumzeitfenster */
input.datum {
border-style: solid;
border-width: 0px;
border-color: white;
color: gray;
background-color: white;
font-family: Verdana, Arial, Helvetica, sans-serif, Serif;
font-size: 8pt;

}

/* 3D-Effekt für Buttons */
input.knopf {
border-style: outset;
border-width: 1px;
border-color: #ff0000;
background-color: blue;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11pt;
}