/* zur Reihenfolge der aufgelisteten Stylesheets: später folgende, also weiter unten stehende überschreiben gegebenenfalls vorhergehende Angaben. Alle untenstehenden Angaben mit einem Punkt als Vorzeichen müssen als ggf. als class="" aufgerufen werden.*/

body /* beschreibt den hintersten Hintergrund und die grundsätzlich anzuwendende Schrift*/
{
 position:absolute;
 margin:0px;
 padding:0px;
 left:0px;
 right:0px;
 top:0px;
 bottom:0px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:  10.5pt ;
 background-image: url(images/hgblaublauweiss.gif);
}

table /* solange Tabellen nicht ausdrücklich anders formatiert werden, werden ohne Linien dargestellt und nach rechts ausgerichtet. Nur bei niedrigen Auflösungen oder starken Vergrößerungen rutschen sie tatsächlich an den rechten Bildschirmrand. die Gesamtbreite von 28em entsprechen bei der vorgegebenen Schriftgröße von 10.5pt ziemlich genau 392 Pixeln. Soll die Tabelle eine andere Breite aufweisen, kann dies direkt im Quelltext angegeben werden, - entweder in % oder als style="width:00em" aber bitte nicht in Pixeln! */
{
 padding:0.3571em;
 margin:0em;
 border:0px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10.5pt;
 width:28em;
 align:right;
}

.tabelle /* mit Linien, zentriert*/
{
padding:0.3571em;
 margin:0em;
 border:0px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10.5pt;
 width:28em;
align:center;
}

.li /*(Text-)Ausrichtung links*/
{
text-align:left;
}

.re /*(Text-)Ausrichtung rechts*/
{
text-align:right;
}

.mitte
{
align:center;
}

/* die Positionen und Maße der verschidensten Textbereiche, Hintergrundfarben und Bilder. Alle em-Maße beziehen sich auf die Basisschriftgröße von 10.5pt*/

.sprung /* Das "Sprungmenü" befindet sich hinter den Bildern - also für einen normalsichtigen Menschen versteckt und ist auch ursprünglich nur für screenreader gedacht. ABER: Auch Benutzer von Pocket-PCs und PDAs können davon partiziperen! (Vorausgesetzt sie benutzen nicht den Internetexplorer...)*/
{
  font-size:10pt;
}

.kurzinfo
{
 position:absolute;
 top:0.7143em;
 left:44.1667em;
 width:20em;
 height:7.8571em;
 font-size:9pt;
 z-index:12;
}

.content
{
 position:absolute;
 top:211px;
 left:237px;
 /*max-*/width:550px;
 z-index:12;
}

.menue
{
 position:absolute;
 top:14.2857em;
 left:0.7143em;
 width:12.8571em;
 align:right;
 text-align:right;
 z-index:12;
}

.bildlinks
{
 position:absolute;
 top:11.4286em;
 left:0em;
 width:15em;
 z-index:8;
}

.bildoben
{
 position:absolute;
 top:0em;
 left:15em;
 width:22.8571em;
 height:9.3571;
 z-index:8;
}

.bildobenlinks
{
 position:absolute;
 top:0em;
 left:0em;
 width:15em;
 height:11.4286em;
 z-index:8;
}

.bildmain
{
 position:absolute;
 top:9.3571em;
 left:15em;
 width:27.0714em;
 z-index:8;

}

.hgblau
{
 position:absolute;
 top:0em;
 left:0em;
 width:14.2857em;
 bottom:0em;
 background-color: #3D4B82;
 z-index:5;
}

.hgviolett
{
 position:absolute;
 top:0em;
 left:0em;
 width:100%;
 height:8.5714em;
 background-color: #9C2C94; /*Hintergrundbilder müssen noch an #8B367E angepasst werden! */
 z-index:5;
}

.hgblauhorz
{
 position:absolute;
 top:6.5em;
 left:0em;
 width:100%;
  height:2.8571em;
 background-color: #78B4DA;
 z-index:1;
}

.hgblauvert
{
 position:absolute;
 top:0em;
 left:0em;
 width:11.5em;
 background-color: #78B4DA;
 z-index:1;
}

.logos /* Kirchenkreislogos auf der index-Seite*/
{
 position:absolute;
 top:10em;
 left:30em;
 z-index:10;
}

.spruch /*Monatsspruch auf der Startseite*/
{

padding-left:9.8em;


}

/* Fontgrößen */
.normaltext {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10.5pt;}
/* auch als class für z.B. <br> einsetzbar!!! */
.size00 {font-size: 0pt; }
.size06 {font-size: 6pt; }
.size07 {font-size: 7pt; }
.size08 {font-size: 8pt; }
.size09 {font-size: 9pt; }
.size10 {font-size: 10pt; }
.size11 {font-size: 11pt; }
.size12 {font-size: 12pt; }
.size13 {font-size: 13pt; }
.size14 {font-size: 14pt; }
.size15 {font-size: 15pt; }
.size16 {font-size: 16pt; }
.size17 {font-size: 17pt; }
.size18 {font-size: 18pt; }
.size19 {font-size: 19pt; }
.size20 {font-size: 20pt; }
.size21 {font-size: 21pt; }
.size22 {font-size: 22pt; }
.size23 {font-size: 23pt; }
.size24 {font-size: 24pt; }
.size30 {font-size: 30pt; }
.size40 {font-size: 40pt; }
.size50 {font-size: 50pt; }
.size60 {font-size: 60pt; }
.size70 {font-size: 70pt; }
.size80 {font-size: 80pt; }
.size90 {font-size: 90pt; }
.size100 {font-size: 100pt; }
.size110 {font-size: 110pt; }
.size120 {font-size: 120pt; }

/* Fontfarben*/
.weiss {color: #F0F5D7;}
.rot {color: #D70005;}
.rot2 {color:#B22222;} /*firebrick*/
.blau {color:#4682B4;}/*steelblue*/
.blau2 {color:#483D8B;} /*"darkslateblue"*/
.blau3 {color:#9BDFFF;}/* hellblau im hg und Hauptmenue */
.gruen {color:#5B8E29;} /*olivedrab*/
.dklviolett {color: #5A2776;}
.violett {color: #9c2c94;}
.lila {color: #CF77C9;}
.flieder {color: #F6B6FF;}

/* Fontgewichte*/
.leichter {font-weight: normal;}
.fett {font-weight: bold;}
.leicht {font-weight: lighter;}/* um Überschriften (H1-6) ein bisschen schmaler zu machen*/

/* folgende Angaben betreffen die Grundformatierung der verschieden Menüs und sonstigen Links -
in den Angaben für  a:link, a:hover etc. nutzen nämlich z.B. Größenangaben (welcher Schreibweise auch immer) herzlich wenig.*/

.untermenue_rot
{
 font-weight:bold;
 font-size:9.5pt;
 color:red;
 position:absolute;
 max-width:38em;
 top:13.5em; 
 left:19em;
 align:left;
 text-align:left;
 z-index:12;
}

/* vorgefertigte Listenpunkte: */
ul
{
  list-style-image:url(images/ping.gif);
}

.ul2
{
  list-style-image:url(bilder/greenstar.gif);
}

.ul3
{
  list-style-image:url(bilder/pong.gif);
}



/* Link-Farben, wenn nicht anders angegeben: von schwarz zu rot - z.B. im Fließtext*/
a:link {text-decoration:none; font-weight:bold; color:#000000;}
a:visited {text-decoration:none; font-weight:bold; color:#000000;}
a:active {text-decoration:none; font-weight:bold; color:#D70005;} /*ananias-rot*/
a:hover {text-decoration:none; font-weight:bold; color:#D70005;}


/* Menue am Kopf des Inhaltsbereichs*/
a.menurot:link { font-weight:bold; text-decoration:none; color: #D70005;}
a.menurot:visited { font-weight:bold; text-decoration:none; color: #D70005;}
a.menurot:active { font-weight:bold; text-decoration:none; color: steelblue;}
a.menurot:hover { font-weight:bold; text-decoration:none; color: steelblue;}


/* ...oder von weiss zu rot für Menü auf dunklem Grund*/
a.menuweissrot:link { font-weight:bold; text-decoration:none; color: #9BDFFF;}
a.menuweissrot:visited { font-weight:bold; text-decoration:none; color: #9BDFFF;}
a.menuweissrot:active { font-weight:bold; text-decoration:none; color: #D70005;}
a.menuweissrot:hover { font-weight:bold; text-decoration:none; color: #D70005;}

/* ...bis jetzt nur auf der "Angebote für Kinder"-Seite*/
a.menublaugruen:link { font-weight:bold; text-decoration:none; color: #9BDFFF;}
a.menublaugruen:visited { font-weight:bold; text-decoration:none; color: #9BDFFF;}
a.menublaugruen:active { font-weight:bold; text-decoration:none; color: #99ff33;}
a.menublaugruen:hover { font-weight:bold; text-decoration:none; color: #99ff33;}



/*---------------------------------------------------------------------------*/