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

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

#kol1, #kol2, #kreditt, #nav { font-size: 1.1em }
#innhold { font-size: 1.2em }
input { font-size: 1em } /* Vanlig font */

/* Overskrifter */
#innhold h1 { font-size: 1.4em; color: #333 }
#kol1 h1, #kol2 h1 { font-size: 1.3em; color: #09c }
h2, h3, h4, h5, h6 { font-size: 1em }
h2 a { color: #000 }

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

/* Lenker, akronymer og forkortelser */

a { color: #369 }
a:hover { color: #333; text-decoration: none }
#kol1 a, #kol2 a, #kreditt a, #sitemap a, #xtranav a, h1 a { text-decoration: none }
p.lesmer a {  }
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-family: "trebuchet ms", serif;
	font-weight: bold;
	text-align: center }

/*  -------------------------     SKJULTE ELEMENTER      ------------------------  */

p.skip, a.anker, #kol1 .artinfo, #kol2 .artinfo {
	visibility: hidden; position: absolute }

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

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

#kol1 .mnd-img { padding: 15px }

#kol1 .mnd-img h1 span,
.aktivitetsplan h1 span,
#nyhetsbrev h1 span,
.kalenderkomp h1 span { display: none }
#kol1 .mnd-img h1 {
	background: url(gfx/mnd-img.gif) no-repeat;
	height: 41px; margin: 0 }

.aktivitetsplan ul { list-style-type: none }
.aktivitetsplan li { float: left; width: 100%; padding: 0 0 1em 0 }
.aktivitetsplan h1 {
	background: url(gfx/h1-aktivitet.gif) no-repeat;
	height: 41px; margin: 0 }
.kalenderkomp h1 {
	background: url(gfx/h1-booking.gif) no-repeat;
	height: 41px; margin: 0 }
#nyhetsbrev h1 {
	background: url(gfx/h1-nyhetsbrev.gif) no-repeat;
	height: 40px; margin: 0 }

#login {
	position: absolute; top: 56px; left: 740px;
	background: url(gfx/bg_login.gif) no-repeat;
	height: 42px; width: 209px; font-size: 10px }
#login h1 { font-weight: bold; font-size: 10px; padding: 0 0 0 34px; margin: 0; height: 23px; line-height: 16px; color: #000 }
#login input {
	width: 68px;
	float: left; margin: 0 2px 0 0; padding: 0 0 0 2px }
#login p { display: inline }
#login p.knapp { position: absolute; top: 23px; right: 0 }
#login p.knapp a { 
	display: block; width: 58px;
	padding: 2px 0;
	border: 1px solid #fff;
	color: #fff;
	text-align: center;
	background: url(gfx/meldinn.gif) }

/*  Nyheter  */

#nyheter a { display: block; text-decoration: none }
#nyheter h1.tittel span { display: none }
#nyheter h1.tittel a { background: url(gfx/news_tit.gif) no-repeat; height: 25px; position: relative }
#nyheter h1 { font-weight: normal }
#nyheter .art, #nyheter h3, #nyheter ul { border-bottom: 1px solid #cadae2; padding: 5px 0 }

#nyheter p.npic, p.npic { float: left; margin: 0 1em 1em 0; width: 100px; height: 100px }

#nyheter .art, #nyheter h3 { float: left; width: 100% }
#nyheter .art h1 { font-size: 1.2em; font-weight: bold }
#nyheter h3 { padding: 0; text-align: right }
#nyheter h3 a { padding: 5px 0 }
#nyheter h3 a:hover { background: #fbfbfb }
#nyheter p, #nyheter .art h1, #nyheter h3, #nyheter ul { margin: 0 }
#nyheter strong { font-weight: normal }

#nyheter ul { list-style-type: none }

p.dato { margin: 0; color: #666 }

p.news_arkiv { margin: 0 0 1em 0; padding: 5px 0; border-bottom: 2px solid #00ade5 }
p.news_arkiv a.aktiv { font-weight: bold; text-decoration: none; color: #333 }
p.news_arkiv a.aktiv:hover { color: #333 }

/*  BOKS  */

.komp fieldset, .komp fieldset legend { border: 0 }
.komp label { display: none }
.komp p { margin: 0; padding: 0 }

#nyhetsbrev input { text-align: center; width: 190px; margin: 0 0 .5em 0 }
#nyhetsbrev p.knapp { padding: 0 2px 0 58px; text-align: left }
#nyhetsbrev p.knapp a {
	display: block; width: 60px;
	padding: 2px 0;
	border: 1px solid #fff;
	color: #fff;
	text-align: center }
#nyhetsbrev p.knapp a.ut { float: left; background: url(gfx/meldut.gif) }
#nyhetsbrev p.knapp a.inn { float: right; background: url(gfx/meldinn.gif) }
#nyhetsbrev p.knapp a:hover, #login p.knapp a:hover { background: #467ea4 }

table#kalender {
	width: 190px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	margin-bottom: 15px;
	background: #d4dcdf }
#kalender th, #kalender td {
	text-align: center;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	color: #b1b1b1;
	padding: 3px 0 }
#kalender a { color: #c30 }
#kalender a:hover { color: #000 }

/*  -------------------------------- 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 }

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

#logo a {
	display: block; position: absolute;
	left: 0; top: 0;
	width: 222px; height: 103px }
#logo a span { display: none }