/* Stylesheet fuer alle Browser */

* {margin:0; padding: 0;}  /* Grundeinstellung fuer alle Browser, dadurch wird jedoch "cellpadding" in "table" ignoriert, in FF, NS und Opera auch "hspace" */

body { margin:5px 0px 5px 0px;      /* oben rechts unten links */
       color:#000000;
       background:#EEEEEE;
       font-size:100.01%;           /* ==> 16px fuer Windows */
       font-family:Verdana,Arial,Helvetica,sans-serif;
       text-align:center;           /* nur fuer I.E. 5 zum Zentrieren der Box */
}

.main { margin: 0 auto 0 auto;      /* oben rechts unten links ==> horizontal zentriert */
        width:974px;
        color:#000000;
        background:#FFFFFF;
        border:1px solid #CCCCCC;
        text-align:left;            /* Zentrierung wieder aufheben */
}

#mainkarte { color:#000000;
             background:#FFFFFF url(bilder/groska4h.gif) no-repeat 114px 76px;
             border:1px solid #CCCCCC;
             margin:0 auto 0 auto;       /* oben rechts unten links ==> horizontal zentriert */
             position:relative;          /* damit werden innere Kind-Elemente absolut auf dieses div positioniert */
             top:0px;
             left:0px;
             width:998px;
             height:1288px;
             padding:0px;                /* Innenabstand */
             text-align:left;            /* Zentrierung wieder aufheben */
}

div#mainkarte p { font-size:13px; line-height:16px;
}

.kinder { background:#FF9155;  /* oder #FCAB78  oder #FF803B */
}

#vk_info { width:700px;
           margin:10px auto 0px auto;
           padding:20px 10px 10px 10px;
           text-align:left;
           background:#fffadd;
           border:0px solid #CCCCCC;
}

.femolino { background: url(bilder/femolino_klein.gif) no-repeat right center; }

.kaiser { background: url(bilder/kaiserjahr_klein.jpg) no-repeat 99.5% 80%; }

.femo-logo { height:96px; background:#fff url(bilder/femo_logo_75x96.gif) no-repeat 50% -1px; }

.femo-schriftzug { height:96px; background:#fff url(bilder/natur1.jpg) no-repeat 50% -3px; }

.grund0 { background:#ffffff;  /* weiss */
}

.grund1 { background:#fffadd;  /* hellbeige oder #fff4d5 */
}

.grund32v { background:#ffeebb url(bilder/beige_gradient_v1.jpg) repeat-x left bottom;  /* vertikaler Verlauf beige - mittelbeige */
}

.grund21v { background:#fffadd url(bilder/beige_gradient_v2.jpg) repeat-x left top;     /* vertikaler Verlauf mittelbeige - hellbeige */
}

.grund23h { background:#fffadd url(bilder/beige_gradient_h.jpg) repeat-y;          /* horizontaler Verlauf hellbeige - beige */
}

.grund2 { background:#fff4d5;  /* mittelbeige */
}

.grund3 { background:#ffeebb;  /* beige */
}

.border3 { border:1px solid #ffdd88;  /* orangebeige */
}

.grund4 { background:#ffdd88;  /* orangebeige */
}

.grund5 { background:#d3dcfd;  /* hellblau */
}

.border5 { border:1px solid #36498F;  /* blau */
}

.grund6 { background:#FFD08A;  /* hellorange */
}

.border6 { border:1px solid #E68A00;  /* orange */
}

.grund7 { background:#FFFFAA;  /* hellgelb */
}

.border7 { border:1px solid #CCCCCC;   /* hellgrau */
}

.blauverlauf { background: #fff url(bilder/blauverlauf.png) repeat-y;
}

.satzung { margin:10px 180px 0px 10px; padding:10px 10px 20px 0px; text-align:justify;
}

.verein { margin:0px 264px 0px 10px; padding:0px 10px 20px 0px;
}

.ostfalen { margin:0px 180px 0px 10px; padding:0px 10px 20px 0px;
}

h1 { font-family:"Copperplate Gothic Light",Verdana,Arial,Helvetica,sans-serif;
     font-size:18px; color:#36498F; font-weight:bold;
     line-height:108%;
     letter-spacing:0.2mm;
     margin:2mm 2mm 4px 2mm;   /* oben rechts unten links */
     }

h2  { font-size:1.0em; font-style:normal; font-weight:bold; color:#000000;
      line-height:120%;
      margin:5mm 2mm 2mm 2mm;  /* oben rechts unten links */
}

h3  { font-size:14px; font-style:normal; font-weight:bold; color:#36498F;
      line-height:120%;
      letter-spacing:0.2mm;
      margin:0 0 6px 2mm;      /* oben rechts unten links */
}

h4  { font-size:0.9em; font-style:normal; font-weight:bold; color:#000000;
      line-height:120%;
      margin:5mm 2mm 2mm 2mm;  /* oben rechts unten links */
}

h5 { margin:0;   /* fuer Pfade und Museen */
}

small { font-size:0.5em; vertical-align:middle; }

p  { font-size:0.8em; font-style:normal; color:#000000;
     line-height:120%;
     margin:2mm 2mm 2mm 2mm;
}

p.normal { font-size:0.8em; font-style:normal; color:#000000;
           line-height:120%;
           margin:2mm;
}

p.color { font-size:0.8em; font-style:normal; color:#36498F;
          line-height:120%;
          margin:2mm;
}

h2.kids  { font-size:1.2em; font-style:normal; font-weight:bold; color:#000000;
           line-height:120%;
           font-family:"Comic Sans MS",Verdana,Arial,Helvetica,sans-serif;
           letter-spacing:0.25mm;
           margin:5mm 2mm 2mm 2mm;  /* oben rechts unten links */
}

p.kidsnormal { font-size:0.9em; font-style:normal; color:#000000;
               line-height:140%;
               font-family:"Comic Sans MS",Verdana,Arial,Helvetica,sans-serif;
               letter-spacing:0.25mm;
               margin:2mm;
}

p.kidscolor { font-size:0.9em; font-style:normal; color:#36498F;
              line-height:140%;
              font-family:"Comic Sans MS",Verdana,Arial,Helvetica,sans-serif;
              letter-spacing:0.25mm;
              margin:2mm;
}

p.rot { font-size:0.8em; font-style:normal; color:#B30000;
        line-height:120%;
        margin:2mm;
}

p.weiss { font-size:0.8em; font-style:normal; color:#FFFFFF;
          line-height:120%;
          margin:2mm;
}

p.klein  { font-size:0.7em; font-style:normal; color:#000000;
           line-height:120%;
           margin:2mm;
}

p.mittel { font-size:0.85em; font-style:normal; color:#000000;
           line-height:120%;
           margin:2mm;
}

p.gross { font-size:0.9em; font-style:normal; color:#000000;
          line-height:120%;
          margin:2mm;
}

p.abst_0 { margin:0 2mm 0 2mm;
}

img { border:none;
}

hr { color:#36498F; background-color:#36498F; border:none;
     height:1px;
     line-height:100%;
}

hr.kalo { margin:20px 0px 15px 0px;
}

hr.kalu { margin:0px 0px 5px 0px;
}

table { font-size:1.0em;
}

/* Hintergrund fuer Bilder zu Pfaden usw. */
table.bilder  { margin: 0 auto 0 auto;   /* oben rechts unten links ==> horizontal zentriert */
                width:900px;
                color:#000000;
                background:#CCCCCC;
                border:1px solid #AAAAAA;
                font-size:1.0em;
                line-height:120%;
}

table.bilder_ws  { margin: 0 auto 0 auto;   /* oben rechts unten links ==> horizontal zentriert */
                   color:#000000;
                   background:#FFFFFF;
                   border:1px solid #AAAAAA;
}

table.bilder_gr  { margin: 0 auto 0 auto;   /* oben rechts unten links ==> horizontal zentriert */
                   color:#000000;
                   background:#CCCCCC;
                   border:1px solid #AAAAAA;
}

/* Tabelle mit Rahmen fuer Veranstaltungen */
table.akt    { color:#000000;
               background:#ffeebb;
               table-layout:auto;
               border-collapse:collapse; border:2px solid #E68A00;
               text-align:left;
}

table.akt td { vertical-align:top; border:1px solid #E68A00; } /* Gitternetz aussen 2px, innen 1px */

table.akt h1 { font-family:Verdana,Arial,Helvetica,sans-serif;
               font-size:0.9em;
               font-style:normal;
               font-weight:bold;
               color:#000000;
               line-height:120%;
               letter-spacing:0;
               margin:2mm;
}

table.akt h2 { font-size:0.8em;
               font-style:normal;
               font-weight:bold;
               color:#000000;
               line-height:120%;
               letter-spacing:0;
               margin:2mm 2mm 5px 2mm;
}

table.akt p { font-size:0.8em;
              font-style:normal;
              font-weight:normal;
              color:#000000;
              line-height:120%;
              letter-spacing:0;
              margin:2mm 2mm 2mm 2mm;
}

p.info { margin:35px 2mm 2mm 2mm;
}

table.links { color:#000000;
              background:#fffadd;
              margin-left:-36px;
}

/* wichtig, wenn fuer alle HTML-Tags margin=0 und padding=0 gesetzt wird, da dann "cellpadding" ignoriert wird */
table.links td { font-size:0.8em;
                 padding:5px 10px 5px 10px;
}

table.dauer td { font-size:0.8em;
                 padding:2px;
}

fieldset.links { margin:20px 10px 0px 10px; padding:10px 0px 0px 36px; background:none; border:none; border-top:1px solid #888888;
}

legend.links { padding:0px 5px 0px 5px; color: #888888; font-size:0.9em; font-weight:bold;
}

/*
legend.links { padding:2px 5px 2px 5px; color:#FFFFFF; background:#36498F; font-weight:bold;
}
*/

input, textarea, select { font-family:Verdana,Arial,Helvetica,sans-serif;
                          font-size:13px;
}

input { vertical-align:middle;
        margin:0px 3px 0px 0px;
}

table.zentriert { margin: 0 auto 0 auto;   /* oben rechts unten links ==> horizontal zentriert */
}

span { font-weight:normal;
}

ol li { font-size:0.8em; font-style:normal; color:#000000;
        line-height:120%;
        margin:0px 2mm 2mm 35px;  /* oben rechts unten links */
}

ol li ul li { font-size:1em; font-style:normal; color:#000000;
              line-height:120%;
              margin:0px 2mm 2mm 18px;  /* oben rechts unten links */
}

ul li { font-size:0.8em; font-style:normal; color:#000000;
        line-height:120%;
        margin:0px 2mm 2mm 25px;  /* oben rechts unten links */
}

li { font-size:0.8em; font-style:normal; color:#000000;
     line-height:120%;
     margin:0px 2mm 2mm 25px;  /* oben rechts unten links */
}

li.normal { font-size:0.8em; font-style:normal; color:#000000;
            line-height:120%;
            margin:0px 2mm 2mm 25px;  /* oben rechts unten links */
}

ul.pfade  { list-style-image: url(bilder/blau_8.gif);
}

li.pfade  { font-size:0.8em; font-style:normal; color:#000000;
            line-height:120%;
            margin:0px 2mm 2mm 28px;  /* oben rechts unten links */
}


ul.info  { list-style-image: url(bilder/info.gif);
}

li.info  { font-size:0.8em; font-style:normal; color:#000000;
           line-height:120%;
           margin:0px 2mm 2mm 24px;  /* oben rechts unten links */
           padding-left:4px;
}

li.schule { list-style-type:square; color:#36498F; }  /* fuer Texte und Bilder Schulklasse */

.para { font-size:50px; color:#36498F; text-decoration:none; }
.pdf  { vertical-align:middle; margin-right:5px; text-decoration:none; }

a:link    { color:#36498F; text-decoration:none; font-weight:bold; }
a:visited { color:#36498F; text-decoration:none; font-weight:bold; }
a:hover   { color:#aa2211; text-decoration:underline; font-weight:bold; }

a:link img    { text-decoration:none; }
a:visited img { text-decoration:none; }
a:hover img   { text-decoration:none; }

a:link span    { text-decoration:none; }
a:visited span { text-decoration:none; }
a:hover span   { text-decoration:none; }

a.no:hover  { text-decoration:none; }

a.help         { color:#000000; background:#D4D0C8; cursor:help; display:inline-block; vertical-align:middle; }
a.help:link    { font-size:13px; font-weight:normal; text-decoration:none; padding:1px 5px 1px 5px; color:#000000; background:#D4D0C8; border-top:solid 2px #FFFFFF; border-bottom:solid 2px #666666; border-left:solid 2px #FFFFFF; border-right:solid 2px #666666; cursor:help; }
a.help:visited { font-size:13px; font-weight:normal; text-decoration:none; padding:1px 5px 1px 5px; color:#000000; background:#D4D0C8; border-top:solid 2px #FFFFFF; border-bottom:solid 2px #666666; border-left:solid 2px #FFFFFF; border-right:solid 2px #666666; cursor:help; }
a.help:hover   { font-size:13px; font-weight:normal; text-decoration:none; padding:1px 5px 1px 5px; color:#000000; background:#CCCCCC; border-top:solid 2px #666666; border-bottom:solid 2px #FFFFFF; border-left:solid 2px #666666; border-right:solid 2px #FFFFFF; cursor:help; }

a.close          { width:10px; color:#000000; background:#D4D0C8; }
a.close:link     { font-size:13px; font-weight:normal; color:#000000; text-decoration:none; padding:2px 8px 2px 8px; background:#D4D0C8; border-top:solid 2px #FFFFFF; border-bottom:solid 2px #666666; border-left:solid 2px #FFFFFF; border-right:solid 2px #666666; }
a.close:visited  { font-size:13px; font-weight:normal; color:#000000; text-decoration:none; padding:2px 8px 2px 8px; background:#D4D0C8; border-top:solid 2px #FFFFFF; border-bottom:solid 2px #666666; border-left:solid 2px #FFFFFF; border-right:solid 2px #666666; }
a.close:hover    { font-size:13px; font-weight:normal; color:#000000; text-decoration:none; padding:2px 8px 2px 8px; background:#CCCCCC; border-top:solid 2px #666666; border-bottom:solid 2px #FFFFFF; border-left:solid 2px #666666; border-right:solid 2px #FFFFFF; }

.b_titel { width:100%; height:75px; vertical-align:top; text-align:center; background:#AAAAAA url(bilder/grau_gradient_g.jpg) repeat-x;
}

.b_titel_kl { width:100%; height:50px; text-align:center; background:#AAAAAA url(bilder/grau_gradient_g.jpg) repeat-x;
}

h1.i_titel { margin:25px 0 15px 0;
}

img.i_titel { position:absolute; top:-16px; left:11px;
}

.zumtext { background:#8D8D8D url(bilder/grau_gradient.jpg) repeat-x;
}

div.suche { background:#8D8D8D url(bilder/grau_gradient.jpg) repeat-x;
            margin:15px 0px 0px 0px;
            padding:6px 0px 6px 7px;
}

.butt  { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:13px; font-weight:normal; cursor:pointer; color:#000000; background:#D4D0C8; letter-spacing:0px; padding:0px 5px 0px 5px; }

form { margin:0px;
}

.neun { font-size:0.75em;
        line-height:120%;
        margin-top:0px;
}

#drot { color:#B30000; } /* fuer aktuellen Menuepunkt */

.grau { color:#A0A0A0; }
.drot { color:#B30000; }
.invrot { font-size:0.8em; color:#FFFFFF; background:#B30000; padding:0px 5px 0px 5px; }
.invrot1 { color:#FFFFFF; background:#B30000; padding:0px 5px 0px 5px; }
.invblau { color:#FFFFFF; background:#36498F; padding:2px 5px 2px 5px; }

.addr { unicode-bidi:bidi-override; direction:rtl; }
.warn { font-size:13px; margin-top:0px; margin-bottom:0px; border:none; color:#000000; background:#FFFFFF; }

.bild { border:1px solid #808080; margin-left:0px; margin-right:10px; margin-top:2px; margin-bottom:8px; }  /* Bild im Link */
.bildgr { border:1px solid #808080; margin:0px; }  /* grosses Bild im Link */

div.pfad   { margin:10px 0 10px 0; }
p.bild_img { margin:0px 0px 2px 0px; }
img.pfad   { border:1px solid #666666; margin-left:0px; margin-right:0px; margin-top:20px; margin-bottom:0px; } /* Bilder auf Pfaden */
p.bild_txt { margin:0px 0px 0px 0px; text-align:left; }

div.pfadleer { width:100%; height:40px; }

.klasse { border:1px solid #444444; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:5px; } /* Bilder Beispiel Schulklasse */

img.punkt { margin-right:10px; border:none; vertical-align:middle; }  /* blauer Punkt fuer interne Links */

img.top { margin-left:0px; margin-right:7px; border:none; vertical-align:middle; }    /* blauer Pfeil fuer Link nach Top oder oben oder unten */

img.kids { margin:30px 0px 30px 0px;
}

img.pfeil { margin-right:6px; border:none; vertical-align:middle; }

img.karte { margin:30px 0px 30px 0px;
}

/********************* fuer News-System (cutenews) ********************************************************************************************/

/* Ueberschrift fuer Headlines.tpl */
.head {
 font-size:0.8em;
 font-style:normal;
 font-weight:normal;
 color:#000000;
 text-decoration:none;
 margin-left:7.2em;
 text-indent:-6.6em;
 margin-top:0px;
 margin-bottom:10px;
}

/* Titel in 'Short' oder 'Full' fuer Default.tpl */
.titel {
 font-size:0.9em;
 font-style:normal;
 font-weight:bold;
 color:#000000;
 text-decoration:none;
 margin-top:20px;
 margin-bottom:0px;
}

/* Link und Back fuer Default.tpl */
.link {
 font-size:0.8em;
 font-style:normal;
 font-weight:normal;
 color:#000000;
 text-decoration:none;
 margin-top:0px;
 margin-bottom:0px;
}

/* fuer kleine Bilder im Newssystem  mit duennem Rahmen und Abstand rechts und unten */
.news {
 border:1px solid #808080;
 margin:0px 10px 5px 0px;
}

/* Bilder mit linker Bildunterschrift, rechts von Text umflossen */
div.img_left {
 margin:5px 20px 10px 2mm;   /* Aussenabstand: oben, rechts, unten, links */
 background:#fffadd;
 float:left;
 text-align:left;
 font-family:Arial;
 font-size:0.8em;
 line-height:120%;
 color:#000000;
 border:0px solid #AAAAAA;  /* Rahmen */
 padding-bottom:10px;       /* Innenabstand */
}

/* Bilder mit linker Bildunterschrift, links von Text umflossen */
div.img_right {
 margin:5px 2mm 10px 20px;   /* Aussenabstand: oben, rechts, unten, links */
 background:#fffadd;
 float:right;
 text-align:left;
 font-family:Arial;
 font-size:0.8em;
 line-height:120%;
 color:#000000;
 border:0px solid #AAAAAA;  /* Rahmen */
 padding-bottom:10px;       /* Innenabstand */
}

div.img_right.obun_0 { margin:0px 0px 0px 10px; }

/* Bilder mit zentrierter Bildunterschrift */
div.img_center {
 margin:5px 10px 10px 10px;   /* Aussenabstand: oben, rechts, unten, links */
 background:#fffadd;
 text-align:center;
 font-family:Arial;
 font-size:0.8em;
 line-height:120%;
 color:#000000;
 border:0px solid #AAAAAA;  /* Rahmen */
 padding-bottom:10px;       /* Innenabstand */
}

img.mtext {
 margin:0px 0px 2px 0px;  /* oben, rechts, unten, links */
 padding:0px;
 border:1px solid #808080;
}

/* ************************ neues Navigations-Menue fuer altes Layout ************************ */

.menutitel1 {
display:block;
width:auto;
padding:2px 2px 2px 2px; /* oben rechts unten links */
margin:0px 1px 0px 1px;
text-align:center;
text-decoration:none;
font-size:16px;
font-weight:bold;
color:#000000;
background-color:transparent;
border:none;
}

.menutitel2 {
display:block;
width:auto;
padding:0px 2px 0px 2px; /* oben rechts unten links */
margin:0px 1px 0px 1px;
text-align:center;
text-decoration:none;
font-size:10px;
font-weight:bold;
color:#000000;
background-color:transparent;
border:none;
}

ul.menu { list-style:none;
          margin:0px 0px 0px 0px;    /* oben rechts unten links */
          padding:2px 0px 0px 0px;   /* oben rechts unten links */
          background:#f8f8f8;
          border:1px solid #eeeeee;
}

ul.menu li { margin:0px 0px 3px 0px; /* oben rechts unten links */
}

ul.top  { margin-top:75px;   /* fuer Pfade und Museen */
}

span.menuakt {  /* aktueller Menuepunkt */
display:block;
width:auto;
padding:2px 0px 2px 1px;  /* oben rechts unten links */
margin:0px 1px 0px 1px;
text-align:left;
text-decoration:none;
font-family:"Copperplate Gothic Light",Verdana,Arial,Helvetica,sans-serif;
font-size:18px;
line-height:110%;
font-weight:bold;
font-variant:normal;
color:#FFFFFF; /* oder #B30000; */
background:#36498F; /* #FFFFFF url(bilder/blverlauf.jpg); background-repeat:repeat-y; */
border:none;
cursor:help;
}

span.klein {
font-size:13px;
}

a.menulink {
display:block;
width:auto;
padding:2px 0px 2px 1px;  /* oben rechts unten links */
margin:0px 1px 0px 1px;
text-align:left;
text-decoration:none;
font-family:"Copperplate Gothic Light",Verdana,Arial,Helvetica,sans-serif;
font-size:18px;
line-height:110%;
font-weight:bold;
font-variant:normal;
color:#36498F;
background:transparent;
border:none;
}

a.menulink:link {
text-decoration:none;
font-weight:bold;
}

a.menulink:visited {
text-decoration:none;
font-weight:bold;
}

a.menulink:hover {
padding:2px 0px 2px 1px;  /* oben rechts unten links */
margin:0px 1px 0px 1px;
text-decoration:none;
font-weight:bold;
color:#36498F;
background:#d3dcfd;   /* oder #CCCCCC */
border:0px solid #CCCCCC;
}

a.menulink:active {
text-decoration:none;
font-weight:bold;
}

a.klein {
font-size:13px;
}

a.klein:link {
font-size:13px;
}

a.klein:visited {
font-size:13px;
}

a.klein:hover {
font-size:13px;
}

a.klein:active {
font-size:13px;
}

p.hilfe { margin:4px 6px 4px 6px;  /* oben rechts unten links */
          font-size:13px;
}

ul.hilfe { list-style-type:square; list-style-image:url(bilder/blau_5.gif);
           margin:0px 0px 8px 0px;
           font-size:13px;
}

ul.hilfe li { margin:2px 0px 2px 26px;
              font-size:13px;
}

ul.menue2 {
list-style:none;
margin:2px 0px 0px 0px;    /* oben rechts unten links */
padding:0px 0px 0px 0px;   /* oben rechts unten links */
border:none; /* 1px solid #36498F; */
}

ul.menue2 li { margin:0px 0px 0px 0px; /* oben rechts unten links */
}

span.zweite {  /* aktueller Menuepunkt */
display:block;
width:auto;
padding:2px 0px 2px 7px;  /* oben rechts unten links */
margin:0px 1px 0px 1px;
text-align:left;
text-decoration:none;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
line-height:110%;
font-weight:normal;
font-variant:normal;
letter-spacing:0mm;
color:#FFFFFF;
background:#36498F; /* oder #AAAAAA; */
border-top:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
}

a.zweite {
display:block;
width:auto;
padding:2px 0px 2px 7px;  /* oben rechts unten links */
margin:0px 1px 0px 1px;
text-align:left;
text-decoration:none;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
line-height:110%;
font-weight:normal;
letter-spacing:0mm;
font-variant:normal;
color:#36498F;
background:#EEEEEE;
border-top:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
}

a.zweite:link {
text-decoration:none;
font-weight:normal;
}

a.zweite:visited {
text-decoration:none;
font-weight:normal;
}

a.zweite:hover {
padding:2px 0px 2px 7px;  /* oben rechts unten links */
margin:0px 1px 0px 1px;
text-decoration:none;
font-weight:normal;
color:#36498F;
background:#CCCCCC;
border-top:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
}

a.zweite:active {
text-decoration:none;
font-weight:normal;
}

a.aktiv {
color:#FFFFFF;       /* #FFFFFF #36498F */
background:#8394CF;  /* oder #8394CF #FFA215 #FFA215 #FF9155 #FFD08A #FFD25B #ffdd88 #ffeebb #D8D8D8 */
}

a.aktiv:link {
color:#FFFFFF;
background:#8394CF;
}

a.aktiv:visited {
color:#FFFFFF;
background:#8394CF;
}

a.aktiv:hover {
color:#36498F;
background:#d3dcfd;
}