/*

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 }