/* -------------------------------------------------------------- 
   reset.css
   * Resets default browser CSS
-------------------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
th {font-weight:bold;}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/*-----------------------------------------------------

STANDARD GRID
--------------------------------------------------------*/
/* A container (.framework) should group all your columns. */
#arc {display:none;}
.outer_framework {width:650px;margin:0 auto 10px auto;background: #fff;}
/* Misc classes
-------------------------------------------------------------- */
.heading {font-size: 1.5em; display: block;}
ul li .heading {border-bottom: none;}

.quiet      { color: #666666;}
.loud       { color: #ff6600; text-transform: uppercase; font-weight: bold;}
.highlight  { color: #ff690b; }
.first      { margin-left:0; padding-left:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }
.clear      { clear:both; }
.hide       { display: none; }

.object{ margin-bottom: 20px; clear: both;}
.object.banner{ font-size: 0; }

body {font-size:12px;line-height:14px;color:#000;background:#fff;font-family:Verdana,Arial,Helvetica,sans-serif;}

/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-weight: bold; color: #000; margin-bottom: 15px; }

h1 { font-size: 22px;  }
h2 { font-size: 20px;  }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 15px; }
h6 { font-size: 14px; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img { margin: 0; }

/* Text elements
-------------------------------------------------------------- */
p           { margin: 0 0 .5em 0; }

a:focus, 
a:hover     { color: #000000; text-decoration: none;}
a           { color: #000; text-decoration: none; }

blockquote  { margin: 1.5em; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0.0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin: 0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 2em; }
ol          { margin: 0 1.5em 1.5em 2em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 20px; width:auto; border-collapse:collapse;}
th          { font-weight: bold; background: #ccc; }
th,td       { padding: 4px 10px 4px 5px; border:1px solid #ccc;text-align:left;}
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/*-------------------------------------------------------------- */

label       { font-weight: bold;}
legend      { font-weight: bold; font-size:1.2em; }

/* Vita hjertego specific classes */
.inner_framework {padding:0;}
#leftcolumn {display:none;}
.content {float:none;width:650px;padding-bottom:20px;}
#footer {width:650px;margin:20px auto;text-align:left;font-size:11px;color:#000;border-top:1px solid #ccc;padding-top:20px;}
#footer img {display:none;}
#header {display:none;}
.breadcrumbs {display:none;}
.content h1 {display:block;margin-bottom:30px;}

/* skjema */
.vh-form h2 span {display:none;}
.vh-form h2 {font-size:14px;}
.vh-form input.text, .vh-form textarea {width:250px;border:1px solid #ccc;}
.miniform {display:none;}

/* GENERAL CONTENT */
.image {margin-bottom:20px;}
.preface {font-weight:bold;margin-bottom:1.3em;}
.content_wrapper {float:left;clear:both;margin-bottom:20px;}
.content_right {width:215px;margin-left:20px;float:left;}
.content-left {width:650px;}
.content-left.withrightcol {float:left;width:415px;}
.pagetop {display:none;}
.pagecontent {background:none;}
.pagebottom {display:none;}
.pagecontent h1 {margin-bottom:30px;color:#000;font-family:Barmeno,Helvetica,Arial,sans-serif;padding-top:10px;}
.byline {font-weight:bold;border-bottom:1px dotted #ccc;padding-bottom:10px;margin-bottom:10px;}

/* OPPSKRIFTER */
.content .recipepage {width:100%;float:none;}
.content .recipepage h1 {display:block;margin-bottom:30px;}
.content .recipepage .content-left.withrightcol {width:100%;float:none;margin-bottom:20px;}
.content .recipepage .content_right {display:none;}
.content .recipepage blockquote {font-style:normal;margin:0;background:#fff url('images/dot.gif') no-repeat 0 6px;padding:0 0 0 10px;}
.recipe-subgrid-left {
float:left;
width:300px;
margin:10px 20px 20px 0;
}
.recipe-subgrid-right {
float:left;
width:300px;
margin:10px 0 20px 0;
}
table.recipe-top {border:none;}
table.recipe-top td, table.recipe-top th {border:none;}
p.minititle {font-weight:bold;display:block;margin:15px 0 5px 0;}
.subgrid-double {clear:both;display:block;width:100%;}

/* PRODUCTS */
.product-subgrid {width:100%;margin-top:20px;display:block;clear:both;}
.product-subgrid-left {display:none;}
.product-subgrid-right {width:100%;display:block;float:none;}
.product-subgrid h3 {padding:4px 0;background-color:#ccc;font-size:15px;font-weight:normal;}
.product-subgrid h3 span {padding:0 5px;}
table.tbl-nutrition {width:auto;border:none;}
table.tbl-nutrition td {vertical-align:top;padding:5px;font-size:12px;border:none;}
table.tbl-nutrition td.stuff {text-align:left;}
table.tbl-nutrition td.amount {text-align:right;}
table.tbl-nutrition td.amount.bottom {vertical-align:bottom;}
table.tbl-nutrition td.stuff.p25 {padding-left:25px;}
table.tbl-nutrition td.stuff.p35 {padding-left:35px;}
table.tbl-nutrition td.stuff.p45 {padding-left:45px;}
table.tbl-nutrition tr.even-row td {
background-color:#F9F9F9;
}
ul.nutrition li table {
    padding-left: 25px;
    width: auto;
    padding-bottom: 0;
    margin-bottom: 0;
    border:none;
}
ul.nutrition li table td {
    border:none;
    padding:0 10px 5px 0;
}
.tbl-ul-nutrition-hvorav td.bottom {vertical-align:bottom;}
.p-box {margin-bottom: 30px;}
.p-box.recipefloat {margin-bottom: 20px;}
.p-box h4 {margin-bottom: 10px;}
.p-box-inner {padding:15px 5px 0 5px;}
.p-box-inner p {margin: 0 0 10px 0;}
img.recipeteaser {float:left;margin:0 10px 10px 0;clear:both;}
td.minititle-right {text-align:right;font-weight:bold;}
.recipe-subgrid-left blockquote {margin:0;}
.recipe-subgrid-left blockquote.step {margin:0;}
.recipe-subgrid-left blockquote.step .editor {margin:0;padding:0;}
.recipe-subgrid-left blockquote.step .editor p {margin:0;}

/* BUTTONS */
a.button_red {padding:5px 0 7px 0px;color:#fefefe;background:transparent url('images/button_left_red.gif') no-repeat top left;text-decoration:none;}
/* IE6 fix */
* html a.button_red {padding:0;}
/* IE7 fix */
*:first-child+html a.button_red {padding:0;}
a.button_red span {padding:5px 20px 7px 20px;background:transparent url('images/button_right_red.gif') no-repeat top right;}
a.button_grey {padding:5px 0 7px 0px;color:#4c4b4b;background:transparent url('images/button_left_grey.gif') no-repeat top left;text-decoration:none;}
/* IE6 fix */
* html a.button_grey {padding:0;}
/* IE7 fix */
*:first-child+html a.button_grey {padding:0;}
a.button_grey span {padding:5px 20px 7px 20px;background:transparent url('images/button_right_grey.gif') no-repeat top right;}
a.button_grey:hover {color:#000;}
a.button_red:hover {color:#000;}
p.article_btn {margin:10px 0;display:none;}
.stories {border-top:1px dotted #bfbfbf;padding-top:20px;width:100%;clear:both;}
.stories h2 {font-size:1em;margin-bottom:20px;}
.stories ul {margin:0;padding:0;list-style-type:none;}

/* CONTENTBOX */
.contentbox {margin-bottom:20px;}
.contentbox h4 {margin-bottom:15px;background-color:#dee34e;padding:5px 5px 5px 9px;font-size:11px;font-weight:bold;border-bottom:1px solid #c5c5c5;}
.contentbox.ordliste h4 {display:none;}

ul.alphabet {display:none;}
.word {margin-bottom:20px;display:block;float:none;width:100%;}
.word h2 {font-size:14px;margin:0;}
.word p {margin:0;}
.faqs h3 {font-size:14px;margin:0;}

/* FAQ */
.faqs {border-bottom:1px solid #b2b2b2;padding-bottom:10px;margin-bottom:10px;}
.faqs h3 a {font-size:1em;display:block;line-height:20px;text-decoration:none;padding-left:0;}
.w430 {width:415px;}
form.w430 {width:410px;padding:0;margin-top:20px;}
form.w430 fieldset#fixed {border:1px solid #d0d0ce;background-color:#efefef;line-height:1.5;width:400px;position:relative;}
form.w430 fieldset#fixed .inner-form {padding:0 20px;}
form.w430 fieldset#fixed p {padding:10px 20px;}
form.w430 fieldset#fixed p .submit {margin-right:10px;}
form.w430 fieldset#fixed p .button {cursor:pointer;}
/* IE6 fix */
* html form.w430 fieldset#fixed {width:410px;}
/* IE7 fix */
*:first-child+html form.w430 fieldset#fixed {width:410px;}
form.w430 input.text, form.w430 input.file, form.w430 textarea, form.w430 select {border:1px solid #ccc;padding:.1em;width:300px;}
/* IE6 fix */
* html form.w430 input.text {width:300px;}
* html form.w430 input.file {width:300px;}
* html form.w430 textarea {width:300px;}
* html form.w430 select {width:300px;}
/* IE7 fix */ 
*:first-child+html form.w430 input.text {width:300px;}
*:first-child+html form.w430 input.file {width:300px;}
*:first-child+html form.w430 textarea {width:300px;}
*:first-child+html form.w430 select {width:300px;}

.faqs div.editor {display:block !important;}

/* KONKURRANSE, litt mindre skjema */
form#question.w430 input.text {width:220px;}
form#question.w430 input.text.validation-failed, form#question.w430 textarea.validation-failed {border:1px solid red;}
form#question.w430 input.text.short {width:50px;}
form#question.w430 input.file {width:220px;}
form#question.w430 textarea {width:220px;vertical-align:top;}

form#question.w430 input.submit {width:113px;height:24px;background:transparent url('images/button_submit.gif') no-repeat top left;border:0;margin-right:5px;line-height:24px;padding-top:0;cursor:pointer;font-size:11px;}
form#question.w430 input.reset {width:64px;height:24px;background:transparent url('images/button_reset.gif') no-repeat top left;border:0;line-height:24px;padding-top:0;cursor:pointer;font-size:11px;}

/* forms.css */
fieldset#fixed {border:1px solid #d0d0ce;background-color:#f5f5e9;line-height:1.5;width:80%;position:relative;}
label {font-weight:bold;display:block;}
legend {font-weight:bold;font-size:1.0em;padding:0 5px;}
/* basic fieldset styling */ 
fieldset legend {line-height: 1.3;}
/* IE6 fix */
 * html fieldset#fixed legend {
 float: left; 
 position: relative;
 margin-top: -.95em 
 /* equals actual line-height minus 0.35em */;}

 /* IE7 fix */ 
 *:first-child+html fieldset#fixed legend {
 float: left; 
 position: relative; 
 margin-top: -.95em 
 /* equals actual line-height minus 0.35em */;}

.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.free {color:#e40000;text-transform:uppercase;}
.left {float:left;}
.right {float:right;}
.clear {float:left;clear:both;width:100%;}
.deleted {color:#8a1f11;}
.normal {font-weight:normal;}

/*********************
** XHTML-EDITOR     **
*********************/
.editor {
  margin-bottom: 20px;
}
.editor p{
    margin: 0 0 14px 0;
}
.editor h2 {
  margin-bottom: 0;
}
.editor h3 {
  margin-bottom: 0;
  font-weight: bold;
}
.editor h4 {
  margin-bottom: 0;
  font-weight: bold;
}
.editor h5 {
  margin-bottom: 0;
  font-weight: bold;
}
.editor h6 {
  margin-bottom: 0;
  font-weight: bold;
}
/* tables */
table.bordersize0 {
  border-spacing:0;
  border: 0;
  border-collapse: collapse;
  width: auto;
}
table.bordersize0 td {
  border: 0;
}
table.bordersize1 {
  border-spacing:0;
  border: 1px solid #ccc;
  border-collapse: collapse;
  width: auto;
}
table.bordersize1 td {
  border: 1px solid #ccc;
}
table.padding1 td {
  padding: 1px;
}
table.padding2 td {
  padding: 2px;
}
table.padding3 td {
  padding: 3px;
}
table.padding4 td {
  padding: 4px;
}
.editor table.padding5 td {
  padding: 5px;
}
table.padding6 td {
  padding: 6px;
}
table.padding7 td {
  padding: 7px;
}
table.padding8 td {
  padding: 8px;
}
table.padding9 td {
  padding: 9px;
}
table.padding10 td {
  padding: 10px;
}
.center-aligned {
  text-align: center;
}
.editor p.center-aligned {
  text-align: center;
}

/* NAVIGATION */
ul.navigation-menu{
    list-style-type:none;
    border: solid #bfbfbf;
    border-width: 1px 0;
    text-align: center;
    color: #666;
    margin: 0 0 1.5em;
    padding: 5px 0;
    clear: both;
}

ul.navigation-menu li{
    display:inline;
}

ul.navigation-menu a,
ul.navigation-menu span{
    text-decoration: none;
    padding: 0 3px;
}

ul.navigation-menu li.active span{
    background-color: #8d8d8d;
    color: #fff;
}

ul.navigation-menu a:hover{
    background-color: #0f2d91;
    color: #fff;
}
/***************************
FORMS AND FORMBUILDER
****************************/
form#formBuilder {
	margin: 0;
	padding: 0;
}
form#formBuilder div.inner-form, form#formBuilder p {
	padding: 15px;
}
input.text, form#formBuilder textarea, form#formBuilder select {
	border: 1px solid #ccc;
	padding: .1em;
	width: 350px;
}
input.error, textarea.error {
	background-color: #f0f0f0;
	border-color: #be0000;
}
input.button {
	white-space: nowrap;
	color: #1B6393;
	cursor: pointer;
}
input.button:hover {
	text-decoration: underline;
}
span.required {
	color: #be0000;
}
form#formBuilder h5.formtitle {
	margin: 0;
	padding: 0;
}
form#formBuilder h6.separator, form div.separator {
	clear: both;
	margin: 0;
	padding: .3em 0;
	margin: .3em 0;
}
form#formBuilder h6.separator {
	border-bottom: 1px solid #ccc;
}
#formBuilder label.top {
	display: block;	
}
#formBuilder label.leftCol {
	float: left;
	width: 160px;
	padding: 0;
	text-align: left;
}
#formBuilder div.rightCol {
	float: left;	
}
#formBuilder div.clear {
	clear: both;	
}
#formBuilder span.help {
	border-bottom:1px dotted;			
}
.fallback {
 display: none;
}
.icon_required {
 width: 16px;
 height: 16px;
 vertical-align: middle; 
}
/***************************
TOOLTIP
****************************/
div#qTip {
	padding: .3em;
	border: 1px solid #000;
	display: none;
	background-color: #ffff88;
	color: #000;
	text-align: left;
	position: absolute;
	z-index: 900;
}
	
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}
.flat {margin:0;padding:0;border:0;}
.hide {display:none;}
/* allergilisten */
table.tbl-allergy {
  width:100%;
  font-size:10px;
  font-family:arial, helvetica, sans-serif;
  border-collapse:collapse;
  
}
table.tbl-allergy th, table.tbl-allergy td {
  padding: 3px;
  border:1px solid #fff;
}
table.tbl-allergy thead th {
  background-color:#d5db1a;
  color:#7a7b5d;
}
table.tbl-allergy tbody tr td {
background-color:#ccc;
}
table.tbl-allergy tbody tr.even td {
background-color:#efefef;
}
table.tbl-allergy tfoot td {
background-color:#ccc;
}
.l10 {margin-left:10px;}