/*
Denne koden tilhører Siteman DA©2003-05
Koden ble sist oppdatert den 08.11.04 av Bent Inge Høiås (bi@siteman.no)
Du må gjerne kopiere elementer av dette stilarket i egne prosjekter, men den unike kombinasjonen av bilder, farger, størrelser, typografi og posisjonering tilhører Siteman DA©2003-05 og kan ikke kopieres
*/

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

html, body {
	font-size: 1em;
	font-family: sans-serif;
	background: #fff }

#ramme {
	width: 100%;
	padding: 0;
	background: #fff;
	border-bottom: 1px solid #fff;
	text-align: left }

#innhold { margin: 0; padding: 1em; background: #fff }

#kol1 { width: auto; margin: 5px }

#kol2 { width: auto; margin: 5px }

#header {
	padding-top: 96px;
	border: 0;
	margin: 0;
	background: #1244AF url(gfx/logo.gif) top center no-repeat;
	text-align: center }

#header h1, #header p { position: static; visibility: visible; margin: 0; padding: 0; color: #fff; text-align: center; font-size: 0.69em }
#header p strong { font-weight: normal }

#kreditt { background: #23379D; font-size: 0.69em }

td, th, #kol1 h1, #kol2 h1 { font-family: sans-serif }

input, textarea, select, option { font: sans-serif }

th { font-weight: bold }

h1 { font: 1.2em serif; font-weight: bold }
h2, h3, h4, h5, h6, #kol1 h1, #kol2 h1 { font-size: 1em }

#kol1 h2, #kol2 h2, #kol1 h3, #kol2 h3, #innhold .artinfo p, #respons p, #kol1, #kol2, #xtranav { font-size: 0.69em }

h1.imgreplace span { display: block }
h1#velkommen { background: #fff; width: auto; height: auto }

/*  ---------------------------------       LENKER     ---------------------------------  */

a, a.active, a.visited, a.active { color: #808080 }
a:hover { color: #000 }

h1 a, h2 a, .komp a, #xtranav a, #dok a, #kreditt a, #kalender a, #toolbox a { text-decoration: none }

p.lesmer a { font-weight: bold; text-align: right }

#kreditt p, #kreditt a { text-align: center; margin: 0; color: #99c }
#kreditt acronym { border: 0 }

p.skip { visibility: visible; position: static; text-align: middle; background: #ccc; font-size: 0.69em }
p.skip a { text-decoration: none }

/*  ---------------------------------       LISTER     ---------------------------------  */

dl {
	margin: 0;
	padding: 0 5px 15px 10px }

dt {
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 15px }

dd {
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 15px;
	font-style: italic }

/*  ---------------------      FORKORTELSER & AKRONYMER   --------------------- */

acronym, abbr { border-bottom: 1px dotted #808080; cursor: help }
#kalender abbr {border: 0px}

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

form { margin: 0; padding: 0 }

img, table { border: 0px }
caption { display: none }

input, textarea, select, option {
	margin-bottom: 2px;
	border: 1px solid;
	border-color: #c0c0c0 #fff #fff #c0c0c0;
	background: #f5f5f5 }

input:hover, input:active, input:focus,
textarea:hover, textarea:active, textarea:focus, #sok input:hover, #sok input:focus, #sok input:active {
	background: #fff }

blockquote {
	margin: 10px;
	padding: 5px;
	border: 1px dotted #666;
	font-size: 1em;
	font-weight: bold;
	text-align: center }

/*  --------------------------------       ARTIKLER     -------------------------------  */

.artinfo {
	width: 100%;
	float: none;
	padding: 0;
	margin: 0;
	background: transparent;
	border: 0 }

.artinfo p { margin: 0; text-align: center }

#innhold .artinfo p u { text-decoration: none; display: block }
#innhold .artinfo p b { font-weight: normal }
#innhold .artinfo p a { font-weight: bold }
#innhold .artinfo p i { font-style: normal }
#kol1 .artinfo, #kol2 .artinfo { display: none }

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

ul#menu { border: 0 }

/* sett bredde på menyen */
ul#menu, ul#menu ul, ul#menu ul li, ul#menu ul div, ul#menu li, ul#menu div {
	width: auto }

ul#menu ul, ul#menu ul ul {
	visibility: visible;
	margin: auto;
	list-style-type: circle;
	padding: 0;
	border: 0 }

ul#menu li, ul#menu div { margin-top: 0 }

ul#menu a {
	position: relative;
	display: block;
	background: #fff;
	border: 0;
	padding: 0 }

ul#menu strong a { background: #fff }

ul#menu ul li a {
	border: 0;
	padding: 0;
	color:#999;
	text-decoration:none;
	font-weight: normal }

ul#menu li#siteinfo { display: none }

#smuler { margin-top: 10px }

#xtranav {
	clear: both;
	text-align: center;
	margin: 0;
	padding: 10px;
	border-top: 1px solid #fff;
	background: #f90 }
#xtranav p { margin: 0; color: #FFE1B3; text-align: center; }
#xtranav a { color: #FFE1B3 }
#xtranav a:hover { color: #fff }

#smuler { position: static; background: #fff; border: 0; height: auto; padding: 0; width: auto; overflow: hidden; color: #039; vertical-align: center }
#smuler a { text-decoration: none; color: #039 }

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

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

/*  BOKS  */

.komp {
	/* Omgir alle komponenter */
	padding: 0 10px 10px 10px;
	border: 1px solid;
	border-color: #fff #c0c0c0 #c0c0c0 #fff }

.kalenderkomp {
	margin: 10px 0 0 0;
	border: 1px solid;
	border-color: #c0c0c0 #fff #fff #c0c0c0;
	background: #DEE0D5 }

.komp:hover, .kalenderkomp:hover {
	/* bestemmer boksens utseende ved hover */
	background: #f5f5f5 }

#firmainfo, #kontortid, #tips, #nyhetsbrev, #stats, #poll, #login, .top5 {
	/* bestemmer boksens utseende, marger, evt. bakgrunner etc. */
	border: 1px solid;
	border-color: #BCBEB1 #fff #fff #BCBEB1;
	padding: 0;
	margin: 10px 0 0 0;
	background: #DEE0D5 }

/*  OVERSKRIFTER  */

.komp h1 {
	padding: 2px 2px 2px 10px;
	margin: 5px -10px 5px -10px;
	font-size: 1em }

/*  Skjuler overskrifter  */
#firmainfo h1 span { visibility: hidden; position: absolute }

/*  Gjør at overskriftene kan erstattes med bilder  */
#login h1 span { visibility: hidden }
#login h1 {
	background: url(gfx/login.gif) 10px 0 no-repeat }

.komp h2 { padding: 0; margin: 0; font-size: 1em }

#sok {
	position: static;
	width: 100%;
	height: auto;
	font-size: 1em;
	font-weight: bold;
	background: #f90 }
#sok a { display: none }
#sok input {
	position: static;
	top: 14px;
	left: 0;
	width: 92px;
	height: 20px;
	background: #F6F6F8 }
#sok label { display: block }

.plassering { margin-top: 1em }
#respons { position: relative; padding-bottom: 45px }
#respons fieldset { padding: 0; border: 0  }
#respons fieldset legend { padding: 10px; font-weight: bold; color: #000 }
#respons fieldset label { display: block; width: 20%; height: 18px; padding: 0 }
#respons fieldset label span { display: block; height: 15px; padding: 0 }
#respons input, #respons textarea { width: 70%; height: 17px; float: right }
#respons p.melding, #respons textarea { height: 80px }
#respons p { clear: both; margin: 0; height: 19px }
#respons p.knapp { width: 130px; position: absolute; left: 110px; bottom: 10px }

#logo a, ul#toplink, #kart, #whois, #addkol { display: none }