﻿body {
  margin:0px;
  padding:0px;
  background-color:#fff;
  background-image: url(../images/hgBody.png),url(../images/hgSpalten.gif);
  background-repeat: no-repeat,repeat-y;
  background-Position: center top,center top;

  text-align:left;
  font-family:Arial, Helvetica, sans-serif;
  font-size:0.8em;
  color:#444;
}

img {
  border:0px;
}

#divKopfTrennlinie {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:147px;
  z-index:10;
  border-bottom:solid 3px #bbb;
}

#divKopfBild {
  position:absolute;  
  top:12px;
  right:150px;
  width:540px;
  height:160px;
  z-index:20;  
}

#divWrapper {
  position:relative;
  margin:0 auto;
  width:990px;
  padding-top:150px;
  z-index:20;
}

#divLogo {
  position:absolute;
  top:10px;
  left:15px;
  width:210px;
  height:113px;
  z-index:100;  
}

#divKopfClown {
  position:absolute;
  top:20px;
  right:100px;
  height:118px;
  width:170px;
  height:118px;
    
  top:0px;
  height:1px;
  overflow:hidden;
}

#divFlash {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  text-align:center;
  height:120px;
  background:transparent;
  z-index:20;
}

#divFlash2 {
  position:absolute;
  top:0px;
  left:50%;
  margin-left:300px;
  width:500px;
  background:transparent;
  z-index:20;
}

#divPunkte {
  position:absolute;
  top:10px;
  left:780px;
  width:415px;  
  height:212px;
  background:transparent url(../images/punkte.png) no-repeat;
  z-index:20;
}


#divInhalte {
  position:relative;
  top:0px;
  left:0px;
  width:990px;
  padding:0px;
  padding-top:0px;
  padding-right:0px;
  padding-left:0px;
  text-align:left;
  border:solid 0px #ffffff;
  color:#444;

}

  #divPositioner {
    position:relative;
    float:right;
    width:790px;
  }

  div.divEckeRUgrwe {
    position:absolute;
    right:0px;
    bottom:0px;
    width:20px;
    height:20px;
    background:transparent url(../images/hgEckeRUgrwe.png) no-repeat;
    z-index:100;
  }

  div.divEckeRUweiss, div.divEckeRUweissVersatz, div.divEckeSLRUweissVersatz, div.divEckeRUgrau {
    position:absolute;
    right:0px;
    bottom:0px;
    width:10px;
    height:10px;
    background:transparent url(../images/hgEckeRUweiss.png) no-repeat;
    z-index:1000;
  }


  div.divEckeRUweissVersatz {
    right:-15px;
    bottom:-15px;
  }


  div.divEckeSLRUweissVersatz {
    right:0px;
    bottom:-5px;
    
  }

  div.divEckeRUgrau {
    background:transparent url(../images/hgEckeRUgrau.png) no-repeat;
  }

    #divRechteSpalte {
      position:relative;
      float:left;
      width:170px;
      text-align:left;
      background:#eeeeee;
      padding-top:0px;
      padding-bottom:5px;
      border:solid 15px #eeeeee;
      border-bottom:solid 5px #eeeeee;
    }
    
      #divRechteSpalteBoxen {
      position:relative;
      float:left;
      width:170px;
      text-align:left;
      background:#ffffff;
      -moz-border-radius: 0px 0px 10px 0px;
      -webkit-border-radius: 0px 0px 10px 0px;
      border-radius: 0px 0px 10px 0px;
      border-top:solid 1px transparent;
      margin-top:-10px;
      }

      .spendenBox2 {
           position:relative;
           float:left;
           width:195px;
           height:109px;
           text-align:left;
           background:transparent url(../images/hgSpendenBox.png) no-repeat;
           -moz-box-sizing: border-box;
           -webkit-box-sizing: border-box;
           box-sizing: border-box;
           padding:18px 10px 10px 10px;
           margin:-24px 0px 30px -14px;
           text-align:center;
           z-index:15;
      }

      .spendenBox {
           position:relative;
           float:left;
           width:200px;
           height:109px;
           text-align:left;
           background-color:#D20028;
           -moz-box-sizing: border-box;
           -webkit-box-sizing: border-box;
           box-sizing: border-box;
           padding:10px 10px 10px 10px;
           margin:-15px 0px 20px -14px;
           text-align:center;
           z-index:15;
      }

      .spendenpfeil {
           position:absolute;
           top:-30px;
           right:-20px;
           background:transparent url(../images/spendenpfeil.png) no-repeat;
           width:79px;
           height:99px;
           display:none;
      }

      .sbRot {
           background:#D20028 url(../images/pfeiloben.png) no-repeat 125px 5px;
           background-color:#D20028;
           padding:55px 5px 0px 5px;
      }

      .sbRot h2, .sbRot p {
           margin:0 !important;
      }

      .sbHellblau {
           /*background:transparent url(../images/hgSpendenBoxBlau.png) no-repeat;*/
           background-color:#62b0de;
      }
      
      .sbBlau {
           /*background:transparent url(../images/hgSpendenBoxBlau.png) no-repeat;*/
           background:#364979 url(../images/pfeilunten.png) no-repeat 25px 70px;
           padding:10px 10px 0px 10px;
      }

      .sbBlau h2, .sbBlau p {
           margin:0 !important;
      }

      .flip {
           background:transparent url(../images/hgSpendenBoxFlip.png) no-repeat;      
      }
      
      .spendenBox p {
           color:#fff;
           font-size:14px;
           margin:0px 0px 5px 0px;
           font-weight:bold;
           
      }  

      .spendenBox h2 {
           color:#fff;
           font-size:20px;
           line-height:24px;
           font-weight:bold;  
           text-transform:uppercase;
           margin:0px 0px 5px 0px
      }  

      .blankButton {
           position:absolute;
           top:0px; left:0px;
           width:100%;
           height:100%;
      } 

      .blankButton img {
           border:0;
           width:100%;
           height:100%;
      } 


      /*div.divBox, div.divBox2 {
        position:relative;
        float:left;
        width:188px;
        text-align:left;
        border:solid 1px #6e6e6e;
        margin-top:10px;        
        margin-left:5px;
        margin-right:5px;
        margin-bottom:10px;
      }

      div.divBox2 {
        width:188px;
        border:solid 1px #6e6e6e;
      }
            
      #divChangeStyle, #divSearch {
        position:relative;
        float:left;
        width:40px;
        text-align:center;
      }*/

      #divSearch {
        position:absolute;
        top:15px;
        left:350px;
        width:200px;
        text-align:left;
      }

      #divSearch form {
        padding:0px;
        margin:0px;
        text-align:left;
      }    
  
        input.text {
          width:100%;
          padding:8px 8px 7px 8px;  
          border:solid 1px #fff;
          box-sizing:border-box;
        }

        input.button {
          position:absolute;
          top:8px; right:7px;
          padding:0px;
          border:0;
          margin:0px 0px 0px 0px;
          width:15px;
          height:15px;
          background:#fff;
          color:#444;
        }

      #divRechteSpalteBoxPromo {
        position:relative;
        float:left;
        width:170px;  
        height:170px;
        background:#ffffff url(../images/flashPromoBox.jpg) no-repeat;
        overflow:hidden;
      }

      #divRechteSpalteBoxSpenden {
        position:relative;
        float:left;
        width:160px;
        height:60px;
        padding:5px;
        border-top:solid 2px #bbb;
        /*background:#3e4e7f url(../images/hgTrennPunkt.gif) 0px 0px repeat-x;*/
        cursor:pointer;
      }      

        #divRechteSpalteBoxSpenden p {
          color:#ffffff;
          text-decoration:none;
          font-weight:bold;
          margin-top:22px;
          line-height:100%;
        }

        #divRechteSpalteBoxSpenden a {
          color:#ffffff;
          text-decoration:none;
          font-weight:bold;
        }

        #divRechteSpalteBoxSpenden a span {
          font-size:17px;
        }
        
      div.divRechteSpalteBox, div.divRechteSpalteBoxHover {
        position:relative;
        float:left;
        width:156px;
        padding:7px;
        border-top:solid 2px #bbb;
        /*background:#ffffff url(../images/hgTrennPunkt.gif) 0px 0px repeat-x;*/
        /*cursor:pointer;*/
        padding-top:5px;
        padding-bottom:5px;
        font-size:0.85em;
      }

      div.divRechteSpalteBoxHover {
        background:#bfbfbf;
      }

      div.divRechteSpalteBoxBild {
        position:relative;
        float:left;
        width:157px;
        height:auto;
        margin-bottom:5px;
        background:transparent url(../images/roteNasenPlatzhalter.gif) no-repeat center;
        overflow:hidden;
      }      




    #divInhalt {
      position:relative;
      float:left;
      width:580px;
      margin-right:10px;
      margin-top:0px;
      
    }

    #divInhaltText {
      position:relative;
      float:left;
      margin-left:10px;
      margin-right:10px;
      padding:0px;
      width:570px;
      min-height:750px;
      text-align:left;
      background:#ffffff;
      border:solid 0px #ffffff;
      color:#444;
    }


    #divInhaltFliessText {
      position:relative;
      float:left;
      margin-left:20px;
      margin-right:20px;
      margin-top:15px;
      padding:0px;
      width:530px;
      text-align:left;
      color:#444;
    }

    div.divInhaltsBox, div.divInhaltsBoxHover {
      position:relative;
      float:left;
      width:375px;
      height:87px;
      padding:8px;
      padding-right:180px;
      padding-top:5px;
      background:transparent url(../images/hgTrennlinie.gif) no-repeat bottom left;
      cursor:pointer;
      margin-bottom:15px;
      margin-left:10px;
      -moz-border-radius: 0px 0px 10px 0px;
      -webkit-border-radius: 0px 0px 10px 0px;
      border-radius: 0px 0px 10px 0px;
      overflow:hidden;
      line-height:1.3em;
    }

    div.divInhaltsBoxHover {
      background:#b9c4d5 url(../images/hgTrennlinie.gif) no-repeat bottom left;
    }

    div.divInhaltsBoxBild, div.divInhaltsBoxBildHellblau, div.divInhaltsBoxBildDunkelblau, div.divInhaltsBoxBildGelb {
      position:absolute;
      width:150px;
      height:80px;
      padding:10px;
      top:0px;
      right:0px;
      background:#d20028;
      overflow:hidden;
      -moz-border-radius: 0px 0px 10px 0px;
      -webkit-border-radius: 0px 0px 10px 0px;
      border-radius: 0px 0px 10px 0px;
    }

    div.divInhaltsBoxBildHellblau {
      background:#62b0de;
    }  

    div.divInhaltsBoxBildDunkelblau {
      background:#364979 ;
    }

    div.divInhaltsBoxBildGelb {
      background:#F9B83C;
    }

    div.divInhaltsBoxBild h1, div.divInhaltsBoxBildHellblau h1, div.divInhaltsBoxBildDunkelblau h1, div.divInhaltsBoxBildGelb h1 {
      color:#ffffff;
    }

    div.divStarBoxBild {
      position:absolute;
      width:170px;
      height:100px;
      top:0px;
      right:0px;
      visibility:hidden;
      overflow:hidden;
    }

    #divMultimediaBox {
      position:relative;
      float:left;
      width:400px;
      height:260px;
      background:transparent;
      /*background:transparent url(../images/hgTrennlinie.gif) no-repeat bottom left;
      border-bottom: 1px solid #cccccc;*/
      overflow:hidden;
    }


      #divMultimediaBox > div {
        border:0px;
      }

    div.divInhaltsBoxTop, div.divInhaltsBoxTopHover {
      position:relative;
      float:left;
      width:150px;
      min-height:200px;
      padding:10px;
      padding-top:50px;
      padding-left:10px;
      background:#d40123 url(../images/pfeilWeiter.png) no-repeat bottom right;
      cursor:pointer;
      margin-bottom:15px;
      color:#ffffff;
      -moz-border-radius: 0px 0px 10px 0px;
      -webkit-border-radius: 0px 0px 10px 0px;
      border-radius: 0px 0px 10px 0px;
    }

    div.divInhaltsBoxTopHover {
      background:#28477b url(../images/pfeilWeiter.png) no-repeat bottom right;
      color:#eeeeee;
    }

    div.divInhaltsBoxTopBild {
      position:absolute;
      width:400px;
      height:260px;
      top:0px;
      left:0px;
      background:#eeeeee url(../images/roteNasenPlatzhalter.gif) no-repeat center;      
      overflow:hidden;
    }


  #divFuss {
    position:relative;
    float:left;
    width:990px;
    padding-left:0px;
    height:20px;
    margin-top:0px;
    text-align:left;
    border-top: solid 3px #bbb;
    background:#364979 url(../images/hgFooter.png) -100px 10px no-repeat;
    height:270px;
  }

  #divFussLinks, #divFussRechts {
    position:absolute;
    bottom:10px;
    left:10px;
    width:495px;
    text-align:left;
  }
  
  #divFussRechts {
    text-align:right;
    left:auto;
    right:10px;

  }
  
    #divFussLinks a, #divFussLinks a:hover, #divFussLinks a:visited, #divFussLinks a:active, #divFussRechts a, #divFussRechts a:hover, #divFussRechts a:visited, #divFussRechts a:active {
      color:#fff;
      font-weight:normal;
      font-size:11px;
      text-decoration:none;
    }

    #divFussRechts a, #divFussRechts a:hover, #divFussRechts a:visited, #divFussRechts a:active {
      color:#fff;
    }
    
    #divFussLinks a:hover, #divFussRechts a:hover {
      color:#444;
    }
    
    #divFussLinks p, #divFussRechts p {
      font-size:11px;
      color:#fff;
    }

#divLogoInt {
    width:200px;
    height: 51px;
    position: absolute;
    left: 25px;
    top: 55px;
    z-index: 100;
}

#divLogoInt p {
    margin:0px 0px 10px 0px;
}


.divSpender {
    position:absolute;
    left: 350px;
    top:70px; 
    border-left:solid 1px #fff;
    padding-left:10px;
    min-height: 190px;
}

.divSpender h2, #divQuicklinks h2 {
    color:#fff;
    margin:-5px 0 10px 0;
    font-weight:bold;
    font-size:20px;
}

.divSpender h3 {
    color:#fff;
    margin:0 0 0 0;  
    font-weight:bold;
    font-size:15px;
}

.divSpender p, #divQuicklinks p {
    color:#fff;
    margin:0 0 10px 0; 
  font-size:13px;
}

        #divSpendenstempel {
          position:absolute;
          top:70px;
          left:640px;
          width:80px;
          height:55px;
          background:transparent;
          background:00cc00;
          cursor:pointer;
        }

        #divSpendenguetesiegel {
          position:absolute;
          top:165px;
          left:650px;
          width:80px;
          height:80px;
          background:transparent;
          background:00cc00;
          cursor:pointer;
        }

#divQuicklinks {
    position:absolute;
    left: 750px;
    top:70px;
    margin-top: 0;
    position: absolute;
    text-align: left;
    z-index: 100;
    border-left:solid 1px #fff;
    padding-left:10px;  
    min-height: 190px;
}

    #divQuicklinks a, #divQuicklinks a:hover, #divQuicklinks a:visited, #divQuicklinks a:active {
      color:#fff;
      font-size:13px;
      margin-bottom:5px;
      text-decoration:none;
      float:left;
      margin-right:30%;
    }

    #divQuicklinks a:last-child {
      color:#fff;
      background-color:#d20028;
      padding:4px;
      margin-left:-4px;
    }

    #divQuicklinks a:hover {
      color:#808080;
    }
    


.addthis_toolbox {
  position:absolute;
  top:15px;
  right:10px;
}

  #divMenuPositioner {
    position:relative;
    float:right;
    width:190px;
    min-height:200px;
    text-align:left;
    background:#eeeeee;
    padding:5px;
  }

  #divMenu {
    position:relative;
    float:left;
    width:190px;
    min-height:200px;
    text-align:left;
    background:#eeeeee;
    padding:0px;
    padding-top:9px;
    padding-bottom:10px;
    border-bottom:solid 5px #eeeeee;    
  }


  #divMenuClown {
    position:relative;
    float:left;
    width:190px;
    height:300px;
    overflow:hidden;
    text-align:left;
    background:#eeeeee url(../images/menuClown.jpg) center bottom no-repeat;
    padding:0px;
    -moz-border-radius: 0px 0px 10px 0px;
    -webkit-border-radius: 0px 0px 10px 0px;
    border-radius: 0px 0px 10px 0px;
    border-top:solid 1px #eeeeee;    
    }
    
      
    div.divMenupunkt, div.divMenupunktHover, div.divMenupunktActive {
      position:relative;
      float:left;
      width:145px;  
      background:#eeeeee url(../images/menuAufzaehlung.gif) no-repeat 4px 8px;
      border-bottom:solid 1px #fff;
      padding:3px 10px 2px 15px;
      margin-left:10px;
      cursor:pointer;
    }

    div.divMenupunktHover {
      background:#d40322;
      color:#ffffff;
    }

    div.divMenupunktActive {
      cursor:auto;
      background:#d40322;
      color:#ffffff;
    }

    div.divMenupunkt a, div.divMenupunkt a:hover, div.divMenupunkt a:visited, div.divMenupunkt a:active, div.divMenupunktHover a, div.divMenupunktHover a:hover, div.divMenupunktHover a:visited, div.divMenupunktHover a:active, div.divMenupunktActive a, div.divMenupunktActive a:hover, div.divMenupunktActive a:visited, div.divMenupunktActive a:active {
      font-family:Arial, Helvetica, sans-serif;
      color:#808080;
      font-size:0.9em;
      text-decoration:none;
      text-transform:uppercase;
    }
    
    div.divMenupunktHover a, div.divMenupunktHover a:hover, div.divMenupunktHover a:visited, div.divMenupunktHover a:active {
      color:#ffffff;
    }
    
    div.divMenupunktActive a, div.divMenupunktActive a:hover, div.divMenupunktActive a:visited, div.divMenupunktActive a:active {
      color:#ffffff;
    }


    div.divUnterMenupunkt, div.divUnterMenupunktHover, div.divUnterMenupunktActive {
      position:relative;
      float:left;
      width:155px;
      padding:1px;
      padding-left:15px;
      padding-right:0px;
      margin-left:10px;
      cursor:pointer;
      font-size:0.9em;
      color:#808080;
      background:#eeeeee;
    }

    div.divUnterMenupunktHover {
      background:#9a9999;
    }

    div.divUnterMenupunktActive {
      background:#9a9999;
      cursor:auto;
    }

    div.divUnterMenupunkt a, div.divUnterMenupunkt a:hover, div.divUnterMenupunkt a:visited, div.divUnterMenupunkt a:active, div.divUnterMenupunktHover a, div.divUnterMenupunktHover a:hover, div.divUnterMenupunktHover a:visited, div.divUnterMenupunktHover a:active, div.divUnterMenupunktActive a, div.divUnterMenupunktActive a:hover, div.divUnterMenupunktActive a:visited, div.divUnterMenupunktActive a:active {
      font-family:Arial, Helvetica, sans-serif;
      color:#444;
      font-size:1.0em;h1
      font-weight:normal;
      text-decoration:none;
    }
    
    div.divUnterMenupunktHover a, div.divUnterMenupunktHover a:hover, div.divUnterMenupunktHover a:visited, div.divUnterMenupunktHover a:active {
      color:#ffffff;
    }
    
    div.divUnterMenupunktActive a, div.divUnterMenupunktActive a:hover, div.divUnterMenupunktActive a:visited, div.divUnterMenupunktActive a:active {
      color:#ffffff;
    }
    
  #divBreadcrumb {
    position:absolute;
    top:156px;
    left:200px;
    width:570px;
    padding-left:10px;
    padding-right:10px;
    height:10px;
    text-align:left;
    z-index:10;
  }

    #divBreadcrumb a, #divBreadcrumb a:hover, #divBreadcrumb a:visited, #divBreadcrumb a:active {
      color:#28477C;
      font-weight:normal;
      text-decoration:none;
    }

    #divBreadcrumb a:hover {
      color:#D30829;
      text-decoration:underline;
    }
    
    #divBreadcrumb p {
      color:#28477C;
      font-size:9px;
    }

/*
#divKontaktzeile {
  position:relative;
  float:right;
  width:100%;
  margin-top:4px;
}

  #divKontaktzeile p, #divKontaktzeile a,#divKontaktzeile a:hover, #divKontaktzeile a:visited  {
    font-family:"Times New Roman", Times, Serif;
    color:#6e6e6e;
    font-size:11px;
    font-weight:bold;
    text-align:center;
  }

  #divKontaktzeile a:hover  {
    color:#6e6e6e;
  }
*/

img.imgBlank {
  width:100%;
  height:100%;
  border:0px;
}



h1 {
  color:#364979;
  margin-top:10px;
  margin-bottom:0.5em;
  font-variant:none;
  font-size:2.0em;
  font-weight:normal;
}

div.divInhaltsBox h1, div.divInhaltsBoxHover h1, div.divInhaltsBoxTop h1, div.divInhaltsBoxTopHover h1 {
  margin-top:0px;
  margin-bottom:0.2em;
  font-variant:none;
  text-transform:uppercase;
  font-size:1.1em;
  font-weight:bold;
  /*color:#415687;*/
}

div.divInhaltsBoxTop h1, div.divInhaltsBoxTopHover h1 {
  font-size:1.2em;
  color:#ffffff;
}


div.divInhaltsBoxHover h1, div.divInhaltsBoxTopHover h1 {
  /*color:#d4dae5;*/
}

div.divInhaltsBoxHover p, div.divInhaltsBoxTopHover p {
  color:#ffffff;
  line-height:20px;
}

div.divInhaltsBoxTop p, div.divInhaltsBoxTopHover p {
  color:#444;
}


div.divRechteSpalteBox h1, div.divRechteSpalteBoxHover h1, div.divRechteSpalteBox h1 a, div.divRechteSpalteBox h1 a:hover {
  margin-bottom:0.2em;
  font-variant:none;
  font-size:1.0em;
  color:#d40123;
  text-transform:uppercase;
}


div.divRechteSpalteBox h1 a {
  text-decoration:underline;
}

div.divRechteSpalteBox h1 a:hover {
  color:#364979;
}

div.divRechteSpalteBox p, div.divRechteSpalteBoxHover p {
  margin-top:0em;
  margin-bottom:0.8em;
  font-variant:none;
  font-size:1.0em;
}


h2 {
  color:#364979;
  font-size:1.4em;
  margin:0px;
  margin-top:0em;
  margin-bottom:0.5em;
  font-weight:normal;
  line-height:1.4em;
}

h3, h4, h5, h6 {
  color:#364979;
  font-size:1em;
  margin:0px;
  margin-top:0em;
  margin-bottom:0.5em;
  font-weight:bold;
  line-height:1.4em;
}



h1.rechtstext, h2.rechtstext, h3.rechtstext, h4.rechtstext, h5.rechtstext, h6.rechtstext {
  font-family:Verdana, Geneva, sans-serif;
  color:#444;
  font-size:11px;
  margin:0px;
  margin-top:10px;
  margin-bottom:0px;
}

a, a:hover, a:visited {
  color:#364979;
  text-decoration:underline;
  
}

a:hover {
  color:#d40322;
}

p {
  margin:0px;
}

#divInhaltText p {
  color:#444;
  font-size:13px;
  margin:0px;
  margin-bottom:10px;
  line-height:20px;
  
}


#divInhaltText p.vorspann {
  font-family:Verdana, Geneva, sans-serif;
  color:#444;
  font-size:13px;
  margin:0px;
  margin-bottom:10px;
  font-style:italic;
  line-height:20px;
}

#divInhaltText p.rechtstext {
  color:#444;
  font-size:10px;
  margin:0px;
  margin-bottom:6px;
}

ol {
  list-style-type: decimal
}

ul {
  margin-top:0px;
  margin-bottom:10px;
  color:#444;
}


li {
  margin-top:0px;
  margin-bottom:2px;
 /*   list-style-type:circle; */
  color:#444;
  line-height:20px;
}


form {
  margin:0px;
  padding:0px;
  border:0px;
  text-align:left;
}

input {
  border:solid 1px #999999;
  width:100%;
}

input.csc-mailform-check, fieldset {
  border:0px;
  width:auto;
}

fieldset {
  padding:0px;
}

.tx-guestbook-submit, .csc-mailform-submit {
  width:auto;
  margin-top:8px;
}

textarea {
  border:solid 1px #999999;
  width:100%;
}

.fb-like-box {
  height:280px;
  }
.flex-caption{

  width: 390px;
  margin-left: 150px!important;
  background-color: #fff;
}
/*###### GLOBAL #####*/
div.clear {
  width:100%;  
  clear: both;
  height: 0;
  margin: 0;
  padding: 0;
  font-size: 0;
}
