!!! ... */ { margin: 0px; font-family: Arial, sans-serif; font-weight: normal; font-size: 10pt; } p, li /* Der Standardtext, sowohl für die festen Seiten, als auch für Nachrichten ... */ { font-family: Arial, sans-serif; font-size: 10pt; } address /* Text für das
Tag ... */ { font-family: Arial, sans-serif; font-style:italic; font-size: 10pt; } pre /* Text für das Tag ... */
{
font-family: Courier New;
font-size: 10pt;
}
/*************************************************************************************************
@0020**** OuterLayer ... *************************************************************************
**************************************************************************************************/
/* OuterLayer ist das umfassende Objekt zwischen dem Hintergrund und den Frames ... */
.OuterLayer
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
left:50%;
position:absolute;
}
/*************************************************************************************************
@0030**** HeaderGrafic ... ***********************************************************************
**************************************************************************************************/
.HeaderGrafic
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
/*************************************************************************************************
@0040**** HeaderTopInfoLine ... ******************************************************************
**************************************************************************************************/
.HeaderTopInfoLine
{
margin: 0px 0px 0px 0px;
padding: 0px;
font-size: 10pt; /* Spezialschrift!!! */
}
.HeaderTopInfoLine a:link { text-decoration:underline; font-weight:normal; color:#FFFFFF; }
.HeaderTopInfoLine a:visited { text-decoration:underline; font-weight:normal; color:#FFFFFF; }
.HeaderTopInfoLine a:hover { text-decoration:underline; font-weight:normal; color:#FFFF00; }
.HeaderTopInfoLine a:active { text-decoration:underline; font-weight:normal; color:#FFFFFF; }
.HeaderTopInfoLine a:focus { text-decoration:underline; font-weight:normal; color:#FFFFFF; }
/*************************************************************************************************
@0050**** Formatierung des Navigations-Menüs ... *************************************************
**************************************************************************************************/
/* Allgemeine Einstellungen für den GANZEN Navigationsbereich! */
.Navigation
{
float:left; /* Linker Frame ... */
vertical-align:top;
text-align:left;
font-family: Arial, sans-serif; /* Gültig für alle Texte ausserhalb des Navigationsmenüs! */
font-size: 12pt; /* Spezialschrift!!! */
}
/*************************************************************************************************
Aufbau der Navigation:
/*************************************************************************************************/
.Navigation ul
{
width: 160px; /* Breite des Menüs !!! */
margin: 0px; /* Alle Ränder zurücksetzen! */
padding: 0px; /* Wichtig! Keine Einrückung der Liste! */
margin-top: 3.5em; /* Abstand des Menüs vom oberen, */
margin-left: 9%; /* linken Rand des Fensters ... */
margin-bottom: 2.0em; /* Abstand nach unten. */
list-style-image:none; /* Keine typische Listenfunktionalität! */
list-style-type:none;
list-style: none;
}
* html .Navigation ul a /* Breitenangaben nur fuer IE */
{ /* Diese Angaben sind nötig, sonst ist der */
width: 100%; /* IE nicht in der Lage ein spaltentreues Menü zu zeigen. */
w\idth: 160px;
}
/* Positionierung, Abstand und Farbe aller Menüpunkte */
.Navigation li
{
margin-left: 0.0em;
margin-top: 1px; /* Der schmale Abstand muß pixelgenau sein! */
margin-bottom: 0.0em;
line-height: 1.4em;
font-weight: normal;
font-size: 12pt;
border-style: solid;
border-width: 1px;
border-color: #A59D95;
}
.Navigation a
{
display:block; /* Legt fest, dass alle Menüpunkte gleich gross angezeigt werden!!! */
}
.Navigation a:link { text-decoration:none; font-weight:normal; color:#000000; background-color:#FFFFFF; }
.Navigation a:visited { text-decoration:none; font-weight:normal; color:#A59D95; background-color:#FFFFFF; }
.Navigation a:hover { text-decoration:none; font-weight:normal; color:#000000; background-color:#FFFF00; }
.Navigation a:active { text-decoration:none; font-weight:normal; color:#000000; background-color:#FFFF00; }
.Navigation a:focus { text-decoration:none; font-weight:normal; color:#000000; background-color:#FFFF00; }
/* Einstellungen für die Menüpunkte der unterschiedlichen Menüebenen. */
/* Menüebene 1 */
.MainNavi a
{
font-weight:bold;
font-size: 12pt;
padding-left: 0.4em; /* Einrückung vom linken Rand... */
}
/* Menüebene 2 */
.SubNavi a
{
font-weight:normal;
font-size: 12pt;
padding-left: 1.0em; /* Einrückung vom linken Rand... */
}
/* Menüebene 3 */
.SubSubNavi a
{
font-weight:normal;
font-size: 12pt;
padding-left: 1.6em; /* Einrückung vom linken Rand... */
}
/* Die Regionalkarte .... */
.Navigation img
{
padding: 0px 0px 0px 0px;
margin-left: 9%; /* linken Rand des Fensters ... */
width:160px; /* Sollte den Abmessungen der Grafik entsprechen ... */
height:204px; /* Sollte den Abmessungen der Grafik entsprechen ... */
border-style: solid;
border-width: 1px;
border-color: #A59D95;
}
/*************************************************************************************************
@0060**** Formatierung des Banner-Frames ... *****************************************************
**************************************************************************************************/
/* Allgemeine Einstellungen für den GANZEN Bannerbereich! */
.Banner
{
float:right; /* Rechter Frame ... */
margin: 0px 0px 0px 0px; /* Für die oberste Instanz alle Abstände */
padding: 0px 0px 0px 0px; /* auf 0 setzen ...*/
vertical-align:top;
text-align:left;
font-family: Arial, sans-serif; /* Gültig für alle Texte ausserhalb des Navigationsmenüs! */
font-size: 12pt;
}
/* Formatierung der gesamten Tabelle. */
.BannerTable
{
empty-cells:show; /* Auch leere Zellen anzeigen ... */
margin: 0px 0px 0px 0px; /* Außenabstand der Tabelle */
padding: 2px 2px 2px 2px; /* Innerer Abstand sollte auf 0 bleiben -> Spacing nutzen! */
border-spacing:0.3em; /* Abstände zwischen Tabellen-Zellen */
}
/* Formatierung der einzelnen Tabellenteile. */
.ThreeEvents td
{
padding: 5px 5px 5px 5px;
/*
border-style:solid;
border-width:1;
border-color:#DDDDDD;
*/
}
.aiBanners td
{
padding: 0px 0px 0px 0px;
text-align:center;
}
/*************************************************************************************************
@0070**** Formatierung des Footers ... ***********************************************************
**************************************************************************************************/
/* Allgemeine Einstellungen für den Footer! */
.Footer
{
text-align:center; /* Copyright und letzte Aktualisierung zentriert anzeigen. */
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: Arial, sans-serif; /* Extra kleine Schrift ... */
font-size: 10pt; /* Spezialschrift!!! */
}
/*************************************************************************************************
@0080**** Formatierung des Bottoms ... ***********************************************************
**************************************************************************************************/
/* Allgemeine Einstellungen für den Bottom! */
.Bottom
{
height: 3.5em;
margin: 0px 0px 0px 0px;
padding: 0px;
text-align: center; /* Impressung und Sitemap zentriert anzeigen. */
vertical-align: top;
line-height: 2.0em;
font-family: Arial, sans-serif; /* Extra kleine Schrift ... */
font-size: 10pt; /* Spezialschrift!!! */
}
.Bottom a:link { text-decoration:none; font-weight:normal; color:#766A62; }
.Bottom a:visited { text-decoration:none; font-weight:normal; color:#A59D95; }
.Bottom a:hover { text-decoration:underline; font-weight:normal; color:#766A62; }
.Bottom a:active { text-decoration:none; font-weight:normal; color:#766A62; }
.Bottom a:focus { text-decoration:none; font-weight:normal; color:#766A62; }
/*************************************************************************************************
@0100**** Spezielle Formatierungen ... ***********************************************************
**************************************************************************************************/
/*************************************************************************************************
@0110**** Gruppentabelle! ... ********************************************************************
**************************************************************************************************/
.Groups
{
margin: 0px;
padding: 0px;
border-spacing:0px;
border-style:solid;
border-width:1;
border-color:#DDDDDD;
border-collapse:collapse;
width: 100%;
text-align: left;
}
.GroupsEntry
{
margin: 0px;
padding: 10px;
}
/*************************************************************************************************
@0120**** Kontaktformular ... ********************************************************************
**************************************************************************************************/
.KontaktInput
{
font-family: Arial, sans-serif;
font-size: 12pt;
}
.KontaktText
{
font-family: Arial, sans-serif;
font-size: 12pt;
}
.KontaktSubmit /* Der Sende-Button */
{
font-family: Arial, sans-serif;
font-size: 12pt;
}
.formu /* Die Titel der Eingabefelder ... */
{
font-family: Arial, sans-serif;
font-size: 12pt;
}
/*************************************************************************************************
@0130**** Veranstaltungskalender! ... ************************************************************
**************************************************************************************************/
.Events
{
margin: 0px;
padding: 0px;
border-spacing:0px;
border-style:solid;
border-width:1;
border-color:#DDDDDD;
border-collapse:collapse;
width: 100%;
text-align: left;
}
.EventEntry
{
margin: 0px;
padding: 10px;
}
/*************************************************************************************************
@0140**** Sitemap! ... ***************************************************************************
**************************************************************************************************/
.csc-sitemap li
{
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 12pt;
}
/*************************************************************************************************
@0150**** Kontakttabelle! ... ********************************************************************
**************************************************************************************************/
.Kontakttabelle
{
margin: 0px;
padding: 0px;
border-spacing:0px;
border-style:solid;
border-width:1;
border-color:#DDDDDD;
border-collapse:collapse;
width: 100%;
text-align: left;
}
.KontakttabelleEntry
{
margin: 0px;
padding: 10px;
}
/*************************************************************************************************
@0160**** Rahmen, Typ 1 & 2 definieren! ... ******************************************************
**************************************************************************************************/
/* Rahmen Typ 1 ... */
div.csc-frame-frame1
{
border-style:solid;
border-width:1;
border-color:#DDDDDD;
}
/* Rahmen Typ 2 ... */
div.csc-frame-frame2
{
border-style:solid;
border-width:1;
border-color:#DDDDDD;
}