@import url("http://felles.siteman.no/felles/dcore/css/webskjema/standard.css");
* {
	margin: 0; padding: 0;
	font-family: tahoma, verdana, "Bitstream Vera Sans", geneva, arial, helvetica, sans-serif }
body {
	background: #fff url(gfx/bg_body.gif) repeat-x;
	padding: 25px 0 0 0; text-align: center;
	font-size: 75%; color: #4c4c4c }
#ramme {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	text-align: left }
#innholdsramme { background: url(gfx/bg_innholdsramme.gif) repeat-x }
#header { height: 77px; background: url(gfx/bg_header2.gif) no-repeat }
#kol1, #innhold { overflow: hidden }
#kol1 { float: left; width: 197px }
#innhold { float: right; width: 780px; padding: 5px 0 0 0 }

.artikkel { padding: 0 0 20px 0; line-height: 1.5em }

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

#kreditt {
	clear: both; text-align: center;
	border-top: 5px solid #f5f5f5;
	background: #fff url(gfx/xhtml-css.gif) no-repeat top right;
	line-height: 1.4em }
#kreditt address, #kreditt address a { color: #666 }
#kreditt address { padding: 8px 0 }
#kreditt a { color: #888 }
#kreditt a:hover, #kreditt address a:hover { color: #000 }

#kreditt p.dnf, #kreditt p.dnf a { height: 15px; line-height: 15px; display: block }
p.dnf a strong { padding: 2px 0 1px 20px; font-weight: normal; background: url(gfx/dnf.gif) no-repeat }
p.dnf a:hover strong { background-position: 0 -16px }

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

input, textarea, select { font-size: 1em }
.shopartikkel, #handlekurv2, #smuler, #kreditt { font-size: 0.9em }

h1 { font-family: "trebuchet ms", "times new roman", serif; color: #900; font-weight: normal; font-size: 1.7em }
h2, h3, h4, h5, h6 { font-size: 1em }

/* Marger */
h1,h2,h3,h4,h5,h6,blockquote,p { margin: 0 0 1em 0 }

/* Lenker, akronymer og forkortelser */

a, a.active, a.visited { color: #004c93 }
a:hover { color: #000; text-decoration: none }
#kol1 a, #kreditt a, #sitemap a, h1 a, #respons a { text-decoration: none }
p.lesmer a { font-weight: bold; text-align: right }
acronym, abbr, dfn { border-bottom: 1px dotted #999; font-style: normal; cursor: help }

p.skip, #sok a span, #sok label, #header h1, #header p  { visibility: hidden; position: absolute }

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

img, table { border: 0 }
caption { display: none }
address { font-style: normal }
input, textarea, select, option {
	margin-bottom: 2px;
	border: 1px solid #c0c0c0;
	background: #fff }

#innhold ul.ps { margin: 0 0 1em 0; list-style-type: none; line-height: 13px }
ul.ps li { float: left; width: 136px; height: 170px; padding: 0 10px; text-align: center; vertical-align: top  }
ul.ps li a {
	display: block; padding: 6px 1px; height: 145px;
	text-decoration: none; color: #36c;
	font-size: 11px; font-weight: bold;
	text-align: center;
	background: url(gfx/bg-ps.gif) no-repeat }
ul.ps li a:hover { color: #000; background: #fff; padding: 5px 0; border: 1px solid #999 }
ul.ps li img { margin-bottom: 10px }

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

#smuler { height: 38px; line-height: 38px; padding: 0 10px; margin: 0 0 8px 0 }
#smuler a { text-decoration: none; color: #004c93 }
#smuler a:hover { color: #333 }

#nav { padding: 8px 0 20px 0 }
ul#menu, ul#menu ul, ul#menu li {
	width: 197px; list-style-type: none; line-height: 0.8em; overflow: hidden }
ul#menu li { float: left }

ul#menu ul, ul#menu li.aktiv ul ul { display: none }
ul#menu li.aktiv ul, ul#menu li.aktiv ul li.aktiv ul { display: block }

ul#menu a {
	display: block;
	background-image: url(gfx/a.gif);
	background-position: 0 10px;
	background-repeat: no-repeat;
	text-decoration: none;
	color: #666;
	border-bottom: 1px solid #ccc;
	padding: 8px 0 8px 10px;
	font-weight: normal;
	font-size: 1.1em }

ul#menu a:hover, ul#menu li.aktiv a {
	background-color: #f5f5f5;
	background-position: 0 -30px;
	color: #333 }
ul#menu li.aktiv a { font-weight: bold }

ul#menu strong, ul#menu em { font-weight: bold; font-style: normal; display: block }

/* 2.nivå */
ul#menu li.aktiv ul li a, ul#menu li.aktiv ul li.aktiv a  {
	padding: 5px 0 5px 13px;
	background-color: #fbfbfb;
	background-position: 0 7px;
	color: #35495a;
	font-weight: normal;
	font-size: 0.9em }
ul#menu li.aktiv ul li.aktiv a, ul#menu li.aktiv ul li a:hover  {
	color: #000;
	background-color: #fff;
	background-position: 0 -73px }
ul#menu li.aktiv ul li.aktiv a  { font-weight: bold }

/* 3. nivå */

ul#menu li.aktiv ul li.aktiv ul li a  {
	padding: 5px 0 5px 29px;
	background-color: #edeef0;
	background-position: 0 50px;
	color: #000;
	font-weight: normal }
ul#menu li.aktiv ul li.aktiv ul li a:hover, ul#menu li.aktiv ul li.aktiv ul li.aktiv a  {
	background-color: #edeef0;
	background-position: 0 -113px;
	color: #f00 }
ul#menu li.aktiv ul li.aktiv ul li.aktiv a { font-weight: bold; background-color: #fff }

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

/*  BOKS  */

.komp {
	border: 1px solid #ccc;
	background: #f6f6f6;
	padding: 8px;
	margin: 0 0 1em 0 }
#innhold .komp { border: 0; background: transparent }

#innhold #login, #innhold .komp { border: 0; background: transparent }
#innhold .komp { width: 143px }

.komp fieldset, .komp fieldset legend { border: 0 }
.komp h1 { margin: 0 0 .5em 0; font-size: 1.2em; font-weight: bold }
.komp label { display: none }
.komp p { margin: 0; padding: 0 }
#login p { text-align: center }
#login p span { margin-top: 5px; display: block }

.komp input { text-align: center; width: 176px }

/*  KNAPPER  */

p.knapp {
	border: 1px solid;
	border-color: #ccc #fff #fff #ccc }
p.knapp { position: relative; height: 20px }
p.knapp a, p.send a {
	color: black;
	font-weight: bold;
	text-align: center;
	padding: 3px 0 0 4px;
	height: 15px;
	border: 1px solid;
	border-color: #fff #ccc #ccc #fff;
	background: #eee;
	display: block }
p.knapp a:hover, p.send a:hover  { border-color: #eee }

#nyhetsbrev p.knapp a.ut { width: 75px }
#nyhetsbrev p.knapp a.inn { position: absolute; top: 0; right: 0; width: 90px }

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

#respons fieldset { border: 0 }
#respons fieldset legend { padding: 10px 0; font-weight: bold; color: #000 }
#respons input, #respons textarea { width: 175px }
#respons p.melding, #respons textarea { height: 80px }
#respons p.knapp { width: 173px }
#respons input.check { width: auto; border: auto }
#respons td { padding: 0 5px 0 2px 0 }

/*  --------------------------------    VERKTØY    ---------------------------------  */

#sok {
	position: relative; height: 25px;
	background: url(gfx/bg_soek.gif) no-repeat;
	overflow: hidden }
#sok input {
	line-height: 23px; height: 23px;
	width: 155px; padding: 0 0 0 10px; margin: 0;
	background: transparent;
	border: 0; color: #666 }
#sok a {
	position: absolute; left: 179px; top: 0;
	width: 18px; height: 23px;
	border-bottom: 2px solid #fff;
	display: block;
	background: url(gfx/sok.gif) 2px 5px no-repeat }
#sok a:hover { border-bottom: 2px solid #c03 }

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

#logo a {
	position: absolute;
	top: 0; left: 10px;
	width: 488px; height: 61px }
#logo a span { display: none }

.webskjema fieldset {margin: 0 0 2em}
dl.sm_form_tokol {width: 49%; margin-right: 2%; float: left; clear: none;}
dl.sm_form_last {margin: 0}
dl.sm_form_tokol input.input {width: 300px; padding: 2px 5px; width: 357px}

img.venstre {float: left; margin: 0 10px 10px 0;}
img.hoeyre {float: right; margin: 0 0 10px 10px;}