body      {
           margin:0;
           padding:0;
           color:#000;
           background:#fff;
           font-size:101%;
           font-family:arial,verdana,helvetica,sans-serif;
          }

/* Standards Schriften*/

h1, h2, h3, h4, p, form          {
               font-family:arial,verdana,helvetica,sans-serif;
               margin:0;
               padding:0;
               }
/*Ueberschriften-Elemente aus normalen Typo3-Seitenelementen, z.B. Mailform, etc*/
.csc-firstHeader h1 { color:#003399;
                background-color: transparent;
                font-size: 1em;
                font-weight: bold;
                text-align: left;
                margin:0;
                padding:0;
                line-height: 1.2em; }

.csc-header {
   font-size:1em;
}

/*Unsichtbares und Verstecktes*/

.unsichtbar, dfn      {
                       position: absolute;
                       left: -1000px;
                       top: -1000px;
                       width: 0px;
                       height: 0px;
                       overflow: hidden;
                       display: inline;
                      }

/*Skip-Navigation für Inhalt und Hauptmenue*/

.skip {
           position:absolute;left:-150px;top:-150px;
}
.skip li {
            font-size:0.8em;
            text-align:center;
            padding:0 5px;
}
.skip li a:focus, .skip li a:active {
           position:absolute;
           top:300px;
           left:490px;
           white-space:nowrap;
           background:#ffffff; 
           z-index:1; 
}

/*Fragezeichensymbol im Cursor bei Hilfe und Akuerzungen*/

a.help, abbr, acronym {
                       cursor: help;
                       }

/* Seitenaufbau - Kopfbereich*/

#kopf            {
                  position:relative;
                  left: 0px;
                  top: 0px;
                  height: 128px;
                  width: 100%;
                  background-image:  url(../Ressourcen/head.jpg);
                  background-position: 0px 0px;
                  background-repeat: no-repeat;
                  }

/* DRK Logo */

#logo            {
                  left: 0px;
                  top: 0px;
                  background-image:  url(../Ressourcen/drk_logo.gif);
                  background-position: 0px 0px;
                  background-repeat: no-repeat;
                  height: 89px;
                  margin: 10px;
                  padding: 0;
                  }

html>body #inhalt{
                  height:auto;
                  }

/* Brotkruemel*/

#kruemel        {
                 padding-left:250px;
                 padding-top: 40px;
                 font-size: 0.7em;
                 font-weight: bold;
                 }

#kruemel ul      {
                  display: inline;
                  padding-left: 0;
                  margin-left: 0;
                  }

#kruemel ul li   {
                  display: inline;
                  color:#000;
                  background-color: transparent;
                  }

#kruemel a, #kruemel a:visited {
                   color: #003399;
                   background-color: transparent;
                   text-decoration: none;
                   }

#kruemel a:hover  {
                   color: #ff3333;
                   background-color: transparent;
                   text-decoration: underline;
}

/* Kopfnavigation: */

#kopfnavi        {
                 padding-left:340px;
                 padding-top: 106px;
                 font-size: 0.9em;
                 font-weight: bold;
                 }

#kopfnavi ul      {
                  display: inline;
                  padding-left: 0;
                  margin-left: 0;
                  }

#kopfnavi ul li   {
                  display: inline;
                  color:#000;
                  background-color: transparent;
                  }

#kopfnavi a       {
                   color: #003399;
                   background-color: transparent;
                   text-decoration: none;
                   padding: 0 1em 0 0 ;
		}

#kopfnavi a:hover, #topnav a:focus, #topnav a:active {
        color: #3399ff;
        background-color: transparent;
		}

#kopfnavi ul li.auswahltop a {
                              color: #3399ff;
                              background-color: transparent;
                              }
/* Seitenaufbau - Kopf ENDE*/

/* Seitenaufbau - Navigation Inhalt*/

/* hintergrund navigation inhalt - notwendig fuer den blauen Balken in der reihenfolge hier oben lassen*/

#hintergrund     {
                  padding:0;
                  margin:0;
                  width:100%;
                  color:#000;
                  background:#003399;
                  }

#navigation      {
                  padding-top:0px;
                  width:12.5em;
                  position:absolute;
                  top:230px;
                  left:0px;
                  }

/* Inhalt*/

#inhalt         {
                 position:relative;
                 padding:0em 0em 4em 3.5em;
                 margin:0 0 0 12.5em;
                 background:#fff;
                 color:#000;
                 height:1200px;
                 min-height:1130px;
		}
#inhalt1         {
                  width:500px;
                 }

/* Suche */

#suche            {
                   margin:0;
                   color:#000;
                   background-color: #003399;
                   }

#suche fieldset    {
                    width: 92%;
                    padding: 0.8em 0 0.8em 0.5em;
                    border: none;
                    color:#000;
                    background-color: #003399;
                   }

#suche legend      {
                    display: none;
                   }


#suche input       {
                    font-size: 0.8em;
                    margin-top: 0.5em;
                    padding-left:0;
                    padding-right:0.1em;
                    text-align: center;
                    }

#suche input.submit {
                     width: 4.5em;
                     margin-left: 0.7em;
                     color:#000;
                     text-transform: uppercase;

                     background-color: #99ccff;
                     border: 1px solid #3399ff;
                     cursor: help;
                     }

#suche label         {
                      font-size: 0.8em;
                      font-weight: bold;
                      color: #fff;
                      background-color: inherit;
                      margin-left: 0px;
                      }
/* Suche ENDE */


/* Hauptnavigation: */


#hauptnav {
         color:#000;
         background-color: #003399;
	}

ul#hauptnav {
        list-style: none;
        margin: 0px;
        padding: 0px;
        }

ul#hauptnav li {
        display: block;
        border-top: 3px solid #3399ff;
        }

ul#hauptnav li.last {
        display: block;
        border-top: 3px solid #3399ff;
        border-bottom: 3px solid #3399ff;
        }

ul#hauptnav li a {
        display: block;
        margin: 0px 0px 0px 0px;
        padding: 6px 6%;
        background-color: #003399;
        font: bold 0.8em arial,verdana,helvetica, sans-serif;
        line-height: 1.5em;
        color: #fff;
        text-decoration: none;
        width: 88%;
        }

ul#hauptnav li a:hover {
        background-color: transparent;
        color: #99ccff;
        text-decoration: none;
        width: 88%;
        }

/* Hier wird das ausgewaehlte Menuefeld mit einer eigenen Farbe definiert*/

ul#hauptnav li.auswahlnav a {
        background-color: transparent;
        color: #99ccff;
        text-decoration: none;
        width: 88%;
        }

/*Hier beginnt das Menuefeld des 1. Untermenues*/

ul#hauptnav ul.subnav {
        margin: 0px;
        list-style: none;
        padding: 0px;
        border: 0px;
        }

ul#hauptnav ul.subnav li {
        border-top: 0 none;
        border: 0px;
        padding-left: 1.5em;
        }

ul#hauptnav ul.subnav li a {
        padding: 1%;
        margin: 0px;
        font: bold 0.7em arial,verdana,helvetica,sans-serif;
        line-height: 1.8em;
        color: #ffffff;
        background-color: transparent;
        border: 0px;
        }

ul#hauptnav ul.subnav li a:hover {
        color: #99ccff;
        background-color: transparent;
        text-decoration: underline;
        }

/* Hier wird das ausgewaehlte Menuefeld des 1. Untermenues mit einer eigenen Farbe definiert*/

ul#hauptnav ul.subnav li.auswahlnav1 a {
        background-color: transparent;
        color: #99ccff;
        }

/*Hier beginnt das Menuefeld des 2. Untermenues*/

ul#hauptnav ul.subnav ul.subnav1 {
        margin: 0px;
        list-style: none;
        padding: 0px;
        }

ul#hauptnav ul.subnav ul.subnav1 li {
       padding-left: 1.5em;
        }

ul#hauptnav ul.subnav ul.subnav1 li a {
        padding: 1%;
        margin: 0px;
        font: bold 0.7em  arial,verdana,helvetica,sans-serif;
        line-height: 1.8em;
        color: #ffffff;
        background-color: transparent;
        }

ul#hauptnav ul.subnav ul.subnav1 li a:hover {
        color: #99ccff;
        background-color: transparent;
        text-decoration: underline;
        }

/* Hier wird das ausgewaehlte Menuefeld des 1. Untermenues mit einer eigenen Farbe definiert*/

ul#hauptnav ul.subnav ul.subnav1 li.auswahlnav2 a {
        background-color: transparent;
        color: #99ccff;
        }

/* Hauptnavigation ENDE*/

/*Loginbereich*/

#login {
        margin:0;
        color:#000;
        background-color: #003399;
        }

#login fieldset {
                 width: 92%;
                 padding: 0.8em 0 0.8em 0.5em;
                 border: none;
                 }

#login legend   {
                 display: none;
                 }

#login input     {
                  font-size: 0.8em;
                  margin-top: 0.5em;
                  padding-left:0;
                }

#login input.submit {
                     width: 4.05em;
                     text-align: center;
                     margin-left: 0.8em;
                     color:#000;
                     text-transform: uppercase;
                     background-color: #99ccff;
                     border: 1px solid #3399ff;
                     cursor: help;
                     }

#login label {
              font-size: 0.8em;
              font-weight: bold;
              color: #fff;
              background-color: inherit;
              margin-left: 0px;
              }

/*Hier wird der Submit-Link fr das Login festgelegt wegen der abweichenden margin Positionierung*/

#login input.senden {
        width: 5.0em;
        text-align: center;
        margin: 0.5em 0 0 0;
        color:#000;
        text-transform: uppercase;
        background-color: #99ccff;
        border: 1px solid #3399ff;
        cursor: help;
	}

/*Loginbereich ENDE*/

/* Validierung*/

#valid        {
               padding:0.5em 0;
               margin-top:100px;
               margin-left:0;
               width:12.5em;
               color:#000;
               background:#003399;
               border-top: 3px solid #3399ff;
               border-bottom: 3px solid #3399ff;
              }

#valid img      {
                 border:none;
                 }

#valid p       {
                color:#fff;
                background: transparent;
                padding:0.5em;
                font-size: 0.8em;
                font-weight: bold;
                text-align: center;
                line-height: 1.2em;
                }
/* Validierung ENDE*/

/*Inhalt*/

#inhalt p a img        {
           border: none;
           display: inline;
           vertical-align: middle !important;
           margin:0 0.2em;
          }

#inhalt a         {
           color:#003399;
           background: transparent;
           text-decoration:none;
          }

#inhalt a:visited   {
             color:#003399;
             background-color: transparent;
             text-decoration:none;
             }

#inhalt a:hover      {
             color:#ff3333;
             background-color: transparent;
             text-decoration:underline;
             }
#inhalt h1   {
               color:#003399;
               background-color: transparent;
               font-size: 2em;
               font-weight: bold;
               text-align: left;
               margin:0;
               padding:0;
               line-height: 2.5em;
               }

#inhalt h2    {
                color:#003399;
                background-color: transparent;
                font-size: 1.5em;
                font-weight: bold;
                text-align: left;
                margin:0;
                padding:0;
                line-height: 2.0em;
                }

#inhalt h3 	{
                color:#003399;
                background-color: transparent;
                font-size: 1.2em;
                font-weight: bold;
                text-align: left;
                margin:0;
                padding:0;
                line-height: 1.7em;
                }

#inhalt h4     {
                color:#003399;
                background-color: transparent;
                font-size: 0.8em;
                font-weight: bold;
                text-align: left;
                margin:0;
                padding:0;
                line-height: 1.5em;
                }

#inhalt p    {
                color: #000;
                background-color: transparent;
                font-size: 0.8em;
                text-align: left;
                margin: 0;
                padding: 0;
                line-height: 1.3em;
                }
#inhalt input, select, textarea {
                color: #000;
                background: #99ccff;
                }

#inhalt input:focus, textarea:focus, select:focus {
                color: #000;
                background: #fff;
                }
#inhalt legend { font-size: 0.8em;}

.csc-firstHeader h1 { color:#003399;
                background-color: transparent;
                font-size: 1.2em;
                font-weight: bold;
                text-align: left;

                margin:0;
                padding:0;
                line-height: 1.7em; }

.sitemaplev1 {
              font-size: 0.8em;
              light-height: 1.3em; 
              }


hr           {
              height:1px;
              margin: 20px 0px 20px 0;
              color: #3399ff;
              background-color: #3399ff;
              border: none;
              }

/* Alle Bilder mit Rahmen - Wichtig weil alle Text eingebundenen Bilder Rahmenlos sind*/

.center img, .floatcol img, .floatlinks img, .floatportrait img, .floatrechts img, .thumbnail img, .bilder img
               {
                border: solid 1px #333;
                }

/*Positionierung von Textbloecken */

/*Einspaltige, zweispaltiger Teaser und sonstige Textbloecke ohne Beschraenkung  */


.textblock  {
               margin:0;
               padding:0;

               }
.textblock ul, td {font-size: 0.8em;}

/*Textbloecke mit Einschraenkungen*/

.textblock1    {
               margin:0;
               padding:0;
               }
.textblock1 ul {font-size: 0.8em;}


.textblock2    {
               margin:0 0 0 2.5em ;

               padding:0;
               }
.textblock2 ul {font-size: 0.8em;}


.textblock3    {
               margin:0;
               padding:0;
               }
.textblock3 ul {font-size: 0.8em;}


/*Positionierung von Textbloecken ENDE*/

/* Nur eine Spalte*/

/*Portraitblock*/

.portrait     {
              margin:1.2% 10px 1.2% 0;
              padding:2.2% 0;
              background-color: #fff;
		}
.floatportrait
               {
                float: right;
                margin:0;
                padding:0;
                }

/*Portraitblock ENDE*/

/*Einspaltiger Teaser bzw. Beitrag mit Bild links oder rechts*/

.onecol     {
              padding: 0;
              background-color: #fff;
		}

.center {
              text-align: center;
              background-color: #fff;
		}

.floatlinks {
                 float: left;
                 padding:0;
                 margin-right:10px;
		}

.floatrechts	{
                float: right;
                margin:0 5px 0 10px;
                padding:0;
                }

/*Einspaltiger Teaser bzw. Beitrag mit Bild links oder rechts ENDE*/

/*  Nur einspaltig ENDE */

/*Zweispaltiger Teaser Aufbau*/

.collinks {
                 width: 230px;
                 float: left;
                 color:#000;
                 background: transparent;
                 padding: 1.2%;
		}

.colrechts {
                 width: 230px;
                 float: left;
                 margin-left:2%;
                 padding: 1.2%;
                 }

.floatcol	{
                 float: left;
                 padding:0;
                 margin-right:10px;
		}

/*Zweispalten Teaser Aufbau ENDE*/

/* Schluss mit Float*/

.clear        {
               clear: both;
               }

/* Listen*/


/* Listen mit Link*/

.linkliste     {
                margin:0;
                padding: 1.5%;
                }

.linkliste  ul   {
                  font-size: 0.8em;
                  font-weight: bold;
                  }

/* Listen ohne Link*/

.liste     {
                margin:0;
                padding: 1.5%;
               }

.liste  ul   {
                  font-size: 0.8em;
                  }

/*Listen ENDE*/

/*Galerie Bilder*/

.thumbnail   {
              float: left;
              margin:10px 2.5px 10px 0;
              width:9.5em;
              height:12.5em;
              background: #fff;
              }

/*Galerie Bilder ENDE*/

/*Inhalt ENDE*/

/*Footer*/

#footer           {
                 border-top:1px solid #003399;
                 margin-left:12.5em;
                 margin-right:0;
                 padding-left:10em;
                 color:#000;
                 background:#fff;
                 }

#footer p          {
                  margin:0;
                  padding:0.6em 0;
                  font-size: 0.7em;
                  }

img.footer         {
                  margin:0 8px 0 18px;
                  border:none;
                  }


#footer a, #footer a:visited             {
                   color: #003399;
                   background-color: #fff;
                   text-decoration: none;
                   font-weight: bold;
                   }

#footer a:hover      {
                   color: #ff3333;
                   background-color: #fff;
                   font-weight: bold;
			}