/*
Theme Name: VERN Trygghetspakke
Author: GaWeb
Author URI: http://gaweb.no/
Description: Wordpress-tema for
Version: 1.0
*/


@font-face {
    font-family: "pluto_sans_bold";
    src: url("/wp-content/themes/trygghetspakke.vern.eu/fonts/plutosansbold.woff") format('woff');
}

@font-face {
    font-family: "pluto_sans_heavy";
    src: url("/wp-content/themes/trygghetspakke.vern.eu/fonts/plutosansheavy.woff") format('woff');
}

@font-face {
    font-family: "pluto_sans_regular";
    src: url("/wp-content/themes/trygghetspakke.vern.eu/fonts/plutosansregular.woff") format('woff');
}

@font-face {
    font-family: "pluto_sans_extralight";
    src: url("/wp-content/themes/trygghetspakke.vern.eu/fonts/plutosansextralight.woff") format('woff');
}

@font-face {
    font-family: "pluto_sans_cond_bold";
    src: url("/wp-content/themes/trygghetspakke.vern.eu/fonts/plutosanscondbold.woff") format('woff');
}

@font-face {
    font-family: "pluto_sans_cond_light";
    src: url("/wp-content/themes/trygghetspakke.vern.eu/fonts/plutosanscondlight.woff") format('woff');
}

body
{
  margin:0;
  padding:0;
  background-color:#FFFFFF;




}

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; }

a:link {color:#478334; text-decoration: none; }
a:visited {color:#478334; text-decoration: none; }
a:hover {color:#315B24; text-decoration: underline;}
img {border:0px}
ul {margin-top:3px}
p {margin:10px 0 10px 0}

div.entry-content img {  max-width:100%; height: auto; }
img.size-full {  max-width:100%; height: auto; }

div.wp-caption {  max-width:100%; height: auto; background-color: #CFCFCF; margin-left:10px; text-align: center; }
div.wp-caption p {  padding:0 0 10px 5px; font-size:10px; font-style: italic; }
div.wp-caption img { margin:3px; padding:3px; }

h1 { font-weight: 700; }
h2 { font-weight: 600; }
    h2 > a { text-decoration: none; color: #5FAF46 }
h3 { font-weight: 600; }
h4 { font-weight: 600; }

div.tid { font-size:80%; }
div.kategori { font-size:80%; }
div.clear {clear: both;}

span.entry-date { font-size:10px; }
span.entry-title { font-size:10px; }

/*  */
.image-navigation {
	margin: 24px auto 48px;
	max-width: 474px;
	padding: 0 10px;
}

.image-navigation .previous-image { float:left; }

.image-navigation .next-image { float:right;
}


.image-navigation a {
	color: #2b2b2b;
	display: block;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.7142857142;
	text-transform: none;
}

.image-navigation a:hover {
	color: #41a62a;
}
/*  */

h2.widgettitle { margin:0; padding:0; font-size:18px; }
div.textwidget { margin-top:5px; }


textarea { font-family: 'Open Sans', sans-serif; }

label { font-weight:400; }

table { width: 100%; border-collapse: collapse;}
  tr:nth-of-type(odd) {background: #eee;}
  th {background: #333; color: white; font-weight: bold;}
  td, th {padding: 6px; border: 1px solid #ccc; text-align: left;   }

.tableul ul li {list-style-type: square;  }
.tableul ul  {padding: 0px; margin: 0 0 0 12px; }



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;}








.main {}


    div.innhold { background-color: #FFFFFF; margin:12% 2% 0 2%; }



div.fremhevetbilde { width:100%; height:150px; background-size: cover; background-repeat: no-repeat; }
img.attachment-medium { padding: 0 0 20px 20px; }

div.bunn { background-color: #E6E3D6; width: 100%; margin: auto; margin-top:10px; }
div.bunn div.innhold {  text-align: center; font-size:13px; }

div.bunn div.gaweb { text-align: center; font-size:10px;  }


/*  */


.alignleft {
	float: left; padding-right:5px
}

.alignright {
	float: right; padding-left:5px;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}



a.tilbake { font-size:11px; font-weight:bold; }





img.avdtag { width: 45px; }
img.avdtag:hover {width: 47px; }


/* 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%;
}


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 }




@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: 999px) {




}

@media(max-width: 900px) {

}

@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) {


    img.attachment-medium { padding: 0 0 10px 10px; width:75%; height:75% }


}

@media(max-width: 600px) {
  div.overskrift {   top:10%; }

}

@media(max-width: 550px) {
div.header1 { margin-top:5%;}
div.header2 { display: none;}




    div.fremhevetbilde { height:75px;}
    img.attachment-medium, img.size-medium { width:50%; height:50% }

}



@media(max-width: 400px) {
  div.header1 {font-size: 12px;}

  div.mmeny { width:100%; top:40px;}
  img.menyknapp { height:35px;  }
}