/* 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, .normalb { font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: white; }
.normalsw                    { color: black;}

.normalb  { font-weight: bold;}

/* 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; }

/* 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; }

/* 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: red; }

.table1    {  font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 8pt; font-weight: bold; color: white;
            margin-left: 6px; }


/* 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; }

/* Box für Hauptspalte: */
#main        { position: absolute; top: 5px; left: 160px; width : 650px; margin-top: 5px;  }
#main1       { position: absolute; top: 5px; left: 160px; width: 750px; }
#main2       { position: absolute; top: 60px; left: 130px; width: 750px; }
#links       { position: absolute; top: 640px; left: 3px; width: 100px; }
#kopf        { position: absolute; top: 1px; left: 2px; width: 900px; }
#logo        { position: absolute; top: 15px; left: 5px; width: 100px; }

/* 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; }

/* Formatierung für das neue Menü (coolmenü4) */

.clCMEvent      {         LEFT: 0px; VISIBILITY: visible; WIDTH: 99%; CLIP: rect(0px 100% 100% 0px); POSITION: absolute; TOP: 0px; HEIGHT: 99%  }
.clCMAbs        {         LEFT: 0px; VISIBILITY: hidden; POSITION: absolute; TOP: 0px  }
.clBar          {         VISIBILITY: hidden; WIDTH: 10px; POSITION: absolute; HEIGHT: 10px; BACKGROUND-COLOR: #448835; layer-background-color: #F3D333 }

    /* Formatierung  Level 0 */
.clLevel0       {         PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; TEXT-TRANSFORM: capitalize; PADDING-TOP: 2px; FONT-FAMILY: verdana,arial,helvetica; POSITION: absolute; border-style: outset; border-width: 1px; border-color: #00A500;}
.clLevel0over   {         PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; TEXT-TRANSFORM: capitalize; PADDING-TOP: 2px; FONT-FAMILY: verdana,arial,helvetica; POSITION: absolute; border-style: outset; border-width: 1px; border-color: red;}
.clLevel0       {         COLOR: #ffffff; BACKGROUND-COLOR: #009900; layer-background-color: white;}      /* Formatierung Level 0 */
.clLevel0over   {         CURSOR: hand; COLOR: #ffffff; BACKGROUND-COLOR: red; layer-background-color: white }  /* Formatierung Mouseover Level 0  */
.clLevel0border {         VISIBILITY: hidden; POSITION: absolute; BACKGROUND-COLOR: white; layer-background-color: white }

   /* Formatierung  Level 1 */
.clLevel1       {         PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 10.5px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; FONT-FAMILY: verdana, arial,helvetica; POSITION: absolute; border-style: outset; border-width: 1px; border-color: #00A500;}
.clLevel1over   {         PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 10.5px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; FONT-FAMILY: verdana, arial,helvetica; POSITION: absolute; border-style: outset; border-width: 1px; border-color: #00A500;}
.clLevel1       {         COLOR: yellow; BACKGROUND-COLOR: #448835; layer-background-color: #ffffff }
.clLevel1over   {         CURSOR: hand; COLOR: red; BACKGROUND-COLOR: #448835; layer-background-color: #ffffff }
.clLevel1border {         VISIBILITY: hidden; POSITION: absolute; BACKGROUND-COLOR: white; layer-background-color: #ffffff }

   /* Formatierung  Level 2 */
.clLevel2       {         PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 10.5px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; FONT-FAMILY: verdana, arial,helvetica; POSITION: absolute  }
.clLevel2over   {         PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 10.5px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; FONT-FAMILY: verdana, arial,helvetica; POSITION: absolute  }
.clLevel2       {         COLOR: #2d6ba4; BACKGROUND-COLOR: #ffffff; layer-background-color: #ffffff }
.clLevel2over   {         CURSOR: hand; COLOR: #ffffff; BACKGROUND-COLOR: #2d6ba4; layer-background-color: #2D6BA4 }
.clLevel2border {         VISIBILITY: hidden; POSITION: absolute; BACKGROUND-COLOR: #c0c0c0; layer-background-color: #c0c0c0 }