@import "vk_standard.css";
@import "bildegalleri/v2.1/css/jquery.lightbox-0.4.css";
@import "felles_js/jquery.fancybox/jquery.fancybox.css";
@import "forms.css";
/*  ---------------------------------      LAYOUT      ---------------------------------  */

* { margin: 0; padding: 0 }
body { background: #7c2222 url(gfx/bg_body.png) repeat-x; padding: 0 }

#ramme {
	position: relative;
	width: 890px;
	margin: 0 auto;
	min-height: 320px;
	text-align: left }
#innholdsramme {
	background: url(gfx/bg_ramme.png) repeat-y top right; float: right; width: 840px}
#header {
	width: 890px; height: 34px;
	left: 0;
	background: url(gfx/bg_header.png) no-repeat top right }
#header h1, #header p { position: absolute; visibility: hidden }

#innholdsramme { padding: 0 35px 0 20px; z-index: 5 }

#kol1, #kol2 { overflow: hidden }
#kol1 { float: left; width: 195px; padding-top: 170px }
#kol2 { float: right; width: 210px; padding-top: 375px; display: none }
body.tokol #innhold { margin: 0; padding: 10px 0 15px 0; width: 600px; float: right }
#innhold { margin: 0; padding: 60px 0 15px 0; width: 600px; float: right }
body#forside #innhold { padding: 285px 0 15px 0 }

#fblike { width: 190px; height: 245px; clear: both; overflow: hidden }
#fblike iframe { border: 0; overflow: hidden; width:192px; height:280px; margin: -1px }

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

#end { clear: both }
#kreditt {
	padding: 25px 0 10px 0; position: relative;
	margin: 0 auto; width: 890px; height: 84px;
	background: url(gfx/bg_kred.png) no-repeat top right; clear: both }
#kreditt a, #kreditt { color: #333 }
#kreditt a:hover { color: #600 }

#kreditt .sm_wrapper {padding: 0 0 0 280px}

/*  ----------------------------------   ALT. DESIGN   ------------------------------ */

body.tokol #innhold, body#guestbook #innhold, body#nyheter_cms #innhold, body#index #innhold {
	 }
body.tokol #kol2, body#guestbook #kol2, body#nyheter_cms #kol2, body#index #kol2 { display: none }

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

body { font-size: 80%; color: #333 } /* Basestørrelse */

body, ol, ul, li, p, input, textarea, select, option {
	/* Standard Helvetica/Arial-basert sans serif:
	font-family: Arial, Helvetica, Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", sans serif;*/

	/* Moderne Verdana-basert sans serif:
	font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif;*/

	/* Standard Verdana sans serif:
	font-family: Verdana, "Verdana Ref", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", sans serif;*/

	/* Moderne Trebuchet-basert sans serif:*/
	font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans serif;

	/* Standard Trebuchet-basert sans serif:
	font-family: "Trebuchet MS", "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", Verdana, "Verdana Ref", sans serif;*/
}
h1, h2, h3, h4, h5, h6, ol, #nav, #nav ul, #nav li, #sub *, .produktliste .navn, .kategorinavn {
	/*font-family: garamond, "adobe garamond pro", times, "times new roman", serif; */
	/* En mer tradisjonell Garamond-basert serif: */
	font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;

} /* Basefont */

blockquote {
	font-size: 1.1em } /* Større font */

input {
	font-size: 1em } /* Vanlig font */
/* 11px */
#kol2, #handlekurv, #innhold .shopartikkel p, #innhold .shopartikkel ul.varianter, .gbooknav, .gbooksign, .gbookentry p.posted, p.knapp, p.news_arkiv, #kol1 .shopartikkel {
	font-size: 0.92em }
/* 10px */
#kreditt, #xtranav, .artinfo p, #smuler, .shopartikkel_full p.pris span.tilbud, p.dato, #txtsize {
	font-size: 0.85em }

/* Overskrifter */
#innhold h1 { font-size: 1.7em; font-weight: normal; color: #600 }
#kol2 h1 { font-size: 1.2em; color: #600 }
#kol1 h1 { font-size: 1.2em; color: #fc9}
h2 { font-size: 1em }
h3, h4, h5, h6 { font-size: 1.2em }

/* Marger og padding */
h1,h2,h3,h4,h5,h6,blockquote,p,hr, object { margin: 0 0 10px 0 }
#innhold ul, #innhold ol { margin: 0 0 10px 30px }

/* Lenker, akronymer og forkortelser */

a { color: #600 }
a:hover { color: #600; text-decoration: none }
#kol1 a { color: #fc9 }
#kol1 a:hover { color: #ffc; text-decoration: none }

#kol1 a, #kol2 a, #kreditt a, #sitemap a, #xtranav a, h1 a { text-decoration: none }
p.lesmer a { margin: 0 }
acronym, abbr, dfn { border-bottom: 1px dotted #808080; font-style: normal; cursor: help }
#kalender abbr {border: 0 }

blockquote {
	margin: 10px;
	padding: 5px;
	border: 1px dotted #666;
	font-family: "trebuchet ms", serif;
	font-weight: bold;
	text-align: center }
	
hr { border: 0; background: none; border-top: 1px solid #333 }

/*  -------------------------     SKJULTE ELEMENTER      ------------------------  */

p.skip, a.anker, #kol1 .artinfo, #kol2 .artinfo {
	visibility: hidden; position: absolute }

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

img, table { border: 0 }
caption { display: none }
address { font-style: normal; margin: 5px 0 }
input.checkbox { border: 0; background: transparent; margin: 0 }
/*  ---------------------------------- NAVIGASJON ---------------------------------  */
/*
ul#menu, ul#menu ul, ul#menu li {
	width: 100%; list-style-type: none; line-height: 0.7em; overflow: hidden; text-align: right }
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: url(gfx/a.gif) right -68px no-repeat;
	text-decoration: none;
	font-size: 1.3em;
	color: #fc9;
	padding: 8px 16px 8px 0 }

ul#menu a:hover, ul#menu li.aktiv a {
	background: url(gfx/a.gif) right -104px no-repeat;
	color: #ffc }

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


ul#menu ul li a, ul#menu li.aktiv ul li a, ul#menu li.aktiv ul li.aktiv a  { padding: 4px 23px 4px 0; color: #fc9 }

ul#menu li.aktiv ul li.aktiv a, ul#menu li.aktiv ul li a:hover, ul#menu li.aktiv ul li.aktiv ul li a:hover  {
	color: #ffc; background: none }

ul#menu li.aktiv ul li a, ul#menu li.aktiv ul li.aktiv ul li a { font-weight: normal; color: #fc9; background: none }



ul#menu li.aktiv ul li.aktiv ul li a  {
	padding: 4px 32px 4px 0; color: #fc9 }
ul#menu li.aktiv ul li.aktiv ul li a:hover, ul#menu li.aktiv ul li.aktiv ul li.aktiv a  {
	padding: 4px 32px 4px 0; color: #ffc }
*/
/*  ---------------------------------- NAVIGASJON ---------------------------------  */

#navigasjon {width: 100%;}
#navigasjon .sm_wrapper {width: 890px; margin: 0 auto; background: transparent url(gfx/bg_ramme.png) repeat-y scroll right top}

#nav {
	border-bottom: 1px solid #D1B48B;
	padding: 10px 0 10px 260px; font-size: .8em;
	
}
ul#menu, ul#menu ul {
	width: 100%; list-style-type: none; line-height: 0.7em; overflow: hidden;  }
ul#menu li { float: left; padding-right: 10px; }

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;
	text-decoration: none;
	font-size: 1.4em;
	color: #7C2222;
	padding: 5px 0 }

ul#menu a:hover, ul#menu li.aktiv a {
	border-bottom: 2px solid #d1b48b }
#ul menu strong, ul#menu em {font-style: normal}
/*  ------------------------------------ NETTSTEDKART ----------------------------  */

#sitemap ul li { list-style-image: url(gfx/sitemap_folder.gif) }
#sitemap ul li ul li { list-style-image: url(gfx/sitemap_page.gif) }
#sitemap li { margin: 5px 15px }
#sitemap ul em { font-style: normal }
#sitemap ul strong { font-weight: normal }
#sitemap ul span { font-weight: bold }

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

/*  Nyheter  */

#nyheter { margin: 0; padding: 0 0 10px 0; border-bottom: 5px solid #fff }
#nyheter h1.tittel { margin: 0 0 5px 0; padding: 0; border-bottom: 5px solid #fff }
#nyheter h1.tittel a {
	color: #369; display: block; padding: 5px 0 5px 15px;
	background: #bbdfed url(gfx/news_tit.gif) 3px 5px no-repeat;
	height: 13px }
#nyheter h1.tittel span { display: none }
#nyheter h1.tittel a:hover {
	color: #fff; background: #369 url(gfx/news_tit.gif) 3px -21px no-repeat }
#nyheter h1, #nyheter h3 {
	margin: 0 0 5px 0; padding: 0 0 0 15px;
	background: url(gfx/news_h1.gif) 3px 0 no-repeat;
	border-bottom: none }
#nyheter strong { font-weight: normal }
#nyheter p { margin: 0 0 5px 0; padding: 0 0 0 15px }
#nyheter a { display: block }
#nyheter ul { margin: 0 0 15px 15px }

p.dato { margin-top: -10px }

p.news_arkiv { margin: 0 0 10px 0 }
p.news_arkiv a.aktiv { font-weight: bold; text-decoration: none; color: #669 }
p.news_arkiv a.aktiv:hover { color: #000 }

/*  BOKS  */

#kol1 .komp, #kol2 .komp { padding: 0 0 5px 0; text-align: center; border-bottom: 5px solid #fff; background: #f2f2f2 }
#innhold .komp, #innhold .komp input { width: 175px }
.komp fieldset, .komp fieldset legend { border: 0 }
#kol1 .komp h1, #kol2 .komp h1 { padding: 5px; margin: 0 0 5px 0; text-align: left }
#kol1 #login h1, #kol2 #login h1 { background: #bbdfed url(gfx/login.gif) 3px 7px no-repeat; padding: 5px 0 5px 25px }
#kol1 .komp label, #kol2 .komp label { display: none }
#innhold .komp label { display: block }
#kol1 .komp p, #kol2 .komp p { margin: 0; padding: 0 }
#login p { text-align: center }
#login p span { padding-top: 5px; display: block }

/*  TABELLER  */
.komp table { margin: 0 }
.komp table tr td { padding-left: 5px }

#poll fieldset p label { display: inline; float: right }
#poll fieldset p input { background: transparent; float: left }
#poll fieldset p { height: 20px }
#poll fieldset p:hover { background: #E6E6E6 }

/*  INPUTFELTER  */
#firmainfo input, #kontortid input, #tips input, #nyhetsbrev input, #login input { text-align: center; width: 140px }
#poll fieldset input { border: 0 }

/*  KNAPPER  */

p.knapp {
	border: 1px solid;
	border-color: #ccc #fff #fff #ccc;
	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: #fc9;
	display: block;
	color: #333 }
p.knapp a:hover, p.send a:hover  {
	border-color: #ccc;
	background: #600;
	color: #fff }

#nyhetsbrev p.knapp a.ut { float: left; width: 70px }
#nyhetsbrev p.knapp a.inn { float: right; width: 91px }

/*  TOPP FEM  */

.top5 ul { list-style-type: none }

/*  KALENDER  */

table#kalender { width: 100% }
#kalender a {
	color: #c33;
	padding: 2px;
	display: block;
	font-weight: bold }
#kalender a:hover { color: #000; background: #fff }
#kalender th, #kalender td {
	text-align: center }

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

#respons table { width: auto }
#respons table td { vertical-align: middle }
#respons table tr.textarea td { vertical-align: top }
#respons fieldset { border: 0 }
#respons fieldset legend { color: #333; font-weight: bold; padding: 0 0 10px 0 }
#respons fieldset label { display: block }
#respons fieldset label.inline { display: inline }
#respons fieldset label span { }
#respons input, #respons textarea { width: 250px }
#respons input.check { border: 0; width: auto; background: transparent }
#respons p.melding, #respons textarea { height: 70px }
#respons p.knapp { width: 250px; margin: 0  }
#respons hr { margin: 2px 0 }

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

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

#sok {
	top: 172px; left: 50px; z-index: 3;
	width: 220px; height: 25px }
#sok input, #sok input:hover, #sok input:active, #sok input:focus {
	top: 1px; left: 1px;
	width: 150px; padding: 0;
	border: none;
	background: transparent }

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

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

#logo {
	position: absolute;
	background: url(gfx/logo.png) no-repeat;
	left: -15px; top: 0; z-index: 2;
	width: 279px; height: 242px }
#logo a { display: block; width: 260px; height: 130px }
#logo a span { display: none }
#drage {
	position: absolute;
	right: -62px; top: 0; z-index: 4;
	width: 160px; height: 313px }
#drage-topp {
	position: absolute;
	right: -62px; top: 35px; z-index: 4;
	width: 160px; height: 130px }
#drage-bunn {
	position: absolute;
	right: -62px; top: 165px; z-index: 4;
	width: 96px; height: 183px }
#banner {display: none}
body#forside #banner {
	display: block;
	position: absolute;
	background: url(gfx/banner.png) no-repeat;
	left: 222px; top: 80px; z-index: 1;
	width: 652px; height: 298px }
.headerbilde, .bilderull {
	position: absolute;
	background: #000;
	left: 604px; top: 99px; z-index: 3;
	overflow: hidden;
	width: 232px; height: 250px }
	#innhold .bilderull ul {margin: 0; list-style: none inside}
#submeny ul {list-style: none inside; margin: 0}
#submeny {
	font-size: 1em
}
#submeny em, #submeny strong {font-weight: normal; font-style: normal}
#submeny li {float: left; clear: both; width: 195px}
#submeny ul li ul {
	font-size: .9em;
	margin: 0 0 0 25px;
	display: none;
}
#submeny ul li.aktiv ul {display: block}
#submeny li a {display: block; padding: 2px 0 2px 8px; border-bottom: 1px solid #4d1515; background: url(gfx/a-sub.gif) no-repeat 0 10px}
#submeny li a:hover {background-position: 0 -20px}
#sub li.aktiv a { color: #ffc; text-decoration: none }

.vk_handlekurv {
	padding: 0;
	float: left;
}
.vk_handlekurv span {float: left}

.vk_handlekurv .label {width: 80px;}
.vk_handlekurv .antall {width: 30px; padding: 0 10px; font-weight: bold}
.vk_handlekurv .totalsum {width: 100px; font-weight: bold}

a#betingelser {position: absolute; right: 60px; }
#bunnfelt {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #ffc;
	filter: alpha(opacity=90); /* internet explorer */
	-khtml-opacity: 0.9;      /* khtml, old safari */
	-moz-opacity: 0.9;       /* mozilla, netscape */
	opacity: 0.9;           /* fx, safari, opera */
	z-index: 1000;
	border-top: 2px solid #D1B48B
}
#bunnfelt .sm_wrapper {
	width: 880px;
	margin: 0 auto;
	height: 30px;
	line-height: 30px;
	color: #600
}
#ie6-kurv {color: #ffc; margin: 0 0 1em}
#ie6-kurv .knapper a {width: 100px; cursor: pointer}
#ie6-kurv .knapper {float: right; padding: 5px}
#bunnfelt div.knapper {float: left; padding: 4px 0 0; }
#bunnfelt .knapper a {width: 100px}

#vk-login {
	float: right; margin: 0
}
#vk-login a {display: block; float: right;}
#vk-login div {float: left}
#vk-login div.knapper {float: right}
div.login-info {padding: 0 10px}

a.vk_knapp {width: 120px}

dl {clear: both}

dt {float: left; width: 100px; font-weight: bold}
dd {}

p.hk_i {clear: both; margin-top: 1em}
.jq-hk {margin-bottom: 1em}

#innhold ul.tabs {
	list-style: none inside;
	margin: 0;
	width: 100%;
	overflow: hidden;
	margin-bottom: 1em
}
ul.tabs li {
	float: left;
	padding: 0 20px 0 0;
}
dl.postnr {padding: 10px 0 }

.deling {clear: both; float: left; margin: 3em 0 2em;}
.deling a {margin: 0 0 1em}
#kol1 h6 {color: #FFCC99}

#sikker-bet ul {list-style: none inside; margin: 0;}
#sikker-bet li {float: left;}
#sikker-bet li.visa {margin-right: 10px}
#sikker-bet a {display: block; width: 50px; height: 31px; }
#sikker-bet li.visa a {background: url(gfx/Visa.png) no-repeat; }
#sikker-bet li.mc a {background: url(gfx/Mastercard.png) no-repeat;}
#sikker-bet span {display: none;}

.cb dt {width: auto}
#nykunde_skjema dt {width: auto}

#fraktinfo {
	padding: 20px 0 0; font-size: 1.2em; font-weight: bold
}