/*
 * Base typography 
 */
body {
	font-family: Georgia, "Times New Roman", serif;
	font-size:12px;
	line-height:19px;
	background-color:#f3f2e8;
	margin:0;
	padding:0;
	color:#53441d;
}
html td {
	font-family: Georgia, "Times New Roman", serif;
	font-size:12px;
	line-height:19px;
	color:#53441d;
}
h1,h2 {
	font-size:30px;
	line-height:36px;
	text-transform:uppercase;
	font-weight:normal;
	letter-spacing:0.08em;
}
.clear {clear:both}
a img {border:0}
img {margin:0}
a.pdf_icon {
	background: url("../images/pdf_icon.gif") no-repeat;
	display:inline-block;
	height:16px;
	padding-left:20px;
}
a {
	color: #476f86;
	text-decoration:none;
}
a:visited {color:#477493}
a:hover {text-decoration:underline}
h1,h2,h3,h4,h5,#gns {}

#foot {
	clear:both;
}

#logo-itmg {position:absolute;left:45px;top:44px;}

.zoomable_image {}
/*.expandee {margin:10px 0 5px 0;background:url(../images/gfx_arr_inactive.gif) 1px 3px no-repeat;padding-left:16px}
.expandee.active {background:url(../images/gfx_arr_active.gif) 1px 3px no-repeat;}
.expander {border:1px #ccc dashed;background:#eee;padding:10px;}
.expander.active {
	display:inline;
}*/

#head {
	position:relative;
	z-index:100;
	background: transparent url(../images/gfx_border.png) bottom center repeat-x;
	height:160px;
	margin-bottom:-9px;
}
#content {
	min-height:400px;
	z-index:1;
	background-color:#f3f2e8;
}
#foot {
	position:relative;
	z-index:100;
	margin-top:-9px;
	background: transparent url(../images/gfx_border.png) top center repeat-x;
	height:150px;
	padding-top:30px;
}
#foot a {color:#FFF}
#head .wrapped_content {
	padding:0;
}
#foot .wrapped_content {
	text-align: center;
	text-transform: uppercase;
	color:#FFF;
	font-size:11px;
	padding:0;
}
.wrapped_content {
	position:relative;
	margin:0 auto;
	width:960px;
	padding:0;
}
#content .wrapped_content {
	width:804px;
	padding:68px 68px 50px 88px;
}
#content .wrapped_content {
	width:804px;
	padding:68px 20px 50px 20px;
}
.tpl_startsida #content .wrapped_content {
	width:1214px;
	padding:0;
	overflow:hidden;
}
.tpl_startsida #content {
	background: #c2e1f3 url("../images/gfx_start_content_bg.jpg") no-repeat top center;
	overflow:hidden;
}
.tpl_startsida h1 {font-size:36px;line-height:48px;margin-bottom:0}
.tpl_startsida #content .byline {font-style:italic;font-size:20px;line-height:26px;margin-top:0}
.tpl_startsida div.intro_text {position:absolute;left:370px;top:15px;width:660px;}
.tpl_startsida div.intro_text p {font-size:14px;line-height:21px;}
.tpl_startsida div.intro_text.german p {font-size:12px !important;line-height:20px;}
span#leverantor-text {position:absolute;left:935px;top:12px;text-align:right;font-size:11px;color:#000;}
a#logo-treehotel {position:absolute;left:1031px;top:0;margin-right:-1px;}
.tpl_standardsida span#leverantor-text {position:absolute;left:750px;top:12px;text-align:right;font-size:11px;color:#000}
.tpl_standardsida a#logo-treehotel {left:846px;}
#logo {
	position:absolute;
	left:88px;
	top:27px;
}
#mountains {position:absolute;top:75px;right:75px;}

#flag {
	position:absolute;
	top:105px;
	left:915px;
	width:100px;
}

/* gns */
#gns {
	position:absolute;
	left:20px;top:15px;
	margin:0 0 0 -9px;
	padding:0;
	list-style-type:none;
}
#gns li {
	margin:0;
	padding:0px 9px;
	display:block;
	float:left;
	vertical-align:bottom;
	background: url(../images/gns_separator.gif) top right no-repeat;
}
#gns li:last-child, #gns li.last-child {
	background:none;
}
html body #gns li.last-child {background:transparent;}

#gns li a,
#gns li a span {
	color:#c0b597;
	text-transform:uppercase;
}
#gns li a:hover,
#gns li a:hover span {color:#85754b;text-decoration:none;}
#gns li a.active,
#gns li a.active span {color:#85754b;}

.tpl_startsida #content {height:446px;overflow-y:hidden;}
#gns-start {
	position:absolute;
	left:460px;
	top:325px;
	list-style-type:none;
}
#gns-start li#gns-produkterna {
	position:absolute;
	left:370px;
	top:0;
	z-index:3;

}
#gns-start li#gns-inspiration {
	position:absolute;
	left:265px;
	top:0px;
	z-index:2;
	margin-top:-10px;	
}
#gns-start li#gns-foretaget {
	position:absolute;
	left:140px;
	top:0;
	z-index:1;	
}
#gns-start li#gns-filosofin {
	position:absolute;
	left:0px;
	top:0;
	z-index:4;
}

table.products, table.columns {
	margin:0;
	padding:0;
	width:100%;
}
table.products td, table.columns td {
	vertical-align:top;
}
table.products h1, table.products h2 {margin-top:0;}
table.products p, table.columns td {font-size:16px;line-height:25px;}
table.products td img.products{margin-left:30px}

/* tooltips */
/* tooltip styling. by default the element to be styled is .tooltip  */
#gns-start span {
    background: transparent url(../images/gfx_alphabg.png);
	font-family: Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	color:#FFF;
    width: 100px;
    height:20px;
	padding:10px;
    position: absolute;
    top: 70px;
    left: -0px;
    text-align: center;
    z-index: 2;
	display:none;
	cursor:hand;
	cursor:pointer;
}
#gns-produkterna span {left:30px;}
#gns-inspiration span {left:10px;}
#gns-foretaget span {left:15px;}
#gns-filosofin span {left:15px;}
#gns-las-mer {
	position:absolute;
	left:340px;
	top:400px;
}
#content #gns-start a span {text-decoration:none}
#content #gns-start a {color:#FFF;text-decoration:none}
/* expander */
.expandee {margin:10px 0 5px 0;background:url(../images/out/arr_expander.gif) 1px 1px no-repeat;padding-left:22px}
.expandee.active {background:url(../images/over/arr_expander.gif) 1px 1px no-repeat;}
.expander {border:1px #ccc dashed;background:#eee;padding:10px;}
.expander.active {
	display:inline;
}
#shader {margin:0;z-index:98}
/* float left/right images */
.left {float:left;margin:0 15px 10px 0}
.right {float:right;margin:0 15px 10px 0}