body {
	margin: 0 0 0 0px;	
	padding: 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	}
h1 {
	font: 2em Arial, sans-serif; 
	margin: 0.1em 0;
	}
h2{
	font: 1.5em Arial, sans-serif; 
	font-style: normal; 
	margin: 0.1em 0;
	/*font: italic 1em Georgia, serif;*/
	}
h3 {
	font-style: normal; 
	font: bold 1em Arial, serif;
	}
/*a.pos {
	font-style: normal; 
	font: bold 1em Arial, serif;
	}*/
.pos{
	font-style: normal; 
	font: bold 1em Arial, serif;
	}
.fakt{
	font-style: normal; 
	font:italic 10px Arial, serif;
	}
a:link{color:#000; text-decoration:none;}
a:visited{color:#000; text-decoration:none;}
a:hover{background: #FFCC66;}

/* sidlayout */
#kolumncontainer {
	height: 600px;
	float: left;
	width: 800px; 
	}
#sidhuvud {
	background: url(../img/logo.gif) no-repeat;
	height: 65px; 
	padding: 0.8em 0 0 0;  
	}
#kolumn1 {
	background: url(../img/blue_blue.gif) repeat-y;
	color: #fff;
	height: 500px;
	float: left; 
	width: 150px; 
	padding: 5px;
	}
#kolumn2_start {
	height: 524px;
	float: left; 
	width: 580px; 
	padding: 0px; 
	}
#kolumn2 {
	height: 510px;
	float: left; 
	width: 590px; 
	padding: 0px; 
	/*border: 1px solid #000000;*/
	}
#vinkel_kol2{
	background: url(../img/vinkel.gif) no-repeat;
	height: 15px;
	width: 15px;
	float: left; 
	width: 580px;
	padding: 10px;
	}
#bildbox_start{
	height: 509px;
	float: left; 
	width: 579px; 
	padding: 0px; 
	}
#bildbox_ideella{
	height: 500px;
	float: left; 
	width: 579px; 
	padding: 0px;
	/*border: 1px solid #000000;*/
	}
#bildbox_ideella_gr{
	background: #a3cf94;
	height: 500px;
	float: left; 
	width: 579px; 
	padding: 0px;
	/*border: 1px solid #000000;*/
	}
#bildram_ideella{ 
	float: left; 
	width: 345px;
	padding: 4px; 
	/*border: 1px solid #000000;*/
	}
.bildram_ideella_marginal{
	margin-left: 10px;
	margin-top: 3px;
	float: left; 
	width: 175px;
	padding: 4px; 
	/*border: 1px solid #000000;*/
	}
#bildram_ideella_1{
	float: left;
	height: 479px;
	width: 360px;
	padding: 3px; 
	/*border-right: 1px solid #000000;*/
	}
.bild_ram{
	float: left; 
	width: 200px;
	padding: 3px; 
	/*border: 1px solid #000000;*/
	}
.bildram_historia{
	float: left; 
	width: 225px;
	padding: 3px; 
	/*border: 1px solid #000000;*/
	}
	.bildram_hist_stor{
	float: left; 
	width: 505px;
	padding: 3px; 
	/*border: 1px solid #000000;*/
	}
	.bildram_kyrkbyn{
	float: right; 
	width: 200px;
	height: 295px;
	padding: 3px; 
	/*border: 1px solid #000000;*/
	}
.bild_ram_marginal{
	float: left;
	margin-top: 8px;
	width: 200px;
	padding: 3px; 
	/*border: 1px solid #000000;*/
	}
#bild_ram_1{
	float: left;
	width: 305px;
	height: 479px;
	padding: 10px; 
	/*border: 1px solid #000000;*/
	}
#bild_ram_2{
	float: left;
	width: 600px;
	height: 479px;
	padding: 10px; 
	/*border: 1px solid #000000;*/
	}
#bild_ram_3{
	float: left;
	width: 580px;
	padding: 10px; 
	/*border: 1px solid #000000;*/
	}
#bild_ram_4{
	background: #a3cf94;
	float: left; 
	width: 100px;
	padding: 2px; 
	/*border: 1px solid #000000;*/
	}
#bild_ram_5{
	float: left; 
	width: 455px;
	padding: 3px; 
	/*border: 1px solid #000000;*/
	}

	/*Historisk karta*/
#bild_ram_mapmeny{
	background: #a3cf94;
	float: left;
	height: 496px;
	width: 200px;
	padding: 2px; 
	/*border: 1px solid #000000;*/

	}
#bild_ram_map_1300{
	position:absolute;
	left: 360px;
	top: 86px;
	background: #a3cf94;
	float: left;
	background: url(../img/karta_1300.gif) no-repeat;
	height: 496px;
	width: 450px;
	padding: 2px; 
	/*border: 1px solid #000000;*/
	z-index: 1000;
	}
#bildram_strandNu_1300{
	position:absolute;
	left: 360px;
	top: 86px;
	position: absolute;
	visibility: hidden;
	background: url(../img/vattenlinjen_nu.gif) no-repeat;
	height: 496px;
	width: 450px;
	padding: 2px;
	z-index: 1001;
	}
#bildram_klocksten_1300{
	position:absolute;
	left: 360px;
	top: 86px;
	position: absolute;
	visibility: hidden;
	background: url(../img/Klocksten.gif) no-repeat;
	height: 496px;
	width: 450px;
	padding: 2px;
	z-index: 1002;
	/*border: 1px solid #000000;*/
	}
	#bildram_vagar_1300{
	position:absolute;
	left: 360px;
	top: 86px;
	position: absolute;
	visibility: hidden;
	background: url(../img/vagar.gif) no-repeat;
	height: 496px;
	width: 450px;
	padding: 2px;
	z-index: 1003;
	/*border: 1px solid #000000;*/
	}
	#bildram_kyrkvagen_1300{
	position:absolute;
	left: 360px;
	top: 86px;
	position: absolute;
	visibility: hidden;
	background: url(../img/kyrkvagen.gif) no-repeat;
	height: 496px;
	width: 450px;
	padding: 2px;
	z-index: 1004;
	/*border: 1px solid #000000;*/
	}
	#bildram_platser_1300{
	position:absolute;
	left: 360px;
	top: 86px;
	position: absolute;
	visibility: hidden;
	background: url(../img/platser.gif) no-repeat;
	height: 496px;
	width: 450px;
	padding: 2px;
	z-index: 1005;
	/*border: 1px solid #000000;*/
	}
	
/*Slut historisk karta*/

.box_left{
	float: left; 
	width: 284px;
	height: 460px;
	padding: 2px; 
	/*border: 1px solid #000000;*/
	}
.box_right{
	float: right; 
	width: 284px;
	height: 460px;
	padding: 2px; 
	/*border: 1px solid #000000;*/
	}

	/*Kartbeskrivning*/
	/*Kykbyn utgrävningar*/
	#tipspace_1{
	visibility: hidden;
	position: absolute;
	left: 395px;
	top: 210px;
	background: url(../img/pos.gif) no-repeat;
	float: right; 
	width: 20px;
	height: 20px; 
	z-index: 1000;
	/*border: 1px solid #000000;*/
	}
	/*Kyrkbyn utgrävningar textruta*/
	#tip_1{
	visibility: hidden;
	position: absolute;
	left: 410px;
	top: 175px;
	background: #FFCC66;
	float: right; 
	width: 160px;
	z-index: 1001;
	}
	/*Badplatsen*/
	#tipspace_2{
	visibility: hidden;
	position: absolute;
	left: 528px;
	top: 488px;
	background:url(../img/pos.gif) no-repeat;
	float: right; 
	width: 20px;
	height: 20px; 
	z-index: 1000;
	/*border: 1px solid #000000;*/
	}
	/*Flygfältet*/
	#tipspace_3{
	visibility: hidden;
	position: absolute;
	left: 375px;
	top: 235px;
	background: url(../img/pos.gif) no-repeat;
	float: right; 
	width: 20px;
	height: 20px; 
	z-index: 1000;
	/*border: 1px solid #000000;*/
	}
	/*Minnesstenen*/
	#tipspace_4{
	visibility: hidden;
	position: absolute;
	left: 493px;
	top: 473px;
	background: url(../img/pos.gif) no-repeat;
	float: right; 
	width: 20px;
	height: 20px; 
	z-index: 1000;
	/*border: 1px solid #000000;*/
	}
	/*Minnessten text*/
	#tip_4{
	visibility: hidden;
	position: absolute;
	left: 510px;
	top: 440px;
	background: #FFCC66;
	float: right; 
	width: 170px;
	z-index: 1001;
	}
	/*Persöbyn*/
	#tipspace_5{
	visibility: hidden;
	position: absolute;
	left: 450px;
	top: 505px;
	background: url(../img/pos.gif) no-repeat;
	float: right; 
	width: 20px;
	height: 20px; 
	z-index: 1000;
	/*border: 1px solid #000000;*/
	}
	/*Klumman*/
	#tipspace_6{
	visibility: hidden;
	position: absolute;
	left: 425px;
	top: 520px;
	background: url(../img/pos.gif) no-repeat;
	float: right; 
	width: 20px;
	height: 20px; 
	z-index: 1000;
	/*border: 1px solid #000000;*/
	}
	/*Berget*/
	#tipspace_7{
	visibility: hidden;
	position: absolute;
	left: 500px;
	top: 470px;
	background: url(../img/pos.gif) no-repeat;
	float: right; 
	width: 20px;
	height: 20px; 
	z-index: 1000;
	/*border: 1px solid #000000;*/
	}
	/*Durrudden*/
	#tipspace_8{
	visibility: hidden;
	position: absolute;
	left: 480px;
	top: 540px;
	background: url(../img/pos.gif) no-repeat;
	float: right; 
	width: 20px;
	height: 20px; 
	z-index: 1000;
	/*border: 1px solid #000000;*/
	}
	/*Dalknösen*/
	#tipspace_9{
	visibility: hidden;
	position: absolute;
	left: 430px;
	top: 460px;
	background: url(../img/pos.gif) no-repeat;
	float: right; 
	width: 20px;
	height: 20px; 
	z-index: 1000;
	/*border: 1px solid #000000;*/
	}
	/*Gabbrebacken*/
	#tipspace_10{
	visibility: hidden;
	position: absolute;
	left: 485px;
	top: 457px;
	background: url(../img/pos.gif) no-repeat;
	float: right; 
	width: 20px;
	height: 20px; 
	z-index: 1000;
	/*border: 1px solid #000000;*/
	}
	/*Näsudden*/
	#tipspace_11{
	visibility: hidden;
	position: absolute;
	left: 525px;
	top: 495px;
	background: url(../img/pos.gif) no-repeat;
	float: right; 
	width: 20px;
	height: 20px; 
	z-index: 1000;
	/*border: 1px solid #000000;*/
	}
	/*Svedjan*/
	#tipspace_12{
	visibility: hidden;
	position: absolute;
	left: 462px;
	top: 430px;
	background: url(../img/pos.gif) no-repeat;
	float: right; 
	width: 20px;
	height: 20px; 
	z-index: 1000;
	/*border: 1px solid #000000;*/
	}
	/*Svartnäs*/
	#tipspace_13{
	visibility: hidden;
	position: absolute;
	left: 475px;
	top: 415px;
	background: url(../img/pos.gif) no-repeat;
	float: right; 
	width: 20px;
	height: 20px; 
	z-index: 1000;
	/*border: 1px solid #000000;*/
	}
	/*Hultbacken*/
	#tipspace_14{
	visibility: hidden;
	position: absolute;
	left: 425px;
	top: 403px;
	background: url(../img/pos.gif) no-repeat;
	float: right; 
	width: 20px;
	height: 20px; 
	z-index: 1000;
	/*border: 1px solid #000000;*/
	}
	/*Lillbron*/
	#tipspace_15{
	visibility: hidden;
	position: absolute;
	left: 430px;
	top: 339px;
	background: url(../img/pos.gif) no-repeat;
	float: right; 
	width: 20px;
	height: 20px; 
	z-index: 1000;
	/*border: 1px solid #000000;*/
	}
	/*Lillbron*/
	#byablad{
	visibility: hidden;
	position: absolute;
	font-style: normal;
	color: #000000;
	font: bold 1em Arial, serif;
	left: 100px;
	top: 325px;
	background: #FFCC66;
	float: right; 
	width: 150px;
	z-index: 1001;
	padding: 5px;
	/*border: 1px solid #000000;*/
	}
	/*Karta 1300-Talet*/
	/*Visa Kyrkvägen*/
	#tipspace_16{
	visibility: hidden;
	position: absolute;
	width: 450px;
	height: 496px; 
	left: 273px;
	top: 85px;
	background: url(../img/kyrkvagen.gif) no-repeat;
	float: right;  
	z-index: 2000;
	/*border: 1px solid #000000;*/
	}
	/*Visa vägar*/
	#tipspace_17{
	visibility: hidden;
	position: absolute;
	width: 450px;
	height: 496px;
	left: 273px;
	top: 85px;
	background: url(../img/vagar.gif) no-repeat;
	float: right;  
	z-index: 2000;
	/*border: 1px solid #000000;*/
	}
	
/* meny */
.meny{
	width: 145px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;
	list-style-type: none;
	font: 11px Verdana, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	}
.meny li{margin-bottom: 3px;}
.meny a{
	display: block;
	width: auto;
	height:100%;
	background: #7ea8b0;
	padding: 3px;
	text-decoration: none;
	border: 1px solid #a4c1c7;
	}

.meny a:link{color: #ffffff;}
.meny a:visited{color: #ffffff;}
.meny a:hover{background: #a4c1c7;}
.meny a#current{background: #FFCC66; color: #000000;}

/* undermeny */
.undermeny{
	width: 145px;
	margin-left: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	list-style-type: none;
	font: 11px Verdana, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	}
.undermeny li{margin-bottom: 3px;}
.undermeny a{
	display: block;
	width: auto;
	height:100%;
	background: #adc8cd;
	padding: 3px;
	text-decoration: none;
	border: 1px solid #a4c1c7;
	}
.undermeny a:link{color: #ffffff;}
.undermeny a:visited{color: #ffffff;}
.undermeny a:hover{background: #ccd9db; color: #000000;}
.undermeny a#current{background: #fef0af; color: #000000;}

/* Kartmeny*/
#kart_meny{
	width: 100px;
	/*margin-top: 2px;*/
	margin-left: 2px;
	padding: 0px;
	list-style-type: none;
	font: 11px Verdana, Helvetica, sans-serif;
	}
#kart_meny li{margin-bottom: 4px;}
#kart_meny a{
	/*display: block;*/
	width: 100px;
	height:100%;
	padding: 1px;
	text-decoration: none;
	}
/* Kartmeny 1300-talet*/
#kart1300_meny{
	width: 150px;
	/*margin-top: 2px;*/
	margin-left: 2px;
	padding: 0px;
	list-style-type: none;
	font: 11px Verdana, Helvetica, sans-serif;
	}
#kart1300_meny li{margin-bottom: 4px;}
#kart1300_meny a{
	/*display: block;*/
	width: 100px;
	height:100%;
	padding: 1px;
	text-decoration: none;
}
/*Box med Runda hörn*/
#runding {background: #cccc99; width: 500px;}
.roundtop {background: #ffffff;}
.roundbottom {background: #ffffff;}
.roundtop {background: #ffffff;}
.roundbottom {background: #ffffff;}
.r1{margin: 0 5px; height: 1px; overflow: hidden; background: #cccc99;}
.r2{margin: 0 3px; height: 1px; overflow: hidden; background: #cccc99;}
.r3{margin: 0 2px; height: 1px; overflow: hidden; background: #cccc99;}
.r4{margin: 0 1px; height: 2px; overflow: hidden; background: #cccc99;}
.content {padding: 10px;}

