/* CSS-File generated by Christiane Mueller, http://www.itib.de */

/* USED COLORS ------------------------------------------------- */
/* BENUTZTE FARBEN --------------------------------------------- */

/* white (e.g. content-background)          #ffffff    weiss     */
/* black (e.g. font)                        #000000    schwarz   */
/* grey (e.g. inner-containers)             #f0eeeb    grau      */
/* red (e.g. hover-links)                   #b80000    rot       */
/* blue (e.g. links)                        #0000a3    blau      */
/* light blue (e.g. website-background)     #efefff    hellblau  */
/* violett (e.g. visited links)             #5d005d    violett   */

/* GENERAL ----------------------------------------------------- */
/* ALLGEMEIN --------------------------------------------------- */

/* page general */
/* Seite generell */

html {height: 100%}           /* wg.Springen bei Scrollbalken */

body {
  background: #efefff;         /* Hintergrund: hellblau */
  color: #000000;              /* Textfarbe: schwarz */
  font-family: Arial, Helvetica, sans-serif; /* Schriftart: Arial, Helvetica, sans-serif */
  font-size: 83%;              /* Schriftgroesse: 83% */
  margin: auto;                /* Aussenabstand: automatisch */
  padding: 0;                  /* Innenabstand: keiner */
  text-align: left;            /* Horizontale Ausrichtung: linksbuendig */
  width: 95%;                  /* Breite: 95% der Fensterbreite */
  min-height: 101%           /* wg.Springen bei Scrollbalken */
/*overflow:-moz-scrollbars-vertical;*/

}

/* page-container including header-, main- and footer-container */
/* Seiten-Container mit Kopf-, Inhalts- und Fussbereich */
#page {
  background: #ffffff;         /* Hintergrund: weiss */
  margin: auto;                /* Aussenabstand: automatisch */
  padding: 0;                  /* Innenabstand: keiner */
  min-width: 590px;            /* Mindestbreite: 590px */
  max-width: 65em;             /* Maximalbreite: 86em */
  /*overflow:hidden;*/
}

/* clearing floatings */
/* Fliessumgebungen zuruecksetzen */
.fixfloat {
  float: none;                 /* Textumfluss: keiner */
  clear: both;                 /* Fortsetzung bei Textumfluss: unterhalb */
  width: 1px;                  /* Breite: 1px */
  margin: 0;                   /* Aussenabstand: keiner */
  padding: 0;                  /* Innenabstand: keiner */
  font-size: 0px;              /* Schriftgroesse: 0px */
  line-height: 0px;            /* Zeilenhoehe: 0px */
  height: 0px;                 /* Hoehe: 0px */
}

/* link general */

/* paragraph */
/* Absatz */
p {
  float: none;                 /* Textumfluss: keiner */
  clear: both;                 /* Fortsetzung bei Textumfluss: unterhalb */
}

p.center {
  text-align: center;          /* Text/Bilder zentrieren */
}

p.kontakt {
  font-size: 1.0em;              /* Schriftgroesse: 83% */
  font-family: Arial, Helvetica, sans-serif; /* Schriftart: Arial, Helvetica, sans-serif */

}


/* bread crumb trail */
/* Brotkrumen-Pfad */
#breadcrumb {
  font-size: .8em;             /* Schriftgroesse: 80% des Elternelementes */
  margin: 0;                   /* Aussenabstand: keiner */
  padding: 0 4px;              /* Innenabstand: oben/unten keiner, rechts/links 4px */
}

/* heading level 1 */
/* Ueberschrift Ebene 1 */
h1 {
  border: 1px solid #000000;   /* Rahmen alle Seiten: 1px, durchgezogen, schwarz */
  font-size: 1.4em;            /* Schriftgroesse: 1.4em */
  font-weight: bolder;         /* Schriftgewicht: extrafett */
  margin: 0 0 6px 0;           /* Aussenabstand: oben/rechts/links keiner, unten 6px */
  padding: 2px;                /* Innenabstand: 2px */
}

h1.center,h2.center,h3.center {
  text-align: center;          /* Text/Bilder zentrieren */
}

/* heading level 2 */
/* Ueberschrift Ebene 2 */
h2 {
  border-bottom: 1px solid #000000;   /* Rahmen unten: 1px, durchgezogen, schwarz */
  font-size: 1.2em;            /* Schriftgroesse: 1.2em */
  font-weight: bolder;         /* Schriftgewicht: extrafett */
  margin: 0;                   /* Aussenabstand: keiner */
  padding: 2px;                /* Innenabstand: 2px */
}

/* heading level 3 */
/* Ueberschrift Ebene 3 */
h3 {
  font-size: 1.2em;            /* Schriftgroesse: 1.2em */
  font-weight: bolder;         /* Schriftgewicht: extrafett */
  margin: 0;                   /* Aussenabstand: keiner */
  padding: 2px;                /* Innenabstand: 2px */
}


/* inner-container */
/* Allgemeiner Container */
.container {
  background: #FAFAFA;         /* Hintergrund: grau */
  color: #000000;         /* Textfarbe: schwarz */
  margin: .5%;                 /* Aussenabstand: 0,5% */
  padding: 0;                  /* Innenabstand: keiner */
}

/* copyright notice */
/* Urheber-Hinweis */
.copyright {
  font-size: .8em;             /* Schriftgroesse: 80% des Elternelementes */
  margin: 0;                   /* Aussenabstand: keiner */
  padding: 0;                  /* Innenabstand: keiner */
  text-align: center;          /* Horizontale Ausrichtung: zentriert */
}

/* HEADER ------------------------------------------------------ */

/* Header-Container */
#header_main {
  background: #FAFAFA;      /* Hintergrund: weiss */
  border-bottom: 1px solid #0000a3;   /* Rahmen oben: 1px, durchgezogen, blau */
  clear: both;              /* Fortsetzung bei Textumfluss: unterhalb */
  color: #000000;           /* Textfarbe: schwarz */
  float: none;              /* Textumfluss: keiner */
  height: 20%;            /* Hoehe: 20% */
  margin: 0;                /* Aussenabstand: keiner */
  padding: 0;               /* Innenabstand: keiner */
  width: 100%;              /* Breite: 100% */
}

/* Left Header-Container */
#header_left {
  background: #FAFAFA;      /* Hintergrund: weiss */
  color: #000000;           /* Textfarbe: schwarz */
  float: left;              /* Textumfluss: alles nachfolgende rechts vom Element */
  height: 90%;              /* Hoehe: 90% */
  margin: 2% .5% .5% .5%;              /* Aussenabstand: 0,5% */
  padding: 0;               /* Innenabstand: keiner */
  width: 23%;               /* Breite: 23% */
}

#header_left img {
/*background:#fafbfc;
border:1px solid #b0b0b0;*/
margin:0 2px 0 5px;
padding:1px;
border: 0;
}

/*.roteso {color: #D62F29}*/
.roteso {color: #C00000;}

/* blaue schrift*/
.blau  {color: #0000FF;}

/* Center Header-Container */
#header_content {
  background: #FAFAFA;      /* Hintergrund: weiss */
  color: #000000;           /* Textfarbe: schwarz */
  float: left;              /* Textumfluss: alles nachfolgende rechts vom Element */
  height: 90%;              /* Hoehe: 90% */
  margin: .5%;              /* Aussenabstand: 0,5% */
  padding: 0;               /* Innenabstand: keiner */
  width: 74%;               /* Breite: 74% */
overflow:hidden;
}


/* MAIN -------------------------------------------------------- */

/* Main-Container */
#main {
  background: #ffffff;      /* Hintergrund: weiss */
  border-bottom: 1px solid #0000a3;   /* Rahmen oben: 1px, durchgezogen, blau */
  clear: both;              /* Fortsetzung bei Textumfluss: unterhalb */
  color: #000000;           /* Textfarbe: schwarz */
  float: none;              /* Textumfluss: keiner */
  height: 70%;              /* Hoehe: 70% */
  margin: 0;                /* Aussenabstand: keiner */
  padding: 0;               /* Innenabstand: keiner */
  width: 100%;              /* Breite: 100% */
}

/* Left Main-Container */
#main_left {
  background: #ffffff;      /* Hintergrund: weiss */
  color: #000000;           /* Textfarbe: schwarz */
  float: left;              /* Textumfluss: alles nachfolgende rechts vom Element */
  height: 95%;              /* Hoehe: 95% */
  margin: .5%;              /* Aussenabstand: 0,5% */
  padding: 0;               /* Innenabstand: keiner */
  width: 23%;               /* Breite: 23% */
}

/* Center Main-Container */
#main_content {
  background: #ffffff;      /* Hintergrund: weiss */
  color: #000000;           /* Textfarbe: schwarz */
  float: left;              /* Textumfluss: alles nachfolgende rechts vom Element */
  height: 95%;              /* Hoehe: 95% */
  margin: .5%;              /* Aussenabstand: 0,5% */
  padding: 0;               /* Innenabstand: keiner */
  width: 74%;               /* Breite: 74% */
overflow:hidden;
}


/* Pfeil-Verweise zum Seitenanfang */
p.pfeilnavigator {
  background: #fff;
  color: #000;
  margin: 1em 0;
  padding: 0 5px 0 0;
  text-align: right;
}
/* Verweis auf Seitenanfang der Datei */
a:link.seitenanfang,
a:visited.seitenanfang,
a:hover.seitenanfang,
a:active.seitenanfang,
a:focus.seitenanfang {
  background: #fff url(../up.gif) center left no-repeat;
  padding: 0 0 0 15px;
}


/* FOOTER ------------------------------------------------------ */

/* Footer-Container */
#footer_main {
  background: #FAFAFA;      /* Hintergrund: weiss */
  clear: both;              /* Fortsetzung bei Textumfluss: unterhalb */
  color: #000000;           /* Textfarbe: schwarz */
  float: none;              /* Textumfluss: keiner */
  height: 10%;              /* Hoehe: 10% */
  margin: 0;                /* Aussenabstand: keiner */
  padding: 0;               /* Innenabstand: keiner */
  width: 100%;              /* Breite: 100% */
}

/* Left Footer-Container */
#footer_left {
  background: #FAFAFA;      /* Hintergrund: weiss */
  color: #000000;           /* Textfarbe: schwarz */
  float: left;              /* Textumfluss: alles nachfolgende rechts vom Element */
  height: 80%;              /* Hoehe: 80% */
  margin: .5%;              /* Aussenabstand: 0,5% */
  padding: 0;               /* Innenabstand: keiner */
  width: 23%;               /* Breite: 23% */
}


.icon {
/*background:#fafbfc;
border:1px solid #b0b0b0;*/
margin:0 6px 0 6px;
padding:1px;
border: 0;
}

.top {
/*background:#fafbfc;
border:1px solid #b0b0b0;*/
margin:0 6px 0 6px;
padding:1px;
border: 0;
vertical-align:middle;
}



/* Center Footer-Container */
#footer_content {
  background: #FAFAFA;      /* Hintergrund: weiss */
  color: #000000;           /* Textfarbe: schwarz */
  float: left;              /* Textumfluss: alles nachfolgende rechts vom Element */
  height: 80%;              /* Hoehe: 80% */
  margin: .5%;              /* Aussenabstand: 0,5% */
  padding: 0;               /* Innenabstand: keiner */
  width: 74%;               /* Breite: 74% */
}


/*** Sidebar php menu links ***/
/*Style-Definition für die First-Level-php-Navigation*/
DIV.fstLevel a
{
background:#fafafa;
border:1px solid #b0b0b0;
color:#000000;
font-size:0.8em;
display:block;
position:relative;
text-transform:uppercase;
text-decoration:none;
font-weight: bold;
margin: 0 0 4px 2px;        /* Aussenabstand: oben/rechts/links keiner, unten 4px */
padding:5px 4px 4px 10px;
width: 80%;              /* Breite: 100% */
}

/*Style-Definition für die First-Level-php-Navigation bei Mouse-Over*/
DIV.fstLevel a:hover
{
background:#FFFFFF;
border:1px solid #0000a3;
color:#0000a3;
  }
/*Style-Definition für die First-Level-php-Navigation bei aktivem Link*/
DIV.fstLevelActive a
{
background:#FFFFFF;
border:1px solid #0000a3;
color:#0000a3;
font-size:0.8em;
display:block;
position:relative;
text-transform:uppercase;
text-decoration:none;
font-weight: bold;
margin: 0 0 4px 2px;        /* Aussenabstand: oben/rechts/links keiner, unten 4px */
padding:5px 4px 4px 10px;
width: 80%;              /* Breite: 100% */
}

/*Style-Definition für die Second-Level-php-Navigation*/
DIV.secLevel a
{
background:#fafafa;
border:1px solid #b0b0b0;
color:#000000;
font-size:0.8em;
display:block;
position:relative;
text-transform:uppercase;
text-decoration:none;
font-weight: bold;
margin:1px 0 4px 12px;
padding:4px 2px 2px 8px;
width:77%;
/*letter-spacing:1px;*/
/*width:125px;*/
}
/*Style-Definition für die Second-Level-php-Navigation bei Mouse-Over*/
DIV.secLevel a:hover
{
background:#FFFFFF;
border:1px solid #0000a3;
color:#0000a3;
}
/*Style-Definition für die Second-Level-php-Navigation bei aktivem Link*/
DIV.secLevelActive a
{
background:#FFFFFF;
border:1px solid #0000a3;
color:#0000a3;
font-size:0.8em;
display:block;
position:relative;
text-transform:uppercase;
text-decoration:none;
font-weight: bold;
margin:1px 0 4px 12px;
padding:4px 2px 2px 8px;
width:77%;
/*letter-spacing:1px;*/
/*width:125px;*/
}


/* Seiteninterne Sprungmarken */
p.unsichtbar,
p.unsichtbar a.unsichtbar {
  display: block;
  font-size: 1px;
  height: 1px;
  line-height: 1px;
  margin: 0;
  padding: 0;
  visibility: hidden;
  width: 1px;
}

img.rahmen {
  border:0;
}