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

* { margin: 0; padding: 0 }
body { background: #3c3b3d url(gfx/bg_body.gif); text-align: center; padding: 67px 0 0 0 }

#side { height: 582px; background: url(gfx/bg_body-grade.gif) }
#ramme {
	position: relative;
	width: 780px; height: 582px;
	margin: 0 auto;
	background: #fff;
	text-align: left }

#header, #kol1, #kol2, #innhold { position: absolute; overflow: hidden }

#header {
	top: 0; height: 102px; width: 780px;
	background: #7f99ce url(gfx/bg_header.gif) }
#header h1, #header p { position: absolute; visibility: hidden }

#kol1, #kol2, #innhold { top: 106px; height: 476px }
#kol1 { left: 0; width: 116px; background: #887f6f }
#kol2 { left: 450px; width: 330px }
#innhold { left: 117px; width: 332px; overflow: auto }
body#mbr #innhold { width: 272px }

.gul, .artikkel { height: 476px }
body.tokol .gul { height: auto }
.gul { background: #f8ebb4}

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

#kreditt {
	position: relative;
	padding: 15px 0 5px 0;
	margin: 0 auto; width: 780px }
#kreditt a, #kreditt { color: #666 }
#kreditt a:hover { color: #fff }

#s1, #s2 { position: absolute }
#s1 { left: 503px; top: 0; width: 320px; height: 37px; z-index: -100 }
#s2 { left: 780px; top: -138px; width: 43px; height: 138px }

/*  ----------------------------------   ALT. DESIGN   ------------------------------ */

body#mbr #innhold { width: 272px }
body#mbr #kol2 { left: 390px; width: 390px }
body#mbr #innhold .artikkel img { text-align: center }

.nor h1, .swe h1, .fin h1, .ice h1, .ger h1, .spa h1, .fra h1, .ned h1, .ru h1, .pl h1, .ir h1, .he h1, .it h1, .den h1, .uk h1, .por h1, .sw h1, .be h1  {
	font-size: 1.2em; padding: 4px 20px 0 65px; height: 42px; background-color: #fff; background-repeat: no-repeat }
.nor h1 { background-image: url(gfx/h1_nor.gif) }
.swe h1 { background-image: url(gfx/h1_se.gif) }
.fin h1 { background-image: url(gfx/h1_fi.gif) }
.ice h1 { background-image: url(gfx/h1_ic.gif) }
.ger h1 { background-image: url(gfx/h1_de.gif) }
.fra h1 { background-image: url(gfx/h1_fr.gif) }
.ned h1 { background-image: url(gfx/h1_ho.gif) }
.den h1 { background-image: url(gfx/h1_den.gif) }
.ru h1 { background-image: url(gfx/h1_ru.gif) }
.spa h1 { background-image: url(gfx/h1_es.gif) }
.pl h1 { background-image: url(gfx/h1_pl.gif) }
.ir h1 { background-image: url(gfx/h1_ir.gif) }
.he h1 { background-image: url(gfx/h1_he.gif) }
.it h1 { background-image: url(gfx/h1_it.gif) }
.uk h1 { background-image: url(gfx/h1_uk.gif) }
.por h1 { background-image: url(gfx/h1_por.gif) }
.sw h1 { background-image: url(gfx/h1_sw.gif) }
.be h1 { background-image: url(gfx/h1_be.gif) }

.map { height: 476px  }
.map h1 { margin: 0; text-align: center }

body.tokol #innhold { width: 662px }
body.tokol #kol2 { display: none }

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

body { font-size: 71%; color: #333 } /* Basestørrelse */
body, h1, h2, h3, h4, h5, h6, ol, ul, li, p, input, textarea, select, option {
	font-family: verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif } /* Basefont */

blockquote { font-size: 1.1em } /* Større font */
input { font-size: 1em } /* Vanlig font */
#kol1, #kreditt, .artinfo p, p.dato {
	font-size: 0.9em }
/* Overskrifter */
h1 { font-size: 1.1em; color: #005dab; background: #f9eaa5; padding: 4px 20px 5px 20px; text-transform: uppercase; font-family: arial }
#kol2 h1, .gul h1 { background: #005dab; color: #fff; border-bottom: 1px solid #fff }
h2, h3, h4, h5, h6 { font-size: 1em }
h2 a { color: #000 }

/* Marger og padding */
h1 { margin: 0 0 10px 0 }
h2,h3,h4,h5,h6,blockquote,p, object, table, hr { margin: 0 20px 10px 20px }
.map object { margin: 0 }
#innhold ul, #innhold ol { margin: 0 0 10px 50px }

/* Lenker, akronymer og forkortelser */

a { color: #005dab }
a:hover { color: #333; text-decoration: none }
#kol1 a, #kol2 a, #kreditt a, #sitemap a, #xtranav a, h1 a, p.lesmer a { text-decoration: none }
acronym, abbr, dfn { border-bottom: 1px dotted #808080; font-style: normal; cursor: help }
#kalender abbr {border: 0 }

blockquote {
	margin: 10px 20px;
	padding: 5px;
	border: 1px dotted #666;
	background: #f5f5f5;
	font-size: 0.9em;
	text-align: center }

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

p.skip, a.anker, #kol1 .artinfo, #kol2 .artinfo {
	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 }
td { padding: 0 5px 0 0 }

hr { border: 0; border-top: 2px solid #6e91bc }
img.right { padding: 0 0 10px 10px }

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

ul#menu, ul#menu ul, ul#menu li {
	width: 116px; list-style-type: none; line-height: 0.8em; overflow: hidden }
ul#menu li { float: left }

ul#menu ul, ul#menu li.aktiv ul ul { display: none }
ul#menu li.aktiv ul, ul#menu li.aktiv ul li.aktiv ul { display: block }

ul#menu a {
	display: block;
	border-bottom: 1px solid #fff;
	background: #a2998b;
	color: #fff;
	padding: 8px 0 8px 10px }

ul#menu a:hover, ul#menu li.aktiv a {
	background: #005dab url(gfx/a.gif) 89px 0 no-repeat;
	color: #ffed81 }

ul#menu strong, ul#menu em { font-weight: bold; font-style: normal; display: block }

/* 2.nivå */
ul#menu ul li a, ul#menu li.aktiv ul li a, ul#menu li.aktiv ul li.aktiv a  { padding: 4px 0 4px 15px; background: #bbb4aa; color: #fff }

ul#menu li.aktiv ul li.aktiv a, ul#menu li.aktiv ul li a:hover, ul#menu li.aktiv ul li.aktiv ul li a:hover  {
	background: #005dab; color: #ffed81 }

ul#menu li.aktiv ul li a, ul#menu li.aktiv ul li.aktiv ul li a { font-weight: normal; color: #336 }

/* 3. nivå */

ul#menu li.aktiv ul li.aktiv ul li a  {
	padding: 4px 0 4px 15px;
	background: #f9eaa5 }
ul#menu li.aktiv ul li.aktiv ul li a:hover, ul#menu li.aktiv ul li.aktiv ul li.aktiv a  {
	padding: 4px 0 4px 15px;
	background: #fff;
	color: #005dab }


/*  ------------------------------------ NETTSTEDKART ----------------------------  */

#sitemap ul li { list-style-image: url(gfx/sitemap_folder.gif) }
#sitemap ul li ul li { list-style-image: url(gfx/sitemap_page.gif) }
#sitemap li { margin: 5px 15px }
#sitemap ul em { font-style: normal }
#sitemap ul strong { font-weight: normal }
#sitemap ul span { font-weight: bold }

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

/*  Nyheter  */

#nyheter { margin: 0; padding: 0 0 10px 0; border-bottom: 5px solid #fff }
#nyheter h1.tittel { margin: 0 0 5px 0; padding: 0; border-bottom: 5px solid #fff }
#nyheter h1.tittel a {
	color: #369; display: block; padding: 5px 0 5px 15px;
	background: #bbdfed url(gfx/news_tit.gif) 3px 5px no-repeat;
	height: 13px }
#nyheter h1.tittel span { display: none }
#nyheter h1.tittel a:hover {
	color: #fff; background: #369 url(gfx/news_tit.gif) 3px -21px no-repeat }
#nyheter h1, #nyheter h3 {
	margin: 0 0 5px 0; padding: 0 0 0 15px;
	background: url(gfx/news_h1.gif) 3px 0 no-repeat;
	border-bottom: none }
#nyheter strong { font-weight: normal }
#nyheter p { margin: 0 0 5px 0; padding: 0 0 0 15px }
#nyheter a { display: block }
#nyheter ul { margin: 0 0 15px 15px }

p.dato { margin-top: -10px }

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

/*  BOKS  */

#kol1 .komp, #kol2 .komp { padding: 0 0 5px 0; text-align: center; border-bottom: 5px solid #fff; background: #f2f2f2 }
#innhold .komp, #innhold .komp input { width: 175px }
.komp fieldset, .komp fieldset legend { border: 0 }
#kol1 .komp h1, #kol2 .komp h1 { padding: 5px; margin: 0 0 5px 0; text-align: left }
#kol1 #login h1, #kol2 #login h1 { background: #bbdfed url(gfx/login.gif) 3px 7px no-repeat; padding: 5px 0 5px 25px }
#kol1 .komp label, #kol2 .komp label { display: none }
#innhold .komp label { display: block }
#kol1 .komp p, #kol2 .komp p { margin: 0; padding: 0 }
#login p { text-align: center }
#login p span { padding-top: 5px; display: block }

/*  TABELLER  */
.komp table { margin: 0 }
.komp table tr td { padding-left: 5px }

#poll fieldset p label { display: inline; float: right }
#poll fieldset p input { background: transparent; float: left }
#poll fieldset p { height: 20px }
#poll fieldset p:hover { background: #E6E6E6 }

/*  INPUTFELTER  */
#firmainfo input, #kontortid input, #tips input, #nyhetsbrev input, #login input { text-align: center; width: 140px }
#poll fieldset input { border: 0 }

/*  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 }

/*  TOPP FEM  */

.top5 ul { list-style-type: none }

/*  KALENDER  */

table#kalender { width: 100% }
#kalender a {
	color: #c33;
	padding: 2px;
	display: block;
	font-weight: bold }
#kalender a:hover { color: #000; background: #fff }
#kalender th, #kalender td {
	text-align: center;
	border: 1px solid;
	border-color: #fff #ccc #ccc #fff }

/*  -------------------------------- 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  }

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

#logo a {
	display: block; position: absolute;
	left: 23px; top: 10px;
	width: 155px; height: 85px }
#logo a span { display: none }