@charset "utf-8";

body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9pt
}

body#kart {
		background:url(../_img/KartskisseOksebotn_cropped.png) bottom  no-repeat  ;
        background-size: 80%;
	}

a {
	text-decoration: none;
}

h1 {
	font-size: 2em;
	color: #653d1a;
}

h2 {
	font-size: 1.4em;
	color: #653d1a;
}

h3 {
	font-size: 1.08em; /* (1.2*0.9) */
	color: #653d1a;
}

.centered {
	text-align:center;
}

.right_aligned {
	text-align: center;
}

.no_frame {
	border: none;
}

div#header {
	height: 50px;
	width: 979px;  /* same as .container */
	margin: 0px auto;
	}

 div#google_translate_element {
	border: none;
}

.container {
	margin: 0 auto;
	padding: 5px;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.1em;
	height: 845px;
	width: 979px;
	border:  2px #ACC2B5 solid;
	border-radius: 10px;
	-moz-border-radius: 10px;
}



.container.subpage {
	height: 845px;
}

/* heading ------------------------------------------*/
.logo {
	background: #ACC2B5;
	height: 135px;
	border-top-left-radius : 10px;
	border-top-right-radius : 10px;
	border: none;
}

#logo_bilde {
	clear: left;
	border:none;
}

#logo_tekst {
	font-size: 7.5em;
	color: #fff;
	margin-left: 20px;
}

/* Menulinje -------------------------------------------*/	



/* enable/disable menu items */
#index #nav-logo > a,
#index #nav-logo > a:hover {
	pointer-events: none;
	cursor: default;
}

#leie #nav-leie > a,
#hytta #nav-hytta > a,
#adkomst #nav-adkomst > a,
#aktiviteter #nav-aktiviteter > a,
#galleri #nav-galleri > a,
#kart #nav-kart > a,
#lenker #nav-lenker > a,
#gjester #nav-gjester > a,
#kontakt #nav-kontakt > a {
	pointer-events: none;
	cursor: default;
	color: #000;
	background: #D8E2DC;
	border-color:  #FFF
}

.nav-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.nav-menu li {
	float: left;
	display: inline;
	font-size: 0.9em;
}

.nav-menu li a:hover {
	background-color: #F60;
}


a div.info-box-colorbar:hover {
	background-color: #F60;
	border-color: #F60;
}

.nav-menu li a {
	height: 2em;
	line-height: 2em;
	float: left;
	width: 107px;
	color: #fff;
	border-right: solid 2px;
	border-top: solid 2px;
	border-bottom: solid 2px;
	text-decoration: none;
	text-align: center;
	background-color: #acc2b5;
}

.nav-menu li a._left {
	border-left: none;
	border-bottom-left-radius: 10px;
}

.nav-menu li a._right {
	border-right: none;
	border-bottom-right-radius: 10px;
}

/* hoveddel ------------------------------------------- */
.main {
	position: relative;
	}

#kart div.main {
	background: url(../_img/KartskisseOksebotn.png) top right ;
	background-repeat: no-repeat;
}

.main div {
	border:  2px #ACC2B5 solid;
	width: 400px;

}

.main-img {
	height: 280px;
	float:left;
	position: relative;
	border-radius: 10px;
	margin-bottom: 10px;
}

div.main-img h1 {
	z-index: 10;
}

.info-box {
	position: relative;
	height: 128px;
	margin: 10px auto 10px auto;
	border-radius: 10px;
}

.info-box-double {
	position: relative;
	height: 280px;
	margin: 10px auto 10px auto;
	border-radius: 10px;
}

div.info-box-gallery {
	position: relative;
	width: 752px;
    height: 573px;
	margin: 20px auto 10px 113px;
	border-radius: 10px;
}

.info-box-top {
	float: left;
	margin-top: 20px;
}

.info-box-right {
	float: right;
	margin-right: 7%;
}

.info-box-left {
	float: left;
	margin-left: 7%;
}

.info-box-centered {
	float: left;
	margin-left:auto;
	margin-right:auto;
	margin-top: 20px;
	margin-left: 280px;
}

div.info-box-text {
	border: none;
	position: absolute;
	top: 10px;
	line-height: 1.5em;
	left: 10%;
	width: 80%;
}

div.info-box-text-subpage p {
	font-size: 0.9em;
}

div.info-box span.span-centered,
div.info-box-double span.span-centered {
	margin-left: 80px;
}

.first-word-emphasised {
	color: #653d1a;
	font-size: 1.2em;
	font-weight: bold;
}


div.info-box-img-text {
	border: none;
	position: absolute;
	top: 10px;
	line-height: 1.5em;
	left: 35%;
	width: 60%;
}

div.info-box-colorbar {
	position: absolute;
	bottom: 0px;
	left: 0px;
	text-align:center;
	color: #fff;
	border: 2px #ACC2B5 solid;
	height: 1.5em;
	line-heigth: 2em;
	background-color:  #acc2b5;
	margin: auto auto -2px -2px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	width: 100%;
}

#priser-frame th,
#priser-frame-details th {
	color: #555;
	width: 100px;
}

#priser-frame-details th {
	font-size: 0.9em;
}

#priser-frame-details table {
	margin-top: -15px;
	padding: 0px;
}

#priser-frame td,
#priser-frame-details td {
	width: 100px;
	text-align:center;
	background-color: #DDD;
	padding-left: 3px;
	padding-right: 3px;
	line-height: 1.5em;
	font-size: 0.8em;
}

.main-img h2 {
	position: absolute;
	right: 23px;
	top: 40px;
	font-size: 1em;
}

#img-ov_frilagt {
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: -5;
	width: 400px;
}

hr#seksjon2 {
	float: left;
	width:843px;
	margin-left: 7%;
    background-color: #FFF;
	height: 1-px;
	border:none;
}

/*div#avstandstabell {
	position: absolute;
	top: 340px;
	left: 7%;
	border: none;
	width: 843px;
	margin: 7px auto;
	font-weight: 600;
	}
div#avstandstabell-sted_km {
	margin: 0px auto;
	width:80%;
	margin: auto;
	border:none;
}
div.avstandstabell-sted, div.avstandstabell-km {
	border: none;
	text-align:center;
	display: inline;
	padding: 4px;
	font-size: 0.8em;
}

div.avstandstabell-km {
	font-size: 0.6em;
}
div#myrdal {
	margin-right: 50px;
}
div#finse {
	margin-left: 53px;
	margin-right: 10px;
}
div#oksebotn {
	color: #FFF;
	margin-left: 10px;
	margin-right: 46px;
}
div#haugastøl {
	margin-left: 50px;
}*/
#leie-frame .info-box-text {
	left: 135px;
	width: 60%;
}



#aktiviteter-frame img,
#adkomst-frame img {
	position: absolute;
	left: 10px;
	top: 15px;
	width: 115px;
}

#kart-frame img {
	position: absolute;
	left: 20px;
	top: 17px;
	width: 95px;
	border: 1px solid #acc2b5;
}

.info-box div.booking-left {
	float:left;
}

.info-box div.booking-right {
	float:right;
}

div.booking-left p,
div.booking-right p {
	color: #555;
}

.info-box table.booking,
.info-box-double table.booking {
	background-color: #acc2b5;
	width: 25%;
}

.info-box table.booking td,
.info-box-double table.booking td {
	border: 1px solid #FFF;
	text-align: center;
}

.info-box table.booking-small {
	margin-top: 21px;
	margin-left: 15px;
}

.info-box table.booking-small td {
	font-size: 0.4em;
}

.info-box table.booking-large {
	margin-top: 5px;
	margin-left: 10px;
}

.info-box table.booking-large td {
	color: #FFF;	
	font-size: 0.7em;
}

.info-box table.booking td.booked {
	background-color: red;
}

.info-box table.booking td.tentative {
	background-color: #FC9;
}

div.info-box p a,
div.info-box-double p a {
	text-decoration: none;
	font-weight: bold;
	color: #405749;
}

div.info-box p a:hover,
div.info-box-double p a:hover {
	color: #F60;
	text-decoration:underline ;	
}

div.booking-left {
	float: left;
}

div.booking-rigth {
	float: right;
}

div.booking-left,
div.booking-rigth {
	text-align:  center;
	width: 140px;
	border: none;
}

div.booking-left p,
div.booking-rigth p {
	font-weight: bold;
	margin-top: 0px;
}

div.main div#kolofon {
	position: absolute;
	top: 660px;
	border-radius: 10px;
	height: 1.5em;
	margin-left: 7%;
	margin-top: 10px;
	width: 86%;
	text-align: center;
	background-color:  #acc2b5;
	font-size: 0.8em;
	color:#FFF;
}

div.main div#kolofon a {
	color: #405749;
}

div.main div#kolofon a:hover {
	color: #f60;
	text-decoration:underline ;
}

/* Galleri med ineriørbilder (hytta.html)*/

/*img#gallery_img_xl*/
div#gallery_xl {
	width: 398px;
	height: 263px;
	padding-top: 12px;
	margin: auto;
	border: none;
}

div#gallery_xl img {
	width: 90%;
	margin: auto;
	display: block;
	border-radius: 10px;
}

table#gallery-hytta {
	margin: -10px auto auto auto;
	color: #555;
}

table#gallery-hytta td img {
	width: 65px;
	border: none;
}


/* Gelleri med bilder fra området (galleri.html) */
div#gallery_galleri {
	width: 752px;
	height: 500px;
	display: block;
	border: none;
	}

div#gallery_galleri img {
	width: 100%;
	height: 100%;
	border: none;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	}

/* Thumbnails */
table#gallery-galleri {
	margin: auto;
	border: none; ;
	}

table#gallery-galleri td {
	border: none; ;
	}

table#gallery-galleri td img {
	width: 71px;
	height: 44px;
	border: none;
}



#kart-uksabotn p.kartlink {
	margin-left: 75px;
	}

/* Google Maps */
div#google_maps {
	height: 500px;
	}
	
div#google_maps div {
		border: none;	
	}	
	

/* Lenker */
#lenker table {
	width: 325px;
	border: none;
	}

#lenker table a {
    color: #405749;
	font-weight: bold;
	}

#lenker table a:hover {
    color: #F60;
	text-decoration:underline ;
	}
	
#lenker td.link {
	width: 100px;
	}	
	
	
#lenker td {
	vertical-align: top;
	border: solid 4px #FFF;	
	}