.glossymenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 140px;
border: 1px solid #BB5605;
border-bottom-width: 0;
}
* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 138px; height: 5px; 
}
.glossymenu li a:visited, .glossymenu li a:active{
color:  #FCE5AF;
}
.glossymenu li a:hover{
background-image: url(bilder/glossyback2.gif);
}




.gallerycontainer{
position: relative;
margin: 0px; padding: 0px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
.thumbnail img{
border: 1px solid #ECBB44;
margin: 0px; padding: 0px;

}

.thumbnail:hover{
background-color: transparent;
}
.thumbnail:hover img{
border: 1px solid red;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 0px; 
left: -1000px;
border: 1px solid red;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}
.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 175px; /*position where enlarged image should offset horizontally */
z-index: 50;
border: 1px solid #ECBB44;
}