@import url("layout.css");
@import url("navigasjon.css");


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

input, textarea { font-size: 1em }
#hovedinnhold { font-size: 1.3em }
#left, #right, #topnav { font-size: 1.2em }
#nav { font-size: 1.1em }
#kreditt, #smuler { font-size: 1.1em }

/* Overskrifter */
h1 { font-size: 1.1em; color: #000 }
#hovedinnhold h1 { font-size: 1.5em }
h2, h3, h4, h5, h6 { font-size: 1em; color: #000 }
h2 a { color: #000 }

/* Marger og padding */
h1,h2,h3,h4,h5,h6,blockquote,p, address, hr, object { margin: 0 0 1em 0 }
.artikkel ul, .artikkel ol { margin: 0 0 1em 30px }
#hovedinnhold ul li { margin: 0 0 1em 0 }

/* Lenker, akronymer og forkortelser */

a { color: #669 }
a:hover { color: #333; text-decoration: none }
#kol1 a, #kreditt a, #sitemap a, #xtranav a, h1 a { text-decoration: none }
acronym, abbr, dfn { border-bottom: 1px dotted #808080; font-style: normal; cursor: help }

blockquote {
	margin: 0 1em 1em 1em;
	padding: 5px;
	border: 1px dotted #666;
	font-weight: bold;
	text-align: center }

/*  -------------------------     SKJULTE ELEMENTER      ------------------------  */

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

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

table { border-collapse: collapse }
caption { display: none }
address { font-style: normal }
input, textarea, select, option {
	border: 1px solid #ddd;
	background: #f8f8f8 }

input.checkbox { border: 0; background: transparent; margin: 0 }

.artikkel ol.personell { margin: 0 0 1em 0; list-style-type: none }
ol.personell li { float: left; position: relative; padding: 5px 10px 5px 75px; width: 190px; height: 95px }
html>body ol.personell li { height: auto; min-height: 95px }
ol.personell li img { position: absolute; top: 0; left: 0 }
ol.personell li a img { border-bottom: 3px solid #666 }
ol.personell li a:hover img { border-color: #cbd400 }

#hovedinnhold table {
	width: 99%;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd }
#hovedinnhold th, #hovedinnhold td {
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 3px }

.aktliste { padding: 0 }
.aktliste h1 { margin: 0; border-top: 2px solid #fff }
.aktliste ul { margin: 0; list-style: none }

.aktliste li { float: left; clear: both; width: 100%; border-bottom: 2px solid #fff }
.aktliste li a { display: block; padding: 12px; text-decoration: none; color: #333 }
.aktliste li a strong { color: #369 }
.aktliste li a:hover { background: #fff; color: #000 }
.aktliste li a:hover strong { color: #000 }

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

/*  Nyheter  */

#nyheter { padding: 10px }
#nyheter a { display: block; text-decoration: none }
#nyheter h1.tittel { display: none }
#nyheter h1 { font-weight: normal }
#nyheter .art, #nyheter h3, #nyheter ul { border-bottom: 1px solid #cadbed; padding: 5px 0 }

#nyheter p.npic, p.npic { float: left; margin: 0 1em 1em 0; width: 100px; height: 100px }

#nyheter .art, #nyheter h3 { float: left; width: 100% }
#nyheter .art h1 { font-size: 1.2em; font-weight: bold }
#nyheter h3 { padding: 0; text-align: right }
#nyheter h3 a { padding: 5px 0 }
#nyheter h3 a:hover { background: #fbfbfb }
#nyheter p, #nyheter .art h1, #nyheter h3, #nyheter ul { margin: 0 }
#nyheter strong { font-weight: normal }

p.dato { margin: 0; color: #666 }

p.news_arkiv { margin: 0 0 1em 0; padding: 5px 10px; border-bottom: 2px solid #dae782 }
p.news_arkiv a.aktiv { font-weight: bold; text-decoration: none; color: #333 }
p.news_arkiv a.aktiv:hover { color: #333 }

#nyheter_cms #innhold h2 { margin: 0 }
#nyheter_cms #innhold .artikkel { padding: 0 0 10px 0 }

/*  KNAPPER  */

p.knapp { border: 1px solid #666 }
p.knapp a, p.send a {
	color: black;
	font-weight: bold;
	text-align: center;
	height: 20px; line-height: 20px;
	border: 1px solid;
	border-color: #ffb84f #ff7a00 #ff7a00 #ffb84f;
	background: #f90;
	display: block;
	color: #333;
	text-decoration: none }
p.knapp a:hover, p.send a:hover  {
	border-color: #ffad33;
	background: #ffad33;
	color: #000 }

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

#respons table { width: auto }
#respons table td { vertical-align: middle; padding: 0 5px 0 0 }
#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 }

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

#sok {	height: 25px; padding: 25px 10px 50px 5px }
#sok label { display: block; color: #104669; padding: 0 0 .2em 9px; font-size: 1.1em }
#sok input {
	color: #8b8b8b;
	width: 106px; height: 24px; line-height: 22px;
	padding: 0 0 0 9px;
	background: url(gfx/sok-input.gif) no-repeat;
	border: 0; float: left }

#sok a {
	float: right; margin: 2px 0 0 0;
	width: 48px; height: 20px;
	display: block; background: url(gfx/sokeknapp.gif) }
#sok a:hover { background-position: 0 -21px }

#sok a span { display: none }

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

#logo, #logo a {
	display: block;
	width: 730px; height: 88px }
#logo a span { display: none }
#txtsize, #clr { position: absolute; top: 142px; left: 884px; z-index: 20000 }
#txtsize li, #clr li { float: left; padding: 0 2px 0 0; list-style-type: none }
#txtsize a, #clr a { display: block; height: 22px; width: 22px; background: no-repeat 50% 50%; float: left }
#txtsize a.decrease { background-image: url(gfx/txt-dn.gif) }
#txtsize a.increase { background-image: url(gfx/txt-up.gif) }
#txtsize a.reset { background-image: url(gfx/txt-re.gif) }
#txtsize a:hover { background-color: #e9f1f5; border-bottom: 4px solid #000 }
#txtsize span, #clr span { display: none }
#clr { top: 143px; left: 832px; width: 40px; height: 20px; background: url(gfx/bg-clr.gif)}
#clr li { padding: 0 }
#clr a { height: 20px; width: 20px }

#orglnk { position: absolute; top: 65px; left: 788px; z-index: 20000; width: 157px; height: 45px }
#orglnk h6, #orglnk span { display: none }
#orglnk ul { list-style-type: none; margin: 0 }
#orglnk li { position: absolute; top: 0 }
#orglnk a { display: block }
#orglnk li.fnd { left: 35px }
#orglnk li.fnd,
#orglnk li.fnd a { height: 45px; width: 29px; }
#orglnk li.nfu { top: 12px; left: 71px }
#orglnk li.nfu,
#orglnk li.nfu a { height: 22px; width: 68px }
#orglnk li.nhf { left: 0 }
#orglnk li.nhf,
#orglnk li.nhf a { height: 45px; width: 28px }

#orglnk li.fnd a { background: url(gfx/fnd.gif) no-repeat }
#orglnk li.nfu a { background: url(gfx/nfu.gif) no-repeat }
#orglnk li.nhf a { background: url(gfx/nhf.gif) no-repeat }

img { behavior: url(/iepngfix.htc); z-index: 2 }