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

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

input, textarea { font-size: 1em }
#innhold, #kol2 { font-size: 1.1em }
#kol1, #kreditt, #smuler { font-size: 1em }

/* Overskrifter */
#innhold h1 { font-size: 1.7em; font-weight: normal; color: #033772; line-height: 1.3em; margin: 0 0 .7em 0 }
#kol1 .artikkel h1, #kol2 .artikkel h1 { font-size: 1.1em; color: #069 }
h2, h3, h4, h5, h6 { font-size: 1em; color: #000 }
h2 a { color: #000 }

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

/* Lenker, akronymer og forkortelser */

a { color: #39c }
a:hover { color: #333; text-decoration: none }
#kol1 a, .knapp a, #kreditt a, #sitemap a, h1 a, td a { text-decoration: none }

p.skip, #header p, #header h1, .x1, .x2 {
	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.checkbox { border: 0; background: transparent; margin: 0 }

#kontakt {
	padding: 95px 0 1em 10px; color: #666;
	background: url(gfx/briller.jpg) no-repeat 0 10px }
p.mail a {
	display: block; height: 39px; line-height: 39px;
	padding: 0 0 0 60px;
	background: url(gfx/mail.jpg) no-repeat;
	color: #666 }
p.mail a:hover { color: #333 }

table { border-collapse: collapse; width: 100% }
table { 	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd }
td, th { 	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	vertical-align: top;
	padding: 3px 2px }
th { background: #f5f5f5; color: #000; text-align: left }

hr { border: 0; border-top: 1px solid #ccc; background: #fff; color: #fff }

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

#nyheter a { display: block; text-decoration: none }
#nyheter h1.tittel { margin: 0 }
#nyheter h1.tittel a { height: 28px; background: url(gfx/news-h1.gif) no-repeat }
#nyheter h1.tittel a span { display: none}
#nyheter h1 { font-size: 1em }
#nyheter h3 { padding: 10px 7px  }
#nyheter .art, #nyheter li a {
	border-bottom: 1px solid #ededed;
	padding: 6px;
	margin: 0 0 2px 0 }
#nyheter p.lesmer { text-align: right }
#nyheter p, #nyheter .art h1 { margin: 0 }
#nyheter strong { font-weight: normal }
#nyheter p.dato { margin: 0 }

/*  BOKS  */

.komp { text-align: center; background: #f2f2f2 }
.komp fieldset, .komp fieldset legend { border: 0 }
.komp h1, .rss_link h1 { padding: 0 0 0 10px; margin: 0 0 5px 0; text-align: left;
	height: 23px; line-height: 23px; color: #fff; font-size: 10px;
	background: #87b3e4 url(gfx/a.gif) no-repeat;
	border-bottom: 1px solid #fff }
#kol1 .komp label { display: none }
#innhold .komp label {
	clear:left;
	display:block;
	float:left;
	padding:0 0 0 10px;
	text-align:left;
	width:100px;
}
#kol1 .komp p { margin: 0; padding: 0 4px }
#login p span { padding-top: 5px; display: block }

#login p {
	clear: both;
	text-align: center;
}
#login p.knapp {
	height: 27px;
	width: 149px;
	padding: 5px 0;
	margin: 0 auto;
}
#login p.knapp a {
	background:transparent url(gfx/knapp.gif) no-repeat scroll 0 0;
	display:block;
	height:23px;
	color: #fff;
	line-height: 23px;
	font-size: 1.1em;
	font-weight: bold;
}

#login .komp input, #login .komp label {clear: both; width: 150px; float: none;margin: 0 auto;}
#login .komp label {text-align: center; padding: 0; font-weight: bold;}
#login .komp h1 {
	background: none;
	padding: 5px 0;
	text-align: center;
}
.komp input { text-align: center; width: 140px }


#kol1 .komp p.knapp { width: 149px; padding: 0 }

p.knapp { height: 27px; padding: 0 0 0 131px; width: 149px }
p.knapp a { height: 23px; display: block; background: url(gfx/send.gif) no-repeat }
p.knapp span { display: none }

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

#respons fieldset { padding: 10px; margin: 0 0 1em 0; border: 1px solid #e1e8f0 }
#respons fieldset legend { color: #333; font-weight: bold; padding: 0 10px }
#respons legend em { font-style: normal; font-weight: normal }
#respons fieldset p { float: left; width: 100%; margin: 0 0 3px 0 }
#respons fieldset label, fieldset input, fieldset span { float: left; display: block; padding: 3px 0 }
#respons fieldset label, .labelhead { width: 120px }
#respons fieldset label.inline { float: none; display: inline; width: auto }

#respons fieldset p.knapp a span { width: auto; text-align: left }
#respons fieldset input, #respons fieldset textarea, .produkthead { float: left; width: 350px; padding: 3px }
#respons fieldset textarea { height: 4.5em }

#respons fieldset.best p.head { border-bottom: 1px solid #666; font-weight: bold }
#respons fieldset.best input { width: 50px }
#respons fieldset.best label { width: 420px }
#respons .produkthead { width: 297px }
#respons fieldset.best label span, fieldset.best p.xtra label  { width: 100px; text-align: right; padding: 0 20px 0 0 }
#respons fieldset.best p { border-bottom: 1px dotted #ddd; padding: 2px 0; margin: 0}
fieldset.best p.xtra input.extra { width: 280px; margin-right: 12px }

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

#sok a, #sok input {
	position: absolute; border: 1px solid #666;
	height: 17px; line-height: 17px; }
#sok {	position: relative; width: 149px; height: 38px;
	margin-bottom: 15px;
	background: url(gfx/bg_sok.gif) }
#sok input {
	top: 10px; left: 10px;
	color: #666;
	width: 96px; padding: 0 0 0 2px;
	background: #fff; }
#sok a {
	left: 114px; top: 10px;
	width: 26px; 
	display: block; background: #e8e8e8;
	color: #666;
	text-align: center }
#sok a:hover { background: #fff; color: #000; border-color: #000 }
#sok label, #logo a span { display: none }

#logo a {	display: block; position: absolute;
	left: 48px; top: 38px;
	width: 475px; height: 40px }
	
	
/* SKJEMA FOR BESTILLING AV PUBLIKASJONER */

#publikasjon_skjema {width:614px;}
#publikasjon_skjema fieldset {border: 1px solid #ccc;padding:10px;width:560px;margin: 0 10px 10px}
#publikasjon_skjema legend { padding: 3px 5px;border: 1px solid #ccc; margin: 0 0 1em 0; }
#publikasjon_skjema label {display:block;width: 150px;float:left;}
#publikasjon_skjema label.publikasjon { width: 310px; }
#publikasjon_skjema label.antall { width: 40px; }
#publikasjon_skjema input.input {display:block;width: 405px;}
#publikasjon_skjema input.check { width: 10px;float:left; background: none; margin: 6px 10px; border: none; }
#publikasjon_skjema input.antall { width: 20px;display:block; }
#publikasjon_skjema input.radio { background: none; margin: 2px 5px 0 0; border: none; }
#publikasjon_skjema p {clear:both; margin: 0;padding:0;float:none;}
#publikasjon_skjema p.underinfo {
	padding: 8px 0 5px 33px;
}
textarea#kommentarer {width: 405px;height:100px;}
textarea#spesifiser_antall { width: 370px; height: 100px; }

.rss_link {
	padding: 0;
	margin: 0 0 15px;
	text-align: center;
	background: #f2f2f2
}
.rss_link p {margin:0;padding:0 5px 5px;}

.rss_link a {
	background: url(gfx/rss.png) no-repeat 0 50%;
	padding: 0 0 0 30px;
	display: block;
	height: 20px;
}
.rss_link a span {
	display: block;
	padding: 5px 0 0 0;
}

a.sitemap {
	background: url(gfx/sitemap.gif) no-repeat 0 2px;
	padding: 0 0 0 15px;
}
a.sitemap:hover {background-position: 0 -29px;}

.link_eldre {background: #e4e4e4;height: 20px; line-height: 20px;}
.link_eldre p {margin: 0; padding: 0 15px;}
.link_eldre a {color:#666; text-decoration: none;}
.link_eldre a:hover {color: #000;}

#loggut {
	position: absolute;
	top: 145px;
	right: 45px;
}
#loggut a {
	color: #fff;
	text-decoration: none;
}
#loggut a:hover {text-decoration: underline;}




/* NYHETSKATEGORIER */ 

#medlemsnyheter44 ul, 
#myhetskategorier2 ul { display: block !important }

#medlemsnyheter44 ul li a,
#myhetskategorier2 ul li a { padding:4px 0 4px 30px !important; }

#soek a.sok_medlemsnyhet { background: url("/gfx/a_nokkel.gif") no-repeat scroll 0 3px transparent; padding-left: 16px }