/* Colors */
/*//simpless:!minify*/
/* Colors */
/* Fonts */
/* Transitions */
* {
  margin: 0;
  padding: 0;
  outline: none;
}
body {
  color: #58473f;
  font-family: 'PT Sans', sans-serif, Verdana;
  background: #e7e4de;
  font-size: 14px;
  text-shadow: 0px 1px 0px #ffffff;
}
h1 {
  font-size: 34px;
  margin-bottom: 14px;
  font-weight: normal;
  letter-spacing: -1px;
  line-height: 40px;
}
h2 {
  font-size: 26px;
  margin-bottom: 14px;
  font-weight: normal;
  letter-spacing: -1px;
}
h3 {
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: normal;
}
a {
  text-decoration: none;
  color: #b80040;
}
a:hover {
  text-decoration: underline;
}
/* Vanlig layout */
button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner {
  padding: 0 !important;
  border: 0 none !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: textfield;
  margin: 0;
}
/*input::-webkit-outer-spin-button {
    -webkit-appearance: textfield;
    margin: 0;
}​*/
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.right {
  float: right;
}
.no-text-shadow {
  text-shadow: none;
  filter: none;
}
.no-hidden {
  overflow: visible !important;
}
.no-padding-bottom {
  padding-bottom: 0 !important;
}
.no-margin {
  margin: 0 !important;
}
.box-shadow {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3);
  box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3);
}
.shadow {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 90;
  background: #000;
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
  zoom: 1;
}
.main {
  padding-bottom: 30px;
  /*padding: 0 10px 30px 10px;*/

}
.logo {
  position: absolute;
  display: block;
  width: 164px;
  height: 142px;
  background: url(../../images/logo.png) no-repeat;
  text-indent: -9000em;
  z-index: 50;
}
.full-header,
.full-footer {
  background: url(../../images/lin_bg.jpg);
}
.header {
  height: 64px;
}
.main-menu {
  margin-top: 22px;
  text-align: right;
}
.main-menu li {
  display: inline-block;
  margin-right: -4px;
  margin-left: 1%;
}
.ie7 .main-menu li {
  display: block;
  float: left;
  margin-right: 0;
}
.main-menu li:first {
  margin-left: 0;
}
.main-menu li a {
  padding: 4px 12px;
  color: #58473f;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.main-menu li a:hover,
.main-menu li a.active {
  color: #f1efec;
  background: #695a53;
  text-decoration: none;
  text-shadow: none;
  filter: none;
}
.ie7 .main-menu li a {
  display: block;
  filter: none;
}
.search-form {
  position: relative;
  margin-top: 16px;
  text-align: right;
}
.search-form .input {
  padding: 4px 5px 6px 12px;
  width: 190px;
  height: 20px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  border: 1px solid #d3cac2;
  font-style: italic;
}
.search-form .button {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  border: none;
  cursor: pointer;
  background: url(../../images/sprite.png) -198px -43px no-repeat;
  text-indent: -5000px;
}
.header .tine-logo {
  display: block;
  margin-top: 17px;
  width: 43px;
  height: 28px;
  text-indent: -8000px;
  background: url(../../images/mini_tine_logo.png) no-repeat;
}
.full-width {
  width: 100%;
  overflow: hidden;
}
.big-top {
  position: relative;
  margin-bottom: 30px;
  max-height: 490px;
  overflow: hidden;
  background: url("../../images/lin_bg.jpg") repeat scroll 0 0 transparent;
}
.big-top:before {
  content: ' ';
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -638px;
  width: 1276px;
  height: 98%;
  z-index: 0;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.6);
}
.big-img-slideshow {
  border-bottom: 40px solid #E7E4DE;
  overflow: visible;
}
.big-img-slideshow .pane {
  width: 100%;
  overflow: hidden;
}
.big-img-slideshow:before {
  display: none;
}
.big-top .slideshow-content {
  position: relative;
  max-height: 490px;
  vertical-align: top;
  overflow: hidden;
}
.ie .big-top .slideshow-content {
  list-style: none;
}
.big-top .slideshow-content li {
  position: relative;
  display: none;
  margin-bottom: -4px;
  text-align: center;
  height: 100%;
  width: 100%;
}
.big-top .slideshow-content li:first-child {
  margin-right: -4px;
  display: inline-block;
  vertical-align: top;
}
.big-top .slideshow-content li.first-child {
  margin-right: -4px;
  display: inline-block;
  vertical-align: top;
}
.ie7 .big-top .slideshow-content li.first-child {
  display: inline;
  zoom: 1;
}
.big-top.show .slideshow-content li {
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
}
.ie7 .big-top.show .slideshow-content li {
  display: inline;
  zoom: 1;
}
.big-top .slideshow-content li:before {
  content: ' ';
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -638px;
  width: 1276px;
  height: 98%;
  z-index: 0;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 1280px) {
  .big-top .slideshow-content li:before {
    display: none;
  }
}
.big-top .slideshow-content li img {
  z-index: 1;
}
.big-top img {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 1280px;
  height: auto;
  vertical-align: top;
}
.info-bubble {
  position: absolute;
  top: 16%;
  left: 60%;
  display: block;
  padding: 0 60px 0 45px;
  height: 254px;
  width: 160px;
  text-align: center;
  background: url(../../images/bubble_bg.png) no-repeat;
  color: #58473f;
  z-index: 2;
}
.info-bubble div {
  display: table-cell;
  padding-top: 20px;
  height: 230px;
  vertical-align: middle;
}
.ie7 .info-bubble div {
  margin-top: 30px;
}
.info-bubble:hover {
  text-decoration: none;
}
.info-bubble h2 {
  margin-bottom: 5px;
  font-family: 'Coming Soon', cursive;
  font-size: 24px;
  line-height: 28px;
}
.big-top .point-nav {
  margin: 0 auto;
  position: absolute;
  bottom: -40px;
  left: 0;
  padding-top: 15px;
  width: 100%;
  height: 26px;
  z-index: 500;
  text-align: center;
  z-index: 3;
}
.ie7 .big-top .point-nav {
  display: none;
}
.big-top .point-nav li {
  display: inline-block;
  height: 12px;
}
.big-top .point-nav li a {
  display: block;
  height: 12px;
  width: 12px;
  background: url(../../images/sprite.png) no-repeat -385px -12px;
  overflow: hidden;
  text-indent: -8000px;
}
.big-top .point-nav li:hover a,
.big-top .point-nav li.active a {
  background: url(../../images/sprite.png) no-repeat -370px -12px;
}
.footer {
  padding: 60px 10px 70px 10px;
}
.footer a {
  color: #58473f;
}
.footer a:hover {
  color: #b80040;
  text-decoration: underline;
}
.footer .footer-links {
  margin-top: 27px;
}
.footer span {
  display: block;
  margin-top: 20px;
  margin-bottom: 6px;
  font-style: italic;
}
.footer ul {
  line-height: 20px;
  list-style: none;
}
.footer .twitter,
.footer .facebook,
.footer .youtube,
.footer .pinterest {
  display: inline-block;
  margin-right: -4px;
  height: 29px;
  text-indent: -8000px;
  background: url(../../images/sprite.png) 0 0 no-repeat;
}
.footer .facebook {
  width: 27px;
  background-position: 0 0;
}
.footer .youtube {
  width: 50px;
  background-position: -27px 0;
}
.footer .twitter {
  width: 27px;
  background-position: -77px 0;
}
.footer .pinterest {
  width: 29px;
  background-position: -104px 0;
}
/* Forsiden */
.content-box {
  padding-bottom: 10px;
  text-align: center;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.content-box:hover {
  background: #e1dcd6;
}
.content-box h2,
.content-box p {
  margin: 0 auto;
  width: 80%;
}
.content-box span {
  display: block;
  margin: 14px auto 0;
  color: #b80040;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0;
}
.content-box h2 {
  margin: 10px auto;
  font-size: 20px;
  color: #58473f;
}
.content-box p {
  font-size: 14px;
  color: #58473f;
}
.content-box a:hover h2 {
  color: #b80040;
}
.content-box a:hover {
  text-decoration: none;
}
.full-white {
  background: #fff;
  border-top: 1px solid #d3cac2;
  border-bottom: 1px solid #d3cac2;
  -webkit-box-shadow: 0px 1px #f1efec;
  box-shadow: 0px 1px #f1efec;
}
.full-grey {
  background: #f1efec;
  border-top: 1px solid #d3cac2;
  border-bottom: 1px solid #d3cac2;
  -webkit-box-shadow: 0px 1px #f1efec;
  box-shadow: 0px 1px #f1efec;
}
.full-medium-grey {
  background: #e1dcd6;
}
.product-logos {
  position: relative;
  width: 100%;
  height: 245px;
}
.nav {
  display: none;
}
.product-logos .pane {
  position: relative;
  width: 100%;
  height: 245px;
  overflow: hidden;
}
.product-logos ul {
  position: absolute;
  width: 100%;
  height: 100%;
}
.product-logos ul li {
  display: inline-block;
  margin-right: -4px;
  padding-top: 30px;
  width: 14%;
  vertical-align: top;
  text-align: center;
}
.ie7 .product-logos ul li {
  display: block;
  float: left;
  zoom: 1;
  /*width: 14.286;*/

}
.product-logos ul li.big {
  padding-top: 10px;
  width: 16%;
}
.product-logos ul li img,
.product-logos ul li span {
  display: block;
  margin: 0 auto;
}
.product-logos ul li span {
  margin-top: -30px;
  font-weight: bold;
  font-size: 13px;
}
.ie8 .product-logos ul li span,
.ie7 .product-logos ul li span {
  margin-top: -10px;
}
.product-logos ul li .image {
  margin-bottom: 30px;
  width: 100%;
}
.product-logos ul li .image img {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 12px solid transparent;
  width: 100% !important;
  height: auto !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.ie8 .product-logos ul li .image img,
.ie7 .product-logos ul li .image img {
  border: none;
  width: 80% !important;
}
.product-logos ul li:hover .image img {
  border-width: 8px;
}
.ie8 .product-logos ul li:hover .image img,
.ie7 .product-logos ul li:hover .image img {
  margin-top: -5%;
  width: 90% !important;
}
.product-logos ul li.big .image {
  margin-bottom: 40px;
}
.ie8 .product-logos ul li.big .image img,
.ie7 .product-logos ul li.big .image img {
  width: 90% !important;
}
.product-logos ul li.big span {
  margin-top: -42px;
}
.ie8 .product-logos ul li.big span,
.ie7 .product-logos ul li.big span {
  margin-top: -37px;
}
.product-logos ul li.big:hover .image img {
  border-width: 0;
}
.ie8 .product-logos ul li.big:hover .image img,
.ie7 .product-logos ul li.big:hover .image img {
  margin-top: -5%;
  width: 100% !important;
}
.product-logos ul li a {
  color: #58473f;
}
.product-logos ul li a:hover {
  color: #58473f;
  text-decoration: none;
}
.slideshow .nav-buttons a {
  position: absolute;
  top: 80px;
  display: block;
  height: 20px;
  width: 20px;
  text-align: center;
  z-index: 50;
}
.slideshow .nav-buttons .prev {
  left: 10px;
}
.slideshow .nav-buttons .next {
  right: 10px;
}
.slideshow .inactive {
  color: orange;
  opacity: 0.5;
}
.vindu {
  position: fixed;
  top: 0;
  left: 100px;
  display: none;
  height: 100px;
  width: 150px;
  background: yellow;
}
/* Felles undersider */
.intro p,
.intro {
  margin-bottom: 20px;
  width: 90%;
  font-size: 20px;
  color: #b80040;
  font-style: italic;
}
.slim p {
  width: 80%;
}
.body p {
  margin-bottom: 14px;
  font-size: 16px;
}
.small-video {
  position: relative;
  margin: 54px 0 28px 0;
  padding: 7px 7px 5px 7px;
  width: 356px;
  background: #f1efec;
  border: 1px solid #d3cac2;
}
.watch-video {
  position: absolute;
  top: -39px;
  left: 218px;
  display: block;
  padding-top: 14px;
  width: 125px;
  height: 46px;
  color: #fff;
  font-family: 'Coming Soon', cursive;
  font-size: 20px;
  text-align: center;
  background: url(../../images/sprite.png) -4px -91px no-repeat;
  z-index: 20;
  cursor: pointer;
}
.watch-video:hover {
  text-decoration: none;
  background: url(../../images/sprite.png) -4px -212px no-repeat;
}
a[href="#openvideo"] {
  color: #58473f;
}
a[href="#openvideo"]:hover {
  text-decoration: none;
}
a[href="#openvideo"]:hover .play {
  background-position: -338px -290px;
}
.small-video .preview {
  position: relative;
  display: inline-block;
  width: 180px;
}
.ie7 .small-video .preview {
  display: block;
  float: left;
}
.small-video .preview .play {
  position: absolute;
  top: 25px;
  left: 50%;
  margin-left: -26px;
  display: block;
  width: 52px;
  height: 52px;
  text-indent: -8000px;
  background: url(../../images/sprite.png) -268px -290px no-repeat;
}
.big-video {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -180px;
  margin-left: -320px;
  padding: 10px;
  width: 640px;
  height: 360px;
  background: #f1efec;
  border: 1px solid #d3cac2;
  z-index: 100;
}
.big-video .close {
  display: block;
  position: absolute;
  top: -29px;
  right: -30px;
  width: 48px;
  height: 50px;
  background: url(../../images/sprite.png) no-repeat -3px -659px;
  text-indent: -9000px;
}
.big-video .close:hover {
  background: url(../../images/sprite.png) no-repeat -62px -659px;
}
.big-video h3 {
  position: absolute;
  top: 6px;
  left: 20px;
  margin: 0;
}
.small-video .text {
  display: inline-block;
  margin-top: 15px;
  margin-left: 10px;
  width: 160px;
  vertical-align: top;
}
.ie7 .small-video .text {
  padding-left: 20px;
  margin-top: 20px;
  width: 150px;
}
.small-video .text h3 {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
}
.facebook-comments {
  padding: 10px 10px 20px 10px;
  width: 364px;
  background: #f1efec;
}
.fb_iframe_widget {
  margin: 20px 0;
}
/* Produkter */
.canvas {
  position: relative;
  padding-top: 80px;
  overflow: hidden;
  -webkit-transition: height 0.5s ease-in-out;
  -moz-transition: height 0.5s ease-in-out;
  -ms-transition: height 0.5s ease-in-out;
  -o-transition: height 0.5s ease-in-out;
  transition: height 0.5s ease-in-out;
}
.ie7 .canvas {
  padding-bottom: 20px;
}
.full-white .open {
  height: 520px;
}
.ie7 .full-white .open {
  height: 520px;
}
.canvas ul {
  margin-top: -20px;
}
.canvas ul li {
  display: inline-block;
  margin-right: -4px;
  margin-bottom: 15px;
  width: 20%;
  min-height: 240px;
  text-align: center;
  vertical-align: top;
}
.ie7 .canvas ul li {
  display: inline;
  zoom: 1;
}
.canvas ul li img,
.canvas ul li span {
  display: block;
  margin: 0 auto;
  vertical-align: bottom;
}
.canvas ul li span {
  margin-top: -20px;
}
.canvas ul li img {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 20px solid transparent;
  width: 100%;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.ie8 .canvas ul li img,
.ie7 .canvas ul li img {
  border: none;
  width: 90%;
}
.canvas ul li a:hover img {
  border-width: 10px;
}
.ie7 .canvas ul li a:hover img,
.ie8 .canvas ul li a:hover img {
  margin-top: -10%;
  width: 100%;
}
.canvas ul li a {
  color: #58473f;
  font-weight: bold;
}
.expand {
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -82px;
  padding-top: 9px;
  width: 165px;
  height: 39px;
  color: #f1efec;
  text-align: center;
  font-weight: bold;
  background: url(../../images/sprite.png) no-repeat -228px -230px;
}
.expand:hover {
  text-decoration: none;
}
.circle-image {
  position: relative;
  float: right;
  width: 76%;
  height: 76%;
  overflow: hidden;
}
.circle-image img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.circle-image .mask {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.mask img {
  position: relative;
  width: 100%;
  height: auto;
  z-index: 1;
}
.circle-image .tips {
  bottom: 35px;
  padding: 2;
  width: 70%;
  text-align: center;
  font-family: 'Coming Soon', cursive;
  z-index: 2;
}
.single-product {
  position: relative;
  padding-top: 0;
  height: 340px;
  overflow: visible;
}
.single-product ul {
  position: absolute;
  text-align: center;
}
.ie8 .single-product ul {
  text-align: center;
}
.single-product ul li {
  width: 20%;
}
.single-product ul li a:hover {
  text-decoration: none;
}
.ie8 .single-product ul li {
  width: 18%;
}
.single-product ul li img {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.single-product ul li span {
  font-size: 13px;
}
.single-product .center-product {
  margin-top: -16px;
}
.ie8 .single-product .center-product img:hover,
.ie8 .single-product .center-product img,
.ie7 .single-product .center-product img:hover,
.ie7 .single-product .center-product img,
.single-product .center-product img {
  border-width: 0;
  margin-top: -2.5%;
  width: 100%;
}
.single-product .center-product img:hover {
  border-width: 0;
}
.single-product .center-product span {
  display: none;
}
.ie7 .single-product {
  height: 320px;
}
.single-product .pane {
  position: relative;
  display: block;
  margin-left: -40px;
  padding: 100px 20px 0 20px;
  height: 240px;
  width: 100%;
  overflow: hidden;
}
.single-product .nav a {
  display: none;
  position: absolute;
  bottom: 113px;
  left: -97px;
  width: 43px;
  height: 43px;
  background: url(../../images/sprite.png) -209px -386px no-repeat;
  text-indent: -200em;
  overflow: hidden;
  z-index: 1;
}
.single-product .nav .next {
  left: auto;
  right: -97px;
  background-position: -277px -386px;
}
.single-product .nav .prev:hover {
  background-position: -209px -450px;
}
.single-product .nav .next:hover {
  background-position: -277px -450px;
}
.single-product .nav .hidden {
  display: none;
}
.brown-title {
  display: block;
  padding: 3%;
  width: 94%;
  background: #d3cac2;
  color: #58473f;
  font-weight: bold;
}
.nutrients {
  margin-left: 3px;
  margin-bottom: 46px;
}
.nutrients ul {
  width: 100%;
}
.nutrients li {
  padding: 1% 3%;
  color: #58473f;
  background: #d3cac2;
  font-size: 13px;
  list-style-type: none;
}
.nutrients li:nth-child(odd) {
  background: #dad2cb;
}
.ie .nutrients li.odd {
  background: #dad2cb;
}
.package-list {
  margin-bottom: 30px;
}
.info {
  margin-left: 3px;
  padding: 3%;
  margin-bottom: 50px;
  width: 94%;
  background: #d3cac2;
  color: #58473f;
}
.info .ingredients,
.info .storage {
  display: inline-block;
  margin: 0;
  padding: 2% 0;
  margin-right: -4px;
  width: 47%;
  vertical-align: top;
  box-shadow: none;
  font-family: 'PT Sans', sans-serif;
}
.info .ingredients {
  margin-right: 4%;
  box-shadow: none !important;
}
.info h3 {
  font-size: 14px;
  font-weight: bold;
}
.normal-title {
  margin-bottom: 40px;
  padding-bottom: 10px;
}
.normal-title h2 {
  font-size: 18px;
  font-family: 'PT Sans', sans-serif;
  color: #58473f;
  text-transform: none;
  font-weight: normal;
}
.package-list li {
  display: inline-block;
  margin-right: -4px;
  width: 30%;
}
.ie7 .package-list li {
  display: block;
  float: left;
  margin-right: 1%;
  width: 29%;
}
.package-list li img,
.package-list li span {
  display: block;
  margin: 0 auto;
}
.package-list li span {
  margin-top: 14px;
  text-align: center;
}
/* Oppskrifter */
.recipes h1 {
  margin-top: 30px;
}
.top-space {
  padding-top: 70px;
}
.big-top-space {
  padding-top: 110px;
  padding-bottom: 0px;
}
.bottom-space {
  padding-bottom: 70px;
}
.tips {
  position: absolute;
  bottom: -30px;
  display: block;
  padding: 22px 30px;
  width: 30%;
  color: #f1efec;
  background: #685a54;
  /* Old browsers */

  background: -moz-linear-gradient(left, #685a54 0%, #58473f 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #685a54), color-stop(100%, #58473f));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(left, #685a54 0%, #58473f 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(left, #685a54 0%, #58473f 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(left, #685a54 0%, #58473f 100%);
  /* IE10+ */

  background: linear-gradient(left, #685a54 0%, #58473f 100%);
  /* W3C */

  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#685a54', endColorstr='#58473f', GradientType=1);
  /* IE6-9 */

  border: 1px solid #695a53;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5);
  box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5);
}
.tips a,
.tips-float a {
  color: #fff;
  text-decoration: underline;
}
.tips a:hover,
.tips-float a:hover {
  color: #d3cac2;
}
.back {
  position: absolute;
  margin-top: -46px;
  padding: 6px 15px 7px 50px;
  color: #f1efec;
  border-radius: 20px;
  background: url(../../images/sprite.png) -344px -403px no-repeat #58473f;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.back:hover {
  text-decoration: none;
  background-color: #b80040;
}
.back-bottom {
  display: inline-block;
  position: relative;
  margin: 40px 0 14px 0;
}
.how-to {
  margin-left: 40px;
  margin-bottom: 46px;
  width: 75%;
  counter-reset: li;
}
.ie7 .how-to {
  padding: 0;
  /*		margin-left: 10px;*/

}
.how-to li {
  position: relative;
  padding: 4px 0 10px 60px;
  margin-bottom: 10px;
  list-style: none;
  font-size: 16px;
}
.ie7 .how-to li {
  list-style-type: circle;
  padding: 0;
  padding-bottom: 10px;
}
.how-to li:before {
  position: absolute;
  top: 9px;
  left: 0;
  padding-top: 8px;
  height: 32px;
  width: 40px;
  background: #58473f;
  border-radius: 20px;
  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
  color: #f1efec;
  content: counter(li);
  counter-increment: li;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  text-shadow: none;
  filter: none;
}
.how-to li .title {
  display: block;
  font-weight: bold;
}
.time {
  display: inline-block;
  padding: 3px 0 3px 32px;
  margin-right: 20px;
  margin-bottom: 10px;
  color: #b80040;
  font-weight: bold;
  background: url(../../images/sprite.png) -183px -105px no-repeat;
}
.ie7 .time {
  display: block;
}
.difficulty {
  font-weight: bold;
  color: #b80040;
}
.ie7 .difficulty {
  display: block;
  margin-left: 36px;
}
.ingredients {
  margin-top: 34px;
  width: 75%;
  font-family: 'Coming Soon', cursive;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5);
  box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5);
}
.ingredients .header {
  background: #d3cac2;
}
.ie7 .ingredients .header {
  position: relative;
}
.ingredients h2 {
  display: inline-block;
  margin: 17px 0 0 20px;
  font-size: 20px;
}
.ie7 .ingredients h2 {
  display: inline;
}
.ingredients .portions {
  position: relative;
  display: inline-block;
  float: right;
  margin-top: 24px;
  margin-right: 20px;
  width: 210px;
  font-family: 'PT Sans', sans-serif, Verdana;
}
.ie7 .ingredients .portions {
  display: inline;
  position: absolute;
  top: 0;
  right: 0;
}
.ingredients .minus,
.ingredients .plus {
  position: absolute;
  top: -7px;
  right: 0;
  display: block;
  width: 30px;
  height: 30px;
  overflow: hidden;
  background: url(../../images/sprite.png) -141px -250px no-repeat;
  text-indent: -8000px;
}
.ingredients .minus {
  right: 55px;
  background-position: -182px -250px;
}
.ingredients .plus:hover {
  background-position: -141px -214px;
}
.ingredients .minus:hover {
  background-position: -182px -214px;
}
.ingredients .counter {
  position: absolute;
  top: 0;
  right: 39px;
  font-weight: bold;
}
.ingredients ul {
  list-style: none;
}
.ingredients ul li {
  padding: 5px 20px;
  color: #f1efec;
  background: #7f695f;
}
.ingredients ul li:nth-child(odd) {
  background: #695a53;
}
.ingredients ul li.title {
  font-weight: bold;
  font-family: 'PT Sans', sans-serif;
}
.ingredients ul li a {
  color: #fff !important;
  text-decoration: underline !important;
}
.ingredients ul li a:hover {
  color: #d3cac2 !important;
}
.ingredients .submitter {
  display: block;
  float: right;
  margin-top: 10px;
  font-family: 'PT Sans', sans-serif;
}
.star-rating {
  position: relative;
  height: 30px;
}
.ie7 .star-rating {
  display: none;
}
.star-rating .stars {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 19px;
  z-index: 10;
  width: 95px;
  background: url(../../images/rating.png) -95px 0 no-repeat;
}
.star-rating .stars span,
.star-rating .stars a {
  display: inline-block;
  margin-right: -4px;
  width: 19px;
  height: 19px;
  text-align: center;
  text-indent: -8000px;
}
.star-rating span:hover {
  cursor: pointer;
}
.star-rating span.rating {
  display: block;
  padding: 12px 0 0 61px;
  width: 34%;
  margin-left: 108px;
  font-family: 'Coming Soon', cursive;
  cursor: default;
  font-size: 18px;
  background: url(../../images/sprite.png) -166px -166px no-repeat;
}
.star-rating .s1 {
  background-position: -76px 0;
}
.star-rating .s2 {
  background-position: -57px 0;
}
.star-rating .s3 {
  background-position: -38px 0;
}
.star-rating .s4 {
  background-position: -19px 0;
}
.star-rating .s5 {
  background-position: 0 0;
}
.star-rating .s1-selected {
  background-position: -76px -26px;
}
.star-rating .s2-selected {
  background-position: -57px -26px;
}
.star-rating .s3-selected {
  background-position: -38px -26px;
}
.star-rating .s4-selected {
  background-position: -19px -26px;
}
.star-rating .s5-selected {
  background-position: 0 -26px;
}
/* Produkter i oppskriften */
.related-products {
  position: relative;
  margin-top: 40px;
  margin-bottom: 60px;
}
.related-products .nav-buttons {
  position: relative;
}
.related-products .nav-buttons a {
  display: block;
  position: absolute;
  top: 70px;
  left: -16px;
  width: 31px;
  height: 31px;
  z-index: 80;
  background: url(../../images/sprite.png) -141px -291px no-repeat;
  text-indent: -8000px;
}
.ie7 .related-products .nav-buttons a {
  top: 90px;
  left: -34px;
  outline: none;
}
.related-products .nav-buttons .next {
  left: 155px;
  background: url(../../images/sprite.png) -182px -291px no-repeat;
}
.ie7 .related-products .nav-buttons .next {
  left: 170px;
}
.related-products .nav-buttons .next:hover {
  background: url(../../images/sprite.png) -182px -325px no-repeat;
}
.related-products .nav-buttons .prev:hover {
  background: url(../../images/sprite.png) -141px -325px no-repeat;
}
.related-products .nav-buttons .inactive {
  display: none;
}
.related-slideshow {
  width: 170px;
}
.ie7 .related-slideshow {
  margin-left: 50px;
}
.related-slideshow .content {
  position: relative;
  margin-top: 20px;
  width: 170px;
  height: 230px;
  overflow: hidden;
}
.related-slideshow .featured {
  display: block;
  position: absolute;
  top: -17px;
  left: 112px;
  padding-top: 10px;
  width: 150px;
  height: 42px;
  background: url(../../images/sprite.png) no-repeat 0 -158px;
  z-index: 100;
  color: #fff;
  font-size: 16px;
  text-align: center;
  font-family: 'Coming Soon', cursive;
}
.related-slideshow .circle-mask {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 171px;
  height: 171px;
  z-index: 50;
  background: url(../../images/circle_mask.png) no-repeat;
}
.related-slideshow ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 500px;
  list-style: none;
}
.related-slideshow ul li {
  position: relative;
  display: inline-block;
  margin-right: -4px;
  width: 170px;
  text-align: center;
}
.ie7 .related-slideshow ul li {
  display: block;
  float: left;
}
.related-slideshow ul li .image {
  display: block;
  height: 170px;
  width: 170px;
  background: #fff;
}
.related-slideshow ul li .image img {
  margin: 26px auto 0;
  width: 118px;
  height: auto;
}
.related-slideshow ul li a.title {
  position: absolute;
  top: 170px;
  left: 0;
  padding-top: 14px;
  width: 170px;
  min-height: 40px;
  background: #e7e4de;
  color: #58473f;
  font-weight: bold;
}
/* Relaterte oppskrifterkarusellen i bunn inne på oppskriftsiden */
.related-recipes {
  position: relative;
  width: 100%;
}
.related-recipes .pane {
  position: relative;
  height: 380px;
  width: 100%;
  margin-left: -20px;
  padding: 0 20px;
  overflow: hidden;
}
.related-recipes .pane ul {
  position: absolute;
  left: 0;
  top: 58px;
  width: 100%;
}
.related-recipes .pane ul li {
  display: inline-block;
  margin-right: -4px;
  margin-bottom: 100%;
  width: 33.33%;
  text-align: center;
  vertical-align: top;
}
.related-recipes .pane ul li span {
  display: block;
  margin: 0 auto;
  width: 86%;
  font-size: 20px;
}
.related-recipes .pane ul li div {
  position: relative;
  padding: 0 20px;
}
.related-recipes .pane ul li img {
  display: block;
  margin: 0 auto;
  margin-bottom: 21px;
  width: 100%;
  height: auto;
}
.related-recipes .pane ul li a {
  display: block;
  position: relative;
  color: #58473f;
}
.related-recipes .pane ul li a:hover {
  text-decoration: none;
}
.related-recipes .nav a {
  display: block;
  position: absolute;
  left: -81px;
  top: 120px;
  width: 61px;
  height: 61px;
  background: url(../../images/sprite.png) -3px -450px no-repeat;
  text-indent: -200em;
  z-index: 100;
  overflow: hidden;
}
.related-recipes .nav a.next {
  left: auto;
  right: -81px;
  background: url(../../images/sprite.png) -73px -450px no-repeat;
}
.related-recipes .nav a.next:hover {
  background: url(../../images/sprite.png) -73px -379px no-repeat;
}
.related-recipes .nav a.prev:hover {
  background: url(../../images/sprite.png) -3px -379px no-repeat;
}
.big-search {
  margin-top: 30px;
  padding-left: 4%;
  width: 43% !important;
}
.big-search h3 {
  display: inline;
  margin-right: 6px;
}
.big-search span {
  font-size: 12px;
  font-style: italic;
}
.big-search form {
  position: relative;
  margin-top: 12px;
  width: 90%;
}
.big-search .input {
  -moz-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  font-style: italic;
  padding: 10px 10px 10px 20px;
  width: 100%;
  height: 28px;
  border: 1px solid #d3cac2;
  font-size: 14px;
}
.ie7 .big-search .input,
.ie8 .big-search .input {
  padding: 16px 10px 16px 20px;
}
.big-search .button {
  display: block;
  position: absolute;
  top: 4px;
  right: -18px;
  width: 53px;
  height: 30px;
  text-align: left;
  background: #fff;
  border: none;
  cursor: pointer;
  background: url(../../images/sprite.png) 102% -791px no-repeat;
  text-indent: -8000px;
}
.ie7 .big-search .button,
.ie8 .big-search .button {
  /*					padding: 0 10px;
					height: 36px;
					background: pink;*/

  /*background-position-y: -534px;*/

}
.recipe-filter {
  margin-bottom: 40px;
}
.ie7 .recipe-filter {
  display: block;
}
.recipe-filter fieldset {
  display: inline-block;
  margin-right: -4px;
}
.ie7 .recipe-filter fieldset {
  display: block;
  float: left;
  margin-right: 0;
}
.recipe-filter .dropdown {
  width: 40%;
}
.ie7 .recipe-filter .dropdown {
  width: 30%;
}
.recipe-filter .dropdown div {
  display: inline-block;
  margin-right: -4px;
  width: 48%;
}
.ie7 .recipe-filter .dropdown div {
  display: block;
  float: left;
  margin-right: 0;
}
.recipe-filter .dropdown label {
  display: block;
  margin-bottom: 8px;
  font-weight: bold;
}
.recipe-filter .dropdown select {
  display: block;
  padding: 6px 7px 6px 12px;
  width: 96%;
  color: #695a53;
  border: 1px solid #695a53;
  -webkit-appearance: button;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 14px;
  background: #ffffff;
  background: url(../../images/sprite.png) 100% -592px no-repeat, -moz-linear-gradient(top, #ffffff 0%, #eae7e6 100%);
  background: url(../../images/sprite.png) 100% -592px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eae7e6));
  background: url(../../images/sprite.png) 100% -592px no-repeat, -webkit-linear-gradient(top, #ffffff 0%, #eae7e6 100%);
  background: url(../../images/sprite.png) 100% -592px no-repeat, -o-linear-gradient(top, #ffffff 0%, #eae7e6 100%);
  background: url(../../images/sprite.png) 100% -592px no-repeat, -ms-linear-gradient(top, #ffffff 0%, #eae7e6 100%);
  background: url(../../images/sprite.png) 100% -592px no-repeat, linear-gradient(to bottom, #ffffff 0%, #eae7e6 100%);
}
.ie8 .recipe-filter .dropdown select,
.ie7 .recipe-filter .dropdown select {
  /*padding: 0;*/

}
.recipe-filter .difficulty {
  margin-right: 2%;
  width: 20%;
}
.ie7 .recipe-filter .difficulty {
  width: 24%;
}
.recipe-filter .difficulty span,
.recipe-filter .sort span {
  display: block;
  margin-bottom: 8px;
  font-weight: bold;
  color: #58473f;
}
.recipe-filter .difficulty label {
  margin-right: 0.4em;
  color: #58473f;
  font-weight: normal;
}
.recipe-filter .sort {
  width: 22%;
}
.recipe-filter .submitted-recipes {
  position: relative;
  padding: 1%;
  width: 12%;
  background: #f1efec;
  border: 1px solid #d3cac2;
}
.recipe-filter .submitted-recipes label {
  display: block;
  margin-left: 26px;
}
.recipe-filter .submitted-recipes div {
  display: block;
  position: absolute;
  margin-top: 2px;
}
.ie7 .recipe-filter .submitted-recipes div {
  left: 6px;
}
.article-list {
  position: relative;
  width: 100%;
  border-bottom: 7px solid #d3cac2;
}
.article-list li {
  display: inline-block;
  margin-right: -4px;
  margin-bottom: 20px;
  padding-bottom: 30px;
  width: 33%;
  text-align: center;
  vertical-align: top;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.article-list li:hover {
  background: #e1dcd6;
}
.ie7 .article-list li {
  display: block;
  float: left;
}
.article-list li a {
  display: block;
  position: relative;
}
.article-list li a:hover {
  text-decoration: none;
}
.article-list li div {
  position: relative;
  margin-bottom: 1.3em;
}
.article-list li img {
  display: block;
  margin: 0 auto;
  height: auto;
  width: 90%;
}
.article-list li h2 {
  display: block;
  margin: 0 auto;
  width: 86%;
  font-size: 20px;
  color: #58473f;
}
.article-list li a:hover h2 {
  color: #b80040;
}
.article-list li .intro {
  margin: 10px auto 0;
  font-style: normal;
  color: #58473f;
  width: 70%;
  font-size: 14px;
}
.related-recipes .pane ul li .submitter,
.article-list .submitter {
  display: block;
  position: absolute;
  left: 50%;
  bottom: -6%;
  margin-left: -75px;
  padding: 1% 0;
  width: 150px;
  border: 1px solid #d3cac2;
  background: #f1efec;
  font-family: 'Coming Soon', cursive;
  color: #b80040;
  font-size: 14px;
}
.ie7 .related-recipes .submitter,
.ie7 .article-list .submitter {
  bottom: 0;
}
.suggest-recipe {
  width: 54%;
}
.article-list .suggest-recipe {
  margin: 2em auto 0;
  width: 90%;
  text-align: left;
}
.add-recipe {
  display: block;
  padding: 7px 0 9px 16px;
  margin-top: 20px;
  width: 235px;
  color: #fff;
  background: url(../../images/sprite.png) 99% -635px no-repeat #58473f;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.add-recipe:hover {
  background-color: #b80040;
  text-decoration: none;
}
/* OM-SIDENE */
.about-sub {
  z-index: 10;
  position: relative;
}
.sub-menu ul {
  margin-top: 20px;
  text-align: right;
}
.sub-menu li {
  display: inline-block;
  margin-left: 10px;
}
.ie7 .sub-menu li {
  display: block;
  float: left;
}
.sub-menu li a {
  display: block;
  padding: 4px 12px;
  border-radius: 20px;
  background: #d8d4ce;
  color: #58473f;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.sub-menu li:hover a,
.sub-menu li.active a {
  text-decoration: none;
  background: #695a53;
  color: #fff;
  text-shadow: none;
}
.about {
  margin-top: -47px;
}
.about .image {
  position: relative;
  height: 560px;
  overflow: hidden;
}
.about .image img {
  min-height: 100%;
  min-width: 1000px;
  width: 100%;
  height: auto;
}
.about .image-cover {
  position: absolute;
  top: 207px;
  left: 0;
  width: 100%;
  height: 353px;
  background: url(../../images/fade.png) top repeat-x;
}
.three-columns {
  -webkit-column-width: 20em;
  -moz-column-width: 20em;
  column-width: 20em;
  -webkit-column-gap: 1em;
  -moz-column-gap: 1em;
  column-gap: 1em;
}
.two-columns {
  -webkit-column-width: 25em;
  -moz-column-width: 25em;
  column-width: 25em;
  -webkit-column-gap: 4em;
  -moz-column-gap: 4em;
  column-gap: 4em;
}
.two-columns .intro,
.two-columns .intro p {
  width: 100%;
}
.about-links {
  margin-top: 40px;
}
.history .about-links {
  margin-top: 0;
}
.about-links ul {
  width: 100%;
  list-style: none;
  background: yellow;
}
.about-links ul li {
  text-align: center;
  font-size: 20px;
  background: #f1efec;
  border-top: 1px solid #d3cac2;
}
.history .about-links ul li:first-child {
  border-top: 0;
}
.about-links ul li:last-child {
  border-bottom: 1px solid #d3cac2;
}
.about-links ul li a {
  display: block;
  padding: 40px 0;
  color: #58473f;
  -webkit-transition: background 0.5s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  -ms-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.about-links ul li a:hover,
.about-links ul li.active a {
  color: #b80040;
  background: #fff;
  text-decoration: none;
}
/* PRODUKSJON */
.caption {
  display: block;
  margin: 0 auto 25px auto;
  width: 98%;
  font-size: 14px;
  color: #8c766c;
}
.production p {
  margin-bottom: 30px;
  width: 70%;
}
.production .image {
  margin-bottom: 15px;
  border: 8px solid #f1efec;
  -webkit-box-shadow: 0px 0px 0px 1px #d3cac2;
  box-shadow: 0px 0px 0px 1px #d3cac2;
}
.production .image img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.production .tips {
  position: relative;
  bottom: auto;
  margin-bottom: 30px;
  margin-left: 10%;
  width: 70%;
}
.production .tips p {
  width: 90%;
}
.production ul {
  margin-left: 30px;
  margin-bottom: 14px;
}
/* FILMER */.movie-container {
  padding: 12px 12px 9px;
  margin-bottom: 12px;
  width: 96%;
  background: #f1efec;
  border: 1px solid #d3cac2;
}
.movie-container iframe {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}
.fixed-width {
  width: 236px !important;
}
.movie-list {
  margin-left: 10%;
  width: 90%;
}
.movie-list .container {
  position: relative;
  height: 480px;
  overflow: hidden;
}
.users {
  margin-top: 30px;
}
.movie-list ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  list-style: none;
}
.movie-list ul li {
  margin: 0;
  border: 1px solid #d3cac2;
  border-bottom: none;
}
.movie-list li .image {
  height: 90px;
  overflow: hidden;
}
.movie-list li .image img {
  display: block;
  margin-top: -13px;
}
.movie-list ul a {
  display: block;
  padding: 4% 20% 4% 4%;
  border: 3px #f1efec solid;
  background: #f1efec;
  -webkit-transition: background 0.5s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  -ms-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.movie-list ul a:hover,
.movie-lsit ul a.active {
  text-decoration: none;
  background: #d3cac2;
}
.movie-list ul a:hover h3 {
  color: #b80040;
}
.movie-list h2 {
  margin-bottom: 6px;
  font-size: 18px;
}
.movie-list h3 {
  margin-top: 10px;
  margin-bottom: 0;
  height: 36px;
  font-size: 14px;
  font-weight: bold;
  color: #58473f;
}
.movie-list .nav-buttons {
  position: relative;
  height: 50px;
  background: #f1efec;
  border: 1px solid #d3cac2;
  border-top: none;
}
.movie-list .nav-buttons a {
  position: absolute;
  top: 10px;
  left: 10px;
  display: block;
  width: 29px;
  height: 29px;
  text-indent: -8000px;
  background: url(../../images/sprite.png) no-repeat -210px -510px;
}
.movie-list .nav-buttons a.next {
  left: 45px;
  background-position: -241px -510px;
}
.movie-list .nav-buttons a:hover {
  background-position: -210px -553px;
}
.movie-list .nav-buttons a.next:hover {
  background-position: -241px -553px;
}
.movie-list .nav-buttons span {
  display: block;
  position: absolute;
  top: 10px;
  left: 85px;
  margin-top: 4px;
  font-style: italic;
}
/* BLOGG */
.blog-search {
  padding-left: 0;
  width: 64% !important;
}
.show-result {
  display: block;
  margin-top: 70px;
  margin-bottom: 20px;
  font-size: 20px;
  font-style: italic;
}
.blog-list ul {
  list-style-type: none;
}
.blog-list li {
  position: relative;
  margin-bottom: 40px;
  padding-bottom: 20px;
  border-bottom: 7px solid #d3cac2;
}
.blog-list li .intro {
  margin-top: 15px;
}
.blog-list .article {
  margin-bottom: 0;
  padding-bottom: 20px;
  border: none;
}
/*		.blog-list a:hover {
			text-decoration: none;
			}*/
.blog-list a:hover h1 {
  color: #b80040;
}
.blog-list .image {
  margin-bottom: 20px;
  padding: 10px;
  background: #f1efec;
  border: 1px solid #d3cac2;
}
.blog-list .image img {
  vertical-align: top;
}
.blog-list h1 {
  display: inline;
  color: #58473f;
}
.ie7 .blog-list h1 {
  display: inline;
}
.blog-list .article h1 {
  display: block;
}
.blog-list .blog-header {
  position: absolute;
  bottom: 13px;
  left: 0;
  width: 50%;
}
.blog-list .blog-header h1 {
  display: block;
  margin-top: 10px;
}
.blog-list a.category {
  display: inline;
  position: relative;
  top: -5px;
  padding: 5px 10px;
  margin-left: 10px;
  color: #58473f;
  font-weight: bold;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #d3cac2;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.blog-list .category:hover {
  text-decoration: none;
  background: #b80040;
  color: #f1efec;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  text-shadow: none;
}
.blog-list .intro p {
  color: #58473f;
  font-style: normal;
  font-size: 16px;
}
.article .intro p {
  margin-bottom: 20px;
  color: #b80040;
  font-style: italic;
  font-size: 20px;
}
.article .body p {
  width: 80%;
}
.blog-expand {
  position: relative;
  display: block;
}
.blog-expand:hover {
  color: #d3cac2;
}
.overview h3 {
  margin-left: 5%;
}
.overview ul {
  list-style-type: none;
}
.overview ul li {
  width: 90%;
  border-top: 1px solid #d3cac2;
  text-align: left;
}
.ie7 .overview ul li {
  text-align: right;
}
.overview ul li a {
  display: block;
  padding: 5%;
  width: 90%;
  color: #58473f;
}
.overview ul li a:hover {
  color: #b80040;
  background: #f1efec;
  text-decoration: none;
}
.overview ul li a span {
  float: right;
  color: #b80040;
  font-weight: bold;
}
.overview .back {
  display: inline-block;
  position: static;
  margin-top: 30px;
}
.blog-list .magazine .body p {
  width: 100%;
}
.blog-list .body p a {
  text-decoration: underline !important;
}
.magazine .image {
  position: relative;
  margin: 3px;
  margin-bottom: 43px;
  padding: 0 !important;
  border: 10px solid #f1efec;
  -webkit-box-shadow: 0px 0px 0px 1px #d3cac2;
  box-shadow: 0px 0px 0px 1px #d3cac2;
}
.magazine .image img {
  width: 100%;
  height: auto;
  vertical-align: top;
}
.magazine .image a {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 16px 2% 16px 16%;
  width: 82%;
  background-color: #695a53;
  background-color: rgba(88, 71, 63, 0.7);
  color: rgba(88, 71, 63, 0.7);
  background-image: url(../../images/sprite.png);
  background-position: -409px -447px;
  background-repeat: no-repeat;
  color: #f1efec;
  font-size: 16px;
}
.magazine .image a:hover {
  background-position: -409px -523px;
}
.magazine .big a {
  padding-left: 8%;
  width: 40%;
}
.magazine .body {
  margin-bottom: 43px;
}
.magazine .margin-top {
  margin-top: 16%;
}
.magazine .tips {
  bottom: auto;
  right: 9%;
  top: -30%;
  width: 30%;
  z-index: 10;
}
.magazine .tips-float {
  position: relative;
  bottom: auto;
  margin-left: 3px;
  margin-bottom: 30px;
  padding: 5% 15% 5% 10%;
  width: 73%;
  color: #f1efec;
  background: #685a54;
  /* Old browsers */

  background: -moz-linear-gradient(left, #685a54 0%, #58473f 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #685a54), color-stop(100%, #58473f));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(left, #685a54 0%, #58473f 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(left, #685a54 0%, #58473f 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(left, #685a54 0%, #58473f 100%);
  /* IE10+ */

  background: linear-gradient(left, #685a54 0%, #58473f 100%);
  /* W3C */

  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#685a54', endColorstr='#58473f', GradientType=1);
  /* IE6-9 */

}
.tips .body,
.tips-float .body {
  margin-bottom: 0;
}
.tips .body p,
.tips-float .body p {
  font-size: 14px;
}
.tips-float .body p {
  width: 100%;
}
/* SØK */
.search-dropdown select {
  padding: 2%;
  margin-top: 15px;
  width: 96%;
  border: 1px solid #695a53;
  background: #fefefe;
  /* Old browsers */

  background: -moz-linear-gradient(top, #fefefe 0%, #eae7e6 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #eae7e6));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #fefefe 0%, #eae7e6 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #fefefe 0%, #eae7e6 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #fefefe 0%, #eae7e6 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #fefefe 0%, #eae7e6 100%);
  /* W3C */

  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fefefe', endColorstr='#eae7e6', GradientType=0);
  /* IE6-9 */

}
.search-results {
  list-style-type: none;
}
.search-results li {
  margin-bottom: 30px;
}
.search-results li p span {
  background: #fff;
}
.search-results h2 {
  margin-bottom: 0;
  font-size: 20px;
}
form.recipe {
  padding-left: 7px;
  width: 66.6%;
}
form.recipe legend {
  margin-bottom: 14px;
  font-size: 20px;
  color: #b80040;
}
form.recipe label {
  display: block;
  margin-bottom: 9px;
  font-size: 14px;
  font-weight: bold;
}
form.recipe input,
form.recipe textarea {
  border: 1px solid #695a53;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font-family: 'PT Sans', sans-serif, Verdana;
  font-size: 14px;
  color: #695a53;
  -webkit-box-shadow: inset 0px 1px 2px 1px #d5d5d5, 0 1px 0 0 #fff;
  box-shadow: inset 0px 1px 2px 1px #d5d5d5, 0 1px 0 0 #fff;
}
form.recipe input {
  padding: 0 11px;
  width: 74%;
  height: 28px;
}
form.recipe input:focus {
  background: #feffe6;
}
form.recipe.active input[type="text"]:invalid,
form.recipe.active input[type="email"]:invalid,
form.recipe.active textarea:invalid {
  border-color: #b80040;
}
form.recipe.active input[type="text"]:focus:invalid,
form.recipe.active input[type="email"]:focus:invalid,
form.recipe.active textarea:focus:invalid {
  border-color: #d3cac2;
}
form.recipe.active input[type="text"]:focus:valid,
form.recipe.active input[type="email"]:focus:valid,
form.recipe.active textarea:focus:valid {
  background: #d0ebd2;
}
form.recipe .error input[type="text"],
form.recipe .error input[type="email"],
form.recipe .error select,
form.recipe .error textarea {
  border-color: #b80040;
}
form.recipe textarea {
  padding: 11px;
  width: 74%;
  height: 71px;
}
form.recipe select {
  display: block;
  border: 1px solid #695a53;
  padding: 4px 5px 3px 12px;
  font-family: 'PT Sans', sans-serif, Verdana;
  font-size: 13px;
  color: #695a53;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #eae7e6 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eae7e6));
  background: -webkit-linear-gradient(top, #ffffff 0%, #eae7e6 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #eae7e6 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #eae7e6 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #eae7e6 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#eae7e6', GradientType=0);
}
form.recipe .fieldrow {
  position: relative;
  padding-bottom: 18px;
}
form.recipe .fieldrow strong.error {
  display: inline-block;
  position: absolute;
  margin-left: 24px;
  padding: 0 14px 0 9px;
  height: 28px;
  font-size: 14px;
  font-weight: normal;
  line-height: 28px;
  white-space: nowrap;
  color: #fff;
  background: #b80040;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.37);
  filter: dropshadow(color=#000000, offx=0, offy=1);
  -webkit-box-shadow: 2px 3px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 3px 2px 0px rgba(0, 0, 0, 0.2);
}
form.recipe .fieldrow strong.error:after {
  content: ' ';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  left: -20px;
  border: 14px solid transparent;
  border-left-width: 0px;
  border-right-width: 20px;
  border-right-color: #b80040;
}
form.recipe .tools {
  position: relative;
  display: none;
  position: absolute;
  bottom: 16px;
  right: 12px;
  width: 52px;
}
form.recipe .tools a {
  display: inline-block;
  margin-right: -4px;
  margin-left: 4px;
  border: 1px solid #928681;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  width: 19px;
  height: 18px;
  text-indent: -100em;
  overflow: hidden;
  background: #fbfaf9 url(../../images/sprite.png) -426px -573px no-repeat;
}
form.recipe .tools a.sort {
  cursor: move;
}
form.recipe .tools a.delete {
  background-position: -445px -573px;
}
form.recipe .facts div,
form.recipe .type div {
  display: inline-block;
  margin-right: -4px;
}
form.recipe .facts .error,
form.recipe .type .error {
  top: auto;
  bottom: 20px;
}
form.recipe .facts {
  padding-right: 6px;
}
form.recipe .facts div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 6px;
  width: 33.33%;
}
form.recipe .facts select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
form.recipe .type {
  padding-right: 6px;
}
form.recipe .type div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  padding-right: 6px;
}
form.recipe .type select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
form.recipe .ingredients {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 0;
  margin-bottom: 45px;
  padding-right: 6px;
  font-family: 'PT Sans', sans-serif, Verdana;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 100%;
}
form.recipe .ingredients .help {
  display: block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: 1px solid #d3cac2;
  margin-bottom: 6px;
  margin-right: 6px;
  padding: 0 0 0 7px;
  height: 31px;
  line-height: 31px;
  color: #b80040;
  background: #f1efec;
}
form.recipe .ingredients .help span {
  font-weight: normal;
}
form.recipe .ingredients input,
form.recipe .ingredients select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
form.recipe .ingredients .group-title {
  position: relative;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 100%;
  border: 1px solid transparent;
  margin-left: -7px;
  padding: 11px 62px 11px 7px;
}
form.recipe .ingredients .group-title .fieldrow {
  padding-right: 6px;
  padding-bottom: 0;
}
form.recipe .ingredients .group-title:hover {
  border-color: #d3cac2;
  background: #f1efec;
}
form.recipe .ingredients .group-title:hover .tools {
  display: block;
}
form.recipe .ingredients .group-title strong.error {
  right: -68px;
  bottom: 11px;
}
form.recipe .ingredients .ingredient {
  position: relative;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 100%;
  border: 1px solid transparent;
  margin-left: -7px;
  padding: 11px 62px 11px 7px;
}
form.recipe .ingredients .ingredient .tools {
  display: none;
}
form.recipe .ingredients .ingredient:hover {
  border-color: #d3cac2;
  background: #f1efec;
}
form.recipe .ingredients .ingredient:hover .tools {
  display: block;
}
form.recipe .ingredients .ingredient div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
  padding-right: 6px;
}
form.recipe .ingredients .ingredient strong.error {
  bottom: 14px;
}
form.recipe .ingredients .volume {
  width: 16%;
}
form.recipe .ingredients .unit {
  width: 32%;
}
form.recipe .ingredients .name {
  width: 52%;
}
form.recipe .presentation {
  width: 74%;
}
form.recipe .presentation .file .error {
  right: -76px;
}
form.recipe .presentation .image {
  position: relative;
  margin-bottom: 20px;
  width: 100%;
  overflow: hidden;
}
form.recipe .presentation .image img {
  width: 100% !important;
  height: auto !important;
}
form.recipe .presentation .image .preview {
  position: absolute;
  top: 0;
  left: 0;
}
form.recipe .instructions {
  margin-bottom: 45px;
}
form.recipe .instructions .steps {
  margin-bottom: 26px;
}
form.recipe .instructions .tools {
  bottom: 12px;
}
form.recipe .instructions button {
  margin-top: 10px;
}
form.recipe .instructions .instruction {
  position: relative;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 100%;
  border: 1px solid transparent;
  margin-left: -7px;
  padding: 11px 62px 11px 7px;
}
form.recipe .instructions .instruction label {
  display: inline-block;
  vertical-align: top;
  margin-right: 6px;
  margin-bottom: 0;
  width: 28px;
  height: 28px;
  font-size: 16px;
  font-weight: normal;
  line-height: 28px;
  text-align: center;
  color: #fff;
  background: #58473f;
  -webkit-border-radius: 28px;
  border-radius: 28px;
  text-shadow: 0px 1px 1px #000;
}
form.recipe .instructions .instruction input {
  width: 85%;
}
form.recipe .instructions .instruction:hover {
  border-color: #d3cac2;
  background: #f1efec;
}
form.recipe .instructions .instruction:hover .tools {
  display: block;
}
form.recipe .instructions .instruction strong.error {
  bottom: 12px;
  right: -70px;
}
form.recipe .instructions .tips-tricks .error {
  bottom: 102px;
  right: -107px;
}
form.recipe .instructions .tips-tricks .text-size {
  margin-top: 3px;
  width: 79%;
  text-align: right;
}
form.recipe button,
form.recipe input.save {
  display: inline-block;
  padding: 0 15px;
  color: #f1efec;
  border: none;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  background: #58473f;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  cursor: pointer;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: 0px 1px 1px #000;
}
form.recipe button:hover,
form.recipe input.save:hover {
  text-decoration: none;
  background-color: #b80040;
}
form.recipe button {
  margin-right: 2px;
  height: 30px;
}
form.recipe input.save {
  padding: 0 28px;
  height: 46px;
  width: auto;
  font-size: 22px;
  -webkit-border-radius: 46px;
  border-radius: 46px;
}
form.recipe input.file {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.recipe-add .fourcol .circle-image {
  float: none;
  margin: -38px -50% 75px -50%;
  width: 100%;
  height: auto;
}
.recipe-add .fourcol .help {
  border: 1px solid #d3cac2;
  padding: 9.4% 9.4% 30% 9.4%;
  background: #f1efec;
}
.recipe-add .fourcol .help h1 {
  margin: 0 0 15px 0;
  font-size: 28px;
  color: #b80040;
}
.css-style-select form.recipe select {
  -webkit-appearance: button;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 14px;
  border-radius: 14px;
  padding-right: 24px;
  background: #ffffff;
  background: url(../../images/sprite.png) 100% -592px no-repeat, -moz-linear-gradient(top, #ffffff 0%, #eae7e6 100%);
  background: url(../../images/sprite.png) 100% -592px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eae7e6));
  background: url(../../images/sprite.png) 100% -592px no-repeat, -webkit-linear-gradient(top, #ffffff 0%, #eae7e6 100%);
  background: url(../../images/sprite.png) 100% -592px no-repeat, -o-linear-gradient(top, #ffffff 0%, #eae7e6 100%);
  background: url(../../images/sprite.png) 100% -592px no-repeat, -ms-linear-gradient(top, #ffffff 0%, #eae7e6 100%);
  background: url(../../images/sprite.png) 100% -592px no-repeat, linear-gradient(to bottom, #ffffff 0%, #eae7e6 100%);
}
.timeline {
  position: relative;
  padding-bottom: 10%;
}
.timeline .ruler {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 26px;
  height: 100%;
  background: url(../../images/ruler.png) top right repeat-y;
  z-index: 1;
}
.timeline .row {
  overflow: visible;
}
.timeline .header {
  margin: 111px 55% -10% 0;
  width: 45%;
  height: auto;
}
.timeline .content {
  margin: 0 auto;
  width: 82.7%;
}
.timeline ul li {
  position: relative;
  display: block;
  margin-bottom: -5%;
  border-top: 1px dashed #a59b94;
  padding-right: 217%;
  width: 100%;
  list-style: none;
  -webkit-transition: border-color 0.4s ease-in-out;
  -moz-transition: border-color 0.4s ease-in-out;
  -ms-transition: border-color 0.4s ease-in-out;
  -o-transition: border-color 0.4s ease-in-out;
  transition: border-color 0.4s ease-in-out;
  z-index: 0;
}
.timeline ul li .box {
  display: table;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: -1px;
  padding: 20px 50px 30px 22px;
  border: 1px solid #d3cac2;
  width: 45%;
  background: #f1efec;
  -webkit-transition: border-color 0.4s ease-in-out;
  -moz-transition: border-color 0.4s ease-in-out;
  -ms-transition: border-color 0.4s ease-in-out;
  -o-transition: border-color 0.4s ease-in-out;
  transition: border-color ease-in-out;
}
.timeline ul li .box .image {
  display: table-cell;
  vertical-align: middle;
  width: 35%;
}
.timeline ul li .box .image div {
  display: block;
  position: relative;
  overflow: hidden;
}
.timeline ul li .box .image div img {
  display: block;
  width: 100% !important;
  height: auto !important;
}
.timeline ul li .box .image div.masked img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.timeline ul li .box .image div.masked .mask {
  display: block;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 5px solid #f1efec;
  width: 100%;
  height: 100%;
  -webkit-transition: border 0.4s ease-in-out;
  -moz-transition: border 0.4s ease-in-out;
  -ms-transition: border 0.4s ease-in-out;
  -o-transition: border 0.4s ease-in-out;
  transition: border 0.4s ease-in-out;
}
.timeline ul li .box .image div.unmasked {
  width: 100%;
  overflow: visible;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.timeline ul li .box .text {
  display: table-cell;
  vertical-align: top;
  margin-right: -4px;
  padding-left: 5.6%;
  width: 59.4%;
}
.timeline ul li .box .text h2 {
  font-size: 34px;
  font-weight: bold;
  -webkit-transition: color 0.4s ease-in-out;
  -moz-transition: color 0.4s ease-in-out;
  -ms-transition: color 0.4s ease-in-out;
  -o-transition: color 0.4s ease-in-out;
  transition: color 0.4s ease-in-out;
}
.timeline ul li.nth-child-odd {
  margin-left: 50%;
  width: 50%;
  z-index: 1;
}
.timeline ul li.nth-child-odd .box {
  width: 100%;
}
.timeline ul li:nth-child(odd) {
  margin-left: 50%;
  width: 50%;
  z-index: 1;
}
.timeline ul li:nth-child(odd) .box {
  width: 100%;
}
.timeline ul li:nth-child(1),
.timeline ul li .nth-child-1 {
  margin-top: 0;
}
.timeline ul li.event .box {
  padding: 10px;
  background: #e1dcd6;
  border: 1px dashed #a59b94;
}
.timeline ul li.event .box .text {
  display: block;
  margin: 0;
  padding: 27px;
  width: auto;
  background: #d3cac2;
}
.timeline ul li.event:nth-child(odd),
.timeline ul li.event .nth-child-odd {
  margin-left: 55%;
  padding-right: 222%;
  width: 40%;
}
.timeline ul li.active,
.timeline ul li:hover {
  border-color: #b80040;
}
.timeline ul li.active .box,
.timeline ul li:hover .box {
  border-color: #b80040;
}
.timeline ul li.active .box .image div .mask,
.timeline ul li:hover .box .image div .mask {
  border-width: 0px;
}
.timeline ul li.active .box .image .unmasked,
.timeline ul li:hover .box .image .unmasked {
  margin-left: -1.5%;
  width: 106% !important;
}
.timeline ul li.active .box .text h2,
.timeline ul li:hover .box .text h2 {
  color: #b80040;
}
.ie7 input[type="text"],
.ie8 input[type="text"],
.ie7 input[type="email"],
.ie8 input[type="email"],
.ie7 textarea,
.ie8 textarea,
.ie7 .tools a,
.ie8 .tools a,
.ie7 form.recipe button,
.ie8 form.recipe button,
.ie7 form.recipe input.save,
.ie8 form.recipe input.save,
.ie7 form.recipe .instructions .instruction label,
.ie8 form.recipe .instructions .instruction label {
  position: relative;
  behavior: url(/css/PIE.htc);
}
.ie7 input[type="text"],
.ie8 input[type="text"],
.ie7 input[type="email"],
.ie8 input[type="email"] {
  padding: 5px 11px;
  height: 18px;
}
.ie7 form.recipe .ingredients input,
.ie8 form.recipe .ingredients input {
  height: 28px;
}
.ie7 form.recipe .instructions .instruction label,
.ie8 form.recipe .instructions .instruction label {
  top: 2px;
}
.ie7 .timeline ul li .box .image div.masked .mask,
.ie8 .timeline ul li .box .image div.masked .mask {
  border-width: 0;
}
.ie7 .timeline ul li.active .box .image .unmasked,
.ie8 .timeline ul li.active .box .image .unmasked,
.ie7 .timeline ul li:hover .box .image .unmasked,
.ie8 .timeline ul li:hover .box .image .unmasked {
  margin-left: 0;
  width: 100% !important;
}
.ie7 form.recipe .facts,
.ie7 form.recipe .type {
  padding-right: 0;
}
.ie7 form.recipe .facts div,
.ie7 form.recipe .type div {
  display: inline;
  zoom: 1;
  margin-right: -4px;
  padding-right: 0;
}
.ie7 form.recipe .facts div select,
.ie7 form.recipe .type div select {
  width: 95%;
}
.ie7 form.recipe .error {
  margin-top: 1px;
}
.ie7 .timeline ul li .box {
  display: block;
  padding: 2%;
  width: 41%;
  overflow: hidden;
}
.ie7 .timeline ul li .box .image,
.ie7 .timeline ul li .box .text {
  display: inline;
  zoom: 1;
}
.ie7 .timeline ul li.nth-child-odd {
  margin-left: 50%;
  width: 50%;
}
.ie7 .timeline ul li.nth-child-odd .box {
  width: 100%;
}
.ie7 .timeline ul li.event {
  margin-left: 55%;
  width: 38%;
}
.ie7 .timeline ul li.event .box .text {
  display: block;
  width: auto;
}
Mobilting som ikke skal vises.mobile-submenu,
.main-menu-btn,
.search-btn {
  display: none;
}
.mobile-only {
  display: none;
}
/* iPad Landscape */@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .header,
  .footer {
    padding-left: 2%;
    padding-right: 2%;
  }
  .search {
    margin-right: 1%;
  }
  .search-form {
    text-align: left;
  }
  .search-form .button {
    background-position: -190px -48px;
    right: 25px;
  }
  .main {
    width: 96%;
    margin: 0 auto;
  }
}
/* iPad portrait */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .header .main-menu {
    margin-left: 90px;
    width: 55%;
    text-align: right;
  }
  .header .tine-logo {
    margin-left: 20px;
  }
  .header .search-btn {
    display: none;
    margin-top: 25px;
    width: 40px;
    height: 20px;
    color: #58473f;
    text-indent: 30px;
    background: url("../../images/sprite.png") no-repeat scroll -148px -5px transparent;
  }
  .header .search {
    position: absolute;
    top: 64px;
    right: -30px;
    width: 1%;
    /*background: blue;*/

  }
  .header .search-form {
    position: absolute;
    background: url(../../images/lin_bg.jpg);
    top: 0;
    right: 0;
    width: 220px;
    height: 40px;
    z-index: 200;
    padding: 0;
    padding-right: 10px;
    margin: 0;
    -webkit-border-radius: 0px 0px 0px 20px;
    border-radius: 0px 0px 0px 20px;
  }
  .header .search-form .button {
    background-position: -201px -47px;
  }
  .header,
  .footer {
    padding-left: 2%;
    padding-right: 2%;
  }
  .main {
    width: 94%;
    margin: 0 auto;
  }
  .facebook-comments {
    background: none;
  }
  .ingredients .header {
    position: relative;
  }
  .ingredients h2 {
    margin-top: 20px;
  }
  .ingredients .controls {
    display: block;
    margin-top: 4px;
    height: 30px;
    width: 90px;
    position: absolute;
  }
  .ingredients .minus,
  .ingredients .plus {
    top: 0;
  }
  .ingredients .portions {
    position: relative;
    margin: 0;
    width: 120px;
  }
  .watch-video {
    padding-top: 16px;
  }
  .magazine .tips {
    right: 2%;
  }
  .blog-search {
    width: 70% !important;
  }
  .blog-list a.category {
    display: inline-block;
    margin-left: 0;
    margin-top: 10px;
  }
  /* timeline */
  .timeline .ruler {
    display: none;
  }
  .timeline .content {
    padding: 0 20px;
    width: auto;
  }
  .timeline .header {
    margin: 0 0 20px 0;
    width: 100%;
  }
  .timeline ul li {
    margin: 0 0 20px 0;
    padding: 0;
    width: 100%;
    border-top: none;
  }
  .timeline ul li .box {
    margin-top: 0;
    width: 100%;
  }
  .timeline ul li:nth-child(odd) {
    margin: 0 0 20px 0;
    width: 100%;
  }
  .timeline ul li.event:nth-child(odd) {
    margin: 0 0 20px 0;
    width: 100%;
  }
  .timeline ul li.active .box,
  .timeline ul li:hover .box {
    border-color: #d3cac2;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .timeline ul li.active .box .image div .mask,
  .timeline ul li:hover .box .image div .mask {
    border-width: 5px;
  }
  .timeline ul li.active .box .image .unmasked,
  .timeline ul li:hover .box .image .unmasked {
    margin-left: 0;
    width: 100% !important;
  }
  .timeline ul li.active .box .text h2,
  .timeline ul li:hover .box .text h2 {
    color: #58473f;
  }
}
@media screen and (max-width: 1300px) {
  .related-recipes .nav a.next {
    right: -9px;
  }
  .related-recipes .nav a.prev {
    left: -9px;
  }
  .single-product {
    margin: 0 auto;
    padding: 0 5%;
    width: 90%;
  }
  .single-product .nav .prev {
    left: 0;
  }
  .single-product .nav .next {
    right: 0;
  }
}
/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */
@media handheld, only screen and (max-width: 767px) {
  .simple-like {
    display: block;
    margin-top: -20px;
  }
  .no-mobile {
    display: none !important;
  }
  .mobile-only {
    display: inline-block;
  }
  .header {
    position: relative;
    padding: 0;
    margin: 0;
    min-height: 82px;
    height: auto;
  }
  .header .logo {
    display: inline-block;
    position: relative;
    margin-left: -7px;
    width: 92px;
    height: 82px;
    background: url(../../images/mobil_logo.png) no-repeat;
  }
  .footer .tine-logo {
    display: inline-block;
    float: right;
    margin-top: 8px;
    height: 30px;
    width: 47px;
    text-indent: -8000px;
    text-align: left;
    background: url(../../images/mini_tine_logo.png) no-repeat;
  }
  .header .tine {
    display: none;
  }
  .main-menu {
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: 18px;
  }
  .main-menu-btn,
  .search-btn {
    position: absolute;
    top: 24px;
    right: 20px;
    display: inline;
    padding: 10px 10px 34px 10px;
    color: #58473f;
  }
  .main-menu-btn:hover,
  .search-btn:hover,
  .main-menu-btn.active,
  .search-btn.active {
    background: #695a53;
    color: #f1efec;
    text-decoration: none;
    text-shadow: none;
  }
  .search-btn {
    right: 100px;
    height: 20px;
    width: 20px;
    overflow: hidden;
    background: url(../../images/sprite.png) -142px -662px no-repeat;
    text-indent: -8000px;
    display: none;
  }
  .search-btn:hover,
  .search-btn.active {
    background: url(../../images/sprite.png) -232px -662px no-repeat #695a53;
  }
  .search-form {
    margin-left: -19%;
    width: 120%;
    padding: 5% 8%;
    margin-top: 5px;
    background: #695a53;
  }
  .search-form fieldset {
    text-align: center;
  }
  .search-form .input {
    width: 84%;
  }
  .search-form .button {
    top: 29%;
    right: 14%;
    background-position: -195px -47px;
  }
  .slideable {
    display: none;
  }
  .main-menu ul {
    margin-left: -10%;
    width: 120%;
    border-top: 1px solid #f1efec;
    background: #695a53;
    z-index: 50;
    text-align: left;
  }
  .main-menu ul li {
    display: block;
    margin: 0;
    padding: 0 10%;
    border-bottom: 1px solid #f1efec;
    text-shadow: none;
  }
  .main-menu ul li a {
    display: block;
    border-radius: 0;
    color: #f1efec;
    padding: 10px;
    outline: none;
  }
  .big-top .point-nav {
    bottom: -35px;
    padding-top: 9px;
    border-bottom: 1px solid #fff;
  }
  .big-top .slideshow-content li {
    position: relative;
  }
  .info-bubble {
    position: relative;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
  }
  .info-bubble div {
    display: block;
    position: relative;
    bottom: 0;
    padding: 10px 12%;
    width: 76%;
    height: auto;
    background: url(../../images/sprite.png) 103% -710px #58473f no-repeat;
    color: #fff;
  }
  .info-bubble div h2 {
    padding: 0;
    margin: 0;
    text-align: center;
    font-size: 18px;
  }
  .info-bubble div p {
    display: none;
  }
  .product-logos .pane {
    margin-left: -5%;
    width: 110%;
  }
  .product-logos ul li span {
    font-size: 12px;
    line-height: 16px;
  }
  .footer {
    padding: 0;
  }
  .footer .footer-links {
    width: 100%;
    padding: 4% 10%;
   /* margin-left: -10%; */
    margin-top: 0;
  }
  .footer ul li {
    margin-bottom: 10px;
  }
  .social-media {
    width: 100%;
    padding: 2% 10%;
    margin-left: -10%;
    background: #fff;
  }
  /* Forsiden */
  .content-box {
    margin-bottom: 20px;
  }
  .content-box h2,
  .content-box p,
  .content-box img {
    width: 100%;
  }
  .product-logos {
    height: 200px;
  }
  .product-logos ul {
    left: -66.67%;
    width: 233.33%;
  }
  .product-logos ul li {
    padding-top: 0;
    width: 14.285714285714286%;
  }
  .product-logos ul li .image img {
    border-width: 35px;
  }
  .product-logos ul li span {
    margin-top: -58px;
  }
  .product-logos ul li:hover .image img {
    border-width: 35px;
  }
  .product-logos ul li.big {
    padding-top: 0;
    width: 14.285714285714286%;
  }
  .product-logos ul li.big .image m img {
    border-width: 40px;
  }
  .product-logos ul li.big span {
    margin-top: -68px;
  }
  .product-logos .nav {
    display: block;
  }
  .product-logos .nav a {
    display: block;
    position: absolute;
    /*margin-top: -15px;*/

    top: 25%;
    left: -20px;
    width: 62px;
    height: 62px;
    background: url(../../images/sprite.png) -3px -450px no-repeat;
    text-indent: -200em;
  }
  .product-logos .nav a.next {
    left: auto;
    right: -20px;
    background: url(../../images/sprite.png) -73px -450px no-repeat;
  }
  .product-logos .nav a.next:hover {
    background: url(../../images/sprite.png) -73px -450px no-repeat;
  }
  .product-logos .nav a.prev:hover {
    background: url(../../images/sprite.png) -3px -450px no-repeat;
  }
  .single-product {
    height: 220px;
  }
  .single-product .pane {
    margin-left: -20px;
  }
  .canvas ul li span {
    margin-top: 5px;
    line-height: 14px;
  }
  .single-product .center-product {
    margin-top: 0;
  }
  .single-product .center-product img {
    border: 1px solid #d3cac2;
    background: #f1efec;
  }
  .single-product .nav a {
    top: 15px;
  }
  /* Oppskrifter */
  .top-space,
  .big-top-space {
    padding-top: 10px;
  }
  .big-search {
    margin-left: -2%;
    width: 92% !important;
  }
  .recipe-filter .dropdown {
    width: 100%;
  }
  .recipe-filter .dropdown div {
    width: 50%;
  }
  .recipe-filter .difficulty,
  .recipe-filter .sort {
    margin-top: 20px;
    width: 50%;
  }
  .recipe-filter .submitted-recipes {
    width: 46%;
  }
  .article-list li {
    width: 50%;
  }
  .article-list li .intro {
    font-size: 13px;
  }
  .add-recipe {
    margin-left: -4px;
  }
  .production .tips,
  .tips {
    position: relative;
    bottom: 0;
    margin-bottom: 20px;
    margin-left: 0;
    width: 80%;
  }
  .back {
    display: block;
    position: relative;
    margin-top: 0;
    margin-bottom: 10px;
  }
  .canvas ul li img {
    border-width: 0;
  }
  /* oppskrifter */
  .canvas ul li {
    min-height: 130px;
  }
  .canvas ul li span {
    width: 96%;
    font-size: 11px;
  }
  .circle-image {
    float: none;
    margin: 0 auto;
    width: 90%;
  }
  .circle-image .tips {
    position: relative;
    bottom: 0;
    padding: 5%;
    margin-top: 20px;
    width: 90%;
  }
  h1 {
    font-size: 28px;
  }
  .blog-list h1 {
    font-size: 22px;
  }
  .blog-list a.category {
    display: block;
    margin: 10px 0;
  }
  .related-recipes .pane {
    height: 220px;
  }
  .related-recipes .pane ul li div {
    padding: 0 10px;
  }
  .related-recipes .pane ul li span {
    width: 64%;
    font-size: 14px;
    line-height: 15px;
  }
  .related-recipes .pane ul li .submitter {
    display: none;
  }
  .related-recipes .nav a {
    top: 10px;
  }
  .show-result {
    margin-top: 20px;
    font-size: 16px;
  }
  .slim p {
    width: 100%;
  }
  .article .body p,
  .intro p,
  .intro {
    width: 100%;
  }
  .ingredients {
    width: 100%;
  }
  .ingredients h2,
  .ingredients .portions {
    display: block;
    float: none;
    margin: 0;
    padding-bottom: 15px;
    margin-left: 15px;
  }
  .ingredients ul {
    width: 100%;
  }
  .star-rating span.rating {
    width: 46%;
  }
  .suggest-recipe {
    width: 100%;
  }
  .how-to {
    margin-left: 0;
    width: 100%;
  }
  .small-video {
    width: 97%;
  }
  .small-video .text {
    width: auto;
  }
  .small-video .preview {
    width: auto;
  }
  .small-video .preview img {
    width: 100%;
    height: auto;
  }
  .small-video .preview .play {
    top: 50%;
    margin-top: -26px;
  }
  .watch-video {
    display: none;
  }
  /* Blogg */
  .blog-list .blog-header {
    position: static;
    width: 100%;
  }
  .magazine .tips {
    right: 0;
    margin-left: 3px;
    padding: 5%;
    width: 88%;
  }
  .magazine .image {
    margin-bottom: 10px !important;
  }
  .magazine .image a {
    padding-left: 6%;
    width: 92%;
    background-image: none;
  }
  .magazine .big a {
    padding-left: 6%;
    width: 92%;
  }
  .overview:not(.back) {
    display: none;
  }
  .related-slideshow {
    margin: 0 auto;
  }
  /* timeline */
  .timeline .ruler {
    display: none;
  }
  .timeline .content {
    padding: 0 20px;
    width: auto;
  }
  .timeline .header {
    margin: 0 0 20px 0;
    width: 100%;
  }
  .timeline ul li {
    margin: 0 0 20px 0;
    padding: 0;
    width: 100%;
    border-top: none;
  }
  .timeline ul li .box {
    margin-top: 0;
    width: 100%;
  }
  .timeline ul li:nth-child(odd) {
    margin: 0 0 20px 0;
    width: 100%;
  }
  .timeline ul li.event:nth-child(odd) {
    margin: 0 0 20px 0;
    width: 100%;
  }
  .timeline ul li.active .box,
  .timeline ul li:hover .box {
    border-color: #d3cac2;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .timeline ul li.active .box .image div .mask,
  .timeline ul li:hover .box .image div .mask {
    border-width: 5px;
  }
  .timeline ul li.active .box .image .unmasked,
  .timeline ul li:hover .box .image .unmasked {
    margin-left: 0;
    width: 100% !important;
  }
  .timeline ul li.active .box .text h2,
  .timeline ul li:hover .box .text h2 {
    color: #58473f;
  }
}
/* telefon stående */
@media handheld, only screen and (max-width: 320px) {
  .sub-menu .twocol {
    display: none;
  }
  .sub-menu .last {
    float: none;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .sub-menu .last ul {
    margin-left: 0;
    padding-left: 0;
    text-align: center;
  }
  .sub-menu .last ul li {
    margin: 0;
  }
  .product-logos {
    height: 180px;
  }
  .product-logos ul li .image img,
  .product-logos ul li:hover .image img {
    border-width: 20px;
  }
  .product-logos ul li.big .image img,
  .product-logos ul li.big:hover .image img {
    border-width: 10px;
  }
  .product-logos ul li.big span {
    margin-top: -40px;
  }
  .product-logos ul li span {
    width: 92%;
    margin-top: -30px;
  }
  .product-logos .nav a {
    top: 140px;
    left: -20px;
    width: 32px;
    height: 32px;
    background: url(../../images/sprite.png) -141px -290px no-repeat;
    text-indent: -200em;
  }
  .product-logos .nav a.next {
    left: auto;
    right: -20px;
    background: url(../../images/sprite.png) -180px -290px no-repeat;
  }
  .product-logos .nav a.next:hover {
    background: url(../../images/sprite.png) -180px -290px no-repeat;
  }
  .product-logos .nav a.prev:hover {
    background: url(../../images/sprite.png) -141px -290px no-repeat;
  }
  .timeline ul li .box {
    padding: 20px;
  }
  .timeline ul li .box .image {
    display: none;
  }
  .timeline ul li .box .text {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .star-rating span.rating {
    font-size: 14px;
  }
}
.vindu {
  position: absolute;
  top: 150px;
  z-index: 5000;
  left: 0;
  display: block;
  height: 80px;
  width: 80px;
  background: yellow;
  color: red;
  font-size: 26px;
}


/*
Make the Facebook Like box responsive (fluid width)
https://developers.facebook.com/docs/reference/plugins/like-box/
*/

/*
This element holds injected scripts inside iframes that in
some cases may stretch layouts. So, we're just hiding it.
*/

#fb-root {
    display: none;
}

/* To fill the container and nothing else */

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}