body {
  margin: 0; padding: 0px;
}
body, html {
    font-size: 100%;
    color: #444;
}
td, p, div {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
    color: #444;
}
html {overflow-y: scroll;}
.del-center-hack {
  display:inline-block; text-decoration:none;text-align:center;
}
.cb, .clear {
  clear: both;
}
th, td {
  text-align: left;
}
th.right, td.right {
  text-align: right;
}
h1 {
   font-size:16px; 
   margin: 0px 0px 12px 0px; 
   padding: 0px;
}
h2 {
   font-size:14px; margin: 0px;
}
h3 {
   font-size:13px; margin: 0px;
}
p {
   margin: 0px 0px 20px 0px; padding: 0px;
}
a, a:visited, a:active {
   color: navy;
}
form {
   margin: 0px;
}
img {
  border: none;
}


#ramme {
   margin: auto;
   width: 100%;
   max-width: 950px;
   padding: 15px;
   background-color: #fff;
/*
   border-right: #ddd 1px solid;
   border-bottom: #ddd 1px solid;
*/
}

#logo {
   width: 950px;
/*   margin-bottom: 15px; */
}
#toppmeny {
   height: 24px;
}
#tabs-faner div {
	width: 115px;
	margin-right: 1px;
	float: left;
}
#tabs-faner a, #tabs-login a {
	display: block;
	width: 115px; line-height: 24px;
	text-align: center;
	text-decoration: none;
	color: #000;
	background-image: url(gfx/fane-graa.gif);
   background-repeat: no-repeat   
}
#tabs-faner a.active, #tabs-login a.active,
#tabs-faner a:hover, #tabs-login a:hover {
	background-image: url(gfx/fane-gul.gif);
}

#tabs-login {
   float: right;
   /*
   width: 242px;
   */
}
#tabs-login div {
	width: 115px;
	margin-left: 1px;
	float: right;
}
#status {
   background-color: #fb0;  
   text-align: right; 
   line-height: 22px;
   padding: 8px 20px 6px 20px;
   margin-bottom: 15px;
   border-top: #fff 1px solid;
}
#status a, #status a:active {
   color: #000;
   font-weight: bold;
}
#sook {
   float: left;
}
#sook input {
   border: gray 1px solid;
   font-size:13px;
}

#side {
}

/* Vare meny */
#venstremeny {
     float: left;
     width: 200px;
}
  #ews-ul-nav {
     margin-bottom: 10px;
  }
  #ews-ul-nav span.ews-ul-nav-head, #ews-ul-nav span.ews-ul-nav-foot {
    display: none;
  }
  #ews-ul-nav ul {
    margin: 0px;
    padding: 0px;
    list-style: none; 
    border-bottom: #FFF 1px solid;
  }
  #ews-ul-nav ul li {
   color: #333; 
   background-color:#ddd;
   border-top: #FFF 1px solid;
  }
  #ews-ul-nav ul li {
    background-color:#fb0;     
  }
  #ews-ul-nav ul li.open {
  }
  #ews-ul-nav ul li.last {
  }
  #ews-ul-nav ul li a {
   display: block;
   line-height: 22px;
   font-size: 13px;
   color: Black;
   font-family: Tahoma, Arial;
   text-decoration: none;
   width: 180px;
   padding: 0 14px 0 6px;
  }
  #ews-ul-nav ul li a:link {}
  #ews-ul-nav ul li a:visited {}
  #ews-ul-nav ul li a.active,
  #ews-ul-nav ul li a:hover {
   background-color: #d3d3d3;
  }
  #ews-ul-nav ul li a:active {}

  #ews-ul-nav ul li.open a {
  }
  #ews-ul-nav ul li.open a:hover {
  }
  #ews-ul-nav ul li ul {
    border-bottom: none;
  }
  #ews-ul-nav ul li ul li {
	background-color: #eee;
    border-top: #fff 1px solid;
  }
  #ews-ul-nav ul li ul li.open {
    background-color:#F7D477;
  }
  #ews-ul-nav ul li ul li a,
  #ews-ul-nav ul li.open ul li a,
  #ews-ul-nav ul li.close ul li a {
    width: 190px;
    padding: 0 0 0 10px;
    line-height: 19px;
    font-weight: normal;
    font-size: 12px;
  }
  #ews-ul-nav ul li ul li a:hover,
  #ews-ul-nav ul li.open ul li a:hover,
  #ews-ul-nav ul li.close ul li a:hover {    
   background-color: #e3e3e3;
  }
  #ews-ul-nav ul li ul li.open a {
  }
  #ews-ul-nav ul li ul li.open a:hover {
  }
  #ews-ul-nav ul li ul li.close a {
  }
  #ews-ul-nav ul li ul li.close a:hover {
  }
  #ews-ul-nav ul li ul li ul {
  }
  #ews-ul-nav ul li ul li ul li {
  }
  #ews-ul-nav ul li ul li ul li,
  #ews-ul-nav ul li.open ul li ul li,
  #ews-ul-nav ul li.close ul li ul li {
    background-color: #f7f7f7;
  }
  #ews-ul-nav ul li ul li ul li a,
  #ews-ul-nav ul li.open ul li ul li a,
  #ews-ul-nav ul li.close ul li ul li a {
    padding: 0 0 0 20px;
    width: 180px;
	font-size: 11px; 
  }

  #ews-ul-nav ul li.open ul li.open ul li.open a {
   background-color: #ff0000;
  }

  #ews-ul-nav ul li ul li ul li a:hover,
  #ews-ul-nav ul li.open ul li.open ul li a:hover,
  #ews-ul-nav ul li.close ul li ul li a:hover {
   background-color: #f4f4f4;
  }

  #ews-ul-nav p, #ews-ul-nav div { 
   margin: 0px;
   padding: 4px;
   font-size: 11px;
   border: #bbb 1px solid;
  }
  
  
/* CMS meny */
#CMSmenu  {
   margin: 0px 0px 10px 0px;
   padding: 0px;
   list-style: none; 
   border-bottom: #FFF 1px solid;
}
#CMSmenu li {
   color: #000; 
   text-indent: 6px;
   font-weight: bold;
   border-top: #FFF 1px solid;
}
#CMSmenu li a, #CMSmenu li a:active {
   display: block;
   width: 200px;
	line-height: 22px;
   font-size: 13px;
   font-weight: normal;
   color: Black;
   text-decoration: none;
   background-color:#eee;
}
#CMSmenu li a:hover {
   background-color: #ddd;
}
#active {
    background-color:#fb0;      
}
#CMSmenu li ul {
   margin: 0px;
   padding: 0px;
   list-style: none; 
   border-bottom: none;
  }
#CMSmenu li ul li {
   border-top: #fff 1px solid;
  }
#CMSmenu li ul li a {
   width: 190px;
   padding: 0 0 0 10px;
   line-height: 19px;
	background-color: #f3f3f3;
	font-weight: normal;
	font-size: 11px;
  }
#CMSmenu li ul li a:hover {
   background-color: #ddd;
}
#CMSmenu li ul li ul {}
#CMSmenu li ul li ul li {}
#CMSmenu li ul li ul li a, #CMSmenu li ul li ul li a:visited {
   width: 180px;
   padding: 0 0 0 20px;
	background-color: #fff;   
}


#innhold {
   float: left;
   width: 530px;
   padding: 0px 0px 0px 20px;
}
#innhold input {
   font-size: 12px;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#breadcrumbs {
   font-size: 11px; color: Gray;
   padding-bottom: 4px;
   margin-bottom: 12px;
   border-bottom: #bbb 1px dotted;
}
#breadcrumbs a {
   color: Gray;
}
#breadcrumbs a:hover {
   color: Navy;
}

#hoyre {
   float: right;
   width: 180px;
}
.hoyreover {
   margin: 0px;
   padding: 4px 0px 4px 8px;
   background-color: #ddd;
   font-weight: bold;
}

.hoyretekst {
   margin: 0px;
   padding: 3px 8px 8px 8px;
   background-color: #eee;
   font-size: 11px;
}

.hoyreover_highlight {
   background-color: #ffff33;
   color: #000;
}
.hoyretekst_highlight {
   background-color: #ffffcc;
   color: #000;
}

.box-right1-tpl,
.box-right1-tp2,
.box-right2-tpl {
  margin-bottom: 15px;
}

#hoyre a, #hoyre a:visited {
  color: #000;
  font-size: 11px;
  text-decoration: underline;
  border-bottom: navy 1px dotted;
}
#hoyre a:hover {
  border-bottom: red 1px solid;
}

#hoyre a.has-image, #hoyre a.has-image:visited {
  border-bottom: none;
}
#hoyre a:hover {
/*   border-bottom: red 1px solid; */
}
#hoyre a img {
  border-bottom: none;
}
#hoyre input {
   font-size: 11px;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* 3x3 varerliste */
.vare3x3 {
   width: 156px;
   padding: 10px;
   border-right: #ccc 2px dotted;
   border-bottom: #ccc 2px dotted;
}
.vare3x3 h2 {
   text-align: center;
   margin-bottom: 8px;

}

/* 1x vareliste */   
#vareliste {
   border-top: #ddd 2px solid;
}
#vareliste tr {} 
#vareliste td {
   border-bottom: #ddd 2px solid;   
}
#vareliste form, varedetalj form {
   margin: 0px;
}
#varedetalj {
  width: 260px;
}
#vareliste input, #varedetalj input {
   font-size: 12px;
   width: 16px;
   text-align: center;
}
#varedetalj .listeantall {
  padding: 8px 10px 8px 0px;  
  width: 80px;
}
#varedetalj .listeantall input {
  border: 1px solid #444;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 5px;
  font-size: 1.5em;
  width: 21px;
}
#varedetalj .listekjop {
  padding: 8px 0px 8px 0px;
  width: 50px;
}

.listebilde {
   text-align: center;
   padding: 8px 20px 8px 0px;
}
.listetekst {
   padding: 8px 20px 8px 0px;
}
.listetekst div {
   padding-top: 8px;
}
.listetekst a, .listetekst a:visited {
   color: #000;
   font-size: 13px;
   font-weight: bold;
   text-decoration: none;
}
.listetekst a:hover {
   text-decoration: underline;
}
.listepris {
 padding: 8px 10px 10px 0px; 
 font-weight: bold 
}




/* vare helside */
#varevenstre {
   float: left;
   width: 220px;
}
#varehoyre {
   float: right;
   width: 290px;
   padding-left: 20px;
}
#varehoyre h1 {
   border: none;
   margin: 0px;
}
#varehoyre select {
   width: 310px;
}
.pris {
   font-size: 14px;
   font-weight: bold;
}
.price {
   padding-top: 4px;
}
#produktgalleri div {
   float: left;
   width: 58px;
}
#produktgalleri h2 {
   margin: 0px 0px 12px 0px;
   border-bottom: #ddd 2px solid;  
}

#bunn {
	font-size: 10px; color: #666;
    text-align: center;
    background-color: #fff;
    padding: 0.5em 0;
}
#bunn a, #bunn a:visited {
	font-size: 10px; color: #666;
	text-decoration: none;	
}
#bunn a:hover {
	color: #000;
	text-decoration: underline;
}

/* * * * * * * * */

a.purchase-button-list {
}
a.purchase-button-list span {
  display: block;
  width: 50px;
  height: 21px;
  background: transparent url(gfx/kjop-knapp.gif) top left no-repeat;
}
a.purchase-button-list span img {
  display: none;
}
div.info-footer {
  width: 156px;
}
div.info-footer td.t p {
  width: 150px;
  padding: 5px;
  margin: 0;
}
div.info-footer div.price,
div.info-footer div.more_info_not_for_sale {
  width: 98px;
  height: 13px;
  background-image: url(gfx/c_css_input.png);
  margin-left: 4px;
  float: left;
  color: black;
  padding: 2px 0 0 5px;
  font-weight: bold;
}
div.info-footer div.more_info_not_for_sale {
  background-image: none;
}
div.info-footer div.info{
  width: 46px;
  height: 15px;
  display: inline;
  margin-left: 3px;
  float: left;
}
div.info-footer div.i{
  width: 15px;
  height: 15px;
  display: inline;
  margin-left: 3px;
  float: left;
}
div.info-footer div.buy{
  width: 28px;
  height: 15px;
  display: inline;
  margin-left: 3px;
  float: left;
}
div.info-footer div.b{
  width:160px;
  height:4px;
  clear: left;
  background-image: url(gfx/c_ccs_b.png);
}
div.info-footer div.veil{
  margin-left: 9px;
  font-style: italic;
  font-weight: bold;
  font-size: 11px;
  color: #888;
  margin-bottom: 4px;
}

#view-cart-table {
  border: 0;
  margin: 0 auto;
}
#view-cart-table a,
#view-cart-table a:visited {
  color: #444;
  text-decoration: none;
}
#view-cart-table a:hover {
  text-decoration: underline;
}
#view-cart-table h2 {
  margin: 10px 0 0 0;
  padding: 0;
}
#view-cart-table th.left {
  text-align: left;
}
#view-cart-table th {
  background-color: #eee;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  color: #888;
  height: 25px;
}
#view-cart-table td {
  padding-top: 2px;
  padding-bottom: 2px;
}
#view-cart-table td.total, #view-cart-table td.total-red {
  padding-right: 10px;
  text-align: right;
}
#view-cart-table td.total-red, #view-cart-table td.red {
  color: #FA4848;
}
#view-cart-table tr.tax td {
  font-weight: bold;
  border-top: 1px solid #ccc;
}
#view-cart-table tr.cart-total td {
  border-top: 1px solid #ccc;
  border-bottom: 3px double #ccc;
  color: #000;
  font-weight: bold;
}



/* 
  Dotted grid, TODO - pixelsizes are skewed
  Each col loses 2px, and main table loses 2px.
*/
table.p3x3 {
  border-top: #eee 2px dotted;
  border-left: #eee 2px dotted;
}
table.p3x3 tbody tr.head td.p3x3-left,
table.p3x3 tbody tr.text td.p3x3-left,
table.p3x3 tbody tr.middle td.p3x3-left,
table.p3x3 tbody tr.foot td.p3x3-left {
  border-right: #eee 2px dotted;
}
table.p3x3 tbody tr.head td.p3x3-center,
table.p3x3 tbody tr.text td.p3x3-center,
table.p3x3 tbody tr.middle td.p3x3-center,
table.p3x3 tbody tr.foot td.p3x3-center {
  border-right: #eee 2px dotted;
}
table.p3x3 tbody tr.head td.p3x3-right,
table.p3x3 tbody tr.text td.p3x3-right,
table.p3x3 tbody tr.middle td.p3x3-right,
table.p3x3 tbody tr.foot td.p3x3-right {
  border-right: #eee 2px dotted;
}
table.p3x3 tbody tr.foot td.p3x3-left,
table.p3x3 tbody tr.foot td.p3x3-center,
table.p3x3 tbody tr.foot td.p3x3-right {
  border-bottom: #eee 2px dotted;
}
table.p3x3 tbody tr.foot.presentation td.p3x3-left,
table.p3x3 tbody tr.foot.presentation td.p3x3-center,
table.p3x3 tbody tr.foot.presentation td.p3x3-right {
  border-bottom: none;
}

/* Rest of styling */
table.p3x3 {
  width: 525px;
  margin: 0 auto;
}
table.p3x3 tbody tr {}
table.p3x3 tbody tr td {
  width: 153px; /* table-2, left-2, center-2, right-2. */
   padding: 0px 10px 0px 10px;
}
table.p3x3 tbody tr.head td.p3x3-left,
table.p3x3 tbody tr.text td.p3x3-left,
table.p3x3 tbody tr.middle td.p3x3-left,
table.p3x3 tbody tr.foot td.p3x3-left,
table.p3x3 tbody tr.head td.p3x3-right,
table.p3x3 tbody tr.text td.p3x3-right,
table.p3x3 tbody tr.middle td.p3x3-right,
table.p3x3 tbody tr.foot td.p3x3-right {
  width: 152px; /* get the extra px needed from the main table border */
}
table.p3x3 tbody tr.head {}
table.p3x3 tbody tr.head td {padding-top: 10px;}
table.p3x3 tbody tr.head td h2,
table.p3x3 tbody tr.head td a {
  font-size:13px;
  margin: 0px;
  color: #444;
  text-decoration: none;
}
table.p3x3 tbody tr.head td a:hover {
  text-decoration: underline;
}
table.p3x3 tbody tr.head td.p3x3-left {}
table.p3x3 tbody tr.head td.p3x3-center {}
table.p3x3 tbody tr.head td.p3x3-right {border-right: none;}
table.p3x3 tbody tr.text-header td a {
    font-weight: bold;
    text-decoration: none;
    color: #000;
}
table.p3x3 tbody tr.text-header td span.artnr {
    display: block;
    font-weight: 400;
    font-size: 10px;
    color: #000;
    margin-bottom: 5px;
}
table.p3x3 tbody tr.text {}
table.p3x3 tbody tr.text td {}
table.p3x3 tbody tr.text td div {
  font-size:10px;
  padding-bottom:10px;
}
table.p3x3 tbody tr.text td div,
table.p3x3 tbody tr.text td div a {
   color: #444;
   text-decoration: none;
}
table.p3x3 tbody tr.text td div a:hover {
  text-decoration: underline;
}
table.p3x3 tbody tr.text td div.desc {
    padding: 5px 0;
}
table.p3x3 tbody tr.text td div.retail-price {
  padding: 0;
}
table.p3x3 tbody tr.text td div.retail-price span.retail {
  font-size:10px; color:#888; font-weight:normal;
  text-decoration: line-through;

  text-decoration: none;
  font-size: 1em;
  padding: 0;
  margin: 0;
}
table.p3x3 tbody tr.text td div.retail-price span.savings {
  display: none;
}

table.p3x3 tbody tr.text td.p3x3-left {}
table.p3x3 tbody tr.text td.p3x3-center {}
table.p3x3 tbody tr.text td.p3x3-right {border-right: none;}

table.p3x3 tbody tr.middle {}
table.p3x3 tbody tr.middle td {text-align: center; padding-bottom:10px;}
table.p3x3 tbody tr.middle td div.image {}
table.p3x3 tbody tr.middle td div.image a {}
table.p3x3 tbody tr.middle td div.image a img {}
table.p3x3 tbody tr.middle td.p3x3-left {}
table.p3x3 tbody tr.middle td.p3x3-center {}
table.p3x3 tbody tr.middle td.p3x3-right {border-right: none;}

table.p3x3 tbody tr.foot {}
table.p3x3 tbody tr.foot td {padding-bottom: 10px; }
table.p3x3 tbody tr.foot td div.info {}
table.p3x3 tbody tr.foot td div.info span.price {font-size:14px; color:#f40; font-weight:bold;}
table.p3x3 tbody tr.foot td div.info span.purchase {}
table.p3x3 tbody tr.foot td div.info span.purchase a {display: block; float:right; padding:0px 3px 0px 3px; font-size:12px; color: #000; text-decoration:none; border: #fb0 1px solid; background-color: #FFCC40;}
table.p3x3 tbody tr.foot td div.info span.purchase a.info {padding: 3px 5px; background-color: #ccc;}
table.p3x3 tbody tr.foot td.p3x3-left {}
table.p3x3 tbody tr.foot td.p3x3-center {}
table.p3x3 tbody tr.foot td.p3x3-right {border-right: none;}


div.presentation-border-fixup {
  border-top: #eee 2px dotted;
  width: 525px;
  margin-left: 2px;
}

table.p2x2 {
  border-top: #eee 2px dotted;
  border-left: #eee 2px dotted;
  border-right: #eee 2px dotted;
}
table.p2x2 tbody tr.head td.p2x2-left,
table.p2x2 tbody tr.text td.p2x2-left,
table.p2x2 tbody tr.middle td.p2x2-left,
table.p2x2 tbody tr.foot td.p2x2-left {
  border-right: #eee 2px dotted;
}
table.p2x2 tbody tr.head td.p2x2-right,
table.p2x2 tbody tr.text td.p2x2-right,
table.p2x2 tbody tr.middle td.p2x2-right,
table.p2x2 tbody tr.foot td.p2x2-right {
}
table.p2x2 tbody tr.foot td.p2x2-left,
table.p2x2 tbody tr.foot td.p2x2-right {
}

/* Rest of styling */
table.p2x2 {
  width: 525px;
  margin: 0 auto;
}
table.p2x2 tbody tr {}
table.p2x2 tbody tr td {
  width: 242px; /* table-2, left-2, center-2, right-2. */
   padding: 0px 10px 0px 10px;
}
table.p2x2 tbody tr.head td.p2x2-right,
table.p2x2 tbody tr.text td.p2x2-right,
table.p2x2 tbody tr.middle td.p2x2-right,
table.p2x2 tbody tr.foot td.p2x2-right {
  width: 243px; /* get the extra px needed from the main table border */
}
table.p2x2 tbody tr.head {}
table.p2x2 tbody tr.head td {padding-top: 10px;}
table.p2x2 tbody tr.head td h2,
table.p2x2 tbody tr.head td a {
  font-size:16px;
  margin: 0px;
  color: #444;
  text-decoration: none;
}
table.p2x2 tbody tr.head.bigger td h2 {
  margin-bottom: 5px;
}
table.p2x2 tbody tr.head.bigger td a {
  font-size:18px;
  line-height: 20px;
}
table.p2x2 tbody tr.head td a:hover {
  text-decoration: underline;
}
table.p2x2 tbody tr.head td.p2x2-left {}
table.p2x2 tbody tr.head td.p2x2-right {border-right: none;}

table.p2x2 tbody tr.text-header td a {
    font-weight: bold;
    text-decoration: none;
    color: #000;
}
table.p2x2 tbody tr.text-header td span.artnr {
    display: block;
    font-weight: 400;
    font-size: 10px;
    color: #000;
    margin-bottom: 5px;
}
table.p2x2 tbody tr.text {}
table.p2x2 tbody tr.text td {}
table.p2x2 tbody tr.text td div {
  font-size:10px;
  padding-bottom:10px;
}
table.p2x2 tbody tr.text td div,
table.p2x2 tbody tr.text td div a {
   color: #444;
   text-decoration: none;
}
table.p2x2 tbody tr.text td div a:hover {
  text-decoration: underline;
}
table.p2x2 tbody tr.text td div.desc {
    padding: 5px 0;
}
table.p2x2 tbody tr.text td div.retail-price {
  padding: 0;
}
table.p2x2 tbody tr.text td div.retail-price span.retail {
  font-size:11px; color:#888; font-weight:normal;
  text-decoration: line-through;
}
table.p2x2 tbody tr.text td div.retail-price span.savings {
  display: none;
}
table.p2x2 tbody tr.text td.p2x2-left {}
table.p2x2 tbody tr.text td.p2x2-right {border-right: none;}

table.p2x2 tbody tr.middle {}
table.p2x2 tbody tr.middle td {text-align: center; padding-bottom:10px;}
table.p2x2 tbody tr.middle td div.image {}
table.p2x2 tbody tr.middle td div.image a {}
table.p2x2 tbody tr.middle td div.image a img {}
table.p2x2 tbody tr.middle td.p2x2-left {}
table.p2x2 tbody tr.middle td.p2x2-right {border-right: none;}

table.p2x2 tbody tr.foot {}
table.p2x2 tbody tr.foot td {padding-bottom: 10px; }
table.p2x2 tbody tr.foot td div.info {}
table.p2x2 tbody tr.foot td div.info span.price {font-size:14px; color:#f40; font-weight:bold;}
table.p2x2 tbody tr.foot td div.info span.purchase {}
table.p2x2 tbody tr.foot td div.info span.purchase a {display: block; float:right; padding:0px 3px 0px 3px; font-size:12px; color: #000; text-decoration:none; border: #fb0 1px solid; background-color: #FFCC40;}
table.p2x2 tbody tr.foot td div.info span.purchase a.info {padding: 3px 5px; background-color: #ccc;}
table.p2x2 tbody tr.foot td.p2x2-left {}
table.p2x2 tbody tr.foot td.p2x2-right {border-right: none;}


table.p1x1 {
  border-top: #eee 2px dotted;
  border-left: #eee 2px dotted;
  border-right: #eee 2px dotted;
}
table.p1x1 {
  width: 263px;
  margin: 0 auto;
}
table.p1x1 tbody tr {}
table.p1x1 tbody tr td {
   width: 242px; 
   padding: 0px 10px 0px 10px;
}
table.p1x1 tbody tr.head {}
table.p1x1 tbody tr.head td {padding-top: 10px;}
table.p1x1 tbody tr.head td h2,
table.p1x1 tbody tr.head td a {
  font-size:16px;
  margin: 0px;
  color: #444;
  text-decoration: none;
}
table.p1x1 tbody tr.head.bigger td h2 {
  margin-bottom: 5px;
}
table.p1x1 tbody tr.head.bigger td a {
  font-size:18px;
  line-height: 20px;
}
table.p1x1 tbody tr.head td a:hover {
  text-decoration: underline;
}
table.p1x1 tbody tr.text-header td a {
    font-weight: bold;
    text-decoration: none;
    color: #000;
}
table.p1x1 tbody tr.text-header td span.artnr {
    display: block;
    font-weight: 400;
    font-size: 10px;
    color: #000;
    margin-bottom: 5px;
}
table.p1x1 tbody tr.text {}
table.p1x1 tbody tr.text td {}
table.p1x1 tbody tr.text td div {
  font-size:10px;
  padding-bottom:10px;
}
table.p1x1 tbody tr.text td div,
table.p1x1 tbody tr.text td div a {
   color: #444;
   text-decoration: none;
}
table.p1x1 tbody tr.text td div a:hover {
  text-decoration: underline;
}

table.p1x1 tbody tr.text td div.retail-price {
  padding: 0;
}
table.p1x1 tbody tr.text td div.retail-price span.retail {
  font-size:11px; color:#888; font-weight:bold;
  text-decoration: line-through;
}
table.p1x1 tbody tr.text td div.retail-price span.savings {
  display: none;
}
table.p1x1 tbody tr.middle td {text-align: center; padding-bottom:10px;}

table.p1x1 tbody tr.foot {}
table.p1x1 tbody tr.foot td { padding-bottom: 10px; border-bottom: #eee 2px dotted;}
table.p1x1 tbody tr.foot td div.info {}
table.p1x1 tbody tr.foot td div.info span.price {font-size:14px; color:#f40; font-weight:bold;}
table.p1x1 tbody tr.foot td div.info span.purchase {}
table.p1x1 tbody tr.foot td div.info span.purchase a {display: block; float:right; padding:0px 3px 0px 3px; font-size:12px; color: #000; text-decoration:none; border: #fb0 1px solid; background-color: #FFCC40;}
table.p1x1 tbody tr.foot td div.info span.purchase a.info {padding: 3px 5px; background-color: #ccc;}

table.c-attriboff {
  width: 500px;
}
table.c-attribon {
  width: 100%;
}
table.c-attribon tbody tr td.search {
  width: 50%;
}
table.c-attribon tbody tr td.search input.sf_search {
  max-width: 220px !important;
  width: 75%;
}

table.c-attribon tbody tr td.info {
  width: 50%;
}


  table.product-list {
    width: 530px;
    font-weight: normal;
    font-size: 12px;
    line-height: 12px;
    margin: 0;
    padding: 0;
  }
  table.product-list caption {
    display: none;
  }
  table.product-list thead {
    display: none;
  }
  table.product-list tfoot {
    padding-top: 5px;
    text-align: right;
  }
  table.product-list tfoot form {
    padding: 5px;
    margin: 0;
    border-top: 2px solid #ccc;
  }
  table.product-list tfoot form,
  table.product-list tfoot form select {
    font-size: 11px;
    font-family: verdana;
  }
  table.product-list tbody tr.odd td {}

  table.product-list tbody tr td {
    border-top: 1px dotted #aaa;
    padding: 5px 0;
  }
  table.product-list tbody tr td.image {
    width: 85px;
    vertical-align: top;
  }
  table.product-list tbody tr td.image a img {
    border: none;
  }

  table.product-list tbody tr td.description {
    width: 245px;
    vertical-align: top;
  }
  table.product-list tbody tr td.description.noimage {
    width: 330px;
  }
  table.product-list tbody tr td div.ews_product_data { display: none; }

  table.product-list tbody tr td div.ews_product_data h1,
  table.product-list tbody tr td div.ews_product_data h1 a,
  table.product-list tbody tr td div.ews_product_data h1 a:visited,
  table.product-list tbody tr td.description h1,
  table.product-list tbody tr td.description h1 a,
  table.product-list tbody tr td.description h1 a:visited {
    font-weight: bold;
    font-size: 12px;
    line-height: 12px;
    margin: 0;
    padding: 0;
    color: #444;
    text-decoration: none;
  }
  table.product-list tbody tr td div.ews_product_data h1 a:hover,
  table.product-list tbody tr td.description h1 a:hover {
    text-decoration: underline;
  }
  table.product-list tbody tr td.description div.short-description,
  table.product-list tbody tr td.description div.short-description a,
  table.product-list tbody tr td.description div.short-description a:visited {
    color: #444;
    text-decoration: none;
  }
  table.product-list tbody tr td.description div.short-description a:hover {
    color: #444;
    text-decoration: underline;
  }
  table.product-list tbody tr td.description div.stock {}

  table.product-list tbody tr td.price { 
    width: 90px;
    padding-right: 10px;
    vertical-align: top; 
    text-align: right;
  }
  table.product-list tbody tr td.price div { 
    font-weight: bold; 
    padding-bottom: 5px;
  }
  table.product-list tbody tr td div.ews_product_data div.price,
  table.product-list tbody tr td.price div.price { 
    color: #d00;
  }
  table.product-list tbody div.suggested_price { 
    text-decoration: line-through;
    font-weight: normal;
  }

  table.product-list tbody tr td.purchase { width: 100px; vertical-align: top; }
  table.product-list tbody tr td.purchase form              { margin: 0;}
  table.product-list tbody tr td.purchase form dl           { float: left; margin: 0; }
  table.product-list tbody tr td.purchase form dl.amount    { width: 40px; }
  table.product-list tbody tr td.purchase form dl.amount dt { display: none; }
  table.product-list tbody tr td.purchase form dl.amount dd { margin: 0; width: 40px;}
  table.product-list tbody tr td.purchase form dl.amount dd input { width: 30px; }
  table.product-list tbody tr td.purchase form dl.submit    { width: 50px; }
  table.product-list tbody tr td.purchase form dl.submit dt { display: none; }
  table.product-list tbody tr td.purchase form dl.submit dd { margin: 0; width: 50px; }

  table.product-list tbody tr td.purchase  dl           { float: left; margin: 0; }
  table.product-list tbody tr td.purchase  dl.amount    { width: 40px; }
  table.product-list tbody tr td.purchase  dl.amount dt { display: none; }
  table.product-list tbody tr td.purchase  dl.amount dd { margin: 0; width: 40px;}
  table.product-list tbody tr td.purchase  dl.amount dd input { width: 30px; }
  table.product-list tbody tr td.purchase  dl.submit    { width: 50px; }
  table.product-list tbody tr td.purchase  dl.submit dt { display: none; }
  table.product-list tbody tr td.purchase  dl.submit dd { margin: 0; width: 50px; }
  /* Emulate the same width as the input field if amount was present */
  table.product-list tbody tr td.purchase div.lock_amount_one { float: left; margin: 0; width: 40px; height: 20px; }

table.product-list div.varenummer {
  margin-top: 5px;
  font-size: 10px;
  font-style: italic;
}

  /* For the attributes shown in product list */
  select.attributes { width: 250px; }
  select.attrib,
  select.attrib_extra_a,
  select.attrib_extra_b { }

  #produktgalleri {
  }
  #produktgalleri div.img {
    width: 90px;
    margin: 0 5px;
  }





input.btn-search, img.btn-q, input.btn-ok {
  width: 24px;
  height: 16px;
  border: none;
}
input.btn-search {
  background: #fff url(gfx/button-search.png) no-repeat top left;
}
img.btn-q {
  background: transparent url(gfx/button-question.png) no-repeat top left;
}
input.btn-ok {
  background: transparent url(gfx/button-ok.png) no-repeat top left;
}
a.quote-cart-view, img.quote-cart-view {
  display: block;
  background: #fff url(gfx/button-quotecart-view.png) no-repeat top left;
  width: 110px;
  height: 15px;
}
img.temp_menu_cart_complete {
  background: #fff url(gfx/button-cart-complete.png) no-repeat top left;
  width: 110px;
  height: 15px;
}


/* --------------------- */
/* CMS response settings */
/* --------------------- */

#easycmsForm {
  margin: 15px 0;
  font-size: 12px;
  color : black;
  position: relative;
  height: auto;
  width: 310px;
  text-align: left;
  border: 0 solid black;
  line-height: 22px;
}
#easycmsFormRight {
  font-size: 12px;
  color: black;
  position: absolute;
  top: 0;
  left: 320px;
  height: auto;
  width: 190px;
  text-align: left;
  line-height: 14px;
}
#easycmsForm span {
  position: absolute;
  float: left;
  left: 90px;
  text-align: left;
}
#easycmsForm .items {
  margin-left: 90px;
  text-align: left;
}
#easycmsForm input {
  font-size: 12px;
  width: 200px;
  height: 18px;
  border: #004E87 1px solid;
  padding: 0;
}
#easycmsForm input.check,
#easycmsForm input.button {
  font-size: 8px;
  width: 14px;
  height: 14px;
  border: #004E87 1px solid;
  cursor: pointer;
  background-color: white;
}
#easycmsForm input.check {
  border: none;
}
#easycmsForm input.send {
  font-size: 12px;
  width: 140px;
  border: #004E87 1px solid;
  cursor: pointer;
  margin-top: 20px;
}
#easycmsForm textarea {
  font-size: 12px;
  width: 200px;
  border: #004E87 1px solid;
}

div.ews-footer-text {
  border-top: 1px solid #ddd;
  margin-top: 10px;
  padding-top: 10px;
}
div.ews-online-users {
  border-top: 1px solid #eee;
  margin-top: 10px;
  padding-top: 10px;
}
div.ews-online-users div {
  color: #888;
}

/* Product page */
div.prod_suggested_price {}
div.prod_price {
  color:#d00;
  font-weight:bold;
  font-size:14px;
}
div.prod_saved_price {}

/* Template 3 */

#swGallerySlideshow-button-container {
  padding: 0 5px;
}
#swGallerySlideshow-button-container a {
  font-family: verdana;
  font-size: 10px;
  color: #fff;
  border: 3px double #ccc;
  background-color: #888;
  width: auto;
  padding: 3px;
}
#swGallerySlideshow-button-container a:hover {
  background-color: #000;
  border: 3px double #aaa;
}
#swGallerySlideshow-button-container a:visited {
}

#pagination-alfa{
  border:0; margin:0; padding:0;
  width: auto;
  display: inline-block;
  line-height: 1em;
}
#pagination-alfa li{
border:0; margin:0; padding:0;
font-size:11px;
list-style:none;
margin-right:2px;
float:left;
}
#pagination-alfa a{
border:solid 1px #9aafe5;
margin-right:2px;
background-color: #fff;
}
#pagination-alfa .previous-off,
#pagination-alfa .next-off {
background-color: #fff;
border:solid 1px #DEDEDE;
color:#888888;
display:block;
font-weight:bold;
margin-right:2px;
padding:3px 4px;
}
#pagination-alfa .next a,
#pagination-alfa .previous a {
font-weight:bold;
} 
#pagination-alfa .active{
background:#2e6ab1;
color:#FFFFFF;
font-weight:bold;
display:block;
padding:4px 6px;
margin-top: 1px;
}
#pagination-alfa a:link,
#pagination-alfa a:visited {
color:#0e509e;
display:block;
padding:3px 6px;
text-decoration:none;
}
#pagination-alfa a:hover{
border:solid 1px #0e509e
}

div.profile.history,
div.profile.pending {
}

div.profile.history div.notcomplete,
div.profile.pending div.notcomplete {
  background-color: #fee;
}
div.profile.history div.payment_completed,
div.profile.pending div.payment_completed {
  background-color: #cfc;
}


div.profile.history div.notcomplete div.cta,
div.profile.pending div.notcomplete div.cta {
  border: 2px solid red;
  background: #edd;
  padding: 1em 0;
  margin: 1em 0;
}
div.profile.history div.notcomplete div.cta a,
div.profile.pending div.notcomplete div.cta a {
  font-weight: bold;
  font-size: 1.2em;
  display: block;
  margin-top: 1em;
}


div.profile.history div.order_id,
div.profile.pending div.order_id {
  font-weight: bold;
  color: #000;
}
div.profile.history div.registered,
div.profile.pending div.registered {
  color: #000;
}
div.profile.history div.status_user,
div.profile.pending div.status_user {
  color: red;
}
div.profile.history div.order,
div.profile.pending div.order {
  border-bottom: 2px dotted #ccc;
  margin-bottom: 10px;
}
div.profile.history div.order table,
div.profile.pending div.order table {
  margin: 10px 0 20px 0;
}


.box.info, .box.success, .box.warning, .box.error {
  border: 1px solid;
  margin: 10px 0px;
  padding:15px 10px 15px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
}
.box.info {
  color: #00529B;
  background-color: #BDE5F8;
  background-image: url('/images/info.png');
}
.box.success {
  color: #4F8A10;
  background-color: #DFF2BF;
  background-image:url('/images/check.png');
}
.box.warning {
  color: #9F6000;
  background-color: #FEEFB3;
  background-image: url('/images/attention.png');
}
.box.error {
  color: #D8000C;
  background-color: #FFBABA;
  background-image: url('/images/cancel.png');
}

div.alert-box {
    color:#555;
    border-radius:10px;
    font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;
    font: 14px/20px Museo300Regular, Helvetica, Arial, sans-serif;

    padding:10px 10px 10px 36px;
    margin:10px;
}
div.alert-box span {
    font-weight:bold;
    text-transform:uppercase;
}
div.alert-box.error {
    background:#ffecec url('/images/alert-error.png') no-repeat 10px 50%;
    border:1px solid #f5aca6;
}
div.alert-box.success {
    background:#e9ffd9 url('/images/alert-success.png') no-repeat 10px 50%;
    border:1px solid #a6ca8a;
}
div.alert-box.warning {
    background:#fff8c4 url('/images/alert-warning.png') no-repeat 10px 50%;
    border:1px solid #f2c779;
}
div.alert-box.notice {
    background:#e3f7fc url('/mages/alert-notice.png') no-repeat 10px 50%;
    border:1px solid #8ed9f6;
}




tr.tonr {
  background-color :#ccffcc;
}
tr.tonr-sub {
  background-color :#eeffee;
}
tr.toffr {
  background-color:#efefef;
}
tr.tonr td,
tr.toffr td {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
tr.tselectedr {
  background-color:#00cc00;
  border-top: 1px solid #000;
}
tr.tselectedr td {
  border-top: 1px solid #006600;
  border-bottom: 1px solid #006600;
}






/* -------------------------------------------------------- */
/*                       swThreads                          */
/*                                                          */
/*  CSS kode for bruk av default menyoppsett.               */
/*  Om du ønsker å bestemme utseende 100% selv for hvordan  */
/*  publiseringsfunksjonen skal se ut redigerer du alt fra  */
/*  filen : index.CMS.menu.tpl                              */
/*  ------------------------------------------------------- */

#threads {
}
form.threads {
  /*
  border: 2px dotted red;
  width: 480px;
  padding: 10px;
  background-color: #fee;
  */
}
form.threads h1 {
  font-size: 16px;
}
form.threads input {
  border: 1px solid #000;
  width: 370px;
  font-size: 12px;
  height: 18px;
  margin-bottom: 2px;
}
form.threads input.check {
  border: none;
  background-color: transparent;
  width: 20px;
  font-size: 10px;
  height: 15px;
}
form.threads textarea.body {
  border: 1px solid #000;
  width: 490px;
  font-size: 12px;
  height: 150px;
}
#threads table.threads-table {
}
#threads table.threads-table th {
  border-bottom: 1px solid #aaa;
  padding-top: 2px;
  padding-bottom: 2px;
  font-weight: bold;
  font-size: 13px;
}
#threads table.threads-table td {
  border-bottom: 1px solid #aaa;
  padding-top: 2px;
  padding-bottom: 2px;
}
#threads table.threads-table td.add {
  border-bottom: none;
  padding-top: 2px;
  padding-bottom: 2px;
}
#threads table.threads-table span.postername {
  color: #888;
  font-size: 10px;
}
#threads table.threads-table a {
  text-decoration: none;
  color: #06a;
}
#threads table.threads-table a:hover {
  text-decoration: none;
  color: #fa0;
}
#threads div.threads-single-error {
  border-top:  2px solid #fee;
  border-right: 2px solid #faa;
  border-bottom: 2px solid #faa;
  border-left: 2px solid #fee;
  padding: 5px;
  width: 490px;
  background-color: #fcc;
  margin-top: 10px;
}
#threads div.threads-single {
  border-top:  2px solid #eee;
  border-right: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  border-left: 2px solid #eee;
  padding: 5px;
  width: 490px;
  background-color: #ddd;
  margin-top: 10px;
}
#threads div.threads-single .title {
  font-weight: bold;
  font-size: 12px;
}
#threads div.threads-single .name {
}
#threads div.threads-single .date {
  font-style: italic;
  margin-bottom: 5px;
}
#threads div.threads-single .body {
  background-color: #fff;
  padding: 5px;
}
#threads div.threads-single .respond {
  text-align: right;
  padding-top: 5px;
}
#threads div.threads-single .save {
  text-align: center;
  padding-top: 5px;
}
#threads div.threads-single a {
  text-decoration: none;
  color: #06a;
}
#threads div.threads-single a:hover {
  text-decoration: none;
  color: #fa0;
}
#threads div.threads-single a.admin {
  text-decoration: none;
  color: #a00;
}
#threads div.threads-single a.admin:hover {
  text-decoration: none;
  color: #fa0;
}
#threads td.b {
  font-weight: bold;
  font-size: 11px;
}
#threads td.b-line {
  font-weight: bold;
  font-size: 11px;
  border-top: 1px solid #888;
  padding-top: 3px;
}
.noview {
  display: none;
}

/* -------------------------------------------------------- */
/*                      /swThreads                          */
/* -------------------------------------------------------- */

/* Product page */
input.quote-amount {
  width: 20px;
}

/* Step 1 */
table.quotecart input.amount {
  width: 20px;
}
table.quotecart textarea {
}

table.quotes-progress {
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  width: 90%;
}
table.quotes-progress caption {
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 5px;
}
table.quotes-progress h2, table.quotes-progress p {
  margin: 0.5em;
}
table.quotes-progress td {
  width: 25%;
  text-align: center;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
  padding: 5px;
  background-color: #eee;
  color:#888;
}
table.quotes-progress td.active {
  background-color:#efe;
  color: #000;
  border-top: 2px solid #000;
  border-left: 2px solid #000;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
}
a.nice-link-thumb {
  display: block;
  padding: 1px;
  background-color: #888;
  border-top: 1px solid #fafafa;
  border-left: 1px solid #fafafa;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
a.nice-link-thumb img {
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
  border-right: 1px solid #fafafa;
  border-bottom: 1px solid #fafafa;
}
form.quote-view-cart input.amount {
  width: 25px;
}
form.quote-view-cart a.nice-link-thumb {
  border: none;
}
form.quote-view-cart a.nice-link-thumb img {
  border: none;
}

/* ---------------------- */
/*   Legent formatting    */
/* ---------------------- */

.llegend {
  position: relative;
  background-color: #bdb;
  border: 2px solid #0c3;
  padding: 12px;
  margin-top: 25px;
  margin-bottom: 10px;
  clear: left;
  text-align: left;
}
.llegend h2 {
  position: absolute;
  margin-top: -25px;
  background-color: #fff;
  color: #000;
  font-size: 115%;
  font-family: sans-serif;
  font-weight: bold;
  text-align: right;
  padding-left: 15px;
  padding-right: 15px;
  border: 2px solid #0c3;
}
.llegend_error {
  position: relative;
  background-color: #fcc;
  border: 2px solid #f00;
  padding: 12px;
  margin-top: 25px;
  margin-bottom: 10px;
  clear: left;
  text-align: left;
}
.llegend_error h2 {
  position: absolute;
  margin-top: -25px;
  background-color: #fff;
  color: #000;
  font-size: 115%;
  font-family: sans-serif;
  font-weight: bold;
  text-align: right;
  padding-left: 15px;
  padding-right: 15px;
  border: 2px solid #f00;
}
.llegend_queries {
  position: relative;
  background-color: #fec;
  border: 2px solid #fa0;
  padding: 12px;
  margin-top: 25px;
  margin-bottom: 10px;
  clear: left;
  text-align: left;
}
.llegend_queries h2 {
  position: absolute;
  margin-top: -25px;
  background-color: #fff;
  color: #000;
  font-size: 115%;
  font-family: sans-serif;
  font-weight: bold;
  text-align: right;
  padding-left: 15px;
  padding-right: 15px;
  border: 2px solid #fa0;
}






div.addremovebutton {
    display: inline-block;
    line-height: 16px;
    min-width: 80px;
}
div.addremovebutton a,
div.addremovebutton span { 
    display: inline-block;
    width: 27px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 13px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    border: 1px solid #e6e6e6;
    vertical-align: middle;
    color: #444;
}
div.addremovebutton a {
    text-decoration: none;
    background-color: #ddd;
    color: #000;
}
div.addremovebutton a:hover {
    background-color: #bbb;
}


div.view-cart-portrait {
  width: 100%;
}
div.view-cart-portrait div.head,
div.view-cart-portrait div.row.sumtax,
div.view-cart-portrait div.row.sumtotal {
  font-size: 18px;
  color: rgb(51, 51, 51);
  background-color: #eee;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 5px 0;
  margin: 1em 0;
}
div.view-cart-portrait div.row.sumtax,
div.view-cart-portrait div.row.sumtotal {
  margin: 0;
  padding-right: 0.5em;
  padding-left: 0.5em;
}
div.view-cart-portrait div.row.sumtax {
  margin-top: 1em;
}
div.view-cart-portrait div.row.sumtotal {
  border-bottom: 3px double #888;
}
div.view-cart-portrait div.row {
  clear: both;
}
div.view-cart-portrait div.image {
  width: 90px;  float: left;
  margin-right: 10px;
}
div.view-cart-portrait div.data div {
  color: #444;
  font-size: 10px;
}
div.view-cart-portrait div.data a {
  font-size: 12px;
  color: #000;
  text-decoration: none;
}
div.view-cart-portrait div.data a:hover {
  text-decoration: underline;
}

div.view-cart-portrait div.row.foot {
  padding-top: 10px;
  text-align: center;
}
div.view-cart-portrait div.row div.addremovebutton {
  float: left;
}
div.view-cart-portrait div.row div.right {
  float: right;
}
div.view-cart-portrait div.row.right {
  text-align: right;
}
div.view-cart-portrait div.row div.strong {
  color: #000;
  font-size: 14px;
  line-height: 25px;
  font-weight: bold;  
}


div.cta {
  text-align: center;
}
div.cta a {
  margin: 0.4em 0;
}
/* #Orange Flat Button
==================================================*/
.orange-flat-button {
  position: relative;
  vertical-align: top;
  width: 95%;
  height: 50px;
  padding: 0;
  font-size: 18px;
  line-height: 50px;
  text-decoration: none;
  font-weight: normal;
  color: white;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  background: #f39c12;
  border: 0;
  border-bottom: 2px solid #e8930c;
  cursor: pointer;
  -webkit-box-shadow: inset 0 -2px #e8930c;
  box-shadow: inset 0 -2px #e8930c;
  display: inline-block;
}
.clouds-flat-button {
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 95%;
  height: 50px;
  padding: 0;
  font-size: 18px;
  font-weight: normal;
  line-height: 50px;
  text-decoration: none;
  color:#454545;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  background: #ecf0f1;
  border: 0;
  border-bottom: 2px solid #dadedf;
  cursor: pointer;
  -webkit-box-shadow: inset 0 -2px #dadedf;
  box-shadow: inset 0 -2px #dadedf;
}
.clouds-flat-button:active {
  top: 1px;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}






div.responsive-form {
  border: 1px solid #ccc
}
div.responsive-form h2 {
  background-color: #ccc;
  padding: 0.5em 0 0.5em 10px;
  font-size: 1.5em;
}
div.responsive-form h3 {
  background-color: #eee;
  padding: 0.3em 0 0.3em 10px;
  font-size: 1.2em;
  margin: 0 -10px;
}
div.responsive-form div.info {
  display: hidden;
}
div.responsive-form div.text {
  padding: 10px;
}
div.responsive-form div.alert {
  color: red;
  text-align: center;
}
div.responsive-form div.group {
  margin: 10px;
  clear: both;
}
div.responsive-form div.group div.label,
div.responsive-form div.group > label {
  float: left;
  width: 150px;
  font-weight: bold;
  font-size: 13px;
  line-height: 2em;
  width: 30%;
  display: block;
}
div.responsive-form div.group div.input {
  width: 70%;
  margin-left: 30%;
}
div.responsive-form.small h2 {
  padding: 0.3em 0.6em 0.3em 0.6em;
  font-size: 1.2em;
}
div.responsive-form.small h3 {
  padding: 0.2em 0.6em 0.2em 0.6em;
  font-size: 1.1em;
}
div.responsive-form.small div.group div.input {
  width: 100%;
  margin-left: 0;
}
div.responsive-form.small div.group div.label,
div.responsive-form.small div.group > label {
  float: none;
}
div.responsive-form.small input[type="text"], div.responsive-form.small input[type="tel"], div.responsive-form.small input[type="number"], div.responsive-form.small input[type="password"], div.responsive-form.small input[type="email"], div.responsive-form.small input[type="search"], div.responsive-form.small input[type="date"], div.responsive-form.small textarea {
  width: 100%;
}
div.responsive-form input[type="text"], div.responsive-form input[type="tel"], div.responsive-form input[type="number"], div.responsive-form input[type="password"], div.responsive-form input[type="email"], div.responsive-form input[type="search"], div.responsive-form input[type="date"], div.responsive-form textarea {
    display: block;
    height: 40px;
    padding: 0 10px;
    border: #ccc solid 1px;
    font-size: 17px;
    font-weight: normal;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-color: #fff;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    margin: 0;
    box-sizing: border-box;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 70%;
}
div.responsive-form textarea {
    height: 55px;
    padding-top: 5px;
    /*
    color: #666;
    */
}
div.responsive-form .dropdown {
    /*
    color: #666;
    */
}
div.responsive-form input.zip {
    width: 18%;
    float: left;
    margin-right: 2%;
}
#innhold div.responsive-form input.zip {
    padding: 0 5px;
}
div.responsive-form input.state {
    width: 50%;
}
div.responsive-form input.name-first {
    width: 34%;
    float: left;
    margin-right: 2%;
}
div.responsive-form input.name-last {
    width: 34%;
}
div.responsive-form input.cta {
    display: block;
    width: 100%;
    padding: 0;
    line-height: 3.4;
    color: #fff;
    font-size: 16px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	background: #677a87;
	background: -moz-linear-gradient(top,#708593 0%,#5c6f7b 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#708593),color-stop(100%,#5c6f7b));
	background: -webkit-linear-gradient(top,#708593 0%,#5c6f7b 100%);
	background: -o-linear-gradient(top,#708593 0%,#5c6f7b 100%);
	background: -ms-linear-gradient(top,#708593 0%,#5c6f7b 100%);
	background: linear-gradient(top,#708593 0%,#5c6f7b 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#708593',endColorstr='#5c6f7b',GradientType=0);
	border:1px solid #5b6c78;
    cursor: pointer;
}
div.responsive-form label + input.cta {
    width: 70%
}
div.responsive-form input.cta:hover {
	background: #3e4951;
	background: -moz-linear-gradient(top,#435058 0%,#38434a 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#435058),color-stop(100%,#38434a));
	background: -webkit-linear-gradient(top,#435058 0%,#38434a 100%);
	background: -o-linear-gradient(top,#435058 0%,#38434a 100%);
	background: -ms-linear-gradient(top,#435058 0%,#38434a 100%);
	background: linear-gradient(top,#435058 0%,#38434a 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#435058',endColorstr='#38434a',GradientType=0);
	border:1px solid #374148;
}
div.responsive-form input.cta.error {
    background: #c02f1d;
    background: -moz-linear-gradient(top,#f36350 0%,#c02f1d 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f36350),color-stop(100%,#c02f1d));
    background: -webkit-linear-gradient(top,#f36350 0%,#c02f1d 100%);
    background: -o-linear-gradient(top,#f36350 0%,#c02f1d 100%);
    background: -ms-linear-gradient(top,#f36350 0%,#c02f1d 100%);
    background: linear-gradient(top,#f36350 0%,#c02f1d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f36350',endColorstr='#c02f1d',GradientType=0);
    border: 1px solid #c02f1d;
}
div.responsive-form input.cta.success {
    background: #2e9f28;
    background: -moz-linear-gradient(top,#65d45f 0%,#2e9f28 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#65d45f),color-stop(100%,#2e9f28));
    background: -webkit-linear-gradient(top,#65d45f 0%,#2e9f28 100%);
    background: -o-linear-gradient(top,#65d45f 0%,#2e9f28 100%);
    background: -ms-linear-gradient(top,#65d45f 0%,#2e9f28 100%);
    background: linear-gradient(top,#65d45f 0%,#2e9f28 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#65d45f',endColorstr='#2e9f28',GradientType=0);
    border: 1px solid #2e9f28;
}

#innhold div.responsive-form input[type="text"], #innhold div.responsive-form input[type="tel"], #innhold div.responsive-form input[type="number"], #innhold div.responsive-form input[type="password"], #innhold div.responsive-form input[type="email"], #innhold div.responsive-form input[type="search"], #innhold div.responsive-form input[type="date"], #innhold div.responsive-form textarea {
  font-size: 17px;
}
#innhold div.responsive-form input.cta { font-size: 12px; }

div.responsive-form input[type=checkbox]:not(old),
div.responsive-form input[type=radio   ]:not(old) {
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
}
div.responsive-form input[type=checkbox]:not(old) + label,
div.responsive-form input[type=radio   ]:not(old) + label {
  display      : inline-block;
  margin-left  : -2em;
  line-height  : 1.5em;
}
div.responsive-form input[type=checkbox]:not(old) + label > span,
div.responsive-form input[type=radio   ]:not(old) + label > span {
  display          : inline-block;
  width            : 0.875em;
  height           : 0.875em;
  margin           : 0.25em 0.5em 0.25em 0.25em;
  border           : 0.0625em solid rgb(192,192,192);
  border-radius    : 0.25em;
  background       : rgb(224,224,224);
  background-image :    -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :     -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :      -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :         linear-gradient(rgb(240,240,240),rgb(224,224,224));
  vertical-align   : bottom;
}
div.responsive-form input[type=checkbox]:not(old):checked + label > span,
div.responsive-form input[type=radio   ]:not(old):checked + label > span {
  background-image :    -moz-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :     -ms-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :      -o-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image : -webkit-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :         linear-gradient(rgb(224,224,224),rgb(240,240,240));
}
div.responsive-form input[type=checkbox]:not(old):checked + label > span:before{
  content     : '?';
  display     : block;
  width       : 1em;
  color       : rgb(153,204,102);
  font-size   : 0.875em;
  line-height : 1em;
  text-align  : center;
  text-shadow : 0 0 0.0714em rgb(115,153,77);
  font-weight : bold;
}
div.responsive-form input[type=radio]:not(old):checked + label > span > span {
  display          : block;
  width            : 0.5em;
  height           : 0.5em;
  margin           : 0.125em;
  border           : 0.0625em solid rgb(115,153,77);
  border-radius    : 0.125em;
  background       : rgb(153,204,102);
  background-image :    -moz-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :     -ms-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :      -o-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image : -webkit-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :         linear-gradient(rgb(179,217,140),rgb(153,204,102));
}

div.responsive-form label.break {
    word-break: break-all;
}
div.responsive-form .dropdown-wrapper {
    position: relative;
    overflow: hidden;
}
div.responsive-form .dropdown {
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    height: 40px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYzNUY2ODVBRjBERTExRTk5NjY5RjQ5QjJFMDgxMUExIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYzNUY2ODVCRjBERTExRTk5NjY5RjQ5QjJFMDgxMUExIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjM1RjY4NThGMERFMTFFOTk2NjlGNDlCMkUwODExQTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjM1RjY4NTlGMERFMTFFOTk2NjlGNDlCMkUwODExQTEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7jaCRwAAAAbUlEQVR42mL8//8/AyWAiYFCMGoAAwMLNsGdO3f+37ZtG4a4l5cXg7u7OyNBF1hbWzMoKiqiiIH46JpxGsDDw8MYEhKCIobOJxgGMjIyjE5OTmA2iAbxsSoEpUR8eMGCBf/xyTOOJmXKDQAIMABvaUNrdPYg2wAAAABJRU5ErkJggg==') no-repeat;
    background-position: right center;
    color: #000;
    border: 1px solid #cccccc;
    border-radius: 5px;
    background-color: #fff;
    text-indent: 15px; 
    /* Use the following styles for Firefox:
    text-indent: 0.01px; 
            text-overflow: ""; */
}
/* Top description part */
div.responsive-form .form-message {
    width: 95%;
    margin: 1em auto;
}
div.responsive-form .form-message .info-text {
    margin: 1em 0;
}
div.responsive-form .form-message .error-message {
    background-color: #fce4e4;
    border: 1px solid #fcc2c3;
    padding: 10px 20px;
    margin: 1em 0;
}
div.responsive-form .form-message .error-text {
    color: #cc0033;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 20px;
    text-shadow: 1px 1px rgba(250,250,250,.3);
}

/* hirtigregistrering, confirm page */
div.responsive-form .cta-x2 input.cta {
    width: 45%;
}
div.responsive-form .cta-x2 input {
    float: left;
}
div.responsive-form .cta-x2 input:last-child {
    float: right;
}
div.responsive-form .cta-x2::after {
  content: "";
  clear: both;
  display: table;
}


/* Smaller screems we make the fields smaller */
@media only screen and (max-width: 359px) {
    div.responsive-form input[type="text"], div.responsive-form input[type="tel"], div.responsive-form input[type="number"], div.responsive-form input[type="password"], div.responsive-form input[type="email"], div.responsive-form input[type="search"], div.responsive-form input[type="date"], div.responsive-form textarea {
        height: 35px;
        padding: 0 10px;
    }
    div.responsive-form textarea {
        height: 50px;
        padding-top: 5px;
    }
    #innhold div.responsive-form input[type="text"], #innhold div.responsive-form input[type="tel"], #innhold div.responsive-form input[type="number"], #innhold div.responsive-form input[type="password"], #innhold div.responsive-form input[type="email"], #innhold div.responsive-form input[type="search"], #innhold div.responsive-form input[type="date"], #innhold div.responsive-form textarea {
        font-size: 15px;
    }
    div.responsive-form .dropdown {
        height: 35px;
    }
    div.responsive-form div.group div.label,
    div.responsive-form div.group > label {
        font-size: 12px;
        line-height: 3em;
    }
}



.full-unless-mobile {
  width: 100%;
  margin: 0 auto;
}
div.full-unless-mobile {
}
table.kunde-info {
  border-top: 1px solid #888;
  border-bottom: 1px solid #888;
}
table.step3-order td.devider {
}
table.step3-order td.devider div {
  border-top: 1px solid #ccc;
  height: 1px;
}
table.step3-order td.devider2 div {
  border-top: 1px solid #888;
  height: 1px;
}
table.step3-order td.devider3 div {
  border-top: 1px solid #888;
  border-bottom: 1px solid #888;
  height: 1px;
}


div.responsive-2x-grid {
  width: 100%; margin: 1em 0;
}
div.responsive-2x-grid div.left {
  width: 49%;
  margin-right: 1%;
  float: left;
}
div.responsive-2x-grid div.right {
  width: 49%;
  margin-left: 1%;
  float: right;
}
div.responsive-2x-grid .right .responsive-form {
    text-align: left;
}
/* STAR CTA BUTTONS */
div.responsive-2x-grid ul.cta-select {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: auto;
    width: 90%;
    margin: 0 auto;
}
div.responsive-2x-grid ul.cta-select li {
    color: #AAAAAA;
    display: block;
    position: relative;
    float: left;
    width: 100%;
    height: 100px;
    box-sizing: border-box;
}
div.responsive-2x-grid ul.cta-select li input[type=radio] {
    position: absolute;
    visibility: hidden;
}
div.responsive-2x-grid ul.cta-select li label {
    display: block;
    position: relative;
    font-weight: 300;
    font-size: 1.35em;
    text-align: left;
    padding: 25px 25px 45px 120px;
    margin: 10px auto;
    height: 30px;
    z-index: 9;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
}
div.responsive-2x-grid ul.cta-select li:hover label{
      color: #0c2e77;
}
div.responsive-2x-grid ul.cta-select li:hover .check {
    border: 5px solid #0c2e77;
}
div.responsive-2x-grid ul.cta-select li .check{
    display: block;
    position: absolute;
    border: 5px solid #AAAAAA;
    border-radius: 100%;
    height: 25px;
    width: 25px;
    top: 30px;
    left: 20px;
    z-index: 5;
}
div.responsive-2x-grid ul.cta-select li .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 15px;
    width: 15px;
    top: 5px;
    left: 5px;
    margin: auto;
}
div.responsive-2x-grid ul.cta-select input[type=radio]:checked ~ .check {
    border: 5px solid #3b78e7;
}
div.responsive-2x-grid ul.cta-select input[type=radio]:checked ~ .check::before{
    background: #3b78e7;
}
div.responsive-2x-grid ul.cta-select input[type=radio]:checked ~ label{
    color: #3b78e7;
}
/* END */

div.responsive-2x-grid form.cta-left {
    width: 45%;
    float: left;
}
div.responsive-2x-grid form.cta-right {
    width: 45%;
    float: right;
}

div.responsive-2x-grid .left div.group {
    margin: 10px 20px;
}
div.responsive-2x-grid .right div.responsive-form input.cta {
    width: 100%;
    margin: 0 auto;
}

div.responsive-form div.group.plain {
    margin-top: 1em;
    margin-bottom: 1em;
}
div.responsive-form div.group.plain .label,
div.responsive-form div.group.plain .input {
    float: none;
    width: 100%;
    font-weight:bold;font-size:13px;line-height:2em;display:block
}
div.responsive-form div.group.plain div.input {
    margin-left: 0%;
}

div.responsive-form .group.plain .info {
    margin: 0 0 0.5em 0;
    display: none;
}
div.responsive-form div.group.plain .pretty {
     white-space: inherit;
}
div.responsive-form div.group.plain .pretty .state label {
    /* border: 1px solid red; */
    line-height: 1.5em;
    margin-left: 20px;
    text-indent: 0;
}
div.responsive-form div.group.plain .pretty.p-svg .state .svg,
div.responsive-form div.group.plain .pretty .state label:after, 
div.responsive-form div.group.plain .pretty .state label:before {
    top: calc((0% - (0% - 0.1em)));
}
div.responsive-form .group.plain .label_sub {
    margin-left: 1em;
    font-size: 0.9em;
    margin-bottom: 0.25em;
}

/* CAPTCHA touchup */
div.responsive-form .gb-cap {
    padding: 0 1em 0.5em 1em;
    border: 1px solid #ccc;
    background-color: #f8f8f8;
}
/* Remove size settings from theme */
div.responsive-form .gb-cap input[type="text"] {
    height: auto;
    line-height: 2em;
}
#innhold div.responsive-form .gb-cap input[type="text"] {
    font-size: 0.9em;
}











#fixed-top {
  display: none;
  height: 0px;
  background-color: white;
}
#sb-site, .sb-site-container {
  padding:0;
}
#sb-site.top-padding {
  padding-top: 0px;
}


.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}



.paginate {
  list-style: none;
  display: block;
  width: 100%;
  font-size: 1.2em;
  margin: 0;
  padding: 0;
}

/** 1st pagination **/
.paginate.pag1 { /* first page styles */ }

.paginate.pag1 li { font-weight: bold;}

.paginate.pag1 li a {
  display: block;
  float: left;
  color: #717171;
  background: #e9e9e9;
  text-decoration: none;
  padding: 5px 7px;
  margin-right: 6px;
  border-radius: 3px;
  border: solid 1px #c0c0c0;
  box-shadow: inset 0px 1px 0px rgba(255,255,255, .7), 0px 1px 3px rgba(0,0,0, .1);
  text-shadow: 1px 1px 0px rgba(255,255,255, 0.7);
}
.paginate.pag1 li a:hover {
  background: #eee;
  color: #555;
}
.paginate.pag1 li a:active {
  -webkit-box-shadow: inset -1px 2px 5px rgba(0,0,0,0.25);
  -moz-box-shadow: inset -1px 2px 5px rgba(0,0,0,0.25);
  box-shadow: inset -1px 2px 5px rgba(0,0,0,0.25);
}

.paginate.pag1 li.single, .paginate.pag1 li.current {
  display: block;
  float: left;
  border: solid 1px #c0c0c0;
  padding: 5px 7px;
  margin-right: 6px;
  border-radius: 3px;
  color: #444;
}



/** 2nd pagination **/
/* resource: https://pixelsdaily.com/resources/photoshop/psds/minimal-pagination/ */
.paginate.pag2 { /* second page styles */ }

.paginate.pag2 li { font-weight: bold; }

.paginate.pag2 li a {
  display: block;
  float: left;
  color: #585858;
  text-decoration: none;
  padding: 6px 11px;
  margin-right: 6px;
  border-radius: 3px;
  border: 1px solid #ddd;
  background-color: #eee;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#eee));
  background-image: -webkit-linear-gradient(top, #f7f7f7, #eee);
  background-image: -moz-linear-gradient(top, #f7f7f7, #eee);
  background-image: -ms-linear-gradient(top, #f7f7f7, #eee);
  background-image: -o-linear-gradient(top, #f7f7f7, #eee);
  background-image: linear-gradient(top, #f7f7f7, #eee);
  -webkit-box-shadow: 2px 2px 4px -1px rgba(0,0,0, .55);
  -moz-box-shadow: 2px 2px 4px -1px rgba(0,0,0, .55);
  box-shadow: 2px 2px 4px -1px rgba(0,0,0, .55);
}
.paginate.pag2 li a:hover {
  color: #3280dc;
}
.paginate.pag2 li a:active {
  position: relative;
  top: 1px;
  -webkit-box-shadow: 1px 1px 3px -1px rgba(0,0,0, .55);
  -moz-box-shadow: 1px 1px 3px -1px rgba(0,0,0, .55);
  box-shadow: 1px 1px 3px -1px rgba(0,0,0, .55);
}

.paginate.pag2 li.single, .paginate.pag2 li.current {
  display: block;
  float: left;
  padding: 6px 11px;
  padding-top: 8px;
  margin-right: 6px;
  border-radius: 3px;
  color: #676767;
}




/** 3rd pagination **/
/* resource: https://pixelsdaily.com/resources/photoshop/psds/psd-slick-pagination-links/ */
.paginate.pag3 { /* third page styles */ }

.paginate.pag3 li { font-weight: bold; }

.paginate.pag3 li a {
  display: block;
  float: left;
  text-decoration: none;
  padding: 6px 11px;
  margin-right: 6px;
  border-radius: 3px;
  color: #fff;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
  border: 1px solid #43505e;
  background: #556270;
  background: -moz-linear-gradient(top, #556270 0%, #444d57 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#556270), color-stop(100%,#444d57));
  background: -webkit-linear-gradient(top, #556270 0%,#444d57 100%);
  background: -o-linear-gradient(top, #556270 0%,#444d57 100%);
  background: -ms-linear-gradient(top, #556270 0%,#444d57 100%);
  background: linear-gradient(to bottom, #556270 0%,#444d57 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#556270', endColorstr='#444d57',GradientType=0 );
  -moz-box-shadow: inset 0 3px 0px -2px rgba(255, 255, 255, .3);
  -webkit-box-shadow: inset 0 3px 0px -2px rgba(255, 255, 255, .3);
  box-shadow: inset 0 3px 0px -2px rgba(255, 255, 255, .3);
}
.paginate.pag3 li a:hover {
  background: #556270;
  background: -moz-linear-gradient(top, #556270 0%, #5b6774 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#556270), color-stop(100%,#5b6774));
  background: -webkit-linear-gradient(top, #556270 0%,#5b6774 100%);
  background: -o-linear-gradient(top, #556270 0%,#5b6774 100%);
  background: -ms-linear-gradient(top, #556270 0%,#5b6774 100%);
  background: linear-gradient(to bottom, #556270 0%,#5b6774 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#556270', endColorstr='#5b6774',GradientType=0 );
}
.paginate.pag3 li a:active {
  background: #414952;
  background: -moz-linear-gradient(top, #414952 0%, #555e68 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#414952), color-stop(100%,#555e68));
  background: -webkit-linear-gradient(top, #414952 0%,#555e68 100%);
  background: -o-linear-gradient(top, #414952 0%,#555e68 100%);
  background: -ms-linear-gradient(top, #414952 0%,#555e68 100%);
  background: linear-gradient(to bottom, #414952 0%,#555e68 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#414952', endColorstr='#555e68',GradientType=0 );
}

.paginate.pag3 li.single, .paginate.pag3 li.current {
  display: block;
  float: left;
  text-decoration: none;
  padding: 6px 11px;
  margin-right: 6px;
  border-radius: 3px;
  color: #fff;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
  border: 1px solid #616c78;
  background: #838d98;
  -moz-box-shadow: inset 0 3px 0px -2px rgba(255, 255, 255, .3);
  -webkit-box-shadow: inset 0 3px 0px -2px rgba(255, 255, 255, .3);
  box-shadow: inset 0 3px 0px -2px rgba(255, 255, 255, .3);
}



/** 4th pagination **/
/* resource: https://pixelsdaily.com/resources/photoshop/psds/flat-pagination-interface/ */
.paginate.pag4 { /* fourth page styles */ 
  font-size: 1.4em;
}

.paginate.pag4 li { font-weight: bold; }

.paginate.pag4 li a {
  display: block;
  float: left;
  color: #a2c49e;
  text-decoration: none;
  padding: 9px 12px;
  margin-right: 6px;
  border-radius: 16px;
  background: #363842;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.paginate.pag4 li a:hover {
  color: #fff;
}
.paginate.pag4 li a:active {
  -webkit-box-shadow: 1px 1px 3px -1px rgba(0,0,0, .55);
  -moz-box-shadow: 1px 1px 3px -1px rgba(0,0,0, .55);
  box-shadow: 1px 1px 3px -1px rgba(0,0,0, .55);
}

.paginate.pag4 li.navpage a {
  padding: 9px 13px;
  background: #607c5d;
  color: #fff;
}
.paginate.pag4 li.navpage a:hover {
  background: #486f43;
}

.paginate.pag4 li.single, .paginate.pag4 li.current {
  display: block;
  float: left;
  padding: 9px 12px;
  margin-right: 6px;
  border-radius: 16px;
  color: #607c5d;
  background: #d0dfcf;
}



/** 5th pagination (dark) **/
.paginate.pag5 { /* fifth page styles */ 
  font-size: 1.4em;
  padding: 9px 8px;
  background: #373943;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.paginate.pag5 li { font-weight: bold; }

.paginate.pag5 li a {
  display: block;
  float: left;
  color: #5ea25a;
  text-decoration: none;
  padding: 9px 12px;
  margin-right: 6px;
  border-radius: 16px;
  background: #fff;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.paginate.pag5 li a:hover {
  color: #4f664e;
  background: #c9dec8;
}
.paginate.pag5 li a:active {
  -webkit-box-shadow: 1px 1px 3px -1px rgba(0,0,0, .55);
  -moz-box-shadow: 1px 1px 3px -1px rgba(0,0,0, .55);
  box-shadow: 1px 1px 3px -1px rgba(0,0,0, .55);
}

.paginate.pag5 li.navpage a {
  padding: 9px 13px;
  background: #c8eac6;
  color: #4f664e;
}
.paginate.pag5 li.navpage a:hover {
  color: #414e40;
  background: #a4c6a2;
}

.paginate.pag5 li.current { background: #505362; }
.paginate.pag5 li.single, .paginate.pag5 li.current {
  display: block;
  float: left;
  padding: 9px 12px;
  margin-right: 6px;
  border-radius: 16px;
  color: #fff;
}



#gdpr-cookie-message h1, #gdpr-cookie-message h2, #gdpr-cookie-message h3, #gdpr-cookie-message h4, #gdpr-cookie-message h5  {
    padding: 0;
    margin: 0;
    border: none;
}

/* Cookie Dialog */
#gdpr-cookie-message {
    position: fixed;
    right: 30px;
    bottom: 30px;
    max-width: 375px;
    background-color: #3B3646;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 6px 6px rgba(0,0,0,0.25);
    margin-left: 30px;
    font-family: system-ui;
    z-index: 1;
}
#gdpr-cookie-message h4 {
    color: #FF851B;
    font-family: 'Quicksand', sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}
#gdpr-cookie-message h5 {
    color: #FF851B;
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
}
#gdpr-cookie-message p, #gdpr-cookie-message ul {
    color: white;
    font-size: 15px;
    line-height: 1.5em;
}
#gdpr-cookie-message label::before {
    color: #000;
}
#gdpr-cookie-message p:last-child {
    margin-bottom: 0;
    text-align: right;
}
#gdpr-cookie-message li {
    width: 49%;
    display: inline-block;
}
#gdpr-cookie-message a {
    color: #FF851B;
    text-decoration: none;
    font-size: 15px;
    padding-bottom: 2px;
    border-bottom: 1px dotted rgba(255,255,255,0.75);
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message a:hover {
    color: white;
    border-bottom-color: #FF851B;
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button {
    border: none;
    background: #EE4B5A;
    color: white;
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    padding: 7px;
    border-radius: 3px;
    margin-left: 15px;
    cursor: pointer;
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button:hover {
    background: white;
    color: #EE4B5A;
    transition: all 0.3s ease-in;
}
button#gdpr-cookie-advanced {
    background: white;
    color: #EE4B5A;
}   
#gdpr-cookie-message button:disabled {
    opacity: 0.3;
}
#gdpr-cookie-message input[type="checkbox"] {
    float: none;
    margin-top: 0;
    margin-right: 5px;
}
#gdpr-cookie-message button {
    background: #0074D9;
    color: white;
}
#gdpr-cookie-message button:hover {
    background: #2ECC40;
    color: #000000;
    transition: all 0.3s ease-in;
}
button#gdpr-cookie-policy,
button#gdpr-cookie-advanced {
    color: #fff;
    border-color: #0074D9;

    display: inline-block;
    outline: none;
    text-align: center;
    text-decoration: none;
    font-family: inherit;
    font-weight: 300;
    letter-spacing: 1px;
    vertical-align: middle;
    border: 1px solid;
    transition: all 0.2s ease;
    box-sizing: border-box;
    text-shadow: 0 1px 0 rgba(0,0,0,0.01);
}
button#gdpr-cookie-policy:hover,
button#gdpr-cookie-advanced:hover {
    background: #FF851B;
    color: #000;
    border-color: #FF851B;
}
button#gdpr-cookie-policy,
button#gdpr-cookie-advanced {
    padding: 2px 7px 2px 7px;
    font-size: 0.75em;
    background:#3B3646;

    border: 1px solid rgba(255, 255, 255, .1);
}

    /* Quick css for footer bar with cookie text */
    #gdpr-cookie-message.gdpr-compact {
        max-width: 100%;
        padding: 15px 20px;    
    }
    #gdpr-cookie-message.gdpr-compact p {
        margin-top: 0.5em;
        margin-bottom: 0.5em;
    }
    #gdpr-cookie-message.gdpr-compact p:last-child {
    }






/* Membership CSS */

  .membership_cta {
      margin: 1em 0;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between;
  }
  .membership_cta > div {
      box-sizing: border-box;
      text-align: center;
      width: calc(1/3*100% - (1 - 1/3)*10px);
  }
  
  .membership_cta a {
      -webkit-transition: background 225ms ease!important;
      -moz-transition: background 225ms ease!important;
      transition: background 225ms ease!important;
      box-sizing: border-box;
      width: 100%;
      height: 50px;
      line-height: 50px;
      display: block;
  
      font-family: Oswald, sans-serif;
      font-size: 20px;
  
      border: none;
      color: #fff;
  
      text-transform: uppercase;
      position: relative;
      transition: all 225ms ease;
      border-radius: 5px;
      
      overflow: hidden;
      text-decoration: none;
  }
  .membership_cta a span{
      z-index: 8;
      position: relative;
      font-size: 0.7em;
  }
  
  .membership_cta a:before {
      content: "";
      display: block;
      width: 90%;
      height: 55%;
      border-radius: 4px;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transition: all 400ms cubic-bezier(.32,1.25,.1,1.47);
      -moz-transition: all 400ms cubic-bezier(.32,1.25,.1,1.47);
      transition: all 400ms cubic-bezier(.32,1.25,.1,1.47);
      -webkit-transform: translate(-50%,-50%);
      -moz-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
  }
  /* grow to sizing for before element */
  .membership_cta a:focus:before, .membership_cta a:hover:before {
      height: 105%;
      width: 105%;
  }
  .membership_cta a {
      border: 1px solid #222;
      background: #444;
  }
  .membership_cta a:before, 
  .membership_cta a:focus, 
  .membership_cta a:hover {
      background: #888;
  }
  .membership_cta div:first-child a {
      border: 1px solid #0a6b2a;
      background: #1fa54b;
  }
  .membership_cta div:first-child a:before, 
  .membership_cta div:first-child a:focus, 
  .membership_cta div:first-child a:hover {
      background: #3ecc67;
  }
  .membership_cta div:last-child a {
      border: 1px solid #14537b;
      background: #2980b9;
  }
  .membership_cta div:last-child a:before, 
  .membership_cta div:last-child a:focus, 
  .membership_cta div:last-child a:hover {
      background: #3498db;
  }
  

/* POSITIONING */
  .left {
    text-align: left;
  }
  
  .right {
    text-align: right;
  }
  
  .center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  
  .justify {
    text-align: justify;
  }

/* ==== GRID SYSTEM ==== */
.container{width:100%;margin-left:auto;margin-right:auto}.row{position:relative;width:100%}.row [class^="col"]{float:left;margin:.5rem 2%;min-height:.125rem}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{width:96%}.col-1-sm{width:4.33%}.col-2-sm{width:12.66%}.col-3-sm{width:21%}.col-4-sm{width:29.33%}.col-5-sm{width:37.66%}.col-6-sm{width:46%}.col-7-sm{width:54.33%}.col-8-sm{width:62.66%}.col-9-sm{width:71%}.col-10-sm{width:79.33%}.col-11-sm{width:87.66%}.col-12-sm{width:96%}.row::after{content:"";display:table;clear:both}.hidden-sm{display:none}
@media only screen and (min-width: 33.75em) {  /* 540px */
    /* .container { width: 80%; } */
}
@media only screen and (min-width: 45em) {  /* 720px */
    .col-1{width:4.33%}.col-2{width:12.66%}.col-3{width:21%}.col-4{width:29.33%}.col-5{width:37.66%}.col-6{width:46%}.col-7{width:54.33%}.col-8{width:62.66%}.col-9{width:71%}.col-10{width:79.33%}.col-11{width:87.66%}.col-12{width:96%}.hidden-sm{display:block}
}
@media only screen and (min-width: 60em) { /* 960px */
    /* .container { width: 75%; max-width: 60rem; } */
}
 
.membership_42 .row img {
    width: 100%;
}
.membership_42 .row .col-6:first-child {
    margin: 0.5rem 2% 0.5rem 0;
    width: 48%;
}
.membership_42 .row .col-6:last-child {
    margin: 0.5rem 0 0.5rem 2%;
    width: 48%;
}

.membership_42 h1,
.membership_42 h2,
.membership_42 h3,
.membership_42 p {
    margin: 1.0rem 0;
}
.membership_42 h1 {
    font-size: 1.5rem;
    line-height: 1.5;
    letter-spacing: -1px;
}
.membership_42 h2 {
    font-size: 1.25rem;
    line-height: 1.5;
    font-weight: normal;
    letter-spacing: -1px;
}
.membership_42 h3 {
    font-size: 1.2rem;
    line-height: 1.0;
    margin: 1.2rem 0;
    font-weight: bold;
    letter-spacing: 0px;
}
.membership_42 p {
    font-size: 0.8rem;
    line-height: 1.5;
    letter-spacing: 0px;
}
.membership_42 .container .row:first-child [class^="col"] > :first-child {
    margin-top: 0 !important;
}
.membership_42 .container .row:first-child [class^="col"] > :last-child {
    margin-bottom: 0 !important;
}


.responsive-2x-grid ul.cta-select {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: auto;
    width: 90%;
    margin: 0 auto;
    
  }
  .responsive-2x-grid ul.cta-select li {
    color: #AAAAAA;
    display: block;
    position: relative;
    float: left;
    width: 100%;
    height: 100px;
    box-sizing: border-box;
  }
  .responsive-2x-grid ul.cta-select li input[type=radio] {
    position: absolute;
    visibility: hidden;
  }
  .responsive-2x-grid ul.cta-select li label {
    display: block;
    position: relative;
    font-weight: 300;
    font-size: 1.35em;
    text-align: left;
    padding: 25px 25px 45px 120px;
    margin: 10px auto;
    height: 30px;
    z-index: 9;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
  
  }
  .responsive-2x-grid ul.cta-select li:hover label{
      color: #0c2e77;
  }
  .responsive-2x-grid ul.cta-select li:hover .check {
    border: 5px solid #0c2e77;
  }
  .responsive-2x-grid ul.cta-select li .check{
    display: block;
    position: absolute;
    border: 5px solid #AAAAAA;
    border-radius: 100%;
    height: 25px;
    width: 25px;
    top: 30px;
    left: 20px;
    z-index: 5;
  }
  .responsive-2x-grid ul.cta-select li .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 15px;
    width: 15px;
    top: 5px;
    left: 5px;
    margin: auto;
  }
  .responsive-2x-grid ul.cta-select input[type=radio]:checked ~ .check {
    border: 5px solid #3b78e7;
  }
  .responsive-2x-grid ul.cta-select input[type=radio]:checked ~ .check::before{
    background: #3b78e7;
  }
  .responsive-2x-grid ul.cta-select input[type=radio]:checked ~ label{
    color: #3b78e7;
  }
  
  
  

  /* VIPPS DEFAULT CSS */

  .vipps-wrapp {
    position: unset;
}
.vipps-wrapp .vipps-content {
    width: 100%;
    background-color: #fff;
    position: unset;
    top: unset;
    left: unset;
    z-index: unset;
}
.vipps-wrapp .vipps-content .vipps-header {
    text-align: center;
    background-color: #f36421;
    padding: 1em 0;
}
.vipps-wrapp .vipps-content .vipps-header img {
    width: 150px;
    height: auto;
}
.vipps-wrapp .vipps-content .vipps-body {
    padding: 2em 1em;
}
.vipps-wrapp .vipps-content .vipps-body p {
    font-size: 1.2em;
    line-height: 1.7em;
}
.vipps-wrapp .vipps-content .vipps-body p span.vipps-amount,
.vipps-wrapp .vipps-content .vipps-body p span.vipps-number,
.vipps-wrapp .vipps-content .vipps-body p span.vipps-order {
    display: inline;
    font-weight: 700;
    color: #fff;
    background-color: #000;
    padding: 2px 2px 4px 2px;
}
.vipps-wrapp .vipps-content .vipps-body .vipps-qr {
    text-align: center;
    margin-bottom: 2em;
}
.vipps-wrapp .vipps-content .vipps-body .vipps-qr img {
    width: 300px;
}
.vipps-wrapp .vipps-content .vipps-footer {
    padding: 1em 0;
    position: unset;
    bottom: 0;
    width: 100%;
    text-align: center;
    background-color: unset;
}
.vipps-wrapp .vipps-content .vipps-footer a {
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
}

.vipps-payment-info {
    background-color: #f36421;
    margin: 0em 10vw;
    padding: 0 5vw;
    color: #fff;
    font-size: 5vw;
    width: auto;
    box-sizing: border-box;
    position: relative;
    display: none;
}
.vipps-payment-info p {
    background-color: #f00;
    margin-left: 25vw;
    font-weight: 700;
}
.vipps-payment-info p span {
    position: absolute;
    left: 2vw;
    font-weight: 400;
}



/* VIPPS BANNER RIGHT SIDE */
.betal-med-vipps {
    width: 180px;
    margin: 0;
    position: relative;
}
.betal-med-vipps img {
    width: 180px;
    height: auto;
}
.betal-med-vipps .vippsnummer {
    position: absolute;
    top: 53%;
    left: 25%;
    font-size: 2em;
}




/* FROM kalenderallokering */
.track {
  position: relative;
  background-color: #6c757d;
  height: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 60px;
  margin-top: 50px;
}

.track .step {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 25%;
  margin-top: -18px;
  text-align: center;
  position: relative;
}

.track .step.active:before {
  background: #0181b4;
}

.track .step::before {
  height: 7px;
  position: absolute;
  content: "";
  width: 100%;
  left: 0;
  top: 18px;
}

.track .step.active .icon {
  background: #0181b4;
  color: #1c1c1c;
}

.track .icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  position: relative;
  border-radius: 100%;
  background: #6c757d;
}

.track .icon svg {
  font-size: 1.75rem;
}

.track .step.active .text {
  font-weight: 400;
  color: #ffffff;
}

.track .text {
  display: block;
  margin-top: 7px;
}

.trackstep1 {
  position: relative;
}

.trackstep1 .trackstep_hide {
  position: absolute;
  display: block;
  top: -5px;
  left: 0;
  width: 100%;
  z-index: 2;
  background-color: rgba(28, 28, 28, 0.7);
  height: 50px;
}