/******************************************************************************************/
/***  Klassen-Definitionen fuer die Anzeige am Bildschirm                               ***/
/******************************************************************************************/


/******************************************************************************************/
/***  Darstellung von Verweisen (links)                                                 ***/
/******************************************************************************************/

a.bild:link        { color: #000;
        text-decoration: none;
        margin:0;
}
a.bild:visited        { color: purple;
        text-decoration: none;
        margin:0;
}
a.bild:hover        { color: #CC3300;
        margin:0;
}
a.bild:active        {  color: #CC3300;
        text-decoration: none;
        margin:0;
}
a img           { border:0; padding:0; margin:0; }

a.intern:link        { color: #000;
        text-decoration: none;
        background-image: url(./link_intern.gif);
        background-repeat: no-repeat;
        background-position:center left;
        padding-left: 7px;
}
a.intern:visited        { color: purple;
        text-decoration: none;
        background-image: url(./link_intern.gif);
        background-repeat: no-repeat;
        background-position:center left;
        padding-left: 7px;
}
a.intern:hover        { color: #CC3300;
        text-decoration: underline;
        background-image: url(./link_intern.gif);
        background-repeat: no-repeat;
        background-position:center left;
        padding-left: 7px;
}
a.intern:active        {  color: #CC3300;
        text-decoration: none;
        background-image: url(./link_intern.gif);
        background-repeat: no-repeat;
        background-position:center left;
        padding-left: 7px;
}

a.extern:link        { color: #000;
        text-decoration: none;
        background-image: url(./link_extern.gif);
        background-repeat: no-repeat;
        background-position:center left;
        padding-left: 7px;
}
a.extern:visited        { color: purple;
        text-decoration: none;
        background-image: url(./link_extern.gif);
        background-repeat: no-repeat;
        background-position:center left;
        padding-left: 7px;
}
a.extern:hover        { color: #CC3300;
        text-decoration: underline;
        background-image: url(./link_extern.gif);
        background-repeat: no-repeat;
        background-position:center left;
        padding-left: 7px;
}
a.extern:active        {  color: #CC3300;
        text-decoration: none;
        background-image: url(./link_extern.gif);
        background-repeat: no-repeat;
        background-position:center left;
        padding-left: 7px;
}

a.sprechen:link        { color: #000;
        text-decoration: none;
        background-image: url(./link_sprechen.gif);
        background-repeat: no-repeat;
        background-position:center left;
        padding-left: 14px;
}
a.sprechen:visited        { color: purple;
        text-decoration: none;
        background-image: url(./link_sprechen.gif);
        background-repeat: no-repeat;
        background-position:center left;
        padding-left: 14px;
}
a.sprechen:hover        { color: #CC3300;
        text-decoration: underline;
        background-image: url(./link_sprechen.gif);
        background-repeat: no-repeat;
        background-position:center left;
        padding-left: 14px;
}
a.sprechen:active        {  color: #CC3300;
        text-decoration: none;
        background-image: url(./link_sprechen.gif);
        background-repeat: no-repeat;
        background-position:center left;
        padding-left: 14px;
}
a.pdf:link        { color: #000;
        text-decoration: none;
        background-image: url(./link_pdf.jpg);
        background-repeat: no-repeat;
        background-position:center left;
        padding-left: 12px;
}
a.pdf:visited        { color: purple;
        text-decoration: none;
        background-image: url(./link_pdf.jpg);
        background-repeat: no-repeat;
        background-position:center left;
        padding-left: 12px;
}
a.pdf:hover        { color: #CC3300;
        text-decoration: underline;
        background-image: url(./link_pdf.jpg);
        background-repeat: no-repeat;
        background-position:center left;
        padding-left: 12px;
}
a.pdf:active        {  color: #CC3300;
        text-decoration: none;
        background-image: url(./link_pdf.jpg);
        background-repeat: no-repeat;
        background-position:center left;
        padding-left: 12px;
}

a.extpdf:link        { color: #000;
        text-decoration: none;
        background-image: url(./link_extpdf.gif);
        background-repeat: no-repeat;
        background-position:center left;
        padding-left: 20px;
}
a.extpdf:visited        { color: purple;
        text-decoration: none;
        background-image: url(./link_extpdf.gif);
        background-repeat: no-repeat;
        background-position:center left;
        padding-left: 20px;
}
a.extpdf:hover        { color: #CC3300;
        text-decoration: underline;
        background-image: url(./link_extpdf.gif);
        background-repeat: no-repeat;
        background-position:center left;
        padding-left: 20px;
}
a.extpdf:active        {  color: #CC3300;
        text-decoration: none;
        background-image: url(./link_extpdf.gif);
        background-repeat: no-repeat;
        background-position:center left;
        padding-left: 20px;
}

a.PdfDwn:link        { color: #000;
        text-decoration: none;
        background-image: url(./link_pdf_dwnld.jpg);
        background-repeat: no-repeat;
        background-position:center left;
        padding-left: 25px;
}
a.PdfDwn:visited        { color: purple;
        text-decoration: none;
        background-image: url(./link_pdf_dwnld.jpg);
        background-repeat: no-repeat;
        background-position:center left;
        padding-left: 25px;
}
a.PdfDwn:hover        { color: #CC3300;
        text-decoration: underline;
         background-image: url(./link_pdf_dwnld.jpg);
        background-repeat: no-repeat;
        background-position:center left;
        padding-left: 25px;
}
a.PdfDwn:active        {  color: #CC3300;
        text-decoration: none;
         background-image: url(./link_pdf_dwnld.jpg);
        background-repeat: no-repeat;
        background-position:center left;
        padding-left: 25px;
}

a.dwnLd:link        { color: #000;
        text-decoration: none;
        background-image: url(./link_intern_quadrat.gif);
        background-repeat: no-repeat;
        background-position:center left;
        padding-left: 12px;
}
a.dwnLd:visited        { color: purple;
        text-decoration: none;
        background-image: url(./link_intern_quadrat.gif);
        background-repeat: no-repeat;
        background-position:center left;
        padding-left: 12px;
}
a.dwnLd:hover        { color: #CC3300;
        text-decoration: underline;
        background-image: url(./link_intern_quadrat.gif);
        background-repeat: no-repeat;
        background-position:center left;
        padding-left: 12px;
}
a.dwnLd:active        {  color: #CC3300;
        text-decoration: none;
        background-image: url(./link_intern_quadrat.gif);
        background-repeat: no-repeat;
        background-position:center left;
        padding-left: 12px;
}

a.mailto:link        { color: #000;
        text-decoration: none;
        background-image: url(./link_mailto.gif);
        background-repeat: no-repeat;
        background-position:center left;
        padding-left: 20px;
}
a.mailto:visited        { color: purple;
        text-decoration: none;
        background-image: url(./link_mailto.gif);
        background-repeat: no-repeat;
        background-position:center left;
        padding-left: 20px;
}
a.mailto:hover        { color: #CC3300;
        text-decoration: underline;
        background-image: url(./link_mailto.gif);
        background-repeat: no-repeat;
        background-position:center left;
        padding-left: 20px;
}
a.mailto:active        {  color: #CC3300;
        text-decoration: none;
        background-image: url(./link_mailto.gif);
        background-repeat: no-repeat;
        background-position:center left;
        padding-left: 20px;
}

.mailto_ff {padding-left: 20px; }


.wichtig {
        text-decoration: none;
        background-image: url(./wichtig.gif);
        background-repeat: no-repeat;
        background-position:center left;
        padding-left: 22px;
}



/******************************************************************************************/
/***  Ueberschriften                                                                    ***/
/******************************************************************************************/
/*Überschrift der TopStory*/
h1 { font-family: Arial, Verdana, Helvetica;
     font-size: 1.5em;
         font-weight: bold;
     color: black;
     margin: 0px;
     padding: 0px;
}
/*Überschrift der Berichte*/
h2 { font-family: Arial, Helvetica;
         font-size: 1.5em;
         font-weight: normal;
     color: #000080;
     margin: 0px;
}
/*Zwischenüberschrift auf der Startseite*/
h3 {
         font-family: Arial, Verdana, Helvetica;
         background-color:#F2F2F2;
         margin-top:10px;
         margin-bottom:10px;
         padding:0px;
         font-size: 1.0em;
         font-weight: bold;
         color: #000000;
}
h4 { font-size: 1.0em }
h5 { font-size: 1.0em; font-style: italic }
h6 { font-size: 0.8em; font-weight: normal }



/****************************************************************************************/
/***  Hintergrund fuer body                                                           ***/
/****************************************************************************************/

body.altkl { background-image:url(./l_altkleider.gif); }

body.ber { background-image:url(./l_bereitschaft.gif); }

body.blutsp { background-image:url(./l_blutspende.gif); }

body.eh { background-image:url(./l_erstehilfe.gif); }

body.jrk { background-image:url(./l_jrk.jpg); }

body.sen { background-image:url(./l_senioren.gif); }


/******************************************************************************************/
/***  Styles für die Kopfzeile                                                          ***/
/******************************************************************************************/

DIV#KopfRechts {
    background-image:url(./kopfr_ov.gif);
        background-position:right;
        background-repeat:no-repeat;
        background-color:#6badef;
        padding-right:70px;
}

DIV#KopfRechts h1 { font-size: 1em;
                    color:#220055;
                   text-align:left;
                   margin-top:0;
                   vertical-align:top;
}

DIV#KopfRechts.altkl {
    background-image:url(./kopfr_altkl.jpg);
        background-position:right;
        background-repeat:no-repeat;
        background-color:#FF9933;
}

DIV#KopfRechts.ber {
    background-image:url(./kopfr_ber.jpg);
        background-position:right;
        background-repeat:no-repeat;
        background-color:#99CCFF;
}

DIV#KopfRechts.bewrtg {
    background-image:none;
        background-color:#9966CC;
}

DIV#KopfRechts.blutsp {
    background-image:url(./kopfr_blutsp.jpg);
        background-position:right;
        background-repeat:no-repeat;
        background-color:#CC3333;
}

DIV#KopfRechts.blutsp h1 { font-size: 1em;
                    color:#330000;
                   text-align:left;
                   margin-top:0;
                   vertical-align:top;
}

DIV#KopfRechts.sen h1 { font-size: 1em;
                    color:#004411;
                   text-align:left;
                   margin-top:0;
                   vertical-align:top;
}

DIV#KopfRechts.eh {
    background-image:url(./kopfr_eh.gif);
        background-position:right;
        background-repeat:no-repeat;
        background-color:#EF735A;
}

DIV#KopfRechts.jrk {
    background-image:url(./kopfr_jrk.jpg);
        background-position:right;
        background-repeat:no-repeat;
        background-color:#FF0084;
}

DIV#KopfRechts.sen {
    background-image:url(./kopfr_sen.gif);
        background-position:right;
        background-repeat:no-repeat;
        background-color:#66CC99;
}

.orientierung {
        background-image: url(./orientierung.gif);
        background-repeat: no-repeat;
        background-position:center left;
        padding-left: 12px;
}
.blutsp .orientierung {
        background-image: url(./orientierung_blutsp.gif);
        background-repeat: no-repeat;
        background-position:center left;
        padding-left: 12px;
}

.jrk .orientierung {
        background-image: url(./orientierung_jrk.gif);
        background-repeat: no-repeat;
        background-position:center left;
        padding-left: 12px;
}

.eh .orientierung {
        background-image: url(./orientierung_eh.gif);
        background-repeat: no-repeat;
        background-position:center left;
        padding-left: 12px;
}

.orientierung a.intern:link        { color: #000;
        text-decoration: none;
        background-image: url(./link_orientierung.gif);
        background-repeat: no-repeat;
        background-position:center left;
        padding-left: 7px;
}
.orientierung a.intern:visited        { color: purple;
        text-decoration: none;
        background-image: url(./link_orientierung.gif);
        background-repeat: no-repeat;
        background-position:center left;
        padding-left: 7px;
}
.orientierung a.intern:hover        { color: #DD4400;
        text-decoration: underline;
        background-image: url(./link_orientierung.gif);
        background-repeat: no-repeat;
        background-position:center left;
        padding-left: 7px;
}
.orientierung a.intern:active        {  color: #DD4400;
        text-decoration: none;
        background-image: url(./link_orientierung.gif);
        background-repeat: no-repeat;
        background-position:center left;
        padding-left: 7px;
}

DIV#KopfRechts.blutsp a.intern:visited        { color: #000088;
        text-decoration: none;
        background-image: url(./link_orientierung.gif);
        background-repeat: no-repeat;
        background-position:center left;
        padding-left: 7px;
}
DIV#KopfRechts.blutsp a.intern:hover        { color: #CC9966;
        text-decoration: underline;
        background-image: url(./link_orientierung.gif);
        background-repeat: no-repeat;
        background-position:center left;
        padding-left: 7px;
}
DIV#KopfRechts.blutsp a.intern:active        {  color: #CC9966;
        text-decoration: none;
        background-image: url(./link_orientierung.gif);
        background-repeat: no-repeat;
        background-position:center left;
        padding-left: 7px;
}

/******************************************************************************************/
/***  Linke Navigation                                                                  ***/
/******************************************************************************************/

.menuhelfen img {
  border:0; width:160px; height:45px;
}

.menubuttons {
}

.menubutton {
   border:0;
   margin:0;
   padding:0;
   height:27px;
   width:160px;
}

.menubutton img {
   height:27px;
   width:160px;
}

.menubutton3 {
   border:0;
   margin:0;
   padding:0;
   height:23px;
   width:160px;
}
.menubutton3 img {
   height:23px;
   width:160px;
}

.menubutton4 {
   border:0;
   margin:0;
   padding:0;
   height:21px;
   width:160px;
}
.menubutton4 img {
   height:21px;
   width:160px;
}
.menubuttons a:link        {
   text-decoration: none;
   margin:0;
   padding:0;
   border:0;
}
.menubuttons a:visited        {
   text-decoration: none;
   margin:0;
   padding:0;
   border:0;
}
.menubuttons a:hover        {
   text-decoration: none;
   margin:0;
   padding:0;
   border:0;
}
.menubuttons a:active        {
   text-decoration: none;
   margin:0;
   padding:0;
   border:0;
}



.menufuss {
    padding-top:0.5em;
}

.besucher {
   margin-top:2px;
   padding:0:
   border:0;
   display:none;
}


/******************************************************************************************/
/***  Aufzählungen                                                                      ***/
/***  Klassen fuer ol (numeriert) oder ul (nicht numeriert)                             ***/
/******************************************************************************************/

.list_quad   { list-style-type:square; list-style-position:outside; }

.list_raute  { list-style-type:disc; list-style-position:outside; }

.list_kreis  { list-style-type:circle; list-style-position:outside; }

.list_deci   { list-style-type:decimal; list-style-position:outside; }

.list_none   { list-style-type:none; list-style-position:outside; }

.list_pktBl  { list-style-type:none; list-style-position:outside;
        background-image: url(./pkt_blau.jpg);
        background-repeat: no-repeat;
        background-position:center left;
        padding-left: 4px;
        padding-right: 7px;
         font-size: 12px;
         font-weight: 900;
         color:       #000033;
}


/******************************************************************************************/
/***  übersichtstabellen                                                                ***/
/****************************************************************************************/

.uebersicht  { margin-left:10px;
               margin-top:10px;
               font-family: Arial, Helvetica;
               font-size:   14pt;
               color:       #000080;
               text-align:  left;
               width: 100%;
}
img.uebrahmen { border: #000000 1px solid; height:80px; margin-top:20px;
}


/******************************************************************************************/
/***  Anfuehrungszeichen                                                                ***/
/******************************************************************************************/
:lang(de) { quotes:"\201E" "\201C" "\201A" "\2018"; }

q:before        {content:"\201E";}
q:after         {content:"\201C";}
q q:before      {content:"\201A";}
q q:after       {content:"\2018";}


/******************************************************************************************/
/***  Fuer die Erste-Hilfe-Seiten                                                       ***/
/******************************************************************************************/

.notruf_hauptueberschrift { padding-left:0; padding-top:0.2em;
                   padding-bottom:0.2em;
                   margin-top:1em;
                  background-color:#FFFF99;
                  color:#330066 }
.notruf_ueberschrift { background-color:#FFCC66; font-size:medium;
                       margin-left:2em; padding-left:5px;
}
.notruf_text { margin-top:0.5em; margin-bottom:1em; margin-left:2em;  padding-left:5px; }


.ehUeberschrift  { background-color:#EF735A;
                   color:#330066;
                   padding-left:0; padding-top:0.2em;
                   padding-bottom:0.2em;
                   margin-top:1em;
}
.notrufUeberschrift { background-color:#FFCC66;
                      color:#330066;
                      font-size:medium;
                      font-weight:bold;
                      padding-left:5px;
}
.lsmUeberschrift { background-color:#FFFF99;
                   color:#EF735A;
                   font-size:medium;
                   padding-left:5px; margin-top:1em; color:#330066; font-weight:bold;
}
.lsmHervorhebung { color:#330066; font-weight:bold;}

.lsmText { margin-left:1em; margin-top:0.5em; text-align:justify;
           padding-right:1em;
}



/******************************************************************************************/
/***  Fuer Hinweise auf KV-Veranstaltungen                                              ***/
/******************************************************************************************/

.kv             { background-color:#FFFF00;  }

.kvUeberschrift { background-color:#FFFF00;
                  padding:5px;
                 font-weight:bold;
                 color:#330066;
}

/******************************************************************************************/
/***  Fuer Ortsvereins-Seiten                                                           ***/
/******************************************************************************************/

.OvUeberschrift { background-color:#6badef;
                  padding:5px;
                 font-weight:bold;
                 color:#330066;
}
.OvText { margin-top:0.5em; margin-bottom:1em; margin-left:0; }

.OvBg     { background-color:#6badef; }
.OvBgHell { background-color:#DFEFFF; }
.OvBgDunkel { background-color:#397ABC; }


.ov_ueberschrift { background-color:#6badef;
                   padding:5px;
                                   font-weight:bold;
                                   color:#330066;
}
.ov_text { margin-top:0.5em; margin-bottom:1em; margin-left:0; }

.ov_bg { background-color:#6badef; }

.ov { color:#330066; }

.einsatz_ueberschrift { background-color:#66FFFF;
                   padding:5px;
                                   font-weight:bold;
                                   color:#330066;
}
.einsatz    { color:#330066;
}
.einsatzBg  { background-color:#66FFFF;  }

.bewrtgBg    { background-color:#9966CC;  }

.bewrtg      { color:#330066;  }


/************************************************************************************/
/***  Fuer Oeffentliche Ausbildung -Seiten                                        ***/
/************************************************************************************/

.ausbBg { background-color:#FFFF99; }
.ausb   { color:#A00000;            }



/******************************************************************************************/
/***  Fuer Bereitschafts-Seiten                                                         ***/
/******************************************************************************************/

.ber_ueberschrift { background-color:#99CCFF;
                   padding:5px;
                                   font-weight:bold;
                                   color:#000066;
}
.ber_text { margin-top:0.5em; margin-bottom:1em; margin-left:0; }

.ber_bg { background-color:#99CCFF; }

.ber { color:#000066; }

.berUeberschrift { background-color:#99CCFF;
                   padding:5px;
                      font-weight:bold;
                  color:#000066;
}
.berText { margin-top:0.5em; margin-bottom:1em; margin-left:0; }

.berBg { background-color:#99CCFF; }

/******************************************************************************************/
/***  Fuer JRK-Seiten                                                                   ***/
/***  Vorgabe aus Musterseite: Vordergrund                                              ***/
/******************************************************************************************/

.jrk_ueberschrift { background-color:#FFCCFF;
                    padding:5px;
                   font-weight:bold;
                   color:#5A015C;
}

.jrk_text { margin-top:0.5em; margin-bottom:1em; margin-left:0; }

.jrk_bg { background-color:#FFCCFF; }

.jrk { color:#5A015C; }

.jrkUeberschrift { background-color:#FFCCFF;
                    padding:5px;
                   font-weight:bold;
                   color:#5A015C;
}

.jrkText { margin-top:0.5em; margin-bottom:1em; margin-left:0; }

.jrkBg { background-color:#FFCCFF; }

.bdJrkGroove { padding:0.5em;
                  border-width: 2px;
                  border-style: groove;
                  border-color: #5A015C;
}

/******************************************************************************************/
/***  Fuer Senioren-Seiten                                                              ***/
/******************************************************************************************/

.SengymUeberschrift { background-color:#66CC99;
                     font-weight:bold;
                     color:#004411;
}
.SengymBg { background-color:#66CC99; }

.Sengym   { color:#004411; }

.bdSenGymGroove { padding:0.5em;
                  border-width: 2px;
                  border-style: groove;
                  border-color: #004411;
}


/******************************************************************************************/
/***  Fuer Altkleider-Seiten                                                           ***/
/******************************************************************************************/

.altkl_ueberschrift { background-color:#FF9933;
                   padding:5px;
                                   font-weight:bold;
                                   color:#660000;
}
.altkl_text  { margin-top:0.5em; margin-bottom:1em; margin-left:0; }
.altkl_ftxtw { color:#660000; font-size:1.2em; font-weight:bold; }
.altkl_ftxt  { color:#660000 }
.altkl_bg    { background-color:#FF9933; }


/******************************************************************************************/
/***  Fuer Blutspende-Seiten                                                           ***/
/******************************************************************************************/

.blutspUeberschrift { background-color:#FF6666;
                      padding:5px;
                        font-weight:bold;
                     color:#330000;
}
.blutspBg           { background-color:#FF6666;
}
.blutspText         { color:#330000;
}
.blutspBtext        { color:#FF6666;  }    /*** Text in Hintergrundfarbe   **/
.blutspKtext        { color:#CC3333;  }    /*** Text in Kopffarbe          **/
.blutsp h1          { color:#330000;
                        font-size:1.5em;
                        font-weight:bold;

}

.blutsp_ueberschrift { background-color:#FF6666;
                      padding:5px;
                        font-weight:bold;
                     color:#330000;
}
.blutsp_bg    { background-color:#FF6666; }


/******************************************************************************************/
/***  Weitere                                                                           ***/
/******************************************************************************************/

.hp_ueberschrift { background-color:#FFCC66;
                   padding:5px;
                                   font-weight:bold;
                                   color:#330066;
}

.telefon { color: #000;
        text-decoration: none;
        background-image: url(./i_telefon.gif);
        background-repeat: no-repeat;
        background-position:center left;
        padding-left: 20px;
}

.mobile { color: #000;
        text-decoration: none;
        background-image: url(./i_mobile.gif);
        background-repeat: no-repeat;
        background-position:center left;
        padding-left: 14px;
}

.box { margin-left:5%; margin-top:10px; margin-right:5%;  padding:1%; }

.bilder { float: right;        width: 155px;}

.zentriert { text-align: center }

.fett { font-weight:bold; }

.ganzklein   { font-size:xx-small }

.flgross {
}

.flgross:first-letter { font-size:1.5em; font-weight:bold; }

.mehr        { text-align:right;
               padding-left:2em;
               font-size:0.8em;
}