* { margin: 0; padding: 0 }

html, body { background: #F3F2EE }



#ramme {

	position: relative;

	width: 783px;

	margin: 0 auto;

	background: url(gfx/bg.gif) repeat-y }



#innholdsramme { margin: -140px 0 10px 0 }



#kol1 { float: left; width: 170px; margin-top: -53px }

#kol2 { float: right; width: 180px }

#innhold { margin: 0 205px 0 200px }



#header {

	height: 317px;

	width: 614px;

	margin-left: 168px;
	
	background: url(gfx/header.gif) no-repeat right 184px
	/*background: url(gfx/header.jpg) right no-repeat*/}



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



#kreditt {

	padding: 30px 0 0 0; height: 40px; line-height: 17px;

	clear: both;

	background: #F3F2EE url(gfx/bg_kred.gif) no-repeat;

	text-align: center }







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



/*  BODY-klasse: tokol */

body.tokol #innhold { margin: 0 10px 10px 200px }

body.tokol #kol2 { display: none }



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



body { font-size: 70% } /* 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 */



#kreditt, #xtranav, #kol1 .artikkel, #nyheter, #kol2, .artinfo p {

	font-size: 0.79em } /* Liten font */

ul#menu a { font-size: 0.87em }



/* Overskrifter */

#innhold h1 { font-family: "trebuchet ms", "times new roman", serif; color: #536B7D; line-height: 20px }

h1 { font-size: 1.4em }

h2, h3, h4, h5, h6 { font-size: 1em }

h2 a { color: #000 }

#kol1 h1, #kol2 h1 { font-size: 1.3em; font-family: "trebuchet ms", "times new roman", serif; color: #536B7D }

#kol1, #kol2 { color: #666 }



/* Marger */

h1,h2,h3,h4,h5,h6,blockquote,p { margin: 0 0 15px 0 }



/* Lenker, akronymer og forkortelser */



a, a.active, a.visited, acronym {

	color: #536B7D;

	text-decoration: none }

a:hover { color: #000 }

#kol1 a, #kol2 a, #kreditt a, #sitemap a, #xtranav a, h1 a { text-decoration: none }

p.lesmer a { font-weight: bold; text-align: right }

acronym, abbr, dfn { border-bottom: 1px dotted #808080; font-style: normal; cursor: help }

#kalender abbr {border: 0 }



blockquote {

	margin: 10px;

	padding: 5px;

	border: 1px dotted #666;

	font-family: "trebuchet ms", serif;

	font-weight: bold;

	text-align: center }



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, #sok input:hover, #sok input:focus, #sok input:active, #whois input:hover, #whois input:focus, #whois input:active { background: #fff }



.artikkel { padding: 15px 0 0 0 }



#innhold ul, #innhold li { margin: 0 0 0 30px }



.bildet_m { padding-left: 10px }



/*  --------------------------------- BILDEGALLERI --------------------------------  */



table.bildegalleri caption { visibility: hidden }

table.bildegalleri td { padding: 8px }



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



#smuler { position: absolute; top: 0; left: -999em }

#smuler a { text-decoration: none }



ul#menu {

	position: relative;

	z-index: 1000 }



ul#menu, ul#menu ul, ul#menu ul li, ul#menu ul div, ul#menu li, ul#menu div {

	width: 167px }



ul#menu, ul#menu ul {

	border: 1px solid;

	border-color: #DEE2E6 #fff #fff #DEE2E6 }



ul#menu ul, ul#menu ul ul {

	visibility: hidden;

	margin: 0 0 0 140px;

	border: solid 1px;

	border-color: #ccc #fff #fff #ccc;

	position: absolute;

	z-index: 1020 }



ul#menu li:hover ul, ul#menu li:hover ul ul { visibility: visible }

ul#menu, ul#menu li { list-style-type:none }

ul#menu li, ul#menu div { margin-top: 0 }



ul#menu a {

	display: block;

	background-color:#EEF1F2;

	border: 1px solid;

	border-color: #fff #DEE2E6 #DEE2E6 #fff;

	padding: 4px 0 4px 12px;

	color: #536B7D;

	text-decoration: none;

	font-weight: bold }



ul#menu a:hover {

	color: #000;

	background: #F7F8F9;

	padding: 5px 0 3px 13px }



ul#menu strong, ul#menu em { display: block }



ul#menu strong a {

	background: #EEF1F2 url(gfx/menykat.gif) 144px 5px no-repeat }

ul#menu strong a:hover {

	background: #F7F8F9 url(gfx/menykat.gif) 144px 5px no-repeat }

ul#menu em { font-style: normal }



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



#sitemap ul { margin: 10px }

#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 a em, #sitemap ul a strong { font-weight: bold; font-style: normal }



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



/*  Nyheter  */



#nyheter { margin: 0 0 15px 0; padding: 15px 0 0 0 }

#nyheter h1 { margin: 0 0 15px 0; font-size: 1em; font-family: verdana }

#nyheter h1.tittel a { color: #669; display: block }

#nyheter h1.tittel a:hover { color: #000 }

#nyheter img { display: none }

#nyheter h1, #nyheter h3 {

	margin: 0 0 5px 0; padding: 0 0 0 15px;

	background: url(gfx/news_h1.gif) no-repeat }

#nyheter strong { font-weight: normal }

#nyheter p { margin: 0 0 5px 0; padding: 0 0 0 15px }

#nyheter p.lesmer { margin: 0 0 10px 0 }

#nyheter a { display: block }

#nyheter p.lesmer a {

	display: block; padding: 0 0 5px 0;

	border-bottom: 1px dotted #95ACC3 }

#nyheter ul { margin: 0 0 15px 15px }



body#nyheter_cms h1 { margin: 0 }



p.news_arkiv { margin: 0; padding: 20px 0 0 0 }

p.news_arkiv a.aktiv { font-weight: bold; text-decoration: none; color: #669 }

p.news_arkiv a.aktiv:hover { color: #000 }



/*  BOKS  */



.komp { padding: 5px }

.kalenderkomp { margin: 10px 0 0 0 }

.komp {

	border: 1px solid;

	border-color: #fff #ccc #ccc #fff;

	background: #eee }

.kalenderkomp, #firmainfo, #kontortid, #tips, #nyhetsbrev, #stats, #poll, #login, .top5 {

	border: 1px solid;

	border-color: #ccc #fff #fff #ccc;

	background: #eee }



#firmainfo, #kontortid, #tips, #nyhetsbrev, #stats, #poll, #login, .top5 {

	/* bestemmer boksens utseende, marger, evt. bakgrunner etc. */

	margin: 10px 0 0 0;

	background: #DEE0D5 }



.komp fieldset, .komp fieldset legend { border: 0 }

.komp h2 { margin: 2px 0 }

.komp h1 { margin: 2px 0 }

.komp label { display: none }

.komp p { margin: 0; padding: 0 }

#login p { text-align: center }

#login p span { margin-top: 5px; display: block }



/*  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: #ccc #fff #fff #ccc }

p.knapp { position: relative; 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 #ccc #ccc #fff;

	background: #eee;

	display: block }

p.knapp a:hover, p.send a:hover  { border-color: #eee }



#nyhetsbrev p.knapp a.ut { width: 62px }

#nyhetsbrev p.knapp a.inn { position: absolute; top: 0; right: 0; width: 70px }



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



#respons { position: relative; margin: 0 auto; width: 350px }

#respons fieldset { border: 0 }

#respons fieldset legend { padding: 10px 0; font-weight: bold; color: #000 }

#respons fieldset label { display: block; width: 85px; height: 19px; float: left }

#respons fieldset label span { display: block; height: 13px; padding: 6px 0 0 5px }

#respons input, #respons textarea { width: 70%; height: 17px; float: right }

#respons p.melding, #respons textarea { height: 80px }

#respons p { margin: 0; height: 19px; vertical-align: center }

#respons p.knapp { width: 150px; margin: 10px 0 0 105px }



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



#stat01 { position: absolute; top: 19px; left: -76px; width: 76px; height: 167px; background: transparent url(gfx/stat01.gif) }

#logo { position: absolute; top: 0px; left: 0px; width: 169px; height: 124px }

#logo a { display: block; width: 167px; height: 122px; background: #fff url(gfx/logo.gif); border: 1px solid #fff }

#logo a:hover { background: #fff url(gfx/logo.gif) 0 -122px; border: 1px solid #DEE2E6 }

#logo a span { display: none }

#sq01, #sq02, #sq03 { width: 75px; height: 75px }

#sq03 { background: url(gfx/sq_red.gif)}

#sq02, #sq01 { background: url(gfx/sq_grey.gif)}

#sq01 { position: absolute; top: 389px; left: -80px }

#sq02 { position: absolute; top: 205px; left: -80px }

#sq03 { position: absolute; top: 100px; right: -80px; z-index: +100 }

#sq04 { background: url(gfx/elektron.jpg); width: 169px; height: 104px }

#sq04 a { display: block; width: 169px; height: 104px }

#enlarge a { position: absolute; top: 0; left: 170px; width: 580px; height: 180px }



#toolbox {

	position: absolute;

	top: 10px; left: -30px;

	width: 23px; height: 29px;

	z-index: 11000 }

#toolbox a { display: block }

#toolbox a.en, #toolbox a.no {

	position: absolute; top: 0; left: 0;

	width: 23px; height: 13px }

#toolbox a.no { background: url(gfx/no.gif) }

#toolbox a.en { background: url(gfx/en.gif) 0 -13px; top: 16px }

#toolbox a.en:hover { background: url(gfx/en.gif) }

#toolbox a span { display: none }

.bannergalleri {
	position: absolute; top: 0; left: 170px; z-index: 2000;
}

#kol1 h2 {font-size: 1.5em}