.bla {
  color: #00aeef; }

.bgbla {
  background-color: #00aeef; }

.vit {
  color: #FFF; }

.gap-top {
  margin-top: 25px; }

.gap-top2 {
  margin-top: 40px; }

.gap-bottom {
  margin-bottom: 25px; }

.gap-bottom2 {
  margin-bottom: 50px; }

.gap-top_double {
  margin-top: 50px; }

.gap-top_mini {
  margin-top: 7px; }

.no-top {
  margin-top: 0;
  padding-top: 0; }

.luft {
  margin-top: 10px;
  margin-bottom: 10px; }

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

h1, h2, h3, h4 {
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: bold; }

h4 {
  text-transform: uppercase; }

.ingress {
  font-size: 1.1rem; }

p {
  font-size: 0.9rem;
  /*14px*/
  line-height: 1.6rem; }

h1::selection, h2::selection, h3::selection, h4::selection, p::selection {
  background: #00aeef;
  color: #fff; }

h1::selection, h2::selection, h3::selection, h4::selection, p::-moz-selection {
  background: #00aeef;
  color: #fff; }

a {
  text-decoration: none;
  border-bottom: 1px solid #efefef;
  color: #00aeef; }

p a:hover {
  text-decoration: none;
  border-bottom: 2px solid #00aeef;
  color: #00aeef; }

footer a {
  text-decoration: none;
  border: none; }

.tabs dd.active a, .tabs .tab-title.active a {
  background-color: #00aeef;
  color: #fff; }

.pricing-table .bullet-item {
  line-height: 1.5rem; }

@media only screen and (max-width: 740em) {
  #meny {
    display: none; }

  #off_menu {
    /*height: 400px;*/ }

  .right-off-canvas-menu {
    height: 280px; } }
@media only screen and (min-width: 741px) {
  #meny_knapp {
    display: none; }

  #meny {
    display: block; } }
.menu-icon span::after {
  content: "";
  position: absolute;
  display: block;
  height: 0;
  top: 15px;
  margin-top: -0.44444rem;
  left: 0.80556rem;
  box-shadow: 0 0px 0 1px white, 0 7px 0 1px white, 0 14px 0 1px white;
  width: 0.88889rem; }

#meny_knapp {
  width: 40px;
  height: 32px;
  cursor: pointer; }

.left-off-canvas-menu {
  background: #00aeef; }

.left-off-canvas-menu ul {
  margin-left: 0; }

.left-off-canvas-menu ul li a {
  display: block;
  /*background-color: $morkgra;*/
  background-color: bla;
  color: #FFF;
  padding-left: 10px;
  line-height: 3.0rem;
  font-weight: bold;
  border-bottom: 1px solid #fff; }

.left-off-canvas-menu ul li a:hover {
  background-color: #007095; }

.flex-container {
  height: 80%;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center; }

#login-container {
  background-color: #fff;
  width: 500px;
  margin: 0 auto; }

#login-holder {
  text-align: center;
  background: #f5f5f5 url(img/main_bg.jpg) repeat-x;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc; }

#login-form {
  background-color: #f5f5f5;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-bottom: 1px dotted #cccccc;
  padding-bottom: 20px; }

#login-main {
  padding-left: 90px; }

#shadow {
  -moz-box-shadow: 0px 0px 20px #4f4e4e;
  -webkit-box-shadow: 0px 0px 20px #4f4e4e;
  box-shadow: 0px 0px 20px #4f4e4e; }

#btn_loggain {
  margin-top: 8px;
  margin-bottom: 8px; }

.page {
  padding-top: 20px;
  padding-left: 30px; }

.hero_text {
  width: 30em; }

button, .button {
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: bold;
  background-color: #00aeef;
  border-color: #007095; }

#wrapper2 {
  background: #ffffff;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI0JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyOTg5ZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 24%, #2989d8 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(24%, #ffffff), color-stop(100%, #2989d8));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 24%, #2989d8 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #ffffff 24%, #2989d8 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 24%, #2989d8 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 24%, #2989d8 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#2989d8',GradientType=0 );
  /* IE6-8 */ }

.tab-bar .menu-icon {
  text-indent: 1.94444rem;
  width: 2.5rem;
  height: 2.5rem;
  display: block;
  padding: 0;
  color: white;
  position: relative;
  transform: translate3d(0, 0, 0); }

.tab-bar .menu-icon span::after {
  content: "";
  position: absolute;
  display: block;
  height: 0;
  top: 50%;
  margin-top: -0.44444rem;
  left: 0.80556rem;
  box-shadow: 0 0px 0 1px white, 0 7px 0 1px white, 0 14px 0 1px white;
  width: 0.88889rem; }

dl.tabs dd:first-child {
  margin-left: 0; }

dl.tabs dd {
  display: block;
  float: left;
  padding: 0;
  margin: 0; }

dl.tabs {
  border-bottom: solid 1px #e6e6e6;
  display: block;
  height: 40px;
  padding: 0;
  margin-bottom: 20px; }

.tabs dd > a, .tabs .tab-title > a {
  padding: .42rem 2rem; }

dl.tabs.contained {
  margin-bottom: 0; }

.tabs-content contained > li {
  border: solid 0 #00aeef;
  border-width: 0 1px 1px 1px;
  padding: 10px; }

dd a {
  border: none; }

.pricing-table .title {
  background-color: #007095; }

.pricing-table .price {
  font-size: 1.2rem; }

/*# sourceMappingURL=final.css.map */



nav ul {
    list-style: none;
}

nav ul li {
      display: inline-block;      
}

nav ul li a {
      font-size: .8rem;
      color: #3c6f45;
      padding-right: 15px;   
      border-bottom: none;
      font-weight:bold;
}

nav ul li a:hover {
      color: #68c077;     
}


.panel.callout {
 
  border-color: #3c6f45;
  background: #68c077;
  color: #fff;
}


a {
    color: #3c6f45;
}