/* -------------------------------------------------------------- 

Sist endret: 19.01.2009 av Bent Inge Høiås

-------------------------------------------------------------- */
@import "dcore/css/sm_reset.css";
@import "dcore/css/sm_typografi.css";
@import "dcore/css/sm_layout.css";
/*@import "dcore/css/sm_nav-horisontal.css";*/
@import "dcore/css/sm_nav-dropdown.css";
@import "dcore/css/sm_tabs.css";

/* Nyheter */
@import "dcore/css/komp/nyheter/teasermal-3.css";
@import "dcore/css/bp_forms.css";
/*@import "bildegalleri/v2.1/css/jquery.lightbox-0.4.css";*/

@import "dcore/css/plugins/buttons/screen.css";
@import "felles_js/jScrollPane/jScrollPane.css";
@import "bildegalleri/v2.1/css/jquery.lightbox-0.4.css";
@import "bunnkurv.css";


/* -------------------------------------------------------------- 
	LAYOUT
-------------------------------------------------------------- */

body { background: #1a1a1a }

html, body { height: 100%; }

body>#ramme {
	margin: 0 auto }

#ramme {}

.sm_row { padding: 10px 0 }
.sm_wrapper { width: 980px; margin: 0 auto }



#header { background: #b71f2c }

#header h1, #header p { display: none }



#stickypush { height: 40px } /* Samme høyde som footer */

/* KOLONNER */

.sm_kol 		{ float: left; }


.sm_firstkol	{ width: 980px; }
.sm_secondkol	{ width: 260px; position: absolute; right: 0; }
.sm_thirdkol	{ display: none; }



.tokol .sm_thirdkol 	{ display: none }
.tokol .sm_secondkol 	{ width: 240px; }

#innholdsramme .sm_wrapper {height: 572px; overflow: hidden; position: relative;}
#innholdsramme.sm_row {padding: 0 0 110px;}
#left {height: 572px;}
#innhold {min-height: 542px; height: auto !important; height: 542px;  background: url(gfx/innhold_bg.png) repeat; padding: 30px 10px 0 30px;}


/* KREDITT */
#kreditt {display:none;}
#kreditt.sm_row {padding: 0;}

#kreditt .sm_wrapper { width: 950px; padding: 5px; }

#kreditt p { float: left; margin: 0; }

#kreditt p.sm_kred {  float: left; text-align: right }

#kreditt, #kreditt a { color: #5c5c5c }


/* -------------------------------------------------------------- 

	TYPOGRAFI

	- se dcore/typografi.css for standarder

-------------------------------------------------------------- */

body { line-height: 1.5; color: #fff }
p {margin-bottom: 1em;}
/* Standard fontstacks - kommenter bort og inn... */

body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea {

	/* Standard Helvetica/Arial-basert sans serif:*/

	font-family: Arial, Helvetica, Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", sans serif;


	}



/* Fontstørrelse */

#innholdsramme, #navigasjon { font-size: 1.2em } /* Standard er 10px: 12px=1.2em */

#kreditt { font-size: 1.2em }



/* Overskrifter */

h1 { font-size: 1.5em; font-weight: normal; }	/* 18px/12px */

.sm_firstkol h1, .sm_thirdkol h1, h2, h3, h4, h5, h6 { font-size: 1em }



/* -------------------------------------------------------------- 

	DESIGN

	- nettstedspesifikt

-------------------------------------------------------------- */



#logo { height: 60px; width: 137px; background: url(gfx/logo.png); position: relative; left: 33px; }
#logo a { display: block; height: 60px; width: 137px }
#logo span { display: none }

[if lte IE 6] #logo a, #innhold { behavior: url(dcore/ressurser/iepngfix_v2/iepngfix.htc); z-index: 2 }

a {color: #fff;text-decoration: underline;}
a:hover {color: #B71F2C}
/* -------------------------------------------------------------- 

	NAVIGASJON

	- utgangspunkt ved horisontal fanemeny

	MED submeny

--------------------------------------------------------------*/



#navigasjon.sm_row { padding: 0; background: url(gfx/nav_bg.gif) no-repeat scroll 50%; }
#nav { position:relative; z-index: 10000; height: 30px; }
#nav li { padding: 0 20px; } /* Avstand mellom faner */


#nav a { color: #fff; }
#nav a:hover {color: #b71f2c;}
#nav ul {}
#nav span {
	line-height: 30px; height: 30px;
	 }
#nav li.aktiv a { color: #b71f2c; } 

/* SUBMENY nivå 2-4 ------------------------------------- */

#submeny { border-top: 1px solid #dfdfdf }

#submeny a {
	border-bottom: 1px solid #dfdfdf;
	color: #878b8e;
	padding: 8px 0 8px 20px;
	width: 200px}

#submeny a:hover, #submeny li.aktiv a {
	background: #fff;
	color: #4b5860 }

	#submeny li.aktiv ul li a  {
		padding-left: 30px;
		background: #fff;
		color: #878b8e }

	#submeny li.aktiv ul li a:hover,

	#submeny li.aktiv ul li.aktiv a  {
		color: #d54d11;
		background: #f9f9f9 }

		#submeny li.aktiv ul li.aktiv ul li a  {
			padding-left: 60px;
			background: #fbfbfb; color: #666 }

		#submeny li.aktiv ul li.aktiv ul li a:hover,

		#submeny li.aktiv ul li.aktiv ul li.aktiv a  {
			color: #333;
			background: #fbfbfb }

/* -------------------------------------------------------------- 

   Skilleark

-------------------------------------------------------------- */
ul.tabs { border-bottom: 1px solid #ddd  }
ul.tabs li { padding: 0 2px 0 0 }
ul.tabs li a { border: 1px solid #ddd; border-bottom: 0; padding: 3px 5px; background: #fafafa }

/* -------------------------------------------------------------- 

   Toppnaviagsjon

-------------------------------------------------------------- */
#top_nav {height: 29px; line-height: 29px; background: url(gfx/top_nav_bg.gif) repeat-x; text-align: right; font-size: 1.2em;}
#top_nav .sm_wrapper {position:relative;}
#top_nav, #top_nav a {color: #fff;}
#top_nav strong {padding: 0 .5em 0 0;}
.xtra_nav a {padding: 0 10px; text-decoration: none;}
.xtra_nav { position: absolute; right: 289px; padding: 5px 0; }

.xtra_nav a.hjem {background: url(gfx/hjem.gif) no-repeat 0 1px;}
.xtra_nav a.hjem span {padding: 0 0 0 5px;}
#sok span {display:none;}
#sok input {
	background: none;
	color: #999; 
	border: 0 none;
	left: 3px;
	position: absolute;
	top: 2px;
	width: 162px;
}
#sok {background: url(gfx/sok_bg.gif) no-repeat scroll top left; height: 20px; width: 189px;position: absolute; right: 90px; top: 4px; }
#sok a {
	display: block;
	width: 22px;
	height: 20px;
	position: absolute;
	top: 0;
	right: 0;
}
.lang_nav {position:absolute; right: 0; width: 70px; padding: 5px 11px;}

/* -------------------------------------------------------------- 

   Bakgrunnsbilde, artikkeldesign

-------------------------------------------------------------- */
.bakgrunnsbilde {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	height: 572px;
	width: 980px;
}
.bakgrunnsbilde p {margin: 0;}

/* -------------------------------------------------------------- 

   Menyartikkel, forside, artikkeldesign

-------------------------------------------------------------- */
.menyartikkel a {
	color: #fff;
	text-decoration: none;
}
.menyartikkel .tittel {
	display: block;
	width: 100%;
	font-size: 2.2em;
}
.menyartikkel p {margin: 0 0 2.4em;}
.menyartikkel a:hover {text-decoration: none; color: #b71f2c; display: block;}
/* Bruk IEpngFIX på elementer som har PiNG-bilder med gjennomsiktighet */



[if lte IE 6]

	#logo,

	img {

		behavior: url(/dcore/ressurser/iepngfix_v2/iepngfix.htc); z-index: 2 }
		
.galleri {
}
.current {
	position: absolute;
	z-index: -1;
	left: -680px;
	top: 0;
}
.bgthumbs {
	position: absolute;
	bottom: -60px;
	left: 0;
	width: 264px;
	background: url(gfx/innhold_bg.png);
	width: 300px;
	height: 60px;
}
.bgthumbs ul {list-style: none;margin: 0;}
.bgthumbs ul a {display: block; width: 78px; height: 46px;}
.bgthumbs ul li {float: left;margin: 0 10px 0 0;}

.sm_firstkol .artikkel {padding: 20px;}
.artikkel.galleri {padding: 0;}

/*
	TILPASSET SCROLL
*/
#scroller {height: 512px; overflow: hidden;}
.jScrollPaneTrack {background: #000;}
.jScrollPaneDrag {background: #fff;}

/* NYHETSSIDE */
#nyheter {
	width: 660px;
	float: left;
	margin: 20px 20px 0 20px;
}
#nyheter .art {
	float: left;
	width: 310px;
	margin-right: 20px;
}
#nyheter h1.tittel {display: none;}

#nyheter p.npic {
	width: 100px;
	float: left;
}
#nyheter p.npic img {margin: 10px;}

/* POPUP FOR KONTAKTINFO */
.kontakt_popup {
	background: url(gfx/popup_bg.png) repeat;
	width: 200px;
	padding: 10px;
	position: absolute;
	display: none;
	color: #000;
	top: 20px;
	left: 0;
}
.kontakt_popup table {
	width: 180px;
	border: none;
}
.kontakt_popup th, .kontakt_popup td {
	border: none;
	padding: 0;
}
.sm_firstkol .kontakt_popup h1 {
	font-size: 1.5em;
}
/*
#artkol129 {top: 140px; left: 155px;}
#artkol131 {top: 40px; left: 450px;}
#artkol132 {top: 150px; left: 400px;}
#artkol133 {top: 140px; left: 155px;}
*/
a.kontakt_popup_steng {
	width: 16px;
	height: 16px;
	position: absolute;
	top: 4px;
	right: 4px;
	background: url(gfx/steng.gif) no-repeat;
}
a.kontakt_popup_steng span {display: none;}



/*** DROPDOWN - Funksjonalitetsstil ***/
#nav * {overflow: visible}
#nav ul ul {padding: 0; font-size: .9em}
#menu li:hover ul,
#menu li.sfHover ul {
	left:	0;
	top:	30px; /* match top ul list item height */
	z-index:	1000;
	background: #444;
	border-top: 0;
	position: absolute
	/*padding: 5px*/ }
#menu li:hover ul li,
#menu li.sfHover ul li {
	
}

#menu li li:hover, #menu li li.sfHover {
	
}
	

ul#menu li li:hover ul,
ul#menu li li.sfHover ul,
ul#menu li li li:hover ul,
ul#menu li li li.sfHover ul {
	left:	280px; /* Posisjonering må matche bredde - se under */
	top:	-1px;
	border: none;}
ul#menu li li.sfHover,
ul#menu li li li.sfHover {
}
#menu ul {	width: 280px /* Bredde må matche posisjonering - se over */ }

/*** /DROPDOWN-funksjonalitet ***/

#nav li li a, #nav li li span {	background: transparent; padding: 0 } /* Nulstiller stil fra 1. nivå og gir stil til undernivå  */
#nav li li span, #nav li li a:hover span {
	height: 1em; line-height: 1em; padding: 6px 0; width: 280px;  
	text-align: left;
	float: none } /* Nulstiller stil fra 1. nivå og gir stil til undernivå  */

#nav li li a span, #nav li li a:visited span  { /* visited pseudo selector so IE6 applies text colour*/
	color: #fff }
#nav li li a:hover span  { 
	color: #900 }