.vier {font: 18pt/20pt georgia, helvetica; }
.zwanzig  {font: 16pt/18pt georgia, helvetica; }
.achtzehn  {font: 14pt/16pt georgia, helvetica}
.sechzehn  {font: 13pt/15pt georgia, helvetica}
.vierzehn  {font: 14pt/16pt georgia, helvetica }
.zwoelf  {font: 12pt/16pt georgia, helvetica }
.zehn  {font: 11pt/13pt georgia, helvetica; }
.neun {font: 9pt/12pt georgia, helvetica }
.sieben {font: 9pt/12pt arial; color: #ffffff ; }
.referenzen {font: 9pt/12pt arial; }
.reftit {font: 12pt/14pt georgia; font-weight: bold}

h1 {font: 16pt/18pt georgia;}

a:link  { font: 9pt/12pt georgia; text-decoration: underline; color:#494949; font-weight: bold  }
a:visited { font: 9pt/12pt georgia; text-decoration: underline; color:#494949; font-weight: bold  }
a:active { font: 9pt/12pt georgia; text-decoration: underline; color:#494949; font-weight: bold  }
a:hover { font: 9pt/12pt georgia; text-decoration: underline; color:#ff671d; font-weight: bold  }

a.index:link  { font: 11pt/13pt georgia, helvetica; text-decoration: underline; color:#ffffff;  }
a.index:visited { font: 11pt/13pt georgia, helvetica; text-decoration: underline; color:#ffffff;   }
a.index:active { font: 11pt/13pt georgia, helvetica; text-decoration: underline; color:#ffffff; }
a.index:hover { font: 11pt/13pt georgia, helvetica; text-decoration: underline; color:#ff671d;   }

a.navi:link  { font: 8pt/8pt arial; text-decoration: underline; color:#ffffff; font-weight: bold  }
a.navi:visited { font: 8pt/8pt arial; text-decoration: underline; color:#ffffff; font-weight: bold  }
a.navi:active { font: 8pt/8pt arial; text-decoration: underline; color:#ffffff; font-weight: bold  }
a.navi:hover { font: 8pt/8pt arial; text-decoration: underline; color:#494949; font-weight: bold  }



.button01               { width: 245px; height: 80px; left: 602px; top: 273px; position: absolute;  }
.button01 a:link      { width: 245px; height: 80px; background: url(grafik/navibuttons/trampolini_start.jpg); background-repeat:no-repeat; display:block;}
.button01 a:visited  { width: 245px; height: 80px; background: url(grafik/navibuttons/trampolini_start.jpg); background-repeat:no-repeat; display:block;}
.button01 a:active   { width: 245px; height: 80px;  background: url(grafik/navibuttons/trampolini_start.jpg); background-repeat:no-repeat; display:block;}
.button01 a:hover    { width: 245px; height: 80px;  background: url(grafik/navibuttons/person_start.jpg); background-repeat:no-repeat; display:block;} 

.button02               { width: 292px; height: 296px; left: 310px; top: 19px; position: absolute;  }
.button02 a:link      { width: 292px; height: 296px; background: url(grafik/navibuttons/repertoire_start.jpg); background-repeat:no-repeat; display:block;}
.button02 a:visited  { width: 292px; height: 296px; background: url(grafik/navibuttons/repertoire_start.jpg); background-repeat:no-repeat; display:block;}
.button02 a:active   { width: 292px; height: 296px;  background: url(grafik/navibuttons/repertoire_start.jpg); background-repeat:no-repeat; display:block;}
.button02 a:hover    { width: 292px; height: 296px;  background: url(grafik/navibuttons/repertoire_starto.jpg); background-repeat:no-repeat; display:block;} 

.button03               { width: 292px; height: 296px; left: 310px; top: 315px; position: absolute;  }
.button03 a:link      { width: 292px; height: 296px; background: url(grafik/navibuttons/kontakt_start.jpg); background-repeat:no-repeat; display:block;}
.button03 a:visited  { width: 292px; height: 296px; background: url(grafik/navibuttons/kontakt_start.jpg); background-repeat:no-repeat; display:block;}
.button03 a:active   { width: 292px; height: 296px;  background: url(grafik/navibuttons/kontakt_start.jpg); background-repeat:no-repeat; display:block;}
.button03 a:hover    { width: 292px; height: 296px;  background: url(grafik/navibuttons/kontakt_starto.jpg); background-repeat:no-repeat; display:block;} 

.button04               { width: 294px; height: 296px; left: 19px; top: 20px; position: absolute;  }
.button04 a:link      { width: 294px; height: 296px; background: url(grafik/navibuttons/galerie_start.jpg); background-repeat:no-repeat; display:block;}
.button04 a:visited  { width: 294px; height: 296px; background: url(grafik/navibuttons/galerie_start.jpg); background-repeat:no-repeat; display:block;}
.button04 a:active   { width: 294px; height: 296px;  background: url(grafik/navibuttons/galerie_start.jpg); background-repeat:no-repeat; display:block;}
.button04 a:hover    { width: 294px; height: 296px;  background: url(grafik/navibuttons/galerie_starto.jpg); background-repeat:no-repeat; display:block;} 

.buttong               { width: 89px;height: 89px; left: 20px; top: 20px; position: absolute;  }
.buttong a:link      { width: 89px; height: 89px; background: url(grafik/navibuttons/galerie.jpg); background-repeat:no-repeat; display:block;}
.buttong a:visited  { width: 89px; height: 89px; background: url(grafik/navibuttons/galerie.jpg); background-repeat:no-repeat; display:block;}
.buttong a:active   { width: 89px; height: 89px; background: url(grafik/navibuttons/galerie.jpg); background-repeat:no-repeat; display:block;}
.buttong a:hover    { width: 89px; height: 89px; background: url(grafik/navibuttons/galerie_over.jpg); background-repeat:no-repeat; display:block;} 

.buttonga               { width: 89px;height: 89px; left: 20px; top: 20px; position: absolute;   }
.buttonga a:link      { width: 89px; height: 89px; background: url(grafik/navibuttons/galerie_leer.jpg); background-repeat:no-repeat; display:block;}
.buttonga a:visited  { width: 89px; height: 89px; background: url(grafik/navibuttons/galerie_leer.jpg); background-repeat:no-repeat; display:block;}
.buttonga a:active   { width: 89px; height: 89px; background: url(grafik/navibuttons/galerie_leer.jpg); background-repeat:no-repeat; display:block;}
.buttonga a:hover    { width: 89px; height: 89px; background: url(grafik/navibuttons/galerie_leer.jpg); background-repeat:no-repeat; display:block;} 

.buttonr               { width: 89px;height: 89px; left: 109px; top: 20px; position: absolute;  }
.buttonr a:link      { width: 89px; height: 89px; background: url(grafik/navibuttons/repertoire.jpg); background-repeat:no-repeat; display:block;}
.buttonr a:visited  { width: 89px; height: 89px; background: url(grafik/navibuttons/repertoire.jpg); background-repeat:no-repeat; display:block;}
.buttonr a:active   { width: 89px; height: 89px; background: url(grafik/navibuttons/repertoire.jpg); background-repeat:no-repeat; display:block;}
.buttonr a:hover    { width: 89px; height: 89px; background: url(grafik/navibuttons/repertoire_over.jpg); background-repeat:no-repeat; display:block;} 

.buttonra               { width: 89px;height: 89px; left: 109px; top: 20px; position: absolute;  }
.buttonra a:link      { width: 89px; height: 89px; background: url(grafik/navibuttons/repertoire_leer.jpg); background-repeat:no-repeat; display:block;}
.buttonra a:visited  { width: 89px; height: 89px; background: url(grafik/navibuttons/repertoire_leer.jpg); background-repeat:no-repeat; display:block;}
.buttonra a:active   { width: 89px; height: 89px; background: url(grafik/navibuttons/repertoire_leer.jpg); background-repeat:no-repeat; display:block;}
.buttonra a:hover    { width: 89px; height: 89px; background: url(grafik/navibuttons/repertoire_leer.jpg); background-repeat:no-repeat; display:block;} 

.buttona               { width: 89px;height: 89px; left: 20px; top: 109px; position: absolute;  }
.buttona a:link      { width: 89px; height: 89px; background: url(grafik/navibuttons/person.jpg); background-repeat:no-repeat; display:block;}
.buttona a:visited  { width: 89px; height: 89px; background: url(grafik/navibuttons/person.jpg); background-repeat:no-repeat; display:block;}
.buttona a:active   { width: 89px; height: 89px; background: url(grafik/navibuttons/person.jpg); background-repeat:no-repeat; display:block;}
.buttona a:hover    { width: 89px; height: 89px; background: url(grafik/navibuttons/person_over.jpg); background-repeat:no-repeat; display:block;} 

.buttonaa               { width: 89px;height: 89px; left: 20px; top: 109px; position: absolute; }
.buttonaa a:link      { width: 89px; height: 89px; background: url(grafik/navibuttons/auftritte_leer.jpg); background-repeat:no-repeat; display:block;}
.buttonaa a:visited  { width: 89px; height: 89px; background: url(grafik/navibuttons/auftritte_leer.jpg); background-repeat:no-repeat; display:block;}
.buttonaa a:active   { width: 89px; height: 89px; background: url(grafik/navibuttons/auftritte_leer.jpg); background-repeat:no-repeat; display:block;}
.buttonaa a:hover    { width: 89px; height: 89px; background: url(grafik/navibuttons/auftritte_leer.jpg); background-repeat:no-repeat; display:block;} 

.buttonk              { width: 89px;height: 89px; left: 109px; top: 109px; position: absolute;}
.buttonk a:link      { width: 89px; height: 89px; background: url(grafik/navibuttons/kontakt.jpg); background-repeat:no-repeat; display:block;}
.buttonk a:visited  {  width: 89px; height: 89px; background: url(grafik/navibuttons/kontakt.jpg); background-repeat:no-repeat; display:block;}
.buttonk a:active   { width: 89px; height: 89px; background: url(grafik/navibuttons/kontakt.jpg); background-repeat:no-repeat; display:block;}
.buttonk a:hover    {  width: 89px; height: 89px;  background: url(grafik/navibuttons/kontakt_over.jpg); background-repeat:no-repeat; display:block;} 

.buttonka              { width: 89px;height: 89px; left: 109px; top: 109px; position: absolute;  }
.buttonka a:link      { width: 89px; height: 89px; background: url(grafik/navibuttons/kontakt_leer.jpg); background-repeat:no-repeat; display:block;}
.buttonka a:visited  { width: 89px; height: 89px; background: url(grafik/navibuttons/kontakt_leer.jpg); background-repeat:no-repeat; display:block;}
.buttonka a:active   { width: 89px; height: 89px; background: url(grafik/navibuttons/kontakt_leer.jpg); background-repeat:no-repeat; display:block;}
.buttonka a:hover    { width: 89px; height: 89px; background: url(grafik/navibuttons/kontakt_leer.jpg); background-repeat:no-repeat; display:block;} 

.buttont              { width: 233px;height: 49px; left: 197px; top: 84px; position: absolute;   }
.buttont a:link      { width: 233px; height: 49px; background: url(grafik/navibuttons/repertoire_titel.jpg); background-repeat:no-repeat; display:block;}
.buttont a:visited  { width: 233px; height: 49px; background: url(grafik/navibuttons/repertoire_titel.jpg); background-repeat:no-repeat; display:block;}
.buttont a:active   { width: 233px; height: 49px; background: url(grafik/navibuttons/repertoire_titel.jpg); background-repeat:no-repeat; display:block;}
.buttont a:hover    { width: 233px; height: 49px; background: url(grafik/navibuttons/trampolini_over.jpg); background-repeat:no-repeat; display:block;} 

.buttontk              { width: 233px;height: 49px; left: 197px; top: 84px; position: absolute;  }
.buttontk a:link      { width: 233px; height: 49px; background: url(grafik/navibuttons/kontakt_titel.jpg); background-repeat:no-repeat; display:block;}
.buttontk a:visited  { width: 233px; height: 49px; background: url(grafik/navibuttons/kontakt_titel.jpg); background-repeat:no-repeat; display:block;}
.buttontk a:active   { width: 233px; height: 49px; background: url(grafik/navibuttons/kontakt_titel.jpg); background-repeat:no-repeat; display:block;}
.buttontk a:hover    { width: 233px; height: 49px; background: url(grafik/navibuttons/trampolini_over.jpg); background-repeat:no-repeat; display:block;} 

.buttonta              { width: 233px;height: 49px; left: 197px; top: 84px; position: absolute;   }
.buttonta a:link      { width: 233px; height: 49px; background: url(grafik/navibuttons/person_titel.jpg); background-repeat:no-repeat; display:block;}
.buttonta a:visited  { width: 233px; height: 49px; background: url(grafik/navibuttons/person_titel.jpg); background-repeat:no-repeat; display:block;}
.buttonta a:active   { width: 233px; height: 49px; background: url(grafik/navibuttons/person_titel.jpg); background-repeat:no-repeat; display:block;}
.buttonta a:hover    { width: 233px; height: 49px; background: url(grafik/navibuttons/trampolini_over.jpg); background-repeat:no-repeat; display:block;} 

.buttontg              { width: 233px;height: 49px; left: 197px; top: 84px; position: absolute;  }
.buttontg a:link      { width: 233px; height: 49px; background: url(grafik/navibuttons/galerie_titel.jpg); background-repeat:no-repeat; display:block;}
.buttontg a:visited  { width: 233px; height: 49px; background: url(grafik/navibuttons/galerie_titel.jpg); background-repeat:no-repeat; display:block;}
.buttontg a:active   { width: 233px; height: 49px; background: url(grafik/navibuttons/galerie_titel.jpg); background-repeat:no-repeat; display:block;}
.buttontg a:hover    { width: 233px; height: 49px; background: url(grafik/navibuttons/trampolini_over.jpg); background-repeat:no-repeat; display:block;} 

.orange { left: 175px; top: 84px; width: 23px; height: 25px; position: absolute; background: url(grafik/navibuttons/kreis_orange.jpg); }
.gruen { left: 175px; top: 109px; width: 23px; height: 24px;  z-index: 2; position: absolute; background: url(grafik/navibuttons/kreis_gruen.jpg); }
.textrahmen { position: absolute; left: 109px; top: 109px; padding: 15px; width: 70%; background: #FFffff; border: 2px dotted #ff671d; z-index: 1; }
.text { font: 11pt/14pt georgia, helvetica #494949; margin-right: 100px; margin-top: 115px; }
.galerie { margin-right: 100px; margin-top: 55px; }
.bilder { position: absolute; left: 75%; top: 89px; width: 170px; background: #FF671D; border: 0px dotted #ff671d; z-index: 1; text-align: center; padding-top: 25px; padding-bottom: 10px; }