@font-face {
    font-family: 'avantgarde_bk_btdemi';
    src: url('AVGARDD-webfont.eot');
    src: url('AVGARDD-webfont.eot?#iefix') format('embedded-opentype'),
         url('AVGARDD-webfont.woff2') format('woff2'),
         url('AVGARDD-webfont.woff') format('woff'),
         url('AVGARDD-webfont.ttf') format('truetype'),
         url('AVGARDD-webfont.svg#avantgarde_bk_btdemi') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'avantgarde_bk_btbook';
    src: url('avgardn-webfont.eot');
    src: url('avgardn-webfont.eot?#iefix') format('embedded-opentype'),
         url('avgardn-webfont.woff2') format('woff2'),
         url('avgardn-webfont.woff') format('woff'),
         url('avgardn-webfont.ttf') format('truetype'),
         url('avgardn-webfont.svg#avantgarde_bk_btbook') format('svg');
    font-weight: normal;
    font-style: normal;
}


body {
  margin:0;
  padding:0;
  background:#ffffff;
  font-family: 'avantgarde_bk_btbook';
  min-height:1270px;
  position:relative;
}

p, h1, h2, h3, h4, h5, ul, li, a, td, th, label, input, textarea, div {  
  font-family:'avantgarde_bk_btbook', sans-serif;
  font-size:15px;
  font-weight:normal;
  font-style:normal;  
  color:#666666;
  line-height:150%;
}

.zentriert {
  width:978px;
  padding-left:12px;
  margin:0 auto;
    position: relative;
}

.clear {
  clear:both;
}

#backtop {
  background:url(../upload/design/back_top.png) center bottom repeat-x;
  height:398px;
  width:100%;
  position:absolute;  
}

#backbottom {
  background:url(../upload/design/back_bottom.png) center bottom no-repeat;
  height:778px;
  width:100%;
  position:absolute;
  bottom:0px;
}

#tel {
  position:absolute;
  top:773px;
  left:0px;
  background:url(../upload/design/tel.png) right top no-repeat;
  width:auto;
  height:44px;
  line-height:44px;
  padding-right:50px;  
  color:#ffffff;  
  white-space:nowrap;
  z-index:15;   
}

    #tel a {
      padding-left:20px;
      color:#ffffff;
      font-size:14px;
      text-decoration:none;
    }

#header {
  height:73px;
  position:relative;
  overflow:visible;
}

    #logo {
      position:absolute;
      left:0px;
      top:0px;
      width:291px;
      height:185px;
      z-index:20;
    }
    
    #transpbox {
      position:absolute;
      left:12px;
      top:0;
      width:230px;
      width:250px;
      height:282px;
      padding:128px 30px 0 30px;
      z-index:10;
      background:url(../upload/design/transpback.png) left top repeat;
    }
    
        #transpbox h2 {
          color:#6CBE76;
          font-size:14px;
          margin: 0 0 5px 0;
          line-height:130%;                              
        }
        
        #transpbox td, #transpbox p {
          color:#787878;
          font-size:14px;
          margin: 0 0 5px 0;
        }
        
        #transpbox td {
          padding:0px;
          line-height:130%;
		vertical-align:top;
        }	

/*    
#images {
  width:978px;
  height:422px;
  padding:0 0 35px 12px;
  position:relative;
}
*/

#teaser1 {
  position:relative;
  /*height:255px;*/
  height:220px;
  clear:both;
  width: 1240px;
}

    #teaser1 .element {
      width:205px;
      /*height:255px;*/
      height:220px;
      float:left;
      margin-right:52px;
      cursor:pointer;
      position:relative;
    }
    
    #teaser1 .element a.link {
      position:absolute;
      display:block;
      width:205px;
      height:220px;
      text-decoration:none;
      z-index:30;
    }
    
    #teaser1 .last {
      margin-right:0;
    }
    
        #teaser1 .icon {
          position:relative;
        }
        
        #teaser1 .element .iconchiro {
          width:100%;
          height:59px;
          background:url(../upload/design/chiroicon.png) center top no-repeat;
        }

        #teaser1 .element .barrierefreiheit {
          width:100%;
          height:59px;
          background:url(../upload/design/barrierefreiheiticon.png) center top no-repeat;
        }

        #teaser1 .element .iconernaehrung {
          width:100%;
          height:59px;
          background:url(../upload/design/ernaehrungicon.png) center top no-repeat;
        }
        
        #teaser1 .element .icongesund {
          width:100%;
          height:59px;
          background:url(../upload/design/gesundicon.png) center top no-repeat;
        }
        
        #teaser1 .element .iconfamilie {
          width:100%;
          height:59px;
          background:url(../upload/design/familieicon.png) center top no-repeat;
        }

        #teaser1 .element .iconvideo {
          width:100%;
          height:59px;
          background:url(../upload/design/Videoanruf.png) center top no-repeat;
        }
        
        #teaser1 .element h2 {
          text-align:center;
          text-transform:uppercase;
          color:#126F9E;
          font-size:19px;
          line-height:23px;
          height:48px;
        }
        
        #teaser1 .element p {
          display:none;
          text-align:center;          
          color:#acacac;
          font-size:14px;
          line-height:130%;
        }

#teamwrapper {
  position:relative;
  /*height:255px;*/    
  z-index:20;
  width:912px;
  padding:20px 33px 45px 45px;  
}

    #next {
      position:absolute;
      top:125px;
      right:0px;
      background:url(../upload/design/next.png) center -50px no-repeat;
      width:31px;
      height:50px;
      cursor:pointer;
    }
    
        #next:hover {
          background:url(../upload/design/next.png) center top no-repeat;
        }
    
    #prev {
      position:absolute;
      top:125px;
      left:12px;
      background:url(../upload/design/prev.png) center -50px no-repeat;
      width:31px;
      height:50px;
      cursor:pointer;
    }

        #prev:hover {
          background:url(../upload/design/prev.png) center top no-repeat;
        }

    #team {         
    }
    
        #team .telement {
          position:relative;
          float:left;
          display:block;
          margin:0 22px 0 22px;
          text-align:center;
          width:260px;
        }
        
            #team .telement a.link {
              position:absolute!important;
              width:100%;
              height:100%;
              display:block;
              z-index:9999;  
            }
            
        #team .last {
          margin-right:none;
        }
    
        #team img {
          width: 248px;
          height: 248px;
          border-radius: 124px;
          -webkit-border-radius: 124px;
          -moz-border-radius: 124px;
          overflow:hidden;
          display:block;
        }
        
        #team .imgframe {
          width:248px;
          height:248px;
          padding:6px;
          background:url(../upload/design/teamframe.png) center center no-repeat;
        }
        
        #team h2 {
          font-size:15px;
          text-transform:uppercase;
          color:#acacac;
          margin:20px 0 0 0;
          line-height:18px;
        }
        
        #team p {
          font-size:11px;
          color:#acacac;
          margin:0 0 0 0;
        }                

#footerline {
  background:url(../upload/design/line.png) center bottom repeat-x; 
  height:2px;
  width:100%;
  position:absolute;
  bottom:45px; 
}

#footer {
  height:45px;  
  position:absolute;
  bottom:0px;
  width:100%;
}            

    #footercontent {
      position:relative;
      margin:0 auto;
      height:45px;
      line-height:45px;
      width:990px;     
    }
    
        #footerbutton {
          position:absolute;
          right:0px;
          top:-16px;
          width:29px;
          height:30px;
          background:url(../upload/design/button.png) left bottom no-repeat;
        }
        
        #footerbutton:hover {
          background:url(../upload/design/button.png) left top no-repeat;
          cursor:pointer;
        }
                      
        
#contentwrap {
  
}

#content {                
  padding:30px 30px 30px 30px; 
  position:relative;
  z-index:10;
  background:url(../upload/design/contentback.png) left top repeat;                           
}

#content a {            
  /*font-family: 'avantgarde_bk_btdemi', sans-serif;*/
  font-weight:bold;
  color:#787878;              
}

#content a:hover {
  text-decoration:none;
  color:#126F9E;
  font-weight:bold;   
}

#content a:hover .fett-farbig {
  color:#126F9E;
  font-weight:bold;
}

#content h1, #content h1 a
  {
  font-size:30px;    
  color:#126F9E;
  font-weight:normal;
  text-align:center;
  padding:0;
  margin:0 0 25px 0;
  line-height:130%;
  text-transform:uppercase;                     
  }

    #content h1.subheadline, #content h1.subheadline a {                
      margin:0 0 0 0;                    
    }

#content h2, #content h2 a {
  text-align:center;
  font-size:20px;
  color:#6DA077;
  font-weight:normal;
  padding:0;
  margin:25px 0 22px 0;
  line-height:130%;
  text-transform:uppercase;
}

    #content h2.subheadline, #content h2.subheadline a {                
      margin:0 0px 20px 0px;                    
    }  

#content h3, #content h3 a {
  font-family: 'avantgarde_bk_btdemi', sans-serif;
  text-align:left;
  font-size:18px;
  color:#126F9E;
  padding:0;
  margin:22px 0 9px 0;
  line-height:130%;
  font-weight:normal;
}      

#content h4, #content h4 a,
#content h5, #content h5 a {
  font-family: 'avantgarde_bk_btdemi', sans-serif;
  text-align:left;
  font-size:17px;
  color:#787878;
  padding:0;
  margin:22px 0 9px 0;
  line-height:130%;
  font-weight:normal;
}      

#content p
  {
  font-size:15px;
  font-weight:normal;
  color:#666666;
  line-height: 150%;
  margin:0 0 12px 0;
  padding:0;  
  }

/* allgemeine Tabellenformatierungen */
#content table{margin-top:10px; margin-bottom:20px; border-collapse:collapse;}
    #content table th{border:none; font-size:15px; line-height:1.4em; vertical-align:top; padding:5px 10px 5px 10px; background-color:#126F9E; color:#ffffff; text-align:left;}
    #content table td{border:none; font-size:15px; line-height:1.4em; vertical-align:top; padding:5px 10px 5px 10px; color:#787878;}    
        #content table td h2{font-size:20px; color:#787878; margin:0px 0px 10px 0px; line-height:1.2em; display:block; text-align:left;}
        #content table td h3{font-family: 'avantgarde_bk_btdemi', sans-serif; font-weight:normal; font-size:18px; color:#787878; margin:0px 0px 9px 0px; line-height:1.3em;}
        #content table td p{font-size:15px; line-height:140%; margin:0px; display:block; text-align:left;}
            #content table td p a{line-height:140%;}
            #content table td ul{margin-left:0px; margin-bottom:20px;list-style-type: none;}
            #content table td ul li
            {
            font-size:15px;
            background-image:url(../upload/design/liststyle1.png);
            padding:0 0 4px 13px;
            display:block;
            margin:0px;
            line-height:1.4em;
            background-position:0px 7px;
            }

/* Tabelle mit Rahmen */
#content table.tabelle-mit-rahmen th{border:1px solid #aaaaaa;}
  #content table.tabelle-mit-rahmen th p {margin:0px 10px 0px 10px; padding:5px 0 5px 0;}
#content table.tabelle-mit-rahmen td{border:1px solid #aaaaaa; margin:0px 10px 0px 10px;}
  #content table.tabelle-mit-rahmen td p {margin:0px 10px 0px 10px; padding:5px 0 5px 0;}


#content ul
{
    margin-left:0px; 
    margin-bottom:25px;
    padding:0 0 0 20px;
    list-style-type: none;
}
/* listen ohne links */
#content ul li
{
font-size:15px;
background-image:url(../upload/design/liststyle1.png);
padding:0 0 4px 13px;
display:block;
margin:0px;
line-height:1.4em;
background-position:0px 7px;
background-repeat:no-repeat;
}

#content ul li p{line-height:20px; padding:0px; margin:0px;}
    
    /* Liste in einem Listenpunkt */
    #content ul li ul {margin:0px 0px 10px 0px; list-style-type: none; padding: 0 0 0 10px;}
    #content ul li ul li
    {
    font-size:15px;
    background-image:url(../upload/design/liststyle2.png);
    background-position:0px 12px;
    background-repeat:no-repeat;
    padding:3px 0px 0px 13px;
    display:block;
    margin:0px 0px 3px 5px;
    line-height:1.4em;
    }
    
    
#content ol
  {
    margin:0px 0px 25px 10px;
    padding:0px 0px 0px 20px;
  }
  /* listen ohne links */
  #content ol li
  {
  font-size:15px;
  padding:0px 20px 4px 3px;
  margin:0px;
  line-height:1.4em;
  }
      #content ol li ul
      {
      margin:0 0 10px 0;
      padding: 0 0 0 10px;
      list-style-type: none;
      }
          #content ol li ul li
          {
          font-size:15px;
          background-image:url(../upload/design/liststyle1.png);
          padding:3px 0 0px 13px;
          /*display:block;*/
          margin:0 0 3px 5px;
          line-height:1.4em;
          background-position:0px 10px;
          background-repeat:no-repeat;
          }       

/* Piwik-Modul ----------------------------------------------*/
#box-stat{text-decoration:none; line-height:0px; margin:0px; padding:0px; font-size:0px; display:inline;}
#box-stat a{background-image:none;} 

/* fett und farbig */
#content .fett {font-weight:bold;}
#content .fett-farbig{font-weight:bold; color:#126F9E;}
#content .farbig{color:#126F9E;}


/* abstände */
.abstand-unten-0{padding-bottom:0px;}
.abstand-unten-1{padding-bottom:10px;}
.abstand-unten-2{padding-bottom:20px;}
.abstand-unten-3{padding-bottom:30px;}
.abstand-unten-5{padding-bottom:40px;}
.abstand-unten-7{padding-bottom:70px;}
.abstand-unten-10{padding-bottom:220px;}
.abstand-oben-0{padding-top:0px;}
.abstand-oben-1{padding-top:10px;}
.abstand-oben-2{padding-top:20px;}
.abstand-oben-3{padding-top:30px;}
.abstand-oben-5{padding-top:40px;}
.abstand-oben-7{padding-top:70px;}
.abstand-oben-8{padding-top:130px;}
.abstand-oben-10{padding-top:220px;}

/* abstände für z.B. Bilder */
.abstand-links-oben-unten-10-10-10{padding:10px 0px 10px 10px;}
.abstand-links-oben-unten-20-20-20{padding:20px 0px 20px 20px;}
.abstand-links-oben-unten-30-0-30{padding:0px 0px 30px 30px;}
.abstand-links-oben-unten-30-20-20{padding:20px 0px 20px 30px;}

/* abstände für z.B. Texteinrückungen */
.abstand-links-10{padding-left:10px;}
.abstand-links-20{padding-left:20px;}
.abstand-links-30{padding-left:30px;}
.abstand-links-40{padding-left:40px;}
.abstand-links-50{padding-left:50px;}
 
#content .rot{color:red;}
#content .anker{text-decoration:none; line-height:0px; margin:0px; padding:0px; font-size:0px; display:block;}

#content a#anker-formular{text-decoration:none; line-height:0px; margin:0; padding:0px; font-size:0px; display:block; position:relative; top:-150px; width:0px; height:0px; visibility:hidden;}

/* clear:both - zurücksetzen float*/
#content .clear{clear:both; height:0px; line-height:0px; font-size:0px; overflow:hidden;}
#content .umfliessung-zuruecksetzen{clear:both;}


/* Bilder links / rechts floaten */
#content .bild-links {float:left; margin:0 30px 25px 0;}
#content .bild-rechts {float:right; margin:0 0px 30px 25px;}


/* Darstellung 2-spaltig*/

/* Inhalt links, Inhalt rechts */
#content .inhalt_links 
{
  float:left;
  width:459px;
  padding:0px 0px 0px 0px;
}

#content .inhalt_rechts 
{
  float:right;
  width:459px; 
  padding:0px 0px 0px 0px;
}

#content .team_links {
  padding-left:0;
  padding-right:16px;
  padding-bottom:30px;
}

#content .team_rechts {
  padding-left:16px;
  padding-right:0;
  padding-bottom:30px;
}

/* regelmaessiger Abstand zum Seitenende */
        
#bottomspacer {
  width:100%;
  height:105px;  
}
        
/* GoogleMaps Anfahrt */
#box-anfahrt-googlemap{
    position:relative;
    width:270px;
    height:270px;
    margin:0px 0px 50px 0px;
    border:1px solid #CCCCCC;
    }

#box-anfahrt-googlemap img.shadowbox_plus {
    position:absolute;
    bottom:10px;
    right:10px;
    }

#box-anfahrt-googlemap a,
#box-anfahrt-googlemap a:hover
{text-decoration:none; border-bottom:none;}              

/* Kontaktformular ---------------------------------------------------------------------- */
#kontaktformular{    
    width:854px;
    margin:0px 0px 0px 0px;
    padding:32px 32px 32px 32px;
    background:url(../upload/design/kontaktformular_bg.png) left top no-repeat;    
    text-align:left;
    }

#kontaktformular table{margin:0px; padding:0px;}    
#kontaktformular table.tbl-kontaktformular{float:left; margin:0px; padding:0px; border-collapse:collapse; border:none;}
#kontaktformular table.tbl-kontaktformular.tbl-complete{width:100%;}
#kontaktformular table.tbl-kontaktformular.tbl-left{width:401px; margin-right:50px;}
#kontaktformular table.tbl-kontaktformular.tbl-right{width:401px;}

#content #kontaktformular .tbl-kontaktformular td p,
#content #kontaktformular .tbl-kontaktformular td h2,
#content #kontaktformular .tbl-kontaktformular td h3{margin:0px 0px 5px 0px; padding:0px 0px 0px 0px; font-size:16px; color:#787878;}
#content #kontaktformular .tbl-kontaktformular td h3{font-size:16px;}
#content #kontaktformular table td.td-radio,
#content #kontaktformular table td.td-checkbox{width:15px; height:15px; margin:0px 10px 0px 0px; padding:0px;}

#kontaktformular input.radio-kontakt,
#kontaktformular input.checkbox-kontakt{position:relative; top:-1px; width:15px; height:15px; margin:0px 10px 0px 0px;}

#content #kontaktformular table tr{width:500px;}
#content #kontaktformular table td{padding:0px 0px 7px 0px; vertical-align:middle;}

.tbl-kontaktformular td.kontakt-label-nachricht,
.tbl-kontaktformular td.kontakt-label{width:140px; font-size:14px; color:#787878; line-height:19px; letter-spacing:0.0em;}
#content #kontaktformular .kontakt-label-nachricht{padding-top:10px; vertical-align:top;}

.tbl-kontaktformular .td-1{width:200px;}
.tbl-kontaktformular .td-2{width:400px;}
.tbl-kontaktformular .td-2 input{width:380px;}
.tbl-kontaktformular .td-2 .nachricht{width:380px; height:200px;}

/* input felder */
.tbl-kontaktformular .td-2 input,
.tbl-kontaktformular .td-3 input{height:18px; padding:3px 0px 0px 4px; border:1px solid #999999;}
.tbl-kontaktformular .td-2 .nachricht{padding:3px 0px 0px 4px; border:1px solid #999999;}
.tbl-kontaktformular .vorname-name,
.tbl-kontaktformular .strasse,
.tbl-kontaktformular .plz-ort,
.tbl-kontaktformular .telefon,
.tbl-kontaktformular .email,
.tbl-kontaktformular .input-empfehlung,
.tbl-kontaktformular .input-sonstiges,
.tbl-kontaktformular .wunsch,
.tbl-kontaktformular .zeitpunkt-1,
.tbl-kontaktformular .zeitpunkt-2,
.tbl-kontaktformular .input-anderes-land{
    height:27px; width:249px!important; padding:3px 4px 4px 4px; border:1px solid #FFFFFF; background-color:#FFFFFF;
    }
    
.tbl-kontaktformular .nachricht{width:253px; height:75px; margin:0px 0px 0px 0px; padding:3px 0px 0px 4px; border:1px solid #FFFFFF; background-color:#FFFFFF;}
.tbl-kontaktformular .input-empfehlung{width:213px; margin:0px 0px 0px 4px; float:left;}
.tbl-kontaktformular .input-empfehlung-sonstiges {width: 260px!important; height: 27px; padding: 3px 4px 4px 4px; border: 1px solid #ffffff; background-color: #ffffff; float:right;}

/* input felder */
#kontaktformular .td-nachricht h3{padding-top:0px; margin-top:0px;}
#kontaktformular .td-kontaktaufnahme-einzeln{width:20px; padding:2px 10px 0px 0px;}
#kontaktformular .zeitpunkt-1,
#kontaktformular .zeitpunkt-2{width:50px;}
#kontaktformular #td-kontaktaufnahme{padding:0px;}
#kontaktformular #h2-kontaktaufnahme{margin:30px 0px 0px 0px;}
#kontaktformular #h2-aufmerksam{margin:30px 0px 0px 0px;}
#kontaktformular #h2-nachricht{margin:30px 0px 0px 0px;}
#kontaktformular #h2-interesse{margin:25px 0px 0px 0px;}
#kontaktformular #h2-anfrage
{padding-top:0px; padding-right:20px; margin-left:0px; padding-left:0px;}
    
#kontaktformular .senden{margin:0px 0px 0px 0px;}

input.senden{
    display:block;
    width:178px;
    height:44px;
    font-family:Droid Sans;
    font-size:14px;
    text-decoration:none;
    color:#717172;
    text-transform:uppercase;
    background-image:url(../upload/design/button_senden.png);
    background-position:left bottom;
    border-bottom:none;    
    }

input.senden:hover{
    color:#FFFFFF;
    background-image:url(../upload/design/button_senden.png);
    background-position:left top;
    border-bottom:none;   
    }

#kontaktformular .eingabefehler{border:1px solid red;}
#kontaktformular .td-aufmerksam-einzeln{width:15px; padding:2px 10px 0px 0px;}
#kontaktformular .vertical-top{width:15px; vertical-align:top;}

/* Datenschutzfeld */
#content #datenschutz_checkbox {
    float:left;
    width:20px;
    margin: 2px 0px 0px 4px;
    }

#content #datenschutz_text {
    width:615px;
    float:left;
    text-align:left;
    font-size:14px;
    padding:5px 5px 5px 5px;
    }

#content #datenschutz_text {
  font-size:12px;
}

    #content #datenschutz_text a {
      font-size:12px;
    }
    
        #content #datenschutz_text.eingabefehler {border:1px solid red;}

/* Anker fuer Formular zum Anspringen nach Fehleingabe */
#content-kontaktformular #anker-formular
{text-decoration:none; display:block; line-height:0px; margin:0px; padding:0px; font-size:0px;}

/* Box Eingabefehler */
#content #box-meldung-kontakt-eingabefehler{
    margin:20px 0px 20px 0px;
    padding:20px 20px 8px 50px;
    background-color:#C03131;
    background-image:url(../upload/design/hg_kontaktformular_eingabefehler.gif);
    background-position:15px 12px;
    background-repeat:no-repeat;
    }
    
    #content #box-meldung-kontakt-eingabefehler p{color:#FFFFFF;}

/* Box Erfolg/nicht Erfolg */
#content #box-meldung-kontakt-ok{
    margin:0px 0px 40px 0px;
    padding:20px 20px 8px 70px;
    background-color:#9CC031;
    background-image:url(../upload/design/hg_kontaktformular_ok.gif);
    background-position:12px 16px;
    background-repeat:no-repeat;
    }
    
   #content #box-meldung-kontakt-ok p{color:#FFFFFF;}
   #content #box-meldung-kontakt-ok p em{font-size:17px; font-weight:500; color:#FFFFFF;}

#content #box-meldung-kontakt-unten-ok{}

#content #box-meldung-kontakt-fehler{
    margin:20px 0px 40px 0px;
    padding:20px 20px 8px 50px;
    background-color:#C03131;
    background-image:url(../upload/design/hg_kontaktformular_eingabefehler.gif);
    background-position:15px 10px;
    }

/* Google Maps */
#googlemap {
  border:5px solid #eeeeee;
}

/* Backendformatierungen */
    
.content_type_label {
  color:#222222;
  position:absolute;
  width:948px;
  padding:0 35px 0 0;
  right:0px;
  top:0px;
  height:25px;
  line-height:25px;  
  background:url(../upload/design/contentback.png) left top repeat;
}

#cms_imgeditor_1 {
  position:absolute;
  right:10px;
  top:2px;
  z-index:30;
}


img#m3 {
    position:absolute;
    top:110px;
    left:30px;
}