/* Defintion von Schrift und allgemeinen Tags */
body {
  font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height:18px;
  color: #7e7e7e;
}
a {
  color: #2C692E;
	
}
a:hover {

}
img {
	
}

strong {	
font-weight:bold;	
}

em {
font-style: italic;
}

/* Grundlayout */
div.fix-bg {
  z-index: 1;
  position: fixed;
  bottom: 0;
  background: no-repeat url(../bilder/body-bg-lu-fix.jpg) left bottom #FFF;
  height: 453px;
  width: 900px;
}

div.container {
  z-index: 2;
  position: relative;
  margin: 0 auto;
  width: 982px;
  margin-top: 10px;
}

div.oben {
  height: 216px;
  background: no-repeat url(../bilder/oben-bg-nr.jpg);
}

div.mitte {
  margin-top: 0px;
  margin-bottom: 0px;
  background: repeat-y url(../bilder/mitte-bg-ry.jpg);
}
div.linke-spalte {
  float: left;
  width: 263px;
  margin-left: 1px;
}
div.rechte-spalte {
  float: left;
  margin-left: 10px;
  width: 654px;
  padding: 15px;
}

div.rechte-spalte ul li {
  list-style: disc;
  font-size: 12px;
  line-height: 18px;
  color: #7e7e7e;
  margin-left: 12px;
  margin-right: 55px;
}

div.unten {
  /*border-top: 3px solid #5b8600;*/
  padding-bottom: 30px;
}

/* Layout Details */
div.oben div.subnavigation {
  margin-left: 650px; /* 779 */
  padding-top: 17px;
}
div.oben div.subnavigation span {
  color: #5b8600;
}
div.oben div.subnavigation span a {
  color: #5b8600;
  text-decoration: none;
  font-size: 13px;
  font-weight: none;
}
div.oben div.subnavigation span.text {
  margin-right: 33px;
  color: #979797;
}

div.navigation {
  font-size: 13px;
  /*font-weight: bold;*/
  margin-top: 15px;
}

div.navigation ul li {
  margin-bottom: 8px;
}
div.navigation ul li ul li {
  margin-top: 8px;
}
/* Farbe der Links allgemein */
div.navigation ul li a{
  color: #7e7e7e;
  text-decoration: none;
  display: block;
  padding: 7px 2px 7px 40px
}
/* Aussehen der gerade gewählten Seite */
div.navigation ul li.current a {
  color: #2c692e;
  background-color: #d7e41e;
  text-decoration: underline;
}
/* Aussehen der Ebene1 wenn die gerade gewählten Seite eine Unterseite ist */
div.navigation ul li.aktiv a {
  color: #2c692e;
  background-color: #f6f9f2;
}
/* Aussehen der NICHT gewählten Seiten in Ebene2 */
div.navigation ul li.aktiv ul li a {
  color: #7e7e7e;
  background-color: #f6f9f2;
  padding-left: 55px;
}
/* Anpassung wenn die gerade gewählten Seite auf Ebene1 ist und Unterseiten hat */
div.navigation ul li.current ul li a {
  color: #7e7e7e;
  background-color: #f6f9f2;
  text-decoration: none;
  padding-left: 55px;
}
/* Anpassung wenn die gerade gewählten Seite auf Ebene1 ist und Unterseiten hat */
div.navigation ul li.aktiv ul li.current a {
  color: #2c692e;
  background-color: #d7e41e;
  text-decoration: underline;
}
/* Hintergrund beim Hover (Hover ganz am Ende definiert da das ansprechen von "a" den Wert für Hover enthält und somit überschreiben würde)*/
div.navigation ul li a:hover {
  background-color: #d7e41e;
}
/* Hintergrund beim Hover muss erneut definiert (Grund ist dabei die wertigkeit von Anweisungen) */
div.navigation ul li ul li a:hover {
  background-color: #d7e41e;
}

/* Typo3 Elemente */
h1 {
  font-size: 27px;
  font-weight: normal;
  margin-bottom: 12px;
  color: #4389ab;
}

p.bodytext {
  font-size: 12px;
  line-height: 18px;
  color: #7e7e7e;
  margin-right: 55px;
}

/* Addressen */
div.vcard {
  margin-bottom: 15px;
}
div.vcard div.bild {
  float: right;
  padding: 0 0 10px 10px;
}
div.vcard h2 {
  font-size: 16px;
  line-height: 120%;
}
div.vcard div.adr, div.vcard div.kontakt, div.vcard div.description {
  margin-top: 7px;
}
div.vcard em {
  font-size: 12px;
  line-height: 140%;
  color: #4389AB;
}

/* An- und Abmelden */
.tx-felogin-pi1 h3 {
  font-size: 27px;
  font-weight: normal;
  margin-bottom: 12px;
  color: #4389ab;
}

legend {
  font-weight: bold;
  font-size: 14px;
  padding: 20px 0 10px 0;
}

#user, #pass {
  margin-top: 0;
}

input {
  margin-top: 10px;
} 

/*SPENDENQUITTUNG*/
.anmeldeformular td.links {
  padding-bottom: 5px;  
  width: 100px;
}

.anmeldeformular td.top {
  vertical-align: top;
}

.anmeldeformular td.rechts input{
  width: 200px;
}

.anmerkungen {
  vertical-align: top;
  padding-top: 3px;
}

.anmeldeformular input.r-text {
  width: 140px;
}

.csc-frame-normal p.warnung {
  color: red;
}



/*SPENDENFORMULAR*/
.spendenformular td.links {
  padding-bottom: 5px;  
  width: 100px;
}

.spendenformular td.ab {
  padding-right: 10px
}

.spendenformular input.rechts {
  padding-bottom: 5px;  
  width: 140px;
}

.spendenformular input.r-text {
  width: 140px;
}

.spendenformular input.feld-betrag {
  width: 100px;
  margin-right: 10px;
}


/* Hilfsklassen */
div.clearer-left {
  clear:left;
  font-size:1px;
  height:1px;
  line-height:100%;
}

.clearer-right {
  clear: right;
  font-size:1px;
  height:1px;
  line-height:100%;
}