@import url("navigasjon.css");



* { margin: 0; padding: 0; font-family: "trebuchet ms", georgia, "times new roman", serif }

body {

	background: #f8fce4 url(gfx/bg_body.gif) repeat-x; text-align: center;

	padding: 87px 0 0 0;

	font-size: 62.5%; color: #333 }



#ramme {

	position: relative;

	width: 820px;

	margin: 0 auto;

	background: #fff url(gfx/bg_ramme.gif) no-repeat;

	text-align: left;

	font-size: 1.3em }



#header {

	height: 245px;

	background: url(gfx/header.jpg) 16px 169px no-repeat }

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



#innholdsramme { padding: 20px 15px 0 30px;

	height: 150px;

	clear: both }

html>body #innholdsramme { height: auto; min-height: 150px }



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

#innhold { float: left; width: 500px; line-height: 1.5em;

	padding: 0 0 1.5em 0 }



body#enkol #kol1, body#index #kol1 { display: none }

body#enkol #innhold, body#index #innhold { float: none; width: auto }



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



#kreditt {

	clear: both; text-align: center;

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

	padding: 20px 0 0 0 }

#kreditt address { font-weight: bold }

#kreditt address, #kreditt address a { color: #add53b }

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

#kreditt a:hover { color: #333 }



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



input, textarea { font-size: 1em }

#smuler, #kreditt, #kol1 { font-size: 0.9em }



#innhold h1 { font-size: 1.5em; color: #54af25; font-weight: normal }

h2, h3, h4, h5, h6 { color: #000 }

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



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

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



a { color: #54af25 }

a:hover { color: #000; text-decoration: none }

#nav a, #submeny a, #kreditt a, #sitemap a, #nyheter a, p.knapp a { text-decoration: none }



/*  -------------------------     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 #9c9;

	background: #fbfdef }

input:hover, input:active, input:focus,

textarea:hover, textarea:active, textarea:focus { background: #fff }

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

hr { border: 0; border-top: 1px solid #9c9; background: #fff }



/*  ------------------------------------ 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 20px 0;

	background: #dbeea1 url(gfx/news_bot.gif) no-repeat left bottom }

#nyheter h1.tittel { padding: 0 }

#nyheter h1.tittel a {

	display: block;

	background: #add53b url(gfx/news_tit.gif) no-repeat;

	height: 28px }

#nyheter h1.tittel span { display: none }



#nyheter h1, #nyheter h3, #nyheter p { margin: 0 0 0 0 }

#nyheter strong { font-weight: normal }

#nyheter p { padding: 0 0 0 15px }

#nyheter .art h1 a, #nyheter li a {

	display: block; padding: 0 0 0 15px;

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

#nyheter .art h1 a:hover {

	background: #e6f4bb url(gfx/news_h1.gif) 0 3px no-repeat }

#nyheter .art {

	padding: 5px;

	border-bottom: 1px solid #fff }

#nyheter ul { margin: 0; padding: 5px; list-style-type: none }



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



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

p.knapp a, p.send a {

	color: black;

	font-weight: bold;

	text-align: center;

	height: 20px; line-height: 20px;

	border: 1px solid;

	border-color: #fff #9c9 #9c9 #fff;

	background: #add53b;

	display: block;

	color: #fff }

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

	border-color: #9c9;

	background: #dbeea1;

	color: #000 }



#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: top; padding: 0 10px 5px 0 }

#respons fieldset { border: 0 }

#respons label { display: block }

#respons td.col3 label { display: inline }

#respons td.col1, #respons td.col1 input, #respons textarea { width: 250px }

#respons td.col2 input { width: 150px }

#respons input.check { border: 0; width: auto; background: transparent }

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

#respons p.knapp { width: 250px; margin: 0  }

#respons p { margin: 0 0 0.3em 0 }



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



#langue { position: absolute; top: -27px; right: 100px }

#langue a { display: block;

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

	width: 22px; height: 13px;

	background-position: 0 0 }

#langue a.en {

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

	left: 52px; width: 23px }

#langue a.en, #langue a.de { background-position: 0 -13px }

#langue a.en:hover, #langue a.de:hover { background-position: 0 0 }

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

#langue a.de { background-image: url(gfx/de.gif); left: 26px }

#langue span { display: none }



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



#logo a, #naf a, .crn, #flash {

	z-index: 2;

	position: absolute;

	left: 62px; top: -64px }

#naf a {	left: 16px; top: 137px;

	width: 75px; height: 25px;

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

#naf a span { display: none }

.crn { left: 16px; top: 15px }

.crn.right { left: 792px  }

#flash { left: 16px; top: 15px }