/*under body hŠr anger man bakgrundsbilden och grundmarginalerna*/
body{
	background-image: url("pics/bakgrund.jpg");
	background-color: #542525;
	padding: 0px;
	margin: 0px;
	background-repeat: repeat-x; /*Denna kod gšr sŒ bakgrunden bara repeteras i x-led*/
}

a{
	text-decoration: none; /*denna kod gšr sŒ lŠnkar inte har en underline*/
	color: #542525;
}

img{
	text-decoration: none;
	border: 0;	/*detta gšr sŒ att bilder inte fŒr nŒgon ram runt om sig*/
}


/*h2 styr rubrikerna*/
h2{
	font-family: arial;
	font-size: 125%;
	color: #A32121;
}

/*h3 styr rubrikern vid öppetider*/
h3{
	font-family: arial;
	font-size: 95%;
	color: #A32121;
}


/*€r kodningen fšr spiken som "hŒller" upp papprerna*/
#spik{
	float: left;
	display: block;
	position: absolute;
	left: 589px;
	top: 73px;
}

/*container Šr sjŠlva innehŒllet pŒ sidan, dvs det som finns pŒ papprerna*/
#container{
	width: 1200px;
	height: 768px;
	background-image: url("pics/papper.png"); /*Bakgrunden som liknar papper*/
	background-repeat: no-repeat; /*hŠr sŠger vi till att nakgrundsbilden ska bara komma en gŒng och inte repeteras*/
	background-position: 115px top;
	position: relative;
	display: block;
	margin: 0 auto; /*Denna kod gšr sŒ innehŒllet alltid centreras oavsett storlek pŒ fšnstret*/
	
}


/*Bannerns som är överst styrs utav koden här nedan*/
#banner{
	position: absolute;
	display: block;
	float: left;
	left: 380px;
	top: 69px;
	
}

/*Det šversta pŒ hela sidan*/
#header{
   width: 552px;
   float: left;
   margin-top: 40px;
   margin-left: 133px;
   margin-bottom:6px;
}

/*Loggan i vŠnstra hšrnet*/
#logga{
   float: left;
   display: block;
   margin-left: 40px;
   margin-top: 30px;
}


/*HŠr Šr koden som bestŠmer hur longitud och latitud kordinaterna ser ut*/
#kordinater{
	float: right;
	position: relative;
	display: block;
	margin-top: 65px;
	margin-right: 100px;
}


/*Header_bild Šr den huvudbild som finns šverst pŒ sidan */
#header_bild{
   float: left;
   position: relative;
   display: block;
   margin-left: 181px;
}

/*HŠr under sŒ finns css kodningen fšr hur menyn ska se ut*/
#meny{
	float: left;
	position: absolute;
	display: block;
	left: 153px;
	top: 410px;
	font-family: "Verdana", sans-serif;
	font-size: 95%;
	background-image: url("pics/remsa.png"); /*meny bakgrundsbilden*/
	background-repeat: repeat-x;
	width: 900px;
	height: 25px;
	/*border-bottom: solid 1px #542525;*/
	/*border-top: solid 1px #542525;*/

}

#meny ul{
	list-style: none; /*HŠr sŠger vi till att den lista som menyn bestŒr utav inte ska ha en symbol framfšr varje del*/
	padding: 0;
	margin: 0;
}

#meny ul li {
	position: relative;	
	display: inline; /*Denna kod gšr sŒ listan blir horisontell*/
	padding: 22px;
	padding-top: 0px;
	padding-bottom: 0px;
}


#meny a{
	color: #CEDAC2;
	font-size: 95%;
}

#meny a:hover{
	color: #402D19;
}

/*Styr undermenyn*/
.undermeny{
	position: absolute;
	float: left;
	left: -40px;
	top: 25px;
	
}

.undermeny ul{
	list-style: none;
	
}

.undermeny a:hover{
	color: #A32121;
	
}


#kant1{
	float:left;
	position: absolute;
	top: 402px;
	left: 139px;
	display: block;
}


#kant2{
	float:right;
	position: relative;
	margin-top: 247px;
	margin-right: 133px;
	display: block;
}


/*kodningen fšr boka flŠrpen*/
#boka_flarp{
	margin-right: 41px;
	margin-top: -358px;
	float: right;
	position: relative;
	display: block;
	z-index: 2; /*z-index ger diven en lager egenskap som innebŠr att den kan igga ovan andra delar*/

}

/*detta Šr kodningen fšr innehŒllet pŒ sidan dvs det som kommer stŒ under menyn*/
#innehall{
	width: 831px;
	float: left;
	display: block;
	position: absolute;
	left: 185px;
	top: 425px;
	padding: 5px;

}
/*Dett Šr den vŠnstra kolumnen*/
#left_col{
	/*width: 290px;*/
	font-family: arial;
	font-size: 75%;
	float: left;
	position: absolute;
	top: 40px;
	left: 25px;
	display: block;
	/*border-right: 1px solid grey;*/
	width: 150px;
	
}
/*Detta Šr hšgra kolumnen*/
#right_col{
	width: 385px;
	font-family: georgia;
	font-size: 79%;
	float: left;
	position: absolute;
	display: block;
	margin-left: 190px;
	
}

/*HŠr Šr kodningen fšr det fŠltet lŠngst till hšger i innehŒll diven dŠr annonser och bilder kommer finnas*/
#annons{
	float: right;
	display: block;
	position: relative;
	margin-right: -13px;
	margin-top: 5px;

}

/*dessa tvŒ kodningar under hŠr styr de annonser som finns pŒ startsidan*/
#annons1{
	float: right;
	position: relative;
	margin-right: 0px;
	margin-top: 15px;
	
}

#annons2{
	float: right;
	position: relative;
	margin-right: -240px;
	margin-top: 103px;
	
}

#annons3{
	float: right;
	position: relative;
	margin-right: -240px;
	margin-top: 191px;
	
}


/*HŠr under Šr all css kod fš hur footern ska se ut*/
#footer{
	width: 870px;
	position: absolute;
	float: left;
	display: block;
	top: 688px;
	left: -180px;
	
}

/*copyright delen som finns lŠngst ner pŒ sidan styrs hŠr*/
#copy{
	font-size: 65%;
	float:left;
	position: absolute;
	margin-top: 15px;
	margin-left: 500px;
	color: #c5c5c5;
}
/*
#adress{
	margin-left: 50px;
	font-size: 70%;
	position: absolute;
	float: left;
	margin-top: 4px;
	margin-left: 180px;
}
*/
/* #kontakt{
	text-align: center;
	
}
*/

/*Detta Šr kodningen fšr kontaktinformationen som finns i den vŠnstra kolumnen*/
#kontaktstart{
	text-align: center;
	float: left;
	position: absolute;
	left: 10px;
	top: 149px;
	width: 120px;
	font-size: 90%;
}

#bokningsval ul{
	list-style: none;
}

#bokningsval ol{
	list-style: none;
}
/* här under är kodningen till öppetiderlappen*/
#lappen{
	background-image: url("pics/oppe.png"); /*Bakgrunden som liknar papper*/
	background-repeat: no-repeat;
	width: 210px;
	height: 236px;
	font-size: 90%;

	
}

#tider{
	position: absolute;
	float: left;
	left: -15px;
	top: 470px;
	
}

#tider_text{
	position: absolute;
	float: left;
	display: block;
	left: 25px;
	top: 5px;
	text-align: center;
	font-size: 110%;
}

#tider_text h3{
	text-align: center;
	font-size: 115%;
	
}

#stifft{
	position: absolute;
	display: block;
	top: -10px;
	left: 60px;
	float: left;
	
}

#stifft2{
	position: absolute;
	display: block;
	top: -639px;
	left: -220px;
	float: left;
	z-index: 15
	
}


#noter{
	position: absolute;
	float: left;
	display: block;
	left: 190px;
	top: 155px;

	
}

#buss_tider{
	width: 372px;
	font-family: georgia;
	font-size: 75%;
	float: right;
	position: relative;
	display: block;
	margin-right: -26px;
	margin-top: 5px;
}


#bat_tider{
	width: 260px;
	font-family: georgia;
	font-size: 75%;
	float: left;
	position: absolute;
	display: block;
	margin-left: 190px;
}


#natur{
	width: 490px;
	font-family: georgia;
	font-size: 75%;
	float: left;
	position: absolute;
	display: block;
	margin-left: 190px;	
}


#kontakt_info ul{
	list-style: none;
	
}

.meny_rub{
	text-align: center;
	font-size: 105%;	
}

#menyn_text{
	text-align: center;	
}

#senaste{
	display: block;
	float: left;
	position: absolute;
	background-image: url("pics/nyhetslapp.png"); /*Bakgrunden som liknar papper*/
	background-repeat: no-repeat;
	width: 181px;
	height: 400px;
	top: 70px;
	left: -10px;
	
}

#senaste_text{
	float: left;
	position: absolute;
	display: block;
	top: 5px;
	left: 15px;
	width: 160px;
		
}

#senaste_text h2{
	text-align: center;	
	font-size: 140%;
}

#senaste_nytt{
	text-family: georgia;
	font-size: 95%;
	float: left;
	position: absolute;
	left: 4px;
	padding-left: 3px;	
}

#nyhets_stifft{
	float: left;
	display: block;
	position: absolute;
	top: -3px;
	left: 68px;	
}

#oppetiderflik ul{
		list-style: none;
}

#stf{
	position: absolute;
	display: block;
	float: left;
	top: 155px;
	left: -175px;	
}

#klicka{
	position: absolute;
	display: block;
	float: right;
	right: 230px;
	bottom: 40px;
	font-size: 105%;
	font-family: Arial;
	color: #A32121;	
}

#pil{
	position: absolute;
	display: block;
	float: right;
	bottom: 6px;
	right: -27px;	
}

#bok_annons{
	position: absolute;
	display:block;
	float: right;
	top: -380px;
	right: -1040px;	
}

#stifft6{
	position: absolute;
	display: block;
	float: right;
	top: -387px;
	right: -960px;
	z-index: 20;	
}
/*---------------------------*/

/* #adress ul{
	list-style: none;
}
*/
/* #mail{
	float:right;
	font-size: 75%;
	position: relative;
	margin-top: 2px;
}
*/