/* Einstellungen fuer den Editor und XML-Dateien in */
                                                       /* index.php in der Buehne */

#unterschrift0 {
  font-family:verdana;
  font-size:10px;
  color:#848484;
}

#unterschrift1 {
  font-family:verdana;
  font-size:10px;
  color:#848484;
}

#unterschrift2 {
  font-family:verdana;
  font-size:10px;
  color:#848484;
}

#unterschrift3 {
  font-family:verdana;
  font-size:10px;
  color:#848484;
}

#unterschrift4 {
  font-family:verdana;
  font-size:10px;
  color:#848484;
}

#unterschrift5 {
  font-family:verdana;
  font-size:10px;
  color:#848484;
}

#unterschrift6 {
  font-family:verdana;
  font-size:10px;
  color:#848484;
}

#unterschrift7 {
  font-family:verdana;
  font-size:10px;
  color:#848484;
}

#unterschrift8 {
  font-family:verdana;
  font-size:10px;
  color:#848484;
}

#unterschrift9 {
  font-family:verdana;
  font-size:10px;
  color:#848484;
}

#ueberschrift0 {
  font-family:verdana;
  font-size:10px;
  color:#848484;
}

#ueberschrift1 {
  font-family:verdana;
  font-size:10px;
  color:#848484;
}

#listenelement0 {
  font-family:verdana;
  font-size:10px;
  color:#848484;
}

#listenelement1 {
  font-family:verdana;
  font-size:10px;
  color:#848484;
}

#listenelement2 {
  font-family:verdana;
  font-size:10px;
  color:#848484;
}

#listenelement3 {
  font-family:verdana;
  font-size:10px;
  color:#848484;
}

#listenelement4 {
  font-family:verdana;
  font-size:10px;
  color:#848484;
}

#text0 {
  font-family:verdana;
  font-size:10px;
  color:#848484;
}

#text1 {
  font-family:verdana;
  font-size:10px;
  color:#848484;
}


                                                       /* Einstellungen fuer index.php */

body {
  background: url(../bilder/hintergrund.gif);          /* Hintergrundbild im gesamten Browserfenster */
}

#verlauf {
  background: url(../bilder/verlauf.png) repeat-x;     /* Verlauf, der ueber dem Hintergrundbild ist */
  position: absolute;                                  /* der Verlauf wird absolut positioniert */
  left: 0px;                                           /* und beginnt in der linken */
  top: 0px;                                            /* oberen Ecke des Browserfensters */
  width: 100%;                                         /* und nimmt die gesamte Breite ein, */
  height: 850px;                                       /* und ist so hoch wie der container */
}

#container {                                           /* wird zentriert, enthaelt die Bereiche oben + unten */
  background: url(../bilder/container.gif);            /* Hintergrundbild im gesamten Containerfenster */
  position: absolute;                                  /* der Container wird absolut positioniert */
  left: 50%;                                           /* 0%=links 50%=mittig 100%=rechts */
  margin-left: -512px;                                 /* in Abhaengigkeit von left */
  top: 0px;                                            /* 0 Pixel von oben */
  width: 1024px;                                        /* Breite des Containers */
  height: 850px;                                       /* Hoehe des Containers */
  overflow: hidden;                                    /* was uebersteht wird abgeschnitten */
  text-align: left;                                    /* Browserkorrektur, nicht veraendern */
}

#oben {                                                /* enthaelt den HEADER (Kopf) */
  background: transparent;                             /* transparent, sodass der Hintergrund sichtbar ist */
  position: absolute;                                  /* "oben" wird absolut positioniert */
  left: 0px;                                           /* bezogen auf den Container in der linken */
  top: 0px;                                            /* oberen Ecke */
  width: 1024px;                                        /* ist genau so Breit wie der Container */
  height: 850px;                                       /* Hoehe von "oben" */
  overflow: hidden;                                    /* was geschieht mit dem was uebersteht */
  padding: 0px;                                        /* Browserkorrektur, nicht veraendern */
  visibility: visible;                                 /* gibt an, ob das Element sichtbar ist */
}

#menu {                                                /* enthaelt den HEADER (Kopf) */
  background: transparent;                             /* transparent, sodass der Hintergrund sichtbar ist */
  position: absolute;                                  /* "menu" wird absolut positioniert */
  left: 0px;                                           /* bezogen auf den Container in der linken */
  top: 1050px;                                          /* oberen Ecke */
  width: 250px;                                        /* ist genau so Breit wie der Container */
  height: 10px;                                       /* Hoehe von "menu" */
  overflow: hidden;                                    /* was geschieht mit dem was uebersteht */
  padding: 0px;                                        /* Browserkorrektur, nicht veraendern */
  visibility: hidden;                                 /* gibt an, ob das Element sichtbar ist */
}

#buehne {                                              /* enthaelt den HEADER (Kopf) */
  background: transparent;                             /* transparent, sodass der Hintergrund sichtbar ist */
  position: absolute;                                  /* "buehne" wird absolut positioniert */
  left: 250px;                                         /* bezogen auf den Container in der linken */
  top: 950px;                                          /* oberen Ecke */
  width: 690px;                                        /* ist genau so Breit wie der Container */
  height: 10px;                                       /* Hoehe von "buehne" */
  overflow: hidden;                                    /* was geschieht mit dem was uebersteht */
  padding: 0px;                                        /* Browserkorrektur, nicht veraendern */
  visibility: hidden;                                 /* gibt an, ob das Element sichtbar ist */
}

#extrarahmen1 {                                        /* enthaelt den "extrarahmen1" */
  background: transparent;                             /* transparent, sodass der Hintergrund sichtbar ist */
  position: absolute;                                  /* "extrarahmen1" wird absolut positioniert */
  left: 0px;                                           /* bezogen auf den Container in der linken */
  top: 960px;                                          /* oberen Ecke */
  width: 50px;                                         /* ist genau so Breit wie der Container */
  height: 50px;                                        /* Hoehe von "extrarahmen1" */
  overflow: hidden;                                    /* was geschieht mit dem was uebersteht */
  padding: 0px;                                        /* Browserkorrektur, nicht veraendern */
  visibility: hidden;                                  /* gibt an, ob das Element sichtbar ist */
}

#extrarahmen2 {                                        /* enthaelt den "extrarahmen2" */
  background: transparent;                             /* transparent, sodass der Hintergrund sichtbar ist */
  position: absolute;                                  /* "extrarahmen2" wird absolut positioniert */
  left: 50px;                                          /* bezogen auf den Container in der linken */
  top: 960px;                                          /* oberen Ecke */
  width: 50px;                                         /* ist genau so Breit wie der Container */
  height: 50px;                                        /* Hoehe von "extrarahmen2" */
  overflow: hidden;                                    /* was geschieht mit dem was uebersteht */
  padding: 0px;                                        /* Browserkorrektur, nicht veraendern */
  visibility: hidden;                                  /* gibt an, ob das Element sichtbar ist */
}

#extrarahmen3 {                                        /* enthaelt den "extrarahmen3" */
  background: transparent;                             /* transparent, sodass der Hintergrund sichtbar ist */
  position: absolute;                                  /* "extrarahmen3" wird absolut positioniert */
  left: 100px;                                         /* bezogen auf den Container in der linken */
  top: 960px;                                          /* oberen Ecke */
  width: 50px;                                         /* ist genau so Breit wie der Container */
  height: 50px;                                        /* Hoehe von "extrarahmen3" */
  overflow: hidden;                                    /* was geschieht mit dem was uebersteht */
  padding: 0px;                                        /* Browserkorrektur, nicht veraendern */
  visibility: hidden;                                  /* gibt an, ob das Element sichtbar ist */
}

#extrarahmen4 {                                        /* enthaelt den "extrarahmen4" */
  background: transparent;                             /* transparent, sodass der Hintergrund sichtbar ist */
  position: absolute;                                  /* "extrarahmen4" wird absolut positioniert */
  left: 150px;                                         /* bezogen auf den Container in der linken */
  top: 860px;                                          /* oberen Ecke */
  width: 50px;                                         /* ist genau so Breit wie der Container */
  height: 50px;                                        /* Hoehe von "extrarahmen4" */
  overflow: hidden;                                    /* was geschieht mit dem was uebersteht */
  padding: 0px;                                        /* Browserkorrektur, nicht veraendern */
  visibility: hidden;                                  /* gibt an, ob das Element sichtbar ist */
}

#extrarahmen5 {                                        /* enthaelt den "extrarahmen5" */
  background: transparent;                             /* transparent, sodass der Hintergrund sichtbar ist */
  position: absolute;                                  /* "extrarahmen5" wird absolut positioniert */
  left: 200px;                                         /* bezogen auf den Container in der linken */
  top: 860px;                                          /* oberen Ecke */
  width: 50px;                                         /* ist genau so Breit wie der Container */
  height: 50px;                                        /* Hoehe von "extrarahmen5" */
  overflow: hidden;                                    /* was geschieht mit dem was uebersteht */
  padding: 0px;                                        /* Browserkorrektur, nicht veraendern */
  visibility: hidden;                                  /* gibt an, ob das Element sichtbar ist */
}

#extrarahmen6 {                                        /* enthaelt den "extrarahmen6" */
  background: transparent;                             /* transparent, sodass der Hintergrund sichtbar ist */
  position: absolute;                                  /* "extrarahmen6" wird absolut positioniert */
  left: 250px;                                         /* bezogen auf den Container in der linken */
  top: 860px;                                          /* oberen Ecke */
  width: 50px;                                         /* ist genau so Breit wie der Container */
  height: 50px;                                        /* Hoehe von "extrarahmen6" */
  overflow: hidden;                                    /* was geschieht mit dem was uebersteht */
  padding: 0px;                                        /* Browserkorrektur, nicht veraendern */
  visibility: hidden;                                  /* gibt an, ob das Element sichtbar ist */
}

#extrarahmen7 {                                        /* enthaelt den "extrarahmen7" */
  background: transparent;                             /* transparent, sodass der Hintergrund sichtbar ist */
  position: absolute;                                  /* "extrarahmen7" wird absolut positioniert */
  left: 300px;                                         /* bezogen auf den Container in der linken */
  top: 860px;                                          /* oberen Ecke */
  width: 50px;                                         /* ist genau so Breit wie der Container */
  height: 50px;                                        /* Hoehe von "extrarahmen7" */
  overflow: hidden;                                    /* was geschieht mit dem was uebersteht */
  padding: 0px;                                        /* Browserkorrektur, nicht veraendern */
  visibility: hidden;                                  /* gibt an, ob das Element sichtbar ist */
}

                                                       /* Einstellungen fuer den Editor */

.xmlcode {                                             /* Fenster fuer den XML-Code */
  width: 1000px;                                       /* Breite */
  min-width: 1000px;                                   /* Mindestbreite */
  max-width: 1000px;                                   /* maximale Breite */
  height: 400px;                                       /* Hoehe */
  min-height: 400px;                                   /* Mindesthoehe */
  max-height: 400px;                                   /* maximale Hoehe */
  border: 1px solid #cccccc;                           /* Randbreite, -art und -farbe */
  background-color: #ffffff;                           /* Hintergrundfarbe */
  position: absolute;                                  /* "xmlcode" wird absolut positioniert */
  left: 8px;                                           /* linker Abstand */
  top: 2090px;                                         /* oberer Abstand */
  font-family: arial;                                  /* Schriftart */
  color: #000000;                                      /* Schriftfarbe */
  font-size: 14px;                                     /* Schriftgroesse */
  overflow: auto;                                      /* was ggfs. uebersteht wird gescrollt */
}

#xsnazzy h1, #xsnazzy h2, #xsnazzy p {                 /* abgerundete Balken für die Überschriften */
  margin: 0 10px;                                      /* dto. */
  letter-spacing: 1px;                                 /* dto. */
}

.xboxcontent {                                         /* Schriftzug in dem abgerundeten Balken */
  font-family: verdana;                                /* Schriftart */
  font-size: 11px;                                     /* Schriftgroesse */
  font-weight: normal;                                 /* Schriftgewicht */
  color: #212121;                                      /* Schriftfarbe */
  display: block;                                      /* Blocksatz bei Mehrzeiligkeit */
  background: #c2c2c2;                                 /* Hintergrundfarbe */
  border: 0 solid #969696;                             /* dto. */
  border-width: 0 1px;                                 /* dto. */
}

#xsnazzy h1 {                                          /* dto. */
  font-size: 2.5em;                                    /* dto. */
  color: #fff;                                         /* dto. */
}

#xsnazzy h2 {                                          /* dto. */
  font-size: 2em;                                      /* dto. */
  color: #06a;                                         /* dto. */
  border: 0;                                           /* dto. */
}

#xsnazzy p {                                           /* dto. */
  padding-bottom: 0.5em;                               /* dto. */
}

#xsnazzy h2 {                                          /* dto. */
  padding-top: 0.5em;                                  /* dto. */
}

#xsnazzy {                                             /* dto. */
  background: transparent;                             /* dto. */
  margin: 0em;                                         /* dto. */
  width: 430px;                                        /* dto. */
}

.xtop, .xbottom {                                      /* dto. */
  display: block;                                      /* dto. */
  background: transparent;                             /* dto. */
  font-size: 1px;                                      /* dto. */
}

.xb1, .xb2, .xb3, .xb4 {                               /* dto. */
  display: block;                                      /* dto. */
  overflow: hidden;                                    /* dto. */
}

.xb1, .xb2, .xb3 {                                     /* dto. */
  height: 1px;                                         /* dto. */
}

.xb2, .xb3, .xb4 {                                     /* dto. */
  background: #c2c2c2;                                 /* dto. */
  border-left: 1px solid #969696;                      /* dto. */
  border-right: 1px solid #969696;                     /* dto. */
}

.xb1 {                                                 /* dto. */
  margin: 0 5px;                                       /* dto. */
  background: #969696;                                 /* dto. */
}

.xb2 {                                                 /* dto. */
  margin: 0 3px;                                       /* dto. */
  border-width: 0 2px;                                 /* dto. */
}

.xb3 {                                                 /* dto. */
  margin: 0 2px;                                       /* dto. */
}

.xb4 {                                                 /* dto. */
  height: 1px;                                         /* dto. */
  margin: 0 1px;                                       /* dto. */
}