/**********************************************************************************************

	CSS on Sails
	Title: Site Name
	Author: XHTMLized (http://www.xhtmlized.com/)
	Date: May 2009

***********************************************************************************************
		
	1. BASE
			1.1 Reset
			1.2 Accessibility Navigation & Hide
			1.3 Clearfix
			1.4 Default Styles
	
	2. LAYOUT
			2.1 Header
			2.2 Content
			2.3 Sidebar
			2.4 Footer		

***********************************************************************************************/


/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/	


/* 1.1	Reset
-----------------------------------------------------------------------------------------------*/	
	
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
	body { line-height: 1; }
	ol, ul { list-style: none; }
	blockquote, q { quotes: none; }
	blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
	ins { text-decoration: none; }
	del { text-decoration: line-through; }
	table { border-collapse: collapse; border-spacing: 0; }
	address { font-style: normal; }

/* 1.2	Accessibility Navigation & Hide
-----------------------------------------------------------------------------------------------*/	

	#accessibility-nav, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }


/* 1.3	Clearfix
-----------------------------------------------------------------------------------------------*/

	.container:after, #header:after, #content .intro:after, #aside .aside-content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* 1.4	Default Styles
-----------------------------------------------------------------------------------------------*/	

	body { background: #fff; font: 62.5%/1.3 Arial, Helvetica, sans-serif; text-align: center; padding-bottom: 25px; }
	hr { display: none; }
	strong { font-weight: bold; }
	em { font-style: italic; }
	input, textarea, select { font: 1.2em Arial, Helvetica, sans-serif; }
	a:link, a:visited { color: #00f; text-decoration: underline; }
	a:hover, a:active { color: #f00; text-decoration: none; }


/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

	.container { width: 970px; position: relative; margin: 0 auto; text-align: left; font-size: 1.2em; }
	
	#content { width: 719px; margin: 50px 0 0;  float: left; position: relative; clear: left; }
	#home #content { padding: 0; margin: 0 0 5px; }
	#aside { width: 251px; float: right; margin: 50px 0 5px; background: #e7e7e8; }
	#home #aside { margin: -207px 0 0; height: 555px; padding: 26px 0 0; }
	#footer { width: 970px; clear: both; }
	#home #footer { margin-top: 255px; float: left; }

/* 2.1	Header
-----------------------------------------------------------------------------------------------*/	
	
	#header { position: relative; height: auto; padding: 14px 0 21px; min-height: 172px; height: 172px; border-bottom: 6px solid #9f2116; }
	#home #header { width: 707px; padding-bottom: 0; }
	
	#header .site-name { position: relative; float: left; margin: 0 0 12px; }
	#header .site-name,
	#header .site-name span { display: block; overflow: hidden; width: 320px; height: 85px; }
	#header .site-name span { position: absolute; top: 0; left: 0; z-index: 10; background: url(../images/logo.png) no-repeat; }
	#header a.site-name span { cursor: pointer; }

	#header h2, #header h2 span { float: left; clear: left; width: 500px; height: 50px; position: relative; color: #9f2116; font-size: 32pt; }
	#subpage #header h2 {
		font-size:30pt;
	}
	#subpage #header h2.de {
		font-size:23pt;
	}
	#header h2.no { font-size: 43pt; }
	#header h2.en { font-size: 43pt; }
	#header h2.de { font-size: 32pt; top:15px }
	#header h2 span { position: absolute; top: 0; left: 0; background: url(../images/txt_slogan.png) no-repeat 0 0; }
	#home #header h2, #home #header h2 span { width: 705px; height: 70px; }
	/*#home #header h2 span { background-image: url(../images/txt_slogan_big.png); }*/
	
	.language { position: absolute; right: 290px; top: 33px; }
	.language li { float: left; padding: 0 0 0 10px; }
	.language li a, .language li a span { float: left; width: 27px; height: 17px; position: relative; overflow: hidden; }
	.language li a span { position: absolute; top: 0; left: 0; background: url(../images/ico_countries.png) no-repeat 0 0; }
	.language li.english a, .language li.english a span { width: 33px; }
	.language li.english a span { background-position: -36px 0; }
	.language li.deutch a span { background-position: -77px 0; }
	#home .language { right: 30px; }
	
	.hosts { width: 251px; position: absolute; top: 0; right: 0; background: #e7e7e8; height: 172px; padding: 14px 0 5px; }
	.hosts strong { display: block; position: absolute; bottom: 5px; right: 52px; width: 168px; }
	.hosts span { display: block; width: 168px; height: 170px; position: absolute; top: 14px; right: 52px; background: url(../images/bg_hosts.png) no-repeat 0 0; }
	
	#navigation { position: relative; margin: -43px 0 0; z-index: 1000;}
	#navigation li { float: left; position: relative; }
	#navigation li a { float: left; display: inline; margin-right: 6px; width: 93px; line-height: 21px; background: url(../images/bg_tab_menu.png) no-repeat 0 0; color: #565354; text-decoration: none; padding: 0 7px 0 12px; }
	#navigation li a:hover, #navigation li.hover a { color: #b3554d; }
	#navigation li ul { position: absolute; float: left; left: 0; width: 113px; top: 21px; background: url(../images/bg_submenu.png) no-repeat 0 100%; border-top: 1px solid #ededee; padding: 3px 0; }
	#navigation.js ul { left: -9999px; }
	#navigation li:hover ul, #navigation li.hover ul { left: 0; }
	#navigation li ul li { float: none; }
	#navigation li:hover ul li a, #navigation li.hover ul li a { float: none; color: #565354; display: block; margin: 0; width: auto; line-height: 1.3; height: 1%; background: none; padding: 0 7px 0 12px; }
	#navigation li ul li a:hover { background: url(../images/ico_bull.png) no-repeat 5px 50%; }
	
/* 2.2	Content
-----------------------------------------------------------------------------------------------*/	

	#content .promo { margin: 0 0 .75em 0; }
	#content h2 { text-transform: uppercase; color: #9f2116; }
	#content p { margin: 0 0 1.3em; }
	#content .intro { background: #e7e7e8; margin: 0 0 5em; top: 365px; height: auto !important; min-height: 250px; height: 250px;  position: absolute; width: 970px; left: 0;}
	#content .intro ul { display: inline; width: 440px; height: 244px; margin: -55px 27px 0 0; float: right; position: relative; z-index: 1000;}
	#content .intro ul li a { display: block; float: left; }
	#content .intro li.nav-opplevelser a { width: 132px; height: 160px; margin-top: 92px; }
	#content .intro li.nav-vaare-baater a { width: 144px; height: 168px; margin-top: 56px; }
	#content .intro li.nav-vaare-sjoehus a { width: 162px; height: 190px; }
	#content .intro .left { float: left; background: #fff; padding-right: 10px; }
	#content .intro p { float: left; width: 440px; padding: 5px 15px 0; margin: 0; }
	
/* 2.3	Sidebar
-----------------------------------------------------------------------------------------------*/	

	#aside .aside-content { background: #e7e7e8; position: relative;}
	#aside h3 { color: #565354; line-height: 21px; background: #fff url(../images/bg_tab_wide.png) no-repeat 0 50%; margin: 0 0 6px; padding-left: 24px; font-weight: normal; }
	#home #aside h3 { padding: 6px 0 6px 24px; }
	.bildeserie { font-size: .912em; padding: 10px 0 0 10px; }
	.bildeserie a,.bildeserie a:visited { color: #231f20; text-decoration: none; }
	.bildeserie li { float: left; display: inline; margin: 0 5px 10px 0; }
	.bildeserie li img { display: block; }
	.bildeserie li {
        width: 113px;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        zoom: 1;
        *display: inline;        

	}
	
	#stortbilde {width	:	707px; float:left; margin	:	0px 0px 20px 0px;}
	
	.docucont {
		float: right;
		width	:	550px;
	}
	
	.vaerkart { width: 230px; margin-left: 10px; position: relative; }
	.vaerkart p { width: 135px; height: auto !important; min-height: 37px; height: 37px; padding-left: 50px; background: url(../images/ico_star.png) no-repeat 0 0; position: relative; z-index: 1000;}
	.vaerkart strong { font-weight: bold; float: left; margin: 20px 0 0; position: relative; z-index: 100; }
	.vaerkart a { color: #000; text-decoration: none; }
	.vaerkart img { float: left; margin: 3px 0 0;  position: absolute; top: 25px; right: 0;}
	
	 .man {position: absolute; top: -270px; right: 5px;}
	 
	 
	.tipafriend {
		width				:	150px;
		float				:	left;
		background-color	:	#e7e7e8;
	} 
	
	.tipafriend p {
		margin	:	0px;
		padding	:	3px;
		line-height	:	25px;
	}
	
	.tipafriend a {
		text-decoration	:	none;
		color			:	#9f2116;
	}
	
	.tipafriend a:hover {
		font-weight: bold;
	}
	
	.tipafriend img {
		border	:	0px;
		margin	:	0px 4px 0px 0px;
		vertical-align	:	baseline;
	}
	
	.tipafriend h2 {
		color: #565354; line-height: 21px; background: #fff url(../images/bg_tab_wide.png) no-repeat 0 50%; margin: 0 0 6px; padding-left: 24px; font-weight: normal;
	}
	
	
	.tipafriendField {
		width: 400px;
		border: 1px solid #9f2116;
		background-color	:	#e7e7e8;
		position: absolute;
		padding	:	10px;
	}

	.tipafriendField a.closeTips {
		cursor	:	pointer;
		display	:	block;
		float	:	right;
		text-decoration	:	underline;
		color			:	#9f2116;		
	}
	
	.tipafriendField a.closeTips:hover {
		font-weight	:	bold;
	}
	
	
	 

/* 2.4	Footer
-----------------------------------------------------------------------------------------------*/

	#footer { border-top: 5px solid #9f2116; padding-top: 5px; }
	#footer .vcard { padding: 12px 10px; background: #e7e7e8; color: #545152; text-align:center; }
	#footer .org { text-transform: uppercase; color: #231f20; padding-right: 10px; }
	#footer .country-name, #footer .adr, #footer .tel2 { padding-right: 6px; }
	#footer .email { margin-left: 6px; }
	#footer a { color: #545152; text-decoration: none; }
	#footer a:hover { text-decoration: underline; }
	
	p.poweredby { float:right; color:#000; font-size:10px; }
	p.poweredby a{ color:#000}