*{
   font-family:verdana;
   font-size: 12px;
}

html, body {
  height:99%;
}

body {
  text-align:center;
}

#distance {
  width:1px;
  height:50%;
  margin-bottom:-290px;
  float:left;
}

.wrap {
  position:relative;
  width:785px;
  height:580px;
  margin:0 auto;
  text-align:left;
  clear:left;
}

.navigation {
  padding-top:40px;
  height:0px;
  width:185px;
  float:left;
  font-family:"Arial", "Tahoma";
  font-size:13px;
  text-decoration:none;
  color:#FFF;
  overflow:hidden;
}

.obernavi {
  float:left;
  width:185px;
  height:160px;
}

.unternavi {
  float:left;
  width:185px;
}

.logo{
  height:200px;
  padding-right: 10px;
  text-align:right;
}

.content {
  width:575px;
  margin-left:210px;
}

#foto {
  background:url(../img/foto_hg.jpg);
  height:335px;
  width:400px;
  position:relative;
  float:left;
}

#foto img {
  display:none;
  float:none;
  position:absolute;
  top:0px;
  left:0px;
}

.textinfoto {
  height:305px;
  width:310px;
  padding-left: 50px;
  padding-right: 40px;
  padding-top: 30px;
  background:url(../img/text_hg.jpg);
  float:left;
}

.textinfoto h2 {
  font-size: 12px;
  font-family:"Arial", "Tahoma";
  color: #00527C;
}

.textinfoto p {
  font-size: 10px;
  font-family:"Arial", "Tahoma";
  color: #00527C;
  margin:0px;
  margin-bottom:10px;
}

.text {
  height:335px;
  width:145px;
  padding-left:15px;
  padding-right:15px;
  float:left;
  color:#FFF;
}

.kontakt {
  margin-top:2px;
  padding-right:15px;
  float:left;
  width:385px;
  text-align: right;
  font-size:8px;
  color: #099944;
  overflow: hidden;
}

.home {
  float: left;
  width: 175px;
  height: 40px;
  margin-top:5px;
}