body  {
	margin:0;
	padding:0;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Anfang: ID's */
body {
	background-color: #005da8;
	font-family:Arial,Helvetica,sans-serif;
}

	
#header {
	height: 152px;
	width: 748px;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
}

#header #logo {
	margin-left: 469px;
	margin-top: 25px;
	z-index: 100;
}

#header #headernav {
	margin-left: 35px;
	margin-top: 128px;
	z-index: 100;
	font-size: 9px;
	font-weight: bold;
	color: #000000;
}

#content {
	width: 748px;
	background-image: url(images/content_rahmen.jpg);
}

#links {
 margin-left: 20px;
 margin-top: 10px;

}

#links .NavKategorieLeiste {
	background-image: url(images/nav_rahmen.jpg);
	height: 28px;
	padding: 4px 0px 0px 10px;
	width: 129px;
	background-repeat: no-repeat;
	z-index: 50;
	font-weight: bold;
	font-size: 12pt;
	color: #005da8;
}

#mitte {
	margin-left:220px;
	margin-top: 10px;
	width:500px;
	font-size: 12px;
}


#mitte #ueberschrift {
font-size: 20px;
font-weight: bold;
color: #02598b;
margin-bottom: 15px;
}

#mitte #text{
	text-align: justify;
	font-size: 14px;
}

#footer {
	width: 748px;
	height: 52px;
	background: url(images/footer.jpg) no-repeat top;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Anfang: Texte und Links etc. */

#links .NavPunkt {
font-size: 10px;
padding-left: 5px;
margin-top: 30px;
color: #000000;
}

#links a.NavPunkt:link, a.NavPunkt:active, a.NavPunkt:visited {
text-decoration: none;
}

#links a.NavPunkt:hover {
text-decoration: underline;
color: #02598b;
}

.headernav {
font-size: 9px;
font-weight: bold;
color: #000000;
}

a.headernav:link, a.headernav:active, a.headernav:visited {
text-decoration: none;
}

a.headernav:hover {
text-decoration: underline;
color: #02598b;
}

.copyright {
font-size: 10px;
color: #ffffff;
margin-right: 20px;
text-align: right;
}

a.copyright:link, a.copyright:visited, a.copyright:active {
text-decoration: none;
}

a.copyright:hover {
color: #9ad2ed;
text-decoration: underline;
}

a.inhalt:link, a.inhalt:visited, a.inhalt:active {
color: #02598b;
text-decoration: none;
}

a.inhalt:hover {
color: #000000;
text-decoration: underline;
}

#text a:link, #text a:visited, #text a:active {
color: #02598b;
text-decoration: none;
}

#text a:hover {
color: #000000;
text-decoration: underline;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Ende: Texte und Links etc. */

#header #logo, #header #headernav, #links .NavKategorieLeiste {
	position: absolute;
}

#links, #content, #footer, #links .NavKategorieLeiste {
	float: left;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Beginn: Kontaktformular */
input.text, button, textarea {
  border: 1xp solid;
  background-color: #dddddd;
  font-size: 12px;
  color: #black;
}

button {
  background-color: #02598b;
  color: #ffffff;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Ende: Kontaktformular */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Beginn: Fotos */
.referenzen {
border: 1px solid #000000;
margin: 3px 10px 10px 10px;
}

 .referenzenrahmenlos {
 margin: 3px 10px 10px 10px;
 }

.referenzenfloat {
float: right;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Ende: Fotos */