	
	<!--
	body
	{
		padding: 0;
		margin: 0;
		background-color: #666;
		color: #000;
		text-align:designs center;
	}
	
	#contents	
	{
		margin-top: 10px;
		margin-bottom: 10px;
		margin-right:auto;
		margin-left:auto;
		width: 700px;
		padding: 10px;
		background-color: #FFF;
		color: #000;
		text-align: left;
	}

	#header {
	text-align: center;
	}

	#footer	
	{
		margin-top: 10px;
		margin-bottom: 10px;
		width: 700px;
		background-color: #FFc;
		color: #000;
		text-align: center;
	}
	
	h1	
	{
		color: #333;
		background-color: transparent;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 20px;
	}
	
	p	
	{
		color: #333;
		background-color: transparent;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.8em;
	}
	
	.code
	{
		color: #339;
		background-color: transparent;
		font-family: times, serif;
		font-size: 0.9em;
		padding-left: 40px;
	}
	
	#content{margin: 1em; padding: 0; float: left;}
	#menycontainer ul{margin: 2em; font: 70% Verdana, Helvetica, sans-serif; margin: 2em; padding:0.1em 0 0.1em 1em; background: #000000;}
	#menycontainer li{display: inline; list-style: none;}
	#menycontainer li a{text-decoration: none; padding: 0.4em 2em; margin-right: 1em;}
	#menycontainer a:link{color: #CCCCCC;}
	#menycontainer a:visited{color: #CCCCCC;}
	#menycontainer a:hover{border-top: 1px dotted #000000; border-bottom: 1px dotted #000000;}
	#menycontainer a#current{background: #ffffff; border: 1px solid #000000; color: #000000;}

	#bildruta {
	position: absolute;
	top: 375px;
	left: 52%;	
	}
	
	
	/*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 white;
margin: 0 5px 5px 0;
}

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

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

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