@charset "utf-8";
*:focus {
	outline:0
}
html, body {
	margin: 0;
	padding: 0;
	background-color:#fff;
	background-repeat:repeat;
	background-attachment:fixed;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: none;
font-family:'ToyotaType-Book';
		font-weight:normal;
	font-size:16px;
	color:#282830;
	height:100%;
	min-height:100%;
	width:100%;
	font-style:normal;
	text-align:left;	
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border:0;
	margin:0;
	padding:0;
}

ol, ul {
	list-style:none
}
article, aside, img, figure, figure img, figcaption, hgroup, footer, header, nav, section, video, object, small {
	display:block
}
a img {
	border:0
}
figure {
	position:relative
}
figure img {
	width:100%
}

input button {
    -webkit-appearance: none;
    border-radius: 0;
}


#Logga img,object,embed{max-width:100%}img{height:auto}
#LoggaMobil img,object,embed{max-width:100%}img{height:auto}
#LoggaSidfot img,object,embed{max-width:100%}img{height:auto}

.KontaktBild img,object,embed{max-width:100%}img{height:auto}
#Startbild img,object,embed{max-width:1000%}img{height:auto}
.TransaktionsDel img,object,embed{max-width:100%}img{height:auto}
.TeamBild img,object,embed{max-width:100%}img{height:auto}
#CitatTecken img,object,embed{max-width:100%}img{height:auto}
#PilNer img,object,embed{max-width:100%}img{height:auto}
#PilUpp img,object,embed{max-width:100%}img{height:auto}
#CareerBild img,object,embed{max-width:100%}img{height:auto}
.animation_image img,object,embed{max-width:100%}img{height:auto}
.TeamKolumnVanster img,object,embed{max-width:100%}img{height:auto}
.Symbol img,object,embed{max-width:100%}img{height:auto}
.Symbol2 img,object,embed{max-width:100%}img{height:auto}
.TransaktionsDel img,object,embed{max-width:100%}img{height:auto}
.Storbild img,object,embed{max-width:200%; width:100%;}img{height:auto}



/*************** TYPOGRAFI ***************/


pre, p, P { 

		font-weight:normal;
	font-size:17px;
	line-height:25px;
	margin-bottom:14px;

}

h1 {
	font-size:38px;
	line-height:40px;
	margin:0;
	margin-bottom: 10px;
	letter-spacing:-0.02em;
	font-weight:normal;
	text-transform:uppercase;
	font-family: ToyotaType-Book;
	
}

#Startrubrik h1 {
	font-size:60px;
	line-height:61px;
	margin:0;
	margin-bottom: 5px;
	letter-spacing:0em;
	font-weight:400;
	text-align:center;
	text-transform:none;	
}


h2 {
	font-size:60px;
	line-height:75px;
	margin:0;
	margin-bottom: 20px;
	padding-top:10px;
	letter-spacing:0em;
	font-weight:normal;
	text-transform:uppercase;
	font-family: ToyotaType-Regular;


}

h3 {
	font-size:25px;
	line-height:35px;
	margin:0;
	padding:0;
	margin-bottom: 10px;
	letter-spacing:0em;

font-family: ToyotaType-Regular;
	font-weight:normal;

}

h4 {
	font-size:15px;
	line-height:18px;
	margin:0;
	font-family: ToyotaType-Regular;
	margin-bottom: 10px;
	letter-spacing:0.04em;
	font-weight:normal;
	text-transform:uppercase;

}


.clear { clear:both; }

/*************** LÄNKAR ***************/

a.Ljuslank, a.Ljuslank:link, a.Ljuslank:visited {
	color:#eee7cd;
	text-decoration:none;
}
a.Ljuslank:hover {
	color: #FFF;
	text-decoration:underline;
}


a.Morklank, a.Morklank:link, a.Morklank:visited {
		color:#27383e;
	text-decoration:none;
}
a.Morklank:hover {
	color: #000;
	text-decoration:underline;
}


a.Gronlank, a.Gronlank:link, a.Gronlank:visited {
	color:#018971;
	text-decoration:none;
	transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
   -o-transition:   all .25s ease-in-out;
}
a.Gronlank:hover {
text-decoration:underline;
color:#018971;
}


a.Vitlank, a.Vitlank:link, a.Vitlank:visited {
	color:#f9f4e8;
	text-decoration:none;
	transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
   -o-transition:   all .25s ease-in-out;
}
a.Vitlank:hover {
text-decoration:underline;
color:#FFF;
}


a:link, a:visited, a:active {
	color: #222;
	text-decoration:none;
}

a:hover {
	color:#1cb600;
	text-decoration:underline;
}


/*************** STRUKTUR ***************/


#Header {
	width:100%;
	position:fixed;
	z-index:700;
	top:0px;
	background: linear-gradient(0deg, rgba(40, 40, 48, 0) 0%, rgba(40, 40, 48, 1) 100%);
	padding-top: 40px;
    padding-bottom: 60px;
					transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition:   all 0.3s ease-in-out;
	
}

	.HeaderAktiv {
		
		background-color:#282830 !important;
		padding-bottom: 15px !important;
		padding-top: 17px !important;
	
	}

#Logga {
	width:33%;
	max-width:310px;
	 transition: all .4s ease-in-out;
 	-moz-transition: all .4s ease-in-out;
 	-webkit-transition: all .4s ease-in-out;
 	-o-transition:   all .4s ease-in-out;
	display: inline-block;

}


#Logga.Minskad {
	margin-top:15px;
	margin-bottom:5px;
	max-width:150px;
	
}

#AdressHallare {
	width:67%;
	float:right;
	text-align:right;
	text-transform:uppercase;
	 font-family: ToyotaType-Regular;
	 font-size:16px;
	 margin-top:5px;
	
}


#TelefonnummerHallare, #TelefonnummerHallare a {
	width:auto;
	display:inline-block;
	margin-right:20px;
	color:#fff;
	
 
}
#TelefonnummerHallare:hover, #TelefonnummerHallare a:hover {
    text-decoration: underline;
 
}


#GataHallare, #GataHallare a {
	width:auto;
	display:inline-block;
	margin-right:20px;
		color:#444;
	
 
}
#GataHallare:hover, #GataHallare a:hover {
    text-decoration: underline;
    color: #000;
}

#LoggaMobil {
		width:50%;
	max-width:125px;
	 transition: all .4s ease-in-out;
 	-moz-transition: all .4s ease-in-out;
 	-webkit-transition: all .4s ease-in-out;
 	-o-transition:   all .4s ease-in-out;
	position:relative;
	display:none;
	float: left;
	margin-top:15px;
	margin-bottom:15px;
}


#LoggaSidfot {
	width:100%;
	max-width:160px;
	margin-bottom:10px;
	 transition: all .4s ease-in-out;
 	-moz-transition: all .4s ease-in-out;
 	-webkit-transition: all .4s ease-in-out;
 	-o-transition:   all .4s ease-in-out;
	position:relative;
	display: inline-block;
}

.RubrikHallare {
	width:100%;
	float:left;
	text-align:center;
	
}

.TeamSektion {
	background-color:#e9eceb;
	
}


.IngressHallare {
	width:100%;
	float:left;
	text-align:center;
	font-family: 'ToyotaType-Book';
    font-size: 20px;
    line-height: 34px;
	margin-bottom: 45px;
	
}

.IngressHallareMaxbredd {
	width:100%;
	max-width:660px;
	text-align:center;
	display:inline-block;
}


#PilNer, #PilNer a {
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	margin-top:0px;
	position:absolute;
	z-index:10;
	bottom: -30px;
	left:50%;

		margin-left:-20px;
	margin-right: auto;
	padding: 0px 0px 0px 0px !important;
  		transition: all .5s ease-in-out;
   -moz-transition: all .5s ease-in-out;
   -webkit-transition: all .5s ease-in-out;
   -o-transition:   all .5s ease-in-out;
	border-radius: 999px;
	border:solid 2px #fff;
	background-image: url("Grafik/Pil-ner-vit.svg");
	background-size: 20px auto;
	background-repeat: no-repeat;
	background-position: center center;

	
}
#PilNer:hover, PilNer a:hover {
	width:46px !important;
	height:46px !important;
		margin-left:-23px;
	border:solid 2px #39ff14;
	
}



#PilUpp, #PilUpp a {
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	margin-top:0px;
	position:absolute;
	z-index:10;
	top:-10px;
	left:50%;

		margin-left:-20px;
	margin-right: auto;
	padding: 0px 0px 0px 0px !important;
  		transition: all .2s ease-in-out;
   -moz-transition: all .2s ease-in-out;
   -webkit-transition: all .2s ease-in-out;
   -o-transition:   all .2s ease-in-out;
		border:solid 2px #fff;
	background-image: url("Grafik/Pil-upp-vit.svg");
	background-size: 20px auto;
	background-repeat: no-repeat;
	background-position: center center;
		border-radius: 999px;
	opacity: 0.7;

	
}
#PilUpp:hover, PilUpp a:hover {

	top:-15px;
	opacity: 1;
		width:46px !important;
	height:46px !important;
		margin-left:-23px;
	border:solid 2px #39ff14;
}





#Startbild {
	width:100%;
	float:left;
	background-image: url(Grafik/MFS3.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	height:100%;
	min-height:100%;
	text-align:center;
	background-color:#25252d;
}

#StartbildLaddare {
	width:100%;
	float:left;
		background-color:#282830;
		min-height:700px;
}

.Storbild {
	width:100%;
	float:left;

	
	text-align:center;
	position: relative;
}


.Symbol {
	width: 200px;
	height: 200px;
	position: absolute;
	top: 140px;
	right: 140px;
	background-image: url("Grafik/MFS-symbol.png");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 10;
}

.Symbol2 {
	width:240px;
	height:240px;
	position:absolute;
	bottom:-160px;
	right:100px;
}


#StatistikFalt {
	width:100%;
	float:left;

	background-color:#39ff14;
	background-color: #3aff16;

	padding-top:80px;
	padding-bottom:100px;
	text-align:center;
	
	
	
}

#StatistikFaltInne {
	width:100%;
	float:left;
		/*background-image:url(Grafik/Guldstreck.png);*/
		background-size:60px auto;
	background-position:center 216px;
	background-repeat:repeat-x;
		transition: all 2.0s ease-in-out;
   -moz-transition: all 2.0s ease-in-out;
   -webkit-transition: all 2.0s ease-in-out;
   -o-transition:   all 2.0s ease-in-out;
	
	
}



.StatistikHallare {
	width:100%;
	height:270px;
	display:inline-block;
	text-align:center;
	
	background-size:5px auto;
	background-position:center center;
	background-repeat:repeat;

	padding:5px;
	border:solid 0px #282830;
/*	-webkit-border-radius: 999px;
	-o-border-radius: 999px;
	border-radius: 999px;*/
	vertical-align:top;
	margin-top:30px;
		transition: all 2.0s ease-in-out;
   -moz-transition: all 2.0s ease-in-out;
   -webkit-transition: all 2.0s ease-in-out;
   -o-transition:   all 2.0s ease-in-out;
}

.StatistikAktiv {
	border-right:solid 5px #282830;
	background-image:none !important;

	padding:0px !important;
	margin-top:0px !important;
/*	background-color:#282830 !important;*/
		-webkit-border-radius: 0px !important;
	-o-border-radius: 0px !important;
	border-radius: 0px !important;
}

#StatistikMaxHallare {
	width:100%;
	max-width:1000px;
	display:inline-block;
	text-align:center;
	height:290px;
	margin-top: 30px;
	
}

#Statistik1 { display:none; width:33.3%; float:left; }
#Statistik2 { display:none; width:33.3%; float:left; }
#Statistik3 { display:none;width:33.3%; float:left; }

.Statistiktext {
	width: 100%;
    max-width: 200px;
    display: inline-block;
    clear: both;
    margin-top: 10px;
    font-family: ToyotaType-Regular;
    font-size: 18px;
    line-height: 26px;
    height: 50px;	
}

.StatistikSiffra {
	width:100%;
	float:left;
	margin-top:55px;
		font-size:70px;
	line-height:70px;

}

.StatistikSiffraMindre {

		font-size:35px;
		line-height:75px;
		display:inline-block;
		margin-left:4px;
		margin-right:4px;

		vertical-align:text-top;

	 
}

#CitatTeckenHallare {
	width:100%;
	float:left;
	text-align:center;
	margin-top:90px;
	margin-bottom:36px;
}

#CitatTecken {
	display:inline-block;
	width:100%;
	max-width:105px;
}

#CitatHallare {
	width:100%;
	float:left;
	text-align:center;
}


.CitatInne {
	width:100%;
	float:left;
	text-align:center;
}

.CitatMarginal {
	padding-left:20px;
	padding-right:20px;
	
}

.Citat {
	width:100%;
	max-width:760px;
	font-style:italic;
	display:inline-block;
	text-align:center;
	color:#f1f0ed;
	font-size:20px;
	line-height:28px;
	margin-bottom:30px;
	font-weight:300;
	letter-spacing:0.04em;
}

.CitatAvVem {
	width:100%;
	display:inline-block;
	border-top:solid 1px #f1f0ed;
	padding-top:25px;
	color:#f1f0ed;
	font-size:16px;
	letter-spacing:0.04em;
	max-width:380px;
	margin-bottom: 30px;	
	
}



.fb-like {
}



#Sidfot {
	width:100%;
	float:left;
	position:relative;
	padding-top:0px;
	padding-bottom:40px;
	padding-top:40px;
	text-align:center;
	color: #fff;
	text-transform:uppercase;
	background-color:#282830;
	
	background-size:5px auto;
}

#SidfotUpp {
	width:100%;
	float:left;
	height:14px;
	line-height:14px;
	clear:both;
	background-position:center top;	
}

#Sidfot2 {
	width:100%;
	float:left;
	position:relative;
	padding-top:10px;
	padding-bottom:10px;
	border-top:solid 1px #4a4949;
	border-bottom:solid 1px #4a4949;
	text-align:center;
	background-color:#313131;
	color:#f1e4da;
	background-position:center center;
	font-size:13px;
	text-transform:none;
	font-family: 'IM Fell DW Pica', serif;
}


#Telefonnummer { width:auto; margin-right:10px; display:inline-block;  }
#Adress { width:auto; margin-right:10px; display:inline-block;  }
#Postadress { width:auto; display:inline-block;  }

#Copyright {
	width:33%;
	font-size:12px;
	float:left;
	text-align:left;
	letter-spacing: 0em;
}
#SkapadAv {
	width:33%;
	font-size:12px;
	float:right;
	text-align:right;
	letter-spacing: 0em;
}

#SidfotTillToppenMobil {
	width:100%;
	float:left;
	text-align:center;
	margin-bottom:10px;
	display:none;

}

a.tel, a.tel:link, a.tel:visited {
	color:#f1e4da;
	text-decoration:none;
}
a.tel:hover {
	color: #FFF;
	text-decoration:underline;
}



#SidfotText {
	width:100%;
	float:left;
	font-size:14px;
	margin-top:10px;
	text-transform:uppercase;
	color:#f1e4da;

	text-align: center;	
}


#SidfotTillToppen {
	width:33%;
	text-align:center;
	margin-top:0px;
	display: inline-block;
	font-size: 12px;
}


.KontaktBildHallare {
	width:50%;
	float:left;
}

#KontaktPersoner {
		width:60%;
	float:left;
	margin-top:10px;
}



.KontaktBild {
	width:100%; 
	float:left;
}

.KontaktBildText {
	float:left;
	width:100%;
	font-family: 'averia_sanslight';
	 font-size:14px;
	 line-height:20px;
	 margin-top:13px;
	 text-align:center;
}

.KontaktBildMarginal {
	padding-left:25px;
	padding-right:25px;
	
}




#KontaktBlank {
	width:22%; float:right;
}


#KontaktInfo {
	width:22%;
	
	float:left;
	margin-top:0px;
	color:#f1f0ed;
	font-size:13px;
	letter-spacing:0.07em;
	line-height:22px;
		color:#f1e4da;

	font-weight:400;
	text-align:left;
}


#KontaktInfoMarginal {
	padding-left:15px;

}


#KontaktformularHallare {
		width:100%;
	float:left;
	text-align:center;
	margin-top:10px;
	margin-bottom:60px;
}

#Kontaktformular {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	width:100%;
	display:inline-block;

	background-color:#282830;
	padding-top:50px;
	padding-bottom:50px;
	float: left;
}

#KontaktformularVanster {
	width:50%;
	float:left;
	
}

#KontaktformularHoger {
	width:50%;
	float:left;
	
}


#KontaktformularVansterMarginal {
	padding-left:30px;
}

#KontaktformularHogerMarginal {
	padding-right:30px;
}





.KontaktformularHalv {
	float:left;
	width:100%;
	margin-bottom: 5px;	
}

.KontaktformularHalvMarginal {
	padding-right:0px;
	
}


.KontaktformularRubrik {
	width:100%;
	float:left;
	color:#e9eceb;
font-family: ToyotaType-Regular;
	font-size:13px;
	line-height:16px;
	margin:0;
	margin-bottom: 4px;
	letter-spacing:0em;
	text-transform:none;
	font-style:normal;
	text-transform:uppercase;
	text-decoration:none;
	text-align: left;
}

.KontaktformularInput {
	width:100%;
	float:left;
	margin-bottom:10px;
		font-size:13px;
	font-weight:400;
	
	line-height:20px;

}





#noteKontakt {
	width:100%;
	float:left;
}

#fieldsKontakt {
	width:100%;
	float:left;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border-radius:3px;
}

#fieldsKontaktMarginal {
	padding-left:25px;
	padding-right:25px;
	
}




.Meddelande {
	width:100%;
	float:left;
	/*border-radius:3px;
	-moz-border-radius:3px;*/
	border:solid 3px #d1ba6b;
	background-color:#018971;
	letter-spacing:0em;

	font-size:17px;
		line-height:25px;
	color:#fff;

	margin-bottom:10px;
	padding-top:20px;
	padding-bottom:20px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}


.MeddelandeFel {
	width:100%;
	float:left;
	/*border-radius:3px;
	-moz-border-radius:3px;*/
	border:solid 0px #f1e4da;
	background-color:#cd6245;
	letter-spacing:0em;

	font-size:17px;
		line-height:25px;
	color:#fff;


	padding-top:30px;
	padding-bottom:30px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;


}

.MeddelandeFel h3, .Meddelande h3 {
		font-size:25px;
		text-transform:uppercase;
	line-height:28px;
	margin:0;
	padding:0;
	margin-bottom: 10px;
	letter-spacing:0em;
font-family: ToyotaType-Regular;
}


#Sidhuvud {
	width:100%;
	float:left;
	margin-top:20px;
	margin-bottom:0px;
	text-align: center;
	position: relative;
	
}


#LinkedIn {
	/*padding-left:10px;*/
	font-size:18px;

	
}


#Introtext {
	width: 100%;
    float: left;
    height: auto;
    text-align: center;
    text-transform: uppercase;
    color: #FFF;
    /* background-color: #282830; */
  font-family: ToyotaType-Book;
    position: absolute;
    bottom: 0px;
    z-index: 100;
    /* -webkit-box-shadow: 0px -7px 16px 1px rgba(0, 0, 0, 0.26); */
    -moz-box-shadow: 0px -7px 16px 1px rgba(0, 0, 0, 0.26);
    /* box-shadow: 0px -7px 16px 1px rgba(0, 0, 0, 0.26); */
    padding-bottom: 100px;
	    background: linear-gradient(180deg, rgba(40, 40, 48, 0) 0%, rgba(40, 40, 48, 1) 100%);
    padding-top: 200px;
}





#Startrubrik {
	width:100%;
	text-align:center;
	max-width:900px;
	display:inline-block;
	font-size:85px;
	line-height:100px;
	margin-bottom:0px;

	padding-bottom:60px;
	text-align:center;
	opacity:1;
	transition: all 2.0s ease-in-out;
	-moz-transition: all 2.0s ease-in-out;
	-webkit-transition: all 2.0s ease-in-out;
	-o-transition:   all 2.0s ease-in-out;
}

.StartrubrikAktiv {
	
	opacity:1 !important;
	margin-bottom:0px  !important;
		padding-top:60px !important;
	padding-bottom:60px !important;

	
}

#nav {
	left: 0px;
	list-style: none;
	float:left;
	width:100%;
	position:relative;
	text-align:center;
	z-index:9999;
	bottom: 0px;

	padding-bottom:0px;


	
}
#nav li {
	width:auto;
	display:inline-block;
	margin:0px;
	padding:0px;
	

}
#nav li a {
	color: #fff;
	display: block;
	font-size: 18px;
	font-family: ToyotaType-Regular;



	line-height:15px;
	padding-bottom:20px;
	padding-top:20px;
	padding-left:30px;
	padding-right:30px;
	text-decoration: none;

  	/*	transition: all .2s ease-in-out;
   -moz-transition: all .2s ease-in-out;
   -webkit-transition: all .2s ease-in-out;
   -o-transition:   all .2s ease-in-out;*/


}
#nav li a:hover {
	
	/*color:#FFF  !important;*/
	color:#fff  !important;
border-bottom: solid 5px #fff;
}
#nav .current a {

	color:#fff !important;
	border-bottom: solid 5px #39ff14;
}

#nav .current a:hover {

	border-bottom: solid 5px #39ff14;
}













#nav a.trigger {

}
#nav a.triggerAktiv {
		color:#e26410;

}

#nav a.triggerAktiv:hover {
	border-bottom:none;
	 background-color:#e3ded0;
	
}
#nav li ul, #nav ul li {
	width: auto;
	min-width:140px;
}
#nav ul li {
	padding:0;
	border-right: 0;
	border:none;
	text-align:left;
	margin:0;
	float:left;
	width:100%;
	clear:both;
}
/* Hela listan */
#nav li ul {
	position: absolute;
	display: none;
	background-repeat: repeat-x;
	z-index:999;
	border-bottom:solid 1px #FFF;
border-top:solid 1px #FFF;
	background-repeat:no-repeat;
	margin-left:0px;
	margin-top:0px;
	padding:0px;
	padding-top:0px;
	padding-right:0px;
	text-align:left;
	padding-bottom:0px;
	background-color:#e3ded0;
	color:#000  !important;
}
/* Huvudflik hover - denna bakgrund gäller! */
#nav li:hover a{
	color:#e26410;
}
#nav a.trigger:hover {
	 background-color:#e3ded0;
	 color:#000  !important;
	
}
#nav li:hover a.trigger, #nav a.trigger:focus, #nav a.trigger:active {
		 background-color:#e3ded0;
color:#000  !important;
	
	/*background-color:#ebeaea;*/
}
#nav li a.Aktiv {
		color:#e26410;
	/*padding-bottom:5px;
	border-bottom:solid 2px #e26410;*/
}
#nav li a.Aktiv:hover {
		color:#e26410;
		
		
}
#nav li:hover ul {
	display: block;
}
/* Underlista i vanligt tillstånd */
#nav li:hover ul a {

	font-weight:normal;
	background-color: transparent;
	line-height:19px;
	height:19px;
	padding-left:15px;
	padding-right:15px;
	
		color:#000  !important;
	

	font-size:12px;
	text-transform:uppercase;
	padding-bottom:4px;
	padding-top:3px;
	 transition: all .1s ease-in-out;
	 -moz-transition: all .1s ease-in-out;
	 -webkit-transition: all .1s ease-in-out;
	 -o-transition:   all .1s ease-in-out; /* For IE8 and earlier */
	 border-bottom:none;
}

#nav ul li:first-child
{
	padding-top:0px;
}

#nav ul li:last-child
{
	padding-bottom:0px;
}

#nav ul li a { padding-bottom:12px !important; padding-top:12px !important; }

/* Underlistans alla rader vid hover */
#nav ul a:hover {
	/*color:#FFF !important;*/
	text-decoration:underline;
	background-color:#d6d0bf !important;

}
#nav ul a.Aktiv {
	/*background-color: #000!important;
	background-image:url(Grafik/UnderKategoriUnderAktivBg.png) !important;*/
	color:#ffcd84 !important;
}


#nav ul a.Aktiv:hover {
	/*background-color: #000!important;
	background-image:url(Grafik/UnderKategoriUnderAktivBg.png) !important;*/
	color:#ffdfb1 !important;
	text-decoration:underline;
	background-color:none;
	background:none;
	border:none;
	padding-left:15px;
	border-left:solid 1px #4a4392;
	border-right:solid 1px #4a4392;
	padding-right:15px;
}








#navHallare {
    position: fixed;
    max-width: 700px;
    border-bottom: solid 0px #FFF;
    background-position: left bottom;
    height: auto;
    z-index: 800;

    top: 40px;
    right: 0px;
	transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
   -o-transition:   all .25s ease-in-out;
}

.navFixed {


	top:25px !important;


	
}














#Menyikon, Menyikon a{
	width:auto;
	text-align:left;
	height:35px;
	line-height:35px;

	text-transform:uppercase;
	background-image:url(Grafik/MobilmenyIkon.png);
	background-position:center center;
	background-repeat:no-repeat;
	font-size:14px;
	display:none;
	font-weight:400;
	width:35px;
	color:#FFF;
	/*background-color:#6a63b7;*/

	float:right;

	transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
   -o-transition:   all .25s ease-in-out;
	margin-top: 10px;
	
}

#Menyikon:hover, Menyikon a:hover{
	
	background-color:#e6e5eb;
	text-decoration:none;
	/*border:solid 2px #e26410;*/


}







#NodvandigaFalt {
	text-transform:uppercase;
	font-size:12px;
	padding-top:5px;
	float:left;
	width:100%;
	color: #e9eceb;
	display:none;
}


.KontaktaOssKnapp, a.KontaktaOssKnapp {
	
	width: auto;
	display: inline-block;
	margin-top: 25px;
	padding-left: 40px;
	padding-right: 40px;
	background-color: #282830;
	color: #fff;
	line-height: 42px;
	height: 46px;
	font-weight: normal;
	font-family: 'ToyotaType-Book';
	font-size: 17px;
			 transition: all .2s ease-in-out;
 -moz-transition: all .2s ease-in-out;
 -webkit-transition: all .2s ease-in-out;
 -o-transition:   all .2s ease-in-out;
	border: solid 2px #282830;
	cursor: pointer;
}

.KontaktaOssKnapp:hover, a.KontaktaOssKnapp:hover {
	color: #282830;
	background-color: #fff;
	border: solid 2px #fff;
}


.KontaktaOssKnapp2, a.KontaktaOssKnapp2 {
	
	width: auto;
	display: inline-block;
	margin-top: 35px;
	padding-left: 40px;
	padding-right: 40px;

	line-height: 42px;
	height: 46px;
	font-weight: normal;
	font-family: 'ToyotaType-Book';
	font-size: 17px;
			 transition: all .2s ease-in-out;
 -moz-transition: all .2s ease-in-out;
 -webkit-transition: all .2s ease-in-out;
 -o-transition:   all .2s ease-in-out;
	border: solid 2px #282830;
	cursor: pointer;
	
		color: #282830;
	background-color: #fff;
	border: solid 2px #282830;
}

.KontaktaOssKnapp2:hover, a.KontaktaOssKnapp2:hover {

	
		background-color: #282830;
	color: #fff;
}


/************ Skicka-knappen ************/
.SkickaKnapp {
	cursor: pointer;

	border:solid 3px #3aff16;
	width:100%;
	max-width:200px;
	float:right;
	font-family: ToyotaType-Regular;
	height:46px;
	background-repeat:no-repeat;
	background-position:right top;background: none;

	color:#fff;
	font-size:14px;
	text-transform:uppercase;
	letter-spacing:0em;
	text-align:center;
	margin-bottom:0px;
	margin-right:0px;
	margin-top:10px;
	padding: 0px 0px 0px 0px !important;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-border-radius:0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	 -webkit-appearance: none;
		 transition: all .2s ease-in-out;
 -moz-transition: all .2s ease-in-out;
 -webkit-transition: all .2s ease-in-out;
 -o-transition:   all .2s ease-in-out; /* For IE8 and earlier */
}
                
.SkickaKnapp:hover, .SkickaKnapp:active {
		background-color: Transparent;
	color:#fff;
	border:solid 3px #015b5b;
	text-decoration:underline;
}
				
			

.FormularEnRad {
	background-image:url(Grafik/FormBg.png);
	background-repeat:repeat;
	background-position:-1px top;
	width:100%;
	height:45px;
	line-height:40px;
	padding-top:1px;
	font-size:14px;
	vertical-align:middle;
	padding-left:8px;
	border: solid 0px;
	font-weight:normal;
	background-color: #FFF;
	color:#404040;
	font-style:normal;
	outline: none;
	border:none;
	border:solid 1px #d4d8d7;
	float:left;
	margin:0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	letter-spacing:0em;
	 -webkit-appearance: none;
}

.FormularEnRad:hover, .FormularEnRad:focus {
	border:solid 1px #929b98;
	color:#30444b;
}



.FormularEnRadMindre {
	background-image:url(Grafik/FormBg.png);
	background-repeat:repeat;
	background-position:-1px top;
	width:100%;
	height:35px;
	line-height:25px;
	padding-top:1px;
	font-size:15px;
	vertical-align:middle;
	padding-left:8px;
	border: solid 0px;
	font-weight:normal;
	background-color: #FFF;
	color:#948764;
	font-style:normal;
	font-weight:400;
	outline: none;
	border:none;
	border:solid 1px #e0e3e2;
	float:left;
	margin:0;
		box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.FormularEnRadMindre:hover, .FormularEnRadMindre:focus {
	border:solid 1px #a3956f;
}





	





.Formular {
	background-image:url(Grafik/FormBg.png);
	background-repeat:repeat;
	background-position:left top;
	width:100%;
	height:205px;
	line-height:18px;
	padding-top:2px;
	color:#404040;
	font-size:14px;
	padding-top:12px;
	padding-left:8px;
	border: solid 0px;
	outline: none;
	border:none;
	letter-spacing:0em;
	float:left;
	margin:0;
	font-style:normal;
	border:solid 1px #d4d8d7;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	 -webkit-appearance: none;
	-webkit-box-sizing:border-box;
}


.Formular:hover, .Formular:focus {
border:solid 1px #929b98;
color:#30444b;
}



form {
	margin: 0;
	padding: 0;
	}






.Marginal {
	padding-left:100px;
	padding-right:100px;
	max-width:1400px;
	position:relative;
	right:0;
	margin: 0 auto;
	margin-top: 0px;
}

.MarginalBredare {
	padding-left:30px;
	padding-right:30px;
	max-width:1400px;
	position:relative;
	right:0;
	margin: 0 auto;
}

.RutaMarginal {
	padding-left:20px;
	padding-right:20px;
	
}

.RutaMarginalStor {
	padding-left:40px;
	padding-right:40px;
}


.RutaMarginalStorService {
	padding-left:40px;
	padding-right:40px;
}


#noteKontakt {
	width:100%;
	float:left;
}

#fieldsKontakt {
	width:100%;
	float:left;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border-radius:3px;
}

#fieldsKontaktMarginal {
	padding-left:25px;
	padding-right:25px;
	
}





#Kartpopup {
	width:100%;
	float:left;
	  font-family: 'Ovo';
	  text-transform:uppercase;
	  font-size:17px;
	  line-height:17px;
	  background-color:#FFF;
	  text-align:center;
	  padding-top:8px;
	  padding-bottom:8px;
	
}



#map-canvas {
	width:100%;
	height:560px;
	float:left;
	
}


.gmnoprint img {
    max-width: none;
}
#map-canvas {
	width: 100%;
	float: left;
	min-height: 250px;
	margin: 0px;
	margin-right: 0px;
}
#cd-zoom-in,
#cd-zoom-out {
    height: 28px;
    width: 28px;
    cursor: pointer;
    margin-left: 10px;
    background-color: #e7e7e3;
    border: solid 2px #000;
    background-repeat: no-repeat;
    -webkit-border-radius: 99px;
    -moz-border-radius: 99px;
    border-radius: 99px;
    background-size: 28px 56px;
    background-image: url("Grafik/cd-icon-controller.svg");
    margin-right: 50px;
    margin-bottom: 20px;
}
#cd-zoom-in {
    background-position: 50% 0;
    margin-bottom: 5px;
}
#cd-zoom-out {
    background-position: 50% -28px;
    margin-bottom: 40px;
}
.gm-style-iw {
    color: #000000;
    background-color: #fff;
    padding: 0px;
}
div.infowindow-content {
    min-width: 200px;
    color: #0A0A0A;
    position: absolute;
    z-index: 999;
    background-color: #ffffff;
    width: 110%;
    left: -20px;
    bottom: -16px;
    min-height: 20px;
    padding: 10px;
    padding-bottom: 0px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: .08em;
    font-weight: 700;
    color: #111;
    text-transform: uppercase;
}
.gm-style-iw + div {
    display: none;
}



.RamHallare {
	width:100%;
	float:left;
	position:relative;
}


.RamPadding {
	padding-right:30px;
	
}

.RamMarginal {
	padding-left:40px;
	padding-right:40px;
}

.RamMarginalMindre {
	padding-left:30px;
	padding-right:0px;
}




/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* Icon Fonts
*********************************/


/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0;  padding: 0;}

.flexslider .slides > li {display: none;  -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */


.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

.slides li {
	position:relative;
}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider {
	margin: 0px;
	background: #342a28;
	position: relative;

/*-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
	-o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
	box-shadow: 0 1px 4px rgba(0,0,0,.2);
	*/
	zoom: 1;
}
.flex-viewport { max-height: 422px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 422px; float:left; }
.flexslider .slides {
	zoom: 1;
	max-height:422px;
	overflow:hidden;
}
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(Grafik/bg_direction_nav.png) no-repeat 0 0; position: absolute; z-index:900; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 15px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 15px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 10px; z-index:100; text-align: center;}
.flex-control-nav li {margin: 0 3px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #a3956f; background: rgba(255,255,255,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

/* Loading
***********************/
.loading #container {opacity: 0;}
.loading:before  { content: 'LOADING'; display: block; height:450px; margin:0px 0 0; float:left; text-align: center; color: #fff; font-weight: bold; font-size: 60px; opacity: 0.3; }


@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}






.Innehall {
	width:100%;
	float:left;
	margin-top:160px;
	min-height:450px;
	overflow:hidden;
}



.current {
  color: #39ff14;
}
#container {
  margin: 0 auto;
  width: 100%;
  

}



.section {
	padding: 0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
	float:left;
	position:relative;
	clear:both;
	width: 100%;

}
.section p:last-child {
  margin-bottom: 0;
}


.fixed {
    position: fixed; 
    top: 0; 
    height: 70px; 
    z-index: 999;
}





.UnderrubrikHallare {
	width:100%;
	float:left;
	text-align:center;
	font-size:18px;
	line-height:20px;
	color:#9c3c3b;
	font-weight:700;
	font-family: 'Roboto', sans-serif;
	text-transform:uppercase;
	margin-bottom:6px;
	letter-spacing:0.15em;
}


#StartInnehallTextHallare {
	width:100%;
	float:left;
	text-align:center;
	margin-bottom: 0px;
}

#StartInnehallText {
	width:100%;
	max-width:760px;
	display:inline-block;
	text-align:left;
	font-size:15px;
	line-height:26px;
	color:#27383e;
	font-weight:300;
	letter-spacing: 0.02em;	
	
}



#CareerInnehallTextHallare {
	width:100%;
	float:left;
	text-align:center;
	margin-bottom: 120px;
	margin-top:40px;
}

#CareerInnehallText {
	width:100%;
	max-width:760px;
	display:inline-block;
	text-align:left;
	font-size:15px;
	line-height:26px;
	font-weight:300;
	color: #FFF;
	letter-spacing: 0.02em;	
	
}



#CareerRubrik {
	width:100%; 
	float:left; 
	color:#f1f0ed; 
	margin-bottom:20px; 
	text-align:center;
}



/** INNEHÅLLSDELAR **/

.Innehalldel {
	float:left;
	margin-bottom:15px;
}

.InnehalldelTextHallare {
	width:100%;
	float:left;
}


.InnehalldelText {
	width:100%;
	float:left; 	
	color:#313131; 
	margin-bottom:14px; 
	 font-size:17px;
	line-height:25px;
}




.InnehalldelText ul {
    padding-left: 0px
}

.InnehalldelText li {

    padding-left: 5px;
	line-height:20px;
	margin-top:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:12px;
	padding-top:0px;
	padding-left:25px;
  list-style:disc;
}


.InnehalldelHallare h2 {
	margin-bottom:20px;
	font-size:35px;
	line-height:40px;
	font-family: ToyotaType-Regular;
	border-bottom:solid 0px #000;
	padding-bottom:0px;
	color:#000;
}

.InnehalldelTextHallare h2 {
		font-size:25px;
	line-height:29px;
	margin:0;
	font-weight:normal;
	margin-bottom: 2px;
	letter-spacing:0.0em;
	text-transform:none;
	
}

.Hoger {
	float:right;
}

.Fyllbild img,object,embed{max-width:100%}img{height:auto;}	

.Rundbild.Fyllbild.Bredd25.Tredjedel {
	
}



.Rundbild img {
	border-radius: 250px;
	-webkit-border-radius: 250px;
	-moz-border-radius: 250px;
}



.InnehallDelMarginal {
	padding-left:30px;
	padding-right:30px;
	
}


.Kolumner {

    padding: 50px;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
	text-align: left;
	font-size: 16px;
	line-height: 25px;
	column-fill: auto;
}


.LitenText {
	text-align: left;
	font-size: 18px;
	line-height: 27px;
	width: calc(40% - 100px);
	padding: 50px;
	float: left;
}

.LitenText b {
	    font-family: ToyotaType-Semibold;
}

.Magnus {
	background-image: url("Grafik/MFS9.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	margin-left: 0px;
	width: calc(60% - 50px);
	margin-left: 50px;
	height: 600px;

	margin-top: 50px;
	margin-bottom: 50px;
	float: right;
	position: relative;
	
}

#MagnusStreck { width: 130px; height: 6px; background-color:#39ff14; position: absolute; top: 0px; right: 0px; }

#MagnusText {
  position: absolute;
    bottom: 0px;
    padding: 50px;
    width: calc(100% - 100px);
    font-size: 33px;
    font-family: ToyotaType-Semibold;
    color: #fff;
    padding-bottom: 50px;
    line-height: 45px;
    text-align: left;
    max-width: 600px;
	
}

#MagnusText b { color: #39ff14; }


.Bredd100 {
	width:100%;
	float: left;
}

.Bredd75 {
	width:75%;
	float: left;
}

.Bredd67 {
	width:66.7%;
	float: left;
}

.Bredd50 {
	width:50%;
	float: left;
}

.Bredd33 {
	width:33.3%;
	float:left;
}

.Bredd25 {
	width:25%;
}




/*** NYTT ***/

.UnderRubrik {
	width:100%;
	float:left;
	text-align:center;
	margin-top:12px;
	margin-bottom:0px;
	line-height:21px;
	color:#59544f;

	font-weight:normal;
	font-size:18px;
}


#KontaktinfoHallare {
	width:100%;
	float:left;
	border-top:solid 0px #e9eceb;
	padding-top:0px;
	margin-bottom:0px;
	text-align:center;
}

#KontaktinfoHallare b {
	font-family: ToyotaType-Regular;
}

.KontaktinfoRuta {
	border-left:solid 0px #dbdddc;
	border-right:solid 0px #dbdddc;
	background-color:#fff;
	color:#222;

	padding-top:0px;
	margin-bottom:70px;
	text-align:center;
	font-size:20px;
	line-height:34px;
	float:none;
/*	max-width:500px;*/
	display:inline-block;
	vertical-align: text-top;

	

}

.KontaktinfoRuta ul {
padding-left: 0px;	
}

.KontaktinfoRuta li {

	text-align: left;
	font-size: 16px;
	line-height: 29px;
	float: left;
	list-style-type:none;
	
	
}

.KontaktinfoRuta li a { color: #282830; }
.KontaktinfoRuta li a:hover { color: #000; }

.KontaktinfoRutaMarginal { padding-left:40px; padding-right:40px; }


.DokumentRuta { 
width: calc(100% - 0px);
	padding: 0px;
	padding-top: 70px;
	padding-bottom: 70px;
	margin-bottom: 0px;
	margin-top: 40px;
	background-color: #eaeaea;
	background-color: #3aff16;
	color: #282830;

}

/*** BILDSNURRA ***/
#owl-demo .item{
	margin: 3px;
	width:100%;
	float:left;
	position: relative;
	cursor:pointer;
}
#owl-demo .item img{
  display: block;
  width: 100%;
  height: auto;
}


.LitenBildMarginal {
	padding-right:18px;
	padding-bottom:10px;
	padding-top:4px;
	max-width:140px;
}

.LitenBildNyhet {
	padding-left:23px;
	padding-bottom:10px;
	padding-top:0px;
	max-width:240px;
}

.StorBildNyhet {
	float:left;
	width:100%;
	margin-bottom:14px;
	margin-top:10px;
}

.Ingress { font-size:17px; line-height:21px; }










#InternationalKolumnVanster {
	width:33.3%;
	float:left;
	font-size:13px;
	line-height:22px;
	color:#27383e;
	font-weight:300;
	margin-bottom:50px;
	letter-spacing: 0.03em;
}

#InternationalKolumnVanster p {
	font-size:13px;
	line-height:22px;
	color:#27383e;
	font-weight:300;
	margin-bottom:0px;
}

#InternationalKolumnHoger {
	width:66.7%;
	float:left;
	font-size:15px;
	line-height:26px;
	color:#27383e;
	font-weight:300;
	margin-bottom:75px;
	position: relative;
	
}



.InnumbersSiffra {
	font-size:22px;
	font-weight:bold;
	width:25%;
	float:left;
	padding-top:5px;
	max-width:135px;
	line-height:17px;
}

.InnumbersText {
	font-size:13px;
	width:75%;
	float:left;
	padding-top:5px;
	letter-spacing:0.04em;
	padding-bottom:5px;
	line-height:17px;
}

.InnumbersTextMarginal {
	padding-left:20px;
	
}



/*************** NYHETER-LISTA ***************/


.Nyheterlista {
	width:100%;
	float:left;
	margin-top:5px;
}

.Nyheterlista li {
	float: left;
	width: 100%;

	height:auto;
	text-align:left;

	text-transform:none;
	border-bottom:solid 1px #eae9e7;
	
	margin-bottom:11px;
	padding-bottom:11px;
}

.Nyheterlista li a {
	display: block;
	text-decoration:none;
	color:#555;
	padding-top:7px;
	padding-bottom:7px;

	padding-left:25px;
	background-position:0px center;
	background-repeat:no-repeat;
	
}

.Nyheterlista li a:hover {
	/*border-bottom:solid 1px #d5d5d5;*/
	color:#000;
	text-decoration:none;
	text-decoration:underline;
}

.Nyheterlista li a.Aktiv {
/*	border-bottom:solid 1px #d5d5d5;*/
	background-color:#121212;
		background-color:#f1f2f3;
	color:#121212;
	font-weight:bold;
}

.Nyheterlista li a.Aktiv:hover {
	/*border-bottom:solid 1px #e6e6e6;*/
	text-decoration:none;
}


.NyheterListaAktiv {
	/*background-color:#f8f0e6;*/
	background-image:url(Grafik/NyheterPilAktiv.png)  !important;
	background-repeat:no-repeat;
	background-position:left center;
	/*padding-left:20px;*/
}


#UnderKartanHallare {
	width:100%;
	float:left;
	text-align:center;
}

#UnderKartanHallareMobil {
		width:100%;
	float:left;
	text-align:center;
	display:none;
	margin-top:26px;
}

#UnderKartanHallareInne {
		background-color:#042943;
	padding-top:15px;
	padding-bottom:15px;
	display:inline-block;
	width:100%;
	max-width:580px;
	text-align:left;
}

#UnderKartanHallareMarginal {
	padding-left:15px;
	padding-right:15px;
}

#UnderKartanInnehall {
	width:auto;
	max-width:350px;
	white-space:nowrap;
	background-color:#fbfbfa;
	padding:7px;
	padding-left:13px;
	padding-right:13px;
	float:left;
	
}


#Clairfield {
	width:100%;
	max-width:160px;
	float:right;
	margin-top:2px;
}

#Clairfield  img,object,embed{max-width:100%}img{height:auto}

#KartaRutaBlank {
	position:absolute;
	right:2px;
	top:0px;
	z-index:1;
	height:1px;
	line-height:1px;
	width:220px;
}

.KartRuta {
	position:absolute;
	right:0px;
	top:10px;
	background-repeat:repeat;
	background-image:url(Grafik/KartRutaBg.png);
	border:solid 1px #282f31;
	padding-top:10px;
	padding-bottom:10px;
	color:#274558;
	font-size:13px;
	line-height:18px;
	letter-spacing:0.04em;
	text-align:left;
	z-index:10;
	width:220px;	
	-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.31);
-moz-box-shadow:    0px 1px 2px 0px rgba(50, 50, 50, 0.31);
box-shadow:         0px 1px 2px 0px rgba(50, 50, 50, 0.31);
}

.KartRutaRubrik {
	width:100%;
	float:left;
	padding-bottom:10px;
	font-size:13px;
	text-transform:uppercase;
	letter-spacing:0.06em;
	text-align:center;
	margin-bottom:10px;
	line-height:20px;
	font-weight:500;
	border-bottom:solid 1px #282f31;
	
}

.KartRutaKontor {
	width:100%;
	float:left;
	font-size:14px;
	letter-spacing:0.06em;
	margin-bottom:4px;
	font-weight:500;
}

.KartRutaMarginal {
	padding-left:15px;
	padding-right:15px;
	
}


.KartaStreck {
	width:0px;
	position:absolute;
	z-index:5;
	height:1px;
	background-color:#282f31;
	line-height:1px;
	  -ms-transform: rotate(7deg); /* IE 9 */
    -ms-transform-origin: top left; /* IE 9 */
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: top left; /* Chrome, Safari, Opera */
    transform: rotate(7deg);
    transform-origin: top left;
	
		
}

#KartaHallare { text-align:center; }

#NordicHallare {
	width:auto;
	display:inline-block;
	white-space:nowrap;
	text-align:left;
	font-size:12px;
	line-height:13px;
	letter-spacing:0.05em;

}

#InternationalHallare {
	width:auto;
	display:inline-block;
	white-space:nowrap;
	text-align:left;
	font-size:12px;
	line-height:13px;
	letter-spacing:0.05em;
		margin-right:20px;
		
}


#NordicHallareMobil {
	width:100%;
	display:none;
	white-space:nowrap;
	text-align:center;
	font-size:12px;
	line-height:13px;
	letter-spacing:0.05em;

}

#InternationalHallareMobil {
		width:100%;
	display:none;
	white-space:nowrap;
	text-align:center;
	font-size:12px;
	line-height:13px;
	letter-spacing:0.05em;
		margin-right:20px;
		margin-bottom:6px;
}

#IkonerKartaMobil {
	width:100%;
	float:left;
	text-align:center;
	display:none;
	margin-top:25px;
	font-weight:300;
}


#NordicIkon { color:#8a3533; font-size:10px; margin-right:2px; }

#InternationalIkon {
	color:#afaeae;
	height:9px;
	width:9px;
	margin-right:2px;
	display:inline-block;
	background-color:#afaeae;
	border:solid 1px #7e7e7e;
}

a.ForstoringKarta, a.ForstoringKarta:link, a.ForstoringKarta:visited {
	width:9px;
	height:9px;
	cursor:pointer;
	position:absolute;
	color:#8a3533;
	text-align:center;
	font-weight:400;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:0.1em;
	line-height:9px;
	font-size:9px;
	margin-left:8px;
	z-index:10;
	margin-top:-4px;
	opacity:0;
	
}
a.ForstoringKarta:hover {
	color:#af4e4d;
	text-decoration:none;
	font-size:11px;
	transition: all .1s ease-in-out;
 -moz-transition: all .1s ease-in-out;
 -webkit-transition: all .1s ease-in-out;
 -o-transition:   all .1s ease-in-out; /* For IE8 and earlier */
}


.ForstoringKartaAktiv {
	color:#af4e4d !important;
	font-size:11px !important;
	}



a.ForegaendeStad, a.ForegaendeStad:link, a.ForegaendeStad:visited {
	width:10px;
	height:20px;
	padding-left:2px;
	padding-right:2px;
	line-height:20px;
	float:left;
	cursor:pointer;
}
a.ForegaendeStad:hover {
	opacity: .6!important; 
	filter:alpha(opacity=60);
}

a.NastaStad, a.NastaStad:link, a.NastaStad:visited {
	width:10px;
	padding-left:2px;
	padding-right:2px;
	height:20px;
	line-height:20px;
	float:right;
	cursor:pointer;
}
a.NastaStad:hover {
		opacity: .6!important; 
	filter:alpha(opacity=60);
}




#InternationalKolumnNyheter {
	width:40%;
	float:left;
	font-size:15px;
	line-height:26px;
	color:#27383e;
	font-weight:300;
	margin-bottom:100px;
}

#InternationalKolumnLander {
	width:60%;
	float:left;
	font-size:15px;
	line-height:26px;
	color:#27383e;
	font-weight:300;
		margin-bottom:100px;
}



#InternationalVansterMarginal {
	padding-right:20px;
}

#InternationalHogerMarginal {
	padding-left:20px;
}


#TeamKolumnHallare {
	margin-right:-20px;
}


.TeamKolumnHoger ul {
    padding-left: 0px
}

.TeamKolumnHoger li {
    list-style-image: url(Grafik/ListaPil.png);
    padding-left: 5px;
	line-height:20px;
	margin-top:0px;
	
	
	
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:12px;
	
	background: url(Grafik/ListaPil.png) no-repeat left 2px;
	padding-top:0px;
	padding-left:25px;
  list-style: none;
}




.TeamHallare:hover {
	-webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.14);
-moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.14);
box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.14);
}

.TeamKolumnHelaRam {
	width:100%;
	float:left;
	background-color:#ffffff;
	border:solid 1px #e0ded8;
		box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border-top:none;
	padding-top:16px;
	padding-bottom:15px;
	text-align:center;
	color:#27383e;
	letter-spacing:0.05em;
}

.TeamKolumnHelaRamMarginal {
	padding-left:20px;
	padding-right:20px;
	
}


.TeamKolumnMarginal {
	padding-left:20px;
	padding-right:0px;
}

.TeamBild {
	width:40%;
	float:left;
	background-color:#c7c6c2;	
}

.TeamInfo {
	padding-top:25px;
	
	width:60%;
	float:left;
	
	position: relative;
}


.TeamKolumnVanster {
	width:33%;
	float:left;
}

.TeamKolumnHoger {
	width:67%;
	float:left;
	font-size:16px;
	line-height:20px;
	
	
}

.TeamPopupInnehall {
	display:block;
	width:100%;
	height:auto;
	position:relative;

}

.TeamKolumnHogerMarginal {
	padding-left:30px;
	
}


.Portratt {
/*-webkit-filter: grayscale(100%); filter: grayscale(100%);*/ cursor:pointer;
}
.Portratt:hover {
/*-webkit-filter: grayscale(10%); filter: grayscale(10%);	
	 transition: all .1s ease-in-out;
 -moz-transition: all .1s ease-in-out;
 -webkit-transition: all .1s ease-in-out;
 -o-transition:   all .1s ease-in-out; /* For IE8 and earlier */
}







#PhilosophyHallare {
	width:100%;
	float:left;
	padding-top:60px;
	padding-bottom:60px;
	text-align:center;
		background-color:#FFF;
		background-color:#e9eceb;
		border-bottom:solid 2px #dde1e0;
	
		

}


#PhilosophyHallareInne {
	width:100%;
	float:left;
	border-bottom:solid 3px #dbdfde;
}





#PhilosophyRubrik {
	width:100%; 
	float:left;
	text-align:center;
	font-size:16px;
	margin-bottom:35px;
	text-align:center;
	text-transform:uppercase;
	 font-family: 'BellGothicStd-Black';
}


a.PhilosophyHallare, a.PhilosophyHallare:link, a.PhilosophyHallare:visited {
	width:25%;
	background-position:center 3px;
	background-repeat:no-repeat;
	background-size:70px 70px;
	position:relative;
	padding-top: 67px;
	padding-bottom: 24px;
	display:block;
	float:left;
	color:#222 !important;
	font-family: 'Ovo';
	margin-top:-1px;
	margin-bottom:0px;
	-webkit-border-radius:0px;
	-moz-border-radius: 0px;
	border-radius:0px;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:0.03em;
	font-size:15px;
	line-height:22px;
	vertical-align:middle;
	position:relative;
	height:auto;
	text-align:center;
	background-color:#e9eceb;
	background-color:#FFF;
	border:solid 1px #dde1e0;
	margin-left:-2px;
}
a.PhilosophyHallare:hover {

	background-color:#f5f6f6;


	text-decoration:underline;
	transition: all .2s ease-in-out;
 -moz-transition: all .2s ease-in-out;
 -webkit-transition: all .2s ease-in-out;
 -o-transition:   all .2s ease-in-out; /* For IE8 and earlier */
}




.PhilosophyHallareMarginal {
	padding-left:7px;
	padding-right:7px;
}

.PhilosophyKolumn {
	width:50%;
	float:left;
}

.PhilosophyKolumnMarginalVanster {
	padding-right:4px;
}

.PhilosophyKolumnMarginalHoger {
	padding-left:4px;
}



/*
#Philo1 { display:none; z-index:20; }
#Philo2 { display:none; z-index:19; }
#Philo3 { display:none; z-index:18; }
#Philo4 { display:none; z-index:17; }
*/

.InnehalldelHallare {
	width:100%;
	float:left;
	background-color:#3aff16;
	padding-top:70px;
	padding-bottom:70px;
}


.UndersidaKnapparHallare {
	width:100%;
	float:left;
	margin-top:50px;
	
	
}

.UndersidaKnapparHallareKnapp100 {
	width:100%;
	float:left;
	margin-top:50px;
	
	
}

a.RodKnapp, a.RodKnapp:link, a.RodKnapp:visited {
	width:auto;
	height:50px;
	cursor:pointer;
	display:inline-block;
	color:#333;
	padding: 0px 0px 0px 0px;
	padding-left:45px;
	padding-right:45px;
	margin-top:0px;
	margin-bottom:0px;
	
	background-color:#e6e6e6;

	margin-right:3px;
	font-weight:normal;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:0.04em;
	line-height:50px;
	padding-top:0px;
	font-size:15px;
	height:auto;

}
a.RodKnapp:hover {

	text-decoration:underline;
	 background-color:#e6e6e6;
}


a.RodAktiv, a.RodAktiv:link, a.RodAktiv:visited {
	background-color:#3aff16;
	background-image:none !important;

	color:#000;
		
		 text-decoration:underline;

}
a.RodAktiv:hover {
	text-decoration:underline;
	
}




#TeamKnapparHallare {
	width:100%;
	float:left;
	margin-top:30px;
	text-align:center;

}

#LasMerKnappHallare {
	width:100%;
	float:left;
	text-align:center;
	margin-top:-10px;
		margin-bottom:30px;
	
}

.LasMerKnapp, .LasMerKnapp a {
	cursor: pointer;
	background:transparent;
	border:solid 1px #015b5b;
	width:100%;
	max-width:200px;
	display:inline-block;
	font-family: 'BellGothicStd-Bold';
	height:43px;
	background-repeat:no-repeat;
	background-position:right top;
	line-height:43px;
	padding-top:2px;
	color:#e9eceb;
	font-size:14px;
	text-transform:uppercase;
	letter-spacing:0em;
	text-align:center;
	margin-bottom:0px;
	margin-right:0px;

	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-border-radius:0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-appearance: none;
		 transition: all .2s ease-in-out;
 -moz-transition: all .2s ease-in-out;
 -webkit-transition: all .2s ease-in-out;
 -o-transition:   all .2s ease-in-out; /* For IE8 and earlier */

	
}
.LasMerKnapp:hover, LasMerKnapp a:hover {
	color:#FFF;
	background-color:#018971;
	text-decoration:underline;
	 transition: all .2s ease-in-out;
 -moz-transition: all .2s ease-in-out;
 -webkit-transition: all .2s ease-in-out;
 -o-transition:   all .2s ease-in-out; /* For IE8 and earlier */
}




.LasMerKnapp2, .LasMerKnapp2 a {
	cursor: pointer;
	background:transparent;
	border:solid 1px #015b5b;
	width:100%;
	max-width:200px;
	display:inline-block;
	font-family: 'BellGothicStd-Bold';
	height:38px;
	background-repeat:no-repeat;
	background-position:right top;
	line-height:38px;
	padding-top:2px;
	color:#e9eceb;
	font-size:14px;
	text-transform:uppercase;
	letter-spacing:0em;
	text-align:center;
	margin-bottom:0px;
	margin-right:0px;

	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-border-radius:0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-appearance: none;
		 transition: all .2s ease-in-out;
 -moz-transition: all .2s ease-in-out;
 -webkit-transition: all .2s ease-in-out;
 -o-transition:   all .2s ease-in-out; /* For IE8 and earlier */

	
}
.LasMerKnapp2:hover, LasMerKnapp2 a:hover {
	color:#FFF;
	background-color:#018971;
	text-decoration:underline;
	 transition: all .2s ease-in-out;
 -moz-transition: all .2s ease-in-out;
 -webkit-transition: all .2s ease-in-out;
 -o-transition:   all .2s ease-in-out; /* For IE8 and earlier */
}



.LaddaTransactionsKnapp {
	width:auto;

	height:46px;
	padding-left:60px;
	padding-right:60px;
	cursor:pointer;
	display:inline-block;
	color:#222;
	padding: 0px 60px 0px 60px !important;
	margin-top:-1px;
	margin-bottom:15px;
	background-color:#fff;
	
	
	
	border:solid 1px #018971;

	font-family: 'BellGothicStd-Bold';
	

	text-transform:uppercase;
	letter-spacing:0em;
	line-height:46px;
	font-size:14px;
	height:auto;
	background-repeat:no-repeat;
	background-position:right center;
	

}
.LaddaTransactionsKnapp:hover {
	color:#FFF;
	background-color:#018971;
	text-decoration:underline;
	 transition: all .2s ease-in-out;
 -moz-transition: all .2s ease-in-out;
 -webkit-transition: all .2s ease-in-out;
 -o-transition:   all .2s ease-in-out; /* For IE8 and earlier */


}

.LaddaTransactionsKnappDisabled {
		width:auto;
	border:solid 1px #e9eceb;
	height:46px;
	padding-left:60px;
	padding-right:60px;
	cursor:pointer;
	display:inline-block;
	color:#81949a !important;
	padding: 0px 60px 0px 60px !important;
	margin-top:-1px;
	margin-bottom:15px;
	background-color:#f4f3f1;
	background-color:#e9eceb;

font-family: 'BellGothicStd-Bold';
	text-transform:uppercase;
	letter-spacing:0.1em;
	line-height:46px;
	font-size:14px;
	height:auto;
	background-repeat:no-repeat;
	background-position:right center;
	
}

.LaddaTransactionsKnappDisabled:hover {
	background-color:#d8dcdb;
	
}


.animation_image {
	width:25px;
	height:25px;
	display:inline-block;
	text-align:center;
	
}

.page_result {
	
}



.ServicesHallareMarginal {
	width:100%;
	max-width:210px;
	display:inline-block;	
}

.ServicesKolumn {
	width:50%;
	float:left;
}

.ServicesKolumnMarginalVanster {
	padding-right:4px;
}

.ServicesKolumnMarginalHoger {
	padding-left:4px;
}


.ServiceRuta {
	width:25%;
	float:left;
	border:solid 1px #27383e;
	background-color:#faf9f7;
	padding-top:40px;
	margin-left:-3px;
	margin-top:-1px;
	padding-bottom:40px;
}

.ServiceRutaMarginal {
	padding-left:35px;
	padding-right:35px;
}

.ServiceRutaText {
	width:100%;
	float:left;
	text-align:left;
	font-size:13px;
	line-height:18px;
	font-weight:300 !important;
	letter-spacing:0.02em;
	
}

.ServiceRutaText ul {
	margin-top:15px;
	padding-left:18px;
}

.ServiceRutaText li {
	list-style-type:disc;
	list-style:disc;
	
	margin-bottom:7px;
}


img[usemap] {
		border: none;
		height: auto;
		max-width: 100%;
		width: auto;
	}


/*** IKONER ***/



#nav-icon4 {
	display: none;
    width: 44px;
    height: 44px;
    position: fixed;
    z-index: 999;
    right: 20px;
    top: 5px;
    margin-top: 18px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    background-color: #fff;
    border-radius: 99px;
}

#nav-icon4 span {
  display: block;
    position: absolute;
    height: 2px;
    width: 20px;
    background: #222;
    border-radius: 0px;
    opacity: 1;
    left: 12px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    margin-top: 14px;
}




/* Icon 4 */

#nav-icon4 {
}

#nav-icon4 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
  top: 7px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(3) {
  top: 14px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0px;
  left: 15px;
   background: #222;
}

#nav-icon4.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-icon4.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 14px;
  left:15px;
  background: #222;
}


.etabs { margin: 0; padding: 0; }
.tab { display: inline-block; zoom:1; *display:inline; margin-right:0px; background: #6b94a2; border: solid 1px #6b94a2; border-bottom: none; -moz-border-radius: 0px 0px 0 0; -webkit-border-radius: 0px 0px 0 0; }
.tab a { font-size: 13px; font-weight:400; letter-spacing:0.06em; text-transform:uppercase; color:#e8eef0; line-height: 40px; display: block; padding: 0 40px; outline: none; }
.tab a:hover { text-decoration: underline; }
.tab.active { background: #fff; color:#415e67; position: relative; top: 1px; padding-top:1px; border-color: #6b94a2; }
.tab a.active { font-weight: bold; color:#415e67; }
.tab-container .panel-container { background: #fff; border: solid #6b94a2 1px; padding: 40px; padding-top:25px; padding-bottom:30px; -moz-border-radius: 0px 0px 0 0; -webkit-border-radius: 0px 0px 0 0; }










/* background setup */
.background {
    background-repeat:no-repeat;
    /* custom background-position */
    background-position:50% 50%;
    /* ie8- graceful degradation */
    background-position:50% 50%\9 !important;
}


.fullscreen,
.content-a {
    width:100%;
    height:100%;
    overflow:hidden;
}
.fullscreen.overflow,
.fullscreen.overflow .content-a {
    height:auto;
    min-height:100%;
}

/* content centering styles */
.content-a {
    display:table;
}
.content-b {
	display:table-cell;
    position:relative;
	vertical-align:middle;
	text-align:center;
}

.not-fullscreen {
    height:50%;
}



  #cookie-banner {
    position: fixed;
    inset: auto 16px 30px 16px;
    z-index: 9999;
  }

#cookie-banner-rubrik {
font-size: 20px;
	font-family: ToyotaType-Semibold;
	line-height: 18px;
	margin-bottom: 0px;
}

  .cookie-banner__box {
    max-width: 720px;
    margin: 0 auto;
    background: #fff;
    color: #282830;
    padding: 30px;

    border-radius: 12px;
    box-shadow: 0 8px 24px rgb(0 0 0 / 52%);
	 /* border: solid 2px #282830;*/
  }

.cookie-banner__box p {
		  font-size: 15px;
	line-height: 19px;
}

  .cookie-banner__actions {
    display: flex;
    gap: 12px;
    margin-top: 16px;
	   justify-content: flex-end;
  flex-wrap: wrap;
  }

  .cookie-banner__actions button {
   padding: 14px 46px;
    border: 0;
    border-radius: 0px;
    cursor: pointer;
    font-size: 15px;
	  font-weight: normal;
    font-family: 'ToyotaType-Book';
  }

#cookie-reject-all {
	background-color: #ffffff;
    border: solid 2px #282830;
	color: #282830;
}

#cookie-reject-all:hover {
	text-decoration: underline;
	opacity: 0.8;
}

#cookie-accept-all {
	background-color: #282830;
    color: #fff;
	border: solid 2px #282830;
}

#cookie-accept-all:hover {
text-decoration: underline;
	opacity: 0.8;
}

.cookie-banner__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.cookie-banner__row p {
  margin: 0;
  flex: 1;
}

/* Desktop: knappar på rad */
.cookie-banner__actions {
  display: flex;
  gap: 12px;
  flex-shrink: 0;
}

/* Mobil: stapla */
@media (max-width: 600px) {
	
  #cookie-banner {
    inset: auto 16px 16px 16px;
  }	
	
#cookie-banner-rubrik {
	margin-bottom: 10px;
}	
	
  .cookie-banner__row {
    flex-direction: column;
    align-items: flex-start;
  }

  .cookie-banner__actions {
    width: 100%;
    justify-content: flex-start;
    margin-top: 12px;
  }
	
.cookie-banner__actions button {
    flex: 1;
    width: 50%;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
  }	
}



@font-face {
    font-family: ToyotaType-Semibold;
    src: url(fonts/ToyotaType-Semibold.eot);
    src: url(fonts/ToyotaType-Semibold.eot?#iefix) format("embedded-opentype"),url(fonts/ToyotaType-Semibold.otf) format("opentype"),url(fonts/ToyotaType-Semibold.woff) format("woff"),url(fonts/ToyotaType-Semibold.ttf) format("truetype"),url(fonts/ToyotaType-Semibold.svg#ToyotaType-Regular) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: ToyotaType-Regular;
    src: url(fonts/ToyotaType-Regular.eot);
    src: url(fonts/ToyotaType-Regular.eot?#iefix) format("embedded-opentype"),url(fonts/ToyotaType-Regular.otf) format("opentype"),url(fonts/ToyotaType-Regular.woff) format("woff"),url(fonts/ToyotaType-Regular.ttf) format("truetype"),url(fonts/ToyotaType-Regular.svg#ToyotaType-Regular) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: ToyotaType-Book;
    src: url(fonts/ToyotaType-Book.eot);
    src: url(fonts/ToyotaType-Book.eot?#iefix) format("embedded-opentype"),url(fonts/ToyotaType-Book.otf) format("opentype"),url(fonts/ToyotaType-Book.woff) format("woff"),url(fonts/ToyotaType-Book.ttf) format("truetype"),url(fonts/ToyotaType-Book.svg#ToyotaType-Book) format("svg");
    font-weight: 300;
    font-style: normal
}