
#bildspel_text { 
color: #919396; 
font-size: small; 
text-decoration: none; 
position:fixed;
width: 300px; 
height: 200px; 
margin-top: 50px; 
margin-left: 40px; 
}
#container { 
height:450px; 
background-image:url(../bilder/flode.png);
background-repeat:no-repeat;
position: relative; 
width:500px; 
margin-top: 0px; 
margin-bottom: 0; 
margin-left:auto; 
margin-right:40px;}
#container ul {
float:right;
height:386px;
list-style-type:none;
margin:0px;
padding:0;
width:85px;
}
#container li {
float:left;
}
#container a.gallery, #container a.gallery:visited {
border:1px solid #919396;
color:#000000;
cursor:default;
display:block;
margin:0;
text-align:left;
text-decoration:none;
}
#container a.slidea { background-image: url(../bilder2/anka_link.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 50%; height:25px; width:85px; }
#container a.slideb { background-image: url(../bilder2/sjostjarna_link.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 50%; height:25px; width:85px; }
#container a.slidec { background-image: url(../bilder2/sjohast_link.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 50%; height:25px; width:85px; }
#container a.slided { background-image: url(../bilder2/grodyngel_link.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 50%; height:25px; width:85px; }
* html #container a.slided {
width:93px;
}
#container a.slidee { background-image: url(../bilder2/groda_link.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 50%; height:25px; width:85px; }
#container a.slidef { background-image: url(../bilder2/rocka_link.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 50%; height:25px; width:85px; }
* html #container a.slidef {
width:93px;
}
#container a.slideg { background-image: url(../bilder2/krabba_link.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 50%; height:25px; width:85px; }
#container a.slideh { background-image: url(../bilder2/guldfisk_link.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 50%; height:25px; width:85px; }
#container a.slidei { background-image: url(../bilder2/sjolejon_link.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 50%; height:25px; width:85px; }
#container a.slidej { background-image: url(../bilder2/blasfisk_link.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 50%; height:25px; width:85px; }
#container a.slidek { background-image: url(../bilder2/spackhuggare_link.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 50%; height:25px; width:85px; }
* html #container a.slidek {
width:93px;
}
#container a.slidel { background-image: url(../bilder2/svardfisk_link.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 50%; height:25px; width:85px; }
#container a.slidem { background-image: url(../bilder2/manet_link.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 50%; height:25px; width:85px; }
#container a.sliden { background-image: url(../bilder2/delfin_link.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 50%; height:25px; width:85px; }
#container a.slideo { background-image: url(../bilder2/piraya_link.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 50%; height:25px; width:85px; }
#container a.gallery span { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 50%; height:1px; left:5px; overflow:hidden; position:absolute; top:5px; width:1px; }
#container a.gallery:hover {
border:1px solid #FFFFFF;
}
#container a.gallery:hover img {
border:1px solid #FFFFFF;
float:left;
margin-right:5px;
}
#container a.slideb:hover img, #container a.slidei:hover img {
float:left;
}
#container a.gallery:hover span { 
color:#000000; 
background-color: white;
background-attachment: scroll; 
background-position: 0 0; 
height:450px; left:0px; 
position:absolute; 
top:0px; width:400px; }


