yyyyyyyyyyyyyyyy_allgemein_yyyyyyyyyyyyyy
{
}
h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	color: #060;
	text-align: center;
}
#links
{
	float: left;
	padding-bottom: 10px;
	padding-left: 10px;
}
#rechts
{
	text-align: right;
	padding-right: 10px;
	padding-bottom: 10px;
	float: right;
}

html
{
	height: 101%;
}

body
{
	margin: 0px;
	padding: 0px;
	background-image: url(../bilder/verlauf.gif);
	background-repeat: repeat-x;
}

yyyyyyyyyyy_navigation_oben_yyyyyyyyyyyyy
{
}
ul
{
	list-style-type: none;
	padding: 10px 0px 0px;
	margin: 0px auto;
	height: 30px;
	width: 900px;
}

ul li
{
	width: 900px;
	height: 30px;
	float: left;
}
#rahmen1
{
	margin-right: auto;
	margin-left: auto;
	z-index: 5;
}
ul #oben
{
}



#linke_seite
{
	background-image: url(../bilder/navigation_fs/linke_seite.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 30px;
}
#info
{
	background-image: url(../bilder/navigation_fs/info.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 140px;
}
#diashow:hover
{
	background-image: url(../bilder/navigation_fs/diashow_over.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 140px;
}
#kalender
{
	background-image: url(../bilder/navigation_fs/kalender.png);
	height: 30px;
	width: 140px;
}
#kontakt
{
	background-image: url(../bilder/navigation_fs/kontakt.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 140px;
}
#impressum
{
	background-image: url(../bilder/navigation_fs/impressum.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 140px;
}
#archiv
{
	background-image: url(../bilder/navigation_fs/archiv.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 140px;
}
#rechte_seite
{
	background-image: url(../bilder/navigation_fs/rechte_seite.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 30px;
}
#unten
{
	clear: left;
	margin: 0px;
	padding: 0px;
}
#info:hover
  
{
	background-image: url(../bilder/navigation_fs/info_over.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 140px;
}
#diashow
{
	background-image: url(../bilder/navigation_fs/diashow.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 140px;
}
#kalender:hover
  
  
{
	background-image: url(../bilder/navigation_fs/kalender_over.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 140px;
}
#kontakt:hover
  
{
	background-image: url(../bilder/navigation_fs/kontakt_over.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 140px;
}
#impressum:hover
  
{
	background-image: url(../bilder/navigation_fs/impressum_over.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 140px;
}
#archiv:hover
, #archiv a:focus
{
	background-image: url(../bilder/navigation_fs/archiv_over.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 140px;
}
#innen
{
	visibility: hidden;
	position: absolute;
	top: 19px;
	height: 30px;
	width: 140px;
	z-index: 10;
}
#kalender:hover #innen
{
	visibility: visible;
}
#oben a
{
	height: 30px;
	width: 140px;
	display: block;
	text-indent: -10000px;
}

.relative
{
	position: relative;
}
#oben a:focus
{
	outline: none;
}


#januar
{
	background-image: url(../bilder/navigation_fs/januar.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 140px;
}
#februar
{
	background-image: url(../bilder/navigation_fs/februar.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 140px;
}
#maerz
{
	background-image: url(../bilder/navigation_fs/maerz.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 140px;
}
#april
{
	background-image: url(../bilder/navigation_fs/april.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 140px;
}
#mai
{
	background-image: url(../bilder/navigation_fs/mai.png);
	height: 25px;
	width: 140px;
}
#juni
{
	background-image: url(../bilder/navigation_fs/juni.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 140px;
}
#juli
{
	background-image: url(../bilder/navigation_fs/juli.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 140px;
}
#august
{
	background-image: url(../bilder/navigation_fs/august.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 140px;
}
#september
{
	background-image: url(../bilder/navigation_fs/september.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 140px;
}
#oktober
{
	background-image: url(../bilder/navigation_fs/oktober.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 140px;
}
#november
{
	background-image: url(../bilder/navigation_fs/november.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 140px;
}
#dezember
{
	background-image: url(../bilder/navigation_fs/dezember.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 140px;
}
#innen a
{
	display: block;
	height: 25px;
	width: 140px;
}
#kalender a:focus
{
	background-image: url(../bilder/navigation_fs/kalender_over.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 140px;
}
#kalender ul a:focus
{
	background-image: none;
}

#januar:hover
 
{
	background-image: url(../bilder/navigation_fs/januar_over.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 140px;
}
#februar:hover
{
	background-image: url(../bilder/navigation_fs/februar_over.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 140px;
}
#maerz:hover
{
	background-image: url(../bilder/navigation_fs/maerz_over.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 140px;
}
#april:hover
{
	background-image: url(../bilder/navigation_fs/april_over.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 140px;
}
#mai:hover
{
	background-image: url(../bilder/navigation_fs/mai_over.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 140px;
}
#juni:hover
{
	background-image: url(../bilder/navigation_fs/juni_over.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 140px;
}
#juli:hover
{
	background-image: url(../bilder/navigation_fs/juli_over.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 140px;
}
#august:hover
{
	background-image: url(../bilder/navigation_fs/august_over.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 140px;
}
#september:hover
{
	background-image: url(../bilder/navigation_fs/september_over.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 140px;
}
#oktober:hover
{
	background-image: url(../bilder/navigation_fs/oktober_over.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 140px;
}
#november:hover
{
	background-image: url(../bilder/navigation_fs/november_over.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 140px;
}
#dezember:hover
{
	background-image: url(../bilder/navigation_fs/dezember_over.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 140px;
}
#impressum a:focus
{
	background-image: url(../bilder/navigation_fs/impressum_over.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 140px;
}
#kontakt a:focus
{
	background-image: url(../bilder/navigation_fs/kontakt_over.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 140px;
}
#archiv a:focus
{
	background-image: url(../bilder/navigation_fs/archiv_over.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 140px;
}
#diashow a:focus
{
	background-image: url(../bilder/navigation_fs/diashow_over.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 140px;
}
#info a:focus
{
	background-image: url(../bilder/navigation_fs/info_over.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 140px;
}



yyyyyy_diashow_yyyyyyyyyy
{
}
#rahmen2
{
	height: 400px;
	width: 525px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	top: 5px;
	border: 2px solid #060;
	z-index: 0;
}
#ds li
{
	height: 100px;
	width: 75px;
}


#ds img
{
	height: 100%;
	width: 100%;
}






#ds
{
	padding: 0px;
	height: 400px;
	width: 225px;
	list-style-type: none;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	left: 0px;
	top: 0px;
}
.gross
{
	visibility: hidden;
}
#backofenwall_gross
{
	left: 225px;
	top: 0px;
	position: absolute;
	height: 300px;
	width: 225px;
	background-color: #FFF;
}
#rathaus_gross
{
	position: absolute;
	left: 225px;
	top: 0px;
	height: 225px;
	width: 300px;
	visibility: visible;
	background-color: #FFF;
}
img#rathaus_gross
{
	position: absolute;
	visibility: visible;
	height: 225px;
	width: 300px;
	left: 225px;
	top: 0px;
}

#stoinerner_mo_gross
{
	position: absolute;
	height: 300px;
	width: 225px;
	left: 225px;
	top: 0px;
	background-color: #FFF;
	z-index: 5;
}

#vogelmauer_gross
{
	position: absolute;
	left: 225px;
	top: 0px;
	height: 225px;
	width: 300px;
	background-color: #FFF;
}
#hochablass_gross
{
	position: absolute;
	height: 225px;
	width: 300px;
	left: 225px;
	top: 0px;
	background-color: #FFF;
}
#jakobertor_gross
{
	position: absolute;
	height: 300px;
	width: 225px;
	left: 225px;
	top: 0px;
	background-color: #FFF;
}
#hofgarten_gross
{
	position: absolute;
	height: 225px;
	width: 300px;
	left: 225px;
	top: 0px;
	background-color: #FFF;
}
#eiskanal_gross
{
	position: absolute;
	height: 300px;
	width: 225px;
	left: 225px;
	top: 0px;
	background-color: #FFF;
}
#kraeutergaertle_gross
{
	position: absolute;
	height: 225px;
	width: 300px;
	left: 225px;
	top: 0px;
	background-color: #FFF;
}
#fuenffingerlesturm_gross
{
	position: absolute;
	height: 300px;
	width: 225px;
	left: 225px;
	top: 0px;
	background-color: #FFF;
}
#hexe_vom_luginsland_gross
{
	position: absolute;
	height: 300px;
	width: 225px;
	left: 225px;
	top: 0px;
	background-color: #FFF;
}
#wasserrad_am_vogeltor_gross
{
	position: absolute;
	height: 225px;
	width: 300px;
	left: 225px;
	top: 0px;
	background-color: #FFF;
}
#fuenffingerlesturm_klein:hover #fuenffingerlesturm_gross
{
	visibility: visible;
	height: 300px;
	width: 225px;
}
#hofgarten_klein:hover #hofgarten_gross
{
	visibility: visible;
	height: 225px;
	width: 300px;
}
#hochablass_klein:hover #hochablass_gross
{
	visibility: visible;
	height: 225px;
	width: 300px;
}

#backofenwall_klein:hover #backofenwall_gross
{
	visibility: visible;
	height: 300px;
	width: 225px;
}
#rathaus_klein:hover #rathaus_gross
{
	visibility: visible;
	height: 225px;
	width: 300px;
}
#vogelmauer_klein:hover #vogelmauer_gross
{
	visibility: visible;
}
#stoinerner_mo_klein:hover #stoinerner_mo_gross
{
	visibility: visible;
	height: 300px;
	width: 225px;
}
#jakobertor_klein:hover #jakobertor_gross
{
	position: absolute;
	visibility: visible;
	height: 300px;
	width: 225px;
}
#eiskanal_klein:hover #eiskanal_gross
{
	visibility: visible;
	height: 300px;
	width: 225px;
}
#kraeutergaertle_klein:hover #kraeutergaertle_gross
{
	visibility: visible;
	height: 225px;
	width: 300px;
}
#wasserrad_am_vogeltor_klein:hover #wasserrad_am_vogeltor_gross
{
	visibility: visible;
	height: 225px;
	width: 300px;
}
#hexe_vom_luginsland_klein:hover #hexe_vom_luginsland_gross
{
	visibility: visible;
	height: 300px;
	width: 225px;
}
.absatz 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #060;
	background-color: #FFF;
}
#rahmen8
{
	height: 400px;
	width: 525px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	top: 5px;
	z-index: 0;
}