/*
=========================================================
BASE CSS
=========================================================
 * Innehåller grundläggande styling och förbättringar för
 * webbplatsen
 *
 * Copyright (C) Limepark AB. Upprättad 2016.
=========================================================*/

@import 'https://fonts.googleapis.com/css?family=Open+Sans:400,600,700';

/*
---------------------------------------------------------
FIXAR/FÖRBÄTTRINGAR
---------------------------------------------------------*/

/* Fast textstorlek vid rotation i iPhone */
body {
   -webkit-text-size-adjust: 100%;
}

/* Snyggare fontrendering */
* {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

h1, h2 {
   /* Sätt h1, h2 till semibold */
   font-weight: 600 !important;
}

/* Göm innehåll, men visas för skärmläsare */
.lp-user-hidden {
   position: absolute;
   left: -10000px;
   top: auto;
   width: 1px;
   height: 1px;
   overflow: hidden;
}

/* Fix av IE-bugg med understrukna pseudoelement */

a:before,
a:after {
   text-decoration: underline;
}

a:before,
a:after {
   text-decoration: none;
}

/** Ikoner **/
.lp-icon {
   /* Allows sizing by changing the icon's font-size */
   width: 1em;
   height: 1em;
   /* Nice visual alignment for icons alongside text */
   vertical-align: -0.15em;
   /* Default path fill = value of the color property */
   fill: currentColor;
   /* Paths and strokes that overflow the viewBox can show in IE.
     If you use normalize.css, it already sets this. */
   overflow: hidden;
}

/* Fix för att bilder ska skalas i nyhetsmoduler */
.sv-responsive .sv-archive-portlet img {
   width: auto !important;
   height: auto !important;
   max-width: 100% !important;
}

/* Modulavstånd i innehållsytor (ej textmoduler) */
.pagecontent > .sv-portlet {
   margin-bottom: 10px;
}

/* Ändrar rubriker i nyhetsmodul till blockelement */
.sv-archive-portlet h2.subheading {
   display: block;
   margin-bottom: 10px;
}

/* Fix för att spalterna ska ta plats även vid tom */
div[class*='sv-column-'] {
   min-height: 1px;
}

/* Responsiva iframes etc */
iframe,
object,
embed {
   border: medium none;
   max-width: 100%;
   overflow: hidden;
}

.pagecontent {
   clear: both;
}

.sv-archive-portlet a {
   text-decoration: none !important;
}

.sv-archive-portlet a:hover {
   text-decoration: underline !important;
}

.sv-column-6.sv-archive-portlet li {
  margin: 0 0 20px;
  padding: 20px 0;
  border-top: 1px solid #ccc;
}

/*
---------------------------------------------------------
GRUNDLAYOUT
--------------------------------------------------------- */

.lp-wrapper {
   margin: 0 auto;
}

.lp-content,
.lp-secondary-content,
.lp-submenu {
   margin: 40px 0 0;
}

/* Direktlänk till innehåll och meny som visas vid tabbning */
a.lp-skip-to-content, a.lp-skip-to-menu {
   position: absolute;
   overflow: hidden;
   width: 0;
   height: 0;
   left: -9999px;
}

a.lp-skip-to-content:focus, a.lp-skip-to-menu:focus {
   display: block;
   overflow: visible;
   z-index: 30000;
   width: 100%;
   height: auto;
   padding: 10px 0;
   background: #000;
   color: #fff;
   left: initial;
   text-align: center;
}

.lp-singel-box {
   max-width: 500px;
   margin: 100px auto 0;
   padding: 20px;
   -webkit-box-shadow: 0 0 20px 0 #eee;
           box-shadow: 0 0 20px 0 #eee;
   border: 1px solid #eee;
}

.lp-byline {
   clear: both;
   margin: 30px 0 0;
   padding: 10px 0 0;
   border-top: 1px solid #eee;
}


/*
---------------------------------------------------------
INPUTFÄLT
--------------------------------------------------------- */

input[type=text],
input[type=email],
input[type=url],
input[type=tel],
input[type=number],
textarea,
select,
.sv-defaultFormTheme input[type=text],
.sv-defaultFormTheme input[type=email],
.sv-defaultFormTheme input[type=url],
.sv-defaultFormTheme input[type=tel],
.sv-defaultFormTheme input[type=number],
.sv-defaultFormTheme textarea,
.sv-defaultFormTheme select {
   padding: 8px 10px;
   color: #333;
   background-color: #fff;
   border: 1px solid #dddddd;
   border-radius: 5px;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   -webkit-appearance: none;
}

input[type=text]:hover,
input[type=email]:hover,
input[type=url]:hover,
input[type=tel]:hover,
input[type=number]:hover,
textarea:hover,
select:hover,
.sv-defaultFormTheme input[type=text]:hover,
.sv-defaultFormTheme input[type=email]:hover,
.sv-defaultFormTheme input[type=url]:hover,
.sv-defaultFormTheme input[type=tel]:hover,
.sv-defaultFormTheme input[type=number]:hover,
.sv-defaultFormTheme textarea:hover,
.sv-defaultFormTheme select:hover {
   background-color: #fff;
   border: 1px solid #999;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=tel]:focus,
input[type=number]:focus,
textarea:focus,
select:focus,
.sv-defaultFormTheme input[type=text]:focus,
.sv-defaultFormTheme input[type=email]:focus,
.sv-defaultFormTheme input[type=url]:focus,
.sv-defaultFormTheme input[type=tel]:focus,
.sv-defaultFormTheme input[type=number]:focus,
.sv-defaultFormTheme textarea:focus,
.sv-defaultFormTheme select:focus {
   border: 1px solid #999;
   outline: none;
}


/* Reset på SiteVision's inline style */
.sv-defaultFormTheme input[type=text],
.sv-defaultFormTheme input[type=email],
.sv-defaultFormTheme input[type=url],
.sv-defaultFormTheme input[type=tel],
.sv-defaultFormTheme input[type=number],
.sv-defaultFormTheme textarea,
.sv-defaultFormTheme select {
   height: auto;
   border-radius: 0;
   -webkit-box-shadow: none;
           box-shadow: none;
   -webkit-transition: none;
   transition: none;
}

.sv-defaultFormTheme input[type=text]:focus,
.sv-defaultFormTheme input[type=email]:focus,
.sv-defaultFormTheme input[type=url]:focus,
.sv-defaultFormTheme input[type=tel]:focus,
.sv-defaultFormTheme input[type=number]:focus,
.sv-defaultFormTheme textarea:focus,
.sv-defaultFormTheme select:focus {
   outline-style: none;
   -webkit-box-shadow: none;
           box-shadow: none;
}


/*
---------------------------------------------------------
KNAPPAR
--------------------------------------------------------- */

button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.sv-defaultFormTheme input[type=button],
.sv-defaultFormTheme input[type=submit],
.sv-defaultFormTheme input[type=reset],
a.lp-link-button,
.lp-link-button a,
.pagination a,
.pagination .current {
   padding: 10px 20px;
   border: 1px solid #d0006f;
   background-color: #d0006f;
   color: #fff;
   border-radius: 0;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   cursor: pointer;

   /* För länkarna */
   display: inline-block;
   text-decoration: none;
   border-radius: 5px;
   font-size: 1em;
}

button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
.sv-defaultFormTheme input[type=button]:hover,
.sv-defaultFormTheme input[type=submit]:hover,
.sv-defaultFormTheme input[type=reset]:hover,
.sv-defaultFormTheme input[type=button]:focus,
.sv-defaultFormTheme input[type=submit]:focus,
.sv-defaultFormTheme input[type=reset]:focus,
a.lp-link-button:hover,
.lp-link-button a:hover,
a.lp-link-button:focus,
.lp-link-button a:focus,
.pagination a:hover,
.pagination .current:hover,
.pagination a:focus,
.pagination .current:focus {
   background-color: #B70056;
   outline: none;
}


/* Reset på SiteVision's inline style */
.sv-defaultFormTheme input[type=button]:active,
.sv-defaultFormTheme input[type=submit]:active,
.sv-defaultFormTheme input[type=reset]:active {
   -webkit-box-shadow: none;
           box-shadow: none;
}


/* Fix för att ta bort plattformspecifik styling */
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.sv-defaultFormTheme input[type=button],
.sv-defaultFormTheme input[type=submit],
.sv-defaultFormTheme input[type=reset] {
   -webkit-appearance: none;
}

input[type="submit"]::-moz-focus-inner,
.sv-defaultFormTheme input[type=submit]::-moz-focus-inner {
   border: 0; /* fix för felaktig höjd i Firefox */
}

button::-moz-focus-inner,
.sv-defaultFormTheme input[type=button]::-moz-focus-inner {
   padding: 0;
   border: 0;
}


/*
---------------------------------------------------------
TABELLER
--------------------------------------------------------- */

table.sv-standard caption {
   display: none !important;
}

table.sv-standard {
   width: 100%;
   margin: 20px 0 30px;
   border-collapse: collapse;
   border-spacing: 0;
   border-bottom: 1px solid #ccc;
}

table.sv-standard th {
   padding: 12px 20px;
   background: #ddd;
}

table.sv-standard td {
   padding: 12px 20px;
}

table.sv-standard tr:nth-child(even) td {
   background: #eee;
}

/* Header vid stapling av tabell */
table.sv-standard th.sv-responsiveTable--stacked__headRow--main {
   background: #bbb;
}


/*
---------------------------------------------------------
SIDHUVUD
--------------------------------------------------------- */

header {
   position: relative;
   z-index: 99;
}

.lp-logo img {
   height: auto !important;
   width: 176px !important; /* ändra till halva bildbredden för retinaupplösning */
   max-width: 100% !important; /* för skärumupplösning lägre än logotypens bredd */
   margin: 0;
}

.lp-logo a:focus {
   border-bottom: 10px solid #ccc;
}

.lp-header-top {
   margin: 0px auto;
   max-width: 940px;
   display: table;
   width: 100%;
   padding: 15px 0;
   background: white;
}

.lp-header-top > .sv-horizontal-column {
   display: table-cell;
   float: none;
   vertical-align: middle;
}

.lp-header-top .sv-image-portlet {
   width: 220px;
}

/*
---------------------------------------------------------
SÖKRUTA SIDHUVUD
--------------------------------------------------------- */

header .sv-searchform-portlet {
   position: relative;
}

header .sv-searchform-portlet form {
   position: relative;
}

header .sv-searchform-portlet input[type="submit"] {
   position: absolute;
   top: 2px;
   right: 0;
   margin: 0;

   text-indent: -999999px;
   border: 0;
   cursor: pointer;

   background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExURUdwTNAAbs8Ab9AAb9AAb9AAb9AAbdAAb88AbtAAbtAAb9AAbtAAb9AAb9AAbtAAbyx2E80AAAAPdFJOUwDzOrwg3BBK+eZhcYenK0aemRoAAAFKSURBVCjPdZKxSgNBEIYHEyOihQjaCJ6CIFYKopVwEUsLH8AiB2KhCApWFmKhIFZpxDYBe01hLz6BNrYm4hPE82CDxt/d29mb1ZzTzNy/38zu/btEJtafg4uVKfoVhzCRNHxtDTaSA9EGAi0oo36JeAvEN1HxWK89ZSDQbZliryroKlTdVnMAVxTinKtiDVdZt1umV9dfQJxtOYR2lBYb+JaDVLjrHgsiuo+mjDRtI9zREnEQH2kOEIlYwHuaoahXrOaRNZRF7OeZITwX93n3R/HLuGjPOY9xEUM0eIz4rc0pswkqu8ZtdDMTLqX7jKsTJPyjW8Ayi8PAhJ1YATpuVBPY1PN3Q3PLo4Kis7hkH0TboUf8QlTooaUHK77s+GjpWr+O0zvqCzxUX/nsjEnTPuriD8rxPzqZh8aUgyrKQRPKQT97RHobq/8AqQ3PJzZcUa8AAAAASUVORK5CYII=');
   background-repeat: no-repeat;
   background-position: center center;
   background-size: 20px 20px;
}

header .sv-searchform-portlet input[type="text"] {
   width: 100%;
   padding: 10px 5px;
}

/*
---------------------------------------------------------
SÖKRESULTAT
--------------------------------------------------------- */

.lp-search-trail a:first-child {
   display: none;
}


/*
---------------------------------------------------------
SIDFOT
--------------------------------------------------------- */

footer {
   margin: 40px 0 0;
   padding: 40px 0 160px;

   background-image: url('/images/18.55058da815620ad1f4c4b6a1/1470038202191/sidfot-bakgrund.jpg');
   background-repeat: repeat-x;
   background-position: 0 bottom;

   border-top: 1px solid #dddddd;
}

footer p.normal {
   margin-bottom: 0 !important;
}

footer .lp-facebook-button {
   background-color: #3a589b;
   border-color: #3a589b;
   padding: 5px 10px 5px 50px;
   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExUReLi3ubl4ODg3f///zpYm6qvvJKarGNylERajMDEzbG2wnB8md3h6HyGn1Rmj6GntrMlkK0AAAADdFJOU8LRsDsfwSIAAAB8SURBVCjPY1A2xgAGDMZYAM0FbWLLq/ejC/5wcXHxQxO0bQEKuqMJznDBIljigqndBqi7/e41VEFLFxePyehOMnVx8TbGIuhGgaAVpuDU0NVAly8NjUEWfOICAf7IgiVQQU9sgj7YBHuwmfkYm+2TCbqTYr8PF0FmTEFDAN0ttG9EalNrAAAAAElFTkSuQmCC');
   background-position: 5px 5px;
   background-repeat: no-repeat;
   height: 52px;

   display: -webkit-box;

   display: -ms-flexbox;

   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   max-width: 220px;
   margin: 0 auto;
}

footer .lp-facebook-button:hover,
footer .lp-facebook-button:focus {
   background-color: #3d62af;
}

footer .lp-facebook-button .lp-icon-box {
   background: #fff;
   border-radius: 4px;
   width: 40px;
   height: 40px;
   display: inline-block;
   vertical-align: middle;

   margin-right: 15px;
}

footer .lp-facebook-button .lp-icon {
   fill: #3a589b;
}

footer .lp-facebook-button span {
   font-weight: 600;
   font-size: 14px;

}


/*
---------------------------------------------------------
PUNKTLISTOR
--------------------------------------------------------- */

/* Luftigare punktlistor i textmoduler */
.sv-text-portlet-content li {
   margin: 0 0 8px;
}

.sv-text-portlet-content ul {
   margin: 0 0 15px;
}


/*
---------------------------------------------------------
TOPPMENY
---------------------------------------------------------*/

.lp-topmenu {
   margin: 0;
   max-width: 940px;
   margin: 0 auto;
   background: #4c704f;
}

.lp-topmenu ul {
   display: table;
   width: 100%;
   margin: 0;
   padding: 0;
}

.lp-topmenu li {
   display: table-cell;
   margin: 0;
   padding: 0;
}

.lp-topmenu li > a {
   width: auto;
   padding: 10px 30px;
   display: block;
   background: #4c704f;
   border-right: 1px solid #406444;
   color: #fff;
   text-decoration: none;
   font-size: 15px;
   -webkit-transition: background .1s linear;
   transition: background .1s linear;
}

.lp-topmenu li:last-child > a {
   border-right: 0;
}

.lp-topmenu li > a:hover,
.lp-topmenu li > a:focus,
.lp-topmenu li > a.lp-current {
   background: #58835a;
}


/*
---------------------------------------------------------
UNDERMENY 1/3 - Standardinställningar
--------------------------------------------------------- */

/* Döljer alla huvudsidors menyer */
.lp-menu .lp-level-1 > li {
   display: none;
}

/* Men visar huvudusidan man är inne på */
.lp-menu .lp-level-1 > li.lp-open {
   display: block;
}

/* Döljer pilknappen på första nivån så att man inte kan stänga menyn */
.lp-menu .lp-level-1 > li > button {
   display: none;
}

/* Döljer alla nivåer initialt */
.lp-menu .lp-level-1 ul {
   display: none;
}

/* Men visar undersidor när man har klickat på pilknappen */
.lp-menu .lp-open > ul {
   display: block;
}

.lp-menu ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

.lp-menu li.lp-has-children {
   position: relative;
}


/* Döljer länken till menyn i mobilen */
.lp-skip-to-menu-mobile {
   display: none;
}

/* Döljer stängknapp för off canvas-meny */
.lp-close-button {
   display: none;
}



/*
---------------------------------------------------------
UNDERMENY 2/3
--------------------------------------------------------- */

.lp-menu a {
   display: block;
   border-bottom: 1px solid #ddd;
   padding: 14px 36px 14px 10px;
   font-size: 14px;
   line-height: 16px;
   text-decoration: none;

}

.lp-menu a:hover,
.lp-menu a:focus {
   text-decoration: underline;
}

.lp-menu .lp-current > a {
   font-weight: bold;
}

/* Nivåer */
.lp-level-1 > li > a {
   background: #7ba67a;
   color: #fff;
   font-size: 14px;
}

.lp-level-2 > li > a {
   padding-left: 10px;
}

.lp-level-3 > li > a {
   padding-left: 24px;
}

.lp-level-4 > li > a {
   padding-left: 36px;
}

.lp-level-5 > li > a {
   padding-left: 48px;
}

.lp-level-6 > li > a {
   padding: 10px 36px 10px 60px;
}


/*
---------------------------------------------------------
UNDERMENY 3/3 - Knappar
--------------------------------------------------------- */

.lp-menu button {
   height: 44px;
   width: 44px;
   padding: 0;
   border: none;
   position: absolute;
   top: 0;
   right: 0;
   background: transparent;
}

.lp-has-children > button .lp-icon {
   fill: #7aa57a;
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
   width: 20px;
   height: 20px;
}

.lp-has-children > button .lp-icon.lp-opened {
   display: none;
}

.lp-open.lp-has-children > button .lp-icon.lp-opened {
   display: inline-block;
}

.lp-open.lp-has-children > button .lp-icon.lp-closed {
   display: none;
}

/* Avvikelser */
.lp-level-6 button {
   height: 36px;
}


/*
---------------------------------------------------------
VERKTYGSMENY
---------------------------------------------------------*/

.lp-toolsmenu {
   /* Ta upp så lite plats som möjligt. Då det är en tabell-cell så kommer den ta den plats den behöver. */
   width: 2%;

   /* Se till att childs håller sig på en rad */
   white-space: nowrap;

   /* Avstånd från vänster */
   padding-left: 20px;
}

.lp-toolsmenu ul {
   margin: 0;
   padding: 0;
   list-style: none;
   text-align: right;
}

.lp-toolsmenu li {
   margin: 0 -4px 0 0;
   display: inline-block;
   position: relative;
}

.lp-toolsmenu li > a {
   min-width: 32px;
   padding: 19px 16px 8px;
   font-size: 11px;
   text-decoration: none;
   text-align: center;
   display: block;
}

.lp-toolsmenu li > a:hover .icon,
.lp-toolsmenu li > a:focus .icon {
   fill: #B70056;
}

.lp-toolsmenu li > a:hover,
.lp-toolsmenu li > a:focus {
   text-decoration: underline;
}

.lp-toolsmenu .icon {
   width: 25px;
   height: 20px;
   margin: 0 auto 5px;
   fill: #d0006f;
   display: block;
}

.lp-toolsmenu img {
   display: none; /* tar bort bilden som visas för externa länkar */
}

/*
---------------------------------------------------------
SIDVERKTYG
--------------------------------------------------------- */
.lp-page-tools {
   background: #f0f8f0;
   margin-bottom: 20px;
}

.lp-page-tools > div:first-child > .sv-portlet {
   margin-left: 0;
}

.lp-page-tools p {
   margin-bottom: 0 !important;
}

.lp-page-tools > div:first-child a {
   display: inline-block;
   text-decoration: none;
   font-size: 14px;
   font-family: arial, sans-serif;
   color: #dc4093;
   padding: 15px 20px;
}

.lp-page-tools > div:first-child a:hover {
   text-decoration: underline;
}

.lp-page-tools > div:first-child a .lp-icon {
   fill: #000;
   height: 1.4em;
   width: 1.4em;
   margin-right: 5px;
   vertical-align: -0.4em;
}

.lp-page-tools .lp-contact {
   background: #f0f8f0;
   border-top: 1px solid #fff;
   padding: 0 20px;
}

.lp-page-tools .lp-contact ul {
   padding-bottom: 20px;
}

.lp-page-tools h2.subheading {
   font-size: 24px;
   padding: 20px 0 20px;
   display: block;
   margin: 0;
}

.lp-page-tools .lp-contact ul > li:first-child > br:first-child {
   display: none;
}

.lp-page-tools .lp-share-wrapper {
   border-top: 1px solid #fff;
   padding: 0 20px 20px;
}

.lp-page-tools .lp-contact li {
   margin: 2px 0;
}

.lp-js .lp-page-tools .lp-share-wrapper,
.lp-js .lp-page-tools .lp-contact {
   display: none;
}

/* Avvikelser */
.lp-page-tools > div:first-child a[href*="lp-contacts"] {
   background: #dc4093;
   color: #fff;
}

.lp-page-tools > div:first-child a[href*="lp-contacts"] .lp-icon {
   fill: currentColor;
}



/*
---------------------------------------------------------
FLERNIVÅLÄNK
--------------------------------------------------------- */

.sv-multilevellink-portlet {
   margin: 20px 0 -20px;
}

.sv-multilevellink-portlet a {
   color: #d0006f;
   text-decoration: none;
}

.sv-multilevellink-portlet a:after {
   display: inline-block;
   content: ">";
   color: #000;
   padding: 0 3px 0 5px;
}


/*
---------------------------------------------------------
NYHETSLISTNING
--------------------------------------------------------- */

/* Skapa artikel-länkar */
a.sv-create-article-entry {
   background: none repeat scroll 0 0 #f4f4f4;
   border: 1px solid #ccc;
   border-radius: 2px;
   color: #333 !important;
   display: block;
   margin: 0 0 5px;
   padding: 5px 20px;
   text-align: center;
   text-decoration: none !important;
}

a.sv-create-article-entry:hover {
   background-color: #eee;
}


/*
---------------------------------------------------------
RELATERAD INFORMATION (Secondary content)
--------------------------------------------------------- */

.lp-links {
   margin: 40px 0 20px 0;
}

.sv-related-portlet {
   clear: both;
   padding:0;
   margin:0;
   list-style-type:none;
}

.sv-related-portlet h2 {
   font-size: 18px;
   display: block !important;
   padding-bottom: 10px;
   margin: 0;
}

.sv-related-portlet ul {
   padding:0;
   margin:0;
   list-style-type:none;
}

.lp-links ul li {
   position: relative;
}

.lp-links ul li a {
   background: #dc4093;
   display: block;

   color: #fff;
   padding: 15px;
   font-size: 14px;

   border-bottom: 1px solid #fff;
   -webkit-transition: background-color .1s linear;
   transition: background-color .1s linear;
}

.lp-links ul li a:hover {
   background: #CF3386;
}

.lp-links ul li .lp-icon {
   position: absolute;
   right: 20px;
   top: 50%;
   margin-top: -7px;
   fill: #fff;

   -webkit-transition: right .1s ease;

   transition: right .1s ease;
}

.lp-links ul li:hover .lp-icon {
   right: 15px;
}

/*
---------------------------------------------------------
LOGINRUTA
--------------------------------------------------------- */

.sv-login-portlet label {
   display: block;
   width: 100% !important;
   padding: 4px 0 1px;
   border: 1px solid #ddd;
   border-radius: 5px 5px 0 0;
   background: #ddd;
   color: #333;
   font-size: 10px;
   line-height: 14px;
   text-indent: 10px;
   text-transform: uppercase;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
}

.sv-login-portlet input[type=text],
.sv-login-portlet input[type=password] {
   display: block;
   width: 100% !important;
   margin: 0 0 10px;
   padding: 8px 0;
   background: #fff;
   color: #333;
   border: 1px solid #ddd;
   border-top: #aaa !important;
   border-radius: 0 0 5px 5px;
   text-indent: 10px;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
}

.sv-login-portlet input[type=text]:focus,
.sv-login-portlet input[type=password]:focus {
   background: #f9f5e6;
   border-color: #f4fcdf;
}

.sv-login-portlet input[type=submit] {
   width: 100%;
   background: #84ad21;
   border: none;
   border-radius: 15px;
   color: #fff;
   font-size: 12px;
   text-transform: uppercase;
}

.sv-login-portlet input[type=submit]:hover,
.sv-login-portlet input[type=submit]:focus {
   background: #688a16;
}

.sv-login-portlet fieldset {
   padding: 0;
}

.sv-login-portlet br {
   display: none;
}


/*
---------------------------------------------------------
DELA
--------------------------------------------------------- */

.lp-share-page {
   list-style-type: none;
   margin: 0;
   padding: 0;
}

.lp-share-page li {
   display: inline-block;
   margin: 0 2px 0 0;
}

.lp-share-page a {
   overflow: hidden;
   display: block;
   width: 44px;
   height: 44px;
   background: #eee no-repeat 50% 50%;
   background-size: 22px auto;
   border: 2px solid #fff;
   border-radius: 50%;
   text-indent: -999px;
   text-decoration: none;
   -webkit-transition: all 150ms ease;
   transition: all 150ms ease;
}

.lp-share-page a:hover,
.lp-share-page a:focus {
   border-color: #bbb;
}

.lp-share-page-facebook a {
   background-color: #3d5b96;
   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsBAMAAADsqkcyAAAAJFBMVEUAAAD///////////////////////////////////////////+0CY3pAAAAC3RSTlMAu3dEme4W1WZVM0JpqTsAAABoSURBVCjPY0ACKdG7d+/ewIAGmICCWIS9sQpz7sYqzI5deDZcGNNoQUEBNGFpoKgbAwYAKU7AKryRYcCFOQQFBYHCW4GUAHqYQj1PknABdmEcZivgEcZ04IJBGYKjwiQJGxsbWzEQAADLr6QBXTboDAAAAABJRU5ErkJggg==');
}

.lp-share-page-twitter a {
   background-color: #29a7de;
   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsBAMAAADsqkcyAAAAMFBMVEUAAAD///////////////////////////////////////////////////////////87TQQwAAAAD3RSTlMA7ndEuzMRIt2IzJlVqmam4tDYAAABJklEQVQoz73Rv0vDQBTA8YexDaKb1NF0ExRJEZ3Fzc2Ii25xFByCq4uos3ZycHETnET9A+zQvf0P2tK/oG0oobS8vtdc7keua/tdkvtw3D04WEDu0Ty993BSo28AUFC6hlQcQr0K0IkknyH3+NML6f8z03UUjWmBSSD4OOP2ATFuamdwk5MSFOlbTodDWZt3Y1JhdqRu0+qbh2JfybTHl/lIjXY0joG6Tv+/uo7BG6hS7EZ+nvvM8b7NFFoNmFsWD5kbFj8wr1pcZXa9PFeAO89pArOK/9Z8nHNrDrPFaN9ZFrtNpfdN+zB4rF5crwlZvqajULL7rrgEWpfaO6pu5m6+8+TJkaAQLnZR9gaiQ9R6IrD9BbSuXsUQf2BU2DtFfP4NYDlNATnA19pg9YMpAAAAAElFTkSuQmCC');
}

.lp-share-page-linkedin a {
   background-color: #4392cc;
   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsBAMAAADsqkcyAAAALVBMVEUAAAD///////////////////////////////////////////////////////+hSKubAAAADnRSTlMARHcR7thmqpkzIruIVWxeWUQAAAC9SURBVCjPY8AFGOueVGIRznv37t0FTMXvgMAZQ5gDJPwMQ5gbJPyIWGEmkPBLDGHmOKDwBkwHTn337rkBFodfUprAQF3AJSgMoZWAQIGBAURpMdgA3RWzABYmDxgYQNRDNj8Q5YQunPcODBpQhR+9g4A3KMIIMAG7cAF24Veowk8vM9aBowVVuAEaWy9QhJ8aAAMa5PTXcGF4JJ0DMp6gegeWQN5hCsuNCtNSmFkQCAQYGIAkJFUaglg4Ei4ATJSkyywtUH0AAAAASUVORK5CYII=');
}

.lp-share-page-gplus a {
   background-color: #dd4b38;
   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsBAMAAADsqkcyAAAAMFBMVEUAAAD///////////////////////////////////////////////////////////87TQQwAAAAD3RSTlMAd0S7Ee4z3ZnMZiKqiFUgPQIDAAABdklEQVQoz4WTsUoDQRCG10uMYsTkQLCIEgmCjZKApUUOOwsrxUq4Q7CwsrARm8TCKkUs0l8aOyH4BPERfIRgYx1jvIsgn7m98243CfgXO8PH7MywMyuknqsEGuaFqh2uawD7Gj2iIQwXX2hKu/3xeQivGl6mMj6zNh8a7tALTBFPwzWswHShp1ADolyo/c3Bn60oOAWOvDWF27JPeNH6oy6dqdwnIZbJcoMQZ6Af2CxjkGBRZRiErfCl4QtoydJtDRs2I0ekm99Cw+ISBuZ9EJw1zaJnmoVoDDZhXQOp+CmdJp86DmVLnC6VyqNSaSvGYZKwpCIX2jNwB/wZOAW0JrCxsQcwsjT8BMd36zJc0TteQU6eH4UuRauXscFKcJnT+CXz6prk43nUlRyISE0qSsNxR1cKnk9wTsmdw0tcJ8YLsBm5XWVlF+EhcovKgmfBt8IGte9QhFvpPPpCXzZu3sTB2sT32yZUQ+jadYGzVTGlczns//ULv3/aNfPU6uUAAAAASUVORK5CYII=');
}

.lp-share-page-email a {
   background-color: #555;
   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsBAMAAADsqkcyAAAALVBMVEUAAAD///////////////////////////////////////////////////////+hSKubAAAADnRSTlMAuxHuecyqRJlVMyLdZlQgeRAAAADZSURBVCjP1dJBCgFRHMfxrwkTSrK1eYobKFaasncEOcGUbC3EXsoFHIE7KFt3GCMb/zMYZt4wM89S8lu9Pr1+77d4fDO2ZOMrimKIQ9XEYzPPKZj4RMmgngI3yzegbaoGa5TW80PJp5vXKAqKWZLrlIPdXazVu3ZgWKMqDqX+S/0tewn4cWjGGl4K+PnyQOsRy5WQpUE5WnlVbESzdyKvt7UkZrkoptG2kWZdGW6TiPUA2+3t2EuS/R0QbEvys4CKK2mWw9ZeSpJ1fshjciZ2Pv1YJhn1Fvxr7v2NEFv+Dk8GAAAAAElFTkSuQmCC');
}


/*
---------------------------------------------------------
GOOGLE TRANSLATE
--------------------------------------------------------- */

#google-translate-modal {
   background: #fff;
   border: solid 1px #c5c5c5;
   display: none;
   padding: 10px;
   position: absolute;
   text-align: left;
   top: 18px;
   right: 0;
   width: 250px;
   z-index: 999;
   -webkit-box-shadow:  0 0 10px 0 #bbb;
           box-shadow:  0 0 10px 0 #bbb;
   border-radius: 7px;
}

#google-translate-modal-close {
   float: right;
   padding-top: 6px;
}

#google-translate-modal-close a {
   color: #444;
   text-decoration: none;
}

#google-translate-modal-close a:hover {
   color: #000;
   text-decoration: underline;
}

#google-translate-modal p {
   clear: right;
   color: #444;
   font-size: 11px;
   margin: 12px 0 0;
   text-align: center;
}

#google-translate-modal img {
   display: inline-block;
}

#google_translate_element a {
   text-decoration: none;
}


/*
---------------------------------------------------------
FLIKLÖSNING
--------------------------------------------------------- */

.lp-tabs {
   overflow:auto;
   margin: 0 !important;
   padding: 0;
}

.lp-tabs li {
   display: block;
   float: left;
   margin: 0 2px 0 0;
   padding: 5px 10px;
   list-style-type: none;
   background: #ccc;
   color: #333;
   border-left: 1px solid #ccc;
   border-top: 1px solid #ccc;
   border-right: 1px solid #ccc;
   text-decoration: none;
   font-size: 125%;
   cursor: pointer;
}

.lp-tabs li.lp-current {
   background: #fff;
   color: #000;
   border-left: 1px solid #ccc;
   border-top: 1px solid #ccc;
   border-right: 1px solid #ccc;
   text-decoration: none;
   font-size: 125%;
   cursor: pointer;
}

.lp-panes {
   margin-top: -1px;
   padding: 10px;
   border: 1px solid #ccc;
}


/*
---------------------------------------------------------
BILDSPEL
--------------------------------------------------------- */
.lp-slideshow-wrapper {
   position: relative;
}

.lp-slideshow-wrapper.lp-has-slides {
   height: 0;
   padding-bottom: 37%;
}

.lp-slideshow {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.lp-slideshow-slides {
   width: 100%;
   height: 100%;
   margin: 0;
   padding: 0;
   list-style: none;
}

.lp-slideshow-slide{
   display: block;
   width: 100%;
   height: 100%;
   margin: 0;
   padding: 0;

   position: relative;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
}

.lp-slideshow-slide + .lp-slideshow-slide {
   display: none;
}

.lp-slideshow-slide-content {
   position: absolute;
   bottom: 30px;
   right: 50%;
   margin-right: -470px;

   width: 460px;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   padding: 20px 40px 20px 30px;
   background: #fff url('data:image/png;base64,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') no-repeat bottom right;
}

.lp-slideshow .flex-control-paging {
   list-style: none;
   margin: 0;
   padding: 0;

   position: absolute;
   bottom: 20px;
   left: 50%;
   margin-left: -470px;
}

.lp-slideshow .flex-control-paging li {
   display: inline-block;
   padding: 0 4px;
}

.lp-slideshow .flex-control-paging li a {
   display: inline-block;
   width: 12px;
   height: 12px;
   border-radius: 100%;
   -webkit-transition: background-color .5s linear;
   transition: background-color .5s linear;
   text-indent: -99999px;
   cursor: pointer;
   background-color: #fff;
}

.lp-slideshow .flex-control-paging li a.flex-active {
   background-color: #4c704f;
}

.lp-slideshow .flex-direction-nav {
   position: absolute;
   bottom: 33px;
   left: 50%;
   margin-left: -470px;
   list-style: none;
   padding: 0;
}

.lp-slideshow .flex-next,
.lp-slideshow .flex-prev {
   position: absolute;

   left: 63px;
   width: 26px;
   height: 27px;
   background-size: 26px 27px;
   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA9BAMAAAADjhfkAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExURUdwTAAAAAoKCgAAAAAAAAAAAP39/XR0dNHR0c3Nzfn5+eTk5LCwsO7u7vb29v///0ugrjwAAAAPdFJOUwAGDhciMvE5fkLZkmitySZEbWMAAAKFSURBVDjLjZU9ixQxGIB3/sEl/yBJcSyHzcwUfoCFyeIXajPBK7SWA+XgzrUQDsG7tRX2QLCw8ZBtxC28KwTlCs9uVbAVFPwD1y2662188zXJzM6Cb5d99sn7ZpK8abX+P5CNpQWQ0vZzSglCTRS3PwyVUm/e0QaO8IqGOu71CZqjL1QZk8c1nuAVFcWsX60PtYcxVlMa6wl9qqrxiyxFU5+qUTXpo0j+WcdqLeil/P6wxOMNVM/8W64Gfc/rqL1uf+lJGUo88cXjs16Wsd4nbm6X8aAQItLd7GjZzS1FlnWCPk0NxufcuMspy4Nua0/wAzcecIJZpG/r5Anz/59sEkQj3SRP2LEfDwiK9T86OV4OH3oDxbqpDZ8OS63qsxRFhc/p4wsECj+vFum7gNl1tUj/qPGNeJtfxvr2HJ5Qo9tdeDuH1Tek9a8LMCRvIdaxyfdpHQ9grQm7bPdwR+MrsXzf4Gd2dERrCxsUgLE/XJs699VIhi2H0pysuMaXYjmD2+3lmcEXI1mksGwvTzXG+TDIHD6al9VfwC2cHzbL6pXFj5pltW/2O7/mT2pVHutvENUmq/K0SM1R7LjkR4CDrO5wc1Jx/tBd6YxEsupxc8lwfssl26WRPNPfV9+xcva17EyQB8LihInbTt95ErrDJ25vKCSXx3O95W6REtcdWGerTkFOke8tuay3ptcFL1uTPrrrFXrSFWnZ2PTR3apOHclQHBPyS0QPJGQOXRP0jvzs55/0oMtUWjZmwFd/GPV7Vxa80pH19MDlzdFoBM2t4CmpvjcImpKQNgTQudeCskwIAZ2PZ5Q0vTU0y/KMZ2kTte+YicZ3DOqDC4IXvoI6llpJZfwPapys/ZhgqigAAAAASUVORK5CYII=');
   text-indent: -999999px;
}

.lp-slideshow .flex-prev {
   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA9BAMAAAADjhfkAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExURUdwTAAAAA4ODgcHBwAAAAAAAAAAAPb29u/v72FhYfz8/MXFxeXl5bS0tOTk5P///9epIhkAAAAPdFJOUwAGDxkkLjfWsEXuaZlHdt7hDBAAAAJ8SURBVDjLjZUxi9RAFIA3/2Bn/kFmGhH3iiSgh2KTrBYqFm7Cga0bPc5KsVhEFrxW2cY7xcZCRK+QhRO94jgslLOwOFDE6wWx2zJhuXN8M5lk3iQb8DW7w5fvzZvJ5E2n8/9Biui2QMp6e4zBA4so7f0ZCyFef2ULOKFLU1HEm+0GJ/RQVJHVuUNPCRTZN7s+0htjLI4YseSZsOOO20X0RI3K9AazSR2Lt0bHdd3fKX7n1ex45mxzVRd5t9RJb1rhUZo+rRVPTyM5jkt9m+jCTO5RHEXJ8+L/yyI7YVXubCPy/f7tMrvC9JyRBz7jwQqu3aEnjRx6hAXlXL9cifkMyS6h58uhWprDJ1gm5uljOTnhtrxUVfLXA0zPWjJaZeYRVHhdFnPATrlnDVmI767BDVmId4D5VSTbpwbhrRsgE0sWnwzeH0j5Yxu+F7qkQ8+04TyELaTBpDH3xeL/usIrbTiHTaD8wqS2bn5ZDx5C5bx/C+FQ4kt6kMOHy4LE6JnEbFkYnWL9SGIajFv0Y8BQ7axFf+Up/EIs1j/L9024WWuh39Sv+4nEDr8isM6rc36NqaPYP7D0QH8lW6E6qdW40NmyXsl7Wbis7brZqHXG9enJB576BgnOnvu+lkdhgR0WoI1+/FPX/SMsvlCYPBk3e4vOrbI/q1OQy+4A2ZODGn4Ax7psTbBTa1OL5huhVzU2udFW+vkHJENxPEp2EN0fgmy6JmF+Pz0s82e/h5Hn4p5LeNBP174o9dHmEFoMsfs58CRd3d3dS1NFu7XbgAdRnKRpGseRb6fW3A8iGaHPGrTThWvKV+GxxTcVYSoW32NQHwC39RZUU3S6FvwHXcey5ho1kLoAAAAASUVORK5CYII=');
   left: -30px;
}


/*
---------------------------------------------------------
HERO
---------------------------------------------------------*/

.lp-hero {
   height: 490px;
   margin: -58px 0 0;
   background-size: cover;
   background-position: center;
   display: flex;
   align-items: flex-end;
}

.lp-hero .sv-text-portlet-content {
   text-align: right;
}

.lp-hero h1 {
   color: #4c704f;
   padding: 10px 20px;
   background: #fff;
   background: rgba(255, 255, 255, 0.8);
   display: inline-block;
   margin: 0 0 80px !important;
}


/*
---------------------------------------------------------
SNABBLÄNKAR PÅ STARTSIDAN
---------------------------------------------------------*/

/* old code */
.lp-startpage-feature-wrapper ul {
   margin: 0;
   padding: 40px 0;
   list-style: none;
   display: table;
   width: 100%;

}

.lp-startpage-feature-wrapper li {
   display: table-cell;
}

.lp-startpage-feature-wrapper li > a {
   min-width: 32px;
   padding: 19px 16px 8px;
   font-size: 14px;
   text-decoration: none;
   text-align: center;
   display: block;
}

.lp-startpage-feature-wrapper li > a:hover .icon,
.lp-startpage-feature-wrapper li > a:focus .icon {
   fill: #B70056;
}

.lp-startpage-feature-wrapper li > a:hover,
.lp-startpage-feature-wrapper li > a:focus {
   text-decoration: underline;
}

.lp-startpage-feature-wrapper .icon {
   width: 60px;
   height: 50px;
   margin: 0 auto 15px;
   fill: #d0006f;
   display: block;
}

.lp-startpage-feature-wrapper img {
   display: none; /* tar bort bilden som visas för externa länkar */
}


/* new code */

.lp-quick-links {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin: -60px 0 30px;
   padding: 0;
   list-style: none;
   background: #4c704f;
}

.lp-quick-links li {
   width: 16.66666666666667%;
   border-left: 1px solid #406444;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
}

.lp-quick-links li:first-child {
   border: none;
}

.lp-quick-links li a {
   font-size: 15px;
   text-decoration: none;
   color: #fff;
   display: block;
   text-align: center;
   background: #4c704f;
   height: 100%;
   padding: 20px;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
}

.lp-quick-links .image {
   display: block;
   margin: 0 0 7px;
}

.lp-quick-links .icon {
   width: 1em;
   height: 1em;
   font-size: 50px;
   fill: #fff;
}

/* Hover */
.lp-quick-links li a:hover,
.lp-quick-links li a:focus {
   background: #39543b;
   text-decoration: underline;
}


/*
---------------------------------------------------------
INGÅNGAR PÅ STARTSIDAN
---------------------------------------------------------*/

/* new code - using old class */

.lp-startpage-feature-wrapper.lp-smartphone-margin .sv-column-3 {
   -webkit-transition: -webkit-transform .3s ease;
   transition: -webkit-transform .3s ease;
   transition: transform .3s ease;
   transition: transform .3s ease, -webkit-transform .3s ease;
}

.lp-startpage-feature-wrapper.lp-smartphone-margin h2 {
   font-size: 18px;
   margin: 15px 0 40px !important;
}

.lp-startpage-feature-wrapper.lp-smartphone-margin h2 a {
   text-decoration: none;
}

/* Hover */
.lp-startpage-feature-wrapper.lp-smartphone-margin .sv-column-3:hover,
.lp-startpage-feature-wrapper.lp-smartphone-margin .sv-column-3:focus {
   -webkit-transform: translateY(-15px);
           transform: translateY(-15px);
}

.lp-startpage-feature-wrapper.lp-smartphone-margin .sv-column-3:hover a,
.lp-startpage-feature-wrapper.lp-smartphone-margin .sv-column-3:focus a {
   text-decoration: underline;
}


/* overrides, delete later */
.lp-startpage-feature-wrapper.lp-smartphone-margin .sv-layout img {
   display: block;
}


/*
---------------------------------------------------------
NYHETER PÅ STARTSIDAN
---------------------------------------------------------*/

.lp-startpage-news-wrapper {
   padding: 40px 0;

   background-color: #f0f8f0;
   border-top: 1px solid #dddddd;
   border-bottom: 1px solid #dddddd;
}

.lp-startpage-news-wrapper .lp-link-button a,
.lp-startpage-events-wrapper .lp-link-button a {
   font-size: 18px;
   font-weight: 600;
}

.lp-startpage-news-wrapper .lp-link-button p.normal,
.lp-startpage-events-wrapper .lp-link-button p.normal {
   margin: 30px 0 0;
}


/*
---------------------------------------------------------
EVENEMANG PÅ STARTSIDAN
---------------------------------------------------------*/
.lp-startpage-events-wrapper {
   padding: 40px 0;
}


/*
---------------------------------------------------------
ARKIV PÅ STARTSIDAN
---------------------------------------------------------*/

/* old code */
.lp-startpage-archive .sv-channel {
   overflow: visible;
   margin-left: -10px;
   margin-right: -10px;
}

.lp-startpage-archive .sv-channel:after {
   content: '';
   display: block;
   clear: both;
}

.lp-startpage-archive .sv-channel-item {
   float: left;
   width: 25%;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   padding: 0 10px;
   -webkit-transition: -webkit-transform .3s ease;
   transition: -webkit-transform .3s ease;
   transition: transform .3s ease;
   transition: transform .3s ease, -webkit-transform .3s ease;
}

.lp-startpage-archive .sv-channel-item:hover {
   -webkit-transform: translateY(-15px);
           transform: translateY(-15px);
}

.lp-startpage-archive .sv-channel-item h2,
.lp-startpage-archive .sv-channel-item span {
   display: block;
   margin: 0;
}

.lp-startpage-archive .sv-channel-item h2 > a {
   font-size: 18px;
   text-decoration: none;
   line-height: 26px;
   font-weight: 600;
}

/* Publiceringsdatum */
.lp-startpage-archive .sv-channel-item span.normal {
   color: #d0006f;
   font-weight: bold;
   padding: 7px 0 5px;
   font-size: 12px;
}

/* Ingressen */
.lp-startpage-archive .sv-channel-item span.preamble {
   font-size: 14px;
}


/* new code */
.lp-startpage-archive.lp-smartphone-margin ul {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin: 0 -10px;
}

.lp-startpage-archive.lp-smartphone-margin li {
   width: 33.33333333333333%;
   padding: 0 10px;
   margin: 0 0 10px;   
   -webkit-transition: -webkit-transform .3s ease;   
   transition: -webkit-transform .3s ease;   
   transition: transform .3s ease;   
   transition: transform .3s ease, -webkit-transform .3s ease;
}

.lp-startpage-archive.lp-smartphone-margin li:hover,
.lp-startpage-archive.lp-smartphone-margin li:focus {
   -webkit-transform: translateY(-15px);
           transform: translateY(-15px);
}

.lp-startpage-archive.lp-smartphone-margin .sv-channel-item h2,
.lp-startpage-archive.lp-smartphone-margin .sv-channel-item span {
   display: block;
   margin: 0;
}

.lp-startpage-archive.lp-smartphone-margin .sv-channel-item h2 > a {
   font-size: 18px;
   text-decoration: none;
   line-height: 26px;
   font-weight: 600;
}

/* Publiceringsdatum */
.lp-startpage-archive.lp-smartphone-margin .sv-channel-item span.normal {
   color: #d0006f;
   font-weight: bold;
   padding: 7px 0 5px;
   font-size: 12px;
}

/* Ingressen */
.lp-startpage-archive.lp-smartphone-margin .sv-channel-item span.preamble {
   font-size: 14px;
}

/*
---------------------------------------------------------
BILDPUFF
---------------------------------------------------------*/
.lp-banner .sv-text-portlet {
   background-color: #f0f8f0;
   padding: 15px 20px 20px;
   margin-top: -1px;
   -webkit-transition: background-color .2s linear;
   transition: background-color .2s linear;
}

.lp-banner .sv-text-portlet h2,
.lp-banner .sv-text-portlet p {
   margin: 0 !important;
}

.lp-banner .sv-text-portlet h2 a,
.lp-banner .sv-text-portlet p a {
   text-decoration: none;
}

.lp-banner:hover .sv-text-portlet {
   background-color: #E3EBE3;
}

.lp-banner .sv-text-portlet h2 + p {
   margin-top: 10px !important;
}

/*
---------------------------------------------------------
SÖKFUNTION/SÖKSIDA
---------------------------------------------------------*/
.sv-standardsearch-portlet input[type=text] {
   width: 85%;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;

   width: calc(100% - 80px);
}

.sv-standardsearch-portlet form > div {
   position: relative;
}

.sv-standardsearch-portlet input[type=submit] {
   position: absolute;
   right: 0;
   top: 0;
}

.sv-standardsearch-portlet .sv-search-hit {
   border-bottom: 1px solid #ddd;
   border-radius: 0;
   padding: 20px 0 !important;
}

.sv-standardsearch-portlet .sv-search-hit > .sv-notopmargin > img {
   display: none;
}

.sv-standardsearch-portlet .sv-search-hit a {
   text-decoration: none !important;
}

.sv-standardsearch-portlet .sv-search-hit a:hover {
   text-decoration: underline !important;
}

.pagination a:hover {
   color: #fff !important;
}

.pagination .current {
   cursor: default;

   background-color: #fff;
   color: #ccc;
   border: 1px solid #EDEDED;
}

.pagination .current:hover {
   background-color: #fff;
   color: #ccc;
}

/*
---------------------------------------------------------
A-Ö portlet
---------------------------------------------------------*/
.sv-abc-portlet > div:first-child + div {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
}

.sv-abc-portlet > div:first-child + div a {
   -webkit-box-flex: 1;
       -ms-flex: 1 0 20px;
           flex: 1 0 20px;
   text-align: center;
}

.sv-abc-portlet > div:first-child + div a:hover {
   text-decoration: underline;
}

/*
---------------------------------------------------------
EVENEMANG
---------------------------------------------------------*/

.pagecontent .sv-eventcalendar-portlet + .sv-archive-portlet li {
   margin: 20px 0 0;
   padding: 20px 0 0;
   border-top: 1px solid #eee;
}

.lp-date-header {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
}

.lp-date-header a,
.lp-date-header span {
   font-size: 16px;
   text-decoration: none;
   color: #DC4095;
}

.lp-date-header a:hover {
   text-decoration: underline;
}

.lp-date-header .lp-current-month {
   font-weight: 600;
}

.lp-date-header span {
   color: #777;
}


/*
---------------------------------------------------------
VIKTIGT MEDDELANDE
---------------------------------------------------------*/

.sv-archive-portlet.lp-alert li {
    width: 940px;
    max-width: 97%;
    position: relative;
    margin: 25px auto 0;
    background: #ffe7e7;
}

.lp-alert .sv-channel-item h1 a {
    display: block;
    margin: 0;
    padding: 15px 20px 12px 82px;
    background: no-repeat 0 50% url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAEsBAMAAABphh1TAAAAHlBMVEXQAADXQkLaWFjda2vnnJzqqqrtuLjz0dH56en///+1FXrnAAAAXklEQVRo3u3SsQ2DQBREwcucug0yp2ROnbkLywWgLzphu6WDI0I60Ez6stW2BgAAAHAnv6r6dvqa5D1w/x/0T5LX4P3Z6XOSNnCfkq3XH1XLmf+dD/a9egcAAAC4nx3+PDt6gQyOXgAAAABJRU5ErkJggg==');
    color: #d00000;
    font-size: 24px;
    line-height: 28px;
    text-decoration: none
}

.lp-alert .sv-channel-item h1 a:hover,.lp-alert .sv-channel-item h1 a:focus {
    text-decoration: underline
}

.lp-alert .sv-channel-item a:before {
    display: inline-block;
    content: 'VIKTIGT MEDDELANDE:';
    color: #000;
    font-size: 22px;
}

.lp-alert .sv-channel-item a:hover:before {
    text-decoration: underline;
}


/*
---------------------------------------------------------
KRISSTARTSIDA
---------------------------------------------------------*/

.lp-startpage-events-wrapper h2 {
   line-height: 26px;
}

.lp-startpage-events-wrapper h2 a {
   font-size: 18px;
   text-decoration: none;
   line-height: 26px;
   font-weight: 600;
}