body { margin: 0; }
body { font-family: Verdana, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; font-size: 10px; }
img { border: 0; }
form { display: inline; }
ul { margin: 0; padding: 0; }
li { margin-left: 0; }
a { color: black; text-decoration: none; }
a:hover { text-decoration: none; }

#page {
  position: absolute;
  height: 478px;
  width: 100%;
  margin-top: -239px;
  top: 50%;
  background: url(images/kachel.gif) top left repeat-x;
}


#schatten {
  background-image: url(images/hintergrund.gif);
  position: absolute;
  height: 478px;
  width: 911px;
  margin-left: -455px;
  left: 50%;
  overflow: none;
}

#inhalt {
  position:realtive;
  height:477px;
  width:780px;
  margin-left: 65px;
  margin-top:1px;
}

#header {
  padding-top: 17px;
  padding-left: 31px;
  height: 40px;
  width: 749px;
  background: url(images/top.gif) no-repeat left top;
  color: #fff;
  display: block;
  margin: 0px;
  border: 0px;
  float: left;
}

#header h1{
  font-weight: lighter;
  font-size:11px;
  padding: 0px;
  margin: 0px;
  border: 0px;
}

#header h2{
  font-weight: lighter;
  font-size:18px;
  line-height: 20px;
  padding: 0px;
  margin: 0px;
  border: 0px;
}

#navi {
  height: 41px;
  width: 780px;
  overflow: none;
  background: url(images/navi.gif) no-repeat left top;
  margin: 0px;
  padding: 0px;
  border: 0px;
  display: block;
  float: left;
}

#navi ul {
  margin-left: 30px;
}

#navi ul li {
  float: left;
  list-style-type: none;
}

#navi ul li a {
  color: #677284;
  font-size: 10px;
  height: 41px;
  display: block;
  line-height: 41px;
}

#navi ul li a:hover {
  color: #000;
  text-decoration: none;
  height: 41px;
}

#link1 {width: 60px; background: url(images/home.gif) no-repeat left top;}
#link2 {width: 88px; background: url(images/wo.gif) no-repeat left top;}
#link3 {width: 92px; background: url(images/wer.gif) no-repeat left top;}
#link4 {width: 175px; background: url(images/was.gif) no-repeat left top;}
#link5 {width: 94px; background: url(images/kollegen.gif) no-repeat left top;}
#link6 {width: 112px; background: url(images/gruppe.gif) no-repeat left top;}
#link7 {width: 59px; background: url(images/praxis.gif) no-repeat left top;}
#link8 {width: 55px; background: url(images/kontakt.gif) no-repeat left top;}

#link1:hover {background: url(images/home_hover.gif) no-repeat left top;}
#link2:hover {background: url(images/wo_hover.gif) no-repeat left top;}
#link3:hover {background: url(images/wer_hover.gif) no-repeat left top;}
#link4:hover {background: url(images/was_hover.gif) no-repeat left top;}
#link5:hover {background: url(images/kollegen_hover.gif) no-repeat left top;}
#link6:hover {background: url(images/gruppe_hover.gif) no-repeat left top;}
#link7:hover {background: url(images/praxis_hover.gif) no-repeat left top;}
#link8:hover {background: url(images/kontakt_hover.gif) no-repeat left top;}

#content_left {
  float: left;
}

#content_right {
  float: left;
  line-height:14px;
  
}

#content_right h1{
  font-size: 18px;
  font-weight: bolder;
}

#content_right h2 {font-size:14px; padding:8px 0 10px 0; margin:0;}
#content_right ul {padding:0 0 0 15px; }
#content_right a:hover {font-weight:bold;}

.flag { background:tan; width:73px; height:40px; position:relative; top:30px; left:400px;}

#footer {
  height: 20px;
  width: 780px;
  background: url(images/footer.gif);
  border-top: 1px solid black;
  float: left;
  text-indent:6px;
}

#footer a {
  color: #313131;
  font-size: 9px;
}

#footer a:hover {
  color: #677284;
  font-size: 9px;
}