* { margin: 0; padding: 0; outline: 0; border: 0; font-family: "trebuchet ms", verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif }
html {background: #fff url(gfx/bg_html.gif) repeat-x; }
body { background: url(gfx/bg_body.gif) repeat-x left 85px; text-align: center; font-size: 62.5%; color: #333 }

#ramme {
	position: relative;
	width: 900px;
	text-align: left;
	margin: 0 auto;
	background: url(gfx/bg_ramme.gif) no-repeat 0 28px;
	padding: 150px 0 0 0 }
	
#header { height: 200px; background: url(gfx/bg_header.jpg) no-repeat }

#kol1 { float: left; width: 200px }
#innhold { margin: 0 0 0 230px; width: 670px }

#fullbredde #kol1 { display: none }
#fullbredde #innhold { margin: 0; width: 900px }

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

#end { clear: both }
#kreditt { padding: 15px 0 0 0; height: 73px; background: url(gfx/bg_kred.gif) repeat-x }
#kreditt a, #kreditt { color: #666 }
#kreditt a:hover, #kreditt p a:hover { color: #333 }
#kreditt p a, #kreditt p { color: #999 }

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

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

#innhold, #kol1 { font-size: 1.3em }
#nav, #kreditt { font-size: 1.2em }

/* Overskrifter */
#innhold h1 {
	font-family: "trebuchet ms", "times new roman", serif;
	font-size: 1.6em; font-weight: normal;
	color: #c33 }
#kol1 h1, h2, h3, h4, h5, h6 { font-size: 1em }

/* Marger */
h1,h2,h3,h4,h5,h6,blockquote,p { margin: 0 0 15px 0 }
#innhold ul, #kol1 ul { margin: 0 0 15px 30px }

/* Lenker, akronymer og forkortelser */

a, a.active, a.visited { color: #39c; text-decoration: none }
a:hover { color: #000; text-decoration: none }
#nav a, #kreditt a, #sitemap a, h1 a { text-decoration: none }
p.skip, #header h1, #header p { visibility: hidden; position: absolute }

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

caption { display: none }
address { font-style: normal }
input, textarea, select, option {
	border: 1px solid #ddd;
	background: #f8f8f8 }

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

#nav {
	position: absolute;
	top: 95px; left: 0;
	width: 900px; height: 33px;
	line-height: 1;
	overflow: hidden }
#nav ul, #nav li, #submeny ul, #sub li { margin: 0; padding: 0; list-style: none }
#nav li { display: inline; float: left; margin-right: 4px }
#nav a {
	float: left; 
	text-decoration: none;
	padding: 0 0 0 4px;
	background: url(gfx/a_v.gif) no-repeat -999px -999px; }
#nav a span {
	width: auto;
	float: left;
	display: block;
	text-align: center;
	height: 33px; line-height: 33px;
	color: #fff;
	cursor: pointer;
	padding: 0 10px 0 6px;
	background: url(gfx/a_h.gif) no-repeat -999px -999px;  }

#nav a:hover span, #nav li.aktiv a span { color: #333 }
#nav li.aktiv a { background-position: top left; }
#nav li.aktiv a span { background-position: top right; background-color: #fff; font-weight: bold }
#nav a:hover span { text-decoration: underline; color: #fff }

#nav em, #nav strong { font-style: normal; font-weight: normal }

#menu li ul { display: none }

#submeny { margin: 0 0 30px 0 }
#submeny h2 {
	margin: 0; padding: 5px 0 5px 10px;
	color: #39c ;
	border-bottom: 1px solid #ddd }

ul#sub, ul#sub ul, #sub li {
	list-style-type: none; line-height: 1em; overflow: hidden; width: 199px }
ul#sub li { float: left }
ul#sub li ul, ul#sub li.aktiv ul ul { display: none }
ul#sub li.aktiv ul, #sub li.aktiv ul li.aktiv ul { display: block }
ul#sub em { font-style: normal }
ul#sub a {
	display: block;
	text-decoration: none;
	font-weight: normal;
	background: url(gfx/a.gif) no-repeat 13px 10px;
	color: #39c;
	padding: 7px 0 7px 25px;
	border-bottom: 1px solid #ddd }

ul#sub a:hover, ul#sub li.aktiv a, ul#sub li.aktiv ul a:hover, ul#sub li.aktiv ul li.aktiv a { color: #333 }
ul#sub li.aktiv a { font-weight: bold }

ul#sub li.aktiv ul a { padding: 7px 0 7px 40px; background-position: 28px 10px; font-weight: normal; color: #39c }
ul#sub li.aktiv ul li.aktiv a { font-weight: bold }
/*  -------------------------------- RESPONSSKJEMA -------------------------------  */

fieldset { padding: 10px; margin: 0 0 1em 0; border: 1px solid #e1e8f0 }
fieldset legend { color: #333; font-weight: bold; padding: 0 10px }
legend em { font-style: normal; font-weight: normal }
fieldset p { float: left; width: 100%; margin: 0 0 3px 0 }
fieldset label, fieldset input, fieldset span { float: left; display: block }
fieldset label { width: 150px }
fieldset label.inline { float: none; display: inline; width: auto }

fieldset p.knapp a span { width: auto; text-align: left }
fieldset input, fieldset textarea { float: left; width: 350px; padding: 1px 3px }
fieldset input.check { border: 0; width: auto; background: transparent }
fieldset textarea { height: 4.5em }

fieldset input.rad { width: 20px; clear: left; margin-right: 10px; background: none; border: none }
label.sprs { width: 350px }

p.knapp { height: 27px; padding: 0 0 0 161px; width: 344px }
p.knapp a {
	color: #333;
	font-weight: bold;
	text-align: center;
	height: 25px; line-height: 25px;
	border: 1px solid #ccc;
	background: #eee;
	display: block }

p.knapp a:hover  { border-color: #eee }

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

#sok, #sok a, #sok input { position: absolute }

#sok {
	top: 38px; left: 672px;
	width: 220px; height: 22px }
#sok input, #sok input:hover, #sok input:active, #sok input:focus {
	width: 190px; padding: 0 0 0 5px; height: 22px; line-height: 22px;
	border: none;
	background: transparent }

#sok a {
	left: 180px; top: -10px;
	width: 40px; height: 30px;
	display: block }
#sok a:hover {
	left: 180px; top: -10px;
	width: 40px; height: 30px;
	display: block }
#sok a span, #sok label { display: none }

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

#logo a {
	position: absolute;
	top: 0; left: 0;
	width: 277px; height: 86px }
#logo a span { display: none }

.bildegalleri {height: 328px; width: 668px; border: 1px solid #c33; overflow: hidden; margin: 0 0 2em; text-align: center}
.bildegalleri * {text-align: center; }
.bildegalleri ul {margin: 0; list-style: none inside;}
.jw-film {margin: 0 0 2em}

img.venstre {float: left; margin: 0 1em 1em 0; clear: left}
img.hoyre {float: right; margin: 0 0 1em 1em;}

table td {padding: 0.5em; vertical-align: top}
table td td {padding: 0 0.5em}