/* The containing box for the gallery. */
#sf {
    position:relative; 
    left:-30px; 
    width:50%; 
    height:auto; 
    margin:0 50px 0 0; 
	float:left;
    }

/* Remove the images and text from sight */
#sf a.gallery span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:5px; 
    left:5px; 
    overflow:hidden; 
    background:#fff;
    }
    
/* Adding the thumbnail images */
#sf a.gallery, #sf a.gallery:visited {
    display:block; 
    color:#000; 
    text-decoration:none; 
    border:1px solid #000; 
    margin:1px 2px 1px 2px; 
    text-align:left; 
    cursor:default;
    }
#sf a.slidea {
    background:url(../fotos/spielfelder/thumbnails/urdog_1986_t.jpg); 
    height:65px; 
    width:50px;
    }
#sf a.slideb {
    background:url(../fotos/spielfelder/thumbnails/kaeseschachtel_t.jpg); 
    height:50px; 
    width:65px;
    }
#sf a.slidec {
    background:url(../fotos/spielfelder/thumbnails/papierdog_t.jpg); 
    height:50px; 
    width:61px;
    }
#sf a.slided {
    background:url(../fotos/spielfelder/thumbnails/herz_t.jpg); 
    height:49px; 
    width:65px;
    }
#sf a.slidee {
    background:url(../fotos/spielfelder/thumbnails/tischdog_1990_t.jpg); 
    height:66px; 
    width:50px;
    }
#sf a.slidef {
    background:url(../fotos/spielfelder/thumbnails/magnet_t.jpg); 
    height:50px; 
    width:65px;
    }
#sf a.slideg {
    background:url(../fotos/spielfelder/thumbnails/metall_t.jpg); 
    height:51px; 
    width:65px;
    }
#sf a.slideh {
    background:url(../fotos/spielfelder/thumbnails/holzteller_t.jpg); 
    height:50px; 
    width:65px;
    }
#sf a.slidei {
    background:url(../fotos/spielfelder/thumbnails/oversize_t.jpg); 
    height:50px; 
    width:65px;
    }
#sf a.slidej {
    background:url(../fotos/spielfelder/thumbnails/klaemmerli_t.jpg); 
    height:50px; 
    width:65px;
    }
#sf a.slidek {
    background:url(../fotos/spielfelder/thumbnails/hund_t.jpg); 
    height:50px; 
    width:65px;
    }
#sf a.slidel {
    background:url(../fotos/spielfelder/thumbnails/plexiglas_t.jpg); 
    height:50px; 
    width:65px;
    }
#sf a.slidem {
    background:url(../fotos/spielfelder/thumbnails/CD_huelle_t.jpg); 
    height:50px; 
    width:65px;
    }
#sf a.sliden {
    background:url(../fotos/spielfelder/thumbnails/kork_t.jpg); 
    height:50px; 
    width:65px;
    }
#sf a.slideo {
    background:url(../fotos/spielfelder/thumbnails/ton_t.jpg); 
    height:50px; 
    width:65px;
    }
#sf a.slidep {
    background:url(../fotos/spielfelder/thumbnails/salat_t.jpg); 
    height:49px; 
    width:65px;
    }
#sf a.slideq {
    background:url(../fotos/spielfelder/thumbnails/laminat4_t.jpg); 
    height:49px; 
    width:65px;
    }
#sf a.slider {
    background:url(../fotos/spielfelder/thumbnails/6er_t.jpg); 
    height:50px; 
    width:65px;
    }
#sf a.slides {
    background:url(../fotos/spielfelder/thumbnails/profitisch_t.jpg); 
    height:66px; 
    width:50px;
    }
#sf a.slidet {
    background:url(../fotos/spielfelder/thumbnails/michu_46vs_t.jpg); 
    height:50px; 
    width:65px;
    }
#sf a.slideu {
    background:url(../fotos/spielfelder/thumbnails/michu_46rs_t.jpg); 
    height:50px; 
    width:65px;
    }
#sf a.slidev {
    background:url(../fotos/spielfelder/thumbnails/zwei_6_t.jpg); 
    height:50px; 
    width:65px;
    }
#sf a.slidew {
    background:url(../fotos/spielfelder/thumbnails/zwei_4_t.jpg); 
    height:50px; 
    width:65px;
	}
#sf a.slidex {
    background:url(../fotos/spielfelder/thumbnails/saeulikaefer_t.jpg); 
    height:50px; 
    width:65px;
	}
#sf a.slidey {
    background:url(../fotos/spielfelder/thumbnails/blauxiglas_t.jpg); 
    height:50px; 
    width:65px;
	}
#sf a.slidez {
    background:url(../fotos/spielfelder/thumbnails/tischdecke_t.jpg); 
    height:50px; 
    width:65px;
	}
#sf a.slide1 {
    background:url(../fotos/spielfelder/thumbnails/traveldog_t.jpg); 
    height:50px; 
    width:65px;
	}
#sf a.slide2 {
    background:url(../fotos/spielfelder/thumbnails/reisedog2_t.jpg); 
    height:50px; 
    width:65px;
	}
#sf a.slide3 {
    background:url(../fotos/spielfelder/thumbnails/holz_alu_t.jpg); 
    height:50px; 
    width:65px;
	}
#sf a.slide4 {
    background:url(../fotos/spielfelder/thumbnails/gemuese4_t.jpg); 
    height:40px; 
    width:30px;
	}
#sf a.slide5 {
    background:url(../fotos/spielfelder/thumbnails/gemuese6_t.jpg); 
    height:40px; 
    width:30px;
	}
#sf a.slide6 {
    background:url(../fotos/spielfelder/thumbnails/lego_t.jpg); 
    height:50px; 
    width:65px;
	}
#sf a.slide7 {
    background:url(../fotos/spielfelder/thumbnails/laminat6_t.jpg); 
    height:49px; 
    width:65px;
	}
#sf a.slide8 {
    background:url(../fotos/spielfelder/thumbnails/torte_t.jpg); 
    height:49px; 
    width:65px;
	}
#sf a.slide9 {
    background:url(../fotos/spielfelder/thumbnails/reissnaegel_t.jpg); 
    height:49px; 
    width:65px;
	}
#sf a.slide10 {
    background:url(../fotos/spielfelder/thumbnails/reisedog_rlg_t.jpg); 
    height:49px; 
    width:65px;
	}
#sf a.slide11 {
    background:url(../fotos/spielfelder/thumbnails/reisedog_rlo_t.jpg); 
    height:49px; 
    width:65px;
	}
/* change the thumbnail border color */
#sf a.gallery:hover {
    border:1px solid #fff; 
    }
    
/* styling the :hover span */
#sf a.gallery:hover span {
    position:absolute; 
    width:500px; 
    height:auto; 
    top:0px; 
    left:100%; 
    text-align:center;
	background:#ddecff;
    }
#sf a.gallery:hover span img{
    margin:10px;
    }
#sf a.gallery:hover span p{
    margin-bottom:10px;
    }