@font-face {
    font-family: "pluto_sans_bold";
    src: url("/fonts/plutosansbold.woff") format('woff');
}

@font-face {
    font-family: "pluto_sans_heavy";
    src: url("/fonts/plutosansheavy.woff") format('woff');
}

@font-face {
    font-family: "pluto_sans_regular";
    src: url("/fonts/plutosansregular.woff") format('woff');
}

@font-face {
    font-family: "pluto_sans_extralight";
    src: url("/fonts/plutosansextralight.woff") format('woff');
}

@font-face {
    font-family: "pluto_sans_cond_bold";
    src: url("/fonts/plutosanscondbold.woff") format('woff');
}

@font-face {
    font-family: "pluto_sans_cond_light";
    src: url("/fonts/plutosanscondlight.woff") format('woff');
}


a:link {color:#478334; text-decoration: none; }
a:visited {color:#478334; text-decoration: none; }
a:hover {color:#315B24; text-decoration: underline;}


img {border:0px;}

body {
  font-family:'pluto_sans_extralight';
  margin: 0;
  position: relative;
  font-size:13px;
}

div {font-family:'pluto_sans_regular';}

h1 {font-family:'pluto_sans_extralight'; }
h2 {font-family:'pluto_sans_cond_light'; padding:2px 0 2px 0; margin:0;}
h3 {font-family:'pluto_sans_cond_light'; padding:2px 0 2px 0; margin:0;}
h4 {font-family:'pluto_sans_cond_light'; padding:2px 0 2px 0; margin:0;}
h5 {font-family:'pluto_sans_cond_light'; padding:2px 0 2px 0; margin:0;}


p {font-family:'pluto_sans_regular'; padding:2px 0 2px 0; margin:0;}
p.tekst1 {font-size:18px; }
p.tekst2 {font-size:16px; }
p.tekst3 {font-size:14px; }
p.tekst4 {font-size:12px; }
p.tekst5 {font-size:11px; }
p.tekst6 {font-size:10px; }



label {font-size:14px;}

div.clear {clear:both;}

.content {
  margin:12% 2% 0 2%;

}



/* MENY */
ul.meny {
  font-size:12px;
  text-align: center;
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color:#C2C2C2;
  float:right;
  /*width: 60px; */
}
ul.meny li {

/*width: 70px;*/
  display: inline-block;
  position: relative;
  padding: 10px 25px;
  /*padding: 15px 20px;*/
  background: #3B3B3B;
  color:#ffffff;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
ul.meny li:hover {
  background: #555;
  color: #fff;
}
ul.meny li ul {
font-size:11px;
  padding: 0;
  position: absolute;
  /*top: 48px;*/
  left: 0;
  /*width: 100px;*/
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}
ul.meny li ul li {
  background: #555;
  display: block;
  color: #fff;
  text-shadow: 0 -1px 0 #000;
}
ul.meny li ul li:hover { background: #666; }
ul.meny li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}
/*  */



.knapp {
  padding:1%;
  max-width: 30%;
}





 p.overskrift { font-size:80%; font-weight:bold; padding:0 0 5px 3px; margin:0;}
 p.underskrift { font-size:70%; padding:0 0 5px 3px; margin:5px 0 0 6px; font-family:'pluto_sans_regular';}




div.frontknapp {background-color:#12B200; padding:10px; color: #FFFFFF; cursor: pointer; text-align: left; width: auto; float:left;   }
 div.frontknapp img {float:left; margin-right:10px; height:28px; }
div.frontknapp:hover {background-color:#315B24;  }






div.header {position: fixed; background-repeat: no-repeat; left: 0; top:0; width: 100%; background-color: #5faf46; z-index: 15 }
img.logo {width:10%; float:left; margin-right:10px;}
div.overskrift {  margin:0.5% 0 0 5%;  position: absolute; top:20%; left:20%}
div.header1 {font-size: 40px; color: #FFFFFF; font-family: "pluto_sans_cond_bold"; }
div.header2 {font-size: 25px;  color: #FFFFFF;}



img.menyknapp { height:50px; float:right; cursor: pointer; }
div.mmeny { width:50%; display: none; position: fixed; right: 0; top:55px; z-index: 20;    }
  div.mmenyboks { width:100%; background-color:#262626;  cursor:pointer; border-top:1px solid #ADADAD; color:#FFFFFF; text-align: center;  }
  div.mmenyboks.skille { background-color:#262626;  cursor:default;  }
    div.mmenyboks.valgt { background-color:#478334;  }
    div.mmenyboks:hover
    {
       background-color:#646464;
      -webkit-transition: background-color .25s;
      -moz-transition: background-color .25s;
      -ms-transition: background-color .25s;
      -o-transition: background-color .25s;
      transition: background-color .25s;
    }
    div.mmenyboks.skille:hover
    {
    background-color:#262626;
    }
    div.mmenytekst {padding:10px 0 }


div.bunn {background-color:#E6E3D6; padding:10px; margin-top:20px;}
div.bunnlinks {font-family: "pluto_sans_extralight"; font-size:13px; text-align:center;}
div.bunncr {font-family: "pluto_sans_extralight"; font-size:13px; text-align:center; margin-top:10px;}
div.bunng {font-family: "pluto_sans_extralight"; font-size:10px; text-align:center; margin-top:20px;}
div.bunnsider {font-family: "pluto_sans_extralight"; font-size:13px; text-align:center; margin:20px 0 20px 0;}


div.produktliste { float:left; padding-right:20px;  }
div.produktliste img.produktbilde { width:100px;  }


@media(max-width: 1300px) {

  div.header1 {font-size: 30px; }
  div.header2 {font-size: 20px; }

}
@media(max-width: 1250px) {

  div.frontknapp {max-width: 30%; height:80px;   }

}

@media(max-width: 1000px) {

  div.header1 {font-size: 25px; }
  div.header2 {font-size: 15px; }
}

@media(max-width: 900px) {

  div.frontknapp {height:80px;   }
  div.frontknapp img { height:20px  }
  div.frontknapp h2 { font-size:14px;  }

}

@media(max-width: 800px) {
  div.overskrift {    top:15%; }
  div.header1 {font-size: 18px;}
  div.header2 {font-size: 14px;}
  div.mmeny { width:100%; top:50px;}
  img.menyknapp { height:45px;  }

  ul.meny { font-size: 10px;}
  ul.meny li {padding: 8px 10px; }

}

@media(max-width: 700px) {
    div.frontknapp { max-width: 100%; float:none; height: auto;   }

}

@media(max-width: 600px) {
  div.overskrift {   top:10%; }
    div.produktliste { float: none; text-align: center;   }
    div.produktlistebunn { border-bottom:2px solid #E6E3D6; height:2px }
}

@media(max-width: 400px) {
  div.header1 {font-size: 12px;}
  div.header2 {font-size: 9px;}
  div.mmeny { width:100%; top:40px;}
  img.menyknapp { height:35px;  }

}