/*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:327px;
		left:128px;
		width:32px;
		height:17px;
	}
	
	#karta a.kungsrasten{
		top:313px;
		left:132px;
		width:25px;
		height:17px;
	}
	
	#karta a.snapparp {
		top:302px;
		left:112px;
		width:28px;
		height:17px;
	}
	
	#karta a.tanum {
		top:181px;
		left:58px;
		width:32px;
		height:17px;
	}
	
	#karta a.nordby {
		top:158px;
		left:51px;
		width:32px;
		height:17px;
	}
	
	#karta a.bralanda{
		top:180px;
		left:98px;
		width:32px;
		height:17px;
	}
	
	#karta a.grums{
		top:130px;
		left:130px;
		width:32px;
		height:18px;
	}	
	
	#karta a.vargarda{
		top:209px;
		left:126px;
		width:32px;
		height:17px;
	}
	
	#karta a.gotene{
		top:188px;
		left:142px;
		width:32px;
		height:17px;
	}
	
	#karta a.mariestad{
		top:178px;
		left:163px;
		width:32px;
		height:17px;
	}
	
	#karta a.ulricehamn{
		top:251px;
		left:146px;
		width:32px;
		height:17px;
	}
	
	#karta a.arboga{
		top:125px;
		left:223px;
		width:32px;
		height:18px;
	}
	
	#karta a.brunstorp{
		top:244px;
		left:170px;
		width:32px;
		height:17px;
	}
	
	#karta a.odeshog{
		top:230px;
		left:184px;
		width:32px;
		height:17px;
	}
	
	#karta a.mantorp{
		top:212px;
		left:196px;
		width:32px;
		height:17px;
	}	
	#karta a.nykopingsbroO{
		top:187px;
		left:257px;
		width:32px;
		height:17px;
	}
	
	#karta a.nykopingsbroV{
		top:180px;
		left:239px;
		width:32px;
		height:17px;
	}
	
	#karta a.tonnebro{
		top:17px;
		left:248px;
		width:32px;
		height:18px;
	}	
	
	#karta a.molletofta{
		top:348px;
		left:150px;
		width:30px;
		height:17px;
	}		
	
	#karta a.klevshult{
		top:288px;
		left:160px;
		width:30px;
		height:17px;
	}	
	#karta a.ullared{
		top:289px;
		left:125px;
		width:32px;
		height:17px;
	}
	#karta a.kalmar{
		top:307px;
		left:246px;
		width:32px;
		height:17px;
	}	
/*---*/