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

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

body { font-family: arial, helvetica, verdana, geneva, sans-serif }
#innholdsramme { font-size: 1.3em }
#nav { font-size: 1.4em }
#kreditt { font-size: 1.1em }
input, textarea { font-size: 1em }

h1, #nav, #submeny { font-family: "Lucida Sans Unicode", "Lucida Grande", LucidaGrande,"Lucida Sans", Geneva, Arial, sans-serif }

/* Overskrifter */
h1 { font-size: 1.4em; font-weight: normal }
h1, h2 { color: #754c24 }
h2, h3, h4, h5, h6 { font-size: 1em }
h1,h2,h3,h4,h5,h6,blockquote,p,address, hr, table, #google_translate_element { margin: 0 0 1em 0 }

#marg ul, #marg ol { margin: 0 0 1em 30px }

/* Lenker, akronymer og forkortelser */

a, a.active, a.visited { color: #c30 }
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: 0 0 10px 0 }
#nyheter h1.tittel a { color: #754c24 }
#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 }

/*  BOKS  */

.komp { text-align: center; font-size: .9em; border-top: 5px solid #fff; border-bottom: 5px solid #fff } 
.komp h2 { margin: 2px 0 }
.komp h1 { text-align: left; margin: 0  }
.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 { text-align: center; width: 140px }

/*  KNAPPER  */

p.knapp {
	border: 1px solid;
	border-color: #ccc #fff #fff #ccc;
	padding: 0 }
p.knapp { position: relative; height: 22px }
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 #ccc #ccc #fff;
	background: #eee;
	display: block;
	text-decoration: none }
p.knapp a:hover, p.send a:hover  { border-color: #eee }

#nyhetsbrev p.knapp a.ut { width: 79px }
#nyhetsbrev p.knapp a.inn { position: absolute; top: 0; right: 0; width: 120px }

/*  -------------------------------- 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: 18px; left: 33px;
	width: 190px; height: 70px }
#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 }