* { margin: 0; padding: 0; border: 0; font-family: verdana, geneva, arial, sans-serif }
body { background: #E5E5CC; font-size: 62.5% }

#ramme {
	position: relative;
	width: 780px;
	margin: 0 auto;
	background: #fff url(gfx/bg_ramme2.gif) }
#innholdsramme { padding: 0 30px 10px 30px }
#kol1 { float: right; width: 150px; margin-top: 71px }
#innhold { line-height: 1.5em }
#header { height: 280px }
.banner { position: absolute; left: 14px; top: 0; width: 752px; height: 197px; border-top: 10px solid #fff }

/*  ------------------------------------   KREDITT   --------------------------------  */

#kred { color: #996; text-align: center; padding: 10px; font-family: verdana, arial, geneva, "sans-serif" }
#kred a { color: #996 }
#kred a:hover { color: #000 }
#bestilling { clear: both; text-align: center; background: url(gfx/bg_bestilling.gif) }
#bestilling a { display: block; height: 59px }
#bestilling strong { display: none }

/*  ------------------------------       TYPOGRAFI     -------------------------------  */

#innholdsramme { font-size: 1.3em }
#kred { font-size: 1.1em }

/* Overskrifter */
h1 { font-size: 1.5em; font-weight: bold; color: #c00; text-align: center }
h2 { text-align: center }
h2, h3, h4, h5, h6 { font-size: 1em }
h2 a { color: #000 }
h1 a { color: #fff }
#kol1 h1, #kol2 h1 { font-size: 1em }

h1,h2,h4,h5,h6,p { margin: 0 0 15px 0 }
ul, ol { margin: 0 0 15px 30px }

h6 em { font-style: normal; font-weight: normal; font-size: 0.9em }

/* Lenker, akronymer og forkortelser */

a, a.active, a.visited { color: #c00; text-decoration: none }
a:hover { color: #000; text-decoration: underline }
#kol1 a, #kol2 a, #kred a, #sitemap a, #xtranav a, h1 a { text-decoration: none }
p.lesmer a { font-weight: bold; text-align: right }

/*  -------------------------     SKJULTE ELEMENTER      ------------------------  */

p.skip, #header h1, #header p {
	visibility: hidden; position: absolute }
p.tomp { margin: 0; padding: 0 }

/*  -----------------------     DIVERSE FORMATERING      ----------------------  */

form { margin: 0; padding: 0 }
img, table { border: 0 }
caption { display: none }
address { font-style: normal; margin: 5px 0 }
input, textarea, select, option {
	margin-bottom: 2px;
	border: 1px solid #c0c0c0;
	background: #fff;
	font-size: 12px;
	line-height: 16px;
	padding: 3px }

#innhold .artikkel img.hoeyre, #innhold .artikkel img.venstre { border: 1px solid #fff; background: #BFAB8F; padding: 5px }
#innhold .artikkel img.hoeyre { margin-left: 5px; float: right }
#innhold .artikkel img.venstre { margin-right: 5px; float: left }

table.lo { border-top: 5px solid #fff; margin: 0 0 10px 0 }
table.lo td { padding: 10px 10px 0 0; vertical-align: top; border-bottom: 5px solid #fff }
table.lo a img { border: 5px solid #333 }
table.lo a:hover img { border: 5px solid #f7f7f0 }

/*  ---------------------------------- NAVIGASJON ---------------------------------  */

#smuler { position: absolute; top: -999px  }
#smuler a { text-decoration: none }

#nav { position: absolute; top: 207px; left: 14px; width: 752px; z-index: +10000; border-top: 10px solid #fff; border-bottom: 10px solid #fff }

#menu { float: right }
#menu, #menu ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1 }

#menu a {
	display: block;
	width: 120px; height: 23px;
	padding-top: 10px;
	color: #fff;
	background: #c00;
	border-left: 1px solid #fff;
	font-weight: bold;
	text-align: center;
	text-decoration: none }

#menu li ul li a {
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	padding: 8px 0 8px 0;
	width: 146px;
	height: auto;
	font-family: verdana, arial, geneva, "sans-serif";
	font-size: 0.8em }

#menu a:hover { background: #345B0E; color: #fff }

ul#menu strong a {
	background: #c00 url(gfx/menykat.gif) 100px 12px no-repeat }
ul#menu strong a:hover {
	background: #345B0E url(gfx/menykat.gif) 100px 14px no-repeat }
ul#menu em { font-style: normal }

#menu li { float: left; width: 120px }

#menu li ul{
	position: absolute;
	width: 150px;
	left: -999em;
	margin: 0 0 0 -15px;
	border: 5px solid #fff }
#menu li ul li { width: 150px }

#menu li ul ul { margin: -20px 0 0 100px; border-top: 1px solid #fff }

#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul { left: -999em }

#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul { left: auto }

/*  --------------------------------- KOMPONENTER --------------------------------  */

/*  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;
	text-decoration: none }
p.knapp a:hover { border-color: #eee }

/*  -------------------------------- RESPONSSKJEMA -------------------------------  */

#respons, #respons2 {
	width: 300px;
	font-family: verdana, arial, geneva, "sans-serif";
	font-size: 0.85em;
	float: right;
	border: 1px solid #bfab8f;
	background: #e5e5cc;
	margin: 0 0 15px 15px;
	padding: 10px;
	position: relative }
#respons2 { float: none; width: auto }
#respons p, #respons2 p { margin: 0 }
#respons th, #respons2 th { text-align: left }
fieldset { padding: 5px; border: 1px solid #bfab8f }
fieldset legend { padding: 5px; font-weight: bold; color: #000 }
fieldset td label { display: block; width: 85px }

fieldset table.prod td label { width: auto }
table.prod td input { width: 30px }
table.prod td { padding: 0 10px 0 0 }

td.pris { text-align: right }

#respons input, #respons2 input { border: 0 }
#respons input.check, #respons2 input.check { background: transparent }
#respons input.ant, #respons2 input.ant { width: 30px }
#respons td input, #respons textarea, #respons2 td input, #respons2 textarea { width: 200px; border: 1px solid #bfab8f }
#respons td textarea, #respons2 td textarea { height: 80px }
#respons textarea#utemoebler { width: 280px; height: 50px }
#respons td, #respons2 td { vertical-align: top }
#respons p.knapp, #respons2 p.knapp { width: 200px; margin: 10px 0 0 105px; line-height: 1em }

/*  --------------------------------    VERKTØY    ---------------------------------  */

#hjem a { position: absolute; left: 14px; top: 217px; z-index: +11000; width: 32px; height: 33px; display: block; background: #c00 url(gfx/hjem.gif); border-right: 1px solid #fff }
#hjem a:hover { background: #345B0E url(gfx/hjem.gif) }
