﻿/* Bars Boxes and Buttons background colors */
/* Bars Boxes and Buttons colors */
/* Bars Boxes and Buttons background colors */
/*#10459F;*/
/*#4bc3ff;*/
/*------------------SLIDER---------------------*/
.slider {
  background-color: #fff;
  margin: 22px 0 16px 0;
  /*border: 1px dotted blue;  */
}
#slider {
  margin-top: 0;
}
#slidesContainer {
  cursor: move;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1250px;
  height: 380px;
  overflow: hidden;
}
#slider2_container {
  background: #326525;
  position: relative;
  width: 1250px;
  height: 380px;
}
#slider2_container article {
  width: 400px;
  height: 380px;
  float: left;
  display: block;
  font-family: Verdana, sans-serif;
  font-size: 16.8px;
  padding: 0;
  background: #326525;
}
#slider2_container article:first-child {
  width: 850px;
  float: left;
  padding: 0;
}
#slider2_container article img {
  width: 100%;
  height: auto;
}
#slider2_container article header {
  padding: 0;
  margin: 0;
  display: block;
}
#slider2_container article.blue header {
  background-color: #4bb1cf;
}
#slider2_container article.blue section .sehele a {
  background-image: url(../images/Blaa-pil-quicklinks.png);
}
#slider2_container article.red header {
  background-color: #e23320;
}
#slider2_container article.red section .sehele a {
  background-image: url(../images/Roed-pil-quicklinks.png);
}
#slider2_container article.orange header {
  background-color: #f19123;
}
#slider2_container article.orange section .sehele a {
  background-image: url(../images/Orange-pil-quicklinks.png);
}
#slider2_container article.grey header {
  background-color: #808080;
}
#slider2_container article h1 {
  margin: 0;
  display: block;
  font-size: 32.4px;
  color: #fff;
  line-height: 120%;
  background-color: transparent;
  padding: 0.8em 0 5px 15px;
}
#slider2_container article section {
  padding: 0;
  margin: 0;
  display: block;
  color: #fff;
  background-color: #326525;
  padding: 0 40px 40px 15px;
  font-size: 16.8px;
  line-height: 145%;
  text-align: left;
}
#slider2_container article section .sehele a {
  font-weight: bold;
  text-decoration: underline;
  display: inline-block;
  padding-left: 30px;
  background-position: 8px 5px;
  background-repeat: no-repeat;
}
#slider2_container article section .sehele a:hover {
  text-decoration: none;
}
#slider2_container article h2 {
  display: block;
  font-size: 21.6px;
  font-weight: bold;
}
#slider2_container article p {
  margin: 20px 0;
  line-height: 145%;
}
#slider2_container article a {
  text-decoration: underline;
  color: #fff;
  font-weight: bold;
}
#slider2_container article a:hover {
  text-decoration: none;
}
#slider2_container iframe {
  width: 100%;
  height: 100%;
  max-width: 850px;
}
#noslider {
  display: none;
}
.captionOrange,
.captionBlack {
  color: #fff;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  border-radius: 4px;
}
.captionOrange {
  background: #EB5100;
  background-color: rgba(235, 81, 0, 0.6);
}
.captionBlack {
  font-size: 16px;
  background: #000;
  background-color: rgba(0, 0, 0, 0.4);
}
a.captionOrange,
a.captionOrange:active,
a.captionOrange:visited {
  color: #ffffff;
  text-decoration: none;
}
a.captionOrange:hover {
  color: #eb5100;
  text-decoration: underline;
  background-color: #eeeeee;
  background-color: rgba(238, 238, 238, 0.7);
}
.bricon {
  background: url(../images/slider/browser-icons.png);
}
/* jssor slider bullet navigator skin 01 css */
/*
.jssorb01 div           (normal)
.jssorb01 div:hover     (normal mouseover)
.jssorb01 .av           (active)
.jssorb01 .av:hover     (active mouseover)
.jssorb01 .dn           (mousedown)
*/
.jssorb01 {
  position: absolute;
  bottom: 16px;
  right: 10px;
}
.jssorb01 div,
.jssorb01 div:hover,
.jssorb01 .av {
  position: absolute;
  /* size of bullet elment */
  width: 12px;
  height: 12px;
  filter: alpha(opacity=70);
  opacity: 0.7;
  overflow: hidden;
  cursor: pointer;
  border: #000 1px solid;
}
.jssorb01 div {
  background-color: gray;
}
.jssorb01 div:hover,
.jssorb01 .av:hover {
  background-color: #d3d3d3;
}
.jssorb01 .av {
  background-color: #fff;
}
.jssorb01 .dn,
.jssorb01 .dn:hover {
  background-color: #555555;
}
/* jssor slider arrow navigator skin 05 css */
/*
.jssora05l                  (normal)
.jssora05r                  (normal)
.jssora05l:hover            (normal mouseover)
.jssora05r:hover            (normal mouseover)
.jssora05l.jssora05ldn      (mousedown)
.jssora05r.jssora05rdn      (mousedown)
.jssora05ldn				(mousedown)
.jssora05rdn				(mousedown)
*/
.jssora05l,
.jssora05r,
.jssora05ldn,
.jssora05rdn {
  display: block;
  position: absolute;
  /* size of arrow element */
  width: 40px;
  height: 40px;
  cursor: pointer;
  background: url(../images/slider/a17.png) no-repeat;
  overflow: hidden;
}
.jssora05l {
  background-position: -10px -40px;
}
.jssora05r {
  background-position: -70px -40px;
  top: 164px;
  right: 8px;
}
.jssora05l:hover {
  background-position: -130px -40px;
}
.jssora05r:hover {
  background-position: -190px -40px;
}
.jssora05l.jssora05ldn {
  background-position: -250px -40px;
}
.jssora05r.jssora05rdn {
  background-position: -310px -40px;
}
.jssora05ldn {
  background-position: -250px -40px;
}
.jssora05rdn {
  background-position: -310px -40px;
}
.jssora05l {
  top: 164px;
  left: 8px;
}