body{
        height: 100%;
        background-attachment: scroll;
        background-color: #FFFFFF;
        background-image: url(../images/hg.schatten.jpg);
        background-repeat: repeat-y;
        background-position: center top;
}

.schattenBottom{
        margin-left: -420px;
        position:relative;
        top: 0px;
        left: 50%;
        width: 840px;
        height:1px;
        z-index:1;
}

.bottomShaddow{
        height: 31px;
        margin-left:-20px;
        z-index:1;
}

table td{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: #696A58;
}

.fliesstext H5{
        float:left;
        width:120px;
        font-weight: bold;
        font-size: 12px;
        margin: 0 0 0 0;
 }

.fliesstext P{
        width:315px;
        margin: 0 0 0 0;
        padding: 0;
        float: right;
        clear: right;
        padding:0 0 15px 0;
}

UL.uebersichtaufzählung{
        list-style-image:url(../images/pfeil.vor.gif);
        margin: 0 0 0 -5px;
        padding: 0 0 0 15px;
}

UL.uebersichtaufzählung LI{
        margin: 0 0 10px 15px;
}

UL.uebersichtaufzählung LI H4{
        font-weight: bold;
        font-size: 14px;
        color: #4C4D3C;
        margin: 0 0 5px 0;
        padding: 0;
        line-height:15px;
 }

UL.Agendenaufzählungen{
        list-style-image:url(../images/listenpunkt.gif);
        width:315px;
        float:right;
        clear: right;
        margin: 0 0 0 -5px;
        padding: 0 0 0 15px;
}

UL.Agendenaufzählungen LI{
        margin: 0 0 10px 0;
}

input{
        width:222px;
        border-width: 1px 1px 1px 1px;
        border-style: solid;
        border-color: #AEAEAE;
        height:20px;
}

A:link,
A:visited,
A:active,
A:hover{
        color: #5D3A17;
        font-weight: bold;
        text-decoration: none;
}

.subPoint A:link,
.subPoint A:visited,
.subPoint A:active,
.subPoint A:hover{
         font-weight: normal;
        color:#ffffff;
        text-decoration: none;
}

.fliesstext A:link,
.fliesstext A:visited,
.fliesstext A:active,
.fliesstext A:hover{
         font-weight: normal;
        color:#91917B;
        text-decoration: none;
}

.Sortierung A:link,
.Sortierung A:visited,
.Sortierung A:active,
.Sortierung A:hover{
         font-weight: bold;
        color:#4C4D3C;
        text-decoration: none;
}

.subPoint A:hover{
         font-weight: normal;
        color:#E9913A;
        text-decoration: none;
}

.mainCont{
   margin-left: -400px;
   position:absolute;
   top: 0px;
   left: 50%;
   width: 800px;
   height:100%;
}

.mainHeader{
   position:absolute;
   top: 313px;
   left: 50%;
   width: 814px;
   height:100%;
}

.mainContInsideHP{
        background-color: #FFFFFF;
        position: relative;
        width: 800px;
        height:auto;
        float:left;
        border: 1px solid #FFFFFF;
        position: relative;
        background-image: url(../images/hg.content_homepage_ns.gif);
        background-repeat: repeat;
        z-index: 5;
}

.mainContInside{
        background-color: #FFFFFF;
        position: relative;
        width: 800px;
        height:auto;
        float:left;
        border: 1px solid #FFFFFF;
        position: relative;
        background-image: url(../images/hg.content.gif);
        background-repeat: repeat;
        z-index: 5;
}

.imgHeader{
        background-color: #FFFFFF;
        position: relative;
        top: 0px;
        left: 0px;
        width:800px;
        height:180px;
        margin-top:68px;
        z-index:2;
        float:left;
}

.navIcons{
        width:789px;
        float: right;
        height: 37px;
        margin-top:8px;
        margin-bottom:10px;
        z-index:200;
        word-spacing:10px;
}

.header{
        margin-top:-65px;
        height: 248px;
        position: relative;
        float: left;
        background-color: #FFFFFF;

}

.logo{
           float:left;
        height: 125;
        position: relative;
        margin-top:3px;
           margin-right:0px;
}

.logoDiv{
    float: left;
        position: relative;
        z-index: 90;
}


.navigation{
        margin-top:0px;
        margin-right:0px;
        float:right;
        position: relative;
        width:800px;
        background-color: #FFFFFF;
        z-index: 1;
        word-spacing : -4px;
}

.contentArea{
    position: relative;
    float:left;
    width:800px;
        height:auto;
        z-index:50px;
}

.contentArea .colContent{
        position: relative;
        width:auto;
        float:left;
        width:618px;
        height:auto;
        z-index:50px;
}

.contentArea .colLeft{
        width:128px;
        float:left;
        position: relative;
        z-index:50px;
}

.contentArea .colLeft_herzHP{
        width:172px;
        height:200px;
        float:left;
        position: relative;
        z-index:900;
        margin-left:-44px;
        margin-top:20px;
        background: url("../images/notiz_herz.gif") no-repeat 0 3px;
}

.contentArea .colLeft_teamHP{
        width:90px;
        height:200px;
        float:left;
        position: relative;
        z-index:900;
        margin-left:-44px;
        margin-top:20px;
        background: url("../images/notiz_team.gif") no-repeat 0 3px;
}

.contentArea .colLeft_herzHP2{
        width:130px;
        height:200px;
        float:left;
        position: relative;
        z-index:900;
        margin-left:-44px;
        margin-top:20px;
        background: url("../images/notiz_herz2.gif") no-repeat 0 3px;
}

.contentArea .colLeft_apfel{
        width:172px;
        height:500px;
        float:left;
        position: relative;
        z-index:900;
        margin-left:-44px;
        margin-top:20px;
        background: url("../images/notiz_pause.gif") 0 3px no-repeat;
}

.contentArea .colLeft_herz{
        width:172px;
        height:500px;
        float:left;
        position: relative;
        z-index:900;
        margin-left:-44px;
        background: url("../images/notiz_herz.gif") 0 3px no-repeat;
}

.contentArea .colLeft_kalender{
        width:172px;
        height:500px;
        float:left;
        position: relative;
        z-index:900;
        margin-left:-44px;
        background: url("../images/notiz_kalender.jpg") 0 3px no-repeat;
}

.contentArea .colLeft_pause{
        width:172px;
        height:500px;
        float:left;
        position: relative;
        z-index:900;
        margin-left:-44px;
        background: url("../images/notiz_pause.jpg") 0 3px no-repeat;
}

/*alt */
.contentArea .colMiddle{
        width:458px;
        float:left;
        margin-top:12px;
        position: relative;
}

.contentArea.colMiddleNeu{
        width:490px;
        float:left;
        padding:12px 60px 0 0;
        margin:12px 60px 0  128px;
        background-color:red;
}

.contentArea.colTeaser{
        float:left;
        width:182px;
        clear:right;
        height:100%;
}

.TeaserGreen{
        float:left;
        width:182px;
        background-color:#B8C430;
 }

.TeaserOrange{
  float:left;
  width:182px;
  background-color:#E9913A;
 }

.TeaserBlue{
  float:left;
  width:182px;
  background-color:#A5B6C8;
 }

.TeaserLeft{
  float:left;
  width:18px;
 }

.TeaserContent{
        float:left;
        width:155px;
        color:4A4E13;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
 }

.TeaserContent b{
        font-weight: bold;
        font-size: 12px;
 }

 .Sortierung b{
         color:#4C4D3C;
  }

.fliesstextHP{
         font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: #9B9B82;
}

.fliesstextHP b{
         font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #9B9B82;
 }

.fliesstext,.subPoint,select,input,textarea{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: #696A58;
        float:left;
        line-height: normal;
}

p.agenda_normaler_absatz_fett{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #696A58;
        float: left;
        line-height: normal;
        width:315px;
        clear: both;
        margin: 15px 0 15px 0
}

select,input,textarea{
        color: #000000;
}

.fliesstext b{
        font-size: 12px;
        font-weight: bold;
        color: #696A58;
 }

.space30{
         height:30px;
        clear: both;
 }

.space50{
         height:50px;
        clear: both;
 }

.space15{
         height:15px;
        clear: both;
 }

.space10{
         height:10px;
        clear: both;
 }

.space5{
         height:5px;
        clear: both;
 }

.spaceHorizont36{
         width:36px;
        float:left;
 }

 .spaceLeft10{
         margin-left:10px;
 }

.homeStreifen{
        background-image: url(../images/img.homepage_streifen.gif);
        background-repeat: repeat;
        height: 117px;
        width: 616px;
        position: relative;
        float:left;
        border-left-width: 0px;
        border-left-style: solid;
        border-left-color: #FFFFFF;
}

.divWhite{
        background-color: #FFFFFF;
        width:800px;
        float:left;
        position: relative;
        height: auto;
        z-index:120;
}

/* styles für subnavigation */
.subnavigation{
   margin-left: -400px;
   position:absolute;
   top: 330px;
   left: 50%;
   width: 801px;
   z-index:900;
   visibility:hidden;
}

.subPoint{
        background-color: #527494;
        float:right;
        position: relative;
        line-height: normal;
        font-weight: normal;
        color: #FFFFFF;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #FFFFFF;

}

/*der erste navigationspunkt in der reihe braucht diesen style */
.subBorderLeft{
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: #FFFFFF;
}

.subTxt{
    background-color: #527494;
        float:left;
        margin-top:1px;
        padding-right:10px;
        padding-left:10px;
        text-align:center;
}

.subBorderBottomLeft{
        background-color: #527494;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #FFFFFF;
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: #FFFFFF;
        width:auto;
}

.subnavigation.clearDiv{
        float:right;
        background-color:red;
}

/* ende styles subnavigation */

.history{
        height:30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: #000000;
        margin-top:10px;
        margin-left:24px;
}

.fotoTitle{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #5E5E54;
        height: 15px;
        width: 136px;
        padding-left:2px;
        background-image: url(../images/hg.bildtitel.gif);
        background-repeat: no-repeat;
        background-position: left top;
}

.rahmen2Fotos{
        height: 120px;
        width: 100%;
        clear:right;
}

.rahmen3Fotos{
        width:432px;
        float:left;
        margin-bottom:10px;
}

.spalteFotoLinks{
        float:left;
        width:136px;
        margin-right:0px;
}

.spalteFotoMitte{
        float:left;
        width:136px;
        margin-left:12px;
}

.spalteFotoRechts{
        float:right;
        width:136px;
        margin-left:12px;
}

.spalteTab{
        width: 458px;
        float:right;
        margin-bottom:10px;
}

.fusszeile{
        color:#91917B;
        padding-bottom:20px;
        padding-top:20px;
        clear:all;
        width:440px;
}

.punkte{
background-image: url(../images/dot.fusszeile.gif);
        background-repeat: repeat-x;
        width: 429px;
        positon:relative;
        padding-bottom:5px;
        clear:both;
        margin-top:10px;
}

.mainKalender{
        width:429px;
        position:relative;
}

.mainKalender.Sortierung{
        background-color:#B8C430;
        height:27px;
        text-transform: uppercase;
        padding-top:7px;
        padding-left:10px;
        width:auto;
}

.darkgrey{
        color:#4C4D3C;
}


.tabKalHeadline{
        background-color:#BFBFA3;
        height:25px;
        width:429px;
        margin-top:7px;
}

.tabKalContent{
        background-color:#D4D4B6;
        margin-top:7px;
}

.tabKalHeadlineSpalten{
        background-color:#BFBFA3;
        text-transform: uppercase;
        font-weight:bold;
        margin-top:7px;
        padding-left:5px;
        padding-right:5px;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #EFEECE;
        color:4C4D3C;
}

.tabKalSpalten{
        background-color:#D4D4B6;
        padding-bottom:5px;
        margin-top:7px;
        padding-left:5px;
        padding-right:5px;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #EFEECE;
}

.buttonsKalender{
        float:right;
        padding-right:26px;
        text-transform: uppercase;
        margin-top:14px;
        margin-bottom:14px;
}

/* alt */
.tabKontakt{
        width:370px;
        height:20px;
        margin-bottom:5px;
}

label{
        float:left;
        width:127px;
        background-color:#E9913A;
        padding-left:5px;
        padding-top:3px;
        height:17px;
}

.tabKontaktRight{
        float:left;
        width:232px;
        margin:0 0 5px 10px;
        clear: right;
}

.marginalSternGruen{
         margin-top:-5px;margin-left:2px;margin-right:2px
}

.alignRight{
 float:right;
}

/*neu*/
.buttonBack{
        float:left;
        padding: 0 0 0 22px;
        margin: 0 0 0 0px;
        width:140px;
        background: #EFEECE url(../images/fusszeile.back.gif) 0 -2px no-repeat;
}

/*neu */
.buttonTop{
        float:left;
        padding: 0 0 0 22px;
        margin: 0 0 0 0px;
        width:140px;
        background: #EFEECE url(../images/fusszeile.top.gif) 0 -2px no-repeat;
}

.strich{
        float:left;
        margin: 0 10px 0 10px;
        width:20px;
}

.buttonAbschicken{
            border:none;
        float:right;
        padding: 0 0 0 0;
        margin: -17px 19px 10px 0;
        background: url(../images/pfeil.vor.gif) no-repeat 85px -1px;
        font-weight: bold;
        color:#91917B;
        text-align: center;
        text-decoration: none;
        width:100px;
        height:16px;
}

.buttonAbschicken2{
        margin-top:16px;
        float:right;
        padding: 0 0 0 0;
        margin: 10px 28px 10px 0;
        width:140px;
        background: #EFEECE url(../images/pfeil.vor.gif) no-repeat 65px -2px;
        font-weight: bold;
        color:#91917B;
        text-decoration: none;
}

.buttonAgenda{
        margin-top:16px;
        float:right;
        padding: 0 0 0 0;
        margin: 10px 0 10px 0;
        width:100px;
        background: #EFEECE url(../images/pfeil.vor.gif) no-repeat 50px -2px;
        font-weight: bold;
        color:#91917B;
        text-decoration: none;
}

.buttonAnmelden{
        margin-top:16px;
        float:right;
        padding: 0 0 0 0;
        margin: 10px 0 10px 0;
        width:140px;
        background: #EFEECE url(../images/pfeil.vor.gif) no-repeat 65px -2px;
        font-weight: bold;
        color:#91917B;
        text-decoration: none;
}

.buttonTerminuebersicht{
        margin-top:16px;
        float:right;
        padding: 0 0 0 0;
        margin: 10px 0 10px 0;
        width:140px;
        background: #EFEECE url(../images/pfeil.vor.gif) no-repeat 94px -2px;
        font-weight: bold;
        color:#91917B;
        text-decoration: none;
}

.fliesstextHP A:link,
.fliesstextHP A:visited,
.fliesstextHP A:active,
.fliesstextHP A:hover{
        background: #E7E4C1 url(../images/pfeil.vorHP.gif) 70px -2px no-repeat;
        margin-top:60px;
        margin-left:5px;
        float:right;
        text-transform: uppercase;
        width:100px;
        color: #9B9B82;
        font-weight:bold;
}

.TeaserPfeil{
        float:right;
        width:21px;
        height:12px;
        border:0;
}

.TeaserStrichGruen{
        background: #B8C430 url(../images/teaser.linie.gruen.gif) 0 0 no-repeat;
        width:162px;
        height:20;
        float:left;
        margin-left:5px;
        margin-top:1px;
}

.TeaserStrichOrange{
        background: #E9913A url(../images/teaser.linie.orange.gif) 0 0 no-repeat;
        width:162px;
        height:10;
        float:left;
        margin-left:5px;
        margin-top:3px;
}

.abschicken_kontakt{
  float:left;
  width:182px;
  background-color:#E9913A;
  text-align:center;
  margin-left:-50%;
  margin-right:-50%;
 }

 .abschicken_kontakt2{
  float:left;
  width:232px;
  background-color:#E9913A;
  text-align:center;
  margin-left:10px;
 }


#lightbox{        position: absolute;        left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%        ; }

#imageData{        padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;        }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;        }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }