@charset "utf-8";
/* CSS Document */
body 						{background-image: url(html_achter.jpg); background-repeat: no-repeat; text-align: center; font: normal 85% Rockwell, "Times New Roman", Times, serif ; background-position:center; background-color:#5A9183;}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{ position: relative; /*Add a height attribute and set to largest image's height to prevent overlaying*/}

.thumbnail img{ border: 1px solid #dddddd; margin: 0 5px 5px 0;}

.thumbnail:hover{ background-color: transparent;}

.thumbnail:hover img{ border: 1px solid #000000;}

.thumbnail span{ /*CSS for enlarged image*/ position: absolute; background-color: #333333; left: -1000px; border: 1px solid #cccccc; visibility: hidden;}

.thumbnail span img{ /*CSS for enlarged image*/ margin: 0;}

.thumbnail:hover span{ /*CSS for enlarged image*/ position: relative; visibility: visible; top: 0px; left: 240px; border: 0px; /*position where enlarged image should offset horizontally */ z-index: 50;}