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

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

body { font-size: 62.5%; color: #555 }
#innholdsramme, #nav { font-size: 1.2em }
#kreditt, #sok, #smuler { font-size: 1.1em }
input, textarea, select { font-size: 1em }

fieldset, .varsel { font-size: .9em }

/* Faste tekststørrelser */

#steps { font-size: 11px}

#submeny h2 a, h1 { font-weight: normal; padding-bottom: 5px }
#innhold h1 { font-size: 1.8em; color: #c60; margin: 0 0 .1em 0; line-height: 1.2em }
#kol1 h1 { font-size: 1.3em; color: #fff  }
#kol2 h1, #submeny h2 { font-size: 1.3em; color: #c60 }
h2, h3, h4, h5, h6 { font-size: 1em; color: #000 }
.artikkel strong { color: #000}

p.eksempel { font-size: .9em; padding: 0 50px; line-height: 1.3em }

h1,h2,blockquote,p,hr, object, table { margin: 0 0 1em 0 }
h3,h4,h5,h6 { margin: 0 0 .5em 0 }
#innhold ul, #innhold ol { margin: 0 0 1em 30px }

a { color: #04618f; text-decoration: none }
a:hover { color: #000 }

table td a, .box a, #submeny a, #print a, .stepnav h3 a, .stepnav a { text-decoration: none }

#innhold .infostor a { color: #fff; text-decoration: underline }
#innhold .infostor a:hover { color: #fff; text-decoration: none }

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

body#baforum #innhold h1 { color: #333 }
body#arrangement #innhold table { font-size: 1em; margin: 10px 0 0 0 }

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

img, table, tbody, tr, td { border: 0 }
caption { display: none }
address { font-style: normal }
input.input, textarea, select {
	border: 1px solid #ddd;
	background: #fff }

hr { color: #fff; background: transparent; height: 1px }

hr.clear { width: 100%; clear: left; margin: 0 }

.banner { padding: 0 0 1em 0 }

table {
	border-collapse: collapse;
	border-top: 1px solid #e1e8f0;
	border-left: 1px solid #e1e8f0 }
td, th {	text-align: left;
	padding: 2px;
	border-bottom: 1px solid #e1e8f0;
	border-right: 1px solid #e1e8f0 }
th { background: #f5f5f5; border-top: 4px solid #ccc }

/*  referanser  */

blockquote { 
	width: 614px;
	margin: 0 0 1em 0;
	font-size: 1em; line-height: 1.3em; font-weight: normal;
	background: url(gfx/bq-bunn.gif) no-repeat left bottom }
blockquote .quote {
	padding: 10px 20px 10px 80px; color: #333;
	height: 50px;
	background: url(gfx/bq-top.gif) no-repeat left top }
html>body blockquote .quote { height: auto; min-height: 50px; }
blockquote .quoter {
	display: block; color: #666; text-align: right; font-weight: normal;
	padding: 5px 20px 0 0;
	background: url(gfx/bq-quoter.gif) no-repeat 100% 50% }

/* -- Bokser venstre kolonne -- */

.box { margin: 0 0 .5em 0 }
.box h2 {
	background: url(gfx/forum/box/h1.gif);
	font-size: 1.3em;
	margin: 0; color: #fff }
.box h2 span {
	display: block;
	height: 45px; line-height: 45px;
	padding: 0 0 0 50px; }
.box.aktivforum h2 span {
	padding: 0 0 0 14px;
	/*background: url(gfx/forum/box/ikon-forum.gif) no-repeat */ }
.box .inner {
	background: url(gfx/forum/box/bg.gif) repeat-y;
	padding: 5px 4px;
 }
.box p.info { margin: 0 10px 10px 10px; font-size: .9em; padding: 2px 0 2px 20px; }
.box .bunn {
	background: url(gfx/forum/box/bunn.gif);
	height: 63px; overflow: hidden }

/* .box.aktivforum .bunn { height: 8px; background: url(gfx/forum/box/bunn-std.gif) } */

.box ul { border-top: 1px solid #ddd; margin: 0; list-style-type: none; margin: 0 8px 0 8px }
.box li { width: 100% }
.box li a {
	display: block; padding: 4px 0 4px 10px;
	border-bottom: 1px solid #ddd;
	/*border-right: 2px solid #fafafa;*/
	background: no-repeat 3px 50%;
	color: #555;
	font-weight: normal }
.box.aktivforum li a {  }
.box li a:hover {
	background-color: #fff; color: #000;
	overflow: auto;
	/*border-right: 2px solid #f90*/ }

/* mforum-design for box */
#forum .box h2 { background: url(gfx/forum/box/mf-h1.gif) }
#forum .box .inner { background: url(gfx/forum/box/mf-bg.gif) }
#forum .box .bunn { background: url(gfx/forum/box/mf-bunn2.gif); height: 56px }
#forum .box.aktivforum.dine .bunn { background: url(gfx/forum/box/mf-bunn.gif); height: 43px }
/*#forum .box.aktivforum .bunn { background: url(gfx/forum/box/mf-bunn-std.gif) }*/

/* mforum-design for selgerbox */
#forum .duhar.selger h2 { background: url(gfx/forum/box/mf-h1.gif); font-size: 1.3em; margin: 0; color: #fff }
#forum .duhar.selger h2 span { display: block; height: 45px; line-height: 45px; padding: 0 0 0 14px; }
#forum .duhar.selger .bunn { background: url(gfx/forum/box/mf-bunn.gif); height: 43px; margin: 0 0 20px 0 }
#forum .duhar.selger table { width: 100%; background: url(gfx/forum/box/mf-bg.gif) repeat-y; font-size: .9em; margin: 0 }
#forum .duhar.selger table, #forum .duhar.selger td, #forum .duhar.selger tr { border: none }
#forum .duhar.selger table td.tall { padding: 0 10px 0 0 }

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

#nyheter { float: left; width: 614px; overflow: hidden; font-size: .9em }
#nyheter a { text-decoration: none }
h1.tittel { border-bottom: 1px solid #666; margin: 0; padding: 5px 0 }
.art h1, .art h2, .art h3, .art h4, #nyheter p { margin: 0; padding: 0 }
.art h1 a, #nyheter h2 a { color: #265091 }
#nyheter h3 a { color: #c8e6a2 }
.art h1 a:hover, #nyheter h2 a:hover, #nyheter h3 a:hover { color: #000 }

.art p.lesmer a, #nyheter ul a, #nyheter h4 a { color: #7fc428 }
.art p.lesmer a:hover, #nyheter ul a:hover, #nyheter h4 a:hover { color: #000 }
#nyheter p.bilde { margin: 0 }
#nyheter strong { font-weight: normal }

.art { padding: 5px 10px; line-height: 1.3em }
.art h2, .art h3, .art h4 { font-size: 1.1em; font-weight: bold }
.art h3, .art h4 { margin: 0 0 5px 0 }
p.dato { margin: 0; color: #999 }

.art.nyhet1 { position: relative; padding: 5px 10px; background: #f8f8fa; color: #000; height: 120px }
html>body .art.nyhet1 { height: auto; min-height: 120px }
.art.nyhet1 a { font-weight: bold }
.art.nyhet1 h1 { font-size: 1.7em; font-weight: normal }

.nyhetsrad { float: left; width: 100%; border-top: 2px dotted #e1e8f0; padding: 5px 0 0 0 }
.nyhetsrad .art { float: left; width: 307px }
.art img { position: relative; float: right; margin: -5px -10px 0 10px }

#innhold #nyheter ul { margin: 0 0 5px 0; list-style-type: none }

/*  BOKS  */

#kol1 .komp, #kol2 .komp { padding: 0 0 10px 0; text-align: center; background: #f2f2f2 }
#innhold .komp, #innhold .komp input { width: 175px }
.komp fieldset, .komp fieldset legend { border: 0 }
#kol1 .komp h1, #kol2 .komp h1 { padding: 5px; margin: 0 0 5px 0; text-align: left }
#kol1 #login h1, #kol2 #login h1 { background: #bbdfed url(gfx/login.gif) 3px 7px no-repeat; padding: 5px 0 5px 25px }
#kol1 .komp label, #kol2 .komp label { display: none }
#innhold .komp label { display: block }
#kol1 .komp p, #kol2 .komp p { margin: 0; padding: 0 }
#login p { text-align: center }
#login p span { padding-top: 5px; display: block }

/*  TABELLER  */
.komp table { margin: 0 }
.komp table tr td { padding-left: 5px }

table.bildetxt { float: right; border: none; margin: 0 0 0 10px; padding: 0 }
table.bildetxt tr td { border: none; margin: 0; padding: 0 }

td.tall { text-align: right }

table.fullwidth  { width: 98% }

/*  INPUTFELTER  */
.komp input { text-align: center; width: 140px }

/*  KNAPPER  */

#login { float: none; float: right; width: 173px; margin: 0 0 1em 1em }
#login p.knapp {
	position: absolute; top: 67px; left: 143px; padding: 0 }
#login p.knapp a { display: block; height: 29px; width: 29px;
	background: url(gfx/login-knapp.gif) }
#login p.knapp a:hover { background-position: 0 -29px }
#login p.knapp a span { display: none }

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

#logo {	position: absolute;
	left: 30px; top: 14px }
/*
.skg { z-index: 9999; position: absolute; top: 88px; left: -17px; width: 17px; height: 657px;
	background: url(gfx/skg-v.gif) no-repeat }
.topright { left: 960px; background-image: url(gfx/skg-h.gif) }
*/
.skg, .topright {display: none;}
/*  -------------------------------- RESPONSSKJEMAER --------------------------  */

fieldset { position: relative; padding: 0 20px 10px 20px; margin: 1.5em 0 1em 0; background: #f5f5f5;
	border: 1px solid #ddd; }
fieldset legend {
	position: relative; top: -11px;
	color: #333; font-weight: bold; padding: 0 10px;
	border: 1px solid #ddd;
	background: #fff }
html>body fieldset legend { margin: 0 0 11px 0 }

legend em { font-style: normal; font-weight: normal }
.rad { float: left; clear: left;  padding: 1px 0 }
fieldset label, fieldset input, fieldset span { float: left; display: block }
fieldset label { background: url(gfx/forum/dot.gif) repeat-x left bottom; width: 150px }
fieldset label.inline, fieldset legend label { float: none; display: inline; width: auto; border: 0 }
fieldset legend label { background: transparent }
fieldset span.req { display: block; width: 20px; height: 1em; float: left; text-align: center }
p.knapp a span { width: auto; text-align: left }
input.input, .respons select, .respons textarea { float: left; width: 380px; padding: 3px 3px }
fieldset input.check {  }
.respons textarea { height: 6em }

p.knapp { clear: left; width: 250px; margin: 0; padding: 0 0 0 170px }
p.knapp a {
	font-weight: bold;
	height: 35px; line-height: 35px;
	display: block;
	text-decoration: none;
	background: url(gfx/forum/penn.gif) no-repeat;
	padding: 0 0 0 35px }
p.knapp.lagre a { background-image: url(gfx/forum/lagre.gif) }
p.knapp a:hover  { color: #333 }
	
/* Påmeldingsskjema */
#pamelding_mforum { 
	font-size: .8em;
}
#pamelding_mforum h3 {
	font-size: 2.5em;
	float: left;
	width: 340px;
	margin: 0 20px 10px 0;
}
#pamelding_mforum input.input {
	float: left; width: 170px; padding: 0px; height: 18px; font-size: 1.7em;
}

#pamelding_mforum select {
	font-size: 1.5em;
	margin: 5px 3px 0 0;
	float: right;
}
#pamelding_mforum fieldset { position: relative; padding: 0; margin: 0; border: none; background: none; }

#pamelding_mforum table {
	border-collapse: collapse;
	border: none; }
#pamelding_mforum td, #pamelding_mforum th {	text-align: left;
	padding: 6px 0;
	border: none; }
	
#pamelding_mforum fieldset label { background: none }
#pamelding_mforum fieldset label.left { width: 85px }
#pamelding_mforum fieldset label.right { width: 128px; margin: 0 5px 0 30px; }

#pamelding_mforum p.knapp { width: 170px; margin: 0; padding: 0 }
#pamelding_mforum p.knapp a {
	font-weight: bold;
	height: 22px; line-height: 22px;
	display: block;
	text-decoration: none;
	color: #000;
	background: #f49034;
	padding: 0;
	text-align: center;
	font-size: 1.5em; }

/* -- ikoner -- */

a.linkikon { padding: 1px 0 3px 19px; background: no-repeat 0 50% }
a.print { background-image: url(gfx/forum/print.gif) }
a.dato { background-image: url(gfx/forum/date_go.gif) }
a.edit { background-image: url(gfx/forum/edit.gif) }
a.delete { background-image: url(gfx/forum/fjern.gif) }
a.add { background-image: url(gfx/forum/leggtil.gif) }
a.info { background-image: url(gfx/forum/info-16.gif) }
a.info2 { background-image: url(gfx/forum/info2-16.gif) }
a.print span { display: none }

div.info3 {
	width:	16px;
	height: 16px;
	float: left;
	background-image: url(gfx/forum/info-16inaktiv.gif);
	margin-right: 3px;
}

p.info { padding: 0 0 0 20px; background: url(gfx/forum/info-16.gif) no-repeat }
p.info em { border: 1px dotted #999; background: #ffc; padding: 1px 3px; font-style: normal }

.varsel {
	border: 2px dotted #fc3;
	padding: 15px 80px;
	height: 45px; line-height: 1.4em;
	background: #ffc url(gfx/forum/varsel.gif) no-repeat 10px 50%;
	color: #333;
	margin: 0 0 1em 0 }
html>body .varsel { height: auto; min-height: 45px }

.varsel.liten {
	border-width: 1px; padding: 10px 50px;
	height: 20px;
	background-image: url(gfx/forum/varsel-liten.gif) }
html>body .varsel.liten { height: auto; min-height: 20px }

.infoblokk .varsel { 
	padding: 15px;
	background: #ffc url(gfx/forum/varsel-edit.gif) no-repeat 10px 5px;
	height: auto }
.infoblokk .varsel strong { display: block; padding: 0 0 10px 65px }

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

.pers { width: 610px } 
#innhold .pers ul { margin: 0; list-style-type: none; width: 610px; clear: left }
.pers li { float: left; position: relative; height: 135px; width: 155px; padding: 15px 0 15px 150px }
.pers li a img { position: absolute; top: 15px; left: 40px; border: 1px solid #b2b1b2 }
.pers li a:hover img { border-color: #333 }
.pers a { display: block; padding: 1em 0 }
.pers a:hover { font-weight: bold }
.pers span { float: left; width: 4em }

#innhold .pers h1 { float: left; width: 100%; background: #eaeaea; color: #666; padding: 5px 10px; font-size: 1.2em; font-weight: bold }

/* ---------- Utskrift -------------- */

#print {	position: absolute;
	top: 80px; right: 15px; z-index: 20000 }
#print a {
	white-space: nowrap; height: 20px; line-height: 20px }
	
/* FORUMLISTE */

/* KOLLONNEN TIL VENSTRE 
#kol1_menu { width: 200px;
			 font-size: 1em; }
	
#kol1_menu span { font-size: 1.3em; }
#kol1_menu span a { color: #d56600; text-decoration: none; clear: both; }

#forumliste li a span { font-weight: bold; }
	
/* LISTEN OVER FORUM 
#kol1_menu ul { list-style: none outside; font-size: 0.8em;  }
#kol1_menu ul li a { color: #333; text-decoration: none; width: 218px;; height: 20px;
				display: block;  margin: 4px 0 0 0; }
#kol1_menu ul li a:hover { text-decoration: underline;  }

#forumliste { background: none; margin: 0 0 1em 0; }
#forumliste span a{ display: block; width: 200px; height: 25px;
					 }

#ring_meg, #mer_info, #pamelding { display: none; }
*/

/* KOLLONNEN TIL VENSTRE */
#kol1_image {
	width: 250px;
	height: 161px;
	background: url(gfx/kol1_image_bred.gif) no-repeat scroll 0 0;
	margin-bottom: 20px;
}

#ring_meg, #mer_info, #pamelding { display: block; }
#kol1_menu { width: 252px; margin: 1em 0;
			background: url(gfx/kol1_menu_bg.gif) repeat-y scroll 0 0; font-size: 1em; }
	
#kol1_menu span { font-size: 1.3em; }
#kol1_menu span a { color: #333; text-decoration: none; clear: both; }

#forumliste li a span { font-weight: bold; }

/* LISTEN OVER FORUM */
#kol1_menu ul { list-style: none outside; font-size: 0.8em;  }
#kol1_menu ul li a { color: #333; text-decoration: none; width: 218px;; height: 18px; padding: 5px 0 0 15px;
				display: block; background: url(gfx/kol1_link_all.gif) no-repeat scroll 213px 3px; margin: 0; }
#kol1_menu ul li a:hover { text-decoration: underline; background: url(gfx/kol1_link_all.gif) no-repeat scroll 213px -24px; }

#forumliste { background: url(gfx/kol1_bottom_forumlist.gif) no-repeat scroll -2px bottom; margin: 0px; }
#forumliste span a{ display: block; width: 242px; height: 25px; background: url(gfx/kol1_menu_top.gif) no-repeat scroll 0 0; 
					padding: 10px 0 0 10px; }

#ring_meg span a { display: block; width: 242px; height: 22px; background: url(gfx/kol1_title_bg.gif) no-repeat scroll -1px 0; 
					padding: 7px 0 0 10px; }

#mer_info span a { display: block; width: 242px; height: 22px; background: url(gfx/kol1_title2_bg.gif) no-repeat scroll -1px 0; 
					padding: 7px 0 0 10px; }

#pamelding span a { display: block; width: 242px; height: 28px; background: url(gfx/kol1_menu_bottom.gif) no-repeat scroll 0 0; 
					padding: 7px 0 0 10px; }
					
#kol1_menu .content { padding: 0 20px 0 30px; }
#kol1_menu .content p { padding: 10px 0 0 0; }

/* RING MEG-BOKSEN, SKJULES */
#ring_meg .content { display: none; height: 120px; }


/* SKJEMAET I VENSTREKOLLONEN */
#kol1_menu input { width: 138px; height: 16px; text-align: center; color: #666; }
#kol1_menu fieldset { position: relative; padding: 0; margin: 0; border: none; background: none; }
#kol1_menu table, #kol1_menu tr, #kol1_menu td { border: none; }
a#sendform { width: 42px; height: 20px; display: block; color: #fff; padding: 3px 0 0 12px; 
			background: url(gfx/kol1_button.gif) no-repeat scroll 0 0; margin: 0 0 0 5px;
			font-size: 0.9em; }
			
#kol1_menu p.knapp { clear: left; width: 42px; margin: 0; padding: 0 }
#kol1_menu p.knapp a {
	width: 42px; height: 20px; display: block; color: #fff; padding: 0 9px; 
			background: url(gfx/kol1_button.gif) no-repeat scroll 0 0; margin: 0;
			font-size: 1.3em; line-height: 22px; }
			
#kvittering { height: 120px; position: absolute; display: none; background: #fff; margin: 0 3px; width: 243px; z-index: 1000; }

#kvittering p { padding: 40px 20px 0 30px; margin: 0 0 0 0; }

.artikkel .inner {padding: 0;}

table.smoteplan {
	width: 709px !important;
}

body#ingentopp #smuler,body#ingentopp #print, body#ingentopp #nav, body#ingentopp #header, body#ingentopp .minnav, 
body.forumid_114 #smuler,body.forumid_114 #print, body.forumid_114 #nav, body.forumid_114 #header, body.forumid_114 .minnav,
body.forumid_115 #smuler,body.forumid_115 #print, body.forumid_115 #nav, body.forumid_115 .minnav {
	display: none;
}
body.forumid_115 #header {height: 0; position: absolute; z-index: 30000}
body.forumid_115 #logo {left: 65px}
body#forum.forumid_115 .minnav {
	display: block;	
	position: absolute;
	top: 10px;
}
body#forum.forumid_115 #innhold{
	margin-top: 30px;
}

body#forum.forumid_115 #innhold .smal{
	width: 172px;
}
body#forum.forumid_115 #innhold .smal input {
	width: 162px;
}


body.forumid_115, body.forumid_114, body#ingentopp {
	background: none;
	background: url(gfx/mforumkonsept-bg.gif) repeat-x;
}
body.forumid_115 #innhold ul.raadnav {margin: 0}
body.forumid_115 #firmaopplysninger_skjema {width: 788px; background: #fff}


body.forumid_115 #ramme {
	background: url(gfx/bg-farger-topp.gif) no-repeat 777px top
}
body#forum.forumid_115 .minnav ul {width: 960px}
body#forum.forumid_115 .ob_banner {top: 5px; }
body#forum.forumid_115 .minnav li {
	float: right;
	height: 24px;
	line-height: 24px;
	margin: 0;
}
body#forum.forumid_115 .minnav li a {
	background:transparent none repeat scroll 0 0;
	display:inline;
	float:none;
	padding:0;
	color: #04618F;
}
body#forum.forumid_115 .minnav li {border-right: 1px solid #666; margin-right: 5px; padding-right: 5px}
body#forum.forumid_115 .minnav li a:hover em,
body#forum.forumid_115 .minnav li a:hover {color: #000}
body#forum.forumid_115 .minnav a span,body#forum.forumid_115 .minnav a em  {padding: 0;background: none; height: 24px; line-height: 24px; color: #04618F;} 
body#forum.forumid_115 div.infostor {margin-top: 20px}
body#forum.forumid_115 .minnav li.status a.inline {
	background:transparent url(gfx/forum/loggut.png) no-repeat scroll 0 0;
	padding:2px 0 2px 23px;
}
body#forum.forumid_115 .minnav li.status {border: none}

body#ingentopp #smuler,body#ingentopp #print, body#ingentopp #nav, body#ingentopp #header, body#ingentopp .minnav, 
body.forumid_114 #smuler,body.forumid_114 #print, body.forumid_114 #nav, body.forumid_114 #header, body.forumid_114 .minnav,
body.forumid_119 #smuler,body.forumid_119 #print, body.forumid_119 #nav, body.forumid_119 .minnav {
	display: none;
}
body.forumid_119 #header {height: 0; position: absolute; z-index: 30000}
body.forumid_119 #logo {left: 65px}
body#forum.forumid_119 .minnav {
	display: block;	
	position: absolute;
	top: 10px;
}
body#forum.forumid_119 #innhold{
	margin-top: 30px;
}

body#forum.forumid_119 #innhold .smal{
	width: 172px;
}
body#forum.forumid_119 #innhold .smal input {
	width: 162px;
}


body.forumid_119, body.forumid_114, body#ingentopp {
	background: none;
	background: url(gfx/mforumkonsept-bg.gif) repeat-x;
}
body.forumid_119 #innhold ul.raadnav {margin: 0}
body.forumid_119 #firmaopplysninger_skjema {width: 788px; background: #fff}


body.forumid_119 #ramme {
	background: url(gfx/bg-farger-topp.gif) no-repeat 777px top
}
body#forum.forumid_119 .minnav ul {width: 960px}
body#forum.forumid_119 .ob_banner {top: 5px; }
body#forum.forumid_119 .minnav li {
	float: right;
	height: 24px;
	line-height: 24px;
	margin: 0;
}
body#forum.forumid_119 .minnav li a {
	background:transparent none repeat scroll 0 0;
	display:inline;
	float:none;
	padding:0;
	color: #04618F;
}
body#forum.forumid_119 .minnav li {border-right: 1px solid #666; margin-right: 5px; padding-right: 5px}
body#forum.forumid_119 .minnav li a:hover em,
body#forum.forumid_119 .minnav li a:hover {color: #000}
body#forum.forumid_119 .minnav a span,body#forum.forumid_119 .minnav a em  {padding: 0;background: none; height: 24px; line-height: 24px; color: #04618F;} 
body#forum.forumid_119 div.infostor {margin-top: 20px}
body#forum.forumid_119 .minnav li.status a.inline {
	background:transparent url(gfx/forum/loggut.png) no-repeat scroll 0 0;
	padding:2px 0 2px 23px;
}
body#forum.forumid_119 .minnav li.status {border: none}

body#forum.forumid_119 #logo {display:none}
body#forum.forumid_119 .status.ulog {display:none}
body#forum.forumid_120 .banner_tekst {color:#fff;}