@import url(layout.css);
body {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	background-color: #fff;
	clip: auto;
}
#container {
	width: 100%;
	margin: 0;
	background-color: #fff;
	position: relative;
}
#masthead {
	text-align: right;
	width: 100%;
	background-color: #9A6DED;
}
#navigation {
	background-color: #9A6DED;
	background: #300E72;
	overflow: hidden;
}
#page_content {
	position: relative;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCAA77;
}
#column_l {
	position: relative;
	margin: 0 350px 0 0;
	padding: 0.1% 4%;
	background-color: #fff;
	float: none;
}
#column_r {
	float: none;
	width: 330px;
	margin: 0;
	padding: 10px;
	background-color: #9A6DED;
	position: absolute;
	right: 20px;
	top: 50px;
	text-align: center;
}
#footer {
	background-color: #9A6DED;
	padding-bottom: 5px;
}
/* Styles for Masthead */
#masthead img {
	float: left;
	margin: 0;
	padding: 10px 0 0 10px;
}
#masthead p {
	font-size: small;
	text-align: right;
	color: #000;
	margin: 0px 10px 10px 10px;
	padding: 0;
}
/* Styles for Navigation */
#navigation ul {
	list-style-type: none;
	width: 100%;
	margin: 0;
	padding: 0;
}
#navigation li {
	float: left;
}
#navigation a {
	color: #000;
	text-decoration: none;
	display: block;
	padding: 5px;
	border: 1px solid #ca7;
	background-color: #61B52F;
}
#navigation a:hover {
	color: #000;
	text-decoration: none;
	border: 1px solid #FF8000;
	background-color: #FF8000;
}
/* Styles for Content */
h1 {
	font-size: 2em;
	color: #393939;
	
}
h2 {
	font-size: 1.75em;
	color: #000;
}
h3 {
	font-size: 1.5em;
	color: #000;
}
h4 {
	font-size: 1.25em;
	color: #300E72;
}
h5 {
	font-size: 0.75em;
	color: #300E72;
}
h6 {
	font-size: 0.5em;
	color: #300E72;
}
/* Styles for Footer */
#footer p {
	font-size: x-small;
	text-align: center;
	color: #393939;
	margin: 10px;
	padding: 1px;
}
#footer a {
	color: #393939;
	text-decoration: underline;
}
#footer a:hover {
	color: #000;
	text-decoration: none;
}
/* Styles for Links */
a {
	color: #300E72;
	text-decoration: underline;
}
a:hover {
	color: #FF8000;
	text-decoration: underline;
}
.style_bold {
	font-weight: bold;
}
.style_italic {
	font-style: italic;
}



/*    ----------------------------------- Foto mouseover Effekte -------------------------------      
										Reihenfolge im css:
										Technik
										foto-01
										foto-02
										foto-03
										foto-04
										foto-05
										foto-06
																									  */

/*    ---------------------------- mouseover effekte - foto-technik.htm -----------------------------      */

/*    ----------------- mouseover effekte - info-06-01 = foto-technik.htm > Foto 01 -----------------      */
a.info-technik-01{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-technik-01:hover{z-index:2;} 

a.info-technik-01 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-technik-01:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/violet-quartet_technik/slides/_MG_0926.JPG);
	top: 10px;
	right: 20px;
	width: 740px;
	height: 493px;
} 


/*    ----------------- mouseover effekte - info-06-02 = foto-technik.htm > Foto 02 -----------------      */
a.info-technik-02{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-technik-02:hover{z-index:2;} 

a.info-technik-02 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-technik-02:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/violet-quartet_technik/slides/technogeige.jpg);
	top: 10px;
	right: 20px;
	width: 740px;
	height: 506px;
} 


/*    ----------------- mouseover effekte - info-06-03 = foto-technik.htm > Foto 03 -----------------      */
a.info-technik-03{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-technik-03:hover{z-index:2;} 

a.info-technik-03 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-technik-03:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/violet-quartet_technik/slides/DSCI1194a.jpg);
	top: 10px;
	right: 20px;
	width: 666px;
	height: 500px;
} 


/*    ----------------- mouseover effekte - info-06-04 = foto-technik.htm > Foto 04 -----------------      */
a.info-technik-04{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-technik-04:hover{z-index:2;} 

a.info-technik-04 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-technik-04:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/violet-quartet_technik/slides/vqKircheAndreas.jpg);
	top: 10px;
	right: 20px;
	width: 347px;
	height: 499px;
} 


/*    ----------------- mouseover effekte - info-06-05 = foto-technik.htm > Foto 05 -----------------      */
a.info-technik-05{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-technik-05:hover{z-index:2;} 

a.info-technik-05 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-technik-05:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/violet-quartet_technik/slides/vqKircheGeigeBetti1.jpg);
	top: 10px;
	right: 20px;
	width: 340px;
	height: 500px;
} 


/*    ----------------- mouseover effekte - info-06-06 = foto-technik.htm > Foto 06 -----------------      */
a.info-technik-06{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-technik-06:hover{z-index:2;} 

a.info-technik-06 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-technik-06:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/violet-quartet_technik/slides/vqKircheGeigeBetti2.jpg);
	top: 10px;
	right: 20px;
	width: 344px;
	height: 500px;
} 


/*    -------------- mouseover effekte - foto-01.htm (Depot Dortmund 2007 & 2005 ---------------      */

/*    ----------------- mouseover effekte - info-01-01 = foto-01.htm > Foto 01 -----------------      */
a.info-01-01{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-01-01:hover{z-index:2;} 

a.info-01-01 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-01-01:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/2007Depot-Lounge-DO/slides/IMGP9952.JPG);
	top: 10px;
	right: 20px;
	width: 738px;
	height: 555px;
} 

/*    ----------------- mouseover effekte - info-01-02 = foto-01.htm > Foto 02 -----------------      */
a.info-01-02{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-01-02:hover{z-index:2;} 

a.info-01-02 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-01-02:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/2005Depot-Sweet_Sixteen-DO-Buehnenauftritt/slides/vq1Depot19-11-05.jpg);
	top: 10px;
	right: 20px;
	width: 740px;
	height: 555px;
} 


/*    ----------------- mouseover effekte - info-01-03 = foto-01.htm > Foto 03 -----------------      */
a.info-01-03{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-01-03:hover{z-index:2;} 

a.info-01-03 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-01-03:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/2005Depot-Sweet_Sixteen-DO-Buehnenauftritt/slides/vq2Depot19-11-05.jpg);
	top: 10px;
	right: 20px;
	width: 740px;
	height: 555px;
} 


/*    ----------------- mouseover effekte - info-01-04 = foto-01.htm > Foto 04 -----------------      */
a.info-01-04{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-01-04:hover{z-index:2;} 

a.info-01-04 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-01-04:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/2005Depot-Sweet_Sixteen-DO-Buehnenauftritt/slides/);
	top: 10px;
	right: 20px;
	width: 740px;
	height: 491px;
} 


/*    ----------------- mouseover effekte - info-01-05 = foto-01.htm > Foto 05 -----------------      */
a.info-01-05{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-01-05:hover{z-index:2;} 

a.info-01-05 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-01-05:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/2005Depot-Sweet_Sixteen-DO-Buehnenauftritt/slides/);
	top: 10px;
	right: 20px;
	width: 740px;
	height: 491px;
} 


/*    ----------------- mouseover effekte - info-01-06 = foto-01.htm > Foto 06 -----------------      */
a.info-01-06{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-01-06:hover{z-index:2;} 

a.info-01-06 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-01-06:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/2005Depot-Sweet_Sixteen-DO-Buehnenauftritt/slides/);
	top: 10px;
	right: 20px;
	width: 740px;
	height: 491px;
} 


/*    ------------------ mouseover effekte - foto-02.htm (DASA Dortmund 2008) ------------------      */

/*    ----------------- mouseover effekte - info-02-01 = foto-02.htm > Foto 01 -----------------      */
a.info-02-01{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-02-01:hover{z-index:2;} 

a.info-02-01 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-02-01:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/2008DASA-byGordanaBursac/slides/_MG_8672.JPG);
	top: 10px;
	right: 20px;
	width: 425px;
	height: 361px;
} 



/*    ----------------- mouseover effekte - info-02-01 = foto-02.htm > Foto 02 -----------------      */
a.info-02-02{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-02-02:hover{z-index:2;} 

a.info-02-02 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-02-02:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/2008DASA-byGordanaBursac/slides/_MG_8650.JPG);
	top: 10px;
	right: 20px;
	width: 567px;
	height: 378px;
} 


/*    ----------------- mouseover effekte - info-02-03 = foto-02.htm > Foto 03 -----------------      */
a.info-02-03{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-02-03:hover{z-index:2;} 

a.info-02-03 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-02-03:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/2008DASA-byGordanaBursac/slides/_MG_9041.JPG);
	top: 10px;
	right: 20px;
	width: 378px;
	height: 567px;
} 


/*    ----------------- mouseover effekte - info-02-04 = foto-02.htm > Foto 04 -----------------      */
a.info-02-04{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-02-04:hover{z-index:2;} 

a.info-02-04 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-02-04:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/2008DASA-byGordanaBursac/slides/);
	top: 10px;
	right: 20px;
	width: 740px;
	height: 491px;
} 


/*    ----------------- mouseover effekte - info-02-05 = foto-02.htm > Foto 05 -----------------      */
a.info-02-05{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-02-05:hover{z-index:2;} 

a.info-02-05 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-02-05:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/2008DASA-byGordanaBursac/slides/);
	top: 10px;
	right: 20px;
	width: 740px;
	height: 491px;
} 


/*    ----------------- mouseover effekte - info-02-06 = foto-02.htm > Foto 06 -----------------      */
a.info-02-06{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-02-06:hover{z-index:2;} 

a.info-02-06 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-02-06:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/2008DASA-byGordanaBursac/slides/);
	top: 10px;
	right: 20px;
	width: 740px;
	height: 491px;
} 


/*    ---------------------------- mouseover effekte - foto-03.htm -----------------------------      */

/*    ----------------- mouseover effekte - info-03-01 = foto-03.htm > Foto 01 -----------------      */
a.info-03-01{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-03-01:hover{z-index:2;} 

a.info-03-01 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-03-01:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/2008Petrikirche-DO-bySonjaWerner/slides/c_Sonja_Werner_0960.jpg);
	top: 10px;
	right: 20px;
	width: 740px;
	height: 493px;
} 


/*    ----------------- mouseover effekte - info-03-02 = foto-03.htm > Foto 02 -----------------      */
a.info-03-02{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-03-02:hover{z-index:2;} 

a.info-03-02 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-03-02:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/2008Petrikirche-DO-bySonjaWerner/slides/_MG_0890.JPG);
	top: 10px;
	right: 20px;
	width: 740px;
	height: 493px;
} 


/*    ----------------- mouseover effekte - info-03-03 = foto-03.htm > Foto 03 -----------------      */
a.info-03-03{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-03-03:hover{z-index:2;} 

a.info-03-03 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-03-03:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/2008Petrikirche-DO-bySonjaWerner/slides/_MG_0877.JPG);
	top: 10px;
	right: 20px;
	width: 740px;
	height: 493px;
} 


/*    ----------------- mouseover effekte - info-03-04 = foto-03.htm > Foto 04 -----------------      */
a.info-03-04{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-03-04:hover{z-index:2;} 

a.info-03-04 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-03-04:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/2008Petrikirche-DO-bySonjaWerner/slides/c_Sonja_Werner_0952.jpg);
	top: 10px;
	right: 20px;
	width: 370px;
	height: 555px;
} 


/*    ----------------- mouseover effekte - info-03-05 = foto-03.htm > Foto 05 -----------------      */
a.info-03-05{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-03-05:hover{z-index:2;} 

a.info-03-05 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-03-05:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/2008Petrikirche-DO-bySonjaWerner/slides/c_Sonja_Werner_0884.jpg);
	top: 10px;
	right: 20px;
	width: 369px;
	height: 555px;
} 


/*    ----------------- mouseover effekte - info-03-06 = foto-03.htm > Foto 06 -----------------      */
a.info-03-06{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-03-06:hover{z-index:2;} 

a.info-03-06 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-03-06:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/2008Petrikirche-DO-bySonjaWerner/slides/c_Sonja_Werner_0985.jpg);
	top: 10px;
	right: 20px;
	width: 740px;
	height: 493px;
} 


/*    ----------------- mouseover effekte - info-03-07 = foto-03.htm > Foto 07 -----------------      */
a.info-03-07{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-03-07:hover{z-index:2;} 

a.info-03-07 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-03-07:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/2008Petrikirche-DO-bySonjaWerner/slides/c_Sonja_Werner_1001.jpg);
	top: 10px;
	right: 20px;
	width: 740px;
	height: 493px;
} 


/*    ----------------- mouseover effekte - info-03-08 = foto-03.htm > Foto 08 -----------------      */
a.info-03-08{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-03-08:hover{z-index:2;} 

a.info-03-08 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-03-08:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/2008Petrikirche-DO-bySonjaWerner/slides/c_Sonja_Werner_1015.jpg);
	top: 10px;
	right: 20px;
	width: 740px;
	height: 493px;
} 


/*    ----------------- mouseover effekte - info-03-09 = foto-03.htm > Foto 09 -----------------      */
a.info-03-09{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-03-09:hover{z-index:2;} 

a.info-03-09 span{
	display: none;
	color: #9A6DED;
	text-align: left;
} 

a.info-03-09:hover span{
	display: block;
	position: relative;
} 


/*    ---------------------------- mouseover effekte - foto-04.htm -----------------------------      */

/*    ----------------- mouseover effekte - info-04-01 = foto-04.htm > Foto 01 -----------------      */
a.info-04-01{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-04-01:hover{z-index:2;} 

a.info-04-01 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-04-01:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/2009Extraschicht-byBernhardMueller/slides/01Probe1.jpg);
	top: 10px;
	right: 20px;
	width: 720px;
	height: 478px;
} 


/*    ----------------- mouseover effekte - info-04-02 = foto-04.htm > Foto 02 -----------------      */
a.info-04-02{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-04-02:hover{z-index:2;} 

a.info-04-02 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-04-02:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/2009Extraschicht-byBernhardMueller/slides/02Probe3.jpg);
	top: 10px;
	right: 20px;
	width: 720px;
	height: 478px;
} 


/*    ----------------- mouseover effekte - info-04-03 = foto-04.htm > Foto 03 -----------------      */
a.info-04-03{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-04-03:hover{z-index:2;} 

a.info-04-03 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-04-03:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/2009Extraschicht-byBernhardMueller/slides/03Probe4.jpg);
	top: 10px;
	right: 20px;
	width: 720px;
	height: 478px;
} 


/*    ----------------- mouseover effekte - info-04-04 = foto-04.htm > Foto 04 -----------------      */
a.info-04-04{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-04-04:hover{z-index:2;} 

a.info-04-04 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-04-04:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/2009Extraschicht-byBernhardMueller/slides/04Probe2.jpg);
	top: 10px;
	right: 20px;
	width: 720px;
	height: 478px;
} 


/*    ----------------- mouseover effekte - info-04-05 = foto-04.htm > Foto 05 -----------------      */
a.info-04-05{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-04-05:hover{z-index:2;} 

a.info-04-05 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-04-05:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/2009Extraschicht-byBernhardMueller/slides/06image1.jpg);
	top: 10px;
	right: 20px;
	width: 720px;
	height: 478px;
} 


/*    ----------------- mouseover effekte - info-04-06 = foto-04.htm > Foto 06 -----------------      */
a.info-04-06{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-04-06:hover{z-index:2;} 

a.info-04-06 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-04-06:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/2009Extraschicht-byBernhardMueller/slides/09image2-025109.jpg);
	top: 10px;
	right: 20px;
	width: 720px;
	height: 478px;
} 


/*    ----------------- mouseover effekte - info-04-07 = foto-04.htm > Foto 07 -----------------      */
a.info-04-07{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-04-07:hover{z-index:2;} 

a.info-04-07 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-04-07:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/2009Extraschicht-byBernhardMueller/slides/DSC_0489-byRalfKueppersbusch.JPG);
	top: 10px;
	right: 20px;
	width: 719px;
	height: 481px;
} 


/*    ----------------- mouseover effekte - info-04-08 = foto-04.htm > Foto 08 -----------------      */
a.info-04-08{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-04-08:hover{z-index:2;} 

a.info-04-08 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-04-08:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/2009Extraschicht-byBernhardMueller/slides/15image4-044043.jpg);
	top: 10px;
	right: 20px;
	width: 720px;
	height: 478px;
} 


/*    ----------------- mouseover effekte - info-04-09 = foto-04.htm > Foto 09 -----------------      */
a.info-04-09{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-04-09:hover{z-index:2;} 

a.info-04-09 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-04-09:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/2009Extraschicht-byBernhardMueller/slides/24image4-042007.jpg);
	top: 10px;
	right: 20px;
	width: 720px;
	height: 478px;
} 


/*    ----------------- mouseover effekte - info-04-10 = foto-04.htm > Foto 10 -----------------      */
a.info-04-10{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-04-10:hover{z-index:2;} 

a.info-04-10 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-04-10:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/2009Extraschicht-byBernhardMueller/slides/27image3-032036.jpg);
	top: 10px;
	right: 20px;
	width: 720px;
	height: 478px;
} 


/*    ----------------- mouseover effekte - info-04-11 = foto-04.htm > Foto 11 -----------------      */
a.info-04-11{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-04-11:hover{z-index:2;} 

a.info-04-11 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-04-11:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/2009Extraschicht-byBernhardMueller/slides/30image5-056020.jpg);
	top: 10px;
	right: 20px;
	width: 332px;
	height: 500px;
} 


/*    ----------------- mouseover effekte - info-04-12 = foto-04.htm > Foto 12 -----------------      */
a.info-04-12{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-04-12:hover{z-index:2;} 

a.info-04-12 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-04-12:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/2009Extraschicht-byBernhardMueller/slides/35image1-003.jpg);
	top: 10px;
	right: 20px;
	width: 720px;
	height: 478px;
} 


/*    ---------------------------- mouseover effekte - foto-05.htm -----------------------------      */

/*    ----------------- mouseover effekte - info-05-01 = foto-05.htm > Foto 01 -----------------      */
a.info-05-01{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-05-01:hover{z-index:2;} 

a.info-05-01 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-05-01:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/2010Teresakirche-eb/slides/DSCI01.JPG);
	top: 10px;
	right: 20px;
	width: 666px;
	height: 500px;
} 


/*    ----------------- mouseover effekte - info-05-02 = foto-05.htm > Foto 02 -----------------      */
a.info-05-02{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-05-02:hover{z-index:2;} 

a.info-05-02 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-05-02:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/2010Teresakirche-eb/slides/DSCI04a.JPG);
	top: 10px;
	right: 20px;
	width: 666px;
	height: 500px;
} 


/*    ----------------- mouseover effekte - info-05-03 = foto-05.htm > Foto 03 -----------------      */
a.info-05-03{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-05-03:hover{z-index:2;} 

a.info-05-03 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-05-03:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/2010Teresakirche-eb/slides/DSCI1182a.JPG);
	top: 10px;
	right: 20px;
	width: 666px;
	height: 500px;
} 


/*    ----------------- mouseover effekte - info-05-04 = foto-05.htm > Foto 04 -----------------      */
a.info-05-04{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-05-04:hover{z-index:2;} 

a.info-05-04 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-05-04:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/2010Teresakirche-eb/slides/DSCI1190.JPG);
	top: 10px;
	right: 20px;
	width: 666px;
	height: 500px;
} 


/*    ----------------- mouseover effekte - info-05-05 = foto-05.htm > Foto 05 -----------------      */
a.info-05-05{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-05-05:hover{z-index:2;} 

a.info-05-05 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-05-05:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/2010Pyramide-byPetraRieder/slides/DSCN3204.JPG);
	top: 10px;
	right: 20px;
	width: 375px;
	height: 500px;
} 


/*    ----------------- mouseover effekte - info-05-06 = foto-05.htm > Foto 06 -----------------      */
a.info-05-06{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-05-06:hover{z-index:2;} 

a.info-05-06 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-05-06:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/*.*);
	top: 10px;
	right: 20px;
	width: 740px;
	height: 491px;
} 


/*    ---------------------------- mouseover effekte - foto-06.htm -----------------------------      */

/*    ----------------- mouseover effekte - info-06-01 = foto-06.htm > Foto 01 -----------------      */
a.info-06-01{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-06-01:hover{z-index:2;} 

a.info-06-01 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-06-01:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/.../slides/*.JPG);
	top: 10px;
	right: 20px;
	width: 666px;
	height: 500px;
} 


/*    ----------------- mouseover effekte - info-06-02 = foto-06.htm > Foto 02 -----------------      */
a.info-06-02{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-06-02:hover{z-index:2;} 

a.info-06-02 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-06-02:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/.../slides/*.JPG);
	top: 10px;
	right: 20px;
	width: 666px;
	height: 500px;
} 


/*    ----------------- mouseover effekte - info-06-03 = foto-06.htm > Foto 03 -----------------      */
a.info-06-03{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-06-03:hover{z-index:2;} 

a.info-06-03 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-06-03:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/.../slides/*.JPG);
	top: 10px;
	right: 20px;
	width: 666px;
	height: 500px;
} 


/*    ----------------- mouseover effekte - info-06-04 = foto-06.htm > Foto 04 -----------------      */
a.info-06-04{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-06-04:hover{z-index:2;} 

a.info-06-04 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-06-04:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/.../slides/*.JPG);
	top: 10px;
	right: 20px;
	width: 666px;
	height: 500px;
} 


/*    ----------------- mouseover effekte - info-06-05 = foto-06.htm > Foto 05 -----------------      */
a.info-06-05{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-06-05:hover{z-index:2;} 

a.info-06-05 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-06-05:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/.../slides/*.JPG);
	top: 10px;
	right: 20px;
	width: 666px;
	height: 500px;
} 


/*    ----------------- mouseover effekte - info-06-06 = foto-06.htm > Foto 06 -----------------      */
a.info-06-06{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.info-06-06:hover{z-index:2;} 

a.info-06-06 span{
	display: none;
	color: #9A6DED;
	text-align: center;
} 

a.info-06-06:hover span{
	display: block;
	position: fixed;
	background-image: url(../foto/.../slides/*.JPG);
	top: 10px;
	right: 20px;
	width: 666px;
	height: 500px;
} 



/*    --------------------------------- Foto Style Ende -------------------------------      */