/* css-stylesheet von css4 */

html {height:100%} /* arbeitet nur zusammen mit 'body {min-height:101%}' */

body {
        /* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts
        ** um 10 Pixel springen, wenn der Seiteninhalt kleiner wird als die Höhe des Browserfensters. */
                min-height: 101%; /* arbeitet nur zusammen mitder Angabe 'html {height:100%}' sh. 1. Zeile;  YAML */
        /* Vorgaben für Schrift und Rand */
                font-family:Verdana;
                font-size:12px;
                line-height:16px;  /* 16px */
                margin:0px;
        /* Vorgabe der Standardfarben und Textausrichtung YAML*/
                color: #000;
                background:#114800;  /* #ffeed8; */
                text-align: left;
        /* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß YAML*/
                select, input, textarea { font-size:99%}
}

h1 {font-size:16px; color:#0000ff; margin-bottom:0px;}

h2 {font-size:16px; color:#000000;}

h3 {font-size:14px; color:#000000;}

p {margin-bottom:0px; margin-top:8px;} /* Schg(2006-12-04): p hier vorher nicht umdefiniert; es müssen bottom UND top def. werden! */

code {font-size:14px; color:#0000ff;}

<!-- nicht benutzt
pre {
        font-size:14px;
        color:#0000ff;
        padding:5px;
}
-->

a:link, a:visited, a:active, a:hover {
  text-decoration:underline;
  font-weight:normal;
  color:#ff0000;  /* #ff0000; */
  font-size:12px;
}

a:active, a:hover {
  color:#00ff00  /* #6699ff; #0000ff; #ff0000; #009999; = wenn Mouse gedrückt oder Zeiger darüber steht */
}

a.menu {
        display:block;
        padding:3px;
        border-top:1px solid #000;
        background-color:#ffffff;  /* #eeeeee; ??? Hintergrundfarbe der einzelnen Menüpunkte, für die der Text gerade im Textfeld angezeigt wird */
        text-align:center;
        color:#eeeeee;  /* #eeeeee; Sinn noch unbekannt */
        font-weight:bold;
        text-decoration:none;
}

a.menu:link, a.menu:visited {
        color:#fff; font-weight:bold;  /* #eee; Schriftfarbe der Menüpunkte*/
         background-color:#bb8866;  /* #cc8866; Hintergrundfarbe der einzelnen Menüpunkte */
  text-decoration:none;
}

a.menu:active, a.menu:hover {
         color:#737994; font-weight:bold;  /* Schriftfarbe beim Hovern*/
        background-color:#eeeeff;   /* #eee; */
  text-decoration:none;
}

a.menu:active {
  color:#c0c0c0; font-weight:bold;  /* Schriftfarbe im gerückten Zustand der Maustaste */
  background-color:#eeecff;   /*#eee; */
}

#title {  /* Kopf */
  width:760px;
        padding-top:5px;
        font-family:Georgia;
        text-align:center;
        height:140px; color: #fff; background: #1f1e2e url(../img/i-see-haldenhof-jun11-1264x140.jpg) repeat-x top; /* aus YAML */
  }

img { /* alle Bilder bekommen einen schönen Rahmen */
        border: solid 1px #aaa;
        padding: 1px;
        max-width: 95%;        /* gute Browser machen ein zu großes Bild, welches das Design sprengen würde,
                                                                     funktioniert beim IE leider nicht */
                                                                        /* Nur bei Verwendung von Frames!*/
}

/* Clearen per Overflow */
.floatbox { overflow:hidden; } /* aus YAML */

.fleftbild {
        float:left; margin:0.2em 1em 0.2em 0; /* !!!!! Vorsicht! positioniert anders als stype="float:left"; !!!!!*/
}

.frightbild {
  float:right; margin:0.2em 0 0.2em 1em; /* !!!!! Vorsicht! positioniert anders als stype="float:right"; !!!!!*/
}

.fcenterbild {
  float:center; margin:0 1em 0.2em 0; /* !!!!! Vorsicht! positioniert anders als stype="float:center"; !!!!!*/
}

#fleftmenu {
        float:left; background-color:#ffeecc; width:128px;  /*ffeecc #ffff88; #ffffcc; Hintergrundfarbe des gesamten Menüblocks */
}

.menutitle {
        font-size:14px; color:#0022ff;
        font-weight:bold;
        text-align:center;
        margin:2px;
}

.menucontainer {   /* Kasten oberhalb der einzelnen Menüpunkte = Überschrift für die Menüpunkte */
        border:1px solid #000;
        background-color:#bb7555;  /* Hintergrundfarbe der Überschift für die Menüpunkte */
        width:106px;  /* 106 */
        margin:10px;
}

.verweiscontainer {
  border:1px solid #000;
  background-color:#ffff00;  /* #ffeecc; Hintergrundfarbe de Verweiscontainers */
  text-align:left;
  padding:3px;
  width:100px;  /* 100 */
  margin:10px;
}

#gesamtcontainer {  /* alles umfassender container */
        width:760px;
  margin:1px auto;
  padding:1px;
  text-align:left;
  background-color:#ffeecc;  /*  Hintergrundfarbe #ffeecc; für allcontainer 760px mal Seitenlänge */
  border:1px solid #000000;
}

#content-de {
        border:1px solid #6feff7;  /* #efeff7; */
        background-color:#ffffef;  /* #ffffef; Hintergrundfarbe des Interlingua-Textes */
        width:608px;  /* 608 */
        float:right;
        padding:0px 10px;
  margin:1px;
 font-family:verdana;
 font-size:12px;
 line-height: 17px; /* 16px */
}

#content-ia {
        border:1px solid #8feff7;  /* #efeff7; */
        background-color:#eeffff;  /* #eeffff; Hintergrundfarbe des deutschen Textes */
        width:608px;  /* 608 */
        float:right;
        padding:0px 10px;
  margin:1px;
 font-family:verdana;
 font-size:12px;
/* font-style:italic;* */
 line-height: 17px; /* 16px */
}

/*:::::::::::::::::::::::::::::::::::::::::::::hor-menue:::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/* Das Menü HORIZONTAL */
#menuh {
 float:left;
 width:760px;
 color:#ffffff;
 background-color:#886600; /* #4a4d18; */
 text-align:center;
 padding:10px 0px;
}

a.menuh:link, a.menuh:visited {  /* zu Menü HORIZONTAL */
  color:#ff6000; font-weight:bold; /* #ff9200 */
}

a.menuh:active, a.menuh:hover {  /* zu Menü HORIZONTAL */
  color:#eeeeee; font-weight:bold;  /* eeeeee */
}
/*
#fleftmenuh {
        float:left; background-color:#886600; width:750px;  ffeecc #ffff88; #ffffcc; Hintergrundfarbe des gesamten Menüblocks
}
*/