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

* { margin: 0; padding: 0 }

body { background: #012945 url(gfx/bg_body.gif) repeat-x; text-align: center; padding: 18px 0 0 0 }

#ramme {
	position: relative;
	width: 887px;
	margin: 0 auto;
	background: #fff url(gfx/bg_ramme.gif);
	text-align: left }

#innholdsramme {
	padding: 203px 40px 0 52px;
	background: url(gfx/bg_innholdsramme.gif) no-repeat;
	height: 250px }

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

#submeny { position: absolute; top: 330px; left: 465px; width: 142px }
#kol2 { position: absolute; top: 120px; left: 650px; width: 200px; height: 500px }
#innhold { width: 380px }

#header { height: 109px; background: url(gfx/bg_header.gif) no-repeat; z-index: 1 }
#header h1, #header p { position: absolute; visibility: hidden }

#toppbilde, #toppbilde-fallback { position: absolute; top: 109px; left: 17px; width: 611px; height: 170px; background-color: #3d82b3 }

#toppbilde-fallback { 
	/* JUL 2  background-image: url(gfx/toppbilde_jul_2.jpg);*/
	/* NORMAL */background-image: url(gfx/toppbilde.jpg); 
}


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

#kreditt {
	clear: both; padding: 30px 0 5px 0; text-align: center;
	color: #b5c3cd; position: relative; width: 887px; margin: 0 auto;
	background: #012945 url(gfx/bg_kred.gif) no-repeat }

#kreditt address { margin: 0 }
#kreditt a, #kreditt em { color: #698194; font-style: normal }
#kreditt a:hover { color: #fff }

a.cms { display: block; position: absolute; top: 50px; right: 20px; width: 96px; height: 15px; background: url("http://felles.siteman.no/felles/dcore/badge/siteman-cms-dark-60.png") no-repeat }
a.cms:hover { background-position: 0 -20px }
a.cms span { display: none }

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


body { font-size: 71%; color: #333; line-height: 1.5 } /* 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 */

input { font-size: 1em } 
#kreditt, #kol2, #nav, #submeny { font-size: 0.9em }

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

/* Marger */
h1,h2,h3,h4,h5,h6,blockquote,p { margin: 0 0 10px 0 }

#innhold li { margin: 0 0 0 20px }
#innhold ul { margin: 0 0 10px 0 }

/* Lenker, akronymer og forkortelser */

a, a.active, a.visited { color: #ca0b19; text-decoration: none }
a:hover { color: #000 }

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 {
	padding: 5px 0 0 40px;
	background: url(gfx/quote.gif) no-repeat 10px 0;
	text-align: left }

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: 0 }
input, textarea, select, option {
	margin-bottom: 2px;
	border: 1px solid #ddd;
	background: #fff;
	padding: 5px }

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

h6 {
	background: url(gfx/jul.jpg) no-repeat;
	padding: 18px 20px 20px 100px;
	color: #c00;
	font: 16px "trebuchet ms";
	font-weight: bold;
	font-style: italic }


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

#nav { position: absolute; top: 17px; left: 41px }
ul#menu { width: 500px }

ul#menu, ul#menu li, ul#sub, ul#sub li { list-style-type: none; line-height: 1em }

ul#menu a {
	display: block;
	color: #655f5f;
	text-align: center;
	padding: 38px 0 0 19px;
	width: 62px; height: 39px;
	background-position: 0 65px;
	background-repeat: no-repeat }

ul#menu a:hover, ul#menu li.aktiv a {
	color: #ca0b19;
	background-image: url(gfx/a.gif) }

ul#menu li { width: 81px; float: left }
ul#menu li#mransport_info { width: 82px  }
ul#menu li#mransport_info a { width: 63px }
ul#menu li#mrivat { width: 100px }
ul#menu li#mrivat a { width: 81px }
ul#menu li#medrift { width: 112px }
ul#menu li#medrift a { width: 93px }
ul#menu em a, ul#sub em a, ul#menu strong { font-style: normal; font-weight: normal }

#submeny h1 { display: none }

ul#sub, ul#sub li { width: 142px }
ul#sub { padding: 3px 0 0 0; background: url(gfx/bg_sub.gif) no-repeat }
ul#sub li { padding: 0 0 3px 0; background: url(gfx/bg_sub.gif) no-repeat left bottom }
	ul#sub li li { display: none }
	ul#sub li.aktiv li { display: block; background: none }
ul#sub a {
	display: block;
	width: 126px; padding: 3px 0 3px 16px; color: #7f7f7f }
ul#sub a:hover, ul#sub li.aktiv a {
	background-color: #eee;
	color: #ca0b19 }
	
		ul#sub li li a { width: 116px; padding: 3px 0 3px 26px; border-top: 1px solid #fff }
		ul#sub li.aktiv li a { background: #fff; color: #7f7f7f }
		ul#sub li.aktiv li.aktiv a {
			background: #fafafa; color: #333 }

ul#sub li#sullmaktskjema_-_spedisjon1 a span, ul#sub li#sullmaktskjema_-_spedisjon20 a span, ul#sub li#sullmaktskjema_-_spedisjon21 a span { 
	font-weight: bold }

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



#sitemap ul { margin: 0 0 15px 30px }

#sitemap ul li { list-style-image: url(gfx/sitemap_folder.gif) }

#sitemap ul li ul li { list-style-image: url(gfx/sitemap_page.gif); border: 0 }

#sitemap li { margin: 5px 15px }

#sitemap em { font-style: normal }



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



/*  Nyheter  */

#nyheter { width: 200px; height: 145px; overflow: scoll }

#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; width: 200px }
#nyheter p.lesmer a {
	display: block; padding: 0 0 5px 0;
	border-bottom: 1px dotted #95ACC3 }
#nyheter ul, #nyheter li { margin: 0; list-style-type: none; width: 200px }
#nyheter li a { border-bottom: 1px dotted #c0c0c0; padding: 2px }
#nyheter h1.tittel, #nyheter ul, p.news_arkiv { margin: 0 0 15px 0 }
p.news_arkiv a.aktiv { font-weight: bold; color: #669 }
p.news_arkiv a.aktiv:hover { color: #000 }

#nyhetsbrev fieldset, #nyhetsbrev fieldset legend { border: 0 }

/*  INPUTFELTER  */
#nyhetsbrev input { width: 108px }

/*  KNAPPER  */

p.knapp a {
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 3px 0;
	background: #bfbfbf;
	display: block }

#nyhetsbrev p.knapp a.inn { width: 60px; margin: 0 0 0 46px }
#nyhetsbrev label { display: block; width: 46px  }

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

#respons table td { padding: 2px 5px 2px 0; vertical-align: top }
#respons fieldset { border: 0; border-top: 1px solid #c0c0c0; padding: 1em 0 0 0 }
#respons fieldset legend { padding: 10px 0; font-weight: bold; color: #000 }
#respons fieldset label { display: block; text-align: right; padding: 5px }
#respons input.check { width: auto; border: 0 }
#respons input, #respons textarea, #respons p.knapp { width: 200px }
#respons textarea { height: 80px }
#respons p.knapp {  }

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

#logo a { position: absolute; left: 645px; top: 55px; width: 190px; height: 30px }
#logo a span, #norflagg a span { display: none }
#norflagg a { display: block; width: 175px; height: 90px; background: url(/gfx/norflagg.gif) no-repeat 50% 50% }

.la { line-height: 25px }
.la a:hover { background: #000 }
