@charset "utf-8";

/* CSS f�r aktion fuer das Leben */
/* (c) Monika Bodo */
/* blaugr�n: #00837B*/
/* dunkelblau:#003D8E  */
/* hellgelb: #F6F09F*/
* {margin: 0;padding:0;}
* {font-size:1em;}
html {font-size:75%; height:100%; margin-bottom:1px;}
body {font-size:100.01%;
background-color: #F6F0A8    ;  /* gelb */

       }
#wrapper {width:960px;min-height:620px;
          margin:auto;  margin-top:1% ;
          background:#fff; border:solid 1px   #c0c0c0 ;
          }
#left {width:820px;float:left;}


/* Versuch Linie unterbrochen und nicht bis zum Rand */
/*
#kopf{margin-left:0px;height:155px; border:0px solid red; }
#kopf-linie {margin:0 0 15px 30px ; width:885px;height:3px; background:url(bilder/randblau-horiz.gif) repeat-x   ;  }
#kopf img {margin:5px 0 0 38px;} */

#kopf{width:100%;height:155px; border:0px solid red; }
#kopf-linie {width:100%;height:3px; background:url(bilder/randblau-horiz.gif) repeat-x    ; /* */}
#kopf img {margin:5px 0 0 38px;border:0px}



#navi {width:203px;float:left; background:url(bilder/randblau.gif) repeat-y  200px 0 ;
 border:0px solid orange;}

#start {width:203px;float:left; border:solid 0px orange;height:350px; border:0px solid blue;}
#start #navi { background:url(bilder/randblau.gif) repeat-y  200px 0 ;border:solid 0px green;  }
#start img {position:relative;top:20px;left:40px; border:solid 0px red; }

#start-inhalt {float:left; width:524px; border:0px solid green;min-height:360px;  }
#aufmacher {margin:65px 30px 10px 0px;width:98%; float:left;border:0px solid red}/**/
 
#bilderleiste {float:left; width:110px;border:0px solid #ffff00;margin:5px 12px 0 0 }
#bilderleiste img {margin:0 0 5px 0px}

#inhalt {float:left; width:700px; border:0px solid green;min-height:360px; }
#inhalt-einzug  { margin:55px 0 25px 35px;     border:0px solid yellow;}




#footer {margin:0 0 0 192px; clear:left;  font-size:0.8em;height:55px; border:0px solid green; }
#footer img { float:left}
#footer .txt { width:600px;float:left;margin:32px 0 0 15px;}



/* Schriftarten */
body {  font-family:Arial,sans-serif; color: #3F3F3F }
#navi1 a { font-family:  Arial,sans-serif; }
h1, h2, h3, h4 {font-family:Arial, Times New Roman, serif; }



/* Schriftfarben */
body        { color: #3F3F3F;   }
.navi1 a    { color:#003D8E;  } /* #3291B8 */
.navi2 a    { color:#22996D;} /* #22996D*/
h1, h2, h3, h4   { color:#003D8E;}
#footer    { color:#9F9F9F;}
.wichtig {color:#003D8E;}
ol li {color:#003D8E;}
ol li div{color:#3F3F3F;}

/* Links */
#inhalt a, p a {color:#003D8E;text-decoration:none;}
#inhalt a:hover, p a:hover { text-decoration:underline;}
#footer a   { color:#9F9F9F;}
#footer a:hover   {color:#fff; background-color:#9F9F9F;}


/* Navigation */
div#navi  {padding:55px 0 0 0}
div#navi div {padding:0 0 0 15px }  /* wegen Admin-Layout */

#navi a {text-decoration:none;}
#navi a:hover {text-decoration:underline;}
#navi a.aktuell {text-decoration:underline;}

ul.navi1, ul.navi2      {list-style:none;margin:0 0 0 30px}
.navi1 a, .navi2 a{font-size:1.1em;line-height:1.5em;letter-spacing:0.3px}

.navi2 a {margin-left:25px;  }


/* Elemente der Startseite */
div.aufmacher {font-weight:normal;/*color:#1497CF;*/  border:1px solid #B4C857; padding:5px; }
h1.aufmacher {font-size:1.9em; margin:15px 0 12px 0 ; letter-spacing:1.5px; font-weight:normal}
p.aufmacher {font-weight:normal;/*color:#1497CF;*/  border:1px solid #B4C857; padding:5px; }
p.ankuendigung {font-weight:normal;/*color:#1497CF;*/  border:2px solid #d33; padding:5px;  } 

/* Elemente im Inhaltsblock */
h1 {font-size:1.5em; margin:0 0 12px 0;font-weight:normal; }
h2 {font-size:1.3em;margin:6px 0 6px 0;font-weight:normal; }
h3 {font-size:1.1em; margin:4px 0 4px 0; font-weight:normal; clear:none}
h4 {font-size:1.1em; margin:12px 0 0 0; font-style:italic; font-weight:normal;}
h1.spende {font-size:1.5em; margin:0 0 12px 0;font-weight:normal;clear:none}
h2.spende {font-size:1.3em;margin:6px 0 6px 0;font-weight:normal;clear:none}
div, p { line-height:1.4em; }
p { margin:20px 30px 10px 0px; letter-spacing:0.2px;clear:none}
.bild-links {float:left;margin:3px 20px 10px 0;
  border-top:2px solid #E9C952;
  border-right:2px solid  #E9C952;  
  border-bottom:2px solid #E9C952;
  border-left:2px solid #E9C952; 
   }
.bild-rechts {float:right;margin:0 0px 10px 15px;border:2px solid #E9C952}
.bild {margin:0 0px 10px 15px;border:2px solid #E9C952}
.bild-vorstand { float:left;margin:3px 20px 10px 0;}
.wichtig {font-weight:bold;}
.autor {margin:-5px 35px 20px 0;text-align:right;}
.leise  {font-weight:normal;font-size:0.9em;color:#9F9F9F}

/* Aufz�hlungen im Text */
/* #inhalt ol, #inhalt ul {   } */
#inhalt ol {margin:5px 0 12px 55px; }
#inhalt ul,#start-inhalt ul {margin:5px 0 12px 40px ; list-style:none;clear:none}
#inhalt ul li , #start-inhalt ul li {padding-left:15px; background:url(bilder/dot-blau.gif) no-repeat 0 4px;}

/* Tabellen */
/* �bersichts-Tabellen */
.uebersicht {width:250px;border-collapse:collapse;border:#003D8E 3px solid; }
.uebersicht th {border:#003D8E 1px solid;padding:5px;background:#026AB2 ;color:#fff;text-align:left;
font-size:1.1em;}
.uebersicht td {border:#003D8E 1px solid;padding:5px;}

/* Tabellen */
/* Vorstandsbilder */
.vorstand { border-collapse:collapse;border:#003D8E 0px solid;margin-top:25px; }
.vorstand th {border:#003D8E 1px solid;padding:5px;background:#026AB2 ;color:#fff;text-align:left;
font-size:1.1em;}
.vorstand td {border:#003D8E 0px solid;padding:5px;vertical-align:top;height:210px;width:190px;}
.vorstand td img, img.kontakt {
border-left: 2px solid  #D0E985;
border-top:1px solid #67B3D4;
border-right:1px solid #00837B;
border-bottom: 1px solid #A5C645 ;
}
.ill {border:2px solid red;float:left;}

/* Formular f�r Bestellung von Infomaterial */
td.fehler, p.error {color:#bf0000;font-weight:bold;padding:10px 0 5px 0;}

td.kontakt1 {vertical-align:top;}
textarea { font-family:Arial,sans-serif;width:260px;height:50px;}

/* Admin-Bereich */
table.termine {width:550px;margin-top:10px;border-collapse:collapse;border:1px solid #afafaf;}
table.termine th {text-align:left;}
table.termine td, table.termine th {border-top:1px solid #afafaf; border-bottom:1px solid #afafaf;line-height:14pt;vertical-align:top;padding:0 2px 0 2px;}
table.termine img {border:0;}

/* Tabelle Downloads - Anzeige der Daeien */
table.downloads {margin-left:35px;}
table.downloads td img {border:0;vertical-align:bottom;}
table.downloads td  { vertical-align:bottom;}
div.downloads h2 {margin-top:20px;}
div.downloads hr {width:550px;border:0px;background-color:#DFDFDF;border-bottom:transparent;height:1px;text-align:left; }




body.iframe {background:#fff;}
#wrapper_iframe {width:600px;height:350px;background-color:transparent;}

iframe.utab {width:635px;border:1px solid #c0c0c0;margin:0px;}
body.iframe div#wrapper_iframe table.utab tr th {font-family:"Arial"; font-size:8pt;}


.utab table,
table.utab {
      width:100%;
      table-layout:fixed;
       border-collapse: collapse;
              border-bottom:1px solid #EFEFEF;
 }

.utab table td, table.utab td {
width:100%;
      margin-bottom:0px;
      vertical-align:top;
      padding-top:2px;
      padding-bottom:2px;
      line-height:12pt;
        border-bottom:1px solid #EFEFEF;

 }
.utab textarea  {font-family: "Arial", Arial, sans-serif;
         font-size:10pt;}

.utab th  {/*background-color:#e7e7e7 ;*/
        background-color:#EFEFEF;
         color:#333; font-size:10pt;
        font-weight:bold; height:25px; }
.utab th a{ color:#333; font-weight:bold;}
.utab th a:hover {background-color:#333; color:#e7e7e7; font-weight:bold;}

/* TICKER UNTER DER NAVIGATION */

ul.ticker {margin-top:25px;width:159px;padding:0px;} 
ul.ticker  li {border-left:1px solid #D0E985;border-top:1px solid #67B3D4;border-right:1px solid #00837B;border-bottom: 1px solid #A5C645;}

/* Traueranzeige */
ul.trauer {margin-bottom:25px;width:159px;padding:2px;background:#aaa; border-radius: 25px 0; }

div.trauer {margin-bottom:25px; padding:2px; background:#aaa ;  border-radius: 25px 0; }

ul.trauer li,
 div.trauer {border-left:2px solid #333 ;border-top:2px solid  #666;border-right:2px solid  #666;border-bottom: 2px solid  #333; 
        padding-left:15px;padding-top:10px;padding-right:10px;padding-bottom:10px;
       border-radius: 25px 0;}

 ul.trauer li  a, div.trauer a {   color:#111; text-decoration: none;}

 
/* Jubel */
/* ul.jubel {margin-bottom:25px;width:159px;padding:0px;margin-left:10px;margin-top:-25px  }*/
a.jubel {text-decoration: none;color: #3F3F3F} 
a.jubel:hover {text-decoration: none;color:#003D8E;} 
 

  ul.jubel li a {
       display: block; /* Make the <a> a block-level element to cover the entire <li> */
       position: relative; /* Create a positioning context for pseudo-element */
      margin-left:-17px;margin-top:-25px  ;
      
     }
     
     ul.jubel li a::before {
       content: ""; /* Create a pseudo-element */
       position: absolute; 
       top: 0;
       left: 0;
       width:  176px;
       height: 94px;
       background-color: rgba(198, 235, 243, 0.5); /* Semi-transparent black overlay */
       border-radius: 26px 0; 
       opacity: 0; /* Initially, make it fully transparent */
       transition: opacity 0.3s ease; /* Add a smooth transition effect */
     }
     
     ul.jubel li a:hover::before {
       opacity: 1; /* On hover, make the overlay fully visible */
     }