/* CSS Style-Sheet-Specifications       */
/* created with (X)HTML-Format - angepasst durch Rainer Simon*/
/* http://www.openwebsuite.org */
/* ********************************************************************************************************************************
   Grundwerte fuer Dokumentelemente
******************************************************************************************************************************** */
* {                                    /* Alle Abstaende auf Null */
  margin:0px;
  padding:0px;
  }

BODY {                                 /* Dokumentbereich */
  background-color:#FFFFFF;
  color:#000000;
  font-family:verdana,arial,hevetica,sans-serif;
  font-size:14px;
  }
  
A {                                    /* Hyperlink */
  border:none;
  text-decoration:none;
  }

A:link {                               /* Pseudoklasse */
  color:#000000;
  text-decoration:none;
  }

A:visited {                            /* Pseudoklasse: besuchter Hyperlink */
  color:#000000;
  text-decoration:none;
  }

A:hover	{                              /* Pseudoklasse: Maus ueber dem Hyperlink */
  color:#0000ff;
  text-decoration:underline;
  background-color:#80ff00;
  }

H1, H2, H3, H4, H5, H6 {               /* UEberschriften */
  font-family:verdana,arial,hevetica,sans-serif;
  }

P {                                    /* Absatz, allgemein */
  background-color:transparent;
  color:#000000;
  font-family:verdana,arial,hevetica,sans-serif;
  font-size:100%;
  }

TABLE {                                /* Tabelle, allgemein */
  border:none;
  border-collapse:collapse;
  font-family:verdana,arial,hevetica,sans-serif;
  width:100%;
  }

TD {                                   /* Tabellenzelle, allgemein */
  border:none;
  text-align:left;
  }

TH {                                   /* Tabellenzeile, allgemein */
  border-bottom:1px solid #000;
  font-weight:700;
  text-align:center;
  vertical-align:top;
  }

TR {                                   /* Tabellenzeile, allgemein */
  border:none;
  text-align:left;
  vertical-align:top;
  }

UL {                                   /* allgemeine Liste ohne weitere Formate */
  font-family:verdana,arial,hevetica,sans-serif;
  list-style-type:none;
}

/* ********************************************************************************************************************************
   Allgemeine Klassen
******************************************************************************************************************************** */
.e01 {                                 /* Einzugsposition (Einsatz auf verschiedenen Seiten) */
  left:240px;
  position:absolute;
}

.e02 {                                 /* Einzugsposition (Einsatz auf verschiedenen Seiten)*/
  left:200px;
  position:absolute;
}

.f {                                   /* in <SPAN>-Tags: zusaetzlich fett */
  font-weight:bold;
}

.uk {                                  /* in <SPAN>-Tags: zusaetzlich einfach unterstrichen, kursiv */
  font-style:italic;
  text-decoration:underline;
}

.z {                                  /* zentriert */
  margin:auto;
  text-align:center;
}

/* ********************************************************************************************************************************
   Dokumentbereiche
   definiert in <div>-Tags, Angabe hinter der # ist mit id-Angabe im Dokument identisch
******************************************************************************************************************************** */
#navi {                                /* Navigation EKZ 
                                          - ACHTUNG: AEnderung Breite => Anpassung .e1!
                                            .e2 kann eventuell auch davon betroffen sein, je nach AEnderungswert! */
  background-color:#FFFFFF;
  float:left;
  left:5px;
  /*position:absolute;*/
  position:fixed;
  top:0px;
  width:120px;
}

#kopf {                                /* Kopfbereich - UEber #inhalt */
  background-color:blue;
  color:#FFFFFF;
  float:left;
  height:30px;
  top:0px;
  width:100%;
}

#rand {                                /* Randbereich - rechts */
  clear:right;
  background-color:#00F;
  right:0px;
  /*position:absolute;*/
  position:fixed;
  top:0px;
  width:130px;
}

#rand A {                              /* Hyperlink im rechten Randbereich */
  color:#000;
  font-size:60%;
  text-align:center;
  text-decoration:none;
  }

#inhalt {                              /* Seiteninhaltsbereich */
  /* Die Darstellungsbreite wird durch die Raender und die Breitenangabe beeinflusst */
  /* AEnderungen am linken Rand haben Auswirkungen auf andere Vorlagen */
  margin:0px 150px 0px 125px;
  width:auto;
}

#inhalt P EM {                         /* Betonung im Inhaltsbereich */
  font-style:normal;
  font-weight:bold;
  }

/* ********************************************************************************************************************************
   Dokumentelemente
******************************************************************************************************************************** */
A IMG {                                /* Grafiken als Hyperlink */
  border:none;
  }

A.anker:hover {                        /* Ankernamen */
  background-color:transparent;
  text-decoration:none;
}

A.grafik:hover {                       /* Hyperlink mit Grafik */
  border-bottom: 3px solid red;
  background-color:transparent;
  }
    
H1 {                                   /* UEberschrift, 1. Ebene */
  color:#00F;
  font-size:110%;
  padding-top:5px;
  text-align:center;
  }

H2 {                                   /* UEberschrift, 2. Ebene */
  text-align:center;
  color:#00F;
  font-size:105%;
}

H3 {                                   /* UEberschrift, 3. Ebene */
  text-align:left;
  color:blue;
  font-size:90%;
}

HR.trenner {                           /* Trennlinie auf den Inhaltsseiten */
  border:1px solid #ff6666;
  width:50%;
  margin:5px auto;
  text-align:center;
  }

  IMG {
  margin:12px;
}

INPUT.anmeldung {                      /* Formularelement bei Anmeldung */
  margin-left:70px;
  }

LI.nav {                               /* Elemente in der Navigationsliste */
  }

LI.u1 {                                /* Listenelement im Text */
  color: #1C296D;
  font-weight: bold;
  margin:0px 0px 0px 15px;
  padding:0px;
}

OL.nummer {                            /* Nummerierte Liste */
  list-style-type:decimal;
}

P.anmeldung {                          /* Anmeldekennung */
  background-color:#D2DB6C;
  font-size:80%;
  font-weight:bold;
  margin-top:10px;
  text-align:center;
  width:90%;
  }

P.beschriftung {                       /* Beschriftung in Formularen */
  font-weight:700;
  margin:10px 0px 10px 0px;
  }

P.bild {                               /* Bild auf der Seite Erinnerungen */
  text-align:center;
  margin:10px 0px 10px 0px;
  }

P.bild_text {                          /* Bildunterschrift */
  font-size:80%;
  font-style:italic;
  text-align:center;
  }
  
P.bild_ueber {                         /* Bildueberschrift */
  font-size:110%;
  font-style:italic;
  text-align:center;
  text-decoration:underline;
  }

P.e_grafik {                           /* Grafikeinzug */
  padding:15px 0px 15px 200px;
}

P.filter {                             /* Hinweis auf aktiven Filter */
  background-color:yellow;
  border:2px double blue;
  font-size:90%;
  font-weight:bold;
  margin:10px auto;
  padding:5px;
  width:75%;
  }

P.filter EM {                         /* Filterkriterium */
  color:red;
  }

P.hinweis {                            /* Hinweistext */
  background-color:#FFFF80;
  font-size:100%;
  font-weight:bold;
  }

P.hinweis_2 {                          /* Hinweistext mit Abstand und kleinerer Schrift */
  background-color:#FFFF80;
  font-size:80%;
  font-weight:bold;
  margin:10px 0px 5px 0px;
  }

P.monat {                              /* Monatsname in Veranstaltungskalender */
  font-size:100%;
  font-weight:bold;
  margin-top:5px;
}

P.nav_o {                              /* Absatz im Navigationsbereich - Bereichsueberschrift */
  padding:20px 0px 0px 5px;
  font-size:90%;
  font-style:italic;
}

P.p1 {                                 /* Adressen, u.a. Seiten - Gliederung */
  font-size:100%;
  color:blue;
  font-weight:bold;
  border-top:1px solid blue;
  text-align:center;
  margin-top:30px;
}

P.p2 {                                 /* Adressen - Name der Einrichtung */
  font-size:90%;
  font-style:italic;
  font-weight:bold;
  text-decoration:underline;
  margin-top:10px;
}

P.p3 {                                 /* Angebote - Angebote der Einrichtungen */
  font-size:90%;
  margin-left:15px;
  margin-top:5px;
}

P.p4 {                                 /* Angebote - Adresse der Einrichtungen */
  font-size:90%;
  margin-left:15px;
  margin-top:15px;
}

p.rand_grafik {                        /* Absatz mit Grafik im Randbereich */
  font-size:100%;
  text-align:center;
  margin-bottom:20px;
  margin-top: 20px;
  background-color:transparent;
  }

#rand P A.link, P A.link, P.rand_grafik A.link {                     /* Absatz mit Link im rechten Randbereich */
  background-color:#FFFF00;
  font-size:70%;
  }

#rand P A.link:hover, P A.link:hover, P.rand_grafik A.link:hover {   /* Absatz mit Link im rechten Randbereich, Pseudoklasse */
  color:#0000ff;
  text-decoration:underline;
  background-color:#80ff00;
  }

P.termin {                             /* Termineintrag in Veranstaltungskalender */
  font-size:80%;
  margin-top:2px;
}

P.term_rand {                          /* Terminanzeige im rechten Rand */
  border-top:1px solid white;
  color:#FFFFFF;
  font-size:70%;
  }
  
P.term_ueber {                          /* UEberschrift fuer Terminanzeige im rechten Rand */
  color:#FFFFFF;
  font-size:80%;
  margin-top:10px;
  text-align:center;
  }
  
P.u1 {                                 /* Absatz als UEberschrift einer Aufzaehlung */
  font-size:100%;
  font-weight:bold;
  margin:10px 0px 0px 0px;
}	

TABLE.links {                          /* Tabelle mit Aufstellung von Internetseiten */
  border:1px solid blue;
  border-collapse:collapse;
  font-size:80%;
  margin:auto;
  margin-top:15px;
  width:90%;
  }

TABLE.links TD {                       /* Zellmerkmale */
   border:1px solid blue;
   padding:2px 0px 2px 2px;
   vertical-align:middle;
   }

TABLE.links TD.fkt {                   /* Zellmerkmale fuer Funktionssymbole */
   text-align:center;
   vertical-align:middle;
   }

TABLE.links TD.zahl {                  /* Zellmerkmale fuer Datums- und numerische Werte */
   padding-right:3px;
   text-align:right;
   }

TABLE.links TH {                       /* Zellmerkmale - UEberschrift */
   border:1px solid blue;
   vertical-align:middle;
   }

TD.tag {                               /* Spalte fuer Tagesangabe bei Veranstaltungen */
  vertical-align:top;
  }

TD.termin_liste {                      /* Termine zur Anzeige/Bearbeitung */
  border-bottom:1px solid #000;
  }

UL.gruen {                             /* Aufzaehlung mit gruenem Quadrat */
  list-style-image:url(../grafik/gruen.gif);
  margin-left:25px;
}

UL.nav {                               /* Aufzaehlung in Navigation */
  margin-left:10px;
  list-style-type:none;
  padding-left:10px;
  font-size:90%;
}

UL.pfeil {                             /* Aufzaehlung mit Pfeil */
  list-style-image:url(../grafik/pfeil_rechts.gif);
  margin-left:25px;
}

UL.u1 {                                /* Aufzaehlung im Text */
  color: #1C296D;
  font-weight: bold;
  list-style-type:circle;
  margin:0px;
  padding:0px;
}	

UL.vorsorge {                          /* Aufzaehlung im Thema Vorsorgeuntersuchungen */
  margin:0px 0px 0px 10px;
  list-style-type:none;
  padding-left:10px;
  font-size:80%;
}