body  {
	margin:0;
	padding:0;
}

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

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

#header #logo {
	margin-left: 685px;
	margin-top: 5px;
	z-index: 100;
}
#header #logo_kjf {
	margin-left: 2px;
	margin-top: 5px;
	z-index: 99;
        float:left;
}

#header #newsstempel {
	margin-left: 2px;
	margin-top: 2px;
	z-index: 100;
}

#header #zufallsfoto1 {
	margin-left: 100px;
	margin-top: 2px;
	z-index: 99;
}

#header #zufallsfoto2 {
	margin-left: 300px;
	margin-top: 2px;
	z-index: 99;
}

#header #zufallsfoto3 {
	margin-left: 500px;
	margin-top: 2px;
	z-index: 99;
}

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

#links {
 margin-left:5px;

}

#mitte {
	margin-left:160px;
	width:600px;
	text-align: justify;
	font-size: 14px;
}



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



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

ol {
  list-style-type:upper-roman
}

ol li ol {
  list-style-type:decimal
}

.NavKategorie {
font-size: 13px;
font-weight: bold;
color: #000000;
}

.NavPunkt {
font-size: 10px;
color: #000000;
}

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

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

.copyright {
font-size: 10px;
color: #ffffff;
margin-left: 330px;
}

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

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

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

#mitte #gaestebucheintrag_von {
font-size: 9px;
text-align: right;
}

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

a.inhalt:hover {
color: #000000;
text-decoration: underline;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Ende: Texte und Links etc. */





#header #logo, #header #newsstempel, #header #zufallsfoto1, #header #zufallsfoto2, #header #zufallsfoto3 {
	position: absolute;
}

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


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Anfang: Fotogalerie */
table.maxwidth {
	margin: 0px; width: 100%;
}

td.nav {
	background-color: #9ad2ed; color: black; font-family: Verdana, Arial; font-weight: bold; font-size: 9pt;
}

td.nav2 {
	background-color: #9ad2ed; color: black; font-family: Verdana, Arial; font-weight: bold; font-size: 9pt;
}

td.description {
	background-color: #02598b; color: black; font-family: Verdana, Arial; font-weight: bold; font-size: 9pt;
}

a.nav, a.nav:link, a.nav:visited, a.nav:active {
	color: #02598b; font-family: Verdana, Arial; font-weight: bold; font-size: 9pt; text-decoration: none;
}
a.nav:hover {
	color: #02598b; font-family: Verdana, Arial; font-weight: bold; font-size: 9pt; text-decoration: underline;
}

a.nav2, a.nav2:link, a.nav2:visited, a.nav2:active {
	color: #02598b; font-family: Verdana, Arial; font-weight: bold; font-size: 9pt; text-decoration: none;
}
a.nav2:hover {
	color: #02598b; font-family: Verdana, Arial; font-weight: bold; font-size: 9pt; text-decoration: underline;
}


a.legend, a.legend:link, a.legend:visited, a.legend:active {
	color: #02598b; font-family: Verdana, Arial; font-weight: bold; font-size: 7pt; text-decoration: none;
}
a.legend:hover {
	color: #02598b; font-family: Verdana, Arial; font-weight: bold; font-size: 7pt; text-decoration: underline;
}

.permission {
	color: black; font-family: Verdana, Arial; font-size: 9pt; width: 200px;
}

input.login {
	color: black; font-family: Verdana, Arial; font-size: 7pt; width: 80px;
}

input.submit {
	background-color: #02598b; color: black; font-family: Verdana, Arial; font-weight: bold; font-size: 7pt;
}


td.header {
	color: #000000; font-family: Verdana, Arial; font-weight: bold; font-size: 9pt; text-align:center;
}

.whitetext {
	color: #ffffff; font-family: Verdana, Arial; font-size: 9pt;
}

textarea.description {
	color: black; font-family: Verdana, Arial; font-size: 9pt; width: 100%; height: 100px;
}

body.phpwebalbum {
	background-color: #02598b; color: #000000; font-family: Verdana, Arial; font-size: 9pt;
}

img {
	border: 0px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Ende: Fotogalerie */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Beginn: Kontaktformular */
input.text, button, textarea {
  border: 1px solid;
  background-color: #dddddd;

  font-family: sans-serif;
  font-size: 12px;
  color: black;
}

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

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Beginn: Fotos */
.contentfoto {
border: 1px solid #000000;
float: right;
margin: 3px 0px 10px 10px;
}

.contentfoto_rahmenlos {
float: right;
margin: 3px 0px 10px 10px;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Ende: Fotos */