/*
 * Base typography 
 */
body {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: Georgia, Times, "Times New Roman", sans-serif;
	font-size:13px;
	line-height:20px;
	color:#484848;
}
h1 {
	font-size:32px;
	line-height:40px;
	font-weight:normal;
}
h2 {margin-bottom:-7px;line-height:26px;}
.clear {clear:both}
a img {border:0}
img {margin:0}
body {margin:0;padding:0}
.clear {clear:both;}
a.pdf_icon {
	background: url("../images/pdf_icon.gif") no-repeat;
	display:inline-block;
	height:16px;
	padding-left:20px;
}
sup, sub { vertical-align: 0;
           position: relative; }
sup { bottom: 1ex; }
sub { top: 0.8ex; }
table {margin:1em 0;}
td {padding: 0.2em 0;}
th {text-transform:uppercase;text-align:left;}
#col-left h1 {margin-top:22px;}
h3 {position:relative;margin-bottom:-8px;margin-top:20px;}
/* 
 * Links 
 */
a {
	color: #aa9757;
	text-decoration:none;
}
a:visited {
	/*color:#477493;*/
	color: #968037;
}
#main-area, #side-area {
	padding-bottom:50px;
}
a:hover {text-decoration:underline}
h1,h2,h3,h4,h5,#gns,ul.submenu-0 {color:#000;font-family: Georgia, Times, "Times New Roman", serif;}
#breadcrumbs {font-family: Helvetica, Arial, sans-serif;text-transform:uppercase;font-size:11px;line-height:18px;margin:0;list-style-type:none;padding:0;}
#breadcrumbs li {display:inline}
span.architect {
	display:block;
	margin-top:8px;
	font-size:12px;
	line-height:19px;
	color:#000;
	font-style:normal;	
	
}
span.separator {color:#aa9757;font-family:Helvetica, Arial, sans-serif;}
p.introduction {
	color:#7b7b7b;
	padding-left:43px;
	padding-top:10px;
	background: url(../images/gfx_intro_text_quote.gif) no-repeat;
	font-style:italic;
	font-size:14px;
	line-height:21px;
}
/*
 * Layout
 */
#wrapper {margin:0 auto;width:960px}
#content-wrapper {position:relative;margin-top:60px;}
#content {position:relative;}
#foot {
	clear:both;
	height:100px;
}
#col-left, .col_left {float:left; width:321px}
#col-right, .col_right {float:right; width:312px}


#google-map-overview.active {z-index:2}
#logo-treehotel {
	position:absolute;
	top:0;
	left:35px;
	z-index:1;
}
#logo-swedish-lapland {
	position:absolute;
	right:7px;
	top:-48px;
	z-index:1;
}
#menu {
	position:absolute;
	width:960px;
	height:29px;
	z-index:200;
	background:url(../images/gfx_alphabg.png);
}
#menu-bg {
	width:960px;
	height:29px;				
}
#social-media-tab {
	position:absolute;
	right:20px;
	bottom:93px;				
	height:28px;
	width:207px;
	z-index:200;
	background:url(../images/gfx_social_media_tab_bg.png) no-repeat;
}
.tpl_startsida #social-media-tab {
	right:20px;
	bottom:-5px;
	background:url(../images/gfx_social_media_tab_bg.png) no-repeat;
}
span.tab_left {
	font-family:Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	line-height:20px;
	color:#999;
	display:block;
	position:absolute;
	left:14px;
	top:5px;
	padding-left:3px;
	padding-top:5px;
}
.tpl_startsida span.tab_left {
	padding-left:42px;
}
html .cufon {
	*margin-top:0 !important;
}
span.tab_right{
	display:block;
	position:absolute;
	top:5px;
	right:14px;
}
.tpl_startsida #head {
	height:528px;
	width:960px;				
	position:relative;
	z-index:0;
	left:0;
	top:0;
}
/* kartsida */
.tpl_kartsida #google-map-overview {height:308px;}
.tpl_kartsida #hide-map, .tpl_kartsida #hide-map-bg {display:none} 
.tpl_rumssida #social-media-tab {display:none}
#head {
	height:308px;
	background-color:#000;
}
#main-area {
	position:absolute;
	top:32px;
	/*left:139px;*/
	left:129px;
	right:auto;
	width:465px;
	
}
#side-area {
	position:absolute;
	top:32px;
	right:0;
	width:327px;
	min-height:320px;
	font-family:Helvetica, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:15px;

}
#side-area table {font-size:10px;line-height:15px;}
.marginal_text {
	font-family:Helvetica, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:17px;
}
#side-area p {

}
#btn-book-now {
	position:absolute;
	left:15px;
	top:115px;
}
#btn-location {
	position:absolute;
	left:15px;
	top:30px;
}
div.rss_modul {
	font-family: Helvetica, Arial, sans-serif;
}
#wrapper div.rss_modul p.cufon_text {
	font-size:14px;
	line-height:19px;
	color:#999;
	margin-top:20px;
	margin-bottom:-2px;;
}
#wrapper div.rss_modul p.cufon_text img {
	margin: 0;
}
div.rss_modul a {
	color:#476f86;
	text-transform:none;
	font-family: Helvetica, Arial, sans-serif;
}
#section-default {
	position:absolute;
	left:0;
	top:0;
	height:528px;
	width:960px;
	z-index:1;			
}
#section-default p img {display:none}
#section-default p img.first {display:block}
.tpl_startsida #section-default p {margin:0;padding:0}
#google-map-overview {
	position:absolute;
	left:0;
	top:0px;
	top:-1000px;
	height:528px;
	width:960px;
	z-index:0;
}
#google-map-overview.active {
	top:0px;
}

#map {
	position:absolute;
	left:0;
	top:0;
	margin:0;padding:0;
	height:528px;
	width:960px;
}
.tpl_kartsida #map {
	height:308px;
}

#hide-map-bg {
	background:url(../images/gfx_alphabg.png);
	position:absolute;
	bottom:0;
	left:0;
	width:960px;
	height:23px;
}

#hide-map {
	font-family: Helvetica, Arial, sans-serif;
	background: url(../images/gfx_close_map.png) no-repeat 0px 2px;
	color:#fff;
	display:block;
	width:150px;
	height:18px;
	position:absolute;
	left:10px;
	bottom:3px;
	padding-left:20px;
	text-transform:uppercase;
}
/* Cufon hack... */
#btn-location, #btn-book-now {
	color:#999;
}
#btn-location span {
	left:0;
	top:63px;
	width:54px;
	text-align:center;
}
#btn-book-now span {
	left:-8px;
	top:63px;
	width:74px;
	text-align:center;
}
#btn-location span, #btn-book-now span {

	position:absolute;
	text-decoration: none;
	text-transform: uppercase;
	font-size:13px;
}
a#btn-location:hover, a#btn-book-now:hover {
	text-decoration:none;
}
body.tpl_startsida #btn-location {
	position:absolute;
	left:1px;
	top:10px;
	text-align:left;
}
body.tpl_startsida #btn-book-now {
	position:absolute;
	left:140px;
	top:10px;
	text-align:left;	
}

body.tpl_startsida #btn-book-now span {
	left:63px;
	top:23px;
	width:70px;
	text-align:left;
}

body.tpl_startsida #btn-location span {
	left:58px;
	top:23px;
	width:80px;
	text-align:left;
}
/* Start */
body.tpl_startsida #main-area {
	position:absolute;
	right:0;
	top:0;
	left:auto;
}
#content {position:relative;}
#google-maps-info-window {
	font-size:80%;
	line-height:115%;
}
#logocontrol {display:none;}

#language-selector {
	position:absolute;
	right:4px;
	top:6px;
	margin:0;
	list-style-type:none;
}
#language-selector li {
	display:block;
	float:left;
	margin-right:4px;
}

.col_left, .col_right {margin-top:25px;}
ul.submenu-0 {
	position:absolute;
	left:162px;
	top:5px;
	margin:0;
	padding:0;
	list-style-type:none;
	width:798px;
}
ul.submenu-0 li {
	/*position:relative;
	left:0;
	top:0;
	overflow:visible;
	overflow-x:hidden;*/
	float:left;
	margin:0px;
	padding:0;
	height:24px;
	font-weight:bold;
	text-transform:uppercase;
}
ul.submenu-0 li a {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#DDD;
	display:block;
	padding:0 13px;
}
.cufon-active #hide-map {color:#DDD;font-size:15px;padding-top:4px;bottom:-1px;}
.cufon-active ul.submenu-0 li a {padding-top:4px}
.cufon-active ul.submenu-0 li a:hover {color:#FFF}
.cufon-active ul.submenu-0 li a span.level-0 {font-size:15px}
ul.submenu-0 li a:hover,
ul.submenu-0 li a.active {color:#FFF;text-decoration:none}

ul.submenu-0 ul.submenu-1 {
	position:absolute;
	left:0;
	top:24px;
	height:0;
	float:left;
	overflow:hidden;
	margin:0px 0px;
	padding:0 1px;
	list-style-type:none;
	background: url("../images/gfx_alphabg.png") repeat scroll 0 0 transparent;
	text-transform:none;
}
ul.submenu-0 ul.submenu-1 li {
	float:none;
	display:block;
	margin:0 2px;
	padding:2px 13px;

}
ul.submenu-0 ul.submenu-1 li a {
	color:#DDD;
	font-size:10px;
	margin:0;
	padding:0;
}
div.rss_modul {
	width:417px;
}
div.rss_modul h3 {margin-bottom:0}
div.rss_modul h2 {
	text-transform:uppercase;
	margin:0;
}
div.rss_modul a {
	font-weight:normal;
}
div.rss_modul h2, div.rss_modul p {
	font-size:12px;
	line-height:18px;
	margin:0px 0;

}
div.rss_modul img {
	margin:4px 0 4px 0;
	display:block;
}
div.rss_modul p.date {
	clear:both;
	font-size:9px;
	margin-bottom:20px;
}
div.rss_modul h2 img {margin-top:105px;}
div.rss_modul div.item {clear:both;padding-left:60px;min-height:75px;margin-top:10px;padding-bottom:10x;padding-top:1px;}
div.rss_modul div.item.facebook {background: url(../images/ico_feed_facebook.gif) 0px 4px no-repeat;}
div.rss_modul div.item.twitter {background: url(../images/ico_feed_twitter.gif) 0px 4px no-repeat;}
div.itemseparator {
	clear:both;
	font-size:10px;
	height:10px;
	margin-left:0px;
	overflow:hidden;
	border-bottom:1px solid #EEE;
}
div.clearseparator {
	clear:both;font-size:1px;height:1px;overflow:hidden;
}
/* Hussida */
#image-content-area {
	position:absolute;
	right:0;
	top:0;
	height:308px;
	width:518px;
	background:#000;
	color:#FFF;
	overflow:hidden;
}
#image-content-area p {margin-top:0;}
#text-content-area {
	position:absolute;
	left:0;
	top:0;
	height:308px;
	width:442px;
	background:#000;
	color:#FFF;
}
/* Slideshow pager */
#pager { z-index: 50; position: absolute; bottom: 3px; left: 0px }
#pager a { 
	margin: 0 2px 4px 0; 
	padding:4px 8px; 
	border: 1px solid #e2e2e2;
	background: transparent url(../images/gfx_alpha_70black.png);
	text-decoration: none;
	font-family:Helvetica, Arial, sans-serif;
	color:#fff;
}
#pager a.activeSlide {
	background: transparent url(../images/gfx_alpha_60white.png);
	color:#000;
	border:1px solid transparent;
}
#pager a:focus { outline: none; }
.fancybox {}
.fancybox_hide {}
.cufon_text {
	text-transform:uppercase;
	font-size:14px;
	margin-top:20px;
	margin-bottom:-2px;
	color:#888;
}
.photobyline_left, .photobyline_right {
	display:block;
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;margin:-10px 0 0 0;
	color:#888;
}
.photobyline_right {
	text-align:right;
}

.photobyline_left {
	text-align:left;
}
/* forms */

label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic;
	display:block;
}
div.error { display: block; }
input, textarea {	border: 1px solid #AAA; }
input:focus { border: 1px dotted #AAA; }
input.error { border: 1px dotted red; }
a#mute-button {
	position:absolute;
	left:0px;
	top:1px;
	display:block;
	height:16px;
	width:18px;
	overflow:hidden;
	background:url(../images/gfx_sound_on.gif) no-repeat;
	outline:none;
	-moz-outline:none;
}
a#mute-button.toggled {
	background:url(../images/gfx_sound_off.gif) no-repeat;
	outline:none;
	-moz-outline:none;	
}
.fancybox_ajax {}
div.ajax_holder {
	width:700px;
	margin:20px 40px;
	overflow-x:hidden;
}
table.prices {
	margin:0;
	padding:0;
	font-family:Helvetica, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:17px;
}
table.prices td {padding:3px 0 5px 0}
/* loginform */
div.loginform {}
.loginform label {display:block;font-size:10px;}
.loginform input {margin-bottom:10px;}

.validation_errors {
	padding:5px 0;
}

.validation_errors .validation_error {
	margin:5px 0;
	color:red;
}
#logout-box {
	position:absolute;
	left:0;top:0;
	display:block;
	background-color:#000;
	color:#fff;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	padding:5px 10px;
	font-weight:bold;
}
#logout-box:hover {
	color:#CCC;
}
div.small_column {margin-top:40px;}

/*
.small_column p {
	margin-left:35px;
	font-size:9px;
	line-height:13px;
}
.small_column p img {
	margin-left:-17px;
}
.small_column p img.image_separator {
	margin-left:0;
}*/
.image_separator {}
input.checkbox, input.radiobox {border:none;}
.nojs_validation_error {
	padding:10px 15px;
	margin-bottom:15px;
	margin-top:15px;
	color:red;
	border:1px dotted red;
}
#favor-logo {position:absolute;right:-16px;top:0;}
