/*alle Abstände entfernen    */
/*Rahmen von Grafiken entfernen*/
/*body*/
/*header*/
/*Aufteilung in einen rechten und linken Seiteninhalt*/
/*Die Navigation in der linken Box*/
/*Der Inhalt in der rechten Box*/
/*Formulare*/
/*Bilder*/
/*Schriftformatierungen*/



/*alle Abstände erstmal entfernen    */
* {
   margin:0;
   padding:0;
   }

/* Damit die Grafiken keine unsichtbaren Rahmen haben*/
img {
     display:block;
     border: none;
     }

body {
      /* background-color:#CCCC33;*/
     background: url(pics/wrapper_hintergrund2.gif)
                        repeat-y;
     font-family:  Verdana, Arial, sans-serif;
     font-size:100.1%;
     text-align: left;
     line-height:1em;
     /*line-width: 1.2em; */
     margin:0px;
     padding:0px;
     color: #474602;
     }


   #header {
            background: transparent url(pics/header_nur_schrift1.gif)
                        no-repeat;
            height:175px;
            margin:0px ;
            padding:0px;
            width:952px;
            text-align: center;

            /* border:1px solid black;*/
            }

    #imp {
  position:absolute;
  top:105px;
  left:743px;
  }

 /*Aufteilung in einen rechten und linken Seiteninhalt*/

   div#links {
              /* float:left;  */
              width:200px;
              background-color:#CCCC33;
              margin:0px;
              padding:0px;
              position:absolute;
              top:175px;
              left:0px;
              /*border: 1px solid black;*/
              }

    div#rechts {
                /*float:left; soll nicht mehr nach unten rutschen bei kleinem fenster*/
                width: 40em;
                background-color: #CCCC33;
                margin:0 ;
                padding:0 0 50px 0;
                position: absolute;
                top:120px;
                left:180px;
                /* border: 1px solid black;*/
                }





 /*Die Navigation in der linken Box***************************/
/*das umschließende div der Navigation*/







   #navi {
              background-color:#CCCC33;
              margin:30px 0 0 0;
              padding:0px;
             /* border: 1px dottet blue; */
              }

  #navi ul {
          list-style:none;
          list-style-type:none;
          list-style-image:none;
margin:0;
padding:0;
}

#navi li{
       height:30px;    /*höhe der grafiken*/
       width:145px; /*breite der grafiken*/
             overflow:hidden;  /*links abbrechen*/
             position:relative; /*wichtig sonst geht overflow im ie6 nicht*/
margin:10px 5px;
}


 #navi li a {
             text-indent:-99999px;    /*damit der link nicht zu sehen ist*/
             overflow:hidden;
             display:block;
       height:30px;   /*höhe der Grafik*/
margin:0;
}



#navi li.startseite a {
background:transparent url(pics/menue_startseite.gif) no-repeat scroll 0 0;
width:200px;
height:30px;
}


#navi li.ueberuns a{
background:transparent url(pics/menue_ueberuns.gif) no-repeat scroll 0 0;
width:200px;
height:30px;
}

#navi li.verein a{
background:transparent url(pics/menue_verein.gif) no-repeat scroll 0 0;
width:200px;
height:30px;
}


#navi li.wunschaktie a {
background:transparent url(pics/menue_wunschaktie.gif) no-repeat scroll 0 0;
width:200px;
height:30px;
}


#navi li.spendenwiese a {
background:transparent url(pics/menue_spendenwiese.gif) no-repeat scroll 0 0;
width:200px;
height:30px;
}


#navi li.kontakt a {
background:transparent url(pics/menue_kontakt.gif) no-repeat scroll 0 0;
width:200px;
height:30px;
}


#navi li a:hover, #navi li a:focus, #navi li a:active, #navi li.on a {
background-position:0 -30px;
}


    /*Der Inhalt in der rechten Box*************************/
   div#Inhalt {
               margin:0;
               padding:0 0 0 20px;
               }


   /*die skalierbare Textbox****************/
         .ro {
              background:url(pics/ecken/ecke_ro.gif)
                         top right
                         no-repeat;
              margin:0;
              padding:0;
              }

         .lo {
             background:url(pics/ecken/ecke_lo.gif)
                        top left
                        no-repeat;
             margin:0;
             padding:0;
             }

         .ru {
             background:url(pics/ecken/ecke_ru.gif)
                        bottom right
                        no-repeat;
             margin:0;
             padding:0;
             }

         .lu {
             background:url(pics/ecken/ecke_lu.gif)
                        bottom left
                        no-repeat;
             margin:0 ;
             padding:0 ;
             }

         .text {
               margin:0;
               padding:1.5em 1.5em 5em 1.5em;
               }

         .text p {
                  font-size: 0.8em;
                  background: #FFFFCC;
                  line-height:1.3em;
                  margin:0;
                  }

         .text h1 h2 h3 h4 {
                   background: #FFFFCC;
                   margin:0 0 10px 0;
                   padding:0;

                   }



        /*nach oben Knopf*/
        div#nach_oben {
                       float:right;
                       font-size: 0.7em;
                       padding:0;
                       margin: 2em 0 0 0 ;
                       text-align: right;
                       }

       .center {
                text-align: center;
        }

		
	/*********bilder upload ********************/

	div#bildupload {
	
	width: 100%;
	
	
	}
	
		
		

 /******Formulare***********************************/
  /*div#formular {
                 margin:10px auto 10px;
                 }       */

   form {
         padding:20px;
         margin:10px 0 0 0;
         border:1px solid red;
         background-color: #FFFFCC;
         }

  input.rot {

   background: #FFccCC;
   }

   .emailFeld {
         display: none;
        }

   label,
   select,
   input[type=checkbox],
   input[type=radio],
   input[type=button],
   input[type=submit] {
                       cursor:hand;
                        font-size:0.8em;
                       }

    td {
       padding:4px 0 4px 2px;
        }

      form.online{
        border:0px;
         background-color: transparent;
         }

     form.online input{
     position:absolute;
                top:155px;
                left:850px;

}


form.freischalten{
        border:0px;
         background-color: transparent;
                 padding:10px;
         margin:0;
         border:none;
         
         position:relative;
         left:-100px;
         }

/* Tabellen ********************************************/
/*******************************************************/
table.freischalten {

font-size: 12px;
margin:7px;

}

table.freischalten td{


margin:0;
}

/*table bilder upload*/

table.bildupload {
width: 100%;
font-size: 12px;
margin:0;

}


/*Bilder*******************************/
/*******************************************************/
img.left{
float:left;
padding-right:20px;
clear:left;
}


img.mitte{
margin:0 auto;
text-align:center;
}


img.right{
float:right;
padding-left:20px;
clear:right;
}




 /*Schriftformatierungen*******************************/
/*******************************************************/

  a  {
      color:#474602;
      }

  a:hover {
  color:#CCCC33;
  }

  #nach_oben a{
   text-decoration:none;
  }

  #nach_oben a:hover, #nach_oben a:focus {
  color:#CCCC33;
  }

  #imp a {
   font-size:10px;
   text-decoration:none;
  }
   #imp a:hover,  #imp a:focus {
   color:#FFFFCC;
   }

  h1 {
     font-size: 1em;
     padding:10px 0;
     line-height: 1.45em;
     font-weight: bold;
     }

  h2 {
     font-size:0.9em;
     padding:10px 0;

     }

   h3 {
     font-size:0.7em;


     }






  p {
     /*letter-spacing:0.em;*/
      font-size: 0.8em;
      /*word-spacing:0.2em;*/
      padding: 1em 0 0 0;
      }

  p.klein {
        padding:0;
        font-size:0.7em;
        }

  p.form {
        padding:0;
        }

 p.fehler {
    color: red;
    font-weight:bold;
}