/* Stylingsheet for VIRST */


body
  {
  background-color:#bbbbbb;
  text-align:center;
  margin:0px;
  }

#ark
  {
  width:80%;
  background-color:#ffffff;
  margin-left:auto;
  margin-right:auto;
  }

#hode
  {
  display: inline-block;
  width: 100%;
  background-image: url("topp.png");
  background-size: 100%;
  background-repeat: no-repeat;

  }

#hode_v
  {

  float:left;
  width:25%;
  }

#hode_h
  {

  float:left;
  width:75%;
  }

#kropp
  {
  background-color:#ffffff;
  }

#venstre
  {
  clear:both;
  float:left;
  width:25%;
  }

#midtre
  {
  float:left;
  width:45%;
  text-align:left;
  }

#helhoyre
  {
  float:left;
  width:74%;
  text-align:left;
  }

#hoyre
  {
  float:left;
  width:30%;
  }

#to_kol
  {
  float:left;
  width:75%;
  }

#bunn
  {
  clear:both;
  background-color:#f1f1f1;
  text-align:right;
  font-size:10px;
  }

img.logo
  {
  width:95%;
  display:block;
  margin-left:auto;
  margin-right:auto;
  }

img.bilde
  {
  width:85%;
  display:block;
  margin-left:auto;
  margin-right:auto;
  border:none;
  }

img.figur
  {
  float:right;
  border-style: none;
  margin: 0 5px 0 5px;
  }

img.bilde_v
  {
  width:85%;
  }

div.modell
  {
  display:inline-block;
  margin: 5px 0 5px 0;
  }

ul.meny
  {
  list-style-type:none;
  margin:0;
  padding:0;
  width:17%;
  background-color:#2FBC4A;
  position:fixed;
  top: 0px;
  height:100%;
  overflow:auto;
  }

li.oversk
  {
  display:block;
  color:#fff;
  font-size:20px;
  font-weight: bold;
  padding:10px 0 10px 0px;
  text-decoration:none;
  }

li a.meny
  {
  display:block;
  color:#fff;
  padding:8px 0 8px 0px;
  text-decoration:none;
  }

li a.active
  {
  display:block;
  background-color:#2E784A;
  color:white;
  padding:8px 0 8px 0px;
  text-decoration:none;
  font-weight: bold;
  }

li a.meny:hover:not(.active)
  {
  background-color:#464;
  color:white;
  }

li
  {
  font-family:arial;
  font-size:16px;
  }

li.kontakt
  {
  font-family:arial;
  font-size:16px;
  display:inline;
  float:right;
  margin:0px;
  padding:0px;
  }

a
  {
  font-family:arial;
  font-size:16px;
  }


h1
  {
  font-family:arial;
  font-size:40px;
  font-style:italic;
  color:#007700;
  }

h2
  {
  font-family:arial;
  font-size:30px;
  color:#005500;
  }

h3
  {
  font-family:arial;
  font-size:20px;
  color:#004400;
  }

h4
  {
  font-family:arial;
  font-size:18px;
  color:#003300;
  font-style:italic;
  }

p
  {
  font-family:arial;
  font-size:16px;
  }

p.innrykk
  {
  margin-left: 10%;
  font-style:italic;
  }

p.oversk
  {
  font-family:arial;
  font-size:20px;
  font-weight:bold;
  }

p.l-oversk
  {
  font-family:arial;
  font-size:18px;
  font-style:italic;
  }

p.center
  {
  font-size:12px;
  text-align:center;
  }

p.box
  {
  margin:40px;
  width:180px;
  }

a.box
  {
  margin:40px;
  width:180px;
  }