@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
body
{
  margin:0;
  padding:0;
  background-color:#303533;
  font-family: 'Open Sans', sans-serif;
  font-size:16px;

}
a {text-decoration: underline; color:#303533}
a.ulink {text-decoration:underline;}
img {border:0px}
ul {margin-top:3px}
p {margin:10px 0 10px 0}

h1 { font-weight: 700; }
h2 { font-weight: 600; }
h3 { font-weight: 600; }
h4 { font-weight: 600; }

div.clear {clear: both;}


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

label { font-weight:600; }



.header { padding:2%;  height:100px;  max-width: 1000px; margin: auto; background-color: #FFFFFF;  }




img.logo { height:100px; float:left; cursor: pointer;}
img.menyknapp { cursor: pointer; height:0px; visibility: hidden;  }
div.minimeny { text-align:left; background-color:#303533; visibility: hidden; }

h1.logotekst { font-size:60px; float:left; margin:0 0 0 2%; padding:0;  cursor: pointer;}

div.meny {background-color: #D4D4D4; padding:0 2%; text-align: center;  max-width: 1000px; margin: auto; border: 1px solid #ffffff; }
  ul.menyhor
  {

  }
      ul.menyhor  li
      {
      display:  inline-block;
      background-repeat: no-repeat;
      background-position:  center left;
      color:#696969;
      cursor:pointer;
      font-size:16px;
      padding:15px 10px 5px 20px;
      margin:5px;

      }
      ul.menyhor  li:hover
      {
      color:#5FB049;

      -webkit-transition: color .25s;
      -moz-transition: color .25s;
      -ms-transition: color .25s;
      -o-transition: color .25s;
      transition: color .25s;

      }
      ul.menyhor  li.valgt
      {
      font-weight:600;
      color:#5FB049;
      }

div.mmeny { width:100%; display: none;   }
  div.mmenyboks { width:100%; background-color:#262626;  cursor:pointer; border-top:1px solid #ADADAD; color:#FFFFFF;  }
    div.mmenyboks.valgt { background-color:#5FB049;  }
    div.mmenyboks:hover
    {background-color:#5FB049;
      -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.mmenytekst {  margin-left:40%; padding:10px 0 }

div.innhold
{
background-color:#FFFFFF; padding:2%; max-width: 1000px; margin: auto
}

div.bunn { background-color: #FFFFFF; max-width: 1000px; margin: auto; margin-top:10px; padding:2% }
div.bunn div.bunntekst { text-align: center;  }
div.bunn div.linker { text-align: center; }
    div.bunn div.linker a { white-space: nowrap; text-decoration: none}

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

div.bilde { background-repeat: no-repeat; height:200px; background-position: center; background-size: cover }
.artikkelbilde { float:right; margin:10px;  }

/*  */
div.tisdlinje { float:left; text-align: center; padding:10px; height:70px;}
div.tidslinjemnd { float:left; padding:0 15px; font-size: 11px; text-align: center; border-bottom:6px solid #696969; height:25px; color:#6B6B6B}
div.tidslinjetekst { color:#5FB049; font-weight:bold; font-size: 18px; cursor: pointer;}
div.tidslinjedennemnd { border-bottom:6px solid #5FB049 }

.black_overlay{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.white_content {
	display: none;
	position: fixed;
	top: 5%;
	left: 5%;
	width: 70%;
	height: auto;
	padding: 16px;
	border: 16px solid #5FB049;
	background-color: white;
	z-index:1002;
	overflow: auto;
}
/*  */
@media(max-width: 1000px) {
    div.tidslinjemnd {  padding:0 12px; }
}

@media(max-width: 900px) {
    div.minimeny { visibility: visible;     }
        img.menyknapp { height:20px; visibility: visible; padding:10px;  }
            div.mmenytekst {  margin-left:2%; padding:10px 0 }

    div.meny {  display:none; visibility: hidden; }
    div.header { height:80px; }
    img.logo { height:80px;  }
    h1.logotekst { font-size:35px; padding-top:12px; }


    div.tidslinjemnd {  padding:0 11px; }
}

@media(max-width: 800px) {
    div.tidslinjemnd {  padding:0 10px; }
}

@media(max-width: 768px) {
    div.header { height:50px; }
    img.logo { height:50px;  }
    h1.logotekst { font-size:25px; padding-top:8px; }
    body
    {
      font-size:14px;
    }
    .artikkelbilde { float:right; margin:10px; width:70%;  }

}

@media(max-width: 750px) {
    div.tidslinjemnd {  padding:0 8px; }
}

@media(max-width: 700px) {
    div.tidslinjemnd {  padding:0 7px; }
}

@media(max-width: 640px) {
    div.tisdlinje { float:none;}
}

@media(max-width: 600px) {

     td{ font-size: 10px;}
     th{ font-size: 10px;}
}

@media(max-width: 500px) {
     td{ font-size: 10px;}
     th{ font-size: 10px;}
    .artikkelbilde { float:none; width:100%; margin:0; }
}




@media(max-width: 400px) {

    h1.logotekst { font-size:20px; padding-top:10px; }


    table.mindrepadding td,table.mindrepadding th  { padding:6px 2px;  }




}