/*Dynamic Drive CSS Library (http://www.dynamicdrive.com/) */

.gallerycontainer{
position: relative;
margin-right: 0px;
margin-top: 5px;
font-size: 125%;
float: right;
width: 230px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
.gallerycontainer li{
	margin: 0;
	padding:0;
	list-style:none;
}
.link_row{
padding-top: 4px;
}

.thumbnail img{
border: 0px ;
}

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

.thumbnail:hover img{
border: 0px;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
font-size: 85%;
/*background-color: #F7F7F7;*/
padding: 10px;
left: -1000px;
border-left:solid 1px #D4D3D3;
border-right:solid 1px #D4D3D3;
border-top:solid 1px #D4D3D3;
visibility: hidden;
color: black;
text-decoration: none;
width: 200px;
height: 385px;
background:url(bilder/grund/rightcontentbottom.gif) bottom left repeat-x;
/*font: normal 75% Arial, Tahoma, Verdana,  Georgia, sans-serif; */
}

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

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 160px; /*position where enlarged image should offset horizontally */
z-index: 50;
background-color: white;
filter:alpha(opacity=97);
opacity:0.97;
}

/*----*/
#karta {
	position: relative;
	margin:0;
	padding:0;
	width:378px;
	height:436px;
	background:url(bilder/grund/karta.gif) top left no-repeat #fff;
	/*font-family:arial, helvetica, sans-serif;*/
	font-size:90%;
}
		
	#karta li {
		margin:0;
		padding:0;
		list-style:none;
	}
	
	#karta li a {
		position:absolute;
		display:block;
		/*
		   Specifying a background image
		   (a 1px by 1px transparent gif)
		   fixes a bug in older versions of
		   IE that causeses the block to not
		   render at its full dimensions.
		*/
		background:url(bilder/grund/blank.gif);
		text-decoration:none;
		color:#000;
	}
	
	#karta li a span { display:none; }
	
	#karta li a:hover span {
		position:relative;
		display:block;
		width:115px;
		left:36px;
		top:-6px;
		border:1px solid #000;
		background:#fff;
		padding:5px;
		filter:alpha(opacity=80);
		opacity:0.8;
	}

	#karta a.hallandsasen {
		top:347px;
		left:128px;
		width:32px;
		height:17px;
	}
	
	#karta a.kungsrasten{
		top:333px;
		left:132px;
		width:25px;
		height:17px;
	}
	
	#karta a.snapparp {
		top:322px;
		left:112px;
		width:28px;
		height:17px;
	}
	
	#karta a.tanum {
		top:197px;
		left:58px;
		width:32px;
		height:17px;
	}
	
	#karta a.nordby {
		top:172px;
		left:51px;
		width:32px;
		height:17px;
	}
	
	#karta a.bralanda{
		top:195px;
		left:98px;
		width:32px;
		height:17px;
	}
	
	#karta a.grums{
		top:143px;
		left:130px;
		width:32px;
		height:18px;
	}	
	
	#karta a.vargarda{
		top:225px;
		left:126px;
		width:32px;
		height:17px;
	}
	
	#karta a.gotene{
		top:204px;
		left:144px;
		width:32px;
		height:17px;
	}
	
	#karta a.mariestad{
		top:191px;
		left:163px;
		width:32px;
		height:17px;
	}
	
	#karta a.ulricehamn{
		top:268px;
		left:149px;
		width:32px;
		height:17px;
	}
	
	#karta a.brunstorp{
		top:256px;
		left:173px;
		width:32px;
		height:17px;
	}
	
	#karta a.odeshog{
		top:238px;
		left:186px;
		width:32px;
		height:17px;
	}
	
	#karta a.nykopingsbroO{
		top:203px;
		left:257px;
		width:32px;
		height:17px;
	}
	
	#karta a.nykopingsbroV{
		top:195px;
		left:239px;
		width:32px;
		height:17px;
	}
	
	#karta a.tonnebro{
		top:26px;
		left:248px;
		width:32px;
		height:18px;
	}	
	
	#karta a.molletofta{
		top:363px;
		left:150px;
		width:30px;
		height:17px;
	}		
	
	#karta a.klevshult{
		top:303px;
		left:160px;
		width:30px;
		height:17px;
	}	
	#karta a.kalmar{
		top:324px;
		left:246px;
		width:32px;
		height:17px;
	}	
/*---*/