/*  ---------------------------------      LAYOUT      ---------------------------------  */

* { margin: 0; padding: 0 }
body, html { background: #fff; text-align: center; padding: 0 }

#ramme {
	position: relative;
	width: auto;
	margin: 0;
	background: #fff;
	text-align: left }

#header {
	height: auto;
	background: #69c;
	padding: 5px;
	margin: 0 0 10px 0 }
#header h1, #header p { position: relative; visibility: visible; color: #fff }
#header h1 { background: #369; border: 1px solid #fff; margin: 0; padding: 5px }
#header p { padding: 6px; margin: 0 }
#header p strong { font-weight: normal }
#innholdsramme { padding: 0 }

#kol1, #kol2, p.skip, #toolbox, #logo, #sok, .noprint, #kreditt img { display: none }
#innhold { margin: 0; padding: 0; background: #fff }

/*  ------------------------------------   KREDITT   --------------------------------  */

#kreditt {
	clear: both;
	padding: 5px 0 5px 0;
	margin: 0; width: auto;
	background: #fff; border-top: 2px solid #69c }
#kreditt a, #kreditt { color: #369 }

/*  ----------------------------------   ALT. DESIGN   ------------------------------ */

body.tokol #ramme, body#guestbook #ramme, body#nyheter_cms #ramme, body#index #ramme {
	background: #fff }
body.tokol #innhold, body#guestbook #innhold, body#nyheter_cms #innhold, body#index #innhold {
	margin: 0 }

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

body { font-size: 13px; color: #000 } /* Basestørrelse */
body, h1, h2, h3, h4, h5, h6, ol, ul, li, p, input, textarea, select, option {
	font-family: arial, helvetica, helve, verdana, "Bitstream Vera Sans", geneva, sans-serif } /* Basefont */

blockquote {
	font-size: 1.1em } /* Større font */

input { font-size: 1em } /* Vanlig font */

/* Overskrifter */
h1 { font-family: "trebuchet ms", "times new roman", serif; font-size: 1.3em; font-weight: bold; color: #369; border-bottom: 2px solid #69c }
h2, h3, h4, h5, h6 { font-size: 1em }
h2 a { color: #000 }

/* Marger */
h1,h2,h3,h4,h5,h6,blockquote,p { margin: 0 0 10px 0 }
ul, ol { margin: 0 0 10px 30px }

a { color: #369; text-decoration: none }
acronym, abbr, dfn { border: none; font-style: normal }

blockquote {
	margin: 10px;
	padding: 5px;
	border: 1px dotted #666;
	font-family: "trebuchet ms", serif;
	font-weight: bold;
	text-align: center }

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

img, table { border: 0 }
caption { display: none }
address { font-style: normal; margin: 5px 0 }
input, textarea, select, option {
	margin-bottom: 2px;
	border: 1px solid;
	border-color: #c0c0c0 #fff #fff #c0c0c0;
	background: #f5f5f5 }
input.checkbox { border: 0; background: transparent; margin: 0 }
/*  ---------------------------------- NAVIGASJON ---------------------------------  */

#smuler { position: relative; top: 0; left: 0; color: #369; width: auto; margin: 0 0 10px 0; font-size: 12px }
#smuler a { text-decoration: none; color: #6895ba }

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

#headerbilde { display: none }

.skg { display: none }
.header1 { display: none }
.header2 { display: none }

.puzzle { display: none }

.banner { display: none }


.kalender { background: #b4d3ef;  }

table.kal {
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	width: 523px;
	margin: 0 auto }
table.kal tr { background: #b4d3ef }
table.kal tr.aktiv { background: #d2e4f6 }
table.kal td, table.kal th {
	border-top: 2px solid #052f4d;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	vertical-align: top }
table.kal th { background: url(gfx/kal-th.gif) no-repeat bottom right; text-align: center; color: #052f4d; width: 125px }
table.kal th em { display: block; font-style: normal; padding: 3px 0 }
table.kal tr.aktiv th em { color: #fff; background: #052f4d }
table.kal th strong { font-size: 3em }
table.kal td p { margin: 0; padding: 0 5px; border-bottom: 1px solid #fff; font-size: 0.9em; line-height: 1.3em; height: 1.3em }

table.kal td p span { font-weight: bold }

ul#kalnav, ul#kalnav li { list-style-type: none; line-height: 0.9em; margin: 0; text-align: center; }
ul#kalnav { background: #052f4d; padding: 2px 0 0 0; margin: 0 0 30px 0; height: 24px }
ul#kalnav li, ul#kalnav li a { width: 160px; float: left; height: 22px }
ul#kalnav li.aktiv, ul#kalnav li.aktiv a { width: 161px }

ul#kalnav a {
	display: block; 
	background-color: #2685c8;
	color: #fff;
	text-decoration: none;
	line-height: 22px;
	border-left: 2px solid #052f4d;
	border-bottom: 2px solid #052f4d }

ul#kalnav a:hover, ul#kalnav li.aktiv a {
	background-color: #b4d3ef; color: #052f4d }
ul#kalnav li.aktiv a {
	border-bottom: 2px solid #b4d3ef; font-weight: bold  }

ul#kalnav li.last, ul#kalnav li.last a, ul#kalnav li.next, ul#kalnav li.next a { width: 22px;
	background-repeat: no-repeat; background-position: 50% 50% }
ul#kalnav li.last a { background-image: url(gfx/kal-last.gif) }
ul#kalnav li.next a { background-image: url(gfx/kal-next.gif) }
li.last span, li.next span { display: none }