/* The containing box for the gallery. */
#container1 {position:relative; width:610px; height:396px; margin:20px auto 0 auto; border:2px solid #006196; background:#fff url(galerie/133.jpg) 0px no-repeat;}

/* Removing the list bullets and indentation - add size - and position */
#container1 ul {width:198px; height:386px; padding:0;  margin:5px; list-style-type:none; float:right;}

#container1 li {float:left;}

/* Remove the images and text from sight */
#container1 a.gallery span {position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:#fff;}

/* Adding the thumbnail images */
#container1 a.gallery, #container1 a.gallery:visited {display:block; color:#000; text-decoration:none; border:2px solid #fff; margin:2px 1px 2px 1px; text-align:center; cursor:default;}
#container1 a.slided {background:url(galerie/1001_t.jpg); height:60px; width:93px;}
* html #container1 a.slided {width:91px; w\idth:93px;}
#container1 a.slidee {background:url(galerie/1002_t.jpg); height:60px; width:93px;}
#container1 a.slidef {background:url(galerie/1003_t.jpg); height:60px; width:93px;}
* html #container1 a.slidef {width:91px; w\idth:93px;}
#container1 a.slideg {background:url(galerie/1004_t.jpg); height:60px; width:93px;}
#container1 a.slidej {background:url(galerie/1005_t.jpg); height:60px; width:93px;}
* html #container1 a.slidej {width:91px; w\idth:93px;}
#container1 a.slidek {background:url(galerie/1006_t.jpg); height:60px; width:93px;}
#container1 a.slidel {background:url(galerie/1007_t.jpg); height:60px; width:93px;}
* html #container1 a.slidel {width:91px; w\idth:93px;}
#container1 a.slidem {background:url(galerie/1013_t.jpg); height:60px; width:93px;}
#container1 a.sliden {background:url(galerie/1009_t.jpg); height:60px; width:93px;}
* html #container1 a.sliden {width:91px; w\idth:93px;}
#container1 a.slideo {background:url(galerie/1012_t.jpg); height:60px; width:93px;}
#container1 a.slidep {background:url(galerie/1010_t.jpg); height:60px; width:93px;}
* html #container1 a.slidep {width:91px; w\idth:93px;}
#container1 a.slideq {background:url(galerie/1011_t.jpg); height:60px; width:93px;}
/* styling the hovers */
#container1 a.gallery:hover {border:2px solid #fff;}
#container1 a.gallery:hover span {position:absolute; width:376px; height:372px; top:12px; left:18px; color:#000; background:#fff;}
#container1 a.gallery:hover img {border:2px solid #fff; float:left; margin-right:6px;}
#container1 a.slideb:hover img, #container1 a.slidei:hover img {float:right;}





/* The containing box for the gallery. */
#container2 {position:relative; width:610px; height:396px; margin:20px auto 0 auto; border:2px solid #006196; background:#fff url(galerie/105.jpg) 0px no-repeat;}

/* Removing the list bullets and indentation - add size - and position */
#container2 ul {width:198px; height:386px; padding:0;  margin:5px; list-style-type:none; float:left;}

#container2 li {float:right;}

/* Remove the images and text from sight */
#container2 a.gallery span {position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:#fff;}

/* Adding the thumbnail images */
#container2 a.gallery, #container2 a.gallery:visited {display:block; color:#000; text-decoration:none; border:2px solid #fff; margin:2px 1px 2px 1px; text-align:center; cursor:default;}
#container2 a.slided {background:url(galerie/2001_t.jpg); height:60px; width:93px;}
* html #container2 a.slided {width:91px; w\idth:93px;}
#container2 a.slidee {background:url(galerie/2002_t.jpg); height:60px; width:93px;}
#container2 a.slidef {background:url(galerie/2003_t.jpg); height:60px; width:93px;}
* html #container2 a.slidef {width:91px; w\idth:93px;}
#container2 a.slideg {background:url(galerie/2004_t.jpg); height:60px; width:93px;}
#container2 a.slideh {background:url(galerie/2005_t.jpg); height:60px; width:93px;}
* html #container2 a.slideh {width:91px; w\idth:93px;}
#container2 a.slidej {background:url(galerie/2006_t.jpg); height:60px; width:93px;}
#container2 a.slidek {background:url(galerie/2007_t.jpg); height:60px; width:93px;}
* html #container2 a.slidek {width:91px; w\idth:93px;}
#container2 a.slidel {background:url(galerie/2008_t.jpg); height:60px; width:93px;}
#container2 a.slidem {background:url(galerie/2009_t.jpg); height:60px; width:93px;}
* html #container2 a.slidem {width:91px; w\idth:93px;}
#container2 a.sliden {background:url(galerie/2010_t.jpg); height:60px; width:93px;}
#container2 a.slideo {background:url(galerie/2012_t.jpg); height:60px; width:93px;}
* html #container2 a.slideo {width:91px; w\idth:93px;}
#container2 a.slidep {background:url(galerie/2011_t.jpg); height:60px; width:93px;}
/* styling the hovers */
#container2 a.gallery:hover {border:2px solid #fff;}
#container2 a.gallery:hover span {position:absolute; width:376px; height:372px; top:12px; left:220px; color:#000; background:#fff;}
#container2 a.gallery:hover img {border:2px solid #fff; float:left; margin-right:6px;}
#container2 a.slideb:hover img, #container a.slidei:hover img {float:right;}