html, body {
    background-color: #ccc;
    font-size: 11px;
    color: #000;
    font-family: verdana;
    font-weight: normal;
  }
  h1 {
    font-size: 20px;
    line-height: 20px;
    margin: 0.5em 0;
  }
  h2 {
    font-size: 14px;
    line-height: 17px;
    margin: 0.5em 0;
  }
  h3 {
    font-size: 12px;
    line-height: 14px;
    margin: 0.5em 0;
  }
  p {
    font-size: 11px;
    line-height: 13px;
    margin: 0.5em 0;
  }
  #skarpnes {
    width: 780px;
    height: auto;
    padding: 20px;
    margin: 0 auto;
    border-left: 40px solid #66cccc;
    border-right: 40px solid #66cccc;
    background-color: #3cf;
    background: #99e6ff url(/gfx/gradient-back-2.png) top left repeat-x;
  }
  #logotopp {
    background: transparent url(/gfx/skyline.jpg) top left no-repeat;
    width: 780px;
    height: 230px;
    position: relative;
  }
  #logotopp div.skarpnes-logo {
    position: absolute;
    top: 36px;
    left: 312px;
  }
  #logotopp div.skarpnes-logo img {
    border: none;
  }
  #logotopp div.bildebank {
    position: absolute;
    right: 10px;
    top: 10px;
  }
  #logotopp div.nav {
    position: absolute;
    background: #f00 url(gfx/ul-back.png) top left repeat-x;
    height: 30px;
    bottom: 0;
    width: 780px;
  }
  #logotopp div.nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-left: 10px;
  }
  #logotopp div.nav ul li {
    float: left;
    background: transparent url(gfx/ul-back-splitt.png) top left no-repeat;
  }
  #logotopp div.nav ul li a {
    font-family: verdana;
    font-size: 11px;
    display: block;
    margin: 0 0 0 10px;
    margin-top: 4px;
    margin-bottom: 4px;
    height: 18px;
    padding: 0 5px;
    padding-top: 4px;
    color: #fff;
    text-decoration: none;
  }
  #logotopp div.nav ul li a:link {}
  #logotopp div.nav ul li a:visited {}
  #logotopp div.nav ul li a:hover,
  #logotopp div.nav ul li a.active {
    background-color: #fff;
    color: #000;
  }
  #logotopp div.nav ul li a:active {}

  #subnav {
  }
  div.subnav-gallery {
    background-color: #fff;
    background: transparent url(/gfx/backdrops/gallery.jpg) top left no-repeat;
  }
  #subnav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  #subnav ul li {
    float: left;
    padding: 5px 5px;
  }
  #subnav ul li a {
    display: block;
    padding: 3px 5px;
    border: 2px solid #444;
    background-color: #888;
    color: #fff;
  }
  #subnav ul li a:link {}
  #subnav ul li a:visited {}
  #subnav ul li a:hover,
  #subnav ul li a.active {
    border: 2px solid #000;
    background-color: #000;
    color: #fff;
  }
  #subnav ul li a:active {}

  #subnav ul li a#enkelkrum {
    border: 2px solid #e7b947;
    background-color: #a18131;
  }
  #subnav ul li a#enkelkrum:hover {
    color: #000;
    background-color: #e7b947;
    text-decoration: none;
  }
  #subnav ul li a#enkelkrum.active { border: 2px solid #888; background-color: #000; color: #fff; }
  #subnav ul li a#dobbelkrum {
    border: 2px solid #83ae74;
    background-color: #5b7951;
  }
  #subnav ul li a#dobbelkrum:hover {
    color: #000;
    background-color: #83ae74;
    text-decoration: none;
  }
  #subnav ul li a#dobbelkrum.active { border: 2px solid #888; background-color: #000; color: #fff; }
  #subnav ul li a#rg10 {
    border: 2px solid #6bacc8;
    background-color: #4a788b;
  }
  #subnav ul li a#rg10:hover {
    color: #000;
    background-color: #6bacc8;
    text-decoration: none;
  }
  #subnav ul li a#rg10.active { border: 2px solid #888; background-color: #000; color: #fff; }
  #subnav ul li a#rg12 {
    border: 2px solid #003d58;
    background-color: #002a3d;
  }
  #subnav ul li a#rg12:hover {
    color: #000;
    border: 2px solid #6bacc8;
    background-color: #4a788b;
    text-decoration: none;
  }
  #subnav ul li a#rg12.active { border: 2px solid #888; background-color: #000; color: #fff; }
  #subnav ul li a#testhus {
    border: 2px solid #ff0000;
    background-color: #b20000;
  }
  #subnav ul li a#testhus:hover {
    color: #000;
    background-color: #ff0000;
    text-decoration: none;
  }
  #subnav ul li a#testhus.active { border: 2px solid #888; background-color: #000; color: #fff; }




div.content {
  clear: both;
}
div.content img {
  border: none;
}

#skarpnes { padding-bottom: 10px; }
div.skarpnes-adress {
  margin-top: 10px;
  text-align: center;
  border-top: 1px dotted #fff;
  padding-top: 10px;
  color: #444;
/*
  background: #fff url(gfx/skarpnes-adress.png) top left no-repeat;
  height: 252px;
  width: 180px;
*/
}
div.skarpnes-adress div { /* Make indexable for robots */
/*
  display: none;
*/
}

div.colspan3 {
  width: 780px;
  margin-top: 5px;
}
div.colspan3 div.leftmiddle {
  float: left;
  width: 575px;
  margin-right: 5px;
  border: 1px solid white;
  padding: 4px;
}

div.colspan3 div.left {
  float: left;
  width: 180px;
  margin-right: 5px;
  border: 1px solid white;
  padding: 4px;
}
div.colspan3 div.middle {
  float: left;
  width: 380px;
  margin-right: 5px;
  border: 1px solid white;
  padding: 4px;
}
div.colspan3 div.right {
  float: left;
  width: 180px;
  border: 1px solid white;
  padding: 4px;
}

div.product-box {
  width: 170px;
  background-color: #fff;
  padding: 5px;
  margin-bottom: 10px;
  font-family: arial;
  font-size: 11px;
}
div.product-box img {
  float: right;
}
div.product-box h1 {
  font-size: 12px;
  line-height: 14px;
  color: #fff;
  padding-left: 5px;
  margin: 0 0 5px 0;
}
div.product-box p {
  margin: 0;
}
div.beregning h1 {
  background-color: #3399ff;
}
div.enkelkrum h1 {
  background-color: #e7b947;
}
div.dobbelkrum h1 {
  background-color: #83ae74;
}
div.rg10 h1 {
  background-color: #6bacc8;
}
div.rg12 h1 {
  background-color: #003d58;
}


/* PRODUKTER */
  div.produkter {
    margin-top: 10px;
  }
  div.produkter div.enkelkrum,
  div.produkter div.dobbelkrum,
  div.produkter div.rg10,
  div.produkter div.rg12 {
    background: transparent url(/assets/produkter-enkelkrum.png) top left no-repeat;
    padding-top: 180px;
    border: 1px solid #fff;
    width: 190px;
    float: left;
    margin-right: 4px;
  }
  div.produkter div.dobbelkrum {
    background: transparent url(/assets/produkter-dobbelkrum.png) top left no-repeat;
  }
  div.produkter div.rg10 {
    background: transparent url(/assets/produkter-rg10.png) top left no-repeat;
  }
  div.produkter div.rg12 {
    background: transparent url(/assets/produkter-rg12.png) top left no-repeat;
    margin-right: 0;
  }
  div.produkter ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 10px;
    min-height:130px;
    height:auto !important;
    height:130px;
  }
  div.produkter ul li {
    padding: 0 10px;
    background: transparent url(/assets/dash.png) top left no-repeat;
  }

  div.produkter div.enkelkrum p {
    margin: 0;
    padding: 0;
  }
  div.produkter div.enkelkrum p a {
    display: block;
    border: 2px solid #e7b947;
    background-color: #a18131;
    text-align: center;
    color: #fff;
    padding: 3px 0;
    text-decoration: none;
  }
  div.produkter div.enkelkrum p a:hover {
    background-color: #e7b947;
    color: #000;
  }
  div.produkter div.dobbelkrum p {
    margin: 0;
    padding: 0;
  }
  div.produkter div.dobbelkrum p a {
    display: block;
    border: 2px solid #83ae74;
    background-color: #5b7951;
    text-align: center;
    color: #fff;
    padding: 3px 0;
    text-decoration: none;
  }
  div.produkter div.dobbelkrum p a:hover {
    background-color: #83ae74;
    color: #000;
  }
  div.produkter div.rg10 p {
    margin: 0;
    padding: 0;
  }
  div.produkter div.rg10 p a {
    display: block;
    border: 2px solid #6bacc8;
    background-color: #4a788b;
    text-align: center;
    color: #fff;
    padding: 3px 0;
    text-decoration: none;
  }
  div.produkter div.rg10 p a:hover {
    background-color: #6bacc8;
    color: #000;
  }
  div.produkter div.rg12 p {
    margin: 0;
    padding: 0;
  }
  div.produkter div.rg12 p a {
    display: block;
    border: 2px solid #003d58;
    background-color: #002a3d;
    text-align: center;
    color: #fff;
    padding: 3px 0;
    text-decoration: none;
  }
  div.produkter div.rg12 p a:hover {
    background-color: #003d58;
    color: #000;
  }
  
  
/* Teknisk side */

th,
td {
  text-align: left;
  vertical-align: top;
}
table.teknisk-page {
}
table.teknisk-page th,
table.teknisk-page td {
  padding-right: 10px;
}
table.teknisk-page th {
  text-align: center;
}
table.teknisk-page th.no-padding,
table.teknisk-page td.no-padding {
  padding: 0;
}


span.file-link {
}
span.file-link a {
  position: relative;
  margin-left: 20px;
  display: block;
  color: #000;
}
span.file-link a img {
  position: absolute;
  left: -20px;
}


/* News */

/* POSTS CSS */

div.posthead {
  position: relative;
  padding-left: 55px;
  padding-bottom: 10px;
  border-bottom: 1px solid #888;
  margin-bottom: 10px;
}
div.posthead h2 {
  margin: 0;
}
div.posthead .postinfo {
  margin: 0;
  font-size: 10px;
  font-style: italic;
}
div.posthead .postdate { 
  position: absolute;
  top: 5px;
  left: 0;
  text-align: center;
  border-right: 1px solid #888;
  display: block;
  padding: 5px 10px;
  margin: 0;
}
div.posthead .postdate .day { 
  display: block; 
  font-size: 21px; 
  font-family: Arial;
  font-weight: bold;
  line-height: 19px;
  color: #800;
  letter-spacing: -1px;
}
div.posthead .postdate .month {
  display: block; 
  font-size: 9px;
  line-height: 9px;
  color: #800;
}

div.postcontainer,
div.postcontainer-right {
  width: 780px;
  margin-bottom: 5px;
}
div.postcontainer p,
div.postcontainer-right p {
  line-height: 1.3em;
}
div.postcontainer-right div.postimage {
  width: 400px;
  float: right;
  margin-left: 20px;
}
div.postcontainer-right div.posthead {
  width: 305px;
  float: left;
  }
div.postcontainer-right postbody-full {
  width: 360px;
}

/*
div.postbody {               width: 780px; margin-bottom: 20px; }
div.postbody div.body {      width: 380px; float: left; }
div.postbody div.postimage { width: 400px; float: right; }

div.postbody-full-right {               width: 780px; margin-bottom: 20px; }
div.postbody-full-right div.body {      width: 380px; float: left; }
div.postbody-full-right div.postimage { width: 400px; float: right; }
div.postbody-full-left {               width: 780px; margin-bottom: 20px; }
div.postbody-full-left div.body {      width: 380px; float: right; }
div.postbody-full-left div.postimage { width: 400px; float: left; }
*/


/* OM OSS */
  h1.ansatte-header {
    background-color: #888;
    font-size: 14px;
    padding-left: 10px;
  }
  div.ansatte {
    padding-left: 3px;
  }
  div.ansatte div {
    float: left;
    width: 86px;
    text-align: center;
  }
  div.ansatte div p {
    font-size: 10px;
    height: 20px;
  }
  
  
  
.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}


/* New RSS Feed */
  table.RssFeeder {
    width: 570px;
    border-top: 2px solid #82dafe;
    border-bottom: 2px solid #82dafe;
    border-left: 2px solid #66ccce;
    border-right: 2px solid #66ccce;
    background-color: #fff;
  }
  table.RssFeeder caption {
    font-size: 18px;
    margin: 10px 0;
    font-weight: bold;
    color: #fff;
    text-align: center;
  }
  table.RssFeeder caption a {
    color: #fff;
  }
  table.RssFeeder caption a:hover {
    color: #fff;
    text-decoration: underline;
  }
  table.RssFeeder  th,
  table.RssFeeder  td {
    width: 141px;
    border-right: 2px solid #6eced0;
  }
  table.RssFeeder  th.last,
  table.RssFeeder  td.last {
    border-right: none;
  }
  table.RssFeeder th {
    background: #fc0301 url(/gfx/RssFeeder-top.png) top left no-repeat;
    vertical-align: middle;
  }
  table.RssFeeder th.first {
    background: #fc0301 url(/gfx/RssFeeder-top-left.png) top left no-repeat;
  }
  table.RssFeeder th.last {
    background: #fc0301 url(/gfx/RssFeeder-top-right.png) top left no-repeat;
  }
  table.RssFeeder th h1 {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin: 0 5px;
  }
  table.RssFeeder td p {
    margin: 5px 5px;
  }
  table.RssFeeder td p a {
    color: #000;
  }
  table.RssFeeder td p a:hover {
    color: #000;
    text-decoration: underline;
  }
  table.RssFeeder tfoot td div {
    width: 131px;
    border: 5px solid #fff;
  }
  table.RssFeeder tfoot td div.divimage {
    border: none;
  }

  
td.grid-vertical {
  background: #fff url(/gfx/grid-vertical.png) top left repeat-y;
}
th.center,
td.center,
tr.center td {
  text-align:center;
}

table.skarp-tilbehor-thumbs img {
  border: 2px solid #fff;
}
table.skarp-tilbehor-thumbs tr.noborder img {
  border: none;
}
tr.td-middle td {
  vertical-align: middle;
}