.center,.slide,.accordioncontentinner,.accordioncontentpopup,.accordioncontentpopupbottom,.footer {
  *zoom: 1
}
.center:after,.slide:after,.accordioncontentinner:after,.accordioncontentpopup:after,.accordioncontentpopupbottom:after,.footer:after {
  content: '';
  display: table;
  line-height: 0;
  clear: both
}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {
  display: block
}
audio,canvas,video {
  display: inline-block;
  *display: inline;
  *zoom: 1
}
audio: not([controls]) {
  display: none;
  height: 0
}
[hidden] {
  display: none
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%
}
html,button,input,select,textarea {
  font-family: sans-serif
}
body {
  margin: 0
}
a:focus {
  outline: none
}
a:active,a:hover {
  outline: 0
}
h1 {
  font-size: 2em;
  margin: 0.67em 0
}
h2 {
  font-size: 1.5em;
  margin: 0.83em 0
}
h3 {
  font-size: 1.17em;
  margin: 1em 0
}
h4 {
  font-size: 1em;
  margin: 1.33em 0
}
h5 {
  font-size: 0.83em;
  margin: 1.67em 0
}
h6 {
  font-size: 0.75em;
  margin: 2.33em 0
}
abbr[title] {
  border-bottom: 1px dotted
}
b,strong {
  font-weight: bold
}
blockquote {
  margin: 1em 40px
}
dfn {
  font-style: italic
}
mark {
  background: #ff0;
  color: #000
}
p,pre {
  margin: 1em 0
}
code,kbd,pre,samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word
}
q {
  quotes: none
}
q:before,q:after {
  content: '';
  content: none
}
small {
  font-size: 80%
}
sub,sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sup {
  top: -0.5em
}
sub {
  bottom: -0.25em
}
dl,menu,ol,ul {
  margin: 1em 0
}
dd {
  margin: 0 0 0 40px
}
menu,ol,ul {
  padding: 0 0 0 40px
}
nav ul,nav ol {
  list-style: none;
  list-style-image: none
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic
}
svg: not(: root) {
  overflow: hidden
}
figure {
  margin: 0
}
form {
  margin: 0
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em
}
legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px
}
button,input,select,textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle
}
button,input {
  line-height: normal
}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
  *overflow: visible
}
button[disabled],input[disabled] {
  cursor: default
}
input[type="checkbox"],input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}
input[type="search"]: : -webkit-search-cancel-button,input[type="search"]: : -webkit-search-decoration {
  -webkit-appearance: none
}
button::-moz-focus-inner,input::-moz-focus-inner {
  border: 0;
  padding: 0
}
textarea {
  overflow: auto;
  vertical-align: top
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
html,button,input,select,textarea {
  color: #222
}
body {
  line-height: 1.4
}
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none
}
::selection {
  background: #b3d4fc;
  text-shadow: none
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0
}
img {
  vertical-align: middle
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0
}
textarea {
  resize: vertical
}
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(/polyfill/boxsizing.htc)
}
body,input,button {
  -webkit-font-smoothing: antialiased
}
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px
}
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 100%
}
.hidden {
  display: none !important;
  visibility: hidden
}
.invisible {
  visibility: hidden
}
.clearfix:before,.clearfix:after {
  content: " ";
  display: table
}
.clearfix:after {
  clear: both
}
.clearfix {
  *zoom: 1
}
.clear {
  clear: both
}
.gensitemap ul {
  padding: 0;
  margin: 0;
  list-style: none;
  margin: 0
}
.gensitemap ul li {
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
  box-shadow: 0 1px 2px rgba(0,0,0,0.3);
  display: block;
  float: left;
  padding: 2%;
  width: 26%;
  margin: 0 3.333333333333% 3% 0
}
.gensitemap ul li a {
  font-size: 2em;
  margin-bottom: .5em;
  display: block;
  padding-bottom: .3em;
  border-bottom: 1px dotted #dfdfdf;
  text-decoration: none
}
.gensitemap ul li.last {
  margin-right: 0
}
.gensitemap ul ul {
  list-style: disc
}
.gensitemap ul ul li {
  float: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: auto;
  padding: 0 0 0 2em;
  margin: 0
}
.gensitemap ul ul li a {
  font-size: 1.6em;
  margin-bottom: 0;
  border: none;
  padding: 0
}
input,textarea,button {
  font-family: Arial,helvetica,sans-serif
}
div.form {
  width: 100%
}
div.form label span {
  display: block;
  margin-bottom: 0.3rem;
  font-weight: bold
}
div.form input.formfield {
  display: block;
  background: #fff;
  width: 100%;
  font: 1.4rem Arial,helvetica,sans-serif;
  border: 0.1rem solid #cfcfcf;
  padding: 0.7rem 3rem 0.5rem 0.5rem;
  border-radius: 0.2rem
}
div.form input:hover.formfield {
  border-color: #c2c2c2
}
div.form label.req span:after {
  content: " *";
  width: 1.6rem;
  height: 1.6rem;
  color: red
}
div.form label.error input.formfield {
  border-color: #ec8774
}
div.form label.error span {
  color: #db3524
}
div.form textarea.formbox {
  display: block;
  background: #fff;
  height: 15rem;
  width: 100%;
  font: 1.4rem/1.5 Arial,helvetica,sans-serif;
  border: 0.1rem solid #cfcfcf;
  padding: 0.6rem 0.5rem 0.6rem 0.5rem;
  border-radius: 0.2rem;
  resize: none
}
div.form textarea:hover.formbox {
  border-color: #c2c2c2
}
div.form .error textarea.formbox {
  border-color: #ec8774
}
div.form input.formbtn {
  background: #efefef;
  border: 0.1rem solid #cfcfcf;
  font: 1.4rem Arial,helvetica,sans-serif;
  border-radius: 0.2rem;
  padding: 0.5rem 1.5rem;
  color: #333
}
div.form input:hover.formbtn {
  background: #f0f0f0;
  border-color: #c2c2c2;
  cursor: pointer
}
div.form .formcaptcha2 {
  display: none
}
div.tellafriendmodal,div.tellafriendmodal *,#at3win *,#at20mc * {
  -moz-box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
  box-sizing: content-box !important
}
div.tellafriendmodal {
  min-width: 180px;
  min-height: 26px;
  border: 1px solid #dfdfdf;
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  position: absolute;
  margin: 5px 0;
  border-radius: 3px;
  background: #fff;
  z-index: 999
}
div.tellafriendcontent {
  padding: 5px 5px 5px 5px
}
strong.keyword {
  font-weight: normal
}
em.keyword {
  font-style: normal
}
*:focus {
  outline: none
}
html {
  font-size: 62.5%
}
body {
  width: 100%;
  height: 100%;
  font-family: Arial,helvetica,sans-serif;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #000
}
h1,h2,h3,h4,h5,h6 {
  font-family: "Trade Gothic W01", "alternate-gothic-no-3-d",Arial,helvetica,sans-serif
}
html,body {
  width: 100%;
  height: 100%
}
a {
  color: #09f
}
.ew {
  font-size: 16px
}
.center {
  position: relative;
  display: block;
  width: 80rem;
  margin: 0 auto;
  padding: 0.9rem 0rem
}
header#header {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 12.5rem;
  margin: 0;
  padding: 0;
  font-family: "Trade Gothic W01", "alternate-gothic-no-3-d",Arial,helvetica,sans-serif;
  -moz-box-shadow: 0 0 10px rgba(20,107,66,0.75);
  -webkit-box-shadow: 0 0 10px rgba(20,107,66,0.75);
  box-shadow: 0 0 10px rgba(20,107,66,0.75);
  background: #fff
}
header#header .center ul {
  float: left;
  display: block;
  width: 73.1rem;
  margin: 2.5rem 0rem 0rem 0rem;
  padding: 0rem 0rem 0rem 0rem
}
header#header .center ul li {
  float: left;
  position: relative;
  display: block;
  margin: 0rem 2rem 0rem 0rem;
  padding: 1.5rem 0rem;
  text-transform: uppercase;
  color: #95bcaa;
  font-weight: bold;
  font-size: 1.4rem;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}
header#header .center ul li:hover,header#header .center ul li.active {
  cursor: pointer;
  color: #146b42
}
header#header .center ul li:after {
  content: "";
  position: absolute;
  top: 0;
  right: -1.3rem;
  display: block;
  width: 0.1rem;
  height: 5.4rem;
  margin: 0;
  padding: 0;
  border: 0.1rem solid #e7efeb;
  background: #d0e1d9
}
header#header .center ul li:last-child:after {
  display: none
}
header#header .center a#logo {
  float: left;
  display: block;
  width: 6.9rem;
  margin: 0;
  padding: 0
}
ul.social {
  position: fixed;
  z-index: 1001;
  top: 50%;
  right: 0;
  display: block;
  width: 3.7rem;
  height: 11.3rem;
  margin: -5.6rem 0rem 0rem 0rem;
  padding: 0;
  list-style: none
}
ul.social li {
  display: block;
  width: 3.7rem;
  height: 3.5rem;
  margin: 0rem 0rem 0.4rem 0rem;
  padding: 0
}
ul.social li a {
  display: block;
  width: 3.7rem;
  height: 3.5rem;
  margin: 0;
  padding: 0
}
ul.social li.fb a {
  background: url(../images/fb.jpg) no-repeat center center
}
ul.social li.tw a {
  background: url(../images/tw.jpg) no-repeat center center
}
ul.social li.mail a {
  background: url(../images/mail.jpg) no-repeat center center
}
.slide {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0rem;
  background-attachment: fixed
}
.slide .center {
  padding: 18rem 0rem 14rem 0rem
}
.slideno {
  position: absolute;
  bottom: 2rem;
  left: 0;
  font-size: 100px;
  font-weight: bold;
  color: rgba(255,255,255,0.3)
}
.button {
  position: absolute;
  bottom: 2rem;
  left: 50%;
  display: block;
  width: 23.5rem;
  height: 7.2rem;
  margin: 0rem 0rem 0rem -11.7rem;
  padding: 0;
  font-family: "Trade Gothic W01", "alternate-gothic-no-3-d",Arial,helvetica,sans-serif;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  background: url(../images/buttonarrow.png) no-repeat center bottom
}
.button.green {
  background: url(../images/buttonarrow2.png) no-repeat center bottom
}
.button:hover {
  bottom: 1.5rem;
  height: 7.7rem
}
.button span {
  display: block;
  width: 23.5rem;
  height: 3rem;
  margin: 0;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  line-height: 2.5rem;
  color: #fff;
  font-weight: bold;
  font-size: 2rem;
  border-top: 0.3rem solid #fff;
  border-bottom: 0.3rem solid #fff
}
.green span {
  color: #146b42;
  border-top: 0.3rem solid #146b42;
  border-bottom: 0.3rem solid #146b42
}
#slide5 {
  padding: 10rem 0rem 0rem 0rem;
  text-align: center;
  background: #04070b url(../images/joel2.png) no-repeat center bottom;
  background-size: auto 110%
}
#slide5 h1 {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  margin-top: 3rem;
  margin-bottom: 2.5rem;
  padding: 0rem;
  line-height: 1.135;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  font-size: 10rem
}
#slide5 a#play-button {
  position: relative;
  z-index: 99;
  display: block;
  width: 12.6rem;
  height: 12.6rem;
  margin: 0 auto;
  margin-bottom: 3rem;
  padding: 0rem;
  background: url(../images/play.png) no-repeat 0 0
}
#slide5 a#pause-button {
  position: relative;
  z-index: 99;
  display: none;
  width: 12.6rem;
  height: 12.6rem;
  margin: 0 auto;
  margin-bottom: 3rem;
  padding: 0rem;
  background: url(../images/pause.png) no-repeat 0 0
}

.touch #slide5 a#play-button,
#slide5 a#pause-button {display: none;}

#slide5 #player {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 98;
  display: block;
  width: 0rem;
  height: 0rem;
  margin: 0 auto;
  padding: 120px 0 0rem;
  overflow: hidden
}

.touch #slide5 {background: #000 !important; padding-top: 130px}
.touch #slide5 #player {width: 100%; height: 100%; position: relative; padding: 0 0 0;}
.touch #slide5 .center {position: relative; padding: 0; width: 900px;}

#slide5 .center {width: 900px;}

a.other-video {width: 260px; display: block; position: absolute; right: 30px; bottom: 30px;}
a.other-video img {width: 100%;}
a.other-video span {display: block; position: absolute; left: 0; bottom: 20px; width: 100%; font-family: "Trade Gothic W01",Arial,helvetica,sans-serif; color: #fff; font-weight: bold; text-align: center;}

#slide5 #player.visible {
  width: 100%;
  height: 100%;
}
#slide5 #player iframe {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0rem
}
#slide1 {
  text-align: center;
  background: url(../images/slide1bgw2bg.jpg) repeat-y center
}
#slide1 .slideinner {
  background: url(../images/slide1bgw2.png) no-repeat center bottom;
  background-size: auto 110%
}
#slide1 h1 {
  max-width: 58rem;
  margin: 0 auto;
  margin-bottom: 3.5rem;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  font-size: 5rem;
  line-height: 1.2;
}
#slide1 h1 span {
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
}
#slide1 h2 {
  position: relative;
  display: inline-block;
  max-width: 65rem;
  margin: 0 auto;
  margin-bottom: 3.5rem;
  padding: 0rem;
  line-height: 1.2;
  text-align: left;
  color: #000;
  color: #146b42;
  font-weight: bold;
  font-size: 2rem
}
#slide1 h2 span {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  padding: 2rem 4rem;
  color: #000;
  color: #146b42;
  font-weight: bold;
  font-size: 2rem;
  background: #fff
}
#slide1 h2 a {
  color: #000;
  color: #146b42;
  text-decoration: none
}
#slide1 h2 a:hover {
  color: #000
}
#slide1 h2:before {
  content: "";
  position: absolute;
  top: 0.6rem;
  left: 0.6rem;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0.5;
  background: #fff
}
#slide1 h3 {
  position: relative;
  display: inline-block;
  max-width: 58rem;
  margin: 0 auto;
  margin-bottom: 10rem;
  padding: 0rem;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  font-size: 4rem
}
#slide1 h3:before {
  content: "";
  position: absolute;
  top: 0.6rem;
  left: 0.6rem;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0.5;
  background: #fff
}
#slide1 h3 span {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  padding: 0rem 6rem;
  text-align: left;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  font-size: 4rem;
  background: #000
}
.tillsammans {
  position: fixed;
  z-index: 1;
  top: 50%;
  right: 10rem;
  display: none;
  width: 15.4rem;
  height: 29.6rem;
  margin: 0rem 0rem 0rem 0rem;
  padding: 0;
  background: url(../images/tillsammans.png) no-repeat 0px 0px
}
#slide2 {
  text-align: center;
  background: #95bcaa
}
#slide2 h2 {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  margin-bottom: 3rem;
  padding: 0rem;
  text-transform: uppercase;
  color: #95bcaa;
  font-weight: bold;
  font-size: 4rem
}
#slide2 h2:before {
  content: "";
  position: absolute;
  top: 0.6rem;
  left: 0.6rem;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0.2;
  background: #146b42
}
#slide2 h2 span {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  padding: 0rem 2rem;
  text-align: left;
  text-transform: uppercase;
  color: #95bcaa;
  font-weight: bold;
  font-size: 4rem;
  background: #fff
}
.slidetext {
  line-height: 1.19;
  color: #fff;
  font-weight: bold;
  font-size: 2.2rem
}
.fines {
  margin: 0;
  padding: 1rem 5.8rem;
  line-height: 1.25;
  text-align: left;
  color: #000;
  font-weight: normal;
  font-size: 1.6rem;
  border-top: 0.3rem solid #000;
  border-bottom: 0.3rem solid #000
}
.fines * {
  margin: 0
}
.fines p {
  margin: 0rem 0rem 1rem 0rem
}
.fines ul {
  margin: 0;
  padding: 0;
  margin: 0;
  list-style: none
}
.fines ul li {
  text-indent: 0.5rem
}
.fines ul li:before {
  content: "-";
  position: relative;
  left: -0.5rem
}
#slide3 {
  text-align: center;
  background: #fff
}
#slide3 h2 {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  margin-bottom: 3rem;
  padding: 0rem;
  text-transform: uppercase;
  color: #95bcaa;
  font-weight: bold;
  font-size: 4rem
}
#slide3 h2:before {
  content: "";
  position: absolute;
  top: 0.6rem;
  left: 0.6rem;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0.4;
  background: #95bcaa
}
#slide3 h2 span {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  padding: 0rem 2rem;
  text-align: left;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  font-size: 4rem;
  background: #95bcaa
}
.ui-accordion .ui-accordion-header {
  position: relative;
  display: block;
  margin: 0rem 0rem 0.3rem 0rem;
  padding: 0.5rem 1.2rem;
  min-height: 0;
  cursor: pointer;
  text-align: left;
  color: #fff;
  font-weight: bold;
  font-size: 2rem;
  font-family: "Trade Gothic W01", "alternate-gothic-no-3-d",Arial,helvetica,sans-serif;
  border: 0.3rem solid #95bcaa;
  border-bottom: none;
  border-top: none;
  background: #95bcaa
}
.ui-accordion .accordion-header-active {
  margin: 0;
  color: #000;
  border: 0.3rem solid #d0e1d9;
  border-bottom: none;
  background: #fff
}
.ui-accordion .accordion-header-active span {
  display: none
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 5.5rem;
  height: 4.2rem;
  margin: 0;
  padding: 0;
  border-left: 0.4rem solid #fff;
  background: url(../images/plus.png) no-repeat center center
}
.ui-accordion .accordion-header-active .ui-accordion-header-icon {
  border: none;
  background: url(../images/minus.png) no-repeat center center
}
.ui-accordion .ui-accordion-content {
  margin: 0rem 0rem 0.3rem 0rem;
  padding: 0
}
.accordioncontentinner {
  margin: 0;
  padding: 0rem 1.2rem 1.2rem 1.2rem;
  text-align: left;
  border: 0.3rem solid #d0e1d9;
  border-top: none
}
.accordioncontent * {
  margin: 0
}
.accordionleft {
  float: left;
  display: block;
  width: 28rem;
  margin: 0rem 0rem 0rem 6.2rem;
  padding: 0rem 1.5rem 2rem 0rem;
  line-height: 1.3;
  font-size: 1.4rem
}
.accordionleft h3 {
  display: block;
  margin: 0rem -1.5rem 1rem 0rem;
  padding: 0;
  text-transform: uppercase;
  font-size: 2rem;
  border-bottom: 0.3rem solid #000
}
.accordionright {
  float: left;
  display: block;
  width: 42.5rem;
  margin: 0rem;
  padding: 0rem 1.5rem 2rem 0rem;
  line-height: 1.3;
  color: #146b42;
  font-style: italic;
  font-size: 1.2rem
}
.accordionright h3 {
  display: block;
  margin: 0rem -1.5rem 1rem 0rem;
  padding: 0;
  text-transform: uppercase;
  color: #146b42;
  font-style: normal;
  font-size: 2rem;
  border-bottom: 0.3rem solid #146b42
}
.accordionbottom {
  clear: both;
  display: block;
  margin: 0rem;
  padding: 0rem 0rem 2rem 0rem;
  line-height: 1.3;
  color: #95bcaa;
  font-style: italic;
  font-size: 1.2rem
}
.accordionbottom h3 {
  display: block;
  margin: 0rem 0rem 1rem 0rem;
  padding: 0;
  text-transform: uppercase;
  color: #95bcaa;
  font-style: normal;
  font-size: 2rem;
  border-bottom: 0.3rem solid #95bcaa
}
.accordionbottom ul {
  margin: 0 auto;
  text-align: center;
  padding: 0;
  margin: 0;
  list-style: none
}
.accordionbottom ul li {
  display: inline-block;
  margin: 0 auto;
  padding: 0rem 1rem;
  text-align: center
}
.accordionbottom ul li a {
  display: block;
  height: 4rem;
  margin: 0;
  padding: 0
}
.accordionbottom ul li.social a {
  z-index:  101;
  width: 3.7rem;
  background: url(../images/social.png) no-repeat 0 0
}
.accordionbottom ul li.vanster a {
  width: 3.5rem;
  background: url(../images/vanster.png) no-repeat 0 0
}
.accordionbottom ul li.miljo a {
  width: 3.9rem;
  background: url(../images/miljo.png) no-repeat 0 0
}
.accordionbottom ul li.moderat a {
  width: 4.5rem;
  background: url(../images/moderat.png) no-repeat 0 0
}
.accordionbottom ul li.folk a {
  width: 3.6rem;
  background: url(../images/folk.png) no-repeat 0 0
}
.accordionbottom ul li.krist a {
  width: 3.1rem;
  background: url(../images/krist.png) no-repeat 0 0
}
.accordionbottom ul li.centern a {
  width: 3.4rem;
  background: url(../images/centern.png) no-repeat 0 0
}
.accordioncontentpopup {
  margin: 0;
  padding: 1.2rem;
  text-align: left
}
.accordioncontentpopuptop {
  display: block;
  min-height: 4rem;
  margin: 0rem;
  padding: 0rem 0rem 1rem 5rem;
  text-transform: uppercase;
  color: #146b42;
  font-size: 2rem
}
.accordioncontentpopup .social {
  background: url(../images/social.png) no-repeat 0 0
}
.accordioncontentpopup .vanster {
  background: url(../images/vanster.png) no-repeat 0 0
}
.accordioncontentpopup .miljo {
  background: url(../images/miljo.png) no-repeat 0 0
}
.accordioncontentpopup .moderat {
  background: url(../images/moderat.png) no-repeat 0 0
}
.accordioncontentpopup .folk {
  background: url(../images/folk.png) no-repeat 0 0
}
.accordioncontentpopup .krist {
  background: url(../images/krist.png) no-repeat 0 0
}
.accordioncontentpopup .centern {
  background: url(../images/centern.png) no-repeat 0 0
}
.accordioncontentpopuptop h3 {
  display: block;
  margin: 0rem 0rem 1rem 0rem;
  padding: 0;
  text-transform: uppercase;
  color: #146b42;
  font-size: 2rem;
  border-bottom: 0.3rem solid #146b42
}
.accordionpopupleft {
  float: left;
  display: block;
  width: 31.5rem;
  margin: 0rem 3.2rem 0rem 0rem;
  padding: 0rem 1.5rem 1rem 0rem;
  line-height: 1.3;
  font-style: italic;
  font-weight: bold;
  font-size: 1.3rem
}
.accordionpopupleft h3 {
  display: block;
  margin: 0rem -1.5rem 1rem 0rem;
  padding: 0;
  text-transform: uppercase;
  font-size: 1.4rem;
  font-family: Arial,helvetica,sans-serif;
  border-bottom: 0.3rem solid #000
}
.accordionpopupright {
  float: left;
  display: block;
  width: 42rem;
  margin: 0rem 0rem 1rem 0rem;
  padding: 0rem 1.5rem 0rem 0rem;
  line-height: 1.3;
  color: #146b42;
  font-size: 1.2rem;
  border-bottom: 0.3rem solid #146b42
}
.accordionpopupright h3 {
  display: block;
  margin: 0rem -1.5rem 0rem 0rem;
  padding: 0;
  text-transform: uppercase;
  color: #146b42;
  font-style: normal;
  font-size: 1.4rem;
  font-family: Arial,helvetica,sans-serif;
  border-bottom: 0.3rem solid #146b42
}
.scroll-pane {
  width: 100%;
  height: 23rem;
  overflow: auto
}
.horizontal-only {
  height: auto;
  max-height: 200px
}
.jspContainer {
  position: relative;
  overflow: hidden
}
.jspPane {
  position: absolute
}
.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0.5rem;
  width: 0.5rem;
  height: 100%;
  background: #95bcaa
}
.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
  background: red
}
.jspCap {
  display: none
}
.jspVerticalBar .jspCap {
  display: block;
  height: 1.1rem;
  background: #fff
}
.jspHorizontalBar .jspCap {
  float: left
}
.jspTrack {
  position: relative;
  background: #95bcaa
}
.jspDrag {
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
  width: 1.3rem;
  margin: 0rem -0.4rem;
  border-radius: 100%;
  background: #146b42
}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%
}
.jspArrow {
  display: block;
  margin: 0;
  padding: 0;
  cursor: pointer;
  text-indent: -20000px;
  background: #50506d
}
.jspArrow.jspDisabled {
  cursor: default;
  background: #80808d
}
.jspVerticalBar .jspArrow {
  height: 16px
}
.jspHorizontalBar .jspArrow {
  float: left;
  width: 16px;
  height: 100%
}
.jspVerticalBar .jspArrow:focus {
  outline: none
}
.jspCorner {
  float: left;
  height: 100%;
  background: #eeeef4
}
* html .jspCorner {
  margin: 0 -3px 0 0
}
.accordioncontentpopupbottom {
  clear: both;
  display: block;
  margin: 0rem;
  padding: 0rem 1rem 0rem 0rem;
  line-height: 1.2;
  color: #146b42;
  font-size: 1.2rem
}
.accordioncontentpopupbottomimg {
  float: right;
  display: block;
  width: 6.3rem;
  height: 6.1rem;
  margin: 0rem 0rem 0rem 1rem;
  padding: 0rem
}
.accordioncontentpopupbottomtext {
  float: right;
  display: block;
  width: 20rem;
  margin: 0rem 0rem 0rem 1rem;
  padding: 1.5rem 0rem 0rem 0rem;
  text-align: right;
  font-style: italic
}
.accordioncontentpopupbottomtext strong {
  font-style: normal
}
#slide4 {
  background: #fff
}
#slide4 .center {
  position: absolute;
  left: 50%;
  margin: 0rem 0rem 0rem -40rem;
  padding: 0 !important;
  bottom: 0
}
.footer {
  position: relative;
  display: block;
  width: 80rem;
  margin: 2.5rem auto 0;
  margin-bottom: 2rem;
  padding: 2rem 6rem;
  color: #fff;
  background: #146b42
}
.footercol {
  float: left;
  display: block;
  width: 23.5rem;
  margin: 0;
  padding: 0rem;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 1.8rem;
  font-family: "Trade Gothic W01", "alternate-gothic-no-3-d",Arial,helvetica,sans-serif
}
.footercol h3 {
  display: block;
  margin: 0rem 0rem 1rem 0rem;
  padding: 0rem;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.8rem;
  color: #fff;
  border-top: 0.3rem solid #fff;
  border-bottom: 0.3rem solid #fff
}
.footercol a {
  position: relative;
  display: inline-block;
  margin: 2rem 2rem 0rem 2rem;
  padding: 0rem;
  text-align: center;
  text-transform: uppercase;
  color: #146b42;
  font-weight: bold;
  font-size: 2rem
}
.footercol a:before {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0.5;
  background: #fff
}
.footercol a span {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  padding: 0.5rem 3rem;
  text-align: center;
  text-transform: uppercase;
  line-height: 1.1;
  color: #146b42;
  font-weight: bold;
  font-size: 2rem;
  background: #fff
}
.footercol a:hover span {
  text-decoration: underline
}
.footercol label {
  display: block;
  margin: 2rem 0rem 0.5rem 0rem;
  text-align: left;
  font-size: 1.2rem
}
.footercol .formfield {
  float: left;
  display: block;
  width: 19.7rem;
  height: 3.7rem;
  margin: 0rem 0.4rem 0rem 0rem;
  padding: 0rem 1rem;
  text-align: left;
  line-height: 3.7rem;
  color: #c2c1c1;
  font-weight: bold;
  font-size: 1.2rem;
  font-family: "Trade Gothic W01", "alternate-gothic-no-3-d",Arial,helvetica,sans-serif;
  border: none;
  background: #fff
}
: : -webkit-input-placeholder {
  opacity: 1
}
: : -moz-placeholder {
  opacity: 1
}
: -ms-input-placeholder {
  opacity: 1
}
input: -moz-placeholder {
  opacity: 1
}
.footercol .formbtn {
  float: left;
  display: block;
  width: 3.4rem;
  height: 3.7rem;
  margin: 0rem;
  padding: 0rem 1rem;
  text-align: center;
  line-height: 3.7rem;
  color: #146b42;
  font-weight: bold;
  font-size: 1.4rem;
  font-family: "Trade Gothic W01", "alternate-gothic-no-3-d",Arial,helvetica,sans-serif;
  border: none;
  background: #fff
}
.footercol ul {
  clear: both;
  margin: 0 auto;
  padding: 2rem 0rem 0rem 0rem;
  text-align: center;
  list-style: none
}
.footercol ul li {
  display: inline-block;
  margin: 0 auto;
  padding: 0rem 0.5rem;
  text-align: center
}
.footercol ul li a {
  display: block;
  height: 6rem;
  margin: 0;
  padding: 0;
  text-align: center
}
.footercol ul li.tw a {
  width: 29px;
  background: url(../images/tw.png) no-repeat 0 center;
  background-size: 29px 22.5px;
}
.footercol ul li.fb a {
  width: 29px;
  background: url(../images/fb.png) no-repeat center center;
  background-size: 14.5px 25px;
}
.footercol ul li.ig a {
  width: 30px;
  background: url(../images/igicon.png) no-repeat 0 center;
  background-size: 30px 30px;
}
.footercol ul li.rss a {
  width: 30px;
  background: url(../images/rssicon.png) no-repeat 0 center;
  background-size: 30px 30px;
}
.footercol ul li a:before {
  display: none
}
.footercolmiddle {
  float: left;
  display: block;
  width: 20.3rem;
  margin: 0;
  padding: 11.5rem 0rem 0rem 0rem;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 1.2rem;
  font-family: "Trade Gothic W01", "alternate-gothic-no-3-d",Arial,helvetica,sans-serif
}
.footercolmiddle * {
  margin: 0;
  padding: 0rem;
  text-align: center;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  font-size: 1.2rem;
  font-family: "Trade Gothic W01", "alternate-gothic-no-3-d",Arial,helvetica,sans-serif
}
.footercolmiddle img {
  display: block;
  margin: 0 auto;
  margin-bottom: 1rem;
  padding: 0
}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top
}
.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020
}
.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  border: 0.3rem solid #146b42
}
.fancybox-opened {
  z-index: 8030
}
.fancybox-outer,.fancybox-inner {
  position: relative
}
.fancybox-inner {
  overflow: hidden
}
.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch
}
.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap
}
.fancybox-image,.fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%
}
.fancybox-image {
  max-width: 100%;
  max-height: 100%
}
#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span {
  background-image: url("fancybox_sprite.png")
}
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060
}
#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("fancybox_loading.gif") center center no-repeat
}
.fancybox-close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 15px;
  height: 15px;
  cursor: pointer;
  z-index: 8040;
  background: url(../images/close.jpg) no-repeat 0px 0px
}
.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("blank.gif");
  -webkit-tap-highlight-color: transparent;
  z-index: 8040
}
.fancybox-prev {
  left: 0
}
.fancybox-next {
  right: 0
}
.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden
}
.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px
}
.fancybox-next span {
  right: 10px;
  background-position: 0 -72px
}
.fancybox-nav:hover span {
  visibility: visible
}
.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important
}
.fancybox-lock {
  overflow: hidden !important;
  width: auto
}
.fancybox-lock body {
  overflow: hidden !important
}
.fancybox-lock-test {
  overflow-y: hidden !important
}
.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: rgba(255,255,255,0.8)
}
.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0
}
.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll
}
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050
}
.fancybox-opened .fancybox-title {
  visibility: visible
}
.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center
}
.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  background: rgba(0,0,0,0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap
}
.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff
}
.fancybox-title-inside-wrap {
  padding-top: 10px
}
.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0,0,0,0.8)
}
@media only screen and (-webkit-min-device-pixel-ratio:  1.5), only screen and (min--moz-device-pixel-ratio:  1.5), only screen and (min-device-pixel-ratio:  1.5) {
  #fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span {
  background-image: url("fancybox_sprite@2x.png");
  background-size: 44px 152px
}
#fancybox-loading div {
  background-image: url("fancybox_loading@2x.gif");
  background-size: 24px 24px
}

}
@media print {
  * {
  background: transparent !important;
  color: #000 !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  text-shadow: none !important
}
a,a:visited {
  text-decoration: underline
}
a[href]:after {
  content: " (" attr(href) ")"
}
abbr[title]:after {
  content: " (" attr(title) ")"
}
.ir a:after,a[href^="javascript: "]:after,a[href^="#"]:after {
  content: ""
}
pre,blockquote {
  border: 1px solid #999;
  page-break-inside: avoid
}
thead {
  display: table-header-group
}
tr,img {
  page-break-inside: avoid
}
img {
  max-width: 100% !important
}
@page {
  margin: 0.5cm
}
p,h2,h3 {
  orphans: 3;
  widows: 3
}
h2,h3 {
  page-break-after: avoid
}

}