/* Farben  
topneues gruen								#4BAD02 *******
neues gruen									#4aac00
altes gruen									#50BB05
Jugendfußballgruen (Hintergrund)			#669933
dunkler - bei link hoover .klein			#45A604
hellgruen - Hgr Aktionen					#E7F5DF

dunkelblau									#273D91   
(Logo Jugendfußball: etwas dunkler #192D84)

rot etwas dunkler - neu 					#D52222
rot	etwas grell								#DD251A





/* * * * * * * * * * * * * * * * * * * * * * * * * * */

/* Allgemeine Elementformatierungen
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

body {
  color: #333333;
  background: #4BAD02;
  font-family: verdana,arial,sans-serif;
  font-size: 100.01%;
  padding: 0;
  margin: 0;
  text-align: center;   /* Zentrierung fuer alte IEs */
}

html, body {
	scrollbar-face-color:  #E7F5DF; 
	scrollbar-highlight-color: #fff; 
	scrollbar-3dlight-color: #4BAD02; 
	scrollbar-arrow-color: #4BAD02; 
	scrollbar-darkshadow-color: #fff; 
	scrollbar-base-color: #4BAD02;	
	scrollbar-track-color:#fff;
}

a { text-decoration: underline;
}

a:link, a:visited    { color: #273D91;}
a:focus, a:hover, a:active { color: #45A604;}

bold, strong { 
  color: #273D91;
  font-weight:bold;
}

hr{
  border: 0px; /* Für Firefox und Opera */
  border-top: 1px dotted #4BAD02;
  border-bottom: 1px solid #FFFFFF; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
  margin:3px 10px 5px 10px;
  padding:3px 0; /* Für Firefox - von ML */
}


/* Allgemeine Klassen
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

.stopFloat {
  display: block;
  float: none;
  clear: both;
  height: 1px;
  font-size: 0px;
  line-height: 0px;
}

.nachoben {
	text-align:right;
}

/* Bilder stehen einzeln !! - nicht innerhalb des Absatzes */
.bildRechts { 
	float: right;
	margin:  0.2em 30px 15px 20px;
}

.bildLinks { 
	float: left;
	margin:  0.2em 20px 15px 15px;
}
.bildLinks2 { 
	float: left;
	margin:  0 15px 0 20px;
}
.bildfront{ 
	float: left;
	margin:  0 20px 15px 20px;
}

.ohnerahmen { 
	border-style:none;
	}

.fettrot {
	color: #D52222;
	font-weight: bold;
}

.fettgruen {
	color: #4BAD02;
	font-weight: bold;
}

.klein {
  font-size: 90%;
  line-height: 110%;
  color: #333;
  font-style: italic;
}

.aktion {
  background-color: #E7F5DF;
  margin: 0 20px 5px 20px;
  padding: 10px 3px;
}

.aktionseite {
  background-color: #E7F5DF;
  margin: 20px 5px 10px 5px;
  padding: 0 0 10px 0;
  border-top: 1px dotted #4BAD02;
  border-bottom: 1px dotted #4BAD02;
}

.spenderseite {
  background-color: #E7F5DF;
  margin: 0 10px;
  text-align:center;
  padding: 2px 0 10px 5px;
  border-bottom: 1px dotted #4BAD02;
}
/* Rahmen, Kopf
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

body, html {
  margin:0;
  height:100%; /* Da IE min-height nicht kennt */
  min-height:100%; /* Für andere Browser */
}

#rahmen {
  min-height:100%;
  height:auto !important; /* Für normale Browser */
  height:100%; /* Für IE */
  /* Jetzt noch Hintergrund */
  background-color:#FFF;
  padding:0;
  width: 950px;            /* der Breite des Hintergrundbilds entsprechend */
  margin: 0 auto;          /* Zentrierung fuer moderne Browser */
  text-align: left;        /* text-align:center (body) "neutralisieren" */
}

#kopf {
  background: #FFF;
  padding: 0;
}

#kopf img {
  padding: 0;
  margin:0;
}


/* Spalte 1
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#spalte1 {
  float: left;
  width: 170px;    
  padding: 17px 0;
}

#spalte1 ul{
  list-style: none;
  margin: 0 10px 0 20px;
  padding: 0;
}

#spalte1 li {
  margin: 0;
  font-size: 70%;
  line-height: 100%;
  padding-bottom: 0.8em;
  margin: 0;
}

#spalte1 a:link, #spalte1 a:visited {
  color: #273D91;
  font-weight: bold;
  text-decoration: none;
}

#spalte1 a:focus, #spalte1 a:hover, #spalte1 a:active, #spalte1 li.on a {
  color: #4BAD02;
}



/* Spalte 2
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#spalte2 {
  float:left;
  width: 590px;                  
  padding: 17px 0;
}

#spalte2 h1 {
  color: #4BAD02;
  font-size: 90%;
  line-height: 120%;
  margin: 0.1em 20px 0.6em 20px;
}

#spalte2 h2 {
  color: #273D91;
  font-size: 80%;
  line-height: 120%;
  margin: 1.5em 20px 0.6em 20px;
  border-bottom: 1px dotted #4BAD02;
  padding-bottom: 3px;
}

#spalte2 h3 {
  color: #273D91;
  font-size: 80%;
  line-height: 150%;
  margin: 1.5em 20px 0.6em 20px;
  border-bottom: 1px dotted #D52222;
/*  border-left: 7px solid #D52222;*/
  padding: 0 0 4px 0;
}

#spalte2 p {
  font-size: 80%;
  line-height: 150%;
  margin: 0.5em 20px;
}

#spalte2 p.betont {
  color: #273D91;
}

#spalte2 p.klein {
  font-size: 70%;
  font-weight:bold;
  line-height: 120%;
  margin: 0 20px 0.5em 20px;
}
#spalte2 p.mini {
  font-size: 70%;
  line-height: 120%;
  margin: 0 20px 0.5em 20px;
}

#spalte2 p.spende {
  background-color: #FBE3E3;
  color: #D52222;
  font-weight:bold;
  margin: 1em 20px 5px 20px;
  padding: 15px;
  text-align:center;
  border: 1px solid #eee;
}

#spalte2 p.nachoben { 
text-align: right;
font-size:70%; }

#spalte2 ul {
	font-size: 80%;
	padding: 0;
	margin: 5px 30px 8px 32px;
	list-style: none;
}

#spalte2 table.front td ul {
	font-size: 80%;
	line-height: 150%;
	padding: 0;
	margin: 3px 0 ;
	list-style: none;
}

#spalte2 li {
/*	padding-left: 12px;*/
background: url(images/liste.gif) 0 0.2em no-repeat;
padding-left: 32px;
}

#spalte2 ul.abstand {
	margin-top: 5px;
	margin-bottom: 16px;
}
#spalte2 ul.abstand li {
	margin-bottom: 6px;
}

#spalte2 ul.sponsoren {
	font-size: 80%;
	line-height: 140%;
    margin:5px 20px 16px 20px;
    padding: 0;}
#spalte2 ul.sponsoren li {
	margin-bottom: 10px;
}


#spalte2 a:link, #spalte2 a:visited {
  color: #4BAD02;
  text-decoration:none;
}

#spalte2 a:focus, #spalte2 a:hover, #spalte2 a:active {
  color: #4BAD02; 
  text-decoration:underline;
}

#spalte2 a.spender:link, #spalte2 a.spender:visited {
  color: #273D91;
  font-size:70%;
  font-weight: bold;
  text-decoration: none;
}

#spalte2 a.spender:focus, #spalte2 a.spender:hover, #spalte2 a.spender:active, #spalte2 a.on {
  color: #4BAD02;
  font-size:70%;
  font-weight: bold;
  text-decoration: none;
}



#spalte2 table.front {
  padding: 0;
  margin: 0;
  background-color:#fff;
  font-size: 100%;
}

#spalte2 table.front td {
  padding: 0;
  margin: 0;
}

#spalte2 table.spender {
  padding: 0;
  margin: 0 10px;
/*  border: 1px dotted #4BAD02; */
  background-color:#E7F5DF;
  border-bottom: 2px solid #4BAD02;
}

#spalte2 table.spender td, #spalte2 table.spender th {
  border-bottom: 1px dotted #4BAD02;
  vertical-align:top;
}

#spalte2 table.spender th {
  padding: 0.75em 0 0.6em 10px;
  background-color:#FFFFFF;
  color: #273D91;
  font-size: 80%;
  line-height: 120%;
}

#spalte2 table.spender th.boxen{
  padding:0.75em 2px 0.75em 10px;
  background-color:#F3FAEF;
  color: #5871D1;
}

#spalte2 table.spender th.boxen2{
  padding: 0.75em 20px 0.75em 0;
  background-color:#F3FAEF;
  color: #5871D1;
  text-align:right !important;
}

#spalte2 table.spender td {
  font-size: 80%;
  line-height: 120%;
  padding:5px 2px 6px 10px;
}

#spalte2 table.spender td p {
  font-size: 130%;
  line-height: 150%;
  margin: 0;
  padding: 0;
}

#spalte2 table.spender  td.rechts, #spalte2 table.spender th.rechts{
  padding-right:20px;
  text-align:right;
}

#spalte2 table.spender th.mehrrechts{
  padding-right:5px;
  text-align:right;
}

#spalte2 .konzept {
  font-size: 90%;
  line-height: 150%;
  margin: 1em 20px 25px 20px;
  background-color:#E7F5DF;
  border: 1px dotted #4BAD02;
  padding: 4px;

}

#spalte2 img.galerie {
  border: 1px solid #4BAD02;
  padding: 2px;
  margin: 0 10px 5px 0;}
  

/* Spalte 3
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#spalte3 {
  float:left;
  width: 190px;  
  padding: 17px 0;
}

#spalte3 h1 {
  color: #273D91;
  font-size: 80%;
  line-height: 160%;
  margin: 0 20px;
  padding:0;
  text-align:center;
}

#spalte3 p {
  font-size: 70%;
  line-height: 150%;
  margin: 1em 20px;
  text-align:center;
}

.spendenstand {
  background: #fff url(images/spendenstand.gif) top right no-repeat;
  width: 140px;
  height:80px;
  padding-top: 10px;
  margin-left: 25px;
  font-size: 80%;
  line-height: 140%;
  font-weight:bold;
  color:#FFFFFF;
  text-align:center;
}