@media handheld, only screen and (max-width: 1330px) {

.Symbol {
    width: 170px;
    height: 170px;
    top: 40px;
    right: 140px;
 
}
}

@media handheld, only screen and (max-width: 1160px) {
	
	
	a.PhilosophyHallare, a.PhilosophyHallare:link, a.PhilosophyHallare:visited {
	width:50%;
	margin-bottom:0px;
	}
	
	#PhilosophyHallareInne { display:inline-block; max-width:700px; float:none; }
	
	#KontaktBlank {
	display:none;
}

#KontaktInfo {
	width:50%;
	text-align:center;
	float:left;
}



#KontaktInfoMarginal {
	padding-left:0px;
	max-width:400px;
	width:100%;
	text-align:left;
	display:inline-block;
}
}




@media handheld, only screen and (max-width: 1140px) {
	
	
.VisaNav { right:0px !important; 

opacity: 1 !important;  
filter:alpha(opacity=100) !important;
min-height:100%  !important;
bottom:0px !important;
background-color:#282830 !important;

}
	

	#Mobilmeny { display:block; }
	#Menyikon, Menyikon a{ display:block; }
	
	#nav li ul {
	display: none !important;
	}
	
	#Header { top:0px; 
	padding-top: 15px;
      
        padding-bottom: 50px;
		
		z-index: 990;
	
	
	}
	
	.HeaderAktiv {
		
		background-color:#282830 !important;
		padding-bottom: 10px !important;
	
	}
	
	.MarginalNav { padding-left:80px !important; padding-right:80px  !important; }
	
	#AdressHallare { display:none; }
	
		#nav-icon4 { display:block; }
		
		#SprakListaMobil { display:block; }
	
	#navHallare { right:-1140px; height:100%; position:fixed;
	opacity: 0; filter:alpha(opacity=0);
		
			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;
	
	top:0px; padding-top:0px !important; padding-bottom:0px; min-width: 100% !important; }
	
	#Introtext { bottom:0px !important; }
	
		#nav li a { padding-bottom:20px !important; 
		padding-top:34px !important;
	

		float:left;
		width:100%;
		line-height:20px;
		text-align:center;
		padding-left:0px;
		padding-right:0px;
			font-size: 22px;
	
		border-bottom:solid 5px #282830;
		
		}
		
		
		
		#nav .current a {

		
}
	
	#nav li {
	width:100%;
	float:left;
	text-align:center;
	display:inline-block;
	}
	
	#nav { padding-top:125px; padding-bottom:20px; 	background-color:#282830; }
	
	
	
.LitenText { 
	width: calc(50% - 0px);
	padding: 0px;
		padding-top: 50px;
		padding-bottom: 50px;
	font-size: 16px;
	line-height: 25px;
	
	}
	
	
	.Magnus {
	width: calc(50% - 50px);
	margin-left: 50px;
	height: 600px;
}

	
	#MagnusText {
    max-width:1000px;
		font-size: 25px;
		line-height: 30px;
}
	
	

	
}


@media handheld, only screen and (max-width: 1040px) {
	
	
		
	

.TeamKolumnEnHallare {
	width:50%;
	}
	
.Symbol {
	width:140px;
	height:140px;
	position:absolute;
	top:-70px;
	right:70px;
}

.Symbol2 {
	width:140px;
	height:140px;
	position:absolute;
	bottom:-90px;
	right:0px;
}



	#ServicesHallareInne {
	width:100%;
	display:inline-block;
	float:none;
}

#ServiceKolumnHoger {
	width:100%;
	margin-top:40px;
}

#ServiceKolumnHogerMarginal { padding-left:0px; }

.ServiceKolumnHogerBlanka { display:none; }

#ContactUs { width:auto !important; }


.TransaktionerKolumnEnHallare {
	width:50%;
	}

	.Marginal {
	padding-left:40px;
	padding-right:40px;
	}
	
	
	.MarginalMindre {
	padding-left:40px;
	padding-right:40px;
	}
	
	
		.MarginalBredare {
	padding-left:40px;
	padding-right:40px;
	}


	
	#NyhetArkivHallareMarginal {
	padding-left:15px;
}




}


@media handheld, only screen and (max-width: 945px) {
#Clairfield {
	width:100%;
	max-width:145px;
	float:right;
	margin-top:3px;
}
}


@media handheld, only screen and (max-width: 920px) {


#Statistik1 { display:none; width:100%; float:left; margin-bottom:20px; }
#Statistik2 { display:none; width:100%; float:left; margin-bottom:20px; }
#Statistik3 { display:none;width:100%; float:left; margin-bottom:20px; }

#StatistikMaxHallare { height:auto; min-height:430px; }

#StatistikFalt { padding-top:60px; padding-bottom:60px; }

	
	.KontaktBildHallare {
	width:100%;
	margin-bottom:30px;
	float:left;
	text-align:center;
	}



	.KontaktBildHallare img {
	display:inline-block;
	float:none;
	max-width:250px;
	}






}

@media handheld, only screen and (max-width: 890px) {
	
	
	    #Startrubrik {
        font-size: 60px;
        line-height: 70px;
  
    }
	

	.Bredd33 {
	width:50%;
}
	
	.SistaLander { display:inline-block; }
.SistaLanderMobil { display:none; }
.LanderSpalt {
	width:32%;
}
	
	
	a.ForstoringKarta, a.ForstoringKarta:link, a.ForstoringKarta:visited {
	line-height:7px;
	font-size:7px;
	margin-left:-4px;
	margin-top:11px;
	}
	
	a.ForstoringKarta:hover {
		font-size:9px;
		
	}
	
	.ForstoringKartaAktiv {
	color:#af4e4d !important;
	font-size:9px !important;
	}

	
	
	.KartaStreck {
	margin-left:-13px;
	margin-top:13px;
		
	}
	

#InternationalKolumnVanster {
	width:100%;
	height:auto !important;
	margin-bottom:35px;
	font-size:14px;
	line-height:21px;
}

#CareerInnehallText {
		font-size:14px;
	line-height:21px;
}

#StartInnehallText {
	font-size:14px;
	line-height:21px;
}

#InternationalKolumnHoger {
	width:100%;
	height:auto !important;
		margin-bottom:35px;
}


#InternationalKolumnNyheter {
	width:100%;
	border-top:solid 1px #CCC;
	padding-top:25px;
	margin-bottom:40px;
}

#InternationalKolumnLander {
	width:100%;
		margin-bottom:100px;
}



#InternationalVansterMarginal {
	padding-right:0px;
}

#InternationalHogerMarginal {
	padding-left:0px;
}
	
	#KartaHallare { margin-left:-70px; margin-right:-70px;  }
	
	
	
	.Bredd25.Halv {
	width:33.3%;
	}
	
	.Bredd75.Halv {
	width:66.7%;
	}
	
	.DukMarginal {
	padding-left:20px;
	padding-right:40px;
}
.PressMarginal { padding-right:0px;  }
#PressArkivHallareMarginal { padding-left:20px; }



}


@media handheld, only screen and (max-width: 790px) {
	
	
	.LitenText { width: 100%;
		float: right;
		padding-top: 30px;
		 
	}
	
		.Magnus {
	width: calc(100% - 0px);
	margin-left: 0px;
	height: 400px;
	float: left;
	margin-top: 20px;
	margin-bottom: 0px;
			
}
	
		#MagnusText {
  width: calc(100% - 80px);
    padding: 40px;
    padding-bottom: 40px;
}
	
	
	#KontaktformularVanster { width:100%; }
	#KontaktformularHoger { width:100%; }
	
	#KontaktformularVansterMarginal {
	padding-left:0px;
}

#KontaktformularHogerMarginal {
	padding-right:0px;
}

#Kontaktformular { padding-bottom:60px; }

.SkickaKnapp { max-width:100%; }

#NodvandigaFalt { display:none; }
	
		

		.Bredd25 { width:100%; }
	
	.Bredd25.Tredjedel {
	width:33.3%;
	}

	
	
		#KontaktformularHallare {
		width:100%;
	float:right;
	margin-top:10px;
}

#KontaktPersoner {
		width:100%;
	float:left;
	margin-top:10px;
}
		
		.KontaktBildHallare {
	width:50%;
	margin-bottom:30px;
	float:left;
}

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


		
		#NyheterMarginal {
	padding-right:0px;
}

.NyheterMarginal {
	padding-left:5px;
	padding-right:5px;
}

#owl-demo2 {
	width:100%;
	border-right:none;
	border-left:none;
}



.PressMarginal { padding-left:10px; padding-right:0px; }
#PressArkivHallareMarginal { padding-right:0px; padding-left:10px; }


		
		
	

}


@media handheld, only screen and (max-width: 726px) {
	
	
	
	
	
	a.RodKnapp, a.RodKnapp:link, a.RodKnapp:visited {
		padding-left:20px !important; padding-right:20px !important;
	}
	
	/*
	a.RodAktiv, a.RodAktiv:link, a.RodAktiv:visited {
		background-color:#e7e0d5;
	background-color:#e9eceb;

	}*/
	
	
	.Knapp101 { padding-left:0px !important; padding-right:0px !important; width:100% !important; margin-bottom:0px !important; float:left; text-align:center; display:block !important; margin-right:0px !important; }
	
	
	.UndersidaKnapparHallare {
	margin-top:40px;
}


.UndersidaKnapparHallareKnapp100 {
	margin-top:40px;
	margin-bottom:0px;
}


	.MarginalBort { padding-left:0px !important; padding-right:0px !important; }
	.MarginalBortLite { padding-left:10px !important; padding-right:10px !important; }
	
	
		a.PhilosophyHallare, a.PhilosophyHallare:link, a.PhilosophyHallare:visited {
	width:100%;
	}
	
.KontaktinfoRuta { margin-bottom:50px; }
	.DokumentRuta {  margin-bottom: 0px; padding-top: 45px; padding-bottom: 50px; }
#KontaktinfoHallare { margin-bottom:0px; }



.ServiceRuta { width:100%; height:auto !important; }


	
	

.Bredd75 {
	width:100%;
}

.Bredd67 {
	width:100%;
}

.Bredd50 {
	width:100%;
}

.Bredd33 {
	width:100%;
}





	.Bredd25.Halv {
	width:40%;
	}
	
	.Bredd75.Halv {
	width:60%;
	}
	
	
	#SidfotTillToppen { width:100%; float:left; border-bottom:solid 1px #dddcda; padding-bottom:20px; margin-bottom:15px; }
	
}

@media handheld, only screen and (max-width: 675px) {
	
	
	.StatistikAktiv {
	border-left:solid 5px #282830;
		border-right: none;
	
}
	
	.StatistikSiffra { margin-top: 15px; }

	.StatistikHallare {
    height: 170px;
	}
	
	#PilNer, #PilNer a {
	width:36px;
	height:36px;
	line-height:36px;
		margin-left: -18px;
		bottom: -40px;
		background-size: 18px auto;
	}
	
	#PilNer:hover, PilNer a:hover {
	width:40px !important;
	height:40px !important;
		margin-left:-20px;
		
	
}
	
	#PilUpp, #PilUpp a {
		display: none;
	}
	
	
	.Storbild {
		
		min-height: 300px !important;
        background-position: center center !important;
        background-size: cover !important;
        background-attachment: unset;
	}
	
	


#IkonerKartaMobil { display:block; }

.Knapp50 { padding-left:0px !important; padding-right:0px !important; width:50% !important; float:left; text-align:center; display:block !important; margin-right:0px !important; }


	
	.KartRuta {
		top:auto !important;
		left:50% !important;
		margin-left:-100px;
		right:auto !important;
	bottom:-30px !important;
	background-color:#fbfbfa;
	width:200px;
	}
	
	#InternationalKolumnNyheter {
		margin-top:40px;
}

	
	#KartaRutaBlank {
		top:auto !important;
		left:50% !important;
		right:auto !important;
	bottom:0px !important;
}

.KartaStreck {
	margin-top:7px;
	z-index:1;
	max-width:290px;

	margin-left:-14px;
	  -ms-transform: rotate(90deg); /* IE 9 */
    -ms-transform-origin: top left; /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: top left; /* Chrome, Safari, Opera */
    transform: rotate(90deg);
    transform-origin: top left;
	
		
}
	
	
	
	.tab a { padding: 0 0px; font-size:11px; letter-spacing:0.05em; text-align:center; }
	.tab { margin-right:0px; }
	
	.tabFirst { width:35%;  margin-left:0px; margin-right:-2px; }
	.tabSecond { width:65%; margin-left:-2px; }
	
	.tab-container .panel-container { padding: 25px; padding-right:0px; padding-top:20px; padding-bottom:20px; }
	
	#Bjornbild { min-height:350px; height:350px; }
	
	


.TransaktionerKolumnEnHallare {
	width:100%;
	}
	
	
	.TeamKolumnEnHallare {
	width:100%;
	}





.StartrubrikAktiv {
		margin-top:180px !important;
	
}


	.Bredd25 { width:50%; }
	
	.Bredd25.Tredjedel {
	width:50%;
	}

	.Bredd25.Halv {
	width:50%;
	}
	
	.Bredd75.Halv {
	width:100%;
	}
	
	.Innehalldel {
	margin-bottom:15px;
	}
	
	.Bredd50 {
	width:100%; 
	}
	
	.InnehallDelMarginal {
	padding-left:10px;
	padding-right:10px;
	
	}


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



.LitenBildNyhet {
	padding-left:0px;
	padding-bottom:10px;
	padding-top:10px;
	max-width:670px;
	float:left;
	width:100%;
}

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


.PressMarginal { padding-left:0px; padding-right:0px; }



.UnderRubrik {
	line-height:19px;
	font-size:16px;
}


	#Logga {
	width:100%;
	max-width:225px;
 	margin-left: -5px;
	}
	
	
	
	.KontaktBildHallare {
	width:100%;
	float:left;
	text-align:center;
}

.KontaktBildHallare img {
	display:inline-block;
	float:none;
	max-width:250px;
}


.UnderrubrikHallare {
	font-size:14px;
	line-height:16px;
	margin-bottom:5px;
		color:#27383e;
}


	.TeamKolumnVanster { width:100%; margin-bottom:15px; }
	.TeamKolumnHoger { width:100%; }
	.TeamKolumnHogerMarginal { padding-left:0px; }
	
	
	
	#TeamKnapparHallare { margin-top:8px; }
	

	
	.TeamKolumnMarginal { padding-left:2px; }
	
	#TeamKolumnHallare {
	margin-right:-2px;
}

#TeamKolumnHallareInnehall {
	margin-left:-2px;
	margin-bottom:50px;
}



.TeamKolumnEnHallare { margin-bottom:5px; }
	
	.TeamKolumnHelaRamMarginal { padding-left:14px; padding-right:14px; }
	
	.TeamKolumnHelaRam { font-size:12px; line-height:15px; white-space: nowrap; overflow:hidden; padding-top:14px; padding-bottom:13px; }
	
	.white-popup {
  padding: 40px;
  padding-top:65px;
  font-size:17px;
  line-height:25px;
  padding-bottom:40px;
	}
	
	.mfp-arrow {
  top: 36px;
  margin-top: 3px;
  padding: 5px;
  width: 30px;
  height: 30px;
  line-height:30px;
 }
 
 .mfp-arrow-left {
  left: 50%;
  margin-left:-30px;
  }
  
  .mfp-arrow-right {
   right: 50%;
   margin-right:-30px;
  }
  
  
    .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
		background-size:50% auto;
		background-image:url(Grafik/PilarVansterMork.png);
background-position:center top;
    margin-left: 0px; }
 
 
   .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
	background-size:50% auto;
	background-image:url(Grafik/PilarHogerMork.png);
    margin-left: 0px;
	background-position:center top;

	
	}
	
	


}


@media handheld, only screen and (max-width: 570px) {
	
	
	.IngressHallare { line-height: 30px; }
	
	

	
	
	#Startrubrik { 
	font-size:40px;
	line-height:50px;
	padding-top:40px;
	padding-bottom:30px;
	
	}
	
		.KartaStreck { max-width:200px; }
	
#KontaktInfo {
	width:100%;
	text-align:center;
	float:left;
	margin-bottom:30px;
}



#KontaktInfoMarginal {
	padding-left:0px;
	max-width:400px;
	width:100%;
	text-align:center;
	display:inline-block;
}

	
	

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

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

#ServicesHallare {
	padding-top:20px;
	padding-bottom:20px;
	margin-top:15px;
}
	
	

	.InnumbersSiffra { font-size:18px; }
	
	

	#StartInnehallTextHallare { margin-bottom:45px; }
	
	.Citat {
	font-size:16px;
	line-height:21px;
	}
	
	#Kanonerbild { min-height:100px; padding-bottom:50px; }
	
	
	#CitatTeckenHallare {
	margin-top:50px;
	margin-bottom:30px;
}

#CitatTecken {
	max-width:85px;
}
	

	
	
	.TransaktionerKolumnHelaRam {
	padding-top:35px;
	padding-bottom:20px;
	}

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


h2 {
	font-size:30px;
	line-height:40px;
}



.StartrubrikAktiv {
		margin-top:170px !important;
	
}








#Telefonnummer { width:100%; float:left; margin-bottom:5px; margin-right:0px; }
#Adress { width:100%; float:left; margin-bottom:5px; margin-right:0px; }
#Postadress { width:100%; float:left; margin-bottom:0px; }

#Copyright { width:100%; margin-bottom:6px; font-size:11px; float:left; text-align:center; }
#SkapadAv { width:100%; margin-bottom:4px; font-size:11px; float:left; text-align:center; }

#map-canvas { height:230px; }


#LoggaSidfot { margin-bottom:5px; }


#Sidfot {
	padding-bottom:20px;
	padding-top:20px;
}

.Bredd25 { width:100%; }
	
.Bredd25.Tredjedel {
	width:100%;
}

.Bredd25.Halv {
	width:100%;
}
	
.Bredd75.Halv {
	width:100%;
}
	
.InnehallDelMarginal {
	padding-left:10px;
	padding-right:10px;
}

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

#KontaktformularMarginal {
	padding-left:0px;
	padding-right:0px;
}

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




.Pin {
	bottom:35px;
	right:50%;
	margin-right:-65px;
	
}


.Innehall { min-height:200px; margin-top:110px; }


#NyheterHallare { margin-top:10px; }
#NyhetTextHallare { min-height:50px; }

.KavelHallare {
	margin-top:100px;
}

	.SkarbradaBild1 {
		width:50%;
	}
	
	.SkarbradaBild2 {
	width:50%;
	}
	
	.SkarbradaBild3 {
		display:none;
	}


	.Marginal {
		padding-left:27px;
		padding-right:27px;
	}
	
	.MarginalBredare {
	padding-left:10px;
	padding-right:10px;
	}

	
h1 {
	font-size:24px;
	line-height:27px;
	margin-bottom:20px;
}





}