* { margin: 0; padding: 0; border: 0; outline: 0; font-family: Arial, Helvetica, sans-serif }
body {
	background: #fff url(gfx/bg_body.gif) repeat-x 0 126px;
	text-align: center; font-size: 62.5%; color: #333 }

#ramme, #kreditt {
	position: relative;
	width: 996px;
	margin: 0 auto }
#ramme{	background: url(gfx/bg_ramme.gif);
	text-align: left }
#header {
	height: 165px;
	background: #cfd5c1 url(gfx/bg_header.gif) }

#smuler { color: #333; margin: 0 0 1em 0 }
#smuler a { text-decoration: none; color: #7aa722 }
#smuler a:hover { color: #333 }
body#front #smuler { display: none }

#innholdsramme { padding: 0 12px; line-height: 1.4em }

#kol1, #innhold, #kol2 { float: left; overflow: hidden; padding: 12px 0 }
#kol1, #kol2 { width: 200px }
#innhold { width: 498px; margin: 0 37px }
 
/*  ------------------------------------   KREDITT   --------------------------------  */

#end { clear: both }
#kreditt {
	background: url(gfx/bg_kred.gif) repeat-x ;
	padding: 10px 0; line-height: 1.5em }
#kreditt a, #kreditt { color: #666 }
#kreditt p.kred, #kreditt p.kred a { color: #999 }
#kreditt a:hover, #kreditt p.kred a:hover { color: #333 }
#kreditt p { margin: 0 }

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

#innholdsramme { font-size: 1.2em }
#kreditt { font-size: 1.1em }
#nav { font-size: 11px }
#xnav, #sok { font-size: 12px }
#smuler { font-size: .92em }
input { font-size: 1em }

/* Overskrifter */
#innhold h1 { font-size: 1.34em; color: #fff; padding: 5px }
#kol1 h1, #kol2 h1 { color: #666; font-size: 1em; font-weight: normal }
h1, h3 { text-transform: uppercase; color: #666 }
h2, h3, h4, h5, h6 { font-size: 1em }
h3 { border-bottom: 2px solid #666 }

#siteman #innhold h1, #nyheter_cms #innhold h1, #index #innhold h1, #front #innhold h1 { color: #666; padding: 0 }
#bygg #innhold h1 { background: #930 }
	#bygg #innhold h3 { border-bottom: 2px solid #930; color: #930 }
#hms #innhold h1 { background: #f93 }
	#hms #innhold h3 { border-bottom: 2px solid #f93; color: #f93 }
#fag #innhold h1 { background: #c36 }
	#fag #innhold h3{ border-bottom: 2px solid #c36; color: #c36 }
#kontor #innhold h1 { background: #639 }
	#kontor #innhold h3 { border-bottom: 2px solid #639; color: #639 }
#ikt #innhold h1 { background: #069 }
	#ikt #innhold h3 { border-bottom: 2px solid #069; color: #069 }
#helse #innhold h1 { background: #c00 }
	#helse #innhold h3 { border-bottom: 2px solid #c00; color: #c00 }
#hobby #innhold h1 { background: #093 }
	#hobby #innhold h3 { border-bottom: 2px solid #093; color: #093 }
#anna #innhold h1 { background: #6c3 }
	#anna #innhold h3 { border-bottom: 2px solid #6c3; color: #6c3 }	
#ele #innhold h1 { background: #f63 }
	#ele #innhold h3 { border-bottom: 2px solid #f63; color: #f63 }
#coa #innhold h1 { background: #900 }
	#coa #innhold h3 { border-bottom: 2px solid #900; color: #900 }
	
/* Marger og padding */
h1,h2,h3,h4,h5,h6,blockquote,p,hr, object, table { margin: 0 0 1em 0 }
#innhold ul, #innhold ol, #kol1 ul, #kol1 ol { margin: 0 0 1em 30px }

/* Lenker, akronymer og forkortelser */

a, p.news_arkiv { color: #06c }
a:hover, p.news_arkiv a.aktiv, p.news_arkiv a.aktiv:hover { color: #9c3; text-decoration: none }
#kol1 a, #kol2 a, #kreditt a, #sitemap a, #nyheter a, p.lesmer a { text-decoration: none }

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

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

table { border-collapse: collapse}
td { vertical-align: top}
caption { display: none }
address { font-style: normal; margin: 5px 0 }
input, textarea, select, option {
	margin-bottom: 2px;
	border: 1px solid #ccc;
	background: #fff }
input.checkbox { border: 0; background: transparent; margin: 0 }

table {	border-top: 1px solid #efefef;
	border-left: 1px solid #efefef;
	width: 100%}
td, th {	border-bottom: 1px solid #efefef;
	border-right: 1px solid #efefef;
	padding: 2px 3px;
	text-align: left }
th { background: #efefef}
tr.par td { background: #f6f9fa } 

/*  Kursgrupper  */
#innhold .kg ul {
	margin: 0 0 1em 0; list-style-type: none;
	height: 393px; background: url(gfx/kg.gif) no-repeat }
.kg li { 	float: left; width: 248px; height: 78px}
.kg li a { 	display: block; height: 78px; line-height: 78px;
	padding: 0 0 0 87px; text-decoration: none }
	
/* kart */
ul#kart { position: relative; height: 262px; background: url(gfx/norgeskart.gif) no-repeat; margin: 0 0 1.5em 0; list-style: none }
ul#kart li { position: absolute }
ul#kart li a { display: block; height: 14px; width: 60px; cursor: pointer }
ul#kart li a span { display: none }
ul#kart li.na { top: 23px; left: 143px }
ul#kart li.tr { top: 37px; left: 114px }
ul#kart li.fi { top: 51px; left: 108px }
ul#kart li.mn { top: 155px; left: 56px }
ul#kart li.sn { top: 250px; left: 26px }
ul#kart li.oslo { top: 220px; left: 50px }

/*  ---------------------------------- NAVIGASJON ---------------------------------  */

#nav, #xnav {
	position: absolute;
	top: 126px; left: 0;
	width: 1000px; height: 37px;
	line-height: 1;
	overflow: hidden }
#nav ul, #nav li, #xnav ul, #xnav li, #submeny ul, #sub li { margin: 0; padding: 0; list-style: none }
#nav li, #xnav li { display: inline }
#nav a {
	float: left;
	text-decoration: none;
	border-right: 1px solid #338fc1 }
#nav a span {
	width: auto;
	float: left;
	display: block;
	padding: 0 10px;
	text-align: center;
	height: 37px; line-height: 37px;
	border-right: 1px solid #006096;
	color: #fff;
	cursor: pointer;
	font-weight: bold }

#nav li#mnnet a, #nav li#mnnet a span { border: 0 }


#nav a:hover span, #nav li.aktiv a span { color: #cf0; background: #0b7fc1 }
#nav em, #nav strong { font-style: normal; font-weight: normal }

#menu li ul { display: none }

#xnav { top: 102px; width: 775px; height: 18px; line-height: 18px }
#xnav ul { float: right }
#xnav a, #xnav label {
	float: left; padding: 0 0 0 12px;
	text-decoration: none }

#submeny { margin: 0 0 1.5em 0; font-size: 1.1em }

ul#sub li ul, ul#sub li.aktiv ul ul { display: none }
ul#sub li.aktiv ul, #sub li.aktiv ul li.aktiv ul { display: block }
ul#sub em { font-style: normal }
ul#sub { font-size: .8em }
ul#sub li.aktiv a { color: #333; background: #fff }

#submeny li.aktiv li a {
	padding: 5px 5px 5px 28px; width: 167px; color: #330;
	background: #e9ecf1 url(gfx/asub.gif) no-repeat 0 50% }
#submeny li.aktiv li a:hover, #submeny li.aktiv li.aktiv a {
	color: #690; background-color: #fff; background-position: -200px 50% }

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

/*  Nyheter  */


#submeny h1 { margin: 0 }
#submeny h1 a { color: #666 }
#nyheter ul, #submeny ul { margin: 0; list-style-type: none }
#nyheter strong { font-weight: normal }
#submeny li { width: 200px }
#submeny a { font-weight: normal; display: block; width: 184px; padding: 5px 8px; border-bottom: 1px solid #d1d5d8 }
p.news_arkiv { margin: 0 0 10px 0 }
p.news_arkiv a.aktiv { font-weight: bold; text-decoration: none }
#nyheter h3 { border: 0  }

/*  BOKS  */

.komp { margin: 0 0 1em 0 }
.komp fieldset, .komp fieldset legend { border: 0 }
#kol1 .komp h1, #kol2 .komp h1 {  }

.komp p { margin: 0; padding: 0 }
#login p { text-align: center }
#login p span { padding-top: 5px; display: block }

.komp input { width: 188px; padding: 2px 5px }

/*  KNAPPER  */

p.knapp {
	height: 22px; }
p.knapp a, p.send a {
	color: black;
	font-weight: bold;
	margin: 0;
	text-align: center;
	height: 20px; line-height: 20px;
	border: 1px solid;
	border-color: #fff #d1e4ec #d1e4ec #fff;
	background: #f7fbff;
	display: block;
	color: #399 }
p.knapp a:hover, p.send a:hover  {
	border-color: #d1e4ec #fff #fff #d1e4ec;
	color: #333 }

#nyhetsbrev p.knapp a.ut { float: left; width: 98px }
#nyhetsbrev p.knapp a.inn { float: left; width: 98px }

.login p.knapp a { float: right; width: 69px; height: 22px; border: 0;
	background: url(gfx/login.gif) }
.login p.knapp a:hover { background-position: 0 -22px }
.login .knapp span { display: none }

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

#respons table { width: auto }
#respons table td { vertical-align: middle }
#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 { position: absolute; left: 788px; top: 102px; width: 209px; height: 18px; line-height: 18px }
#sok input { width: 157px; padding: 0 0 0 5px; border: 0; background: transparent }
#sok input, #sok a { height: 18px; line-height: 18px }
#sok a {
	position: absolute; z-index: 10000;
	left: 167px; top: -1px;
	width: 42px; height: 22px;
	display: block; background: #fff url(gfx/sok.gif) no-repeat }
#sok span { display: none }

#logo a {
	display: block; position: absolute;
	left: 8px; top: 25px;
	width: 570px; height: 65px }
#logo a span { display: none }

#nyheter {float: left; margin: 0 0 1em}
#nyheter .art {
	width: 239px;
	float: left;
	margin: 0 10px 1em 0;
	border-bottom: 1px solid #ccc;
	height: 215px;
	overflow: hidden
}
#nyheter h1 a {color: #666}
#innhold #nyheter h1.tittel {font-size: 1.4em}
#innhold #nyheter h1 {font-size: 1em}

#nyheter .npic {
	float: left;
	margin: 0 5px 5px 0
}

/* KONTAKTSKJEMA */
.dl_skjema input, .dl_skjema textarea {
	padding:2px 5px;
}
.dl_skjema textarea {font-size: .9em}

.dl_skjema .knapp {clear: both}

#innhold .dl_skjema {width: 498px}
#innhold .dl_skjema dl {width: 245px; float: left}
#innhold .dl_skjema dl.sm_clear {margin: 0 8px 0 0}
#innhold .dl_skjema dl.wide {width: 498px; margin: 0}
#innhold .dl_skjema input {width: 233px}
#innhold .dl_skjema .wide input, #innhold .dl_skjema .wide textarea  {width: 486px}
#kol1 .dl_skjema,
#kol2 .dl_skjema {width: 200px }
#kol1 .dl_skjema input, #kol1 .dl_skjema textarea,
#kol2 .dl_skjema input, #kol2 .dl_skjema textarea {
	width:188px;
}