body	{
	text-align:center;
		}

#gal	{
list-style-type:none;
width:100%;
height:400px;
top:10px;
padding-left:20px;
margin:0px;

	}

#gal ul, div {
position: relative;
width: 750px;
padding:0;
margin:0;

}

#gal ul {
background: url(quintero/efeuc.jpg) right no-repeat;
height: 499px;
list-style-type: none;
margin:0px auto 0;
padding:0px 0px 0 0;

}

#gal li {
float: left;
margin: 10px 1px 0 0;
width: 84px;
/* zweite Position: breite des Abstands: Thumbnail */
padding:0 5px 0 10px;
}

#gal li a {
display: block;
height: 81px;

}

#gal li span {
display: none;
margin:0;
padding:9px 0px 0px 0px;
margin-right:40px;
}

li#bild-1 a {
background: url(../bilder/ausst_1_kl.jpg);
}

li#bild-2 a {
background: url(../bilder/ausst_2_kl.jpg);
}

li#bild-4, li#bild-7 {
clear:left;
}

li#bild-3 {
margin-right:400px;
}

li#bild-3 a {
background: url(../bilder/ausst_3_kl.jpg);
}

li#bild-4 a {
background: url(../bilder/ausst_4_kl.jpg);
}

li#bild-5 a {
background: url(../bilder/ausst_5_kl.jpg);
}

li#bild-6 a {
background: url(../bilder/ausst_6_kl.jpg);
}

li#bild-7 a {
background: url(../bilder/ausst_7_kl.jpg);
}

#gal div {
margin: 41px auto 0;
padding-left: 65px;
}


#gal a {
border: 1px solid #999;

}

#gal a:focus, #gal a:hover {
border: 1px solid #000;
}

#gal a:focus span, #gal a:hover span {
display: block;
height: 493px;
position: absolute;
right: 0;
top: 0;
/* unbedingt die Breite des Bildes angeben !!!! */
width: 350px;
}

#gal a img {
border: 0;
}