* { margin: 0; padding: 0; border: 0; font-family: verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif }
body { background: #000 url(gfx/bg_body.gif) no-repeat bottom right; text-align: center; font-size: 62.5% }
html, body { height: 100% }
#faux { height: 5% }
#ramme {
	position: relative;
	width: 900px; height: 630px;
	margin: 0 auto;
	text-align: left;
	background: url(gfx/bg_ramme-todelt.gif) no-repeat left bottom }
#header { height: 250px }
#innholdsramme { height: 301px }

#scroll { position: absolute; top: 280px; left: 135px; width: 440px; height: 325px; overflow: auto }
#kol1, #innhold { overflow: hidden }
#kol1 {	float: left; width: 170px }
#innhold { float: right; width: 200px }
#kol2 {	position: absolute; top: 100px; left: 600px; width: 272px; height: 500px;
	background: url(gfx/tlf.png);
	overflow: hidden }

body.tokol #kol2 { display: none }
body.tokol #kol1 { width: 440px }
body.tokol #innhold { width: 270px }
body.tokol #scroll { width: 735px }

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

#ramme { font-size: 1em }
input, textarea { font-size: 1em }

h1 { font-size: 1.1em }
h2, h3, h4, h5, h6 { font-size: 1em }

h1,h2,h3,h4,h5,h6,blockquote,p, table { margin: 0 0 1em 0 }
#innhold ul, #innhold ol { margin: 0 0 1em 3em }

a, a.active, a.visited { color: #09c }
a:hover { color: #000; text-decoration: none }
#kol1 a, #kol2 a, #kreditt a, #sitemap a, #nav a, h1 a, #nyheter 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 {
	margin-bottom: 2px;
	border: 1px solid #333;
	background: #fff }
input:hover, input:active, input:focus,
textarea:hover, textarea:active, textarea:focus, #sok input:hover, #sok input:focus, #sok input:active { background: #fff }
input.checkbox { border: 0; background: transparent; margin: 0 }

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

#nav {	position: absolute;
	top: 7px; left: 135px;
	width: 220px; height: 200px;
	text-transform: uppercase;
	z-index: 20000 }

ul#menu, ul#menu ul, ul#menu li {
	width: 220px; list-style-type: none; line-height: 0.8em; overflow: hidden }
ul#menu li { float: left }

ul#menu ul { display: none }

#nav a {
	display: block;
	text-decoration: none;
	color: #fff;
	font-weight: normal;
	height: 25px; line-height: 25px }

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

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

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

#tips input, #nyhetsbrev input { padding: 3px; width: 200px }
#tips label, #nyhetsbrev label { display: block; padding: 3px }
#tips p.knapp { width: 100px }

#nyhetsbrev p.knapp { width: 150px; font-size: 10px }
p.knapp a.ut { float: left; width: 68px}
p.knapp a.inn { float: right; width: 78px}

p.knapp {
	border: 1px solid;
	border-color: #c0c0c0 #fff #fff #c0c0c0 }
p.knapp { position: relative; height: 20px }
p.knapp a, p.send a {
	color: black;
	font-weight: bold;
	text-align: center;
	height: 18px; line-height: 18px;
	border: 1px solid;
	border-color: #fff #c0c0c0 #c0c0c0 #fff;
	background: #d3d3d3;
	display: block }
p.knapp a:hover, p.send a:hover  { border-color: #eee; background: #eee }

#nyheter h1 a { color: #333 }
.art h1, .art p { margin: 0 0 3px 0 }
.art strong { font-weight: normal }
#nyheter h3 { text-align: right; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 5px 0 }

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

#respons table { border-collapse: collapse }
#respons fieldset { border: 0 }
#respons fieldset legend { padding: 10px 0; font-weight: bold; color: #000 }
#respons input, #respons textarea { width: 200px; padding: 0 3px; height: 16px; line-height: 16px }
#respons p.melding, #respons textarea { height: 80px }
#respons p { margin: 0; height: 19px; vertical-align: center }
#respons p.knapp { width: 200px }
#respons td { padding: 0 5px 0 0 }

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

#logo a { position: absolute; display: block; top: 383px; left: -64px; z-index: 20000 }
#kontaktinfo {
	position: absolute; top: 611px; left: 50px;
	width: 800px }
#kontaktinfo p { margin: 0; height: 19px; line-height: 19px }
p.kreditt { text-align: right }
p.kreditt, p.kreditt a { color: #348a25; text-decoration: none }
p.kreditt a:hover { color: #fff; background: #000 }

.rotnr { position: absolute; top: 58px; left: 42px }
img, #kol2 {
	behavior: url(/iepngfix.htc); z-index: 2 }

#country {
	position: absolute;
	top: 7px; left: 355px;
	width: 520px; text-align: right;
	z-index: 20000;
	color: #fff }
#country span { padding: 0 5px; height: 25px; line-height: 25px }
#country span.aktiv { text-transform: uppercase; font-weight: bold }
#country a { text-decoration: none; color: #cc0 }
#country a:hover { background: #cc0; color: #000 }