/**
* TerraLuna - Portal
* @version 4.2
* @package Portal
* @copyright (C) 2023 by Trond - All rights reserved!
* @license http://www.terraluna.no/
*/
.bug3 {}

h1, h2, h3, h4, h5, h6 {
  color: #254727;
}
.h1, .h2, .h3, .h4, .h5, .h6 {
  color: #254727;
}
/**Rad med logo, Rad med brødsmuler, Body **/
#sp-header, #sp-title, #sp-main-body {background-color: #eee;}


/** ? **/
.container-header {
  background-color: #141E24;
  background-image: none;
-moz-border-radius:0 0 12px 12px;-webkit-border-radius:0 0 12px 12px;-o-border-radius:0 0 12px 12px;border-radius:0 0 12px 12px;
background: -moz-linear-gradient(top, rgba(171,235,245,0.8) 0%, rgba(53,117,127,0.8) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(171,235,245,0.8)), color-stop(100%,rgba(53,117,127,0.8))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(171,235,245,0.8) 0%,rgba(53,117,127,0.8) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(171,235,245,0.8) 0%,rgba(53,117,127,0.8) 100%); /* Opera11.10+ */
background: linear-gradient(top, rgba(171,235,245,0.8) 0%,rgba(53,117,127,0.8) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ABEBF5, endColorstr=#8035757F,GradientType=0); /* IE6+ */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ABEBF5, endColorstr=#8035757F)"; /* IE8 only */
background: -ms-linear-gradient(top, rgba(171,235,245,0.8) 0%,rgba(53,117,127,0.8) 100%); /* IE10+ */
-webkit-box-shadow: rgba(0,0,0,0.75) 0px 0px 3px; -moz-box-shadow: rgba(0,0,0,0.75) 0px 0px 3px; box-shadow: rgba(0,0,0,0.75) 0px 0px 3px;
-webkit-background-clip: padding-box;
text-shadow: rgba(42,2,2,0.45) 0 -1px 0;
}
.container-topbar {
  margin-left: auto;
  margin-right: auto;
  background-color: #141E04;
}
.topbar-banner {
  min-width: 100%;
  background-color: #141E04;
  border:0;
}
/** Space above lang (content-top) and component **/
#sp-main-body {padding-top:0px;}


/* ******************** Terraluna Specifics ********************* */
.inputbox, .shop_search_field {border:1px solid #a0a0a0;padding:.2em;background:url('../images/inputbox.gif') repeat-x top;
-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px;border-radius:6px;}
a.button:link, a.button:visited {border-width:1px;border-color:#cf9 #7a4 #693 #be8;border-style:solid;color:#000050;font-weight:bold;
-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px;border-radius:6px;}
.button:hover, a.button:hover, a.button:active, a.contentpagetitle:hover, a.contentpagetitle:active, input.button:focus, input.button:hover {background:url(../images/button_bg_on.png) repeat-x;border-width:1px;border-color:#693 #be8 #cf9 #7a4;border-style:solid;color:#000050;text-decoration:none;
-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px;border-radius:6px;
}
select {height:1.9em;margin-top:0;padding-left:1.2em;padding-right:2em;font-size:0.8em;background-color:#f1f1f1;float:left;width:12em;
-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px;border-radius:6px;}
a.button:link, a.button:visited {border-width:1px;border-color:#cf9 #7a4 #693 #be8;border-style:solid;color:#000050;font-weight:bold;
-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px;border-radius:6px;}
.button:hover, a.button:hover, a.button:active, a.contentpagetitle:hover, a.contentpagetitle:active, input.button:focus, input.button:hover {background:url(../images/button_bg_on.png) repeat-x;border-width:1px;border-color:#693 #be8 #cf9 #7a4;border-style:solid;color:#000050;text-decoration:none;
-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px;border-radius:6px;
}
label {cursor:pointer;}
label:hover {color:#02a;}
a img {border:none;}
option {color:#000;font-weight:normal;background-color:#f1f1f1;}
.button {background:url('../images/inputbox.gif') repeat-x;border:none;color:#005;font-family:'AnonymousRegular',verdana,helvetica,arial,sans-serif;font-size:10px;
-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px;border-radius:6px;}
a.button:link, a.button:visited {border-width:1px;border-color:#cf9 #7a4 #693 #be8;border-style:solid;color:#000050;font-weight:bold;
-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px;border-radius:6px;}
.button:hover, a.button:hover, a.button:active, a.contentpagetitle:hover, a.contentpagetitle:active, input.button:focus, input.button:hover {background:url(../images/button_bg_on.png) repeat-x;border-width:1px;border-color:#693 #be8 #cf9 #7a4;border-style:solid;color:#000050;text-decoration:none;
-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px;border-radius:6px;}

a.button, button.button { 
background: -moz-linear-gradient(top, rgba(77,170,77,0.4) 0%, rgba(177,255,177,0.4) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(77,170,77,0.4)), color-stop(100%,rgba(177,255,177,0.4))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(77,170,77,0.4) 0%,rgba(177,255,177,0.4) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(77,170,77,0.4) 0%,rgba(177,255,177,0.4) 100%); /* Opera11.10+ */
background: linear-gradient(top, rgba(77,170,77,0.4) 0%,rgba(177,255,177,0.4) 100%); /* W3C */
  float: left; 
  padding: 3px; 
  text-decoration: none; 
  outline: 0; 
  border-width: 1px; 
  border-style: solid;
  width: auto;
  overflow: visible;
  border-color: transparent transparent #666 transparent; 
  border-color: transparent transparent rgba(202,202,202,0.27) transparent;
  -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;
  -webkit-background-clip: padding-box;
}
a.button span, button.button span { 
  display: block; 
  float: left;
  letter-spacing: -1px; 
  border-width: 1px; 
  border-style: solid; 
  border-color: #ccc #444 #111 #444; 
  border-color: rgba(225,225,255,0.7) rgba(0,0,0,0.5) rgba(0,0,0,0.7) rgba(0,0,0,0.5); 
  font: bold 21px/1em Arial;
  color: white; 
  padding: 0.48em 2em; 
  cursor: pointer; 
  text-shadow: rgba(0,0,0,0.45) 0 -1px 0; 
  -webkit-box-shadow: rgba(0,0,0,0.75) 0px 0px 3px; -moz-box-shadow: rgba(0,0,0,0.75) 0px 0px 3px; box-shadow: rgba(0,0,0,0.75) 0px 0px 3px;
  -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;
  background: transparent -moz-linear-gradient(top, rgba(77,170,77,0.8), rgba(255,255,255,0.15) 50%, rgba(177,255,177,0.01) 50%, transparent); /* FF3.6+ */
  background: transparent -webkit-gradient(linear, left top, left bottom, from(rgba(77,170,77,0.80)), color-stop(0.5, rgba(255,255,255,0.15)), color-stop(0.5, rgba(177,255,177,0.01)), to(transparent)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(77,170,77,0.8) 0%,rgba(177,255,177,0.4) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(77,170,77,0.8) 0%,rgba(177,255,177,0.4) 100%); /* Opera11.10+ */
  background: linear-gradient(top, rgba(77,170,77,0.8) 0%,rgba(177,255,177,0.4) 100%); /* W3C */
  -webkit-background-clip: padding-box;
}
a.button:hover span, button.button:hover span {  
  border-top-color: rgba(225,255,225,0.65); 
  background: -moz-linear-gradient(top, rgba(220,255,255,0.6), rgba(100,200,100,0.2) 50%, rgba(0,0,0,0.21) 50%, rgba(0, 0, 0, 0.20)); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(220,255,255,0.6)), color-stop(0.5, rgba(100,200,100,0.2)), color-stop(0.5, rgba(0,0,0,0.21)), to(rgba(0, 0, 0, 0.20))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(220,255,255,0.6) 0%,rgba(100,200,100,0.2) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(220,255,255,0.6) 0%,rgba(100,200,100,0.2) 100%); /* Opera11.10+ */
  background: linear-gradient(top, rgba(220,255,255,0.6) 0%,rgba(100,200,100,0.2) 100%); /* W3C */
  -webkit-background-clip: padding-box;
}
a.button:active span, button.button:active span {  
  border-top-color: rgba(225,255,225,0.2); 
  border-left-color: rgba(0,0,0,0.4); 
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(150,150,150,0.6)), color-stop(0.5, rgba(60,60,60,0.6)), color-stop(0.5, rgba(40,40,40,0.6)), to(rgba(20, 20, 20, 0.5))); 
  background: -moz-linear-gradient(top, rgba(150,150,150,0.6), rgba(60,60,60,0.6) 50%, rgba(40,40,40,0.6) 50%, rgba(20, 20, 20, 0.5));
  -webkit-box-shadow: inset 0 0 18px rgba(0,0,0,0.75), rgba(0,0,0,0.75) 0px 0px 3px; -moz-box-shadow: inset 0 0 18px rgba(0,0,0,0.75), rgba(0,0,0,0.75) 0px 0px 3px; box-shadow: inset 0 0 18px rgba(0,0,0,0.75), rgba(0,0,0,0.75) 0px 0px 3px; 
  -webkit-background-clip: padding-box;
}
a.button span:active, button.button span:active { 
  border-top-color: rgba(225,255,225,0.2); 
  border-left-color: rgba(0,0,0,0.4);
  background: -moz-linear-gradient(top, rgba(150,150,150,0.6), rgba(60,60,60,0.6) 50%, rgba(40,40,40,0.6) 50%, rgba(20, 20, 20, 0.5)); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(150,150,150,0.6)), color-stop(0.5, rgba(60,60,60,0.6)), color-stop(0.5, rgba(40,40,40,0.6)), to(rgba(20, 20, 20, 0.5))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(150,150,150,0.6) 0%,rgba(60,60,60,0.6) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(150,150,150,0.6) 0%,rgba(60,60,60,0.6) 100%); /* Opera11.10+ */
  background: linear-gradient(top, rgba(150,150,150,0.6) 0%,rgba(60,60,60,0.6) 100%); /* W3C */
  -webkit-box-shadow: inset 0 0 18px rgba(0,0,0,0.75), rgba(0,0,0,0.75) 0px 0px 3px; -moz-box-shadow: inset 0 0 18px rgba(0,0,0,0.75), rgba(0,0,0,0.75) 0px 0px 3px; box-shadow: inset 0 0 18px rgba(0,0,0,0.75), rgba(0,0,0,0.75) 0px 0px 3px; 
  -webkit-background-clip: padding-box;
  }
  /* Nytt*/
  .butt {background:url('../images/inputbox.gif') repeat-x;border:none;color:#005;font-family:'AnonymousRegular',verdana,helvetica,arial,sans-serif;font-size:10px;
-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px;border-radius:6px;}
a.butt:link, a.button:visited {border-width:0px;border-color:#c9f #74a #639 #b8e;border-style:solid;color:#000050;font-weight:bold;
-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px;border-radius:6px;}

.butt:hover, a.butt:hover, a.butt:active, input.butt:focus, input.butt:hover {background:url(../images/button_bg_on.png) repeat-x;border-width:0px;border-color:#639 #b8e #c9f #74a;border-style:solid;color:#000050;text-decoration:none;
-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px;border-radius:6px;}

a.butt, button.butt { 
background: -moz-linear-gradient(top, rgba(77,170,77,0.4) 0%, rgba(177,255,177,0.4) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(77,170,77,0.4)), color-stop(100%,rgba(177,255,177,0.4))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(77,170,77,0.4) 0%,rgba(177,255,177,0.4) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(77,170,77,0.4) 0%,rgba(177,255,177,0.4) 100%); /* Opera11.10+ */
background: linear-gradient(top, rgba(77,170,77,0.4) 0%,rgba(177,255,177,0.4) 100%); /* W3C */
  float: left; 
  padding: 3px; 
  text-decoration: none; 
  outline: 0; 
  border-width: 1px; 
  border-style: solid;
  width: auto;
  overflow: visible;
  border-color: transparent transparent #666 transparent; 
  border-color: transparent transparent rgba(202,202,202,0.27) transparent;
  -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;
  -webkit-background-clip: padding-box;
}
a.butt span, button.butt span { 
  display: block; 
  float: left;
  letter-spacing: -1px; 
  border-width: 1px; 
  border-style: solid; 
  border-color: #ccc #444 #111 #444; 
  border-color: rgba(225,225,255,0.7) rgba(0,0,0,0.5) rgba(0,0,0,0.7) rgba(0,0,0,0.5); 
  font: bold 21px/1em Arial;
  color: white; 
  padding: 0.48em 2em; 
  cursor: pointer; 
  text-shadow: rgba(0,0,0,0.45) 0 -1px 0; 
  -webkit-box-shadow: rgba(0,0,0,0.75) 0px 0px 3px; -moz-box-shadow: rgba(0,0,0,0.75) 0px 0px 3px; box-shadow: rgba(0,0,0,0.75) 0px 0px 3px;
  -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;
  background: transparent -moz-linear-gradient(top, rgba(77,170,77,0.8), rgba(255,255,255,0.15) 50%, rgba(177,255,177,0.01) 50%, transparent); /* FF3.6+ */
  background: transparent -webkit-gradient(linear, left top, left bottom, from(rgba(77,170,77,0.80)), color-stop(0.5, rgba(255,255,255,0.15)), color-stop(0.5, rgba(177,255,177,0.01)), to(transparent)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(77,170,77,0.8) 0%,rgba(177,255,177,0.4) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(77,170,77,0.8) 0%,rgba(177,255,177,0.4) 100%); /* Opera11.10+ */
  background: linear-gradient(top, rgba(77,170,77,0.8) 0%,rgba(177,255,177,0.4) 100%); /* W3C */
  -webkit-background-clip: padding-box;
}
a.butt:hover span, button.butt:hover span {  
  border-top-color: rgba(225,255,225,0.65); 
  background: -moz-linear-gradient(top, rgba(220,255,255,0.6), rgba(100,200,100,0.2) 50%, rgba(0,0,0,0.21) 50%, rgba(0, 0, 0, 0.20)); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(220,255,255,0.6)), color-stop(0.5, rgba(100,200,100,0.2)), color-stop(0.5, rgba(0,0,0,0.21)), to(rgba(0, 0, 0, 0.20))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(220,255,255,0.6) 0%,rgba(100,200,100,0.2) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(220,255,255,0.6) 0%,rgba(100,200,100,0.2) 100%); /* Opera11.10+ */
  background: linear-gradient(top, rgba(220,255,255,0.6) 0%,rgba(100,200,100,0.2) 100%); /* W3C */
  -webkit-background-clip: padding-box;
}
a.butt:active span, button.butt:active span {  
  border-top-color: rgba(225,255,225,0.2); 
  border-left-color: rgba(0,0,0,0.4); 
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(150,150,150,0.6)), color-stop(0.5, rgba(60,60,60,0.6)), color-stop(0.5, rgba(40,40,40,0.6)), to(rgba(20, 20, 20, 0.5))); 
  background: -moz-linear-gradient(top, rgba(150,150,150,0.6), rgba(60,60,60,0.6) 50%, rgba(40,40,40,0.6) 50%, rgba(20, 20, 20, 0.5));
  -webkit-box-shadow: inset 0 0 18px rgba(0,0,0,0.75), rgba(0,0,0,0.75) 0px 0px 3px; -moz-box-shadow: inset 0 0 18px rgba(0,0,0,0.75), rgba(0,0,0,0.75) 0px 0px 3px; box-shadow: inset 0 0 18px rgba(0,0,0,0.75), rgba(0,0,0,0.75) 0px 0px 3px; 
  -webkit-background-clip: padding-box;
}
a.butt span:active, button.butt span:active { 
  border-top-color: rgba(225,255,225,0.2); 
  border-left-color: rgba(0,0,0,0.4);
  background: -moz-linear-gradient(top, rgba(150,150,150,0.6), rgba(60,60,60,0.6) 50%, rgba(40,40,40,0.6) 50%, rgba(20, 20, 20, 0.5)); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(150,150,150,0.6)), color-stop(0.5, rgba(60,60,60,0.6)), color-stop(0.5, rgba(40,40,40,0.6)), to(rgba(20, 20, 20, 0.5))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(150,150,150,0.6) 0%,rgba(60,60,60,0.6) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(150,150,150,0.6) 0%,rgba(60,60,60,0.6) 100%); /* Opera11.10+ */
  background: linear-gradient(top, rgba(150,150,150,0.6) 0%,rgba(60,60,60,0.6) 100%); /* W3C */
  -webkit-box-shadow: inset 0 0 18px rgba(0,0,0,0.75), rgba(0,0,0,0.75) 0px 0px 3px; -moz-box-shadow: inset 0 0 18px rgba(0,0,0,0.75), rgba(0,0,0,0.75) 0px 0px 3px; box-shadow: inset 0 0 18px rgba(0,0,0,0.75), rgba(0,0,0,0.75) 0px 0px 3px; 
  -webkit-background-clip: padding-box;
  }

.box, .whitebox, .bluebox {width:100%;padding:5px;font-size:14px;text-align:justify;vertical-align:top;}
table.box th, table.whitebox th {padding:2px 5px 2px 5px;border-width:1px;border-color:#eee;border-style:outset;border-style:solid;font-weight:bold;text-align:justify;vertical-align:top;}
table.bluebox th {padding:2px 5px 2px 5px;border-width:1px;border-color:#8aa4c0;border-style:outset;font-weight:bold;text-align:justify;vertical-align:top;}
table.box tr, table.whitebox tr, table.bluebox tr {text-align:justify;vertical-align:top;}
table.box td, table.whitebox td {padding:5px;border-width:1px;border-color:#8aa4c0;border-style:outset;text-align:justify;vertical-align:top;}
.bluebox td {padding:5px;border-width:1px;border-color:#8aa4c0;border-style:outset;text-align:justify;vertical-align:top;}
.box a:link, .box a:visited, .whitebox a:link, .whitebox a:visited, .bluebox a:link, .bluebox a:visited, .boxleft a, .boxright a, .boxcenter a {color:#00a;font-weight:normal;text-decoration:underline;}
.box a:active, .box a:hover, .whitebox a:active, .whitebox a:hover, .bluebox a:active, .bluebox a:hover {color:#00d;}
table.boxleft {width:100%;padding:0;margin:0;color:#ddd;font-size:14px;}
table.boxleft th {padding:0;margin:0 !important;font-size:14px;color:#000;background-color:#8ea8c4;border-width:1px;border-color:#acbbcb #758da7 #8aa4c2 #b4c6da;border-style:solid;text-align:left;vertical-align:middle;}
table.boxleft td {padding:5px;margin:0;font-size:14px;color:#333;background-color:#a8bccf;border-width:1px;border-color:#acbbcb #758da7 #8aa4c2 #b4c6da;border-style:solid;text-align:left;vertical-align:middle;}
table.boxright {width:100%;padding:0;margin:0;color:#ddd;font-size:14px;}
table.boxright th {padding:0;margin:0 !important;font-size:14px;color:#000;background-color:#8ea8c4;border-width:1px;border-color:#acbbcb #758da7 #8aa4c2 #b4c6da;border-style:solid;text-align:left;vertical-align:middle;}
table.boxright td {padding:5px;margin:0;font-size:14px;color:#333;background-color:#a8bccf;border-width:1px;border-color:#acbbcb #758da7 #8aa4c2 #b4c6da;border-style:solid;text-align:right;vertical-align:middle;}
table.boxcenter {width:100%;padding:0;margin:0;color:#ddd;font-size:14px;}
table.boxcenter th {padding:0;margin:0 !important;font-size:14px;color:#000;background-color:#8ea8c4;border-width:1px;border-color:#acbbcb #758da7 #8aa4c2 #b4c6da;border-style:solid;text-align:left;vertical-align:middle;}
table.boxcenter td {padding:5px;margin:0;font-size:14px;color:#333;background-color:#a8bccf;border-width:1px;border-color:#acbbcb #758da7 #8aa4c2 #b4c6da;border-style:solid;text-align:center;vertical-align:middle;}
table.content_table {width:100%;padding:0;margin:0;}
table.content_table td {padding:0;margin:0;}
.greybox {display:flex;justify-content:center;padding:5px;background:#eee;border-spacing:3px;border-collapse: separate;font-size:14px;
background: -moz-linear-gradient(top, rgba(136,136,136,0.3) 0%, rgba(248,248,248,0.3) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(136,136,136,0.3)), color-stop(100%,rgba(248,248,248,0.3))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(136,136,136,0.3) 0%,rgba(248,248,248,0.3) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(136,136,136,0.3) 0%,rgba(248,248,248,0.3) 100%); /* Opera11.10+ */
background: linear-gradient(top, rgba(136,136,136,0.3) 0%,rgba(248,248,248,0.3) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#30888888, endColorstr=#30f8f8f8,GradientType=0); /* IE6+ */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#30888888, endColorstr=#30f8f8f8)"; /* IE8 only */
background: -ms-linear-gradient(top, rgba(136,136,136,0.3) 0%,rgba(248,248,248,0.3) 100%); /* IE10+ */
-webkit-box-shadow: rgba(0,0,0,0.75) 0px 0px 3px; -moz-box-shadow: rgba(0,0,0,0.75) 0px 0px 3px; box-shadow: rgba(0,0,0,0.75) 0px 0px 3px;
-webkit-background-clip: padding-box;
text-shadow:rgba(42,2,2,0.45) 0 -1px 0;
-moz-transition:background 3s linear 10ms;-webkit-transition:background 3s linear 10ms;-o-transition:background 3s linear 10ms;transition:background 3s linear 10ms;
}
.greybox td {margin:5px;padding:auto;text-align:center;
-webkit-box-shadow: rgba(0,0,0,0.75) 0px 0px 3px; -moz-box-shadow: rgba(0,0,0,0.75) 0px 0px 3px; box-shadow: rgba(0,0,0,0.75) 0px 0px 3px;
-webkit-background-clip: padding-box;
}
.greybox td:hover {background-color:#ffffc0;}
.kids {font-family:'kids';}
.anonymous {font-family:'anonymous';}
.shadowbox{border:1px solid #333;
box-shadow:4px 4px 3px 3px rgba(0, 0, 0, 0.5);
-moz-border-radius:10px;-webkit-border-radius:20px;-o-border-radius:10px;border-radius:10px;
-webkit-background-clip: padding-box;
}
table.shadowbox {padding:35px;}
.shadowbox th{padding:15px important;
padding:15px important;
}

div.banneritem {display:flex;justify-content:center;}

/** knappen **/
.custom-btn {
  width: 130px;
  height: 40px;
  color: #fff;
  border-radius: 5px;
  padding: 10px 25px;
  font-family: 'Lato', sans-serif;
  font-weight: 500;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
   box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);
  outline: none;
}
.btn-12{
  position: relative;
  right: 20px;
  bottom: 20px;
  border:none;
  box-shadow: none;
  width: 130px;
  height: 40px;
  line-height: 42px;
  -webkit-perspective: 230px;
  perspective: 230px;
}
.btn-12 span {
  background: rgb(128,127,147);
background: linear-gradient(0deg, rgba(128,127,147,1) 0%, rgba(1,1,12,1) 100%);
  display: block;
  position: absolute;
  width: 130px;
  height: 40px;
  box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);
  border-radius: 5px;
  margin:0;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all 1.9s;
}
.btn-12 span:nth-child(1) {
  box-shadow:
   -7px -7px 20px 0px #fff9,
   -4px -4px 5px 0px #fff9,
   7px 7px 20px 0px #0002,
   4px 4px 5px 0px #0001;
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: 50% 50% -20px;
  -moz-transform-origin: 50% 50% -20px;
  transform-origin: 50% 50% -20px;
}
.btn-12 span:nth-child(2) {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-transform-origin: 50% 50% -20px;
  -moz-transform-origin: 50% 50% -20px;
  transform-origin: 50% 50% -20px;
}
.btn-12:hover span:nth-child(1) {
  box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
.btn-12:hover span:nth-child(2) {
  box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);
 color: transparent;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}
/** knapp end **/

/** Screensaver start **/
/* --- Screensaver --- */
#TrondOverlay{
	color:#FFFFFF;
	display:none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 19000;
	width: 1px;
	height: 1px;
	font-family:'LektonRegular',Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	-khtml-opacity:.9; /* Safari 1.x (pre WebKit!) */
	-moz-opacity:0.90; /* mozilla + gecko only */
	opacity:0.9; /* mozilla + gecko, Webkit, IE9 and all CSS3-browsers */
}
#ss{position:absolute;top:0px;left:0px;z-index:19100;visibility:hidden;}
/** Screensaver end **/

/** Jumping button start **/
  #hopp {
  position: absolute;
  top: 10px;
  left: 10px;
  display: inline-block;
   box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgba(0,0,0,.5),
   4px 4px 5px 0px rgba(0,0,0,.5);
  cursor: pointer;
  z-index:99998;
}
/** Jumping button end **/
/** bug start **/
.bug {background-image:url(/common/bug2.gif);background-repeat:no-repeat;background-position:37% 28%;z-index:100000;}
/** bug end **/

/** earthquake start **/
#EarthQuake {
  /* Start the shake animation and make the animation last for 0.5 seconds */
/**   animation: shake 0.5s; (orig)**/
animation: shake 0.9s;

  /* When the animation is finished, start again */
/**   animation-iteration-count: infinite; (orig (stopper aldri))**/
   animation-iteration-count:3.5; 
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

#EarthQuake{background-image:url(/images/stories/terra.gif);background-repeat:no-repeat;
  background-color:transparent;
  height:150px;
  width:150px;
    position:fixed;
    top:3%;
    left:92%;
	z-index:89000;
}
/** earthquake end **/