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

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

input, textarea, #kol2 { font-size: 1em }
#innhold, #nav { font-size: 1.3em }
#kol1, #kreditt, #smuler { font-size: 1.2em }
#sok input { font-size: 1.1em }
#kreditt p { font-size: 0.9em }

/* Overskrifter */
#innhold h1 { font-size: 1.7em; color: #000; margin: 0 0 .2em 0 }
#innhold h2 { font-size: 1.4em; font-weight: normal; margin: 0 0 .8em 0 }
#kol1 h1 { font-size: 1.1em; color: #333 }
h2, h3, h4, h5, h6 { font-size: 1em }
h2 a { color: #000 }

/* Marger og padding */
h1,h2,h3,h4,h5,h6,blockquote,p, address, hr, object { margin: 0 0 1.5em 0 }
#innhold ul, #innhold ol { margin: 0 0 1.5em 30px }
#kol1 .artikkel ul, #kol1 .artikkel ol { margin: 0 0 1.5em 30px }

body#nyheter_cms #innhold h1 { margin: 0 }
p.dato { margin: 0 }

/* Lenker, akronymer og forkortelser */

a { color: #669 }
a:hover { color: #333; text-decoration: none }
#kol1 a, #kreditt a, #sitemap a, #xtranav a, h1 a { text-decoration: none }
acronym, abbr, dfn { border-bottom: 1px dotted #808080; font-style: normal; cursor: help }
#kalender abbr {border: 0 }

blockquote {
	margin: 10px;
	padding: 5px;
	border: 1px dotted #666;
	font-weight: bold;
	text-align: center }

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

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

img, table { border: 0 }
caption { display: none }
address { font-style: normal }
input, textarea, select, option {
	margin-bottom: 2px;
	border: 1px solid #ddd;
	background: #f8f8f8 }
input:hover, input:active, input:focus,
textarea:hover, textarea:active, textarea:focus, #sok input:hover, #sok input:focus, #sok input:active { background: #fff }
input.checkbox { border: 0; background: transparent; margin: 0 }

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

/*  BOKS  */

.komp { width: 160px; text-align: center; font-size: .9em; margin: 0 0 1em 0 }
.komp fieldset, .komp fieldset legend { border: 0 }
.komp h1 { margin: 0 0 5px 0; text-align: left }
.komp label { display: none }
.komp p { margin: 0; padding: 0 }
#login p { text-align: center }
#login p span { padding-top: 5px; display: block }
.komp input { text-align: center; width: 158px }

/*  KNAPPER  */

#innhold p.knapp { border: 1px solid #666 }
#innhold p.knapp a, #innhold p.send a {
	color: black;
	font-weight: bold;
	text-align: center;
	height: 20px; line-height: 20px;
	border: 1px solid;
	border-color: #ffb84f #ff7a00 #ff7a00 #ffb84f;
	background: #f90;
	display: block;
	color: #333;
	text-decoration: none }
#innhold p.knapp a:hover, #innhold p.send a:hover  {
	border-color: #ffad33;
	background: #ffad33;
	color: #000 }

#nyhetsbrev p.knapp a.ut { float: left; width: 70px; text-align: left }
#nyhetsbrev p.knapp a.inn { float: right; width: 90px; text-align: right }

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

#respons table { width: auto; border-collapse: collapse }
#respons table td { vertical-align: middle; padding: 0 5px 0 0 }
#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, #sok a, #sok input { position: absolute }

#sok {	top: 130px; left: 20px;
	width: 201px; height: 27px }
#sok input, #sok input:hover, #sok input:active, #sok input:focus {
	top: 1px; left: 7px;
	color: #666;
	width: 145px; height: 23px; line-height: 23px;
	background: transparent;
	border: 0 }

#sok a {
	left: 145px; top: 0;
	width: 40px; height: 40px;
	display: block }
	
	#social { position: absolute; top: 130px; right: 0 }
	#social a {
	float: right; display: block;
	height: 16px; width: 24px; line-height: 16px;
	text-decoration: none;
	background: no-repeat 0 50% !important }
	#social a.noicon.tips_en_venn { background-image: url(/gfx/addthis.gif) !important }
	#social a.noicon.rss { background-image: url(/gfx/rss.gif) !important }
	#social span { display: none }

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

#logo a, .skg { position: absolute }
#logo a {
	display: block;
	left: 72px; top: 20px;
	width: 112px; height: 102px }
#logo a span, #sok label, #sok a span { display: none }

.skg { top: 0; left: -29px }
.hs { left: 960px }