html, body {
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	font-family:Arial, Tahoma, Veranda, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background: #022c88;
	background-image: url(design/bg-pic.png);
	background-repeat: repeat-x;
}
* A{
	text-decoration:none;
	color: #FFFFFF;
}
#wrapper {
	margin: 30px;
	width: 900px;
	height: 545px;
	position: relative;
	left: 50%;
	margin-left: -450px;
}
#header {
	width: 100%;
	height: 80px;
	padding: 0px;
	margin: 0px;
}
.inhalt {
	background-color: #6298f0;
	width: 540px;
	text-align: center;
	height: 480px;
	margin-left: 180px;
	margin-right: 180px;
	float: left;
	overflow: auto;
}
#top-pic {
	position: absolute;
	top: -25px;
	left: 0px;
	width: 900px;
	height: 109px;
	z-index: 10;
}
h1 {
	font-size: 22px;
}
h3 {
	padding-left: 52px;
	margin-top: 1em;
}
ul {
	text-decoration: none;
	list-style: none;
}

/************************************************** NAV Allgemein **************************************************/
.nav{
	position: absolute;
	background-repeat: repeat-y;
	top: 80px;
	width: 180px;
	height: 480px;
	margin: 0px;
	padding: 0px;
}
.nav P{
	position: absolute;
	left: 0px;
}
.nav IMG{
	width: 80px;
	height: 80px;
	border:none;
}
.nav P a:hover img{
	width: 95px;
	height: 95px;
}
.nav P A SPAN{
	display:none;
	color:#FFFFFF;
	font-size: 16px;
	text-decoration:none;
}
.nav P A:hover SPAN{
	display:inline;
}
.nav1{
	top: 30px;
}
.nav2{
	top: 140px;
}
.nav3{
	top: 250px;
}
.nav4{
	top: 360px;
}
.nav * SPAN{
	display:none;
}
.nav * A:hover SPAN{
	display:block;
}
/************************************************** NAV Links **************************************************/
.nav-links{
	background-image: url(design/bg-nav-links.png);
	left: 0px;
}
.nav-links P{
	left: 0px;
}
/************************************************** NAV Rechts **************************************************/
.nav-rechts{
	background-image: url(design/bg-nav-rechts.png);
	right: 0px;
}
.nav-rechts P{
	right: 0px;
	text-align:right;
}
.copyright {
	font-size: 12px;
	position:absolute;
	padding-right:7px;
	top:454px;
}
.index-hg {
	background-image: url(design/index-hg.png);
	background-repeat: no-repeat;
	margin-top: -277px;
	width: 350px;
	height: 380px;
	left: 30%;
	position: absolute;
}
#album {
width:400px;
height:445px; 
background:#eee;
border:1px solid #aaa;
margin: 0 auto;
}
.galerie_bild {
	padding-top:10px;
	width:400px;
	height:390px;
}
.galerie_bild TABLE {
	border-collapse:collapse;
}
/* entfernt padding margin und bullets*/
.gallery {
padding: 0;
margin: 5px 0 0 8px;
list-style-type:none;
width:400px;
}
/* horizontale liste*/
.gallery li {
float:left;
}
/* stylt den link text*/
.gallery li a, .gallery li a:visited {
font-size:11px;
float:left;
text-decoration:none;
color:#000;
background:#ffffff;
text-align:center;
width:26px;
height:26px;
line-height:24px;
border:1px solid #444;
margin:2px;
}
/* macht die images visible im active/focus */
.gallery li a:active img, .gallery li a:focus img {
visibility:visible;
}


.aktuelles_kalender{
border-collapse:collapse;
background:#EEEEEE;
color:#000000;
}
.aktuelles_kalender TD{
padding:2px;
border:1px solid #CCCCCC;
}
.aktuelles_kalender TD A{
color:#000000;
text-decoration:underline;
}
.aktuelles_kalender TD A:hover{
text-decoration:none;
}
.infobox {
	text-align: center;
	font-size: 19px;
	background: #FF1100;
	border: 3px solid #CC0000;
	margin: 20px;
}