body{
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  color:#02053b;
  background-color: #ffffff;
  margin: 0;
  padding: 0;
  text-align: center;
  }

img {
  border: none;
  }

h1 {
  color: #000000;
  font-size: 14px;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 15px;
  }

a:focus {
  outline: none;
  }

#rahmen {
  width: 834px;
  height: 624px;
  border: 2px #ffffff solid;
  margin: 60px auto 30px auto;
  }

#rahmenzwei {
  width: 802px;
  height: 592px;
  border: 2px #ffffff solid;
  margin: 14px 14px 14px 14px;
  }

#rahmendrei {
  width: 834px;
  height: 80px;
  border: 2px #ffffff solid;
  margin: 0px auto;
  }

#rahmenvier {
  width: 802px;
  height: 48px;
  border: 2px #ffffff solid;
  margin: 14px 14px 14px 14px;
  }

#main {
  height: 584px;
  width: 794px;
  background-color: #ffffff;
  margin: 4px 4px 4px 4px;
  padding: 0 0 0 0;
  text-align: center;
  vertical-align: middle;
  }

#mainfooter {
  widht: 794px;
  height: 40px;
  background-color: #ffffff;
  margin: 4px 4px 4px 4px;
  padding: 0 0 0 0;
  text-align: center;
  vertical-align: middle;
  }

 #graphiks {
  /*margin: 92px 0 0 109px;*/
  position: relative;
  top: 92px;
  left: 50px;
  height: 404px;
  }

 #man {
  margin: 0 0px 0 106px;
  }

 #woman {
  margin: 0 0 0 0;
  }

 #logo {
  vertical-algin: middle;
  margin: 0 0 18px 0;
  }

 #navigation {
 background: url(../graphik/blende_navi.gif) no-repeat;
 height: 59px;
 }

 #subnavi {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  /*color: #666666;*/
  font-size: 12px;
  vertical-align: top;
  margin: 0 0 0 20px;

  }

 #textsub {
  margin: 5px 0 0 13px;
  }

 #table1 {
  width: 780px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  /*color:#666666;*/
  padding: 0 0 0 0;
  margin: 0 2px 0 12px;
 }

 * html #table1 {
  width: 780px;
 }

 #de-en {
  align: right;
  vertical-align: top;
  }

 #klnavi {
  text-align: right;
  vertical-align: top;
  font-size: 12px;
  }

 .navi {
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  }

 .navi a,
 #klnavi a,
 #subnavi a,
 #herrendamen a,
 .textlink
 {
  color: #666666;
  text-decoration: none;
  }

 .navi a:hover,
 .navi a.linknow,
 #klnavi a:hover,
 #klnavi a.linknow,
 #subnavi a:hover,
 #subnavi a.linknow,
 #herrendamen a:hover
 {
  color: #EC7404;
  text-decoration: none;
  }


/* Index Seite --------------------------------*/

.indexlinks_sommernacht {
  font-size: 12px;
  font-weight: bold;
  color: #666666;
  text-decoration: none;
  display: block;
  background: url(../graphik/index_ohren.jpg) top left no-repeat;
  padding-top: 406px;
  width: 142px;
  }

.indexlinks_sommernacht:hover
 {
  color: #000000;
  text-decoration: none;
  display: block;
  background: url(../graphik/index_ohren_grey.jpg) top left no-repeat;
  padding-top: 406px;
  width: 142px;
  }

#indexlogo {
 margin: 0 0 0 40px;
 }





#indextable {
 height: 584px;
 font-size: 12px;
 font-weight: bold;
 color: #666666;
 text-decoration: none;
 }

#indextable a {
font-size: 12px;
 font-weight: bold;
color: #666666;
text-decoration: none;
}

#indextable a:hover {
font-size: 12px;
font-weight: bold;
color: #EC7404;
text-decoration: none;
}

 /* Index Seite Ende --------------------------*/

 #logoSpace {
 	padding-bottom: 13px;
 }

 * html #logoSpace {
 	padding-bottom: 11px;
 }

 #table2 {
  width: 794px;
  height: 525px;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  }

 #table2 img.big {
  margin: 0 0 0 0;
 }

 * html table2 img.big {
  margin: 0;
 }

 #table3 {
  width: 750px;
  height: 200px;
  padding: 0 0 0 0;
  margin: 0 0 0 23px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  color: #666666;
  vertical-align: top;
  }


 #tdtext {
  margin: 0 34px 0 23px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  color: #666666;
  vertical-align: top;
  height: 325px;
  }

 #tdtext_laden {
   margin: 0 34px 0 23px;
   font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   font-size: 12px;
   color: #666666;
   vertical-align: top;
   height: 323px
   }

  #tdtext_laden a{
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  color: #666666;
  text-decoration: underline;
  }

  #tdtext_laden a:hover {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  color: #EC7404;
  text-decoration: underline;
  }


 #tablefooter {
  width: 794px;
  height: 25px;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  }

 #tdtextfooter {
  margin: 0 34px 0 23px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  color: #666666;
  vertical-align: center;
  height: 24px;
  text-align: center;
  }

#tdlogo,
#tdlogo_alternativ {
 margin: 0 0 0 30px;
 }

* html #tdlogo_alternativ {
 margin: 1px 0 0 30px;
 }

#tdpicture1 {
 margin: 0 16px 0 0;
 }

#tdpicture1quer {
 margin: 0 6px 0 0;
 }

 div.scrollbar {
 text-align: left;
 background-color: #FFFFFF;
 height: 455px;
 overflow: auto;
 width:610px;
 font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
 font-size: 12px;
 color: #666666;
 padding: 25px 40px 20px 10px;

}

* html div.scrollbar {
 height: 500px;
 width: 660px;
}

.tablescroll {
 font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
 font-size: 12px;
 color: #666666;
 }

#faqlogo {
 margin: 0 0 7px 30px;
 }

#tablefaq {
 height: 525px;
 width: 794px;
 }

.tdfrage {
 background-color: E7D7B8;
 color: #000000;
 }

#content .formular {
	border: none;
}

.tablekontakt {
 margin: 57px 0 0 0;
 font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
 font-size: 12px;
 color: #666666;
 vertical-align: top;
 }

 .tablekontakt a {
 font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
 font-size: 12px;
 color: #666666;
 text-decoration: underline;
 }

.tablekontakt a:hover {
 font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
 font-size: 12px;
 color: #000000;
 text-decoration: underline;
 }

#contact {
 margin: 47px 0 20px 0;
}

#impressum {
 margin: 7px 0 0 0;
 }

#tableformular {
 margin: 48px 0 0 0;
 font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
 font-size: 12px;
 color: #666666;
 vertical-align: top;
 }

.inputfont {
 font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
 color: #000000;
 font-size: 12px;
 border: 1px #B29E79 solid;
 }

#tdimpressum{
  margin: 50px 64px 0 25px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 12px;
  color: #666666;
  }

 #tdimpressum a{
 font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
 font-size: 12px;
 color: #666666;
 text-decoration: underline;
 }

 #tdimpressum a:hover {
 font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
 font-size: 12px;
 color: #000000;
 text-decoration: underline;
 }

 * html #herrendamen {
 margin: 70px 0 0 479px;
 }

 /* --- BILDERGALERIE --- */

/* default link style - needed to make the :active work correctly in IE */
a, a:visited, a:hover, a:active {
}

/* style the outer containing div to fit the landscape, portrait and buttons */

/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
    padding: 0;
    margin: 220px 0 0 0;
    list-style-type: none;
    position: relative;
    width: 300px;
}

/* remove the default image border */
.gallery img {
    border: none;
}

/* make the list horizontal */
.gallery li {
    float: left;
    margin-bottom: 12px;
}

/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
    font-size: 11px;
    float: left;
    text-decoration: none;
    color: #000000;
    text-align: center;
    width: 90px;
    height: 65px;
    margin-right: 10px;
}

/* position the images using an absolute position and hide them from view */
.gallery li a img {
    position: absolute;
    top: -220px;
    left: 0;
    visibility: hidden;
    border: none;
}

/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
    visibility: visible;
}