* { margin: 0; padding: 0; border: 0; font-family: tahoma, verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif  }
body {
	background: #f2f5f6 url(gfx/bg_body.gif) repeat-x;
	text-align: center;
	font-size: 62.5%; color: #333 }
#faux {
	height: 162px;
	background: url(gfx/logo.gif) 20px 13px no-repeat }
#ramme, #faux, #kreditt {
	position: relative;
	width: 960px;
	margin: 0 auto }
#ramme {
	background: #fff url(gfx/bg_ramme.gif) 5px 0 repeat-y;
	text-align: left;
	border-top: 5px solid #fff }
#innholdsramme {
	padding: 0 5px 0 0 }
#kol1, #innhold, #kol2 {
	float: left; width: 222px;
	border-left: 5px solid #fff;
	overflow: hidden }
#innhold { width: 568px }
#innhold .artikkel .innerart, .leftex .innerart { 
	padding: 1em 20px;
	line-height: 1.5em }
#kol2 { width: 150px }

#nav, #kol1 .artikkel, #kart, #sok, #kol1 .artikkel, #kol2 .artikkel {
	float: left; width: 222px; clear: left }
#kol1 .artikkel .innerart { padding: 10px 15px }
#kol2 .artikkel .innerart { padding: 10px }
#kol2 .artikkel { width: 150px }

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

#end { clear: both }
#kreditt { background: url(gfx/bg_kred.gif) no-repeat; height: 55px }
#kreditt p { padding: 20px }
#kreditt a, #kreditt { color: #adbfd2 }
#kreditt a:hover { color: #069 }

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

body.tokol #ramme, body#guestbook #ramme, body#nyheter_cms #ramme, body#index #ramme {
	background-image: url(gfx/bg_ramme-tokol.gif) }
body.tokol #innhold, body#index #innhold { width: 718px }
body.tokol #kol2, body#index #kol2 { display: none }

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

#innholdsramme { font-size: 1.2em }
#kol1 .artikkel .innerart, #kol2 .artikkel .innerart { font-size: .9em }
h1 { background: #79aac6; color: #fff }
#innhold h1 {
	font-size: 1.5em; font-weight: normal;
	padding: 0 20px; height: 30px; line-height: 30px }
#kol1 h1,
#kol2 h1 { font-size: 1em; border-bottom: 5px solid #fff; padding: 5px 15px }
#kol2 h1 { padding: 8px 10px }
h2, h3, h4, h5, h6 { font-size: 1em }
h2 a { color: #000 }

/* Marger og padding */
h2,h3,h4,h5,h6,blockquote,p,hr, object, iframe, table { margin: 0 0 1em 0 }
#innhold ul, #innhold ol { margin: 0 0 1em 30px }

/* Lenker, akronymer og forkortelser */

a { color: #369 }
a:hover { color: #333; text-decoration: none }
#kol1 a, #kol2 a, #kreditt a, #sitemap a, #xtranav a, h1 a { text-decoration: none }

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

table { border-collapse: collapse }
td, th { vertical-align: top }
caption { display: none }
address { font-style: normal; margin: 5px 0 }
input, textarea, select, option {
	margin-bottom: 2px;
	border: 1px solid #c0c0c0;
	background: #fff }
input.checkbox { border: 0; background: transparent; margin: 0 }

#kart p {
	position: absolute; top: 0; left: 0; height: 197px; width: 222px }
#kart {
	position: relative;
	background: #79aac6 url(gfx/kart.gif);
	font-size: 11px;
	border-bottom: 5px solid #fff;
	height: 198px }
#kart address {
	padding: 0 50px 0 15px;
	color: #fff; height: 38px }
#kart a {
	display: block; padding: 163px 50px 0 15px;
	color: #333 }
#kart a:hover { color: #fff }

.banner { border-bottom: 5px solid #fff; height: 198px; overflow: hidden }

.aapning { width: 350px; float: right; text-align: center }
.aapning th, .aapning td { font-size: .9em;
	border-top: 1px solid #9bccd7;
	padding: 3px 10px }
.aapning th { vertical-align: bottom}
.aapning td.nren { white-space: nowrap; text-align: left }
.aapning h3 {
	margin: 0; padding: .5em 0; color: #fff;
	font-size: 1.3em }

.shf { float: right; display: inline; text-align: right; padding: 0; margin: 0 0 0 20px; border-left: 5px solid #fff }

.leftex {
	float: left; text-align: center; width: 213px  }

#innhold .leftex h1 {
	background: #fff; color: #79aac6;
	height: auto; line-height: 1.2em }
#innhold .leftex .innerart { 
	padding: 1em 10px 0 10px;
	line-height: 1.3em;
	font-size: .9em }

.butikker ul, .butikker li { list-style-type: none; text-align: center }
.butikker { padding: 10px 0 }
.butikker li { float: left; width: 150px }
.butikker li a { display: block; padding: 10px 0 }

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

ul#menu { border-bottom: 5px solid #fff }
ul#menu, ul#menu ul, ul#menu li {
	width: 222px; 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: url(gfx/a.gif) 14px 50% no-repeat;
	text-decoration: none;
	color: #79aac6;
	padding: 6px 0 6px 26px }

ul#menu a:hover, ul#menu li.aktiv a {
	background-position: -208px 50%;
	color: #333 }

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  {
	font-weight: normal;
	font-size: .9em;
	padding-left: 38px;
	background-position: 26px 50%;
	color: #79aac6; }

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-position: -196px 50%;
	background-color: #ebf2f7;
	color: #333 }
ul#menu li.aktiv ul li.aktiv a  { font-weight: bold }

/* 3. nivå */

ul#menu li.aktiv ul li.aktiv ul li a  {
	font-weight: normal;
	padding-left: 50px;
	background-position: 38px 50%;
	color: #79aac6}
ul#menu li.aktiv ul li.aktiv ul li a:hover, ul#menu li.aktiv ul li.aktiv ul li.aktiv a  {
	background-position: -184px 50%;
	background-color: #ebf2f7;
	color: #333 }
ul#menu li.aktiv ul li.aktiv ul li.aktiv a  { 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  */

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

.komp input { text-align: center; width: 140px }

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

/*  -------------------------------- 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: 35px;
	background: url(gfx/bg_sok.gif) }
#sok input, #sok a { position: absolute }
#sok input {
	top: 5px; left: 16px;
	height: 20px; line-height: 20px;
	width: 155px; padding: 0 5px;
	background: transparent; border: 0;
	font-size: 11px }
#sok a {	display: block
	left: 151px; top: 2px;
	width: 22px; height: 21px}
#sok a span, #sok label { display: none }

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

.skg, #logo a { position: absolute }
#logo a {
	display: block; position: absolute;
	left: 20px; top: -155px;
	width: 220px; height: 115px }
#logo a span { display: none }
.skg { left: -16px; top: -21px; width: 16px }
.skg.top { left: 0; width: 960px }
.skg.right { left: 960px }

.artikkel.galleri#bildegalleri19_2 { float: right }
