/*************************************************************** 
              ÄNDRINGAR INTERNT Munkedals kommun
****************************************************************/


/****************** Kommun Kim egen frågeruta **************/


	
/****************** TYPSNITT TILLÄGG ***********************/

h1, h2, h3, h4, h5, p {
   overflow-wrap: break-word;
}




/***************** Mobilmeny knappar (GAMMAL) ********************/

.fa-minus {
   display: inline-block;
   background: url(/images/18.14852e3317b32230e919f5e0/1629473212757/minustecken_vit.svg) no-repeat;
    background-position: 100% 7px;
    width: 15px;
   height: 15px;
   
   
}

.fa-plus {
   display: inline-block;
   background: url(/images/18.14852e3317b32230e919fb27/1629474104382/plustecken_vit.svg) no-repeat;
    background-position: 100% 0px;
   width: 15px;
   height: 15px;
   margin-top: 2px;
   
}

/*krysstecken*/
.fa-times {
   display: inline-block;
   background: url(/images/18.14852e3317b32230e919fb26/1629474104367/krysstecken_vit.svg) no-repeat;
    background-position: 100% 0px;
    width: 30px;
   height: 25px;
   
   
}

/*meny ikon*/
.fa-bars {
   display: inline-block;
   background: url(/images/18.14852e3317b32230e919fb3d/1629474410263/meny_bars_vit.svg) no-repeat;
    background-position: 100% 0px;
    width: 30px;
   height: 25px;
   
   
}

/*forstoringsglas*/
.fa-search {
   display: inline-block;
   background: url(/images/18.14852e3317b32230e919fb25/1629474104343/forstoringsglas_bla.svg) no-repeat;
    background-position: 100% 0px;
   width: 20px;
   height: 16px;
   
}

/******** SkipToContent länk i sidhuvudet ****************/

a.SkipToContent {
   
  padding: 1em 1em;
  background-color: #abddf5;
  border-radius: 7px;
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  
}


a.SkipToContent:focus {
  left: 5%;
 top: 0;
  z-index: 100;
  width: auto;
  height: auto;
  margin-top: 10px;
}



/******** Startsida snabblänkar stora knappar ************/

.startsida-snabbnavigering-container {
   position: relative;
   top: -7em;
   margin-bottom: -7em;
   z-index: 10;
    padding-left: 1em;
    padding-right: 1em;
   

}




.startsida-snabbnavigering-wrapper {
   border-radius: 1em 1em 1em 1em;
   box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1), 0 4px 16px 0 rgba(0, 0, 0, 0.1);
   margin-left: 1em;

}


.startsida-snabbnavigering-stora {
   padding: 1em 1em 0.5em 1em;
   background-color: #fff;
   border-radius: 1em 1em 0 0;
   
}


.startsida-snabbnavigering-stora-box-knappar {
   display: flex;
   
}

a.startsida-snabbnavigering-stora-lankknapp {
   flex: 1 33.3333%; 
   flex-direction: column;
   border-right: 2px solid #e3eff9; 
   background-color: #fff; 
   display: flex;
   align-items: center; 
   justify-content: flex-start;
   text-decoration: none;
   transition: all 0.2s ease-in-out;
 
}

a.startsida-snabbnavigering-stora-lankknapp:last-child {
    border-right: none;
    padding-right: 0;
}

a.startsida-snabbnavigering-stora-lankknapp:hover {
   background-color: #e2f0f7; 
}


.startsida-snabbnavigering-stora-lankknapp p {
   color: #0077be;
   font-weight: bold;
   padding-bottom: 0.4em;
   font-size: 1.2em;
   text-align: center;
   margin-top: 0.5em;
 
}


.startsida-snabbnavigering-stora-knappikon {
   height: 70px; 
   width: 100px;
   display: inline-block;     
   content: '';
   background-size: contain;
   background-repeat: no-repeat;
   background-position: 50%;
   margin-top: 2%;
   
}


.ikon-etjanster {
   background-image: url(/images/18.5ca58fd71781947f3f563e03/1615738960318/webbikon_etjanster.svg);
}

.ikon-ledigajobb {
   background-image: url(/images/18.7637aa5178486d0f7078e40/1616588249702/webbikon_lediga_jobb.svg);
}

.ikon-kontakt {
   background-image: url(/images/18.5ca58fd71781947f3f563e04/1615738960402/webbikon_kontakt.svg);
}


/* Storlekar på ikoner och ikontexter styrs även via media-selektorer */




/******** Startsida snabblänkar små knappar ************/


.startsida-snabbnavigering-sma {
   padding: 1em 1em 0.5em 1.4em;
   background-color: #e3eff9;
   border-radius: 0 0em 1em 1em;

   
}

.startsida-snabbnavigering-sma ul {
   display: flex;
   flex-wrap: wrap;
   justify-content: left;
   margin: 0;
}

.startsida-snabbnavigering-sma ul li {
   display: inline-block;
  
}


.startsida-snabbnavigering-sma ul li a {
   padding: 0.5em 1em;
   background-color: #abddf5;
   border-radius: 0.3em;
   display: inline-block;
   color: #333;
   text-decoration: none;
   margin-bottom: 0.6em;
   margin-right: 0.3em;
}


.startsida-snabbnavigering-sma ul li a:hover {
   color: #333;
   background-color: #c7e7f7;
}



.startsida-snabbnavigering-sma ul li.hitta-direkt span {
   vertical-align:middle;
   display: inline-block;
   padding: 0.5em 1.3em;
   margin-bottom: 1em;
   font-weight: bold;
}



/******************* Innehållsförteckning (modul) ********************/
.sv-marketplace-sitevision-table-of-contents li {
   font-size: 1.2em;
 }



/******************* YOU TUBE EMBEDD RESPONSIVE ********************/

/* Sets the container of the video responsive */

.responsive-video { position: relative; padding-bottom: 56.25%; /* 16:9 Aspect Ratio */ 

padding-top: 25px; height: 0; }/

* Sets the iframe of the video so that it fills the container completely */

.responsive-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/********************/


/*************************************************** 
               PROCESSTEKNISKA CSS 
*****************************************************/

.processtekniska-grundmall h1 {
   font-weight: bold;
   font-size: 250%;
}

.processtekniska-grundmall h2 {
   font-weight: bold;
   font-size: 190%;
   color: #000;
}

.processtekniska-grundmall p, 
.processtekniska-grundmall .sv-font-brodtext-nyheter {
   font-size: 110%;
   line-height: 1.6;
}

.processtekniska-grundmall ul.normal li {
   font-size: 110%;
   line-height: 1.6;
}

.processtekniska-grundmall p a,
.processtekniska-grundmall p a:visited {
    font-size: 110%;
   line-height: 1.6;
   color: #0077be;
   font-weight: bold;
}



.startsida-startbild-med-text,
.toppbild-med-vit-text-nederkant {
   position: relative; 
   text-align: center;
}  



/********* Nyhetsmodul Processtekniska******/

.processtekniska-grundmall .nyhetsmodul-startsida-mobil h3 {
   margin-bottom: 5px;
   font-weight: bold;
   font-size: 1.3em;
   
}


.processtekniska-grundmall .nyhetsmodul-startsida-mobil li {
   padding: 10px 25px;
   background-color: #f5f5f5;
   border-radius: 12px;
   border: none;
}



/******** Sökruta sidan Regler och styrande dokument ************/


.sokruta-modul-muk .sektionsavskiljare {
  padding: 20px 20px;
}


.sokruta-modul-muk .query {
  padding: 50px 10px;
}


.sokruta-modul-muk input[name="submitButton"] {
  background-color: #abddf5;
  color: #000;
  border: none;
  outline: none;
  border-radius: 8px;
  padding: 5px 10px;
  margin-top: 8px;
}




/********* Lista sökreslutat *********/

div.sokruta-header input[type="text"] {
   padding: 12px 12px;
   
   border: 1px solid #999;
   width: 300px;
   
   
   
}

div.sokruta-header input[type="submit"] {
   background-color: #0077BE;
   color: #fff;
   border: 1px solid #0077BE;
   padding: 12px 18px;
   margin-left: -4px;
   cursor: pointer;
}



/********* Lista sökreslutat *********/

.sv-search-result li.sv-search-hit {
   margin-bottom: 1em;
   
}


   
/***** Processtekniska Desktop meny *****/
   


.top-menu-desktop-link,
.top-menu-desktop-current {
   display: inline-block; 
 
 }


.top-menu-desktop-link a,
 .top-menu-desktop-current a {
   display: inline-block; 
   text-align:left;
   padding: 15px 30px 15px 30px; 
   font-weight: bold;
   font-size: 1.2em;
 }

.top-menu-desktop-link a:hover {
  background-color: #1588cc;
 }


.top-menu-desktop-current a {
   background:#ffffff;
  
}

/***** SLUT Processtekniska Desktop meny *****/




/**********************************
 **** SLUT PROCESSTEKNISKA  *******
************************************/







.mobile-menu__item--has-children a.load-ul {
   background-color: #82c4e5;

}



/********* Punktlistor ***************/

ul.normal li,
ul.sv-list-style-punktlista li {
   line-height: 1.4em;
   margin-left: 0.3em;
   margin-bottom: 0.6em;
   
    padding-top: 0em;
    padding-bottom: 0;
    padding-left: 0;
    margin-top: 0em;
}

ul.normal,
ul.sv-list-style-punktlista {
   margin-top: 0.6em !important;
  padding-inline-start: 2em; 
}



/******************* Toppmeny grundmall ******************/

ul.muk_huvudmeny li {
	border-left: 0px solid #999; 
	
}

 ul.muk_huvudmeny li:last-child {
	border-right: 0px solid #999;
	
}

 ul.muk_huvudmeny li a {
	padding: 15px 20px 15px 20px;
   display: inline-block;
    /*font-weight: bold;*/
	
}

  ul.muk_huvudmeny li a:hover {
	/*background-color: #73b4db;*/
     background-color: #fff;
   color: #0077be;
	
}




/********** Meny undermeny (NY) ************/

.muk-undermeny ul li   {
   padding-top: 2px;
   /** padding-bottom: 3px; **/
}

.muk-undermeny ul li a  {
   border-bottom: 3px solid #0077be !important;
}

.muk-undermeny ul li ul li a {
   border-bottom: 1px solid #ddd !important;
}

/**
.muk-undermeny ul li .env-button--link {
      background-color: #eee;
      border: solid 2px #fff;
   
}

.muk-undermeny ul li .env-button--link:hover {
      background-color: #ddd;
   
}
**/

/********************/


/************ NY MOBIL MENY *****************/
.mobil-meny-muk .env-icon  {
    stroke: #fff;
    fill: #fff;
}

.mobil-meny-muk .env-list .env-icon {
    stroke: #333;
    fill: #333;
}

.mobil-meny-muk svg {
    width: 2em !important;
    height: 2em !important;
}

.mobil-meny-muk .env-button--icon .env-icon {
    position: absolute;
    top: 28%;
}

.mobil-meny-muk ul li button {
       background-color: #eee;
}

.env-button.env-button--icon:not(.env-button--icon-after):not(.env-button--icon-before):not(.env-button--icon-around):not(.env-button--icon-above) .env-icon {
left: 27% !important; 
  
}

 .mobil-meny-muk ul li .env-button.env-button--icon:not(.env-button--icon-after):not(.env-button--icon-before):not(.env-button--icon-around):not(.env-button--icon-above) .env-icon {
left: 35% !important;
top: 30%; 
  
}


/*****************/




/******************* Undermeny (GAMMAL) ***********/

.sv-font-vanstermeny-rubrik {
    overflow-wrap: anywhere;
}

div.visaPil,
div.visaAktivPil {
   padding-right: 20px;
}


.undermeny_desktop .menu-container li a {
    padding: 12px 0px;
    display: block;
    line-height: normal;
  
}

.undermeny_desktop .n3-subnode,
.undermeny_desktop .n3,
.undermeny_desktop .n3-current,
.undermeny_desktop .n3-parent {  
   border-bottom: 1px solid #ddd;

}

.undermeny_desktop .n4-subnode,
.undermeny_desktop .n4,
.undermeny_desktop .n4-current,
.undermeny_desktop .n5-subnode,
.undermeny_desktop .n5,
.undermeny_desktop .n5-current {
      border-top: 1px solid #ddd;
   
}

.undermeny_desktop ul.menu-container {
   
   padding-right: 40px;
   padding-left: 10px;

}


/*************** Undermeny mobil undersidor botten ************/


.meny-mobil-undersidor a {
   padding: 10px 10px;
   text-decoration: none;
   border-bottom: 1px #ddd solid; 
       
}

.meny-mobil-undersidor a:hover {
    text-decoration: none;
     
}

/*************** Undermeny nyhetsarkiv ************/

.vanstermeny-nyheter .env-list__item a {
   display: inline-block;
   padding: 4px 10px;
}


/****** Sektionsavskiljare blå  *********/

.sektionsavskiljare {
   
   background-color: #e3eff9;
   padding: 0.6em 1em 0.6em 1em;
   border-radius: 5px;
   margin: 2em 0 1em 0;
}


.sektionsavskiljare h1,
.sektionsavskiljare h2,
.sektionsavskiljare h3,
.sektionsavskiljare h4,
.sektionsavskiljare h5,
.sektionsavskiljare p,
.sektionsavskiljare a {
   color: #0077be;
   padding: 0.15em 0.1em;
   margin: 0.05em 0.05em !important;
}

.sektionsavskiljare p,
.sektionsavskiljare a {
   color: #333;
}



/******* Sektionsskiljare blå med större, fet text *************/

.sektionsskiljare-bla-fet-storre-rubriker{
   
   background-color: #e3eff9;
   padding: 0.6em 1em 0.6em 1em;
   border-radius: 5px;
   margin: 2em 0 1em 0;
   
}


.sektionsskiljare-bla-fet-storre-rubriker h1,
.sektionsskiljare-bla-fet-storre-rubriker h2,
.sektionsskiljare-bla-fet-storre-rubriker h3,
.sektionsskiljare-bla-fet-storre-rubriker h4,
.sektionsskiljare-bla-fet-storre-rubriker h5 {
   color: #0077be;
   padding: 0.15em 0.1em;
   margin: 0.05em 0.05em !important;
   font-weight: bold;
   font-size: 2em;
}

/****** Sektionsavskiljare grå linje *********/

.sektionsavskiljare-gra {
   
   background-color: none;
  /* padding: 0.6em 1em 0.6em 1em;
   border-radius: 5px;*/
   margin: 2em 0 1em 0;
   border-bottom: dotted 2px #ccc;
}


.sektionsavskiljare-gra h1,
.sektionsavskiljare-gra h2,
.sektionsavskiljare-gra h3,
.sektionsavskiljare-gra h4,
.sektionsavskiljare-gra h5,
.sektionsavskiljare-gra p,
.sektionsavskiljare-gra a {
   color: #333;
   padding: 0.15em 0.1em;
   margin: 0.05em 0.05em !important;
}

.sektionsavskiljare-gra h2 {
   font-weight: bold;
}




/********* Anpassat utseende för varning om gammal nyhet ********/
#news-warning .env-alert.env-alert--info {
  background-color: #e6f1f8 !important;
  border: 2px solid #0077be !important;
  border-left: 8px solid #0077be !important;
  color: #00446e !important;
  margin-left: 0px !important;
  padding-left: 4px !important;
}


/****** Länkknapp fullbredd  *********/


.lankknapp-fullbredd a {
   background-color: #0077be;
   padding: 0.6em 1em 0.6em 1em;
   border-radius: 5px;
   margin: 2em 0 1em 0;
   color: #fff;
   display: block;
   width: 90%;
   text-decoration: none;
}

.lankknapp-fullbredd a::after {
  content: " »";
}

.lankknapp-fullbredd a:hover {
   background-color: #0788d4;
   
}


/******** Hitta direkt länkmoln knappar ************/


.hitta-direkt-knappmoln {
   padding: 1em 1em 0.5em 1.4em;
   background-color: #e3eff9;
   border-radius: 1em 1em 1em 1em;
   margin: 1.5em 0 1em 0;

   
}

.hitta-direkt-knappmoln ul {
   display: flex;
   flex-wrap: wrap;
   justify-content: left;
   margin: 0;
   padding-inline-start: 0;
}

.hitta-direkt-knappmoln ul li {
   display: inline-block;
   margin-left: 0;
  
}


.hitta-direkt-knappmoln ul li a {
   padding: 0.5em 1em;
   background-color: #abddf5;
   border-radius: 0.3em;
   display: inline-block;
   color: #333;
   text-decoration: none;
   margin-bottom: 0.6em;
   margin-right: 0.3em;
   
}


.hitta-direkt-knappmoln ul li a:hover {
   color: #333;
   background-color: #c7e7f7;
}



.hitta-direkt-knappmoln ul li.hitta-direkt span {
   vertical-align:middle;
   display: inline-block;
   padding: 0.5em 1.3em;
   margin-bottom: 1em;
   font-weight: bold;
}




/**************** Puffar aktuellt startsida skärm ***************/


.puffar-startsida-skarm  {
   display: flex;
   justify-content: space-between;
   
   
}

.puffar-startsida-skarm > div {
   display: flex !important;
   flex-direction: column;
   flex-grow: 1;
   flex-shrink: 1;
   width: 31% !important;
   margin-right: 2.333%;
   background-color: #abddf5;
   border-radius: 5px;
  
}

.puffar-startsida-skarm > div:last-child {
   margin-right: 0;
}

.puffar-startsida-skarm img {
   border-bottom: 2px solid #fff;
   border-radius: 5px 5px 0px 0px;
   width: auto;
}


.puffar-startsida-skarm div p a {
   color: #333;
   font-size: 1.1em;
   font-weight: bold;
   margin: 0;
   text-decoration: none;
   display: inline-block;
   width: 90%;
   padding: 0.6em 0.5em 0.7em 0.6em;
   
   
}

.puffar-startsida-skarm div p a:hover {
   text-decoration: underline;
   color: #000 !important;
}

/************* Puffar med text landningssidor ************************/

.puffruta-med-text {
	border: 1px solid #ccc;
   border-radius: 7px;
}


.puffruta-med-text h2 {
	margin-top: 0;
   font-size: 120%;
}

.puffruta-med-text h2 a {
   width: calc(100% - 0.8em);
   display: block;
   border-radius: 5px;
   background-color: #f4f4f4;
   padding: 0.4em 0.4em 0.4em 0.4em;  
   line-height: 1.68em;
}

/************* Nyhetsmodul Lediga jobb  ************************/


.nyhetsmodul-lediga-jobb img {
   clear: both;
   padding-bottom: 15px !important;
   padding-top: 5px !important;
}

.nyhetsmodul-lediga-jobb .sv-channel-item {   
   padding-bottom: 0.7em !important;   
   border-bottom: dotted 2px #ccc;
   padding-right: 1em;
}



/**************** Nyheter startsida generellt ***************/

.sv-font-brodtext-nyheter {
   line-height: 1.4em;
}


/**************** Nyheter startsida skärm, bred vy ***************/


.nyhetsmodul-startsida-skarm img {
   margin-right: 2.5em !important;
   margin-bottom: 5px !important;
   margin-top: 5px !important;
   border-radius: 5px;
  
   
}

.nyhetsmodul-startsida-skarm .sv-channel-item {   
   padding-top: 0.6em !important;
   padding-bottom: 0.7em !important;   
   border-bottom: dotted 2px #ccc;
}



/**************** Nyheter startsida mobil, smal vy ***************/


.nyhetsmodul-startsida-mobil img {
   clear: both;
   margin-bottom: 15px !important;
   margin-top: 5px !important;
   border-radius: 5px;
}

.nyhetsmodul-startsida-mobil .sv-channel-item {   
   padding-bottom: 2em !important;   
   border-bottom: dotted 2px #ccc;
   padding-right: 1em;
}


/************** Banner viktiga meddelanden nyhetsmodul ***************/

.banner-nyhetsmodul-viktiga-meddelanden li.sv-channel-item {
   padding: 0.7em 0;
}

.banner-nyhetsmodul-viktiga-meddelanden li.sv-channel-item img {
   padding-right: 10px;
}


/************** Bildtext i bildmodul ***************/

p.sv-portlet-image-caption {
    margin-top: 5px;
   font-size: 85%;
}



/************** Nyhetsflöde kungörelser speciallagstiftning ***************/

.nyheter-kungorelser h3 {
   color: #0077be;
	font-weight: bold;
   margin: 5px 0px;
   border-top: 2px dotted #aaa;
   padding-top: 1em;
   padding-bottom: 0.3em;
}

.nyheter-kungorelser span.sv-font-ingress-kungorelser {
   display: block;
   margin-bottom: 0.5em;
}

.sv-font-nyhetsflode-datum-kungorelser {
   display: block;
   margin-bottom: 10px;
}

.nyheter-kungorelser span.sv-channel-paragraph {
   display: none;
}

/**************** Kontaktruta, Relaterad information **************/

.sv-decoration-Kontaktpersoner ul.sv-defaultlist li {
   margin-bottom: 1em;
   
}

.sv-decoration-Kontaktpersoner {
   overflow-wrap: anywhere;
   
}




/**************** Bildspelsmodul ************/


.sv-imgslideshow-item__description-wrapper{
position: absolute;
top: -5px;
width: 100%;
z-index: 2;
padding: 15px;
}
   
   
.sv-imgslideshow-item__description {
font: 14px arial, helvetica, sans-serif !important;
 text-align:center;
 text-decoration:none !important;
  background: rgba(255, 255, 255, 0.9)!important;
 line-height:30px;
 display: inline-block;
 color: #0077be;
 line-height: 1;
 padding: .3em .5em;
 border-radius:0em !important;
 width: 100%
   
}




/***********************************************************
                  REPONSIVA JUSTERINGAR
*************************************************************/


/********* MEDIA QUERIE MIN 946px ***********/

@media screen and (min-width: 946px) {
 
   .padding-vanster-spalt {
     padding: 0 0 0 1.5em;
     
  }
   
   
   .padding-hoger-spalt {
     padding: 0 1.5em 0 0;
  }
   
 
.startsida-startbild-med-text p.env-text-caption-01 {
   position: absolute;
   color: #333;
   font-size: 2.5em;
   top: 50%;
   left: 50%;
   width: 60%;
   text-align: center;
   font-family: Verdana, sans-serif;
   letter-spacing: 0.2em;
   transform: translate(-50%, -50%);
   display: inline-block;
   padding: 0.5em 1em;
   background-color: rgba(255, 255, 255, 0.9);
   
}
   
   
.toppbild-med-vit-text-center {
    position: relative;
    text-align: center;
 }
   
 .toppbild-med-vit-text-center p.env-text-caption-01 {
   position: absolute;
   color: #fff;
   font-size: 3em;
   font-weight: bold;
   text-transform: uppercase;
   top: 50%;
   left: 50%;
   width: 70%;
   text-align: center;
   font-family: Verdana, sans-serif;
   letter-spacing: 0.15em;
   transform: translate(-50%, -50%);
   text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); 
   display: inline-block;
   padding: 0.5em 1em;
   
   
}
   
.toppbild-med-vit-text-nederkant {
    position: relative;
 }
   
  .toppbild-med-vit-text-nederkant p.env-text-caption-01{
   position: absolute;
   color: #fff;
   font-size: 3em;
   font-weight: bold;
   text-transform: uppercase;
   top: 75%;
   left: 50%;
   width: 85%;
   text-align: center;
   font-family: Verdana, sans-serif;
   letter-spacing: 0.15em;
   transform: translate(-50%, -50%);
   text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7); 
   display: inline-block;
   padding: 0.5em 1em;
   
   
}
  
   
   
.processtekniska-grundmall .tre-puff-spalt {
         padding: 0 10px;
      }
   
   
 .expanderbart-innehall-storre-H2 .lp-expandable-content__wrap H2 {
    font-size: 140%;
    
 }
   
   
   
} /******** SLUTKLAMMER MEDIA QUERIE MIN 946px ***************/







/********* MEDIA QUERIE MAX 946px - MIN 480 ***********/


@media screen and (max-width:946px) and (min-width:480px) {
      
      .processtekniska-grundmall div.pagecontent {
         padding: 0 50px;
      }
       
    
   
 } /******** SLUTKLAMMER MEDIA QUERIE  MAX-MIN ***************/







/********* MEDIA QUERIE MAX 945px ***********/

@media screen and (max-width: 945px) {
   
  /********** Logotyp Header **********/
   
.logotyp-header img {
   padding-left: 1em;
   width: 80 !important;
   
}
   
   
  .padding-vanster-spalt {
     padding: 0;
     
  }
   
   .padding-hoger-spalt {
     padding: 0;
  }
   
   
 .startsida-startbild-med-text p.sv-portlet-image-caption {
   position: absolute;
   color: #333;
   font-size: 1.4em;
   top: 50%;
   left: 50%;
   width: 60%;
   text-align: center;
   font-family: Verdana, sans-serif;
   letter-spacing: 0.2em;
   transform: translate(-50%, -50%);
   display: inline-block;
   padding: 0.3em 0.6em;
   background-color: rgba(255, 255, 255, 0.9);
      
   
}
   
   
 /**** Snabbnavigering startsida *****/ 
   
.startsida-snabbnavigering-wrapper {
      margin-left: 0;
}
   
.startsida-snabbnavigering-container {
   padding-left: 0em;
   padding-right: 0em;
   top: 0em;
   margin-bottom: 0em;
      z-index: 0;
}
   
.startsida-snabbnavigering-wrapper,
.startsida-snabbnavigering-sma,
.startsida-snabbnavigering-stora {
   border-radius: 0;
   
}

   
.startsida-snabbnavigering-stora-knappikon {
   height: 60px; 
   width: 74px;
   }
   
.startsida-snabbnavigering-stora-lankknapp p {
   padding-bottom: 0.4em;
   font-size: 1em;
 
}
   
/********** Puffar aktuellt startsida  **********/
   
.puffar-startsida-skarm > div,
.puffar-startsida-skarm > div:last-child {
   margin-right: 1em;
   min-width: 33.333%;
   
}
   


   
/********** Vit text bildmodul små skärmar **********/
   
.startsida-startbild-med-text p.sv-portlet-image-caption {
   position: absolute;
   color: #333;
   font-size: 1em;
   top: 50%;
   left: 50%;
   width: 60%;
   text-align: center;
   font-family: Verdana, sans-serif;
   letter-spacing: 0.2em;
   transform: translate(-50%, -50%);
   display: inline-block;
   padding: 0.5em 1em;
   background-color: rgba(255, 255, 255, 0.9);
   
}
   
   
.toppbild-med-vit-text-nederkant p.sv-portlet-image-caption {
   position: absolute;
   color: #fff;
   font-size: 1.3em;
   font-weight: bold;
   text-transform: uppercase;
   top: 70%;
   left: 50%;
   width: 70%;
   text-align: center;
   font-family: Verdana, sans-serif;
   letter-spacing: 0.15em;
   transform: translate(-50%, -50%);
   text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); 
   display: inline-block;
   padding: 0.5em 1em;
   
   
}
   
    
   
} /******** SLUTKLAMMER MEDIA QUERIE MAX ***********/




/********* MEDIA QUERIE MAX 480px  ***********/


@media screen and (max-width:480px) {
      

   
/********** Logotyp Header **********/
   
.logotyp-header img {
   padding-left: 1em;
   width: 45% !important;
   
}
   
/********* Processtekniska **************/   
   
   .processtekniska-grundmall div.pagecontent {
         padding: 0 15px;
      }
   
   
   
 /***** Snabbnavigering startsida ******/ 
   
   

   
.startsida-snabbnavigering-stora {
   padding: 1em 0.1em 0.5em 0.1em;
   
}

   
.startsida-snabbnavigering-stora-knappikon {
   height: 45px; 
   width: 60px;
   }
   
.startsida-snabbnavigering-stora-lankknapp p {
   padding-bottom: 0.3em;
   font-size: 0.9em;
 
}
   
   
/********** Puffar aktuellt startsida  **********/


.puffar-startsida-skarm {
   display: flex;
   flex-direction: column;
   width: 100%;
   
   
}

.puffar-startsida-skarm > div {
   display: flex !important;
   flex-direction: column;
   flex-grow: 1;
   flex-shrink: 1;
   width: 100% !important;
   border-radius: 5px;
   margin-bottom: 1.5em !important;
  
}
   
.puffar-startsida-skarm > div,
.puffar-startsida-skarm > div:last-child {
   margin-right: 1em;
}
   
   
 /******** Avskiljare ********/
   
.sektionsskiljare-bla-fet-storre-rubriker h1,
.sektionsskiljare-bla-fet-storre-rubriker h2,
.sektionsskiljare-bla-fet-storre-rubriker h3,
.sektionsskiljare-bla-fet-storre-rubriker h4,
.sektionsskiljare-bla-fet-storre-rubriker h5 {
   color: #0077be;
   padding: 0.15em 0.1em;
   margin: 0.05em 0.05em !important;
   font-weight: bold;
   font-size: 1.5em;
}
       
   
 } /******** SLUTKLAMMER MEDIA QUERIE  MAX 480 *********/



/*********************************************************
             SLUT REPONSIVA JUSTERINGAR 
*********************************************************/








.menu-container a {
 font-family: arial, helvetica, sans-serif;
 text-decoration:none;
 line-height:30px;
 font-size:100%;
   
}

.visaPil{
background: url(/images/18.1395eb981582e9da3fb43ddd/1478537694085/pil+-+hoger.png) no-repeat;   
background-position: 100% 9px;  
   
}
   
.visaIntePil{
   
}


.visaAktivPil {
background: url(/images/18.1395eb981582e9da3fb43ddc/1478537694044/pil+-+ner.png) no-repeat;   
background-position: 100% 9px; 
font-weight:600;
}

.n1-current {font-weight:600;}
.n2-current {font-weight:600;}
.n3-current {font-weight:600;}
.n4-current {font-weight:600;}
.n5-current {font-weight:600;}
.n6-current {font-weight:600;}
.n7-current {font-weight:600;}

.n1-subnode{font-weight:normal;}
.n2-subnode{font-weight:normal;}
.n3-subnode{font-weight:normal;}
.n4-subnode{font-weight:normal;}
.n5-subnode{font-weight:normal;}
.n6-subnode{font-weight:normal;}
.n7-subnode{font-weight:normal;}







/***************************** SLUT ÄNDRINGAR INTERNT MUK *******************************
****************************************************************************************/


/* Listan med knappar */ 


/* MUK ändring dela knapp */

.delainnehall button {
   text-decoration: underline;
   margin-top: -1px;
}

/* MUK slut */

.sharebuttonlist {
    list-style-type: none;
    margin: 1em 0;
    padding: 0;
}

.sharebuttonlist--horizontal .sharebuttonlist__item {
    display: inline-block;
}


/* Delaknappar */

.sharebutton {
    display: inline-block;
    height: 30px;
    margin: 0 1em .5em 0;
    padding: 0 16px;
    background-color: #ccc;
    color: white;
    font-size: 1rem;
    font-weight: bold;
    line-height: 2;
    text-decoration: none;
    background-size: 18px auto;
    background-position: 12px 50%;
    background-repeat: no-repeat;
}

.sharebutton--facebook {
    background-color: #3b5998;
}

.sharebutton--twitter {
    background-color: #00aced;
}

.sharebutton--linkedin {
    background-color: #007bb6; 
}

.sharebutton--gplus {
    background-color: #dd4b39;  
}

.sharebutton--email {
    background-color: #57b51d; 
}


/* Ikoner på delaknapparna */

.sharebutton--icon-facebook {
    padding: 0 16px 0 32px;
    background-size: 8px auto;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4IDE3IiB3aWR0aD0iOCIgaGVpZ2h0PSIxOCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTggOS4yaC0yLjd2Ny44aC0zLjN2LTcuOGgtMnYtMi43aDJ2LTIuOGMwLTEuOSAxLjMtMy43IDQuMS0zLjcgMS4yIDAgMS45LjEgMS45LjF2Mi43aC0xLjdjLTEgMC0xLjIuNS0xLjIgMS4zdjIuNGgyLjl2Mi43eiIvPjwvc3ZnPg==');
}

.sharebutton--icon-twitter {
    padding: 0 16px 0 37px;
    background-size: 16px auto;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNyAxMy43IiB3aWR0aD0iMTYiIGhlaWdodD0iMTMiPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xNyAxLjZjLS42LjMtMS4zLjUtMiAuNS43LS40IDEuMy0xLjEgMS41LTEuOS0uNy40LTEuNC43LTIuMi44LS42LS42LTEuNS0xLTIuNS0xLTIgMC0zLjUgMS42LTMuNSAzLjUgMCAuMyAwIC41LjEuOC0yLjktLjItNS41LTEuNi03LjItMy43LS4zLjUtLjUgMS4xLS41IDEuOCAwIDEuMi42IDIuMyAxLjUgMi45LS42IDAtMS4xLS4yLTEuNi0uNCAwIDEuNyAxLjIgMy4xIDIuOCAzLjQtLjIgMC0uNS4xLS44LjEtLjIgMC0uNCAwLS43LS4xLjQgMS40IDEuNyAyLjQgMy4zIDIuNC0xLjIuOS0yLjcgMS41LTQuMyAxLjVoLS44YzEuNSAxIDMuNCAxLjYgNS4zIDEuNiA2LjQgMCA5LjktNS4zIDkuOS05Ljl2LS40Yy42LS42IDEuMi0xLjIgMS43LTEuOXoiLz48L3N2Zz4=');
}

.sharebutton--icon-linkedin {
    padding: 0 16px 0 37px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NDAiIGhlaWdodD0iNjQwIiB2aWV3Qm94PSIwIDAgNjQwIDY0MCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTMyMCAxMi44Yy0xNjkuNjY0IDAtMzA3LjIgMTM3LjUzNi0zMDcuMiAzMDcuMnMxMzcuNTM2IDMwNy4yIDMwNy4yIDMwNy4yIDMwNy4yLTEzNy41MzYgMzA3LjItMzA3LjItMTM3LjUzNi0zMDcuMi0zMDcuMi0zMDcuMnptLTc1LjIgNDM0LjUyOGgtNjIuMjA4di0yMDAuMTkyaDYyLjIwOHYyMDAuMTkyem0tMzEuNDg4LTIyNC43NjhjLTE5LjY0OCAwLTMyLjM1Mi0xMy45Mi0zMi4zNTItMzEuMTM2IDAtMTcuNTY4IDEzLjA4OC0zMS4wNzIgMzMuMTUyLTMxLjA3MnMzMi4zNTIgMTMuNTA0IDMyLjczNiAzMS4wNzJjMCAxNy4yMTYtMTIuNjcyIDMxLjEzNi0zMy41MzYgMzEuMTM2em0yNTguNjg4IDIyNC43NjhoLTYyLjIwOHYtMTEwLjk0NGMwLTI1LjgyNC05LjAyNC00My4zNi0zMS41Mi00My4zNi0xNy4xODQgMC0yNy4zOTIgMTEuODcyLTMxLjkwNCAyMy4yOTYtMS42NjQgNC4wNjQtMi4wOCA5LjgyNC0yLjA4IDE1LjU1MnYxMTUuNDI0aC02Mi4yNHYtMTM2LjMyYzAtMjQuOTkyLS44LTQ1Ljg4OC0xLjYzMi02My44NzJoNTQuMDQ4bDIuODQ4IDI3LjgwOGgxLjI0OGM4LjE5Mi0xMy4wNTYgMjguMjU2LTMyLjMyIDYxLjgyNC0zMi4zMiA0MC45MjggMCA3MS42MTYgMjcuNDI0IDcxLjYxNiA4Ni4zNjh2MTE4LjM2OHoiLz48L3N2Zz4=');
}

.sharebutton--icon-gplus {
    padding: 0 16px 0 37px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NDAiIGhlaWdodD0iNjQwIiB2aWV3Qm94PSIwIDAgNjQwIDY0MCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTYzLjY0OCAxNzguODQ4YzAgNDcuODA4IDE1Ljk2OCA4Mi4zMDQgNDcuNDI0IDEwMi41NiAyNS43OTIgMTYuNjQgNTUuNjggMTkuMTM2IDcxLjIzMiAxOS4xMzYgMy43NzYgMCA2LjgxNi0uMTkyIDguOTI4LS4zMiAwIDAtNC45MjggMzIuMTI4IDE4Ljg4IDYzLjg3MmgtMS4wODhjLTQxLjI0OCAwLTE3NS43NzYgOC42MDgtMTc1Ljc3NiAxMTkuMjY0IDAgMTEyLjUxMiAxMjMuNTUyIDExOC4yNCAxNDguMzUyIDExOC4yNCAxLjk1MiAwIDMuMTA0LS4wNjQgMy4xMDQtLjA2NC4yNTYgMCAyLjAxNi4wNjQgNS4wNTYuMDY0IDE1LjkwNCAwIDU3LjAyNC0xLjk4NCA5NS4yLTIwLjU3NiA0OS41MzYtMjQgNzQuNjU2LTY1Ljg4OCA3NC42NTYtMTI0LjMyIDAtNTYuNDQ4LTM4LjI3Mi05MC4wNDgtNjYuMjA4LTExNC42MjQtMTcuMDU2LTE1LjAwOC0zMS44MDgtMjcuOTM2LTMxLjgwOC00MC41MTIgMC0xMi44IDEwLjc4NC0yMi40MzIgMjQuMzg0LTM0LjYyNCAyMi4wNDgtMTkuNjggNDIuODQ4LTQ3Ljc0NCA0Mi44NDgtMTAwLjggMC00Ni42MjQtNi4wNDgtNzcuOTUyLTQzLjMyOC05Ny44MjQgMy44NzItMS45ODQgMTcuNjMyLTMuNDI0IDI0LjQxNi00LjM4NCAyMC4xOTItMi43NTIgNDkuNzI4LTUuODg4IDQ5LjcyOC0yMi4zNjh2LTMuMTY4aC0xNDcuMTY4Yy0xLjQ3Mi4wNjQtMTQ4LjgzMiA1LjUwNC0xNDguODMyIDE0MC40NDh6bTIzNy41NjggMjg4LjQxNmMyLjgxNiA0NC45OTItMzUuNjggNzguMTc2LTkzLjUwNCA4Mi4zNjgtNTguNzIgNC4zMi0xMDcuMDQtMjIuMTEyLTEwOS44NTYtNjcuMDcyLTEuMzc2LTIxLjYzMiA4LjEyOC00Mi43NTIgMjYuNzItNTkuNjE2IDE4Ljg0OC0xNy4wNTYgNDQuNzM2LTI3LjYxNiA3Mi44OTYtMjkuNjk2IDMuMzI4LS4xOTIgNi42MjQtLjM4NCA5LjkyLS4zODQgNTQuMzY4LjAzMiA5MS4xNjggMzEuOTY4IDkzLjgyNCA3NC40em0tMzguNDMyLTMxOS4yMzJjMTQuNDMyIDUwLjgxNi03LjM2IDEwMy44NzItNDIuMTEyIDExMy42OTYtNCAxLjEyLTguMDk2IDEuNjY0LTEyLjI4OCAxLjY2NC0zMS44MDggMC02My4zMjgtMzIuMTkyLTc1LjA0LTc2LjU3Ni02LjUyOC0yNC44MzItNS45ODQtNDYuNjU2IDEuNTA0LTY3LjU4NCA3LjMyOC0yMC42NCAyMC41NzYtMzQuNDk2IDM3LjIxNi0zOS4yIDQtMS4xMiA4LjEyOC0xLjY5NiAxMi4zMi0xLjY5NiAzOC40IDAgNjMuMTA0IDE1LjkzNiA3OC40IDY5LjY5NnptMjQ5LjIxNiAxMDcuOTY4di05NmgtNjR2OTZoLTk2djY0aDk2djk2aDY0di05Nmg5NnYtNjRoLTk2eiIvPjwvc3ZnPg==');
}

.sharebutton--icon-email {
    padding-left: 40px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMiAxNCIgd2lkdGg9IjIyIiBoZWlnaHQ9IjE0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjAgMGgtMjB2MTRoMjJ2LTE0aC0yem0tMS43IDJsLTcuMyAzLjctNy4zLTMuN2gxNC42em0xLjcgMTBoLTE4di05LjFsOSA0LjcgOS00Ljd2OS4xeiIvPjwvc3ZnPg==');
}


/* Dölj text på delaknappen och gör den rund (kombinera med ikoner på knapparna =) */

.sharebutton--hide-text {
    width: 30px;
    height: 30px;
    margin: 0 .125em;
    padding: 0;
    background-position: 50% 50%;
    border-radius: 15px;
}

.sharebutton--hide-text .sharebutton__text {
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}



.menu-row > div {
   margin-bottom: -15px !important;
}

.menu-row {
   margin-bottom: 0px;
}


.mobilmenu-container ul {
    font: 14px/1.0 'Roboto','PT Sans', arial, helvetica, sans-serif;
    list-style: none;
    margin: 0;
    padding: 0;
}

 .mobilmenu-container li {
   padding: 10px;
   background-color: #0077be;
   border-bottom: 1px solid rgba( 0, 0, 0, 0.125 );
}

.mobilmenu-container .mobilmenu-level-2 {
   padding-left: 20px;
}

.mobilmenu-container .mobilmenu-level-1 a {
   font: 14px/1.0 'Roboto','PT Sans', arial, helvetica, sans-serif;
   color: #fff;
   text-decoration: none;
}


.mobilmenu-level-1 a:after {
   content: "\f0da";
   font-family: FontAwesome;
   float: right;
   margin-right: 16px;
   color: #fff;
}

.mobilmenu-level-2 {
   display: none;
}

.search-box{
padding-left:5px;
height:48px;
width:70%;
color:#333;
font: 16px/1.0 arial, helvetica, sans-serif;
}



.search-box-select {
width:100%;
padding:15px;
height:48px;
color:#333;
font: 16px/1.0 arial, helvetica, sans-serif;
}


.search-box-button {
width:30%
height:48px;
border:none;
cursor:pointer;
text-align:center;
color:#fff;
background: #0077be;
text-transform: uppercase;
font: 14px/1.0 arial, helvetica, sans-serif;
}


.dropbtn {
    color: #333;
    border: none;
    cursor: pointer;
    font-weight: 400;
    font-size:100%;
    font-family: arial, helvetica, sans-serif;
   
    background:#ffffff;
}

.dropbtn:hover, .dropbtn:focus {
    background-color: #ffffff;
}

   
.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    min-width: 400px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}


.show {display:block;}
   
   

/* Important styles */
#toggle {
  display: block;
  width: 28px;
  height: 30px;
  margin: 30px auto 10px;
}

#toggle span:after,
#toggle span:before {
  content: "";
  position: absolute;
  left: 0;
  top: -9px;
}
#toggle span:after{
  top: 9px;
}
#toggle span {
  position: relative;
  display: block;
}

#toggle span,
#toggle span:after,
#toggle span:before {
  width: 100%;
  height: 5px;
  background-color: #888;
  transition: all 0.3s;
  backface-visibility: hidden;
  border-radius: 2px;
}

/* on activation */
#toggle.on span {
  background-color: transparent;
}
#toggle.on span:before {
  transform: rotate(45deg) translate(5px, 5px);
}
#toggle.on span:after {
  transform: rotate(-45deg) translate(7px, -8px);
}
#toggle.on + #menu {
  opacity: 1;
  visibility: visible;
}

/* menu appearance*/
#menu {
  position: relative;
  color: #999;
  width: 200px;
  padding: 10px;
  margin: auto;
  font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  text-align: center;
  border-radius: 4px;
  background: white;
  box-shadow: 0 1px 8px rgba(0,0,0,0.05);
  /* just for this demo */
  opacity: 0;
  visibility: hidden;
  transition: opacity .4s;
}
#menu:after {
  position: absolute;
  top: -15px;
  left: 95px;
  content: "";
  display: block;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 20px solid white;
}