﻿/*@media (max-width: 480px) */
@media (max-width: 520px) 
{	
    .responsiv-info-480
    {
        display:block;
    }
    
      .responsiv-info-768
    {
        display:none !important;
    }
    
          .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
  .hidden-phone-portrait {
    display: none !important;
  }
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  
  .visible-phone-portrait {
    display: inherit !important;    
  }

body
  {
      
  }
  
   .p
  {
      padding-left:10px;
    padding-right:10px;
    padding-bottom:0px;
  }
  
  
  .m
  {
      margin-left:10px;
    margin-right:10px;
    margin-bottom:0px;
  }
  
  .cta
  {
  	margin-top:20px;
  	height:auto;
  }
  
  .cta a
  {
  	float:none;
  	width:auto;
  	margin-bottom:60px;
  }
  
  /* Toppmeny */
  header.top section.menu
  {
  	/*padding-top:94px;*/
  	padding-top:10px;
  }
  
  .toppmeny
  {
  	display:none;
  	margin-top:0;
  	padding:0 10px !important;
  }
  
  a.btn-show-mobile-menu,
  a.btn-show-login,
  a.btn-show-search
  {
  	position:relative;
  	display:inline-block;
  	box-shadow:none;
  	height:45px;
  	padding-top:12px;
  	margin-bottom:10px;
  }
  
  a.btn-show-mobile-menu
  {
  	padding-top:11px;
  }
  header.top section.menu
  {
  	padding-left:10px;
  	padding-right:10px;
  }
  
  a.btn-show-login
  {  	
  }
  
  a.btn-show-search
  {
  	top:0;
  	width:60px;
  }
  
  .top-panel
  {
  	position:relative;
  	bottom:0;
  	margin-top:10px;
  }
  
  .top-panel .login,
  .top-panel .login-elevsiden,
  .top-panel a.link-ny-bruker
  {
  	width:auto;
  	height:auto;
  	float:none;
  	padding:10px 0 10px 0;
  	border:none;  	
  }
  
  .top-panel .login .felter
  {
  	width:auto;
  	margin:10px 10px 0 10px;
  	padding-left:0;
  }
  
  .top-panel a.btn-close-login-panel
  {
  	display:none;
  }
  
  .top-panel a.link-elevsiden,
  .top-panel a.link-ny-bruker
  {
  	/*width:50%;*/
  	
  }
  
  .top-panel a.link-elevsiden
  {
  	border-left:none;
  }
  
  .top-panel .felter-klasselarer
	{
			padding-left:0px;
	}
		
  
  /*div.toppmeny a:link, div.toppmeny a:visited, div.toppmeny_ie a:link, div.toppmeny_ie a:visited
  {
  	float:none;
  	text-align:left;
  }*/
  
  /* Breadcrumb */
  .breadcrumb table,
  .breadcrumb table tbody,
  .breadcrumb table tbody tr,
  .breadcrumb table tbody tr td
  {
  	display:block;
  	text-align:left !important;
  }
  
  /* Forside */
  .rotator-and-video
  {
  	margin-top:30px;
  }
  
  .frontpageVideo .embed
  {
  	display:none;
  }
  
  .cta #btn_kurs .tittel
  {
  	margin:0 10px;
  }
   .cta #btn_kurs .tekst
  {
  	position:relative;  	  	
  	margin:20px 10px 0 10px;
  }
  
  /* Footer*/
  footer.tall
  {
  	height:auto;
  	padding:37px 0 40px 0;
  }
  
  footer.tall .column
  {
  	float:none;
  	width:auto;
  }
  
  /* Rom */
  section.rom
  {
  	padding-top:20px;
  }
  
  section.rom-top div.image,
  section.rom-top header.rom
  {
  	width:auto;
  	float:none;
  }
  
  section.rom-content .rom-innhold-wrapper .rom-innhold
  {
  	padding:10px;
  }
  
  section.rom-content .rom-innhold-wrapper .rom-extra
  {
  	padding:10px;
  }
  
  ul.rom-liste li
  {
  	width:auto;
  	float:none;
  }
  
  section.rom-content	.rom-innhold-wrapper-content
  {
  	/*margin-bottom:30px;*/
  }
  
  ul.galleri
  {
  	margin-bottom:30px;
  }
  
  ul.galleri li
  {
  	width:50%;
  }
   
   
  /* Nyheter */
  .news
  {
  	/*margin:160px 0 0 0;*/
  	margin:50px 10px 0 10px;
  }
  div.nyheter
  {
  	margin:0;
  }
  
  div.nyhet
  {
  	width:auto;
	margin:0 0 22px 0;	
  }
    
    .general-content input,
    .general-content textarea,
    .general-content select
    {
    	width:100% !important;
    	display:block;
    }
    
    
    li.articles-item:first-child,
    li.articles-item
    {
    	width:50%;
    }
    
    header.top .logo
    {
    	float:none;
    	margin-top:0;
    	padding-top:20px;
    }
}

@media (max-width: 440px) 
{	
	header.top .logo
	{
		position:relative;
		left:0;
	}
	
	header.top .language
	{
		position:relative;
		left:0;
	}
	
	header.top section.menu
	{
		padding:55px 0 0 0;
	}
	
	ul.galleri li
  {
  	width:auto;
  }
  
  li.articles-item:first-child,
  li.articles-item
    {
    	width:100%;
    }
    
}