html        {margin: 0;
        padding: 0;}
body        {
        background-color: #FFFFFF;
        text-align: center;
         line-height: 1.3em;
         max-width: 95%;
        }
p.unsichtbar    {display: none;}

#content H1, #content H2, #content H3, #content p, #content ul
        {font-family: Arial, Helvetica; padding-left: 10px; padding-right: 20px; color: #000000;}
H1        {font-size: 1.3em; font-style: italic; font-weight: bold;}
H2        {font-size: 1.2em;}
H3,p, ul         {font-size: 1em;}

#content a  {font-family: Arial, Helvetica;
           text-decoration: none;
            font-size: 1em;
            color:#FF3F13;
            }

#content a.extern {color: #FFFFFF; background: #FF3F13; font-weight: bold;}

#index #navbar .index a,
#Impressum #navbar .Impressum a,
#Kontakt #navbar .Kontakt a,
#Inhalt #navbar .Inhalt a,
#ueberuns #navbar .ueberuns a,
#Arbeitsfelder #mainNavi .Arbeitsfelder a,
#GeistMitte #mainNavi .GeistMitte a,
#Aktuelles #mainNavi .Aktuelles a        {font-size: 1.1em; background-color: #FF3F13; cursor: default;}



#wrapper        {
        background-color: #FFFFFF;
        width: 87%;
         margin:0 auto;
         text-align: left;
         border: 0;}

#head  {
         width: 99%;
         height: 180px;
         padding:1%;
         margin-right:1%;
         #FFFFFF no-repeat;
        border: 0;}


#content        {margin: 0;
        width: 48%;
         float: left;
         padding-top: 2%;
         padding-left: 4%;
         padding-bottom: 1%;
         border: 0;}

#navbar        {margin-right:0;
        padding: 0.5em;
         width:81.4%;
         float: right;
         background: #FFFFFF;
         border-top: 3px solid #FF3F13;
         border-right: 5px solid #FF3F13;
         border-left: 5px solid #FF3F13;
         border-bottom: 1px solid #FF3F13;
         }

#navbar li        {float: left;
                list-style-type: none; }

#navbar a:hover        {color: #808080;}

#navbar a        {
        display: block;
         float: left;
         padding:0 1em;
         line-height: 1em;
         text-decoration: none;
         color: #000000;
         font-size: 1.1em;
         font-weight: bold;}

table td  {font-family: Arial, Helvetica;
         font-size: 1em;
         color:#000000;}

table a  {font-family: Arial, Helvetica;
         font-size: 1em;
         color:#FF3F13;}

#mainNavi {margin-top: 1%;
        width: 16%;
         float: left;
         display: inline;
         font-family: Arial, Helvetica;
         border-right: 3px solid #FF3F13;
         border-bottom: 1px solid #FF3F13;
         background-color: #FFFFFF;
         }
#mainNavi ul
        {margin:0;
         padding: 0;
         list-style-type: none;
        }
#mainNavi li
        {
         padding: 0.5em 0 0.25em 0.25em;
         line-height: 1.5em;
         border-top: 3px solid #FF3F13;
         border-left: 1px solid #FF3F13;
         font-size: 1em;
         }

#mainNavi li.second
        {
         padding: 0.3em 0.7em;
         line-height: 1.4em;
         border-top: 1px solid #FF3F13;
         font-size: 0.8em;
         }

#mainNavi li.third
        {
         padding: 0.3em 0.7em;
         line-height: 1.2em;
         border-top: 0px solid #FF3F13;
         font-size: 0.7em;
         font-color: #808080;
         }

#mainNavi a        {color: #000000;
         text-decoration: none;
         font-weight: bold;
        }
#mainNavi a:link  {
         color: #000000;}

#mainNavi a:visited
         {
         color: #000000;}

#mainNavi a:hover
        {color: #808080;}

#mainNavi a:active
         {
         color: #FF3F13;}

#newsboxa {
          height:320px;
          width: 22%;
          margin-right: 0;
          margin-top: 2%;
          margin-left: 1%;
          padding: 0;
          float: right;
          background: url(../Dokumente/Freundesbrief-2011-226x320.jpg) #FFFFFF no-repeat;
          }


#newsboxb {
          width: 28%;
          margin-right: 1%;
          margin-top: 2%;
          margin-left: 1%;
          background: #FFFFFF no-repeat;
          float: right;
          }
#newsboxc {
          height: 320px;
          width: 25%;
          margin-right: 1%;
          margin-top: 2%;
          margin-left: 4%;
          background: url(../Bilder/Citykirche-320x240.jpg) #FFFFFF no-repeat;
          float: right;
          }

#newsboxe {height:320px;
          width: 25%;
          margin-top: 2%;
          margin-left: 2%;
          margin-right: 0;
          padding: 0;
          background: url(../Bilder/WSM-Haus-320x240.jpg) #FFFFFF no-repeat;
          float: right;
          }
#newsboxf {height:320px;
          width: 27%;
          margin-top: 2%;
          margin-left: 2%;
          margin-right: 0;
          padding: 0;
          background: url(../Bilder/Migranten-320x240.jpg) #FFFFFF no-repeat;
          float: right;
          }

#newsboxi {
          height: 310px;
          width: 25%;
          margin-right: 0;
          margin-top: 2%;
          margin-left: 3%;
          background: url(../Bilder/RenateBild-klein.jpg) #FFFFFF no-repeat;
          float: right;
          }


#newsboxk {
          height:640px;
          width: 23%;
          margin-right: 0px;
          margin-top: 9%;
          margin-left: 1%;
          float: left;
          }


#newsboxm {
          height: 320px;
          width: 21%;
          margin-right: 0;
          margin-top: 2%;
          margin-left: 4%;
          background: url(../Bilder/Blinde/essenAbschluss-240x312.jpg) #FFFFFF no-repeat;
          float: right;
          }


#newsboxz {
          height: 320px;
          width: 25%;
          margin-right: 1%;
          margin-top: 2%;
          margin-left: 4%;
          background: url(../Bilder/Zirkuszelt-320x240.jpg) #FFFFFF no-repeat;
          float: right;
          }




#footer  {
         clear: both;
         margin: 10px 0 0 0;
         padding-left: 25%;
         background-color: #BCBCBC;
         font-family: "century gothic";
         font-size: 10pt;
         line-height: 2em;
         list-style: none;
         text-align: left;
         }

#footer li
        {
        display: inline;
         padding-left: 1em;
         }

#footer a
        {color:#808080;
          text-decoration: none;
          line-height: 1em;
          font-weight: bold;
          }

#footer a:visited
        {text-decoration: none;
         color: #808080;}

#footer a:hover, a:active {color: #DF0000;}