/************************* Stor och fin stilfil *************************/

body {
	background-color: #95C6EA;
}

h1 {
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	display: inline;

}

.rubrik {
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
}

h2 {
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	display: inline;
}

a:link {  color: #21438f }

a:visited {  color: #8d4fc2 }

a:hover {  color: #2d7dc6 }

a:active {  color: #0000FF }

.forhand a span {
position: absolute;
right: 0px;
top: 10px;
width: 200px;
display: none;
}

.forhand a:hover span {
display: block;
top: 23px;
right: 5px;
width: 200px;
border: 1px black solid;
padding: 5px;
background-color: #B0D2EF;
color: black;
text-decoration: none;
position: absolute;
}

.forhand a:hover{ border:none }

/************************* Kalenderspecifikt *************************/

.forhandkalender a span {
position: absolute;
right: 0px;
top: 176px;
width: 200px;
display: none
z-index: -1;
visibility: hidden;
}

.forhandkalender a:hover span {
display: block;
top: 176px;
left: 0px;
width: 200px;
border: 1px black solid;
padding: 5px;
background-color: #B0D2EF;
color: black;
text-decoration: none;
position: absolute;
z-index: 1;
visibility: visible;
}

.forhandkalender a:hover{ border:none }

/************************* Gallerispecifikt *************************/

.thumblink {
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000
}

.thumb	{
	border : 1px solid Black;
}

.bild	{
	border : 2px solid Black;
}
	
.thumbdiv {
	width: 120px;
	height: 120px;
	position: absolute;
	left: 0px;
}

.maindiv {
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	width: 840px;
	height: 1200px;
}

.bilddiv {
	margin-left:auto;
	margin-right:auto;
	width: 800px;
}

.thumbraddiv {
	margin-left:auto;
	margin-right:auto;
	width: 640px;
	height: 130px;
	position: relative;
	left: 0px;
	top: 0px;
}

.lankraddiv {
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	width: 640px;
	height: 12px;
	position: relative;
	left: 0px;
	top: 10px;
}

.exifdiv {
	margin-left:auto;
	margin-right:auto;
 	width:300px;
 	border: solid 1px;
 	background-color: #9FCFEF;
	text-align: left;
	padding: 2px;
	position: relative;
	top: 5px;
}

/************************* Slut på Gallerispecifikt *************************/

/************************* Grafisk design *************************/

.banner {
	height: 81px;
	width: 453px;
	background-image: url(/bilder/topbildvinter.gif);
	position: absolute;
	left: 0px;
	top: 0px;
}

.banner2 {
	height: 200px;
	width: 843px;
	background-image: url(/bilder/topbild.jpg);
	position: absolute;
	left: 0px;
	top: 0px;
	border: 1px solid black;
	z-index: 1;
}


.top {
	height: 81px;
	width: 547px;
	background-image: url(/bilder/top.gif);
	position: absolute;
	left: 453px;
	top: 0px;
}


.topfade {
	height: 81px;
	width: 150px;
	background-image: url(/bilder/topfade.gif);
	position: absolute;
	left: 1000px;
	top: 0px;
}

.turn {
	height: 131px;
	width: 113px;
	background-image: url(/bilder/turn.gif);
	position: absolute;
	left: 0px;
	top: 81px;
}
	
.sida {
	height: 500px;
	width: 113px;
	background-image: url(/bilder/sida.gif);
	position: absolute;
	left: 0px;
	top: 200px;
}

.sidfade {
	height: 169px;
	width: 113px;
	background-image: url(/bilder/sidfade.gif);
	position: absolute;
	left: 0px;
	top: 712px;
}

.statusruta {
	height: 81px;
	width: 200px;
	background-image: url(/bilder/statusruta.gif);
	position: absolute;
	left: 500px;
	top: 0px;
}
/************************* Textdesign *************************/

.textruta2 {
	position:absolute;
	left: 113px;
	top: 81px;
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	overflow: none;
	width: 800px;
	height: 550px;
}

.textruta {
	position:absolute;
	left: 113px;
	top: 210px;
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
	line-height: 150%;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	overflow: auto;
	width: 500px;
	height: auto;
	text-align: justify;
}


.nyheterframsida {
	position:absolute;
	left: 113px;
	top: 210px;
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	overflow: auto;
	width: 440px;
}

.nyheterframsidalista {
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	width: 280px; 
	position: absolute; 
	top: 210px; 
	left: 563px; 
	overflow: none;
	border-left: 1px dotted #D9D9D9;	
}

.nyheterframsidalista td {
	padding-left: 10px;
}


.mainnyhet {
	width: 320px; 
	position: absolute; 
	top: 0px; 
	left: 400px; 
	height: 500px;
	overflow: none;
}

.nyhetstabell {
	border-right: 1px dotted #D9D9D9;
	border-left: 1px dotted #D9D9D9;
	padding-left: 10px;
	padding-right: 10px;
	position: relative; 
	top: 0px;
	left: 0px;
	height: 200px;
	width: 300px;
}

.nyhetsvisning {
	border-right: 1px dotted #D9D9D9;
	border-left: 1px dotted #D9D9D9; 
	padding-left: 10px;
	border-top: 1px dotted #D9D9D9;
	position: relative; 
	top: 0px; 
	right: 0px;
	width: 300px;
	height: 300px;
	overflow: auto;
	padding-right: 10px;
	padding-top: 5px;
}


.knapplank {
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.knapplista {
	padding-left: 0px;
	margin-left: 0px;
	list-style: none outside;
}

.knappar2 {
	background-color:#84b8e0;
	color:#84b8e0;
	position:absolute;
	left: 0px;
	top: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 100px;
	height: 800px;
}
.knappar2 a:hover {visibility:visible}

.knappar {
	background-image: url(/bilder/sida.gif);
	position:absolute;
	left: 0px;
	top: 120px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 100px;
	height: 500px;
	
}
.knappar a:hover {visibility:visible}

.naturtabell {
	vertical-align: top;
	padding-right: 20px;
}

.bloghr {
	height: 1px;
	background-color: #cee4fd;
	color: #cee4fd;
	border: none;
	width: 95%;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
}

/************************* Rundvandring *************************/
 
 .vandringsinstruktioner {
	padding: 7px;
	border: 2px solid #dbeef8;
	text-align: left;
	width: 370px;
}

/************************* Här kommer knapparna *************************/

.start {
	background-image: url(/bilder/knapp_start.gif);
	width: 100px;
	height: 30px;
}
.start a:hover {
	background-image: url(/bilder/knapp_hov_start.gif);
}

.galleri {
	background-image: url(/bilder/knapp_galleri.gif);
	width: 100px;
	height: 30px;
}
.galleri a:hover {
	background-image: url(/bilder/knapp_hov_galleri.gif);
}

.artiklar {
	background-image: url(/bilder/knapp_artiklar.gif);
	width: 100px;
	height: 30px;
}
.artiklar a:hover {
	background-image: url(/bilder/knapp_hov_artiklar.gif);
}

.inloggning {
	background-image: url(/bilder/knapp_inloggning.gif);
	width: 100px;
	height: 30px;
}
.inloggning a:hover {
	background-image: url(/bilder/knapp_hov_inloggning.gif);
}

.medlemmar {
	background-image: url(/bilder/knapp_medlemmar.gif);
	width: 100px;
	height: 30px;
}
.medlemmar a:hover {
	background-image: url(/bilder/knapp_hov_medlemmar.gif);
}

.telefonbok {
	background-image: url(/bilder/knapp_telefonbok.gif);
	width: 100px;
	height: 30px;
}
.telefonbok a:hover {
	background-image: url(/bilder/knapp_hov_telefonbok.gif);
}

.lankar {
	background-image: url(/bilder/knapp_lankar.gif);
	width: 100px;
	height: 30px;
}
.lankar a:hover {
	background-image: url(/bilder/knapp_hov_lankar.gif);
}

.stadgar {
	background-image: url(/bilder/knapp_stadgar.gif);
	width: 100px;
	height: 30px;
}
.stadgar a:hover {
	background-image: url(/bilder/knapp_hov_stadgar.gif);
}

.karta {
	background-image: url(/bilder/knapp_karta.gif);
	width: 100px;
	height: 30px;
}
.karta a:hover {
	background-image: url(/bilder/knapp_hov_karta.gif);
}

.kalender {
	background-image: url(/bilder/knapp_kalender.gif);
	width: 100px;
	height: 30px;
}
.kalender a:hover {
	background-image: url(/bilder/knapp_hov_kalender.gif);
}

.styrelsen {
	background-image: url(/bilder/knapp_styrelsen.gif);
	width: 100px;
	height: 30px;
}
.styrelsen a:hover {
	background-image: url(/bilder/knapp_hov_styrelsen.gif);
}

.filer {
	background-image: url(/bilder/knapp_filer.gif);
	width: 100px;
	height: 30px;
}
.filer a:hover {
	background-image: url(/bilder/knapp_hov_filer.gif);
}

.tomter {
	background-image: url(/bilder/knapp_tomter.gif);
	width: 100px;
	height: 30px;
}
.tomter a:hover {
	background-image: url(/bilder/knapp_hov_tomter.gif);
}


.vandring {
	background-image: url(/bilder/knapp_vandring.gif);
	width: 100px;
	height: 30px;
}
.vandring a:hover {
	background-image: url(/bilder/knapp_hov_vandring.gif);
}

.natur {
	background-image: url(/bilder/knapp_natur.gif);
	width: 100px;
	height: 30px;
}
.natur a:hover {
	background-image: url(/bilder/knapp_hov_natur.gif);
}

.kontakt {
	background-image: url(/bilder/knapp_kontakt.gif);
	width: 100px;
	height: 30px;
}
.kontakt a:hover {
	background-image: url(/bilder/knapp_hov_kontakt.gif);
}

.annonser {
	background-image: url(/bilder/knapp_annonser.gif);
	width: 100px;
	height: 30px;
}
.annonser a:hover {
	background-image: url(/bilder/knapp_hov_annonser.gif);
}

.vader {
	background-image: url(/bilder/knapp_vader.gif);
	width: 100px;
	height: 30px;
}
.vader a:hover {
	background-image: url(/bilder/knapp_hov_vader.gif);
}

/**** Väder ****/

.temperaturtd {
	 height: 100px;
	 width: 30%;
	 text-align: center;
}

.temperaturtext {
	 font-size: 250%;
}

.vindtd {
	 text-align: center;
}

.vaderdagdiv {
	width: 230px;
	height: 485px;
	border: 1px solid #AADBFF;
	float: left;
	position: relative;
	margin: 5px;'
}

.vaderdagrubrik {
	 height: 30px;
	 display: block;
	 margin: 0;
	 padding-top: 10px;
	 padding-left: 5px;
}

.vaderdagtabell {
	 width: 100%;
	 height: auto;
	 position: absolute;
	 bottom: 0px;
	 left: 0px'
}

.windname {
	 font-size: 80%;
}