* { margin: 0;
    padding: 0;}


body, html{		/* Höhen- und Breitenanpassung zu 100%; Scrollbar ausblenden */ 
	width: 100%;
    height: 100%;	
    overflow: hidden;
}


#hgbild{ 		/* HG Bild auf unterste Ebene anordnen */ 
	position: absolute;
    top: 0;
    left: 0;
    border: 0;
    z-index: 1;
}


#bodydummy{ 			/* Body-Dummy absolut über BG-Image legen; Scrollbar bei Bedarf einblenden */
	position: absolute;
	top: 1px;
	left: -2px;
	z-index: 2;
	overflow: auto;
	width: 100%;
	height: 100%;
	text-align: center;
}


#mainDiv{			/* Layoutelemente */ 
	width: 800px;
    height: 550px;
    text-align: left;
    margin: 18px auto;
}


#headdummy{ 
	
}


#banner {
	width: 800px;
	height: 140px;
	text-align: left;
	margin:right;
	border-bottom: 5px solid #3F3;
}

#bannerbild {
	width: 130px;
	heigth: 140px;
	float:right;
	margin-right: 25px;
}

#strgo {					/* strgo HG */
    height:18px;
    width:650px;
    margin: left;
	padding-top:115px;
}

#strgo a:link { color:white; text-decoration:none; outline: none; }
#strgo a:visited { color:white; text-decoration:none; outline: none; }
#strgo a:focus { color:#000; text-decoration:none; outline: none; }
#strgo a:hover { color:#000; text-decoration:none; outline: none; }
#strgo a:active { color:white; text-decoration:none; outline: none; }

#strgo a{
	width: auto;
	text-align: center;
	margin-right: 17px;
	margin-left: 17px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight:bold;
	font-size:18px;
}


#strgu {					/* strgu HG */
    height:17px;
    width:575px;
    margin: left;
}


#strgu a:link { color:white; text-decoration:none; outline: none; }
#strgu a:visited { color:white; text-decoration:none; outline: none; }
#strgu a:focus { color:#000; text-decoration:none; outline: none; }
#strgu a:hover { color:#000; text-decoration:none; outline: none; }
#strgu a:active { color:white; text-decoration:none; outline: none; }


#strgu a{
	width: auto;
	text-align: center;
	margin-right: 14px;
	margin-left: 14px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight:bold;
	font-size:17px;
}


#imprhaf {					/* strgu HG */
    height:13px;
    width:300px;
	padding-top: 10px;
	margin:auto;
	text-align: center;
	font-size:12px;
}




#imprhaf a:link { color:white; text-decoration:none; outline: none; }
#imprhaf a:visited { color:white; text-decoration:none; outline: none; }
#imprhaf a:focus { color:white; text-decoration:none; outline: none; }
#imprhaf a:hover { color:#999; text-decoration:none; outline: none; }
#imprhaf a:active { color:#999; text-decoration:none; outline: none; }


#bannerunten {
	width:200px;
	height: 45px;
	float:right;
	text-align:center;
	margin-right: 15px;
	margin-top: 5px;
}


#content{
	width:800px;
    height: 410px;
	border-bottom: 5px solid #3F3;
}

#text{
	text-align:justify;
	margin-left:5px;
	margin-top:10px;
	font-size:16px;	
}

#textimpressum {
	overflow:auto;
	width:760px;
	height:410px;
	text-align:justify;
    margin-left:40px;
    margin-right:40px;
   }


#michse {
    float:left;
    width:190px;
    height:200px;
	padding-top:15px;
	padding-right:19px;
	padding-bottom:15px;

}

#eos40d {
    float:right;
    width:330px;
    height:220px;
	margin-right:70px;
	padding-top:25px;
	padding-left:25px;
	padding-bottom:25px;

}

#aufzaehlung {
	text-align:justify;
	padding-top:7px;
	padding-bottom:7px;
}


#impressum {
    text-align: justify;
    margin-left:40px;
    margin-right:40px;
    margin-top:10px;
}


/* ---------------------------------------------------- */

/* common styling */

a {color:#000;}
a:hover {text-decoration:none;}
a:visited {color:#111;}

/* slides styling */

.eventgalerie {width:800px; height:410px; text-align:left; position:relative;} /* Galerie komplett */

.eventgalerie ul.reiter {padding:0; margin:0; list-style:none; width:800px; height:auto; position:relative; z-index:10;} /* Reiterzeile oben */

.eventgalerie ul.reiter li {display:block; width:100px; height:21px; float:left; /* einzelne Reiterzelle */
}
.eventgalerie ul.reiter li a.set {display:block; font-size:11px; width:97px; height:20px; text-align:center; line-height:20px; color:#000; text-decoration:none; border:1px solid #FFF; border-width:1px 1px 0 0; font-family:verdana, arial, sans-serif;} /* Einzelne Reiterzelle Schrift */

.eventgalerie ul.reiter li a ul, 
.eventgalerie ul.reiter li ul 
{display:none;}

.eventgalerie ul.reiter li a:hover,
.eventgalerie ul.reiter li:hover a
{color:#FFF; background:#3F3;} /* Einzelne Reiterzelle hover */

.eventgalerie ul.reiter li a:hover ul, 
.eventgalerie ul.reiter li:hover ul 
{display:block; position:absolute; left:0; list-style:none; padding:0; margin:0; height:364px; width:769px; padding:10px;} /* Galarie Fensteranzeige bei hover Reiter */

.eventgalerie ul.reiter li a:hover ul li, 
.eventgalerie ul.reiter li:hover ul li 
{display:inline; width:124px; height:87px; float:left; border:1px solid #FFF; margin:1px;}

.eventgalerie ul.reiter li a:hover ul li a, 
.eventgalerie ul.reiter li:hover ul li a 
{display:block; width:122px; height:85px; cursor:default; float:left; text-decoration:none; background: #6C6; border:1px solid #060;} /* HG kleine Bilder */

.eventgalerie ul.reiter li a:hover ul li a img, 
.eventgalerie ul.reiter li:hover ul li a img 
{display:block; width:112px; height:75px; border:5px solid #FFF;} /* Bilder klein */

.eventgalerie ul.reiter li a:hover ul li a img.large, 
.eventgalerie ul.reiter li:hover ul li a img.large 
{position:absolute; display:block; width:0; height:0; overflow:hidden; border:0;}

.eventgalerie ul.reiter li a:hover ul li a img.hlarge, 
.eventgalerie ul.reiter li:hover ul li a img.hlarge 
{position:absolute; display:block; width:0; height:0; overflow:hidden; border:0;}

.eventgalerie ul.reiter li a:hover ul li a:hover, 
.eventgalerie ul.reiter li:hover ul li a:hover 
{white-space:normal; position:relative;}

.eventgalerie ul.reiter li a:hover ul li a:hover img, 
.eventgalerie ul.reiter li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#fff
;}

.eventgalerie ul.reiter li a:hover ul li a:hover img.large, 
.eventgalerie ul.reiter li:hover ul li a:hover img.large 
{position:absolute; display:block; width:0; height:0; overflow:hidden; border:0;}

.eventgalerie ul.reiter li a:hover ul li a:hover img.hlarge, 
.eventgalerie ul.reiter li:hover ul li a:hover img.hlarge 
{position:absolute; display:block; width:0; height:0; overflow:hidden; border:0;}

.eventgalerie ul.reiter li:hover ul li a:focus, 
.eventgalerie ul.reiter li:hover ul li a:active,
.eventgalerie ul.reiter li a:hover ul li a:active 
{position:static; outline:0;}

.eventgalerie ul.reiter li:hover ul li a:focus img, 
.eventgalerie ul.reiter li:hover ul li a:active img, 
.eventgalerie ul.reiter li a:hover ul li a:active img 
{position:absolute; left:160px; top:130px; width:160px; height:130px; padding:0; background:#000; border:0; z-index:5;}

.eventgalerie ul.reiter li:hover ul li a:focus img.large, 
.eventgalerie ul.reiter li:hover ul li a:active img.large, 
.eventgalerie ul.reiter li a:hover ul li a:active img.large 
{position:absolute; left:-5px; top:-55px; width:800px; height:500px; padding:0; background:#000; border:4px solid #fff; z-index:10;}


.eventgalerie ul.reiter li:hover ul li a:focus img.hlarge, 
.eventgalerie ul.reiter li:hover ul li a:active img.hlarge, 
.eventgalerie ul.reiter li a:hover ul li a:active img.hlarge 
{position:absolute; left:150px; top:-155px; width:400px; height:600px; padding:0; background:#000; border:4px solid #fff; z-index:10;}

/* ---------------------------------------------------- */