/*
* Based on Skeleton by Dave Gamache (www.getskeleton.com)
*/




    
/* #Desktop
================================================== */

    /* Note: Design for a width of 768px, Gutter: 30px, Unit: 32px */

    @media only screen and (min-width: 1341px) {
      
    #puffar .col-2 {
		/*min-height:330px;*/
	}
   
   .nyhetsthumb {
	display:block;
   }
   
   .nyheter>ul>li {
	min-height:170px;
}
   
	}

/* #Tablet (Landscape)
================================================== */

    /* Note: Design for a width of 768px, Gutter: 30px, Unit: 32px */

    @media only screen and (min-width: 990px) and (max-width: 1340px) {
		
		    #puffar .col-2 {
		/*min-height:345px;*/
	}
	
	
	#main-nav ul>li {
		margin-right:20px;
	}
   
	 i.searchicon {
	    float: none;
	    position: absolute;
	}
      
	  .content {
		  
		  width:980px;
	
	}
	
	#subpage-content {
		margin-left: 15px;
	}
	
	#valboxar .col-3:nth-child(3), #valboxar .col-3:nth-child(3):hover {
		width:325px;
	}
	
	.gecko #valboxar .col-3:nth-child(3), .gecko #valboxar .col-3:nth-child(3):hover,
	 .ie9 #valboxar .col-3:nth-child(3), .ie9 #valboxar .col-3:nth-child(3):hover{
		width:326px !important;
	}
	
	#subpage-content.event .eventdesc {
width:100%;
float:none;
margin-bottom:30px;
}

#subpage-content.event .info {
width: 300px;
float:none;
}


/* */

		header {
		height:55px;
		width:100%;
		position:fixed;
		top:0;
		left:0;
		z-index:1000;
	}
	
	#headerarea {
		height:55px;
		position:fixed;
		 -webkit-transform: translateZ(0);
		 z-index:10;
		 width:100%;
	}
	
	#navbar {
		position:fixed;
		width:65px;
		top:0;
		right:0;
		height:55px;
	}
	
	#logo, .home #logo {
		width: 26px;
		margin-top: -10px;
	}
	
	#logotext, .home #logotext {
		top:-4px;
		left:35px;
	}
	
	#logotext, .home #logotext {
		font-size:10px;
	}
	
	#logotext h1, .home #logotext h1 {
		font-size:17px;
		margin-bottom:-4px;
	}
	
	#responsive-menu-section, #menuicon {
	display:block;
	}
	
	#subpage-content {
		margin-left: 0px;
	}
	
	#responsive-menu {
	position:fixed;
}

	
	.size {
		display:none;
	}
	
	 #topimage {
	height: 350px;
	}
	
	.menu-fixed {
top: 55px !important;
}

	#searchform-area {
		display:none;
	}
	
#navbar {
    z-index: 10;
} 

.loginbtn, .home .loginbtn {
    margin-top: 0;
}

#main-nav {
	display: none;
}

#login-section {
    float: none;
    position: fixed;
    right: 70px;
    top: 23px;
}  

input#s {
    background: #fff;
    padding-left: 10px;
}

.menu-item-6470:before {
    display: none;
} 

	.credits {
	top: 60px;
	right: 15px;
}

	#login-section .exp {
		display:none;
	}
	

	}


/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px, Gutter: 30px, Unit: 32px */

    @media only screen and (min-width: 768px) and (max-width: 989px) {
	    
	    
.loginpopup {
    top: 31px;
    right: 10px;
}
	    
 .searchword {
    display: block;
}	

#navbar {
    z-index: 10;
}    
	
	
		 .acf-field-5a73204aefabb, .acf-field-5a732058efabc, .acf-field-5a731fc846e8f, .acf-field-5a731fdc46e90, .acf-field-5a7323f718fdb, .acf-field-5a73240b18fdc, .acf-field-5a732102034f7, .acf-field-5a7823465bccf, .acf-field-5a7823c75bcd1, .acf-field-5a78238c5bcd0, .acf-field-5a73216a034f9, .acf-field-5a7823fc5bcd2 {
		 width:100% !important;
	 }
	 

	#login-section {
		float:none;
		position:fixed;
		right:70px;
		top:23px;
	}	 
		 
	.loginbtn, .home .loginbtn {
		margin-top:0;
	} 
	



	.loginpopup {
	    top: 23px !important;
	}
		 
	       
	  .content {
		  
		  width:750px;
	}
	
	#main-content {
		width:57.8%;
	}
	
	#valboxar .col-3:nth-child(3), #valboxar .col-3:nth-child(3):hover {
		width:250px;
	}
	
	.gecko #valboxar .col-3:nth-child(3), .gecko #valboxar .col-3:nth-child(3):hover,
	 .ie9 #valboxar .col-3:nth-child(3), .ie9 #valboxar .col-3:nth-child(3):hover{
		width:250px !important;
	}
	
	aside{
		width:37%;
	}
	
	#main-nav {
		display:none;
	}
	
	#valboxar .col-3 h2 {
		font-size:18px;
	}
	
	#puffar .col-2 {
		width:100%;
		margin-left:0;
	}
	
	#footercontent {
		min-height:250px;
	}
	
	#topslider, .flex-viewport {
		height:580px !important;
	}
	
	#valboxar, #valboxar .col-3 {
		height:70px;
	}
	
	
	#content {
		margin-top:-100px;
	}
	
		header {
		height:55px;
		width:100%;
		position:fixed;
		top:0;
		left:0;
		z-index:1000;
	}
	
	#headerarea {
		height:55px;
		position:fixed;
		 -webkit-transform: translateZ(0);
		 z-index:10;
		 width:100%;
	}
	
	#navbar {
		position:fixed;
		width:65px;
		top:0;
		right:0;
		height:55px;
	}
	
	#logo, .home #logo {
		width: 26px;
		margin-top: -10px;
	}
	
	#logotext, .home #logotext {
		top:-4px;
		left:35px;
	}
	
	#logotext, .home #logotext {
		font-size:10px;
	}
	
	#logotext h1, .home #logotext h1 {
		font-size:17px;
		margin-bottom:-4px;
	}
	
	#responsive-menu-section, #menuicon {
	display:block;
	}
	
	#subpage-content {
		margin-left: 0px;
	}
	
	#responsive-menu {
	position:fixed;
}

	
	.size {
		display:none;
	}
	
	 #topimage {
	height: 350px;
	}
	
	.menu-fixed {
top: 55px !important;
}

#subpage-content.event .eventdesc {
width:100%;
float:none;
margin-bottom:30px;
}

#subpage-content.event .info {
width: 300px;
float:none;
}

#kontaktpersoner .filerow .row.namn {
	width:70%
}

#kontaktpersoner .filerow .row.telefon {
	width:30%;
	text-align:right;
}

#kontaktpersoner .filerow .row.epost {
	width:100%;
	display:block;
	float:none;
	padding-top:7px;
	clear:both;
}

    #topslider { 
		height:480px !important;
		margin-top:-55px !important;
	}
	
	.credits {
	top: 115px;
	right: 15px;
}

	.safari .col-3 {
	width: 33.1% !important;
	}
	
	#searchform-area {
		display:none;
	}
	
	input#s {
		background:#fff;
		padding-left:10px;
	}
	
	
	#logocontainer {
    	top: 15px;
	}

	
	
	}

/* #Desktop
================================================== */

    /* Note: Design for a width of 768px, Gutter: 30px, Unit: 32px */

    @media only screen and (min-width: 649px) and (max-width: 767px) { 
	    
	#login-section {
		float:none;
		position:fixed;
		right:70px;
		top:23px;
	}	 
		 
	.loginbtn {
		margin-top:0;
	}
	
#navbar {
    z-index: 10;
}  

.loginpopup {
    top: 31px;
    right: 10px;
} 

aside {
	margin-top:-25px;
}	    
	       
	 }
	 

/* #Desktop
================================================== */

    /* Note: Design for a width of 768px, Gutter: 30px, Unit: 32px */

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

.loginpopup {
    top: 31px;
    right: 10px;
}
	    
	    
	#login-section {
		float:none;
		position:fixed;
		right:70px;
		top:23px;
	}	 
		 
	.loginbtn, .home .loginbtn {
		margin-top:0;
	} 
	
	#login-section .exp {
		display:none;
	}


	.loginpopup {
	    top: 23px !important;
	}
		
      
    .infopop {
	    margin-left:0 !important;
	    margin-top:0 !important;
	    box-shadow:none !important;
	    width:100% !important;
	    height:100% !important;
	    top:0 !important;
	    left:0 !important;
	    max-height:none !important;
	    padding:20px 20px !important;
    }
    
    #searchform-area {
		display:none;
	}
	
 .searchword {
    display: block;
}	

	input#s {
		background:#fff;
		padding-left:10px;
	}
	
	#logocontainer {
    	top: 15px;
	}
	
#navbar {
    z-index: 10;
}

aside {
	margin-top:-25px;
}	

	
	#main-content, aside {
		width: calc(100% - 40px);
	}  
	


   
	}



/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 521px) and (max-width: 767px) {
	    
	    #searchform-area {
		display:none;
	}    
	
 .searchword {
    display: block;
}	
	   
		
		#footercontent .inner {
	padding:45px 34px;
}
		
	  .content {
		  
		  width:95%;
	}

	.safari .col-3 {
	width: 33.1% !important;
	}
	
	#main-nav {
		display:none;
	}
	
	#valboxar .col-3:nth-child(3), #valboxar .col-3:nth-child(3):hover {
		width:33.33333%;
	}
	
	.gecko #valboxar .col-3:nth-child(3), .gecko #valboxar .col-3:nth-child(3):hover,
	 .ie9 #valboxar .col-3:nth-child(3), .ie9 #valboxar .col-3:nth-child(3):hover{
		width:33.15% !important;
	}
	
	#valboxar .col-3 h2 {
		font-size:15px;
	}
	
	#puffar .col-2 {
		width:100%;
		margin-left:0;
	}
	
	#footercontent {
		min-height:250px;
	}
	
    #topslider { 
		height:480px !important;
		margin-top:-55px !important;
	}
	
	#valboxar, #valboxar .col-3 {
		height:70px;
	}
	
	
	#content {
		margin-top:-100px;
	}
	
	#main-content, aside {
		width: calc(100% - 40px);
		float:none;
	}
	
	header {
		height:55px;
		width:100%;
		position:fixed;
		top:0;
		left:0;
		z-index:1000;
	}
	
	#headerarea {
		height:55px;
		position:fixed;
		 -webkit-transform: translateZ(0);
		 z-index:10;
		 width:100%;
	}
	
	#navbar {
		position:fixed;
		width:65px;
		top:0;
		right:0;
		height:55px;
	}
	
	#logo, .home #logo {
		width: 26px;
		margin-top: -10px;
	}
	
	#logotext, .home #logotext {
		top:-4px;
		left:35px;
	}
	
	#logotext, .home #logotext {
		font-size:10px;
	}
	
	#logotext h1, .home #logotext h1 {
		font-size:17px;
		margin-bottom:-4px;
	}
	
	#responsive-menu-section, #menuicon {
	display:block;
	}
	
	#subpage-content,  #main .inner.full {
		margin-left: 0px;
	}
	
	
	#responsive-menu {
	position:fixed;
}

#main .inner {
padding: 25px 25px;
}
	
	#subpage-content h2, #main .inner.full h2 {
margin-bottom: 25px;
}

#subpage-content {
	margin-bottom:60px;
}

 #main-content {
	 margin-bottom:10px;
 }
 
 #topimage {
	height: 300px;
	}
	
	
	#main-content h2 {
		font-size:32px;
		margin-bottom:20px;
	}
 
 .copyright {
left: 0px;
width: 100%;
text-align: center;
}


.menu-fixed {
	top: 55px !important;
}

.credits {
	top: 115px;
	right: 15px;
}
	
	.acf-map {
	height:400px;
}	

.file {
	width:85%;
}

#subpage-content.event .eventdesc {
width:100%;
float:none;
margin-bottom:30px;
}

#subpage-content.event .info {
width: 300px;
float:none;
} 

 .social-footer {
  bottom: 30px;
  right: 50%;
  margin-right: -74px;
} 

#footercontent .col-2 {
	margin-bottom:55px;
}

	input#s {
		background:#fff;
		padding-left:10px;
	}
	
	#logocontainer {
    	top: 15px;
	}
	
#navbar {
    z-index: 10;
} 


	.loginbtn, .home .loginbtn {
		margin-top:0;
	} 
	
	#login-section .exp {
		display:none;
	}


	.loginpopup {
	    top: 23px !important;
	}
		  


}




/* #Mobile (Extra)
================================================== */

    /* Note: Design for a width of 480px */


 @media only screen and (max-width: 520px) {
	 
	 
		 .acf-field-5a73204aefabb, .acf-field-5a732058efabc, .acf-field-5a731fc846e8f, .acf-field-5a731fdc46e90, .acf-field-5a7323f718fdb, .acf-field-5a73240b18fdc, .acf-field-5a732102034f7, .acf-field-5a7823465bccf, .acf-field-5a7823c75bcd1, .acf-field-5a78238c5bcd0, .acf-field-5a73216a034f9, .acf-field-5a7823fc5bcd2, .acf-field-5a816374e9352, .acf-field-5a81639ae9353, .acf-field-5a829a076a5a3, .acf-field-5a73249918fde, .acf-field-5a81641f31fc5, .acf-field-5a81642b31fc6 {
		 width:100% !important;
	 }
	 
	 
.loginpopup {
    top: 23px;
    right: 13px;
}
	 
	
	 .social-footer {
  bottom: 30px;
  right: 50%;
  margin-right: -74px;
} 

#footercontent .col-2 {
	margin-bottom:55px;
}
	
		.content {
		  width:100%;
	  }
	  
	  
	#main-nav {
		display:none;
	}
	
	#valboxar .col-3 h2 {
		font-size:18px;
	}
	
	#puffar .col-2 {
		width:100%;
		margin-left:0;
	}
	
	#footercontent {
		min-height:100px;
	}
	
	#topslider {
		height:430px !important;
		margin-top:-55px !important;
	}
	
	
	#valboxar {
		height:auto;
	}
	
	#valboxar .col-3, #valboxar .col-3:nth-child(3) {
		height:50px;
		width:100% !important;
		border-left:0 !important;
		border-bottom:1px solid rgba(255,255,255,0.4);
		float:none;
	}


	#content {
		margin-top:-150px;
	}
	
	#main-content, aside {
		width:100%;
		float:none;
	}
	
	#topimage {
	height: 300px;
	}
	
	
	#main-content h2 {
		font-size:28px;
		margin-bottom:17px;
	}
	
	header {
		height:55px;
		width:100%;
		position:fixed;
		top:0;
		left:0;
		z-index:1000;
	}
	
	#headerarea {
		height:55px;
		position:fixed;
		 -webkit-transform: translateZ(0);
		 z-index:1000;
		 width:100%;
	}
	
	#navbar {
		position:fixed;
		width:65px;
		top:0;
		right:0;
		height:55px;
	}
	
	#logo, .home #logo {
		width: 26px;
		margin-top: -10px;
	}
	
	#logotext, .home #logotext {
		top:-4px;
		left:35px;
	}
	
	#logotext, .home #logotext {
		font-size:10px;
	}
	
	#logotext h1, .home #logotext h1 {
		font-size:17px;
		margin-bottom:-4px;
	}
	#responsive-menu-section, #menuicon {
	display:block;
	}
	
	#subpage-content,#main .inner.full {
		margin-left: 0px;
	}
	
	#responsive-menu {
	position:fixed;
}

#main .inner {
padding: 20px 15px;
}

#subpage-content h2, #main .inner.full h2 {
margin-bottom: 25px;
}

#subpage-content, #main-content {
	margin-bottom:60px;
}

 #main-content{
	 margin-bottom:20px;
 }
	
	.copyright {
left: 0px;
width: 100%;
text-align: center;
}

.menu-fixed {
	top: 55px !important;
}

.credits {
	top: 115px;
	right: 15px;
}
	 
.size {
		display:none;
	}
	
.acf-map {
	height:400px;
}

.searchbox {
	width:170px;
}	

.file {
	width:80%;
}  

#subpage-content.event .eventdesc {
width:100%;
float:none;
margin-bottom:30px;
}

#subpage-content.event .info {
width: 300px;
float:none;
}

#kontaktpersoner .filerow .row.namn {
	width:70%
}

#kontaktpersoner .filerow .row.telefon {
	width:30%;
	text-align:right;
}

#kontaktpersoner .filerow .row.epost {
	width:100%;
	display:block;
	float:none;
	padding-top:7px;
	clear:both;
}

#footercontent .inner {
	padding:45px 20px;
}

#footercontent .col-2 {
width:50%;
}

	div#atftbx {
  margin-bottom: 10px !important;
}



	#login-section {
		float:none;
		position:fixed;
		right:62px;
		top:26px;
	}	 
		 
	.loginbtn {
		margin-top:0;
		font-size:12px;
	} 
	
	
#navbar {
    z-index: 10000;
} 

	
	#main-content, aside {
		width: calc(100% - 40px);
	}  


	
 }
 

/* #Tablet (Landscape)
================================================== */
 
  @media only screen and (max-width: 320px) {
	  
	   .social-footer {
  bottom: 30px;
  right: 50%;
  margin-right: -74px;
} 

#footercontent .col-2 {
	margin-bottom:55px;
}

	  
	  #logotext, .home #logotext {
	top: -2px !important;
	}
	
	#logotext h1, .home #logotext h1 {
	font-size: 15px !important;
}

#subpage-content.event .info {
width: 100%;
float:none;
}
	
	#footercontent .col-2 {
	max-width:100%;
	width:100%;
	float:none;
}


	div#atftbx {
  margin-bottom: 10px !important;
}

	  
  }