
/* * Generelt * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
html, body, { padding: 0; margin: 0; text-align: center; color: #333; background: #fff; }

p, div, #innhold, input, textarea, table, tr, td { 
	font: normal 11px/20px Verdana, Arial, sans-serif;
	color: #444;
}
h1, form #skjema input.skjemaheader { 
	font-weight: bold; font-size: 28px; line-height: 1.5em; margin-top: 10px; padding-top: 0px; color: #666; 
}
a { text-decoration: none; color: #2f678a; }

#venstre h3 a {
	color: #fafafa;
	padding: 0 0 0 50px;
}
hr { width: 100%; clear: both; color: transparent; background: #EEE9E1; border: 0px; height: 2px; }
.feil {color: red;}
img { border: 0; margin: 0; padding: 0; }

/* * Meny (1-2-3) * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#kapmeny { 
	z-index: 88; padding: 0; margin: 0px 10px 0 210px; clear: both;
	font-size: 11px; width: 550px; height: 19px;
	/*border-top: 2px solid #cce;
	border-bottom: 2px solid #cce;*/
	background: transparent;
	text-transform: uppercase; 
	overflow: hidden;
/*	background: #def; /* test */
}
* html div#kapmeny { font-weight: normal; margin-top: 0; font-size: 10px; } /* IE6 fix */
#kapmeny ul { list-style-type: none; padding: 0; margin: 3px 0 0 0; }
#kapmeny li { padding: 0; margin: 0 15px 0 0; display: block; float: left; clear: none; }
#kapmeny a { 
	color: #fafafa; 
}
#kapmeny a:hover { }
#kapmeny .aktiv, #kapmeny .aktiv a:link, #kapmeny .aktiv a:visited {
	color: #2f678a; /* Farge på den aktive lenker */
}
#subkapmeny { z-index: 88; padding: 0; margin: 0px 0px 15px -25px; width: 100%; text-align: left;
  font-size: 11px; height: 18px;
	background: transparent;
	/*background: #eee; /* test */
}
* html #subkapmeny { font-weight: bold; } /* IE6 fix */
#subkapmeny ul { list-style-type: none;	padding: 0; margin: 0; }
#subkapmeny li { padding: 0; margin: 0 15px 0 0; display: block; float: left; clear: none; }
#subkapmeny a { 
	color: #333; 
}
#subkapmeny a:hover { }
#subkapmeny .aktiv, #subkapmeny .aktiv a:link, #subkapmeny .aktiv a:visited {
	color: #2f678a; /* Farge på den aktive lenker */
}

#vmeny_topp_webshop {
	width: 160px;
	height: 43px;
	margin: 150px 0 0 15px;
	background: transparent url(/_grafikk/vmeny_topp2.jpg) no-repeat bottom center;
}

#vmeny_webshop { 
	width: 156px;
	min-height: 190px;
	margin: 0 0 0 15px; 
	padding: 0 0 0 0;
	font-size: 12px; 
	float: left; 
	background: black url(/_grafikk/vmeny_hoved2.jpg) no-repeat bottom center;
	border-bottom: 2px solid #db713d;
	border-left: 2px solid #db713d;
	border-right: 2px solid #db713d;
	/*background: yellow; /*tst*/
}

#vmeny_webshop ul { list-style-type: none; padding: 0; margin: 5px 0 0 10px; }
#vmeny_webshop a { color: #deca8d; text-decoration: none; font-weight: bold; }
#vmeny_webshop a:hover { color: #fafafa }
#vmeny_webshop .valgt a { color: #fafafa; }

#vmeny_midt_webshop {
	width: 160px;
	min-height: 10px;
	margin: -5px 0 0 15px;
	background: transparent url(/_grafikk/vmeny_midt.gif) repeat-y;
}

#vmeny_midt_webshop ul { list-style-type: none; padding: 0; margin: 5px 0 0 10px; }
#vmeny_midt_webshop a { color: #deca8d; text-decoration: none; font-weight: bold; }
#vmeny_midt_webshop a:hover { color: #fafafa }
#vmeny_midt_webshop .valgt a { color: #fafafa; }


#vmeny {
	width: 190px;
	min-height: 20px;
	margin: 40px 0 15px -10px; 
	font-size: 12px; 
	float: left; 
}

#vmeny ul { list-style-type: none; padding: 0; margin: 35px 0 0 10px; }
#vmeny a { color: #deca8d; text-decoration: none; font-weight: bold; }
#vmeny a:hover { color: #fafafa }
#vmeny .valgt a { color: #fafafa; }
.pluss { font: 9px monospace; display: all; }

/* * Topp * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
div#topp { z-index: 2; width: 1081px; margin: 0 auto; /*overflow: hidden;*/
	height: 175px; color: black; 
	background: #FFF url(/_grafikk/ego_topp.jpg) no-repeat scroll top center; /* std */
	/*background: lightblue; /* test */
	text-align: left;
}

div#banners { 
	padding: 0;
	margin: 0 0 0 190px; /* Plassering T H B V */
	width: 592px;
	height: 142px;
	color: black;
	/*background: red; /* test */
}

/* * Venstre / Innhold / Høyre  * * * * * * * * * * * * * * * * * * * * * * * */
div#midt-innpakning { z-index: 1; width: 1081px; padding: 0; margin: 0 auto; overflow: hidden;
	background: transparent url(/_grafikk/ego_midt.jpg) repeat-y scroll center; /* std */
	/*background: transparent; /* test */
}
#stolpe1 { float: left; width: 0px; /*background: orange; /* tst */ }
#stolpe2 { float: left; width: 46px; /*background: purple; /* tst */ }
#stolpe3 { float: left; width: 46px; /*background: brown; /* tst */ }
/* Merk, ved 0 bredde må også korrsponderende &nbsp; i div'en fjernes */

/* * Venstre * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
div#venstre { z-index: 3; position: relative; float: left; text-align: left;
	width: 190px;
	min-height: 290px;
	background: transparent url(/_grafikk/ego_pynt_venstre.jpg) no-repeat; /* std */
	/*background: red; /* test */
}
div#sokefelt { 
	clear: both; padding: 10px 0 0 0; margin: 260px 10px 10px 10px; height: 22px;
	/*border-top: 2px solid #8BE;
	border-bottom: 2px solid #8BE;*/
}
* html div#sokefelt { }

/* * Innhold * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
div#innhold { z-index: 3; position: relative; float: left; text-align: justify;
	width: 500px; padding: 0 54px 5px 54px;
	/*background: green; /* test */
}
#innhold img { margin: 12px 0; }
.ingress { font-weight: bold; color: #222 }

/* * Høyre felt * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
div#hoyre { z-index: 3; position: relative; float: left; text-align: center;
	width: 191px; color: #333;
	min-height: 600px;	
	background: transparent url(/_grafikk/ego_pynt_hoyre.jpg) no-repeat; /* std */
	background-position: 0% 100%;
/*	background: #fafafa; /* test */
}
#hoyre a { color: #048; }
#hoyre h2, #venstre h2 { line-height: 22px; color: #333; background: transparent; font-size: 12px; font-weight: bold; margin: 7px 0 3px 0; padding: 0; text-align: center; }
/*#hoyre h2 {
	border-top: 1px solid #2e61cc;
	border-bottom: 1px solid #2e61cc; 
}*/
#venstre h2 {
/*	border-top: 1px solid #c7d832;
	border-bottom: 1px solid #c7d832; */
	color: #fafafa;
}
#hoyre h3 { font-size: 11px; margin: 2px 10px; font-weight: bold; text-align: left;  }
#hoyre img, #venstre img { margin: 0px auto; display: block; }
#hoyre p { font-size: 10px; line-height: 15px; margin: 2px 10px;  text-align: left; }
#hoyre p.nyheter { text-align: left; margin-top: 7px; background-color: #decb8c; padding: 0 2px;}
#hoyre p.lenker { text-align: center; }
#hoyre .teller { font-size: 9px; color: #DDD; margin: 15px 10px 0 0; text-align: right; }

.r0 { background: transparent; }
.r1 { background: #eaffea; }
#hoyreadm tr:hover {background: #def;}

#hoyreadm input { font-size: 12px; border: 1px solid #ccc; padding: 0 3px; color: #1B793D; background-color: #fff; }
#hoyreadm input.submit { color: #1B793D; background: url('_grafikk/lenkeknapp.gif'); }
#hoyreadm select { font-size: 10px; margin: 0px; padding: 0px; border: 1px solid #ccc;	background-color: #fff; }
#hoyreadm table { width: 100%; border: 0; margin: 0; padding: 0;	border-spacing: 0; }
#hoyreadm input.redborder { border: 1px solid #D88; }
#hoyreadm a { font-size: 10px; border: 1px solid #ccc; padding: 0 3px; color: #1B3D79; background: url('_grafikk/lenkeknapp.gif'); }
#hoyreadm .pa { color: #1B793D; }
#hoyreadm .av { color: #793D1B; }

/* * Handlekurv * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

table#handlekurv {
	border-collapse: collapse;
}

table#handlekurv td {
	padding: 10px;
}

table#handlekurv tbody tr#head th {
	border-bottom: 2px solid #777;
}

div#innhold a img#handlekurv{
	margin: 0 0 -5px 0;
}

/* * Bunn * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
div#bunn { z-index: 2;
	clear: both; 
	text-align: center;
	height: 40px;
	width: 1081px;
	left: 0; 
	margin: 0 auto;
	background: transparent url(/_grafikk/ego_bunn.jpg) no-repeat scroll top center; /* std */
	/*background: #eee; /* test */
}
#bunn p { margin: 0; padding: 8px 25px 0 25px; color: #d17e41; }
#bunn a { color: #d17e41; }
#bunn a:hover { color: #2f678a; }

/* * Filer * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
div.skjult  { z-index: 99; position fixed; right: 0; padding: 5px 5px 5px 5px; margin: 0px 0px 0px 128px; border: 1px solid gray; color: red; background: white; display: none; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
form #skjema input, form #skjema textarea { margin: 0px; padding: 0px; border: 1px dotted #aaa; height: 25px; width: 100%; background-color: #FFFFFF; }
form #skjema select { margin: 0px; padding: 0px; border: 1px dotted #aaa; height: 20px; background-color: #FFFFFF; width: 150px; }
form #skjema input.skjemaheader { height: 40px; margin: 0px!important; }
form #skjema textarea { height: 150px; }
form#sortering { margin: 0px; padding: 0px; }
form input#sortersubmit { margin: 10px; padding: 5px; border: 1px solid #666; height: 25px; width: auto; font: 10px/10px Verdana; }
#sidekart { border-left: 1px solid #666; border-right: 1px solid #666; border-bottom: 1px solid #666; }
#sidekart input.sortering { margin: 1px; padding: 2px; margin-left: 10px; border: 1px dotted #666; height: 11px; width: 15px; font: 9px/9px Verdana; }
#sidekart ul  { list-style: none; padding: 0px; margin: 0px; }
#sidekart ul li { background-color: white; }
#sidekart ul li ul { padding-left: 14px; }
#sidekart ul li.kapittel { font-weight: bold; background: url(/_grafikk/submeny_kapittel_bg.gif) repeat-x; }
#sidekart ul li.upublisert { background: url(/_grafikk/submeny_upublisert_bg.gif) repeat-x; }
#sidekart ul li { padding: 0px; margin: 0px; font-weight: normal; }
#sidekart ul li a:hover { background-color: #ccc; }

/* - - SØKEFELT - - - - - - - - - - - - - - - - - */
.letform { padding: 0; margin: 3px 0 0 0; }
.letinput { margin: 0px; padding: 2px; margin-left: 3px; border: 1px dotted #666; height: 10px; width: 65%; font: 10px/10px Verdana; vertical-align: top; /*float: left; clear: left;*/ }
.letsubmit { margin: 0 3px; padding: 1px; border: 1px solid #666; height: 16px; width: 20%; font: 10px/10px Verdana; vertical-align: top; /*float: right; clear: right;*/ }
.kategorinavn { margin: 0px; padding: 5px; width: 220px; background-color: #00F; border-top: 1px solid #000; color: #FFF; }
.kategorinavn a { cursor: pointer; margin: 0px; padding: 0px; display: block; }

/* -------- ADMINMENY -------- */
#adminloginshow { z-index: 1000; position: absolute; right: 0px; top: 00px; height: 50px; padding: 0px; }
#adminlogin { display: none; z-index: 1001; position: absolute; left: 0px; top: 0px; height: 50px; padding: 5px; }
#adminmeny { /* display: none; */ z-index: 1001; position: absolute; left: 0px; top: 0px; height: 50px; padding: 5px; }
.adminknapper { background: url(adminknapper/admin_bg.gif) repeat-x; padding-top: 10px; height: 40px; float: left; clear: none; }
.adminknappv { display: block; float: left; clear: none; margin: 0px; padding: 0px; }
div.adminknappbg, a.adminknappbg:link, a.adminknappbg:visited { font: normal 12px/12px Arial, Helvetica, sans-serif; color: #42606F; text-decoration: none; height: 21px; background: url(adminknapper/admin_02_bakgrunn.gif) repeat-x; padding: 3px; padding-left: 5px; padding-right: 5px; float: left; clear: none; margin: 0px; }
div.adminknappbg { padding: 1px; }
div.adminknappbg input.fields { height: 13px; padding: 0px; margin: 0px; margin-top: 2px; padding-left: 10px; padding-right: 10px; background-color: transparent; border: 1px dotted #060; font: normal 10px Arial, Helvetica, sans-serif; vertical-align: top; }
div.adminknappbg input.loginsubmit { font: normal 10px Arial, Helvetica, sans-serif; color: #060; text-decoration: none; height: 15px; padding: 0px; margin-top: 0px; background-color: transparent; border: 0px; font: bold 12px Arial, Helvetica, sans-serif; cursor: pointer; }
a.adminknappbg:hover { color: #000; text-decoration: none; background: url(adminknapper/admin_04_bakgrunnover.gif) repeat-x; }
.adminknapph { display: block; clear: none; float: left; margin: 0px; padding: 0px; margin-right: 5px; }

/* SYSTEM */
span.beskjed { width: auto; display: block; border-bottom: 1px dotted #F90; color: #F90; padding: 10px; font: bold 12px/1.5em "Trebuchet MS", Arial, sans-serif; }

table#customerAdmin {
	width: 590px;
	margin: 0 0 0 -40px;
}

table#customerAdmin tr.bedrift td {
	font-weight: bold;
}

table#handlekurv {
	width: 535px;
	margin: 0 0 0 -20px;
}

form#mailerogfrister table, form#mailerogfrister table td {
	margin: 0;
	padding: 0;
	line-height: 15px;
}

table#bedriftsmailBekreftelse, table#privatmailBekreftelse, table#bedriftsmailPåminnelse, table#privatmailPåminnelse {
	display: none;
	border: 1px solid grey;
	margin: 0 0 0 10px;
}