@media all
{
 /*
  *   ############# Grundlegende Formatierungen #############
  */

  * { padding: 0; margin: 0; } /* Zurücksetzen aller Innen- und Aussenabstände für einheitliches auftreten der Elemente */
  option { padding-left: 0.4em; } /* Windows: Standardwert für padding in <option> wiederherstellen*/
  img { border: 0; } /* Standardmäßig alle Rahmen um Bilder entfernen (border-Attribut ist in 4.01 Strict nicht mehr zulässig) */
  body { font-size: 100.01%; background-image: url(../img/back.gif); background-position: top; background-repeat: repeat-x; background-color: #FFFFFF } /* Rundungsfehler in älteren Safari und Operabrowsern beheben [Verursacht sonst zu kleine Schriften] */
  li { margin-left: 1.1em; line-height: 1.1em; }
  * html body * { overflow:visible } /* Behebung des IE 5/6 Italic-Bug */

 /*
  *   ############# Box-Tuning (Erhöhung der Robustheit des Layouts) #############
  */

  #header { position: relative; border-bottom: 14px solid #FFC226; }
  #mainNavi { clear: both; width: 140px; }
  #main {  margin-top:0px; clear: both; width: 770px; }
  #colLeft { float: left; width: 140px; z-index: 1; }
  #colRight { float: right; width: 180px; z-index: 3; }
  #colMain { width: auto; margin-left: 140px; z-index: 5; }
  #colLeftContent { z-index: 2; position: relative; }
  #colRightContent { z-index: 4; position: relative; }
  #colMainContentIndex { z-index: 6; position: relative; }
  #colMainContent { z-index:6; position:relative; background-color:#F2F2FF; background-color:#FFF5E1; background-color:#FFFFFF; width: 446px; min-height:268px; min-height:543px; padding:10px; }
  #treeIndex { position:absolute; left:275px; top:430px; z-index:10 }
  #tree { position:absolute; left:606px; top:430px; z-index:10 }
  #bell { position:absolute; left:715px; top:137px; z-index:10 }
  #kids { position:absolute; left:300px; top:588px; z-index:9 }
  #footer { clear:none; display:block }

  body
  {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    font-weight: normal;
    color: #000000;
  }

  p
  {
    text-align: left;
  }


  h1
  {
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    color: #000000;
    margin-bottom: 1em;
    text-align: left;
  }

  h2
  {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    font-weight: bold;
    color: #20007C;
    margin-bottom: 1em;
    text-align: left;
  }

  h3
  {
  }

  h4
  {
  }

  a:link, a:visited
  {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    color: #20007C;
    text-decoration: none;
  }

  a:hover, a:active
  {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    color: #20007C;
    text-decoration: none;
  }

 /*
  *   ############# Header #############
  */

  #header
  {
    position: relative;
    width: 770px;
    height: 115px;
  }

  #topLogo
  {
    width: 770px;
    height: 115px;
    background-color: #FFFFFF;
  }

  #page
  {
    width: 770px;
    margin: auto;
    margin-top: 0px;
    position: relative;
  }

 /*
  *   ############# Inhalts-Spalte #############
  */

  #colMain
  {
    height: 1%;
    margin: 0;
    margin-left: 140px;
    margin-right: 164px;
    margin-bottom: 10px;
  }

  #colMain ol
  {
    margin: 0px;
    padding: 0px;
    padding-bottom: 10px;
/*
    margin-bottom: 10px;
    margin-top: 10px;
*/
  }

  #colMain ol li
  {
    list-style: none;
    margin:  0px;
    padding-top: 0px;
  }

/*
  #colMain ol li a:link, #colMain ol li a:visited, #colMain ol li a:active
  {
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 0.75em;
    color: #3385BB;
    font-weight: bold;
    letter-spacing: 0.15em;
    background-color: transparent;
    background-image: url(../img/icn_link_arrow.gif);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 16px;
    text-transform: uppercase;
  }
  #colMain ol li a:hover,  #colMain ol li a.selected
  {
    color: #000000;
    margin: 0px;
    padding: 0px;
    padding-left: 16px;
    background-color: #ADCFE4;
    border-right: 5px #ADCFE4 solid;
    border-left: 8px #FFC226 solid;
  }
*/

  #colMain ol li a:link, #colMain ol li a:visited
  {
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 0.75em;
    color: #3385BB;
    font-weight: bold;
    letter-spacing: 0.15em;
    padding-left: 16px;
    text-transform: uppercase;
  }

  #colMain ol li a:hover,  #colMain ol li a.selected
  {
    color: #000000;
    margin: 0px;
    padding: 0px;
    padding-left: 6px;
    background-color: #ADCFE4;
    border-right: 5px #ADCFE4 solid;
  }

  #colMain ol li.profil a:hover,  #colMain ol li.profil a.selected
  {
    border-left: 10px #701B4E solid;
  }

  #colMain ol li.aktuell a:hover,  #colMain ol li.aktuell a.selected
  {
    border-left: 10px #FFC226 solid;
  }

  #colMain ol li.foerder a:hover,  #colMain ol li.foerder a.selected
  {
    border-left: 10px #CFA970 solid;
  }

  #colMain ol li.aktivitaeten a:hover,  #colMain ol li.aktivitaeten a.selected
  {
    border-left: 10px #0F4B7A solid;
  }

  #colMain ol li.betreuung a:hover,  #colMain ol li.betreuung a.selected
  {
    border-left: 10px #789900 solid;
  }

  #colMain h1
  {
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size:   1.3em;
    font-weight: bold;
    color:       #3385BB;
    margin-bottom: 0.5em;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    padding-top: 6px;
  }

  #colMain h1.index
  {
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size:   1.5em;
    font-weight: bold;
    color:       #3385BB;
    margin-bottom: 0.5em;
    margin-top: 0px;
    text-transform: uppercase;
    letter-spacing: 0.0em;
    line-height: 12px;
  }

  #colMain h2
  {
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size:   1.0em;
    font-weight: bold;
    color:       #3385BB;
    margin-bottom: 0.5em;
    letter-spacing: 0.05em;
    text-align: left;
  }

  #colMain p
  {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    font-weight: normal;
    color: #000000;
    margin-bottom: 1em;
    line-height: 1.4em;
  }

  #colMain p.index
  {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.85em;
    font-weight: bold;
    color: #000000;
    text-transform: uppercase;
    line-height: 1.3em;
  }



/*
  #colRightTop ul li a:link, #colRightTop ul li a:visited, #colRightTop ul li a:active
  {
    display: block;
    background-color: transparent;
  }

  #colRightTop ul li a:hover
  {
    display: block;
    background-color: #4A99CE;
  }
*/

  #colMain strong
  {
    font-family: Arial, Helvetica, sans-serif;
    font-size:   1.0em;
    font-weight: bold;
    color:       #2F85BF;
    color:       #000000;
    margin-bottom: 1em;
  }

  #colMain a
  {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding-left: 10px;
/*
    padding-top: 10px;
*/
    font-size: 0.8em;
    color: #3385BB;
/*
    letter-spacing: 0.15em;
*/
    text-transform: uppercase;

    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 0.9em;
    color: #3385BB;
    text-decoration: none;
    font-weight: normal;
    letter-spacing: 0em;
    padding-left: 0px;
    text-transform: none;

  }

  #colMain a:hover
  {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding-left: 10px;
/*
    padding-top: 10px;
*/
    font-size: 0.8em;
    color: #3385BB;
/*
    letter-spacing: 0.15em;
*/
    text-transform: uppercase;

    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 0.9em;
    color: #000000;
    text-decoration: none;
    font-weight: normal;
    letter-spacing: 0em;
    padding-left: 0px;
    text-transform: none;

  }

  #colMain li
  {
    font-family: Arial, Helvetica, sans-serif;
    font-size:   1.0em;
    font-weight: normal;
    color: #000000;
    margin-bottom: 0.2em;
  }

  #colMain .newslist li
  {
    list-style: none;
    margin-left:  0;
    padding-left: 0;
    padding-bottom: 6px;
  }

  #colMain .newslist dl
  {
    list-style: none;
    margin-left:  0;
    padding-left: 0;
    padding-bottom: 6px;
  }

  #colMain div.floatbox { overflow:hidden; }
  #colMain div.first { margin-left:0; }
  #colMain div.sponsor { float:left; width:145px;  margin-left:3px; }
  #colMain div.sponsor div { width:145px; height:132px; overflow:hidden; }
  #colMain div.sponsor_clear { clear:both; float:none; height:2px; margin:0 0 16px 0; padding:0; }
  #colMain div.sponsor p { font-size:0.85em; text-align:center; }
  #colMain div.sponsor p a { font-size:1.05em; }

/*
  #colMain img#partner
  {
    float: right;
    margin-right: 35px;
  }

  #colMain #kontakt label
  {
    font-family: Arial, Helvetica, sans-serif;
    font-size:   10pt;
    font-weight: normal;
    color:       #000000;
    display: block;
    width:   100px;
    height:  16px;
  }

  #colMain #kontakt input
  {
    font-family: Arial, Helvetica, sans-serif;
    font-size:   10pt;
    font-weight: normal;
    color:       #000000;
    width:   250px;
    height:  16px;
    border: 1px solid #CACAC8;
  }

  #colMain #kontakt input#PLZ
  {
    width: 50px;
    margin-right: 3px;
  }

  #colMain #kontakt input#Ort
  {
    width: 195px;
  }

  #colMain #kontakt input#submit
  {
    width:  90px;
    height: 20px;
    margin-top:  10px;
  }

  #colMain #kontakt textarea
  {
    font-family: Arial, Helvetica, sans-serif;
    font-size:   10pt;
    font-weight: normal;
    color:       #000000;
    width:   250px;
    height:  150px;
    margin-top:  1px;
    border: 1px solid #CACAC8;
  }
*/



 /*
  *   ############# rechte Spalte #############
  */

  #colRight
  {
    width: 164px;
    height: 264px;
    height: 500px;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #3385BB;
    border-top: 24px solid #FFC226;
  }

  #colRightTop
  {
    width: 164px;
    height: 264px;
    background-color: #3385BB;
  }

  #colRightTop h1
  {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 10px;
    font-size: 0.8em;
    color: #FFFFFF;
    letter-spacing: 0.15em;
    text-transform: uppercase;
  }

  #colRightTop strong
  {
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 0.9em;
    color: #FFC226;
    font-weight: bold;
    letter-spacing: 0.10em;
    text-transform: uppercase;
  }

  #colRightTop ul
  {
    margin: 0px;
    padding: 0px;
  }

  #colRightTop ul li
  {
    font-family: Arial, sans-serif;
    font-size: 1em;
    color: #FFFFFF;
    list-style: none;
    margin:  0px;
    background-color: transparent;
  }

  #colRightTop ul li a
  {
    font-family: Arial, sans-serif;
    font-size: 0.9em;
    color: #FFFFFF;
    list-style: none;
    margin:  0px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    background-color: transparent;
  }

  #colRightTop ul li a:link, #colRightTop ul li a:visited, #colRightTop ul li a:active
  {
    display: block;
    background-color: transparent;
  }

  #colRightTop ul li a:hover
  {
    display: block;
    background-color: #4A99CE;
  }


  #colRightBottom
  {
    width: 164px;
    height: 263px;
    background-color: #0066AA;
  }

  #colMain li
  {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    color: #000000;
    margin-bottom: 0.2em;
  }

  #colMain #galerie
  {
    margin-top: 10px;
  }

  #colMain #galerie a
  {
    display: inline;
    padding: 0;
    margin:  0;
  }


 /*
  *   ############# Hauptnavigation #############
  */

  #mainNavi
  {
    width: 140px;
    height: 288px;
    float: left;
  }

  #mainNavi ul
  {
    margin: 0px;
    padding: 0px;
  }

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

  #mainNavi ul li a
  {
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 0.8em;
    color: #FFFFFF;
    font-weight: bold;
    text-align: right;
    letter-spacing: 0.20em;
    padding-right: 8em;
    text-transform: uppercase;
  }

  #mainNavi ul li a:link, #mainNavi ul li a:visited, #mainNavi ul li a:active
  {
    display: block;
    width: 130px;
    padding-right: 10px;
    height: 30px;
    padding-top: 18px;
    height: 20px;
    padding-top: 28px;
  }

  #mainNavi ul li a:hover
  {
    display: block;
    width: 130px;
    padding-right: 10px;
    height: 30px;
    padding-top: 18px;
    background: #3385BB;
    height: 22px;
    padding-top: 26px;
  }

  #mainNavi ul li.naviAktuell a:link, #mainNavi ul li.naviAktuell a:visited, #mainNavi ul li.naviAktuell a:active
  {
    background-color: #FFC226;
  }
  #mainNavi ul li.naviAktuell a:hover
  {
    background-color: #FFCF51;
  }
  #mainNavi ul li.naviProfil a:link, #mainNavi ul li.naviProfil a:visited, #mainNavi ul li.naviProfil a:active
  {
    background-color: #701B4E;
  }
  #mainNavi ul li.naviProfil a:hover
  {
    background-color: #922365;
  }
  #mainNavi ul li.naviVerein a:link, #mainNavi ul li.naviVerein a:visited, #mainNavi ul li.naviVerein a:active
  {
    background-color: #CFA970;
  }
  #mainNavi ul li.naviVerein a:hover
  {
    background-color: #DABD90;
  }
  #mainNavi ul li.naviBetreuung a:link, #mainNavi ul li.naviBetreuung a:visited, #mainNavi ul li.naviBetreuung a:active
  {
    background-color: #789900;
    height: 33px;
    padding-top: 15px;
  }
  #mainNavi ul li.naviBetreuung a:hover
  {
    background-color: #8DB700;
    height: 35px;
    padding-top: 13px;
  }
  #mainNavi ul li.naviAktivitaeten a:link, #mainNavi ul li.naviAktivitaeten a:visited, #mainNavi ul li.naviAktivitaeten a:active
  {
    background-color: #0F4B7A;
    height: 33px;
    padding-top: 15px;
  }
  #mainNavi ul li.naviAktivitaeten a:hover
  {
    background-color: #14619E;
    background-color: #166BB1;
    height: 35px;
    padding-top: 13px;
  }
  #mainNavi ul li.naviImpressum a:link, #mainNavi ul li.naviImpressum a:visited, #mainNavi ul li.naviImpressum a:active
  {
    background-color: transparent;
    height: 33px;
    padding-top: 15px;
  }
  #mainNavi ul li.naviImpressum a:hover
  {
    background-color: #4A99CE;
    height: 35px;
    padding-top: 13px;
  }

 /*
  *   ############# Footer #############
  */

  #footer
  {
    font-family: "Trebuchet MS", Arial, sans-serif;
    width: 465px;
    color:  #3385BB;
    text-align: left;
    font-size: 0.9em;
    border-top: 1px solid  #3385BB;
    float: left;
    padding-top: 2px;
    padding-bottom: 12px;
  }

   #footer a:link,  #footer a:visited, #footer a:active
  {
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 1em;
    color: #3385BB;
    text-decoration: none;
    font-weight: normal;
    letter-spacing: 0em;
    padding-left: 0px;
    text-transform: none;
  }

   #footer a:hover
  {
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 1em;
    color: #000000;
    text-decoration: none;
  }


}