body{
background-image: url(bg_website.jpg);
background-repeat: repeat-x;
background-color: #7db0e1;
text-align: center;
font-family: verdana, arial, sans-serif;
}

.hide{
display: none;
}


#zentrierung{
margin: 0 auto;
width: 854px;
}

/* Header, Subheader */
#header{
width: 100%;
height: 141px;
background: url(header.jpg) no-repeat;
}

#header_sub{
width: 100%;
height: 24px;
background: url(sub_header.jpg) no-repeat;
text-align: center;
font-weight: bold;
font-size: 11px;
color: #0f1b60;
}

#header_sub a{color: #0f1b60;}
#header_sub a:hover{
text-decoration: none;
}

#breadcrumb{
float: left;
padding-left: 22px;
padding-top: 5px;
}

#subheader_nav{
float: right;
padding-top: 5px;
padding-right: 22px;
}

#subheader_nav a.kontakt{
background-image: url(subheader_nav_kontakt.jpg);
background-repeat: no-repeat;
background-position: left bottom;
padding-left: 20px;
}

#subheader_nav a.sitemap{
background-image: url(subheader_nav_sitemap.jpg);
background-repeat: no-repeat;
background-position: left bottom;
padding-left: 20px;
}

#subheader_nav a.impressum{
background-image: url(subheader_nav_impressum.jpg);
background-repeat: no-repeat;
background-position: left bottom;
padding-left: 12px;
}

#mitte{
background-image: url(bg_mitte.jpg);
background-repeat: repeat-y;
background-position: left top;
width: 100%;
text-align: left;
display: block;
}

#navigation{
float: left;
width: 180px;
margin-right: 30px;
color: #ffffff;
}

#navigation ul{
margin: 0px;
padding: 0px;
padding-top: 26px;
padding-left: 10px;
font-size: 12px;
font-weight: bold;
list-style-type: none;
padding-bottom: 35px;
}

#navigation ul li{
line-height: 32px;
background: url(nav_trenner.jpg) no-repeat left bottom;
}

#navigation ul a{
color: #ffffff;
text-decoration: none;
background: url(nav_punkt.jpg) no-repeat left bottom;
padding-left: 28px;
}

#navigation ul a.current{
color: #80afe3;
}

.counter{
background: url(counter.jpg) no-repeat left center;
padding-left: 15px;
display: block;
}

.counterpkt{
background: url(counter_spitze.jpg) no-repeat left center;
padding-left: 12px;
display: block;
}

#inhalt{
width: 620px;
padding-top: 20px;
float: left;
font-size: 11px;
padding-bottom: 30px;
}

/* Horizontale Navigation, 2.Ebene*/
#inhalt ul.nav2nd{
margin: 0px;
padding: 0px;
}

#inhalt ul.nav2nd li{
float: left;
padding-right: 10px;
display: block;
}

#inhalt ul.nav2nd li a{
color: #0f1b60;
background: url(nav_punkt_2.jpg) no-repeat left bottom;
padding-left: 18px;
}

#inhalt ul.nav2nd li a:hover{
text-decoration: none;
}

#inhalt ul.nav2nd li a.current{
font-weight: bold;
}

#footer{
width: 100%;
height: 42px;
background: url(footer.jpg) no-repeat left top;
}

#footer div{
padding-top: 10px;
color: #ffffff;
font-size:11px;
font-weight: bold;
}

/* Inhaltsformatierungen*/
#inhalt a{
color: #0f1b60;
text-decoration: underline;
}

#inhalt a:hover{
text-decoration: none;
}

#inhalt h1{
color: #0f1b60;
font-size: 16px;
margin: 0px;
padding: 0px;
border-bottom: 1px solid #0f1b60;
margin-bottom: 18px;
}

#inhalt h2{
padding: 0px;
margin: 0px;
padding-top: 15px;
padding-bottom: 0px;
color: #0f1b60;
font-size: 14px;
}

#inhalt hr{
background-color:#0f1b60; /* Mozilla 1.4 */
color:#0f1b60; /* IE 6 */
border: #0f1b60; /* Opera 7.11 */
height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
}

/* Kontaktformular */
#inhalt fieldset{
border: 0px;
}

#inhalt input, #inhalt textarea{
border: 1px solid #0f1b60;
}

#inhalt input.senden{
background: #0f1b60;
color: #ffffff;
}

#inhalt #textile table{
 width: 90%;
}

#inhalt #textile table td{
  border-bottom: 1px solid #7eb0e1;
}

/* Gästebuch */
#inhalt input.a63-fsubmit{
background: #0f1b60;
color: #ffffff;
}

table.guestbook{
width: 526px;
border: 0px;
}

td.gb_header{
background: url(gb_header.jpg) repeat-x left bottom;
color: #ffffff;
line-height: 22px;
}

#inhalt td.gb_header a, #inhalt td.gb_footer a{
color: #ffffff;
line-height: 22px;
}

td.gb_eintrag{
background: #ffffff;
color: #0f1b60;
border-top: 1px solid #0f1b60;
border-bottom: 1px solid #0f1b60;
}

td.gb_footer{
background: url(gb_footer.jpg) no-repeat left bottom;
color: #ffffff;
padding: 3px 0px 6px 10px;
}

td.gb_footer a{
color: #ffffff;
}

/* News-Liste, Terminliste*/
.newsimage{
float: left;

}

img.news{
border: 1px solid #7bafde;
margin-right: 12px;
}

div.newstext h2{
padding: 0px;
margin: 0px;
padding-top: 4px;
}

.newstext a{
color: #0f1b60;
}

.newstext a:hover{
text-decoration: none;
}

div.newstext a.title{
background: url(news_symbol.jpg) no-repeat left;
padding-left: 16px;
font-size: 13px;
color: #0f1b60;
}

#inhalt hr.newstrenner{
background-color:#7bafde; /* Mozilla 1.4 */
color:#7bafde; /* IE 6 */
border: #7bafde; /* Opera 7.11 */
height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
}

#pagination{
position: relative;
top: -20px;
width: 98%;
height: 20px;
background: #7bafde;
line-height: 18px;
padding-left: 12px;
}

div.terminlist{
background: #ffffff;
border-bottom: 2px solid #0f1b60;
margin-bottom: 15px;
}

div.termintext a.title, div.toptermintext a.title{
background: url(termin_symbol.jpg) no-repeat left bottom;
padding-left: 18px;
font-size: 13px;
color: #0f1b60;
}


/*Top-Termine, Startsite*/
#terminheader{
width: 620px;
height: 26px;
background: url(termin_header.jpg) no-repeat left top;
margin-bottom: 8px;
}

#terminheader h2{
font-size: 12px;
font-weight: bold;
color: #ffffff;
padding: 0px;
margin: 0px;
padding-left: 15px;
padding-top: 7px;
}

div.toptermintext{
text-indent: 15px;
padding: 5px 0px;
border-bottom: 1px solid #7bafde;
}


<!-- hasso Galerie-->
#hassoGallery {
	padding: 0;
	font-size: 11px;
         text-align: center;
         }

#hassoNav {
	display: block;
	text-align:left;
         width: 100%;
         border-bottom:2px solid  #7eb0e1;
         background-color: #7eb0e1;

}

#hassoNav ul {
    	display: block;
	text-align:left;
	list-style: none;
         padding: 0px;
         padding-left: 5px;
         padding-bottom: 3px;
        	font-weight: bold;
	line-height: normal;
	margin: 0 auto;
         margin-top: 2px;
	margin-bottom: 2px;
         }

#hassoNav ul li{
    	display: block;
	text-align:left;
	list-style: none;
         padding: 0px;
         padding-top: 4px;
	margin: 0 auto;
         height: 12px;
         }

#hassoNav a {
	display: block;
}

#hassoNav a:hover {
	display: block;
	background-color: #335588;
}

#hassoNav #active {
	display: block;
	background-color: #7eb0e1;

}

#hassoThumbs {
	float: left;
	padding: 0;
	width: 100%;
	margin: 0px;
	border-bottom:2px solid  #7eb0e1;
	font: bold 14px verdana ,  sans-serif;
	text-align: center;

}

#hassoThumbs .hassoThumb {
	float: left;
	margin: 10px 20px 10px 20px;
	border:0;
	height: 115px;
	width: 150px;
	text-align: center;
	vertical-align:middle;
	display: block;

}

#hassoThumbs .hassoThumb a {
	border:0;

}

#hassoThumbs .hassoThumb a img {
	border:0;

}


#hassoPic {
	text-align:center;
	width: 100%;
	margin: 0px;
	margin-bottom: 10px;
	padding-bottom: 20px;
	border-bottom:2px solid  #7eb0e1;
	font: bold 11px verdana ,  sans-serif;

}


#hassoPic .hassoTitle {
         padding: 0px 10px;
         padding-top: 10px;
         font-size: 11px;
         font-weight: bold;
	text-align:left;

}

#hassoPic .hassoDescription {
         padding: 5px 10px;
         padding-bottom: 10px;
         text-align:left;

}

#hassoPic img {
	border: 0px;
	margin: 0px;
}


#hassoPrevNextNav {
	display: block;
	font-size: small ;
	width: 100%;
	margin:0;
	padding: 0;


}


#hassoPrevNextNav #hassoPrevPic{
	font-size: 11px;
  float: left;

}


#hassoPrevNextNav #hassoNextPic{
	font-size: 11px;
  float: right;
}

#hassoPrevNextNav #hassoPrevPic a {
	text-align:left;
}


#hassoPrevNextNav #hassoNextPic a {
	text-align:right;

}