html {
  height:100%;
}

body {
  background:#f8f8f8;
  font: 11px/1.3 Verdana,sans-serif;
  height:100%;
  margin:0;
  padding:0;
}

#container {
  background:#ffffff;
  position: absolute;
  left:50%;
  margin-left: -435px; 
  width:870px;
  height:100%;
}

#logo {
  position:absolute;
  top:28px;
  left:52px;
  overflow:hidden;
}
#banner {
  position:absolute;
  top:59px;
  left:523px;
}

#content {
  position:absolute;
  top:186px;
  left:102px;
}

#contenttext {
  height:210px;
  width:640px;
  padding: 0 0 10px 0;
  overflow:hidden;
}

#bildleiste {
  height: 160px;
}

h1, h2 {
  font-family: Verdana;
  font-size: 11px;
  padding-top: 0px;
  margin-top: 0px;
  font-weight:700;
  color: #ff360a;
}

h3 {
  font-family: Verdana;
  font-size: 11px;
  padding: 0px;
  margin: 0px;
  font-weight:500;
  width:220px;
  float:left
}

a:link {
  color: #000000;
  text-decoration:none;
}

a:visited {
  color: #000000;
  text-decoration: none;
}

a:hover {
  color: #ff360a;
  text-decoration: none;
}

a:active {
  color: #ff360a;
  text-decoration: none; 
}

#line1{
  position:absolute;
  top: 140px;
  left:0;
  width: 870px;
  height:1px;
}

#line2{
  position:absolute;
  top: 565px;
  left:0;
  width: 870px;
  height:1px;
}

.highlight {
  color:#ff360a;
}

.eingabe {
  border: 1px #c0c0c0 solid;
  height: 17px;
  color: #000000;
  font: 11px/1.3 verdana;
  vertical-align:middle;
  padding: 0.1em 0 0 0.2em;
  margin: 0 0 0.2em 0;
}

.button { 
  background-color: #ffffff;
  border: solid #c0c0c0 1px;
  display: block;
  font: 11px/1.3 verdana;
  width: 70px;
  height: 20px;
  padding: 0 0 3px 0;
  margin: 4px 0 0 0;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
}

#nav {
  position:absolute;
  top: 350px;
}

#hauptnavigation {
  width: 488px;
  height: 30px;
  background: url(/images/navigation.gif) no-repeat;
  margin:0;
  padding: 0;
  position: absolute;
  top: 30px;
}

#hauptnavigation li {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  top: 0;
}

#hauptnavigation li, #hauptnavigation a {
  height: 30px;
  display: block;
}

#home {left:0; width:38px;}
#home_on {left:0;width:38px;	background:transparent url(/images/navigation.gif) 0 -30px no-repeat;}
#home a:hover {background: transparent url(/images/navigation.gif) 0 -30px no-repeat;}
#leistungen {left:47px; width:70px;}
#leistungen_on {	left:47px;	width:70px;	background: transparent url(/images/navigation.gif) -47px -30px no-repeat;}
#leistungen a:hover {background: transparent url(/images/navigation.gif) -47px -30px no-repeat;}
#referenzen {left:127px; width:72px;	}
#referenzen_on {left: 127px; width:72px;	background:transparent url(/images/navigation.gif) -127px -30px no-repeat;}
#referenzen a:hover {background: transparent url(/images/navigation.gif) -127px -30px no-repeat;}	
#mitarbeiter {left:207px; width:76px;}
#mitarbeiter_on {left: 207px; width:76px; background:transparent url(/images/navigation.gif) -207px -30px no-repeat;	}
#mitarbeiter a:hover {background: transparent url(/images/navigation.gif) -207px -30px no-repeat;}
#kontakt {left:292px; width:53px;}
#kontakt_on {left:292px; width:53px; background: transparent url(/images/navigation.gif) -292px -30px no-repeat;	}
#kontakt a:hover {background: transparent url(/images/navigation.gif) -292px -30px no-repeat;}
#anfahrt {left:352px; width:53px;}
#anfahrt_on {left:352px; width:53px; background: transparent url(/images/navigation.gif) -352px -30px no-repeat;	}
#anfahrt a:hover {background: transparent url(/images/navigation.gif) -352px -30px no-repeat;}
#impressum {left:412px; width:76px;}
#impressum_on {left:412px; width:76px; background: transparent url(/images/navigation.gif) -412px -30px no-repeat;	}
#impressum a:hover {background: transparent url(/images/navigation.gif) -412px -30px no-repeat;}

.warn {
  color: red;
}