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



* { margin: 0; padding: 0 }

body { background: #dddcc9; text-align: center }



#ramme {

	position: relative;

	width: 934px;

	margin: 0 auto; 

	border-left: 2px solid #cfd5c1;

	border-right: 2px solid #cfd5c1;

	border-bottom: 2px solid #cfd5c1;

	background-color: #cfd5c1;

	background-image: url(gfx/bg_ramme.gif);

	text-align: left }



#header {

	height: 94px;

	background: #cfd5c1 url(gfx/bg_header.jpg) }

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



#smuler { position: absolute; top: 118px; left: 200px; width: 507px; overflow: hidden; height: 17px; line-height: 17px; background: #f5f8f1; color: #696; padding: 0 13px }

#smuler a { text-decoration: none; color: #696 }

#smuler a:hover { color: #690 }



#innholdsramme { padding-top: 22px }



#kol1 { float: left; overflow: hidden; width: 198px }

#kol2 { float: right; overflow: hidden; width: 200px }



#innhold { margin: 0 0 0 220px; padding: 27px 0 15px 0; width: 466px }

html>body #innhold { margin: 0 226px; width: auto }



#kol1 .artikkel, #kol2 .artikkel, #sok { padding: 0 13px 5px 13px }



#innhold .artikkel { border-bottom: 1px solid #f4f7e7; padding: 0 0 10px 0 }

 

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



#end { clear: both }

#kreditt {

	padding: 10px 0 5px 0 }

#kreditt a, #kreditt { color: #fff }

#kreditt p.kred, #kreditt p.kred a { color: #fff }

#kreditt a:hover, #kreditt p.kred a:hover { color: #096 }



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



body.tokol #ramme, body#guestbook #ramme, body#nyheter_cms #ramme, body#index #ramme {

	background: #cfd5c1 url(gfx/bg_ramme-2kol.gif) repeat-y }

body.tokol #innhold, body#guestbook #innhold, body#nyheter_cms #innhold, body#index #innhold {

	margin: 0 20px 0 220px }

body.tokol #kol2, body#guestbook #kol2, body#nyheter_cms #kol2, body#index #kol2 { display: none }

body.tokol #smuler, body#guestbook #smuler, body#nyheter_cms #smuler, body#index #smuler { width: 708px }



/*  ------------------------------       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: Arial, Helvetica, sans-serif } /* Basefont */



blockquote { font-size: 1.1em } /* Større font */

input { font-size: 1em }



/* Overskrifter */

#innhold h1 { font-size: 1.5em; color: #399; padding: 0 0 3px 0; font-family: "Lucida Sans Unicode", Geneva, sans-serif; font-weight: normal }

#kol1 h1, #kol2 h1, #sok h2 { font-size: 1em; font-weight: normal; background: #d8e6d1; color: #696; border-bottom: 2px solid #c7d5c1; border-top: 2px solid #c7d5c1; padding: 2px 13px; margin: 0 -13px 10px -12px; text-transform: uppercase }

#kol1 h1.navheader { padding: 2px 13px; margin: 0 }

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

h2 a { color: #000 }



/* Marger og padding */

h1,h2,h3,h4,h5,h6,blockquote,p,hr, object { margin: 0 0 10px 0 }

#innhold ul, #innhold ol { margin: 0 0 10px 30px }



/* Lenker, akronymer og forkortelser */



a, p.news_arkiv { color: #399 }

a:hover, p.news_arkiv a.aktiv, p.news_arkiv a.aktiv:hover { color: #399; text-decoration: none }

#kol1 a, #kol2 a, #kreditt a, #sitemap a, #nyheter a, p.lesmer a { text-decoration: none }



p.skip, a.anker, #kol1 .artinfo, #kol2 .artinfo, #nyheter h1.tittel { 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 #c7d5c1;

	background: #fff }

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



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



#nav {

	position: absolute;

	top: 94px; left: 0px;

	width: 934px; height: 22px;

	line-height: 1;

	border-bottom: 2px solid #c7d5c1;

	background: #f7fbff;

	font-size: 1.2em;

	overflow: hidden }

#nav ul, #nav li, #submeny ul, #sub li { margin: 0; padding: 0; list-style: none }

#nav li { display: inline }

#nav a {

	float: left;

	text-decoration: none }

#nav a span {

	width: auto;

	float: left;

	display: block;

	padding: 0 7px;

	font-family: "Lucida Sans Unicode", Geneva, sans-serif;

	background: url(gfx/a.gif) repeat-x;

	text-align: center;

	height: 22px; line-height: 22px;

	border-right: 2px solid #c7d5c1;

	color: #399;

	cursor: pointer }



#nav a:hover span, #nav li.aktiv a span { color: #369; background: url(gfx/a_aktiv.gif) repeat-x }

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



#menu li ul { display: none }



#submeny { margin: 0 0 10px 0; padding: 0; font-size: 1.1em }



ul#sub, ul#sub ul, #sub li {

	list-style-type: none; overflow: hidden; width: 198px }

ul#sub li { float: left }

ul#sub li ul, ul#sub li.aktiv ul ul { display: none }

ul#sub li.aktiv ul, #sub li.aktiv ul li.aktiv ul { display: block }

ul#sub em { font-style: normal }



ul#sub a {

	display: block;

	text-decoration: none;

	font-family: "Lucida Sans Unicode", Geneva, sans-serif;

	background: #f7fbff url(gfx/a_sub.gif) no-repeat 8px -26px;

	color: #399;

	margin-bottom: 3px;

	border: 1px solid #d3e5f6;

	padding: 5px 10px 5px 15px }



ul#sub a:hover, ul#sub li.aktiv a { color: #369; background: #d3e5f6 url(gfx/a_sub.gif) no-repeat 8px 10px }



/*  ------------------------------------ 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: 10px 0 10px 0 }

#innhold #nyheter h1, #innhold #nyheter p { margin: 0 0 10px 0 }

#nyheter img { float: left; margin: 0 5px 5px 0 }

#nyheter p.npic {float: right; margin: 0 10px 10px 0; }


#nyheter .art { height: 100px }

html>body #nyheter .art { height: auto; min-height: 100px }



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

#nyheter strong { font-weight: normal }

p.lesmer { font-weight: bold; background: #f7fbff; border: 1px solid #d3e5f6; display: block; text-align: center; width: 75px; height: 16px; line-height: 16px }

p.lesmer a:hover { color: #333 }

p.dato { margin: 10px 0 0 0; color: #ccc }



p.news_arkiv { margin: 0 0 10px 0 }

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



/*  BOKS  */



#kol1 .komp, #kol2 .komp { padding: 0 0 5px 0; background: none }

#innhold .komp, #innhold .komp input { width: auto }

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

#kol1 .komp h1, #kol2 .komp h1 { padding: 2px 13px; margin: 0 -13px 10px 1px; text-align: left }

#kol1 #login h1, #kol2 #login h1 { 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 }



/*  INPUTFELTER  */

#firmainfo input, #kontortid input, #tips input, #nyhetsbrev input, #login input { width: 140px }

#poll fieldset input { border: 0 }



#tips .komp fieldset { position: relative; left: 10px; top: 0 }

#nyhetsbrev .komp fieldset { position: relative; left: 10px; top: 0 }



/*  KNAPPER  */



p.knapp {

	height: 20px }

p.knapp a, p.send a {

	color: black;

	font-weight: bold;

	margin: 3px 5px 0 5px;

	text-align: center;

	padding: 3px 0 0 4px;

	height: 15px;

	border: 1px solid;

	border-color: #fff #d1e4ec #d1e4ec #fff;

	background: #f7fbff;

	display: block;

	color: #399 }

p.knapp a:hover, p.send a:hover  {

	border-color: #d1e4ec #fff #fff #d1e4ec;

	color: #333 }



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

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



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



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



#sok { position: relative; height: 52px; overflow: hidden }

#sok input { width: 130px; padding: 0 0 0 5px; border: 1px solid #c7d5c1 }

#sok input, #sok a { height: 17px; line-height: 17px }

#sok a {

	position: absolute;

	left: 155px; top: 30px;

	height: 16px;

	width: 37px; text-align: center;

	border: 1px solid #d3e5f6;

	background: #f5f8fa;

	color: #399;

	display: block }

#sok a:hover {

	color: #fff }



#toolbox { position: absolute; top: 119px; left: 690px; width: 80px; z-index: 11000 }

#toolbox a {

	display: block; background-repeat: no-repeat;

	background-position: 50% 50%;

	float: left;

	width: 18px; height: 14px;

	margin: 0 3px 0 0 }

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

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



#toolbox a span { display: none }

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



#logo a {

	display: block; position: absolute;

	left: 8px; top: 25px;

	width: 570px; height: 65px }

#logo a span { display: none }