/*********************************************************************************/
/*			12 Bilder - Diashow	Choupana Hills						 */
/*********************************************************************************/

div.cont_galerie {
border: 1px solid #f69500;
width: 860px;
margin-left:10px;
}

div.cont_galerie ul {
background:  url("../images/galerien/airport/airporthotel_1.jpg") right no-repeat;
height: 312px;	/* UL Element benötigt feste Höhe und Breite, damit sich die li-elemente im Float wie erwünscht anrichten */
list-style: none;
/*border: 1px solid blue; */
position: relative; /* Kindelemente verhalten sich relativ zum ul-Element ->Bestimmt die Position des gr. Bildes */
width: 816px;	/* Bestimmt die horiz. Position des Hooverbildes auf der default Ansicht (bild 1) */
padding-left: 22px;	/* Bestimmt den Abstand des UL-Elements zum linken Rand -> wenn der div eine border hat, funktioniert das im IE nicht. */
}

div.cont_galerie li {
float: left;
margin: 1px 0px 0px 0px;
width: 98px;
}

div.cont_galerie a {
display: block;
height: 98px;
/*border: 1px solid #fff;*/
}
div.cont_galerie span {
display: none;
}

div.cont_galerie a:focus, div.cont_galerie a:hover {
border: 0px solid #fff;
}
div.cont_galerie a:focus span, div.cont_galerie a:hover span {
display: block;
position: absolute;
right: 0;
top: 16px; /* das gr. Hoover-Bild muss 16px runter -> relativ zum ul-Element */
}

div.cont_galerie a img {
border: 0;
}

li#bild-1 a {
background:   url("../images/galerien/airport/thumbs1.gif");
}
li#bild-2 a {
background:   url("../images/galerien/airport/thumbs2.gif");
}
li#bild-3 a {
background:   url("../images/galerien/airport/thumbs3.gif");
}
li#bild-4, li#bild-8 {
margin-right: 400px;	/* die rechts stehenden Bilder im Block benötigen einen definierten Abstand, damit sie im Block korrekt angeordnet sind */
}
li#bild-4 a {
background:   url("../images/galerien/airport/thumbs4.gif");
}
li#bild-5 a {
background:   url("../images/galerien/airport/thumbs5.gif");
}
li#bild-6 a {
background:   url("../images/galerien/airport/thumbs6.gif");
}
li#bild-7 a {
background:   url("../images/galerien/airport/thumbs7.gif");
}
li#bild-8 a {
background:   url("../images/galerien/airport/thumbs8.gif");
}
li#bild-9 a {
background:   url("../images/galerien/airport/thumbs9.gif");
}
li#bild-10 a {
background:   url("../images/galerien/airport/thumbs10.gif");
}
li#bild-11 a {
background:   url("../images/galerien/airport/thumbs11.gif");
}
li#bild-12 a {
background:   url("../images/galerien/airport/thumbs12.gif");
}