/* responsive hiding */

.mobile, .print {
    display: none;
}



body {
    font-size: 13px;
    line-height: 1.52em;
}


/* Setting widths */

#wrap, #provider {
    display: block;
    overflow: hidden;
    max-width: 960px;
    margin: 0 auto;
    background: #fff;
    padding: 10px;
}
#provider {
    background:transparent;
}

/* global layout styles */

.gutter {
    display: block;
    overflow: hidden;
    padding: 20px;
}

/* HEADER */

#top {
    display: block;
    position: relative;
    height: 140px;
}
#topGraphics {
    display: none;
}

/* the logo - custom for color swapping */

#topLogo
{
	position:absolute;
	left:22px;
	top:10px;
	height:162px;
	width:164px;
	z-index:2;
	background: url(/Images/logo_sprite.png) no-repeat left 0px;
}
#root1193 #topLogo, #topLogo.logo2
{
	background-position:left -162px;
}
#root1155 #topLogo, #topLogo.logo3
{
	background-position:left -324px;
}
#root1194 #topLogo, #topLogo.logo4
{
	background-position:left -486px;
}
#root1104 #topLogo, #topLogo.logo5
{
	background-position:left -648px;
}
#root1267 #topLogo
{
	background-position:left bottom;
}


#root1269 #topLogo, #topLogo.logo2
{
	background-position:left -162px;
}
#topLogo a
{
	display:block;
	height:162px;
	width:164px;
}

/* search */
#search {
    background: url("/Images/search_bg.png") no-repeat scroll center center #fff;
    display: block;
    float: right;
    height: 31px;
    margin-top: 10px;
    position: relative;
    width: 224px;
    z-index: 20;
}
#search .inputSearch {
    background-color: Transparent;
    border: 0 none;
    color: #6b6b6b;
    display: block;
    font-size: 15px;
    height: 31px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 0;
    width: 174px;
}

#search .btnSearch {
    background-color: Transparent;
    border: 0 none;
    cursor: pointer;
    display: block;
    height: 31px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 40px;
}

/* TOP NAVI */

#menu1-wrapper{
    position: absolute;
    right: 0px;
    top: 69px;
    z-index: 2;
    background-color: #F5F1E5;
    display: block;
    width: 120%;
    margin: 0 -10px 0 -10px;
    border-bottom: 1px solid #EAE5DA;
}
#FxPMenu1 {
    display: inline-block;
    float: right;
    margin-right: 10px;
    height: 46px;
    overflow: visible;
}
#FxPMenu1 li {
    display: inline-block;
    float: left;

    line-height: 46px;
    position: relative;
    overflow: visible;
    z-index: 0;
}

#FxPMenu1 a {
    font-family: 'Dosis';
    font-size: 17px;
    font-weight: 500;
    color: #554e51;
    display: block;
    line-height: 46px;
    border-bottom: 5px solid transparent;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 0 8px;
    margin: 0 5px;

}
/* custom current decoration menu 1 */
    /* produkter*/
    #FxPMenu1 #FxPMenuRootLevel1155 a:hover,
    #FxPMenu1 #FxPMenuRootLevelCurrent1155 .FxPMenuRootLevelCurrentAText{
    border-bottom: 5px solid #00b2a9;
    }
    /* Oppskrifter*/
    #FxPMenu1 #FxPMenuRootLevel1194 a:hover,
    #FxPMenu1 #FxPMenuRootLevelCurrent1194 .FxPMenuRootLevelCurrentAText{
    border-bottom: 5px solid #ce0f69;
    }
    /* Finn  butikk */
    #FxPMenu1 #FxPMenuRootLevel1270 a:hover,
    #FxPMenu1 #FxPMenuRootLevelCurrent1270 .FxPMenuRootLevelCurrentAText{
    border-bottom: 5px solid #A05EB5;
    }


    /* Artikler */
    #FxPMenu1 #FxPMenuRootLevel1193 a:hover,
    #FxPMenu1 #FxPMenuRootLevelCurrent1193 .FxPMenuRootLevelCurrentAText{
    border-bottom: 5px solid #949300;
    }
    /* Om oss */
    #FxPMenu1 #FxPMenuRootLevel1195 a:hover,
    #FxPMenu1 #FxPMenuRootLevelCurrent1195 .FxPMenuRootLevelCurrentAText{
    border-bottom: 5px solid #A05EB5;
    }
    /* Nyhetsrom */
    #FxPMenu1 #FxPMenuRootLevel1267 a:hover,
    #FxPMenu1 #FxPMenuRootLevelCurrent1267 .FxPMenuRootLevelCurrentAText{
    border-bottom: 5px solid #330072;
    }
    /* Kontakt */
    #FxPMenu1 #FxPMenuRootLevel1104 a:hover,
    #FxPMenu1 #FxPMenuRootLevelCurrent1104 .FxPMenuRootLevelCurrentAText{
    border-bottom: 5px solid #330072;
    }


/* end HEADER */

/* SIDEBAR NAVI */

#FxPMenu2 {
    display: block;
    overflow: hidden;
    margin-top: 30px;
}
#FxPMenu2 a {
    display: block;
    border-bottom: 1px dashed #b2b2b2;
    line-height: 32px;
    font-size: 1.1em;
}
#FxPMenu2 a:hover {
    text-decoration: underline;
}
#FxPMenu2 .FxPMenuRootLevelCurrentAText {
    font-weight: bold;
}



/* FOOTER */

#footer {
    display: block;
    overflow: hidden;
    clear: both;
    background-image: url("/Images/footer_bg.png");
    background-position: right 35px;
    background-repeat: no-repeat;
    background-size: 87%;
    padding-top: 40px;
}
#footerColumns {
    display: block;
    overflow: hidden;
    clear: both;
}
.footerColumn {
    display: block;
    overflow: hidden;
    width: 25%;
    float: left;
    margin-top: -20px;
}


#breadCrumbs {
    margin-bottom: 1em;
    display: block;
    overflow: hidden;
}
.wrapper {
    display: block;
    overflow: hidden;
}

/* end FOOTER */







/* share */

#share
{
	width:80px;
	float:right;
	margin-top:12px;
}

#share ul {
	width: 80px;
}

#share ul li {
	list-style-type: none;
	float: left;
	height:40px;
	margin-right: 0px;
	text-align: center;
	
}

#share ul li#face {
	width: 40px;
}
#share ul li#print {
	width: 50px;
}
#share ul li#epost {
	width: 20px;
}

#share ul li a {
	width: 17px;
	height: 25px;
	text-indent: -9999px;
	display: block;
}


#share ul li .info {
	padding: 8px 10px 6px;
	width: 100px;
	text-align: center;
	-webkit-border-radius: 4px;
	background: #f6ecd3;
	position: relative;
	top: 5px;
	left: -50px;		
	opacity: 0;
	color: #371b16;
	font-family: Helvetica;
	font-weight: bold;
	font-size: 12px;
}

#share ul li .info:before {  
	content:"";
	position:absolute;
	bottom:-15px;	
	border-width:15px 15px 0;
	border-style:solid;
	border-color:#f3961c transparent;
    display:block; 
    width:0;
	top:-8px;
	bottom:auto;
	left: 50px;
	border-width:0 8px 8px;
	border-color:#f6ecd3 transparent;
}

#share ul li#face .info { width: 100px; left: -50px; }
#share ul li#face .info:before { left: 50px; }
#share ul li#face a { 
	background: url(/Images/facebook.png) no-repeat; 
	width: 30px;
	display:inline-block;
	height: 30px;
}


#share ul li#print .info { width: 50px; left: -20px; }
#share ul li#print .info:before { left: 28px; }
#share ul li#print a { 
	background: url(/Images/print.png) no-repeat; 
	width: 50px;
	height: 30px;
	margin-top:2px;
}

#share ul li#epost .info { width: 75px; left: -35px; }
#share ul li#epost .info:before { left: 40px; }
#share ul li#epost a { 
	background: url(/Images/epost.png) no-repeat; 
	width: 30px;
	height: 30px;
}



#content {
    width: 75%;
    float: right;
    display: block;
    overflow: hidden;
}
#mainImg {
    margin: 32px 0 16px 0;
}

/* TEMPLATE LAYOUTS */

/* home page */

#frontTop {
    display: block;
    overflow: hidden;
    
}

.frontTopItem {
    display: inline-block;
    float: left;
    width: 33.3%;
  
}
.frontTopItem img {
    margin-bottom: 1em;
}
.frontTopText {
    text-align: center;
    color: #616161;
    font-family: 'Merriweather', serif;
}
.frontBottomText {
    display: block;
    overflow: hidden;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px dashed #8a8a8a;
}
.frontBottomText img {
    float: left;
    margin-right: 10px;
    width: 20%;
}


/* home page - teaser */

#frontPageTeaserWrap {
    margin-top: -24px;
    margin-left: -10px;
    margin-right: -10px;
}
.teaserItem .panorama {
    position: relative;
    z-index: 0;
}
.teaserItem {
    position: relative;
}
.teasertext {
    position: absolute;
    left: 0px;
    bottom: 0px;
    display: block;
    width: 100%;
    z-index: 1;
    color: #ffffff;
    font-size: 1.32em;
    font-family: "Merriweather",serif;
   text-shadow: 1px 3px 2px rgba(0, 0, 0, 0.24);
    font-weight: 400;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */

}
.teasertext .gutter {
    padding: 60px 20px 20px 30px;
}


/* home page - featured items */


#featured-items {
    display: block;
    overflow: hidden;
}
.featured-item {
    display: inline-block;
    width: 33.3%;
    float: left;
}
.featured-item .gutter {

    padding: 10px 10px 10px 10px;
    margin: 10px;
}
.featured-item img {
    float: left;
    width: 25%;
}
.featured-item .textbox {
    display: inline-block;
    float: left;
    width: 75%;
}
.textbox h3,
.textbox span, .textbox .readMore {
    margin-left: 10px;
    display: block;
}

/* home page - bli kjent med helios */

#frontArticles h3 {
    padding-top: 20px;
    margin: 0 20px -10px 20px;
    border-top: 1px dashed #8a8a8a;
}

.syz2-1111 {
    width: 25%;
    float: left;
    display: block;
    overflow: hidden;
}
.syz2-1111 h4 {
    margin: 15px 0 10px 0;
}



/* standard - 3*/

/* sidebar */
#sidebar{
    width:25%;
    float: left;
    display: block;
    overflow: hidden;
}


/* main */


/* products */
.col3 h4 {
      margin: 10px 0px 0 0px;
    font-size: 1.1em;
    font-weight: 600;
}
.col3 #PortalItemListTable .panorama{
    max-width: 144px;
    
}
.col3 #PortalItemListTable .PortalItemListTD_1,
.col3 #PortalItemListTable .PortalItemListTD_2,
.col3 #PortalItemListTable .PortalItemListTD_3 {
    width: 33.3%;
    text-align: center;
    overflow: hidden;
}
.col3 #PortalItemListTable td .gutter {
    /*padding: 20px 40px 20px 40px;*/
}

#productsListing {
    border-top: 1px dashed #b2b2b2;
    margin-top: 20px;
}

#productsListing .syz1104-1107 {
    width: 25%;
    float: left;
    display: inline-block;
    text-align: center;
    min-height: 260px;
    margin-bottom: -20px;
}
#productsListing .syz1104-1107 .gutter {
    padding-bottom: 0;
}

/* product detail 1105 */

#m1105topWrap {
    display: block;
    overflow: hidden;
}

#m1105img {
    width: 50%;
    float: left;
}
#m1105text {
    width: 50%;
    float: right;
}
#m1105info {
    margin: 0 -20px;
}
#m1105info .infobox {
    display: inline-block;
    overflow: hidden;
    float: left;
    width: 33.3%;
}
#m1005allergies {
    margin-top: 10px;
}
#m1005nutrientContent.infobox, #m1005contents.infobox, #m1005labelsAndAllergies.infobox  {
width:50%;
}


/* related products */

#relProducts {
    display: block;
    overflow: hidden;
    margin: 10px 0px;
    clear: both;
}
.relProductW192 {
    width: 33.3%;
    float: left;
    display: inline-block;
    text-align: center;
}
.relProductW192 h3 {
    min-height: 50px;
}

/*.relProductW192:nth-child(5) {
background: pink;
    clear: left;
}*/
.relProductW192 img {
    max-width: 144px;
}

/* related recipes */

.relRecipew304 {
    width: 33%;
    float: left;
}
    .relRecipew304 .gutter {
    
    padding:10px;

    }
    /*
    .relRecipew304:nth-child(4),
      .relRecipew304:nth-child(8) {
    clear:left;
    }
        */
    .relRecipew304 img.panorama {
    padding-bottom:0.5em;

    }

/* related articles */

.relArticle {
    padding: 20px 0;
}
.relArticle img {
    width: 40%;
    float: right;
    margin-left: 20px;
}
.relatedItems {
border-top: 1px dashed #b2b2b2;
display:block;
overflow:hidden;
padding-top:10px;
}
.syz1104-1107 {
width:50%;
float:left;
}

.syz1104-1107 img {
width:30%;
float:left;
}

/* oppskrifter startside - recipes startpage */

#col3 #PortalItemListTable {
    display: table;
    width: 100%;
    margin: 10px -10px;
    border-collapse: separate;
}
#col3 #PortalItemListTable td {
    width: 33.3%;
}
.syz1096-1099 h3 {
    border-bottom: 1px dashed #b2b2b2;
    margin-bottom: 10px;
}
.syz1096-1099 .gutter {
    padding: 10px;
    
}
.syz1096-1099 p {
    font-family: 'Merriweather', serif;
    padding: 10px 0;
    font-size: 1.2em;
    line-break: auto;
}

/* oppskrift listemal */

.syz1100-1103 .gutter {
    padding: 10px;
}
.syz1100-1103 .panorama {
    margin-bottom: 10px;
}
.syz1100-1103 p{
    padding-bottom: 10px;

}
/* oppskrift detalj 1102 */
#m1102 {
   
}
#m1102 .panorama {
    margin: 10px 0 0 0;
}
#m1102 h3 {
    border-bottom: 1px dashed #8a8a8a;
    margin-bottom: 10px;
    color: #371b16;
    min-height: 50px;
}
#m1102text {
    font-family: "Merriweather",serif;
    font-size: 1.36em;
    line-height: 1.48em;
    font-weight: 400;
    width: 66.7%;
    float: left;
    display: block;
    overflow: hidden;
}
#m1102text .gutter {
    padding: 20px 00px 20px 0;
}
#m1102facts {
    color: #371b16;
    float: right;
    font-family: "Merriweather",serif;
    font-size: 1.1em;
    font-weight: 400;
    display: block;
    overflow: hidden;
    width: 33%;
}
#m1102facts .gutter {
    padding: 20px 0px 20px 20px;
    border: 0;
}
#m1102difficulty.Lett {
    background: url("/Images/recipeLevel.jpg") no-repeat scroll left top #fff;
}
#m1102difficulty.Middels {
    background: url("/Images/recipeLevel.jpg") no-repeat scroll left center #fff;
}
#m1102people {
    background: url("/Images/recipePeople.jpg") no-repeat scroll left center #fff;
}
#m1102facts div {
    border-bottom: 1px dashed #8a8a8a;
    line-height: 38px;
    padding-left: 40px;
}
#m1102ingredients {
     display: inline-block;
    float: left;
    width: 33.3%;
     color: #616161;
}
#m1102ingredients .gutter {
    padding: 0 20px 20px 0;
}
#m1102procedure {
    display: inline-block;
    float: right;
    width: 66%;
  color: #616161;
}
#m1102procedure ol {
    font-family: "Merriweather",serif;
    font-weight: 900;
    list-style: outside none decimal;
    margin-left: 1.2em;
    color: #371b16;
    font-size: 1.4em;

}
#m1102procedure li p{
    margin-bottom: 0.75em;
    font-family: arial, sans-serif;
    font-size: 13px;
    color: #616161;
    padding-left: 1em;
    font-weight: 400!important;
}
#m1102procedure .gutter {
    padding: 0 0px 20px 20px;
}

#m1102tip {
    display: inline-block;
    float: left;
    width: 33.3%;
    clear: both;
color: #616161;
}
#m1102tip .gutter {
    padding: 0 20px 20px 0;
}


/* intro article - m1097 */

.borderBottom {
    border-bottom: 1px dashed #b2b2b2;
}

#m1097 {
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
}

.hasImg .m1097text {
    display: inline-block;
    overflow: hidden;
    float: right;
    width: 32%;
}
.m1097text h2 {
    word-break: break-all;
    line-height: 1.28em;
}
.m1097img {
    display: inline-block;
    overflow: hidden;
    width: 64%;
    float: left;
}

/* flere artikler - m1056 */

.clWrap {
    display: block;
    overflow: hidden;
    margin: 10px -10px;
}

.m1056 {
    display: inline-block;
    float: left;
    width: 33.3%;
    font-family: 'Merriweather',serif;
    font-size: 1.1em;
}
.m1056 .gutter {
    padding: 10px;
}
.m1056 img {
    margin-bottom: 10px;
}
.m1056 a:hover {
    text-decoration: underline;
}

/* custom inline menu - lær mer */

.inlineMenuBox {
    display: block;
    overflow: hidden;
    border-radius: 5px;
    background: #f2f0e9;
    margin: 10px 0;
}
    .inlineMenuBox a {
        display: inline-block;
        width: 25%;
        float: left;
        text-align: center;
        font-family: 'Merriweather',serif;
        font-size: 1em;
        padding: 20px 0;
        min-height: 40px;
        border-left: 1px dashed #a9a8a3;
        margin-left: -1px;
    }
.inlineMenuBox a:hover {
    background: #BABC16;
    color: #ffffff;
}
/* custom inlinemenubox -om oss */

.inlineMenuBox.omOss {
    background: #faf8f5;
    margin-bottom: -1px;
}
.inlineMenuBox.omOss a {
    width: 50%;
    border-bottom: 1px dashed #a9a8a3;
    min-height: auto;
}
.inlineMenuBox.omOss a:hover {
    background: #a05eb5;
}



/* article detail m1001 */

/*.syz3-1001 .summary2,*/

.syz3-1001 .summary2 {
    color: #371b16;
}


.syz3-1116 .summary2 {
    font-size: 1em;
    padding-top: 10px;
}

#articleMeta {
        border-top: 1px dashed #b2b2b2;
    color: #616161;
    display: block;
    overflow: hidden;
    font-size: 0.9em;
    padding-top: 10px;   
}
.author, .publishedDate {
    display: inline-block;
    float: left;
    padding-right: 10px;
}
.syz3-1001 #articleContent,
.syz3-1116 #articleContent {
    color: #616161;
    width: 70%;
    max-width: 432px;
}
#articleContent img {
    width: 100%;
    max-width: 767px !important;
}
.mainbody {
    display: block;
    overflow: hidden;
    padding-bottom: 16px;
}

/* feature article - 1116 */

/* standard listemal - 1004 */

.syz3-1004 {
    display: block;
    overflow: hidden;
    border-top: 1px dashed #b2b2b2;
}
.syz3-1004 .gutter {
    padding: 20px 0;
}
.syz3-1004 .smallListImg {
    width: 50%;
    max-width: 304px;
    float: left;
    
}
.syz3-1004 .smallListImg a {
    margin-right: 20px;
    display: block;
    overflow: hidden;
}
.smallListText {
    display: inline-block;
    overflow: hidden;
    float: left;
    width: 50%;
}
/* kontaktside */

.catId1104 #sidebar {
    display: none;
}
.catId1104 #content {
    width: 100%;
    float: none;
    padding-top: 20px;
}


#contactForm {
    width: 70%;
    float: left;
}
#contactForm .gutter {
    padding: 0 20px 20px 0;
}
#contactForm .summary2 {
    font-size: 1em;
}

#contactFormSidebar h3 {
    border-bottom: 1px dashed #8a8a8a;
    margin-bottom: 10px;
}

.tblContact {
    display: table;
    width: 100%;
}
.tblContact tr:first-child td {
    width: 50%;
}
.tblContact input[type='text'] {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 10px;
    line-height: 25px;
}
.tblContact textarea {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 10px;
    line-height: 25px;
}
#contactForm .btnSubmit {
    background: #8dc8e8;
    float: right;
    border: 0;
    padding: 5px 10px;
    margin-top: 10px;
    border-radius: 5px;
    font-weight: bold;
}
#contactForm .btnSubmit:hover {
    cursor: pointer;
    background: #330072;
    color: #fff;
}
#contactForm a {
    color:#0489b7;
}
#contactForm p {
    padding-top:5px;
}

/* search results */

#searchBar {
    margin-left: -20px;
}
.gutter .searchResultItem {
    margin-left: -20px;
}

/* finn butikk */

.catId1271 .smallList,
.catId1272 .smallList,
.catId1273 .smallList {
    background: #f4f4f4;
    border: 0;
    margin-bottom: 5px;
    color: #371b16;
}
.catId1271 .smallList .date,
.catId1272 .smallList .date,
.catId1273 .smallList .date {
    display: none;
}
.catId1271 .smallListImg,
.catId1272 .smallListImg,
.catId1273 .smallListImg {
    float: left;
    width: 25%;
    margin-right: 20px;
    margin-left: 10px;
}

#bgElement1
{
	width:143px;
	height:384px;	
	position:absolute;
	left:0px;
	top:160px;
	background:url(/Images/bg_Ele1.png) no-repeat center center;
	z-index:-1;
}
#bgElement2
{
	width:146px;
	height:204px;	
	position:absolute;
	right:0px;
	top:0px;
	background:url(/Images/bg_Ele2.png) no-repeat center center;
	z-index:-1;
}
#bgElement3
{
	width:146px;
	height:384px;	
	position:absolute;
	right:0px;
	top:630px;
	background:url(/Images/bg_Ele3.png) no-repeat center center;
	z-index:-1;
}


/* ADJUSTING COLUMNS BASED ON SCREEN WIDTH */

@media only screen and (max-width: 850px) { /* dropping secondary below when screen gets too narrow for form */

  #sidebar {
      width: 30%;
  }
  #content {
      width: 70%;
  }
  #productsListing .syz1104-1107 {
      width: 33.3%;
      min-height: 250px;
      margin-bottom: -10px;
  }
   #productsListing .syz1104-1107 .gutter {
       padding-bottom: 0;
       
   }
   #col3 #PortalItemListTable td {
       width: 100%;
       display: block;
   }
   #col3 #PortalItemListTable td .panorama {
       width: 50%;
       float: left;
       margin-right: 20px;
   }
   /* oppskrifter */
    #m1102facts, #m1102text {
        width: 50%;
        font-size: 1.1em;
    }
    /* relaterte produkter */

    .relProductW192 {
        width: 50%;
       
    }
 

    /* flere artikler */

    .m1056 {
        width: 50%;
        display: block;

    }



}

@media only screen and (min-width:768px) and (max-width: 850px) {

    #topLogo {
        left: 10px;
    }

    #FxPMenu1 a {
        font-size: 16px;
        font-weight: 400;
    }
    
}