/* Kasten für Hauptüberschrift: */
h1 {
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 15pt;
font-weight: bold;
color: white;
width: 620px;
background-color: green;
border-style: solid;
border-width: 2px;
border-left-width: 2px;
border-right-width: 2px;
border-color:#008835;
padding: 2px;
 /* nur für NN 6 und Opera nötig: */
margin-top: 0px;
}

h2 {
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 13pt;
font-style: italic;
font-weight: bold;
color: white;
padding: 3px;
 /* nur für NN 6 und Opera nötig: */
margin-top: 0px;
}

h3 {
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 12pt;
font-weight: bold;
color: white;
padding: 1px;
 /* nur für NN 6 und Opera nötig: */
margin-top: 0px;
}

/* normaler Fließtext - (class p): */
p {
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: normal;
color: black;
}

/* normaler Fließtext - (class span): */
span {
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 10.5pt;
font-weight: normal;
color: white;
}

/* Auffüllung in der Linkleiste - (class span): */
.space  {
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 10.5pt;
font-weight: normal;
color: #008835;
}

/* kleine Schrift - ungebundene Klasse - in weiss und schwarz: */
.klein, .kleinsw    {
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
color: silver;
margin-left: 5px;
}
.kleinsw  { color: black; }

/* normale Schrift - ungebundene Klasse- in weiss und schwarz:: */
.normal, .normalsw {
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
color: white;
}
.normalsw  { color: black;}

/* mittlere Schrift - ungebundene Klasse - in weiss: */
.mittel, .mittelsw     {
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 10.5pt;
color: white;
}
.mittelsw  { color: black;}

/* große Schrift - ungebundene Klasse - in schwarz: */
.gross, .grossws {
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 11pt;
font-weight: bold;
color: black;
background-color: #448835;
}

/* große Schrift - ungebundene Klasse - in schwarz: */
.big, .bigws {
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 13pt;
color: black;
background-color: #448835;
}
.bigws { color: white; }

/* große Schrift - ungebundene Klasse - in weiß: */
.grossws { color: white; }

/* Hervorhebung von weißen Initialen - (class span): */
span.initwhite  {
font-size: 14pt;
}

/* Hervorhebung von schwarzen Initialen - (class span): */
span.initblack {
font-size: 14pt;
color: black;
}

/* Bildunterschriften - ungebunden Klasse: */
.bild {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10,5pt;
font-weight: bold;
color: silver;
background-color: white;
}

/* Darstellung von Links im Text: */
.link {
color: white;
font-weight: bold;
text-decoration: underline;
}

/* Box für Webcam-Block (Bauphase): */
#cam {
position: absolute;
top: 282px; left: 0px;
}

/* Box für Logo: */
#logo {
margin: 0px;
width: 150px;
position: absolute;
top: 0px; left: 0px;
}

/* Box für Navigationsspalte mit Hintergrundbild: */
#navi {
margin: 0px;
width: 144px;
position: absolute; top: 150px; left: 2px;
background-image: URL(../img/backnavi.jpg);
border-right: 1px solid silver; }
}

/* zusätzliche Klasse für Hintergrundbild (über class="") mit div, span, p ...einführen: */
.back   {
background-image: URL(../img/backnavi.jpg);
border-right: 1px solid silver; }

/* Box für Hauptspalte: */
#main     { margin-top: 5px; width : 650px; position: absolute; top: 5px; left: 160px; }
#main2b   { margin-top: 5px; width : 680px; position: absolute; top: 5px; left: 160px; }
#main2c   { margin-top: 5px; width : 700px; position: absolute; top: 5px; left: 160px; }


/* Rahmen für kleine Buttons: */
.minibox, .miniboxaktiv {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8.5pt;
font-weight: bold;
color: silver;
display: block;
/* nächste Anweisung nötig für IE 4: */
margin-left: 12px;
margin-top: 1px;
border-style: outset;
border-width: 2px;
border-color: #00A500;
width: 122px;
padding: 1px;
background-color: #009900;
}
.miniboxaktiv { background-color: red; }

/* Rahmen für kleine Buttons: */
.box, .boxaktiv, .intbox {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
color: white;
margin-left: 6px;
/* nächste Anweisung nötig für IE 4: */
margin-right: 0px;
border-style: outset;
border-width: 2px;
border-color: #00A500;
width: 128px;
/* padding: 1px; */
background-color: #009900;
}
.boxaktiv { background-color: red; }

/* Rahmen für grosse Buttons: */
.maxbox, .maxboxaktiv {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11.5pt;
font-weight: bold;
margin-left: 1px;
line-height: 1.3;
display: block;
/* nächste Anweisung nötig für IE 4: */
margin-right: 0px;
margin-top: 8px;
border-style: outset;
border-width: 2px;
border-color: #00A500;
width: 133px;
padding: 3px;
color: black;
background-color: #009900;
}
.maxboxaktiv  { background-color: darkgreen; }

/* Links weiss, nicht unterstr.: */
A:link, A:visited, A:active {
text-decoration: none;
color: #fffafa;
}

A:hover {
text-decoration: none;
color: yellow;
background-color: #ff0000;
/* border-style: solid; */
border-left-width: 0px;
border-color: #ff0000;
}