@import url("/bildegalleri/v2/css/jquery.lightbox-0.4.css");
@import url("bildegalleri.css");

* { margin: 0; padding: 0; outline: 0; font-family: arial, helvetica, helve, verdana, "Bitstream Vera Sans", geneva, sans-serif }

body { background: #fff; text-align: center; padding: 2% 0 0 0; font-size: 70%; color: #666  }

#ramme {
	position: relative;
	width: 780px;
	margin: 0 auto;
	text-align: left }

#header {
	height: 58px;
	background: url(gfx/ola_roald_logo.gif) 18px 0 no-repeat }

#kol1, #innhold { line-height: 1.4em; padding: 0 0 10px 0; overflow: hidden; height: 390px }
body#nyheter_cms #innhold { overflow: auto }
#innholdsramme { padding: 0 0 15px 0; height: 390px }
html>body #innholdsramme { min-height: 390px; height: auto }
#kol1 { float: left; width: 500px; 
	background: url(/filarkiv/Image/fremtidstunet-i-bardu.jpg) no-repeat -280px 0 }
body#full #kol1 { background-position: 0 0 }
	#kol1 .artikkel { background: #666; height: 390px; overflow: hidden }
#innhold { float: right; width: 270px }
#kol2 { clear: both }

body#full #kol1 { width: 780px }
body#full #innhold { display: none }

body#stor #kol1 { width: 585px }
body#stor #innhold { width: 185px }

/*  ------------------------------------   KREDITT   --------------------------------  */

#kreditt { position: absolute; bottom: 5px; right: 10px; background: #fff }
#kreditt a, #kreditt { color: #98a2a3 }
#kreditt a:hover { color: #333 }

	a.cms { padding: 2px 50px; background: url(/dcore/badge/siteman-cms.png) no-repeat }
	a.cms:hover { background-position: 0 -20px }
	a.cms span { display: none }

/*  ------------------------------       TYPOGRAFI     -------------------------------  */

input, textarea, select, p.news_arkiv, #kreditt { font-size: 1em }
#kreditt { font-size: 0.9em }
#nav, h1 { font-size: 1.1em }
h1 { color: #ec008c }
h2, h3, h4, h5, h6 { font-size: 1em }
h2 a { color: #000 }

h1, #nyheter_cms h2, blockquote,p,hr, object { margin: 0 0 1em 0 }
#innhold ul, #innhold ol { margin: 0 0 1em 30px }

a { color: #98a2a3 }
a:hover { color: #333; text-decoration: none }
#kreditt a, #sitemap a, #nav a, h1 a, #nyheter a { text-decoration: none }
p.lesmer a {  }
acronym, abbr, dfn { border-bottom: 1px dotted #808080; font-style: normal; cursor: help }

p.skip, #header h1, #header p { visibility: hidden; position: absolute }

/*  -----------------------     DIVERSE FORMATERING      ----------------------  */

img, table { border: 0 }
caption { display: none }
address { font-style: normal; margin: 5px 0 }
input, textarea, select, option {
	margin-bottom: 2px;
	border: 1px solid;
	border-color: #c0c0c0 #fff #fff #c0c0c0;
	background: #f5f5f5 }
input:hover, input:active, input:focus,
textarea:hover, textarea:active, textarea:focus { background: #fff }
input.checkbox { border: 0; background: transparent; margin: 0 }

/*  ---------------------------------- NAVIGASJON ---------------------------------  */

#nav { clear: both; position: relative; left: 3px }
#nav ul, #nav li { width: 191px; list-style-type: none; line-height: 0.8em }
#nav li { float: left }
#nav ul { position: absolute; left: 0; top: 0;
	height: 76px; border-left: 1px solid #fff }
html>body #nav ul { min-height: 76px; height: auto }
#nav ul ul, #nav ul li.aktiv ul ul { top: -999em; left: 191px;
	border-left: 1px solid #ec008c }

#nav ul li.aktiv ul, #nav ul li.aktiv ul li.aktiv ul { top: 0 }
#nav ul li.aktiv ul li.aktiv ul li ul { top: -999em; left: -191px; background: #f90 }

#nav .x1, #nav .x2 {
	position: absolute; top: -6px; left: 190px;
	height: 9px; width: 9px; background: #fff }
html>body #nav .x1, html>body #nav .x2 { top: 0 }
#nav .x2 { left: 380px }

#nav ul ul ul, #nav ul ul ul li { width: 350px }

#nav a {
	display: block;
	text-decoration: none;
	color: #98a2a3;
	padding: 0 25px 0 0;
	line-height: 19px; height: 19px;
	background-image: url(gfx/a.gif);
	background-repeat: repeat-x;
	background-position: 0 -1px }

#nav a:hover, #nav li.aktiv a, #nav li.aktiv ul li a:hover, #nav li.aktiv ul li.aktiv a { color: #ec008c }
#nav li.aktiv a, #nav li.aktiv ul li.aktiv a { background-position: 0 50% }

#nav strong, #nav em { font-style: normal; display: block }

#nav span { background: #fff; padding: 0 15px; font-weight: bold }

/* 2.nivå */
#nav li.aktiv ul li a  {
	color: #98a2a3;
	padding: 0 25px;
	background-position: 0 -1px }

/* 3. nivå */

#nav ul li.aktiv ul li.aktiv ul li a  {
	color: #98a2a3;
	padding: 0 0 0 25px;
	background-position: 0 -1px }
#nav ul li.aktiv ul li.aktiv ul li a:hover, #nav ul li.aktiv ul li.aktiv ul li.aktiv a  {
	background-position: 0 50%;
	color: #ec008c }

#nav ul ul ul span { padding: 0 0 0 15px; display: block }

/*  --------------------------------- KOMPONENTER --------------------------------  */

/*  Nyheter  */

#nyheter { margin: 0; padding: 10px 0 0 0}
#nyheter h1 { border-bottom: 1px solid #ec008c; padding: 0 0 5px 0 }
#nyheter ul { margin: 0 }
#nyheter a strong { font-weight: normal }
#nyheter a { display: block }

p.dato { margin: 0 }

p.news_arkiv { margin: 0 0 10px 0 }
p.news_arkiv a.aktiv { font-weight: bold; text-decoration: none; color: #333 }
p.news_arkiv a.aktiv:hover { color: #000 }

/*  KNAPPER  */

p.knapp {
	border: 1px solid;
	border-color: #98c5da #fff #fff #98c5da;
	height: 20px }
p.knapp a, p.send a {
	color: black;
	font-weight: bold;
	text-align: center;
	padding: 3px 0 0 4px;
	height: 15px;
	border: 1px solid;
	border-color: #fff #98c5da #98c5da #fff;
	background: #b5d7e6;
	display: block;
	color: #369 }
p.knapp a:hover, p.send a:hover  {
	border-color: #d1e4ec;
	background: #d1e4ec;
	color: #333 }

#nyhetsbrev p.knapp a.ut { float: left; width: 70px }
#nyhetsbrev p.knapp a.inn { float: right; width: 91px }

/*  -------------------------------- RESPONSSKJEMA -------------------------------  */

#respons table { width: auto }
#respons table td { vertical-align: middle }
#respons table tr.textarea td { vertical-align: top }
#respons fieldset { border: 0 }
#respons fieldset legend { color: #333; font-weight: bold; padding: 0 0 10px 0 }
#respons fieldset label { display: block }
#respons fieldset label.inline { display: inline }
#respons fieldset label span { }
#respons input, #respons textarea { width: 250px }
#respons input.check { border: 0; width: auto; background: transparent }
#respons p.melding, #respons textarea { height: 70px }
#respons p.knapp { width: 250px; margin: 0  }
#respons hr { margin: 2px 0 }

.kinfo { width: 200px; float: right }

/*  --------------------------------    VERKTØY    ---------------------------------  */

#toolbox a span { display: none }

#toolbox {
	position: absolute;
	top: 23px; left: 723px;
	width: 44px;
	text-align: center }
#toolbox a {
	width: 22px; height: 9px;
	display: block; float: left;
	background-repeat: no-repeat;
	background-position: 50% 0 }
#toolbox a:hover { background-position: 50% -9px }

#toolbox a.hjem { background-image: url(gfx/t-hjem.gif) }
#toolbox a.epost { background-image: url(gfx/t-epost.gif) }

/*  ------------------------------------- DESIGN ------------------------------------  */

#logo a {
	display: block; position: absolute;
	left: 18px; top: 0;
	width: 147px; height: 38px }
#logo a:hover { border-bottom: 1px solid #98a2a3 }
#logo a span { display: none }