@import url("layout.css");
@import url("navigasjon.css");

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

body { font-family: arial, helvetica, verdana, geneva, sans-serif }
#innholdsramme { font-size: 1.2em }
#nav { font-size: 1.2em }
#kreditt { font-size: .9em }
input, textarea { font-size: 1em }

/* Overskrifter */
h1 { font-size: 1.7em; line-height: 1.3em; font-weight: normal; color: #02913f }
h2, h3, h4, h5, h6 { font-size: 1em }
h1,h2,h3,h4,h5,h6,blockquote,p,address, hr, table { margin: 0 0 1em 0 }

.artikkel ul, .artikkel ol { margin: 0 0 1em 30px }

/* Lenker, akronymer og forkortelser */

a, a.active, a.visited { color: #02913f }
a:hover { color: #333; text-decoration: none }
#marg a, #kreditt a, #sitemap a, h1 a, #nav a { text-decoration: none }

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

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

form { margin: 0; padding: 0 }
table { border-collapse: collapse }
caption { display: none }
address { font-style: normal }
input, textarea, select, option {
	margin-bottom: 2px;
	border: 1px solid #c0c0c0;
	background: #fff }
td, th { padding: 3px }
table.tabell { border-collapse: collapse; border-top: 1px solid #ccc; border-left: 1px solid #ccc }
table.tabell td, table.tabell th { text-align: left; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 0 5px; font-size: .9em }

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

/*  Nyheter  */

#nyheter { margin: 0; padding: 30px 10px 20px 20px; background: url(gfx/bg_news.gif) no-repeat }
h1.tittel { display: none }
#nyheter .art h1 { text-transform: uppercase }
#nyheter .art h1, #nyheter h3 {
	font-size: 1em; line-height: 1.2em;
	font-weight: normal }
#nyheter strong { font-weight: normal }
#nyheter p, #nyheter .art h1, #nyheter h3 { margin: 0 0 .5em 0 }
#nyheter ul { margin: 0; list-style-type: none }
#nyheter li a { padding: 0 0 0 12px; background: url(gfx/a-news.gif) no-repeat 0 50% }
#nyheter li a:hover { background-position: -285px 50% }
#nyheter .art, #nyheter li { border-bottom: 1px solid #e6e6df; padding: 5px 0 }
#nyheter h3 { padding: .5em 0 0 0 }
#nyheter p.npic { height: 208px; padding: 0; overflow: hidden }
p.npic img { margin: 0px 0 0 0 }
p.dato { color: #999; font-size: .9em }

/*  BOKS  */

.komp { text-align: center; font-size: .9em; } 
.komp h2 { margin: 2px 0 }
.komp h1 { text-align: left; margin: 0 0 0.5em  }
.komp label { display: none }
.komp p { padding: 0; margin: 0 }
.komp p.info { padding: 3px 20px }
#login p { text-align: center }
#login p span { margin-top: 5px; display: block }
.komp input { width: 153px; border: 1px solid #E6E6DF; padding: 2px 0 }

/*  KNAPPER  */

p.knapp {
	
	padding: 0 }
p.knapp { position: relative; height: 22px }
p.knapp a, p.send a {
	
	font-weight: bold;
	height: 20px; line-height: 20px;
	display: block;
	text-decoration: none }
p.knapp a:hover, p.send a:hover  {  }
#nyhetsbrev {margin: 1em 0; padding: 10px 10px 10px 20px}
#nyhetsbrev p.knapp a.ut { width: 75px; text-align: left }
#nyhetsbrev p.knapp a.inn { position: absolute; top: 0; right: 0; width: 75px; text-align: right }

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

#respons table { border-collapse: collapse }
#respons table td { padding: 2px 1em 0 0 }
#respons fieldset label { display: block }
#respons input, #respons textarea { width: 250px }
#respons td input.check { width: auto; display: inline }
#respons textarea { height: 70px }
#respons tr.textarea td { vertical-align: top }
#respons td { padding: 1px 1em }
#respons p { margin: 0 0 5px 0 }
#respons p.knapp { width: 250px; margin: 0 }

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

#logo a, #tools { position: absolute }
#logo a {	top: -255px; left: 206px;
	width: 220px; height: 60px }
#logo span { display: none }
#tools {	top: 0; left: 685px; width: 269px;
	height: 23px; line-height: 23px;
	overflow: hidden; font-size: 11px;
	text-align: center; color: #dab2b3 }
#tools a { color: #dab2b3; text-decoration: none; padding: 0 2px }
#tools a:hover { color: #fff }