/*                    divstyle 0
=== Not. =======================================================================
Weitere Styles:
- FORMATE (Fonts, Absätze, Kontaktform, Suche, ...) s. "format.css"
- Druckausgabe s. "print.css"
- Bild-Popup s. "support\script / bild_popup.php"
- RSS s. support\zfeeder\newsfeeds\templates\css / "css.css"
- CMS (.copyright, .cmsSortText u. Programm) content\cms\styles\stylesheet.css
============================================================================= */

body.xproject {
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
        font-size: 100.01%;/* sa. Haupt-,Seiten-,Oben-,Unten-Inhalt,... */
  text-align: center;
  background-color: #2AA6C0; /*12573A*/
  background-image: url(../../images/background/body.jpg);
  background-repeat: repeat-x;
}
/* ========================================================================== */



/* === HAUPTINHALT ========================================================== */
/* HauptInhalt - enthält ALLE Elemente der Seite (ausser #UntenInfo)*/
body.xproject #HauptInhalt {
  max-width: 1000px;
  height: auto;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  font-family: Georgia, "Times New Roman", Tahoma, serif;
        font-size: 1.0em;/* sa. Seiten-,Oben-,Unten-Inhalt,... */
  font-style: normal;
  font-weight: normal;
  text-align: center;
  color: #000000;
  border: 1px solid #000000;
  background-color: #FFFFFF;/* orig:#F3E777; webs:#FFFF66; opt:#FFFFCC;  */
  background-image: url(../../images/background/IMG_8678.jpg);
  background-position: right 150px;
  background-repeat: no-repeat;
  z-index: 1;
}
/* ========================================================================== */



/* === OBEN ================================================================= */

/* Obere Navigation, Obere Inhalte */
#ObenInhalt {
  width: auto;
  height: 210px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: none;
  text-align: left;
        font-size: 0.75em;/* sa. Haupt-,Seiten-,Unten-Inhalt,... */
  background-color: #43FFFF;
  background-image: url(../../images/background/header.jpg);
  background-repeat: no-repeat
}
/* Markupfreies Clearing (nicht f. IE)*/
#ObenInhalt:after {
  content: "."; display: block; height: 0; clear: both; visibility: hidden;
}

      /* = 1."ZEILE" = */
div.Oben_ol {
  width: auto;
  height: auto;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  float: left;
  text-align: left;
        font-size: 1.0em;
  border: none;
  background-color: transparent;
}
div.Oben_om {
  width: auto;
  height: 190px;/*<- abstand f. nächste "zeile" bestimmen*/
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  float: none;
  text-align: center;
        font-size: 1.0em;
  border: none;
  background-color: transparent;
}
/* Useronline, Counter */
div.Oben_or {
  width: auto;
  height: auto;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  float: right;
  text-align: right;
        font-size: 1.0em;
  border: none;
  background-color: transparent;
}

      /* = 2."ZEILE" = */
/* Mailicon, Druckericon */
div.Oben_ml {
  width: auto;
  height: auto;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 20px;
  float: left;
  text-align: center;
        font-size: 1.0em;
  border: none;
  background-color: transparent;
}
/* Adresse usw. ... */
div.Oben_mm {
  width: auto;
  height: auto;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 20px;
  float: none;
  text-align: center;
        font-size: 1.0em;
  border: none;
  background-color: transparent;
}
/* Suchefeld klein */
div.Oben_mr {
  width: auto;
  height: auto;
  margin: 0px auto 0px auto;
  padding: 0px 20px 0px 0px;
  float: right;
  text-align: right;
        font-size: 1.0em;
  border: none;
  background-color: transparent;
}

      /* = 3."ZEILE" = */
div.Oben_ul {
  width: auto;      display: none;
  height: auto;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  float: left;
  text-align: left;
        font-size: 1.0em;
  border: none;
  background-color: transparent;
}
div.Oben_um {
  width: auto;      display: none;
  height: auto;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  float: none;
  text-align: center;
        font-size: 1.0em;
  border: none;
  background-color: transparent;
}
div.Oben_ur {
  width: auto;      display: none;
  height: auto;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  float: right;
  text-align: right;
        font-size: 1.0em;
  border: none;
  background-color: transparent;
}
/* Weitere Styles zu diesen Abschnitt:
*********************** s. format.css *********************
a.menuObenInaktiv
a.menuObenAktiv, a.menuObenAktiv:hover, a.menuObenInaktiv:hover
a:active, a:hover
a.menuoben:link, a.menuoben:visited
a.menuoben:active, a.menuoben:hover
a.mailicon
a.printicon
***********************************************************
*/
/* ========================================================================== */



/* === Spalten CONTAINER ==================================================== */
/* Umschliesst die Spalten (Links/Rechts/Mitte) */
#SpaltenContainer {
  width: auto;
  height: auto;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: none;
  border: none;
  background-color: transparent;
  background-image: url(../../images/background/navilinks.jpg);
  background-repeat: no-repeat;
  z-index: 2;
}
/* ========================================================================== */



/* === NAVIs ================================================================ */

      /* = Linke Navigation, div.Inhalte = */
#SpalteLinks {
  width: 185px;
  height: auto;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 20px 4px;
  float: left;
  border: none;
  background-color: transparent;
  z-index: 5;
}

div.MenuContainerLinks {
  width: 170px;
  height: auto;
  margin: 30px auto 2px auto;
  padding: 0px 0px 5px 0px;
  float: none;
  border: none;
  background-color: transparent;
  z-index: 6;
}
/* Markupfreies Clearing (nicht f. IE)*/
/*div.MenuContainerLinks:after {
  content: "."; display: block; height: 0; clear: both; visibility: hidden;
}*/
/* Weitere Styles zu diesen Abschnitt:
*********************** s. format.css *********************
p.menutitleLinks
a.menuLinksInaktiv
a.menuLinksAktiv, a.menuLinksAktiv:hover, a.menuLinksInaktiv:hover

  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
***********************************************************
*/


      /* = Rechte Navigation, div.Inhalte = */
#SpalteRechts {
  width: 185px;
  height: auto;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 20px 0px;
  float: right;
  border: none;
  background-color: transparent;
  z-index: 7;
}

div.MenuContainerRechts {
  width: 178px;
  height: auto;
  margin: 30px auto 2px auto;
  padding: 0px 0px 5px 0px;
  float: none;
  border: none;
  background-color: transparent;
  z-index: 8;
}
/* Markupfreies Clearing (nicht f. IE)*/
/*div.MenuContainerRechts:after {
  content: "."; display: block; height: 0; clear: both; visibility: hidden;
}*/
/* Weitere Styles zu diesen Abschnitt:
*********************** s. format.css *********************
p.menutitleRechts
a.menuRechts
a.menuRechts:hover

  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
***********************************************************
*/
/* ========================================================================== */



/* === SEITENINHALT ========================================================= */

/* Container f. .SeitenInhalt */
#SpalteMitte {
  width: auto;
  height: auto;
  margin: 0px 190px 0px 190px;/*     0, re(SpalteRechts weite + x), 0, li(SpalteLinks weite + x) */
  padding: 0px;
  float: none;
  border-left: 3px solid #3399CC;
  /*border-right: 1px dashed #000000;*/
  background-color: transparent;
  z-index: 3;
}

/* Enthält den eigentlichen Text/Bild-Inhalt */
div.SeitenInhalt {
  width: auto;
  height: auto;
  margin: 0px;
  padding: 5px;
  float: none;
        font-size: 1.0em;/* sa. Haupt-,Oben-,Unten-Inhalt,... */
  text-align: left;
  border: none;
  background-color: transparent;
  z-index: 4;
}
/* Markupfreies Clearing (nicht f. IE + auch nicht f. NN ?)*/
div.SeitenInhalt:after {
  content: "."; display: block; height: 0; clear: both; visibility: hidden;
}
/* ========================================================================== */



/* === Footer INNERHALB von #HauptInhalt ==================================== */

#UntenInhalt {
  width: auto;
  height: auto;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: none;
  text-align: center;
        font-size: 0.75em;/* sa. Haupt-,Seiten-,Oben-Inhalt,... */
  border: none;
  background-color: transparent;
}
/* Markupfreies Clearing (nicht f. IE)*/
#UntenInhalt:after {
  content: "."; display: block; height: 0; clear: both; visibility: hidden;
}

      /* = 1."ZEILE" = */
div.Unten_ol {
  width: auto;
  height: auto;
  margin: 0px 0px 0px 0px;
  padding: 2px 2px 2px 2px;
  float: left;
  text-align: left;
  border: none;
  background-color: transparent;
}
/* Textzeile "Impressum", "..." */
div.Unten_om {
  width: auto;
  height: auto;
  margin: 0px auto 0px auto;
  padding: 2px 2px 2px 2px;
  float: none;
  text-align: center;
  border-top: 1px solid #999999;
  background-color: transparent;
}
div.Unten_or {
  width: auto;
  height: auto;
  margin: 0px 0px 0px 0px;
  padding: 2px 2px 2px 2px;
  float: right;
  text-align: right;
  border: none;
  background-color: transparent;
}

      /* = 2."ZEILE" = */
/* zb. Validierungslogos, ..., -> CODE: s. "flatdb.php" */
div.Unten_ml {
  width: 20%;
  height: auto;
  margin: 0px 0px 0px 0px;
  padding: 2px 2px 2px 2px;
  float: left;
  text-align: left;
  border: none;
  background-color: transparent;
}
/* zb. BANNER -> CODE: s. "scriptbiblio.js"  (Ein/Aus Konfig. s. auch "flatdb.php")  */
div.Unten_mm {
  width: 50%;
  height: auto;
  margin: 5px auto 0px 25%;
  padding: 2px 2px 2px 2px;
  float: none;
  text-align: center;
  border: none;
  background-color: transparent;
}
/* zb. PFEIL-GRAFIK "Zum Seitenanfang" -> CODE: s. "flatdb.php" */
div.Unten_mr {
  width: 20%;
  height: auto;
  margin: 0px 0px 0px 0px;
  padding: 2px 2px 2px 2px;
  float: right;
  text-align: right;
  border: none;
  background-color: transparent;
}

      /* = 3."ZEILE" = */
div.Unten_ul {
  width: auto;
  height: auto;
  margin: 0px 0px 0px 0px;
  padding: 2px 2px 2px 2px;
  float: left;
  text-align: left;
  border: none;
  background-color: transparent;
}
div.Unten_um {
  width: auto;
  height: auto;
  margin: 0px auto 0px auto;
  padding: 2px 2px 2px 2px;
  float: none;
  text-align: center;
  border: none;
  background-color: transparent;
}
div.Unten_ur {
  width: auto;
  height: auto;
  margin: 0px 0px 0px 0px;
  padding: 2px 2px 2px 2px;
  float: right;
  text-align: right;
  border: none;
  background-color: transparent;
}

/* Weitere Styles zu diesen Abschnitt:
*********************** s. format.css *********************
Textzeile "Impressum", "..."  [unten.php]
span.UntenInhalt
a.topicon
***********************************************************
*/
/* ========================================================================== */



/* === Footer AUSSERHALB von #HauptInhalt =================================== */
/* zb. für die allerletzten Infozeilen ganz unten ausserhalb aller Inhalts-DIVs */
#UntenInfo {
  width: 95%;
  height: auto;
  margin: 10px auto 0px auto;
  padding: 0px 0px 0px 0px;
  float: none;
  text-align: center;
  border: none;
  background-color: transparent;
}
/* Weitere Styles zu diesen Abschnitt:
*********************** s. format.css *********************
Textzeile "Update", "©", "Design", "..."  [unteninfo.php]
span.UntenInfo
***********************************************************
*/
/* ========================================================================== */



/* === Inhaltscontainer, Absätze, ... ======================================= */

        /* === DIV "Inhalt"  ===
Verwendung:
- nur als "Rahmen" ohne Spalten(dann: padding: 2px; ev. border: none;)
- als CONTAINER für Spaltencontainer (div.InhaltSPcont)
- Komplexerer Inhaltscontainer (Bis 5 "Zellen" mit p.ol,p.or, ...)
*/
div.Inhalt {
  width: auto;
  height: auto;
  margin: 0px auto 20px auto;
  padding: 0px;
  float: none;
  border: 1px solid #3399CC;
  background-color: #FFFFFF;
overflow: hidden;/* IE 5: overflow: visible ! NN: overflow: auto  */
}
/* Markupfreies Clearing (nicht f. IE)
ACHTUNG: HIER lösts beim FF globales Clearing aus !? */
/*div.Inhalt:after {
  content: "."; display: block; height: 0; clear: both; visibility: hidden;
}*/


        /* === Spalten für DIV.Inhalt === */

    /* Allg. Vordefinitionen f. alle Spaltencontainer u. deren Inhaltsbereiche */
div.Cont2SPLinks, div.Cont2SPRechts,
div.Cont3SPLinks, div.Cont3SPRechts, div.Cont3SPMitte,
div.Inhalt2SPLinks, div.Inhalt2SPRechts, div.Inhalt2SPMitte,
div.Inhalt3SPLinks, div.Inhalt3SPRechts, div.Inhalt3SPMitte {
  padding: 4px;
}
div.Cont2SPLinks, div.Cont3SPLinks {
  float: left;
}
div.Cont2SPRechts, div.Cont3SPRechts {
  float: right;
}
/* Markupfreies Clearing (nicht f. IE): Hier ists AUCH ? für die Spaltentrenner nötig (IE: <?= $ cb ?>) */
div.Cont3SPMitte:after {
  content: "."; display: block; height: 0; clear: both; visibility: hidden;
}

    /* 2-Spaltig */
div.Cont2SPLinks, div.Cont2SPRechts {
  width: 47%;
}
div.Cont2SPLinks {
  border-right: 1px dashed #999999;
}

    /* 3-Spaltig */
div.Cont3SPLinks, div.Cont3SPRechts {
  width: 30%;
}
div.Cont3SPMitte {
  margin: 0px 32% 0px 32%;
  border-bottom: none;
  border-left: 1px dashed #999999;
  border-right: 1px dashed #999999;
  border-top: none;
}

    /* === Spaltenabschluss Unten, passend zu ...SP2..., ...SP3... === */
div.InhaltNormUnten {
  width: auto;
  height: auto;
  margin: 20px 0px 0px 0px;
  padding: 5px 2px 2px 2px;
  float: none;
  border: none;
  background-color: transparent;
  border-bottom: 1px dashed #999999;
  border-top: 1px dashed #999999;
}
/* Markupfreies Clearing (nicht f. IE)*/
/*div.InhaltNormUnten:after {
  content: "."; display: block; height: 0; clear: both; visibility: hidden;
}*/


        /* === Komplexerer Inhaltscontainer f. DIV.Inhalt === (Bis 5 "Zellen" mit p.ol,p.or, ...) */
/* Überschrift oä. */
div.Inhalt p.ol {
  width: 100%;
  height: auto;
  margin: 0px 0px 0px 0px;
  padding: 4px 2px 4px 2px;
  float: left;
  font-size: 1.0em;
  font-weight: bold;
  color: #FFFFFF; /*sa. format.css -> LINKS */
  border: none;
  background-color: #2AA6C0;
}
/* Datum oä. */
div.Inhalt p.or {
  width: 23%;
  height: 20px;
  margin: 0px 0px 0px 0px;
  padding: 2px 2px 2px 2px;
  float: right;
  text-align: center;
  font-size: 0.9em;
  font-weight: bold;
  border: none;
  background-color: transparent;
}
/* Inhalt */
div.Inhalt div.ml {
  width: 99%;
  height: auto;
  margin: 0px 0px 0px 0px;
  padding: 2px 2px 2px 2px;
  float: left;
  border-top: 1px dashed #CCCCCC;
  border-bottom: 1px dashed #CCCCCC;
  background-color: #FFFFFF;
}
/* Markupfreies Clearing (nicht f. IE) */
div.Inhalt div.ml:after {
  content: "."; display: block; height: 0; clear: both; visibility: hidden;
}

/* unten 1-zeilig - Fußnote, Toppfeil, oä. */
div.Inhalt p.u {
  width: auto;
  height: 16px;
  margin: 0px 0px 0px 0px;
  padding: 2px 2px 2px 2px;
  float: none;
  text-align: right;
  font-size: 0.9em;
  font-weight: normal;
  border: none;
  background-color: transparent;
}
/* unten 2-zeilig  - Fußnote oä. */
div.Inhalt p.ul {
  width: 90%;
  height: 16px;
  margin: 0px 0px 0px 0px;
  padding: 2px 2px 2px 2px;
  float: left;
  font-size: 0.75em;
  font-weight: normal;
  text-align: center;
  border: none;
  background-color: transparent;
}
/* unten 2-zeilig  - Toppfeil oä. */
div.Inhalt p.ur {
  width: auto;
  height: 16px;
  margin: 0px 0px 0px 0px;
  padding: 2px 2px 2px 2px;
  float: right;
  text-align: right;
  font-size: 0.9em;
  font-weight: normal;
  border: none;
  background-color: transparent;
}
/* ========================================================================== */



/* === CMS ================================================================== */
/* === show_news_modul.php === */
div.show_news {
  width: auto;
  height: auto;
  margin: 0px;
  padding: 4px;
  float: none;
  overflow: hidden;
  background-color: #FFFFFF;
}
/* Markupfreies Clearing (nicht f. IE) HIER f. NN7 wichtig, FF brauchts nicht, da float none ...*/
div.show_news:after {
  content: "."; display: block; height: 0; clear: both; visibility: hidden;
}

.cmsFussZeile {
  width: 100%;
  height: auto;
  margin: 25px auto 3px auto;
  padding: 0px;
  border-top: 1px solid #CCCCCC;
  font-size: 0.75em;
}
.cmsFussZeile p {
  margin: 1px; padding: 1px;
}
.cmsFussZeile p.links {
  float: left;
}
.cmsFussZeile p.zentriert {
  text-align: center;
}
.cmsFussZeile p.rechts {
  float: right;
}

/* === news_start_modul.php (+ Info z. weiteren Modul-Dateien aus [news] )=== */
div.news_start {
  width: auto;
  height: auto;
  margin: 0px 0px 20px 0px;
  padding: 4px;
  float: none;
  overflow: hidden;
  border-bottom: 1px solid #000000;
  /*background-color: #FFFFFF;*/
}
/* Markupfreies Clearing (nicht f. IE) HIER f. NN7 wichtig, FF brauchts nicht, da float none ...*/
div.news_start:after {
  content: "."; display: block; height: 0; clear: both; visibility: hidden;
}

/*
- news_head_modul.php:
  greift auf Stile zu welche ohnehin hier, ausserhalb der CMS-Stile notiert sind - wie zb. die normalen Inhaltscontainer "div.Inhalt" uä.
- news_link_modul.php:
  verwendet nur einen Teil der Tabellenstile (s. format.css / table.Inhalt tr.Hell usw.)
- news_rechts_modul.php:
  verwendet nur einen Menüstil, zb. "menuRechts" fd. Link (s. format.css)
*/

.cmsSort {
  text-align: center;
}
a.cmsSortLink{
  text-decoration: none;
}
.cmsSortText {
  font-family: arial;
  font-size: 10px;
  color: #999999;
  vertical-align: super;
}

/* sa. cms\styles\stylesheet.css - dort sind gleichnamige Stile fd. CMS Startseite + fd. news_module ?!
div.copyright {
  width: 75%;
  margin: 25px auto 0px auto;
  padding: 1px;
  text-align: center;
}
a.copyright {
  font-size: 0.75em;
  color: #999999;
  text-decoration: none;
}  */
/* ========================================================================== */



/* === SONSTIGES ============================================================ */

/* "Text-Wechsler" (Optionen s. flatdb.php + scriptbiblio.js)   Nicht umbennen wg Scriptzugriff ! */
#akt_uelles {
  width: 100px;
  height: auto;
  margin: 20px auto 20px auto;
  padding: 5px;
  float: none;
  text-align: center;
  font-size: 0.9em;
  font-weight: bold;
  color: #FF0000;
  border: 1px solid #FF0000;
  background-color: #FFFF99;
}

#ExtraBoxLinks1, #ExtraBoxLinks2 {
  width: 100px;
  height: auto;
  margin: 20px auto 20px auto;
  padding: 5px;
  float: none;
  text-align: center;
  font-size: 0.9em;
  font-weight: bold;
  color: #FF0000;
  border: 1px solid #FF0000;
}
#ExtraBoxLinks1 {
  background-color: #FFFFCC;
}
#ExtraBoxLinks2 {
  background-color: #CCFFFF;
}
#ExtraBoxRechts1, #ExtraBoxRechts2 {
  width: 100px;
  height: auto;
  margin: 20px auto 20px auto;
  padding: 5px;
  float: none;
  text-align: center;
  font-size: 0.9em;
  font-weight: bold;
  color: #FF0000;
  border: 1px solid #FF0000;
  background-color: #CCFFFF;
}
#ExtraBoxRechts1 {
  background-color: #CCFFFF;
}
#ExtraBoxRechts2 {
  background-color: #99CCFF;
}


/* RSS Newsfeeder (Optionen s. flatdb.php)
#Newsfeeder = Allg.Stil f.d. CONTAINER id.Seite selbst */
#Newsfeeder {
  width: auto;
  height: auto;
  margin: 10px 5px 0px 5px;
  padding: 2px 2px 2px 2px;
  float: none;
  text-align: left;
  vertical-align: top;
  border: none;
  background-color: #FFFFFF;
}
hr.Newsfeeder {height: 1px; width: 99%; margin: 5px auto 10px auto; text-align: center; color: #000000;}

/* Weitere Styles zu diesen Abschnitt:
***** s. \support\zfeeder\newsfeeds\templates\css / "css.css" *****
 für weitere Styles (innere Darstellung d. Channels usw.)
*******************************************************************
*/

/* b. Druck unsichtbar (b. Druck sichtbar: s. "print.css") */
#nurdruck {
  display: none; visibility: hidden;
}

/* Teilung zw. Codeblöcken [xvorlage.php] */
.vorlageteiler {
  width: auto;
  height: 5px;
  margin: 10px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  float: none;
  border: 1px solid #FF0000;
  background-color: #FFFF66;
}
/* Markupfreies Clearing (nicht f. IE) */
/*.vorlageteiler:after {
  content: "."; display: block; height: 0; clear: both; visibility: hidden;
}*/
/* ========================================================================== */




/* === Clearing: ===============================================================
Diese Klassen sind als PHP-Var id. "flatdb"
zb.: <?= $ cb ?> wäre die Klasse cboth {clear: both
sa. "flatdb.php" SPEZIAL - BEREICH / CSS */
.cboth, .cleft, .cright {height: 0px; font-size: 0px; visibility: hidden; line-height: 0px}
.cboth {clear: both;}   /* php var: <?= $ cb ?> */
.cleft {clear: left;}   /* php var: <?= $ cl ?> */
.cright {clear: right;} /* php var: <?= $ cr ?> */


/* "Markupfreies Clearing" (nicht f. IE)  alte Vers. des Markupfreien Clearings, nicht verwendet
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: visible;
}
/* ========================================================================== */