@import url("core/screen.css");
@import url("core/plugins/link-icons/screen.css");
@import url("core/nav/horisontal.css");

.showgrid { background: transparent}
html, body, #side { height: 100% }
body {
	background: #fff; color: #666;
	text-align: center;
	font-family: "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif}
#side {	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 0 -109px 0 }
.container { position: relative }
#ramme {  }
#header { height: 145px; background: url(gfx/bg_header.gif) no-repeat }

#innholdsramme {  }
#kol1 { float: left; width: 200px; margin: 0 30px 0 0  }
#kol1,#innhold,#kol2 { padding: 0 0 1em 0; overflow: hidden }

body.tokol #kol2 { display: none  }
body.tokol #innhold { width: 720px; margin: 0 }

/* -- Footer   --------------------------------  */

#end { clear: both; height: 109px; overflow: hidden }
#footer { height: 109px; margin-top: -109px; overflow: hidden }
#footer .container { padding: 29px 0 0 0; height: 80px; background: url(gfx/bg_footer.gif) no-repeat }
#footer span { float: left; width: 5em }
#footer address { margin: 0 }
#footer, #footer a { color: #5f6062 }
#footer p { position: absolute; top: 87px; right: 20px; height: 15px; line-height: 15px; font-size: 11px; margin: 0 }
#footer p, #footer p a { color: #fff }
#footer p a:hover { color: #333 }

/* -- Typografi     ------------------------  */

#innhold, #nav, #kol1 { font-size: 1.4em }
#kol2, #footer  { font-size: 1.2em }
#bunn, #smuler { font-size: 1.1em }

cite { display: block; font-size: .8em }

iframe { margin: 0 0 1em 0 }

/* Lenker, akronymer og forkortelser */

a { text-decoration: none }
a:hover {  }
#nav a, #kol1 a, #footer a, #bunn a, #sitemap a, #smuler a, h1 a { text-decoration: none }

p.skip,  #header h1, #header p { display: none }

/* -- Navigasjon     ------------------------  */

#smuler { position: absolute; top: 50px; left: 257px; height: 24px; line-height: 24px }
#smuler strong { font-weight: normal; color: #000 }
#smuler, #smuler a { color: #666 }
#smuler a:hover { color: #000 }

#nav {
	position: absolute; 
	top: 94px; left: 246px;
	width: 700px; height: 22px }
#nav li { margin: 0 2px 0 0 }
#nav a {	padding: 0 0 0 6px;
	background: url(gfx/a.gif) 0 0 no-repeat }
#nav span {
	padding: 0 9px 0 3px;
	height: 30px; line-height: 30px;
	color: #4d4e50;
	background: url(gfx/aspan.gif) 100% 0 no-repeat }
#nav a:hover, #nav li.aktiv a { background-position: 0 100% }
#nav a:hover span, #nav li.aktiv span { background-position: 100% 100%; color: #000 }
#nav li.aktiv span { font-weight: bold  }
#nav li.aktiv { height: 51px; background: url(gfx/li.gif) no-repeat bottom center }

#submeny { margin: 0 0 1em 0; width: 195px }
#submeny h2 { margin: 0 }
#submeny h2 a {
	display: block; color: #fff; height: 38px; line-height: 29px;
	padding: 0 0 0 25px;
	background: url(gfx/box/gray-2.gif)  }
#submeny ul { margin: 0; list-style-type: none; line-height: 1.2em; overflow: hidden }
ul#sub li { float: left; width: 100% }
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, ul#sub strong { font-style: normal; font-weight: normal }
ul#sub a {
	display: block;
	text-decoration: none;
	color: #069;
	padding: 3px 0 3px 15px;
	height: auto; line-height: 1.2em;
	background: url(gfx/asub.gif) no-repeat 0 8px;
	border-bottom: 1px solid #eee }

ul#sub a:hover, ul#sub li.aktiv a {
	color: #333;
	background-position: 0 -28px }
ul#sub li.aktiv a,
ul#sub li.aktiv ul li.aktiv a,
ul#sub li.aktiv ul li.aktiv ul li.aktiv a { font-weight: bold; color: #000 }

/* 2.nivå */
ul#sub li.aktiv ul li a, ul#sub li.aktiv ul li.aktiv a  {
	padding: 0 0 0 30px;
	background-position: 15px -64px;
	color: #069;
	font-weight: normal;
	font-size: 1em }
ul#sub li.aktiv ul li.aktiv a, ul#sub li.aktiv ul li a:hover  {
	color: #333;
	background-position: 15px -100px }

/* 3. nivå */
ul#sub li.aktiv ul li.aktiv ul li a  {
	padding: 0 0 0 35px;
	background-position: 30px -136px;
	color: #069;
	font-weight: normal }
ul#sub li.aktiv ul li.aktiv ul li a:hover, ul#sub li.aktiv ul li.aktiv ul li.aktiv a  {
	background-position: 30px -172px;
	color: #f00 }

/*  -----------------------     DIVERSE FORMATERING      ----------------------  */

#innhold .artikkel { padding: 0 0 0 25px }
#innhold .artikkel h1 { color: #f8981c }
.artikkel h1 em { color: #333 }
.artikkel strong, .artikkel em { color: #333 }
.artikkel a strong  { color: #09c }
.artikkel a:hover  { color: #000 }
 
#kol1 h1, #kol2 h1 { font-size: 1.1em; font-weight: bold; color: #f8981c }

.banner { margin: 0 0 20px 0 }
#innhold .banner ul { position: absolute; top: 65px; left: 25px; margin: 0; list-style-type: none; font-size: 1.2em }
.banner a { color: #fff; display: block; padding: 5px 0 }
.banner a:hover { text-decoration: underline }

table {	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd }
td, th { 	padding: 2px 5px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	text-align: left; vertical-align: top }
th {	background: #f5f5f5; color: #333 }

#innhold .artikkel ul li { list-style-image: url(gfx/content-li.gif); padding-left: 10px }

ul.pdf { margin: 0 0 1em 0; list-style-type: none }
ul.pdf li { float: left; width: 100% }
ul.pdf a, a.pdf {	display: block; padding: 0 0 5px 23px;
		background: url(gfx/pdf.png) no-repeat;
		text-decoration: none }

.komp { width: 170px }
#nyhetsbrev fieldset { padding: 0; border: 0 }
#nyhetsbrev label { display: none }
#nyhetsbrev input { width: 162px; padding: 2px 3px; border: 1px solid #ddd; margin-bottom: 2px }
#nyhetsbrev a.inn {	float: right; font-weight: bold;
		border: 1px solid #ddd;
		padding: 3px; background: #fafafa }
#nyhetsbrev a.inn:hover { background: #ddd}
#nyhetsbrev a.ut { float: left; color: #c00 }
#nyhetsbrev a.ut:hover { font-weight: bold }

.brosjyre { width: 200px; height: 520px; margin: 0 0 1em 0; color: #fff; background: url(gfx/box/brosjyre.jpg) no-repeat}
.brosjyre h2, .brosjyre span { display: none }
.brosjyre ul { padding: 30px 0 0 1em }
.brosjyre a { display: block; color: #fff }
#kol1 .brosjyre a:hover { text-decoration: underline }
#kol2 .brosjyre { float: right }
#kol1 ul { margin: 0; list-style-type: none }
.access { display: none }
img.right { float: right; padding: 0 0 1em 1em }
img.left { float: left; padding: 0 1em 1em 0 }


#kol1 #nyheter, #front #nyheter { width: 190px; font-size: .85em }

#nyheter .art h1 { font-size: 1em; font-weight: bold }
#nyheter .art strong { font-weight: normal}
#nyheter .art h1, #nyheter .art p, #nyheter h3 { margin: 0; line-height: 1.3em }

#nyheter .art { border-bottom: 1px solid #ddd; margin: 0 0 2px 0; padding: 0 0 2px 0 }

#nyheter .art a { text-decoration: none }
#nyheter h1 a { color: #333 }
#nyheter h3 { text-align: right; padding: 2px 0 }

#nyheter h1.tittel { font-size: 1.2em; margin: 0 0 .2em 0 }
#nyheter h1.tittel a {
	display: block; color: #fff; height: 38px; line-height: 29px;
	padding: 0 0 0 25px;
	background: url(gfx/box/orange.gif)  }
#nyheter h1.tittel a:hover { border-color: #000; color: #000 }
#nyheter ul { margin: 0; list-style-type: none }

#nyheter li a { display: block; width: 190px; border-bottom: 1px solid #ddd; padding: 2px 0 }
#nyheter li a:hover { background: #fafafa }

/* ---------- Persongalleri -------------- */

.pers { width: 695px; float: left; padding: 1em 0 0 25px } 
#innhold .pers ul { margin: 0; list-style-type: none; width: 695px; clear: left; line-height: 1.7em }
.pers ul li { float: left; position: relative; height: 120px; width: 230px; padding: 15px 0 0 115px }
.pers li img { position: absolute; top: 15px; left: 0; width: 90px; height: 120px }

.pers h2, .pers h3, .pers h4 { float: left; width: 100%; clear: left }

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

.logo {	position: absolute;
	left: 0; top: 10px }
.logo a { display: block; width: 225px; height: 110px }
.logo span { display: none }

#sok, #sok input, #sok a { position: absolute }
#sok { top: 6px; left: 755px; z-index: 20000 }
#sok label, #sok span { display: none }
#sok a {	display: block; top: 0; left: 159px;
	height: 25px; width: 39px }
#sok input {
	width: 154px; height: 23px; line-height: 23px;
	background: transparent; border: 0;
	left: 0; top: 0; font-weight: bold }