body {
  margin: 10px auto 10px auto;
  padding: 0;
  width: 832px;
  text-align: center;
  font-family: tahoma;
  background: url(background.jpg);
}
* {
margin: 0;
padding: 0; 
}
img {
  border: 0;
}
#container {
  position: relative;
  width: 832px;
  height: 580px;
  background: #fff;
}
#navigation {
	background-color: #fff;
	width: 800px;  
	position: absolute;
	top: 116px;
	left: 24px;
	font-size: 11px;
  background: #fff url(navigation.jpg);
}
#navigation ul {
	padding: 0;
	margin: 0;
	width: 100%;
}
#navigation li {
	display: inline;
	list-style-type: none;

}
#navigation li a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height:23px;
	padding: 5px 15px;
  border-left: 1px solid #fff;
}
#navigation li a:hover {
	color: #fff;
	text-decoration: none;
	background: #fff url(navigation_hover.jpg);
	line-height:23px;
	padding: 5px 15px;
	margin: 17px 0;
}
#navigation li a.aktiv {
	color: #fff;
	text-decoration: none;
	background: #fff url(navigation_hover.jpg);
	line-height:23px;
	padding: 5px 15px;
	margin: 17px 0;
}
#content {
  position: absolute;
  top: 175px;
  left: 24px;
  width: 800px;
  height: 377px;
  text-align: left;
}

#footer {
  position: absolute;
  top: 577px;
  left: 24px;
  width: 800px;
  height: 22px;
  background: url(footer.png) repeat-x;
  text-align: right;
}
#footer p {
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  margin: 0;
  padding: 4px 5px;
}
#footer a {
  color: #fff;
  text-decoration: none;
}
#footer a:hover {
  color: #fff;
}
#schattenlinks {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 615px;
  background: url(schatten_links.png) no-repeat;
}
#schattenrechts {
  position: absolute;
  top: 0;
  left: 824px;
  width: 22px;
  height: 615px;
  background: url(schatten_rechts.png) no-repeat;
}
#schattenunten {
  position: absolute;
  top: 599px;
  left: 24px;
  width: 800px;
  height: 16px;
  background: url(schatten_unten.png) no-repeat;
}
.fplusf {
  font-family: 'Arial Black';
}
.fplusfcopy {
  padding: 15px 0 0 0;
}
/* Prepage */
#index #header {
  position: absolute;
  top: 0;
  left: 24px;
  width: 800px;
  height: 116px;
  text-align: left;
  background: url(index_head.jpg) no-repeat right;
}
#index #content {
  background: #fff url(index_bg.jpg);
}
#index #content p {
  margin: 50px 0 0 15px;
  text-align: left;
  color: #08468e;
  font-size: 40px;
  font-family: 'Arial Black';
  letter-spacing: 6px;
}
#index #content p#link_bew{
  margin: 50px 0 0 15px;
  text-align: left;
  color: #08468e;
  font-size: 12px;
  font-family: 'Arial Black';
  letter-spacing: 6px;
}
#link_bew a{
  color: #696969;
}

/* Home */
#home #header {
  position: absolute;
  top: 0;
  left: 24px;
  width: 800px;
  height: 116px;
  text-align: left;
  background: url(home_head.jpg) no-repeat right;
}
#home #content {
  background: #fff url(home_bg.jpg);
}
#home #content h1 {
  margin: 15px 0 0 15px;
  text-align: left;
  color: #fff;
  font-size: 24px;
  font-family: 'Verdana';
}
#home #content p {
  margin: 5px 558px 0 15px;
  text-align: left;
  color: #fff;
  font-size: 11px;
  font-family: Verdana;
}

/* History */
#history #header {
  position: absolute;
  top: 0;
  left: 24px;
  width: 800px;
  height: 116px;
  text-align: left;
  background: url(history_head.jpg) no-repeat right;
}
#history #content {
  background: #fff url(history_bg.jpg);
}
#history #content p {
  margin: 15px 550px 0 15px;
  text-align: left;
  color: #333;
  font-size: 11px;
  font-family: Verdana;
}

/* Top Service */
#service #header {
  position: absolute;
  top: 0;
  left: 24px;
  width: 800px;
  height: 116px;
  text-align: left;
  background: url(service_head.jpg) no-repeat right;
}
#service #content {
  background: #fff url(service_bg.jpg);
}
#service #content #middle {
  position: absolute;
  color: #333;
  top: 0;
  left: 275px;
  width: 235px;
  text-align: left;
}
#service #content #right {
  position: absolute;
  color: #fff;
  top: 0;
  right: 24px;
  width: 220px;
  text-align: left;
}
#service #content p {
  margin: 15px 0 0 0;
  color: #333;
  font-size: 11px;
  font-family: Verdana;
}
#service #content ul {
  margin: 15px 0 0 35px;
  text-align: left;
  font-size: 11px;
  font-family: Verdana;
}
#service #content li {
  margin: 3px 0 10px 0;
}

/* Referenzen */
#referenzen #header {
  position: absolute;
  top: 0;
  left: 24px;
  width: 800px;
  height: 116px;
  text-align: left;
  background: url(referenzen_head.jpg) no-repeat right;
}
#referenzen #content {
  background: #fff url(referenzen_bg.jpg);
}
#referenzen #content p {
  margin: 15px 282px 0 15px;
  text-align: left;
  color: #fff;
  font-size: 11px;
  font-family: Verdana;
}

/* Buchhaltung */
#buchhaltung #header {
  position: absolute;
  top: 0;
  left: 24px;
  width: 800px;
  height: 116px;
  text-align: left;
  background: url(buchhaltung_head.jpg) no-repeat right;
}
#buchhaltung #content {
  background: #fff url(buchhaltung_bg.jpg);
}
#buchhaltung #content p {
  margin: 15px 25px 0 550px;
  text-align: left;
  color: #fff;
  font-size: 11px;
  font-family: Verdana;
}
/* Bewerbung */
#bewerbung #header {
  position: absolute;
  top: 0;
  left: 24px;
  width: 800px;
  height: 116px;
  text-align: left;
  background: url(buchhaltung_head.jpg) no-repeat right;
}
#bewerbung #content {
  background: #fff url(bew.jpg) no-repeat;
}
#bewerbung #content p {
  margin-top:15px;
  margin-left:20px;
  text-align: left;
  color: #fff;
  font-size: 11px;
  font-family: Verdana;
}
#bewerbung #content table td {
  width:400px;
  vertical-align:top;
}
#bewerbung #content ul {
  margin-top:15px;
  margin-left:32px;
  margin-right:15px;
  text-align: left;
  color: #fff;
  font-size: 11px;
  font-family: Verdana;
}

/* Reparaturen */
#reparaturen #header {
  position: absolute;
  top: 0;
  left: 24px;
  width: 800px;
  height: 116px;
  text-align: left;
  background: url(reparaturen_head.jpg) no-repeat right;
}
#reparaturen #content {
  background: #fff url(reparaturen_bg.jpg);
}
#reparaturen #content p {
  margin: 15px 12px 0 550px;
  text-align: left;
  color: #fff;
  font-size: 11px;
  font-family: Verdana;
}

/* Partner und Links */
#partner #header {
  position: absolute;
  top: 0;
  left: 24px;
  width: 800px;
  height: 116px;
  text-align: left;
  background: url(partner_head.jpg) no-repeat right;
}
#partner #content {
  background: #fff url(index_bg.jpg);
}
#partner #content h1 {
  margin: 15px 282px 0 15px;
  text-align: left;
  color: #fff;
  font-size: 11px;
  font-family: Verdana;
  font-weight: bold;
}
#partner #content p {
  margin: 15px 282px 0 15px;
  text-align: left;
  color: #fff;
  font-size: 11px;
  font-family: Verdana;
}
#partner #content ul {
  margin: 2px 0 0 35px;
  text-align: left;
  font-size: 11px;
  font-family: Verdana;
  list-style-type: circle;
}
#partner #content li {
  margin: 0;
  color: #fff;
}
#partner #content a {
  color: #fff;
  text-decoration: dotted;
}
#partner #content a:hover {
  color: #fff;
}

/* Kontakt */
#kontakt #header {
  position: absolute;
  top: 0;
  left: 24px;
  width: 800px;
  height: 116px;
  text-align: left;
  background: url(anfahrt_head.jpg) no-repeat right;
}
#kontakt #content {
  background: #fff url(kontakt_bg.jpg);
}
#kontakt #content p {
  margin: 15px 550px 0 15px;
  text-align: left;
  color: #fff;
  font-size: 11px;
  font-family: Verdana;
}
#kontakt #content a {
  color: #fff;
  text-decoration: underline;
}
#kontakt #content a:hover {
  color: #fff;
  text-decoration: none;
}
#kontakt #content h1 {
  color: #fff;
  font-size: 12px;
  margin: 15px 550px 15px 15px;
}
#kontakt #content table {
  margin: 0 0 0 15px;
  width: 200px;
  font-size: 11px;
  color: #fff;
  font-family: Verdana;
}
#kontakt #content input, #kontakt #content textarea {
  margin: 0;
  padding: 3px;
  border: 0;
  width: 170px;
  font-size: 12px;
  font-family: Verdana;
}
#kontakt #content input.submit {
  color:#b2b2b2;
  margin: 0;
  padding: 3px;
  border: 0;
  width: 176px;
  background-color: #fff;
  font-weight: bold;
}
#kontakt #content .message {
  vertical-align: top;
  padding: 5px 15px 0 0;
}
#kontakt #content #kontakthinweis {
  position: absolute;
  top: 295px;
  left: 94px;
  width: 176px;
  background: #fff;
  text-align:center;
}
#kontakt #content #kontakthinweis p {
  margin: 15px;
}
/* Anfahrt */
#anfahrt #header {
  position: absolute;
  top: 0;
  left: 24px;
  width: 800px;
  height: 116px;
  text-align: left;
  background: url(anfahrt_head.jpg) no-repeat right;
}
#anfahrt #content {
  background: #fff url(anfahrt_bg.jpg);
  text-align: left;
}
#anfahrt #content h1 {
  margin: 15px 550px 0 15px;
  color: #fff;
  font-size: 12px;
  font-family: Verdana;
  font-weight: bold;
}
#anfahrt #content p {
  margin: 0 550px 0 15px;
  color: #fff;
  font-size: 11px;
  font-family: Verdana;
}
#anfahrt #content a {
  color: #fff;
  font-weight: bold;
  text-decoration: underline;
}
#anfahrt #content a:hover {
  color: #fff;
}
#anfahrt #content img {
  margin: 15px 550px 0 15px;
}

/* Impressum */
#impressum #header {
  position: absolute;
  top: 0;
  left: 24px;
  width: 800px;
  height: 116px;
  text-align: left;
  background: url(impressum_head.jpg) no-repeat right;
}
#impressum #content {
  background: #fff url(impressum_bg.jpg);
}
#impressum #content p {
  margin: 15px 550px 0 15px;
  text-align: left;
  color: #fff;
  font-size: 11px;
  font-family: Verdana;
}
#impressum #content a {
  color: #fff;
  text-decoration: underline;
}
#impressum #content a:hover {
  color: #fff;
  text-decoration: none;
}
