body   { color: black; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: white; background-image: url(../bilder/hintergrund/kachel.jpg); margin: 0; padding: 0 }
#panorama   { background-repeat: no-repeat; margin: 0; padding: 0 }
.klein	{ background-image: url(../bilder/hintergrund/panorama1.jpg)}
.mittel	{ background-image: url(../bilder/hintergrund/panorama2.jpg)}
.gross	{ background-image: url(../bilder/hintergrund/panorama3.jpg)}
img { border: 1px solid #FF9933}
a:hover { text-decoration: none }
#inhalt   { z-index: 1; width: 100% }
#text     { background-color: #fff; background-image: none; margin-right: 265px; margin-bottom: 5%; margin-left: 10%; padding-right: 3em; padding-bottom: 2em; padding-left: 2em; z-index: 2; border: 2px solid #FF9933}
.kleinertext  { margin-top: 140px }
.mitteltext { margin-top: 200px }
.grossertext { margin-top: 305px }
#portrait     { visibility: visible; position: absolute; z-index: 3; right: 30px; width: auto; height: auto }
.portraitklein { top: 170px }
.portraitmittel { top: 240px }
.portraitgross { top: 340px }
.navigation      {
	text-align: center;
	margin-right: -3em;
	margin-left: -2em;
	margin-bottom: 1.5em;
	padding: 2px 3em 4px;
	background: #693;
}
.navigation a { color: #000; font-size: 80%; line-height: 120%; text-decoration: none; padding-right: 5px; padding-left: 0.5em; border: solid 1px }
.navigation a:hover { color: #fff; border: solid 1px #000 }
#text { text-align: left }
h1, h2, h3, h4, h5, h6 {
	text-align: left;
	clear:both;
}

.navigation {
	text-align: center;
	padding-top: 0.4em;
	padding-left: 0.4em;
	padding-bottom: 0.4em;
}
.navigation ul {
	display: block;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.navigation li {
	display: inline;
	line-height: 130%;
	margin: 3px;
}
.navigation a { color: #000; line-height: 120%; text-decoration: none; padding-right: 5px; padding-left: 0.5em; border: solid 1px }
.navigation a:hover { color: #fff; border: solid 1px #000 }