/* ****** Phone Landscape ****** */
@media only screen 
and (max-width: 767px){

	.rsThumbsContainer .rsNavItem + .rsThumb {
		display: none;
	}
	.rsThumbsContainer > .rsNavSelected {
		display: block !important;
		width: 95% !important;
	}

	/* START LayoutTopBar */

	.layoutTopBar {
	/*
		RGB 0 75 135 
		HEX/HTML 004B87 
		CMYK 100 53 4 19
	*/
		background-color: #004B87; /*rgb(73, 159, 210);*/
		height:auto !important;
		min-height:60px;
		height:60px;
	}

    .layoutLogo {
		width: 50%;
		float: left;
		margin:0px;
	}
	
    .layoutLogoImage {
		width:100%;
		max-width:70px !important;
	}
	
    .layoutLogoText {
		display: none;	
	}

	/* Toggle Button +/- LayoutTopBar */
	.layoutToggleMenu{
		width:50%;
		height:60px;
		float:left;
	}
	
	
	#siteTitle {
		width:80%;
		float:left;
		margin: 0px auto;
		height:auto;
		top:0;
		bottom:0;
	}

	/* Hide all default menu buttons by default */
	.main-menu-btn, .main-menu-btn-1, .main-menu-btn-2, .main-menu-btn-4 {
		display:none;
	}
	
	/* Social Media */
	.newsArticleSocialMediaWrapper {
		width: auto;
		text-align: center;
		float: none;
	}
	.newsArticleSocialMediaWrapper > div {
		display: inline-block;
	}
	/**/
	
	.newsArchiveImage img { 
		width: 100%;
	}


	/* START HAMBURGER MENU 1 */
	/* Hamburger menu */
	.c-hamburger--htx {
		width:50px !important;
		height:45px;
		position:absolute;
		top:15px;
		right:70px;
	}

	#hamburgermenu1Container{
		width: 100%;
		float:left;
		margin-top:2px;
	}
	
	#hamburgermenu1 {
		float:right;
	}
	/* END HAMBURGER MENU 1 */


	/* button menu-2 mobile toggle visibility */
	#menu2MobileToggle {
		top: 126px;
	  	position: absolute;
	  	float:right;
	  	width: 100%;
	  	max-width: 200px;
	  	height: 34px;
	  	right: 4px;
	  overflow: hidden;
	  font: bold 16px/34px monospace !important;
	  text-align: center;
	  text-shadow: none;
	  background: rgba(0, 0, 0, 1);
	  color:white;
	  -webkit-border-radius: 5px;
	  -moz-border-radius: 5px;
	  -ms-border-radius: 5px;
	  -o-border-radius: 5px;
	  border-radius: 5px;
	
	}
	
	#menu2MobileToggleContainer {
		width:100%;
	  	max-height: 34px;
	  	height:34px;
		float:left;
	}
	
	#subsiteMenuContainer {
		max-width:34px;
	}

	
	/* START Top Search Box and Icon */
	
	.layoutSearchBox {
		position: relative;
		left: 0px;
		top: 0px;
		width: 100%;
		margin-top:0px;
	}

	#SearchBox {
		float:right;
		margin-right:4px;
		margin-top:2px;
		margin-bottom:2px;
	}
	
	/* Style search input box element */
	.njff-input-search{
		width:200px !important;
		height:38px !important;
	}

	.njff-icon-search {
		width:34px !important;
		height:34px;
		float:right;
		position:absolute;
		top:15px;
		right:24px;
		cursor:pointer;
	}
	
	.m-search-icon {
		float:right;
		width:100%;
		max-width:32px;
		margin-top:0px;
		/*-webkit-transform:scaleX(-1);
    	-moz-transform:scaleX(-1);
    	-ms-transform:scaleX(-1);
    	-o-transform:scaleX(-1);
    	transform:scaleX(-1);*/	
    }
	/* END Top Search Icon */

	
	/* Navigation Menu-1 and Menu-2 */

	nav.menu-1, nav.menu-2 {
		background-color:white;
		display:none;
	}
	
	/* Hide menu-1 button by default */
	.main-menu-btn-1{
		display:none;
	}

	/* hide menu-5 on mobile device */
	nav.menu-5, nav.menu-5.mobile-hidden {
		display:none !important;
	}

	nav.menu-1, nav.menu-2 {
		float: left;
    	width: 100%;
    	display:none;
	}


/* END LayoutTopBar */

/* Hide navigation menu-3 as defaut */
	nav.menu-3{
		display:none;
	}

	nav.menu-4 {
		margin-top:-3px;
	}


    #menuPanesWrapper,
    .layoutBoxWrapper,
    .layoutBoxMenuWrapper, 
    .layoutFooterContent  {
		width: 100%;
	}   
    
    .layoutBoxWrapper {
		padding-top:1px !important;
	}
    
    /* Calendar */
	#calendarTabsNav label:after {
	    position: absolute;
	    content: "\2261";
    }    
    #calendarTabsNav label {
    	font-size: 30px;
	    cursor: pointer;
	    user-select: none;
	    display: inline-block;
	    background: #FFF;
	    margin: 80px 0px 0px 20px;
	    color: #000;
	    height: 47px;
	    width: 32px;
	    padding-left: 10px;	    
		border: 1px solid #DCD4C9;
		border-bottom: none;
    }
    
	#calendarTabsListNav {
		/*left: -9900px;*/
		position: relative;
	}		
	#calendarTabsNav input[type=checkbox]:checked ~ #calendarTabsListNav {
		color: #FFF;
		left: 1.5em !important;
		right: 0em;
		z-index: 1000;
		width: 250px;
		background: #FFF;
		padding-bottom: 10px;
		border: 1px solid #DCD4C9;
		border-top: none;
	}	
	#calendarTabsNav {
    	position: relative;
    	clear: both;
    	/*margin: -100px 0px 0px 0px;*/
    }
    .calendarTabsList {
		padding: 0px;
	}
    .calendarTabsListElement {
    	margin-left: 5px !important;
    }
    
	.calendarTableImageCell > img {
		width:14px;
	}   
	
	tr.calendarTableHeadRow th:last-child, .calendarTableImageCell {
		width:20px;
	}
	
	 .calendarTableHeadRow th, .calendarTableRow td {
		font-size:13px !important;
	}
    
    
    /* remove main container background */
    #s4-workspace {
		background: none;
	}

	.layoutTopMenu, .topMenuItem {
		width:100%;
	}
	
	.layoutTopBarContent, .menuTabs {
		width:100%;
		clear:both;
		margin:0px auto;
		text-align:left;
		/*height:50px;*/
	}

	/* START Advertising box and label */
	.layoutAdvertisingWrapper {
		width: 100%;
		float:left;
		margin:0px auto;
		text-align:center;
	}
	
	.advertisingLabel {
		padding-left:120px;
	}
	/* END Advertising box and label */

	/* News Article and images */
	.newsArticleContentWrapper,  .layoutArticleWrapper, .newsArticleBody img {
		width:100% !important;
	}
	
	.newsArticleBody img {
		margin:auto !important;
	}
	
	.newsArticle {
		margin:5px;
	}

	

	/* Samarbeidspartnere */
	.collaboratorsItem {
    	width: auto !important;
	}
	
	.collaboratorsItem img {
		max-width:100% !important;
	}
	
	nav.menu-5, nav.menu-5.mobile-hidden{
		display:none !important;
	}
	
	.mobile-column-hidden, .mobile-click-visible {
		display:none;
	}


	.calendarReadMore {
		width:auto;
	}
	
	
	
	#quickMenuToggle{
		top: 0;
		margin-top: 0px;
	  	position: relative;
	  	float:left;
	  	width: 34px;
	  	max-width: 34px;
	  	height: 34px;
	  	right: 4px;
	  overflow: hidden;
	  font: bold 16px/34px monospace !important;
	  text-align: center;
	  text-shadow: none;
	  background: #363636; /*rgba(0, 0, 0, 1);*/
	  color:white;
	  -webkit-border-radius: 5px;
	  -moz-border-radius: 5px;
	  -ms-border-radius: 5px;
	  -o-border-radius: 5px;
	  border-radius: 5px;
	  cursor:pointer;
	
	}
	
	#quickMenuContainer{
		/*width:10% !important;*/
		width:34px;
	  	max-height: 34px;
	  	height:34px;
		/*float:left;*/
		float:right;
		
	}

	
	.layoutSiteTitle {
		padding: 10px;
	}
	
	#cssmenu-3 {
		padding-top:5px;
	}
	
	.main-menu-btn-1 {
		padding-left:25%; /*20px;*/
	}
	
	#ccNav {
		padding-top:5px;
	}

	nav#cssmenu-4 li.pageMenuItem {
		clear:both !important;
	}
	
	.layoutWrapper {
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box; /* Firefox, other Gecko */
		box-sizing: border-box; /* Opera/IE 8+ */
	}


	.newsRollup, .selectedActivites {
		width:100%;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box; /* Firefox, other Gecko */
		box-sizing: border-box; /* Opera/IE 8+ */
		padding: 10px 10px 10px 0px;
	}
	
	.newsRollupArticle, .selectedActivity {
		width:30%;
	}
	
	.newsRollupIngress {
		margin-bottom:10px;
	}
	
	.selectedActivityTitle, .newsRollupTitle {
		margin: 5px 0px;
	}	
	
	.themePageItem {
		width:100%;
	}

	.footerList {
		width:96%;
		border-bottom: 1px solid #3E3B3B;
		padding:10px;
	}


	a#topmenulink{
		font-size:20px !important;
	}

	img.ms-asset-icon {
		width:auto !important;
	}

	/* dropp toppvignettbildet i mobilvisning */
	div.vignettImage {
		display:none;
	}
	
	.vignettLogo {
		display:none;
	}
	
	.vignettBody {
		width:70%;
		margin:0px;

	}
	.vignettAddress {
		word-wrap:break-word;
		width:30%;
	}
		

	
	.pageMenu {
		padding:0px;
	}

	.ms-webpart-chrome-vertical, .ms-webpart-cell-vertical, .ms-webpart-zone {
		display:block;
	}

	/* LongArticle Phone Landscape START */
	.newsLongArticleBody {
		width:65%;
		border-right:1px dotted #ccc;
	}

	.layoutLongArticleWrapper {
		width:100%;
	}

	/* Prevent adjustments of font size after orientation changes in
	 *    IE on Windows Phone and in iOS.*/
	body{
		-webkit-text-size-adjust: none; /* 100% may also be used refer to normalize.css */
		-ms-text-size-adjust: none; 
		text-size-adjust: none;
	}
	
	
	/* ****** Resource Page ****** */
	.resourcePageMenuItem {
		width: 100% !important;
		margin: 0px 2px;
		margin-bottom: 5px;
		padding-bottom: 0px;
		display: table;	
	}
	.resourcePageMenuItemImage {
		float: left;
		padding-bottom: 0.5em;
	}
	.resourcePageMenuItem .resourcePageMenuItemTitle {
		margin-top: 15px;
	}
	.resourcePageMenuItem .resourcePageMenuItemImage + .resourcePageMenuItemTitle {
		text-align: left;
		margin-top: 35px;
	}
	.resourcePageTitle {
		box-shadow: none;
		border-bottom: 1px solid #000;
		background: transparent;
		margin: 0px auto 20px auto;
		padding: 0.6em 3em 0.5em 3em;
	}
	.resourcePageTitle:after,
	.resourcePageTitle:before {
		display: none;
	}
	
	
	
	
	/* ****** Quiz ****** */
	.quiz {
		margin: 20px 0px;
	}
	.quizViewLeftColumn img {
		width: 98%;
	}
	.quizViewLeftColumn,
	.quizViewRightColumn {
		float: none;
		width: 100%;
		margin: 1%;
		padding: 0px;
	}
	.quizViewRightColumn {
		margin-top: 15px;
	}
	.quizViewMainPageLink {
		margin: 15px 1%;
	}
	.quizViewHeader,
	.quizViewTitle,
	.quizViewGroupName	{
		margin: 0px 1% 20px 1% !important;
	}
	.quizViewRetakeQuiz {
		margin: 15px 1%;
	}
	.quizViewQuestionImage {
		margin: 15px 1%;
	}
	.quizViewQuestionImage img {
		width: 98%;
		margin-top: 10px;
	}
	.quizViewAnswerImage img {
		width: 100%;
	}
	td[class*='quizViewAnswer_'] > input {
		width: 25px;
		height: 25px;
	}
	.quizViewQuestionResultContainer {
		margin: 0px 1% 20px 1%;
		float: none;
		width: 98%;
	}
	.quizViewAnswerResult > input {
		width: 20px;
		height: 20px;
	}
	.quizViewCorrectAnswerInfo {
		margin: 0px 1% 15px 1% !important;
	}
	.quizViewFeedback {
		margin: 0px 1% !important;
	}
	.quizViewNextButton,
	.quizViewCorrectAnswersButton,
	.quizViewRetakeQuiz {
		width: 100px;
		height: 20px;
		padding-top: 10px;
	}
	.quizViewCorrectAnswersButton,
	.quizViewShareOnFacebook {
		margin: 15px 0px 0px 1%;
	}
	.quizViewCustomButtom {
		height: 20px;
		padding-top: 10px;
		margin: 0px 1% 15px 1%;
	}
	.quizViewHideMobile {
		display: none !important;
	}
	.quizMainPageLink {
		margin: 10px 0px 0px 15px;
	}
	
	  
	/* LongArticle Phone Landscape END */

}

/* ****** Phone Portrait ****** */
@media only screen 
and (max-width: 480px){

/* Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.*/
body{
    -webkit-text-size-adjust: none; /* 100% may also be used refer to normalize.css */
    -ms-text-size-adjust: none; 
    text-size-adjust: none;
}

/*******************************/
/* START LayoutTopBar */
/*******************************/

	.layoutTopBar {
		background-color: #004B87;
		min-height:60px !important;
	}
	
    .layoutLogo {
		width: 50%;
		float: left;
		margin:0px;
	}
	
    .layoutLogoImage {
		width:100%;
		max-width:70px !important;
	}
	
    .layoutLogoText {
		display: none;	
	}
	

	/* Toggle Button +/- or hamburger LayoutTopBar */
	.layoutToggleMenu{
		width:50%;
		height:60px;
		float:left;
	}
	
	#siteTitle {
		width:80%;
		float:left;
		margin: 0px auto;
		height:auto;
		top:0;
		bottom:0;
	}

	#quickMenuContainer {
		width:10%;
		float:right; /*left*/
	}

	
	/* Hide all default menu buttons by default */
	.main-menu-btn, .main-menu-btn-1, .main-menu-btn-2, .main-menu-btn-4 {
		display:none;
	}


	/* START HAMBURGER MENU 1 */
	/* Hamburger menu */
	.c-hamburger--htx {
		width:50px !important;
		height:45px;
		position:absolute;
		top:15px;
		right:70px;
	}

	#hamburgermenu1Container{
		width: 100%;
		height:60px;
		float:left;
		margin-top:2px;
	}
	
	#hamburgermenu1 {
		float:right;
	}
	/* END HAMBURGER MENU 1 */

	#subsiteMenuContainer {
		max-width:34px;
	}

	
	#menu2MobileToggleContainer {
		width:10%;
		float:left;
	}
	
	/* START Top Search Box and Icon */
	
   	.layoutSearchBox {
		position: relative;
		left: 0px;
		top: 0px;
		width: 100%;
		margin-top:0px;
	}
	
	#SearchBox {
		float:right;
		margin-top:2px;
		margin-bottom:2px;
	}
	
	.njff-icon-search {
		width:34px !important;
		height:34px;
		float:right;
		position:absolute;
		top:15px;
		right:24px;
		/*background-color:silver;*/
		cursor:pointer;
	}
	
	.m-search-icon {
		float:right;
		width:100%;
		max-width:30px;
		margin-top:0px;
		/*-webkit-transform:scaleX(-1);
    	-moz-transform:scaleX(-1);
    	-ms-transform:scaleX(-1);
    	-o-transform:scaleX(-1);
    	transform:scaleX(-1);	*/
    }
	/* END Top Search Icon */

	
	.layoutTopMenu, .topMenuItem {
		width:100%;
	}
	
	.layoutTopBarContent, .menuTabs {
		width:100%;
		clear:both;
		margin:0px auto;
		text-align:left;
	}
	
	/* button menu-2 and menu-1 mobile toggle visibility */
	#menu2MobileToggle {
		top: 49px; /* 83px - 34px */
	  	position: absolute;
	  	float:right;
	  	width:100%;
	  	max-width: 34px;
	  	height: 34px;
	  	right: 4px;
	  overflow: hidden;
	  font: bold 16px/34px monospace !important;
	  text-align: center;
	  text-shadow: none;
	  background: rgba(0, 0, 0, 1);
	  color:white;
	  -webkit-border-radius: 5px;
	  -moz-border-radius: 5px;
	  -ms-border-radius: 5px;
	  -o-border-radius: 5px;
	  border-radius: 5px;
	
	}
	
	#menu2MobileToggleContainer {
		width:100% !important;
	  	max-height: 34px;
	  	height:34px;
		float:left;
	}

	/* Navigation Menu-1 and Menu-2 */

	nav.menu-1, nav.menu-2 {
		background-color:white;
		display:none;
	}


	/* hide menu-5 on mobile device */
	nav.menu-5, nav.menu-5.mobile-hidden {
		display:none !important;
	}

/* END LayoutTopBar */

/* START SUBSITE MENU LayoutBar */
	
	.layoutPageMenuWrapper {
		/*height:0px;*/
		/*height:auto !important;
		min-height:0px;
		height:0px;*/

	}
	
	nav.menu-4 {
		margin-top:-3px;
	}

	layoutSiteTitleWrapperTema {
		width:100%;
	}	
	
	/* END SUBSITE MENU LayoutBar*/
	
	/* Hide navigation menu-3 as defaut */
	nav.menu-3{
		display:none;
	}
	
	/* Calendar */
	.ddlCalendarWrapper, .calendarPagination {
		text-align: justify;
	}
	.calendarMoreInfoMetadata {
		width: 100%;
	}
	
	.calendarTabsListElement {
    	margin: 2px !important;
    }
    
    .calendarTableHeadRow th, .calendarTableRow td {
		font-size:11px !important;
	}
	
	tr.calendarTableHeadRow th:last-child, .calendarTableImageCell {
		width:15px;
	}
	
	.calendarTableHeadRow th, .calendarTableRow td {
		padding: 4px;
	}

	.newsRollup, .selectedActivites {
		text-align: justify;
		padding: 5px 2px 0px 2px;
	}
	
	
	.newsRollupArticle, .selectedActivity {
		margin: 0px !important;
		width:100%;
		padding-bottom:5px;
	}
	
	.selectedActivityTitle, .newsRollupTitle {
		margin: 5px 0px;
	}
	
	.newsRollupIngress, .selectedActivityIngress {
		margin-bottom:10px
 	}

	.themePageItem {
		width: auto;
		display: table;
		float: none;
	}
	.collaboratorsItem {
		margin: 10px 15px;
	}
	.footerLogo, .footerList {
		display: table;
		float: none;
		width: auto;
	}
	
	.layoutBoxHeaderBgTextRight {
		font-size: 10pt;
	}
	.layoutBoxHeaderBgTextRight, .layoutBoxHeaderBgTextRightWelcome {
		padding: 1px;
		margin:0px;
	}

	.layoutPageContent {
		width: 100%;
		padding:2px;
	}	
	 
	.ms-rtestate-field td {
		width:auto !important;
		position: relative; 
	}
	
	.createNewsButton {
	margin-top:1px;
	margin-bottom:1px;
	
	}
	
	#s4-workspace {
		background: none;
	}
	
	
	/* Advertising box and label */
	.layoutAdvertisingWrapper {
		width: 100%;
		margin:0px auto;
		float:left;
		text-align:center;
	}
	
	.advertisingLabel {
		padding-left:120px;
	}

	/* News Article and images */
	.newsArticleContentWrapper, .layoutArticleWrapper, .newsArticleBody img {
		width:100% !important;
	}
	
	.newsArticle {
		margin:5px;
	}
	
	.newsArticleBody img {
		margin:auto !important;
	}


	/* Search aand find */
	.searchAndFind > div {
		margin: 10px 8px 0px 0px;
	}
	
	/* Samarbeidspartnere */
	.collaborators {
		width:100%;
		margin:0px;
	}
	
	.collaboratorsItem {
		display:block;
    	margin: 0px auto;
    	width: 100%;
    	text-align: center;
	}
	
	.collaboratorsItem img {
		max-width:100% !important;
	}


	.calendarTabsListElement, .calendarTabsListElement.selected {
	    padding: 10px 10px;
	}
	
	.searchAndFind > img {
	 	width:100%;
	}
	
	.mobile-column-hidden, .mobile-click-visible {
		display:none;
	}
	
	
	
	.main-menu-btn-1 {
		padding-left:15px;
	}

	nav#cssmenu-4 li.pageMenuItem {
		clear:both !important;
	}


	.layoutWrapper {
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box; /* Firefox, other Gecko */
		box-sizing: border-box; /* Opera/IE 8+ */
	}


	.newsRollup, .selectedActivites {
		width:100%;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box; /* Firefox, other Gecko */
		box-sizing: border-box; /* Opera/IE 8+ */

	}

	.footerList {
		width:96%;
		border-bottom: 1px solid #3E3B3B;
		padding:10px;
	}
	
	.themePageItem {
		width:100%;
	}

	a#topmenulink{
		font-size:18px !important;
	}

	img.ms-asset-icon {
		width:auto !important;
	}
	
	/* dropp toppvignettbildet i mobilvisning */
	div.vignettImage {
		display:none;
	}
	
	.vignettBody {
		width:70%;
		margin:0px;

	}
	.vignettAddress {
		word-wrap:break-word;
		width:30%;
	}
		
	.vignettLogo {
		display:none;
	}

	.pageMenu {
		padding:0px;
	}
	
	/* START Table responsiveness */
	
	/* Force table to not be like tables anymore */
	table.responsive, table.responsive thead, table.responsive tbody, table.responsive th, table.responsive td, table.responsive tr { 
		display: block; 
	}
	
	.layoutBoxWrapper table.responsive{  
		width:98%;
	}

	
	/* Hide table headers (but not display: none;, for accessibility) */
	table.responsive thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	table.responsive tr { 
		/*border: 1px solid #ccc; */
		width:100%;
		border:none;
	}
	
	table.responsive td { 
		/* Behave  like a "row" */
		/*border: none;*/
		border: 1px solid #eee; 
		position: relative;
		/*padding-left: 50%; */
		width:100%;
	}
	
	table.responsive td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/* END table responsiveness */
	
	.ms-webpart-chrome-vertical, .ms-webpart-cell-vertical, .ms-webpart-zone {
		display:block;
	}
	
	/* LongArticle Phone Portrait START */
	.newsLongArticleBody, .newsLongArticleShortTextWrapper {
		width:100%;
		margin:2px;
	}
	
	.newsLongArticleShortTextWrapper{
		border-left: 1px dotted #000;
		padding-left:10px;
		margin:10px 5px 35px 5px;
		max-width: 100%;
	}
	
	.newsLongArticleShortBody {
		margin:0px 10px 0px 2px;
		padding: 1px;
	}

	.newsLongArticleShortTextWrapper .newsLongArticleImage img {
		max-width: 100%;
	}
	
	
	.newsLongArticleImage.lazyloaded {
		max-width:100%;
	}
	
	.newsLongArticleShortTextWrapper .newsLongArticleImage.lazyloaded, .newsLongArticleShortTextWrapper img.lazyloaded {
		float:left;
	}
	
	.newsLongArticleBody {
		width:100%;
		border-right:none;
	}
	

	.newsLongArticleBody p {
		margin:15px 2px 15px 0px; /* 15px 20px 15px 0px */
	}
	
.newsLongArticleShortTextWrapper {
	border-left:none;
	margin:10px 2px 35px 0px;
	float:left;
	padding:0px;
}

.layoutAdvertisingWrapperBottom {
	width:100%;
}

.layoutAdvertisingWrapperBottom .advertising {
	margin:0px 0px 0px 20px; /*0px 20px 0px 20px*/
}
	/* LongArticle Phone Portrait END */
	
}



/* ****** IPad Portrait ****** */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 

	#menuPanesWrapper {
		display:block;
	}
	
	/* Social Media */
	.newsArticleSocialMediaWrapper {
		width: auto;
		text-align: center;
		float: none;
	}
	.newsArticleSocialMediaWrapper > div {
		display: inline-block;
	}
	/**/

	.sm-clean2 a, .sm-clean2 a:hover, .sm-clean2 a:focus, .sm-clean2 a:active {
		font-size:13px;
	}
	
	.main-menu-btn, .main-menu-btn-1, .main-menu-btn-2, .main-menu-btn-4 {
		display:none;
	}
	
	.layoutLogo {
		width: auto;
		float: left
	}
	.layoutLogo img {
		width: 80%;
	}
    .layoutLogoText {
		display: block;		
	}
	
	.sm-transparent a, .sm-transparent a:hover, .sm-transparent a:focus, .sm-transparent a:active, .sm-transparent a.highlighted {
		padding: 5px 5px;
	}
	
	.menu-1, .menu-2, .menu-3, .menu-4 {
		line-height: 0;
			text-align: center;
			display: inline-table;
	}
	
	#searchJaktOgFiskeWrapper {
		width: 80%;
	}
	
	.layoutArticleWrapper {
		width: 100%;
	}
	.layoutAdvertisingWrapper {
		width: 100%;
    /* float: right; */
    text-align: center	}

	.layoutAdvertisingWrapper {
		
	}
	
	.newsArticleContentWrapper, .layoutArticleWrapper, .newsArticleBody img {
		width:100% !important;
	}
	
	.newsArticleImageLeft img {
		width:100%;
	}

	.layoutBoxWrapper, .layoutBoxMenuWrapper {
		width:100%;
	}	

	.mobile-column-hidden, .mobile-click-visible {
		display:none;
	}
	
	nav.menu-2 {
		width:100%;
	}

	.layoutWrapper {
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box; /* Firefox, other Gecko */
		box-sizing: border-box; /* Opera/IE 8+ */
	}
	
	.layoutTopMenu{
		width: 80%;
	}
	
	.newsRollup, .selectedActivites {
		width:100%;
	}
	
	.themePageItem {
		width:100%;
	}
	
	.footerList {
		width:100%;
		border-bottom: 1px solid #3E3B3B;
		padding:10px;
	}

.njff-ipad-portrait-layoutSearchBox {
	position: absolute;
    right: 4px;
}

.njff-input-search-ipad-portrait, .ms-srch-sb>input {
	width:150px !important;
	max-width:150px;
	height:38px !important;
}


.njff-ipad-menuPanesWrapper {
	position: absolute;
    top: 60px;
    width: 100%;
}

.njff-ipad-layoutLogo {
	max-width: 120px;
    left: 0;
    position: absolute;
    top: 15px;
    padding-left: 5px;
}

.njff-ipad-portrait-layoutLogo {
	max-width: 90px;
    left: 0;
    position: absolute;
    top: 0px;
    padding-left: 0px;
}

.njff-ipad-portrait-layoutLogoLink {
	position:relative;
}


.njff-ipad-layoutTopBar {
	height:100px;
	margin-bottom:30px;
}


.ms-webpart-chrome-vertical, .ms-webpart-cell-vertical, .ms-webpart-zone {
	display:block;
}


	/* ****** Quiz ****** */
	.quiz {
		margin: 20px 0px;
	}
	.quizViewLeftColumn img {
		width: 98%;
	}
	.quizViewLeftColumn,
	.quizViewRightColumn {
		float: none;
		width: 100%;
		margin: 1%;
		padding: 0px;
	}
	.quizViewRightColumn {
		margin-top: 15px;
	}
	.quizViewMainPageLink {
		margin: 15px 1%;
	}
	.quizViewHeader,
	.quizViewTitle,
	.quizViewGroupName	{
		margin: 0px 1% 20px 1% !important;
	}
	.quizViewRetakeQuiz {
		margin: 15px 1%;
	}
	.quizViewQuestionImage {
		margin: 15px 1%;
	}
	.quizViewQuestionImage img {
		width: 98%;
		margin-top: 10px;
	}
	.quizViewAnswerImage img {
		width: 100%;
	}
	td[class*='quizViewAnswer_'] > input {
		width: 25px;
		height: 25px;
	}
	.quizViewQuestionResultContainer {
		margin: 0px 1% 20px 1%;
		float: none;
		width: 98%;
	}
	.quizViewAnswerResult > input {
		width: 20px;
		height: 20px;
	}
	.quizViewCorrectAnswerInfo {
		margin: 0px 1% 15px 1% !important;
	}
	.quizViewFeedback {
		margin: 0px 1% !important;
	}
	.quizViewNextButton,
	.quizViewCorrectAnswersButton,
	.quizViewRetakeQuiz {
		width: 100px;
		height: 20px;
		padding-top: 10px;
	}
	.quizViewCorrectAnswersButton,
	.quizViewShareOnFacebook {
		margin: 15px 0px 0px 1%;
	}
	.quizViewCustomButtom {
		height: 20px;
		padding-top: 10px;
		margin: 0px 1% 15px 1%;
	}
	.quizViewHideMobile {
		display: none !important;
	}
	.quizMainPageLink {
		margin: 10px 0px 0px 15px;
	}

	
}

/* ****** IPad Landscape ****** */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 

	#menuPanesWrapper {
		display:block;
	}
	.main-menu-btn, .main-menu-btn-1, .main-menu-btn-2, .main-menu-btn-4 {
		display:none;
	}

	.sm-transparent a, .sm-transparent a:hover, .sm-transparent a:focus, .sm-transparent a:active, .sm-transparent a.highlighted {
		padding: 5px 5px;
	}
	
	.menu-1, .menu-2, .menu-3, .menu-4 {
		line-height: 0;
			text-align: center;
			display: inline-table;
	}
	
	/* Social Media */
	.newsArticleSocialMediaWrapper {
		width: auto;
		text-align: center;
		float: none;
	}
	.newsArticleSocialMediaWrapper > div {
		display: inline-block;
	}
	/**/
	
	#searchJaktOgFiskeWrapper {
		width: 80%;
	}
	
	.subPageMenuItem {
		width:auto;
	}
	
	.layoutArticleWrapper {
		width: 75%;
	}
	
	.layoutAdvertisingWrapper {
		width: 20%;
	}
	
	.newsArticleBody img {
		width:100% !important;
	}
	
	.newsArticleImageLeft img {
		width:100%;
	}


	.mobile-column-hidden, .mobile-click-visible {
		display:none;
	}


	/* Change the default box model for the layoutWrapper element. By setting the value to border-box, 
	you are moving both the borders and paddings inside the elements, allowing you to use percentage values for the widths,
	 while still using px values for the paddings. **/
	.layoutWrapper {
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box; /* Firefox, other Gecko */
		box-sizing: border-box; /* Opera/IE 8+ */
	}

	.newsRollup, .selectedActivites {
		width:100%;
	}

	.footerList {
		width:20%;	
	}
	
	/* Fix selected articles 3 articles in a row */
	.selectedActivity, .newsRollupArticle {
    	margin: 0px 15px 0px 15px;
	}


.njff-ipad-menuPanesWrapper {
	position: absolute;
    top: 60px;
    width: 100%;
}

.njff-ipad-layoutLogo {
	max-width: 100px;
    left: 0;
    position: absolute;
    /*top: 35px;*/
    padding-left: 0px;
}

.njff-ipad-portrait-layoutLogo {
	max-width: 90px;
    left: 0;
    position: absolute;
    top: 0px;
    padding-left: 0px;
}

.njff-ipad-portrait-layoutLogoLink {
	position:relative;
}


.njff-ipad-layoutTopBar {
	height:100px;
	margin-bottom:30px;
}

.ms-srch-sb>input {
	width:150px !important;
	max-width:150px;
	height:38px !important;
}

.layoutTopMenu {
	width: 70%;
}

.ms-webpart-chrome-vertical, .ms-webpart-cell-vertical, .ms-webpart-zone {
	display:block;
}

	
	/* ****** Quiz ****** */
	.quiz {
		margin: 20px 0px;
	}
	.quizViewLeftColumn img {
		width: 98%;
	}
	.quizViewLeftColumn,
	.quizViewRightColumn {
		float: none;
		width: 100%;
		margin: 1%;
		padding: 0px;
	}
	.quizViewRightColumn {
		margin-top: 15px;
	}
	.quizViewMainPageLink {
		margin: 15px 1%;
	}
	.quizViewHeader,
	.quizViewTitle,
	.quizViewGroupName	{
		margin: 0px 1% 20px 1% !important;
	}
	.quizViewRetakeQuiz {
		margin: 15px 1%;
	}
	.quizViewQuestionImage {
		margin: 15px 1%;
	}
	.quizViewQuestionImage img {
		width: 98%;
		margin-top: 10px;
	}
	.quizViewAnswerImage img {
		width: 100%;
	}
	td[class*='quizViewAnswer_'] > input {
		width: 25px;
		height: 25px;
	}
	.quizViewQuestionResultContainer {
		margin: 0px 1% 20px 1%;
		float: none;
		width: 98%;
	}
	.quizViewAnswerResult > input {
		width: 20px;
		height: 20px;
	}
	.quizViewCorrectAnswerInfo {
		margin: 0px 1% 15px 1% !important;
	}
	.quizViewFeedback {
		margin: 0px 1% !important;
	}
	.quizViewNextButton,
	.quizViewCorrectAnswersButton,
	.quizViewRetakeQuiz {
		width: 100px;
		height: 20px;
		padding-top: 10px;
	}
	.quizViewCorrectAnswersButton,
	.quizViewShareOnFacebook {
		margin: 15px 0px 0px 1%;
	}
	.quizViewCustomButtom {
		height: 20px;
		padding-top: 10px;
		margin: 0px 1% 15px 1%;
	}
	.quizViewHideMobile {
		display: none !important;
	}
	.quizMainPageLink {
		margin: 10px 0px 0px 15px;
	}

}

/* Others Extra Small*/

@media screen and (max-width: 647px) {
	.newsRollupArticle, .selectedActivity {
		width:100%;
	}
	
	img.ms-asset-icon {
		width:auto;
	}
}


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

    .njff-input-search-large, .ms-srch-sb>input {
		width: 120px !important;
		/* bring element to front */
		position: relative;
    	z-index: 999;
	}
	
	.sm-clean2 a, .sm-clean2 a:hover, .sm-clean2 a:focus, .sm-clean2 a:active {
		font-size:13px;
	}
	
}


/* Others max-width 1019px */
@media screen and (max-width: 1019px) {
	.layoutAdvertisingWrapper {
		text-align: center;
    	float: none;
    	margin: 0 auto;
    }
    

}


/* Others max-width 1200px */
@media screen and (max-width: 1200px) {

	.selectedActivity, .newsRollupArticle {
    	margin: 0px 5px 10px 5px;
	}

    .njff-layoutLogo {
	max-width: 10%;
    left: 0;
    position: absolute;
   /* top: 15px;
    padding-left: 25px;*/
	}
	
}

/* Others min-width: 1020 max-width 1399px */
@media screen 
and (min-width: 1020px)
and (max-width: 1399px) {

	
	.layoutAdvertisingWrapper {
		float:left;
	}
	
	.advertisingItem {
		width:100%;
	}

	.advertisingItem img {
		max-width:100%;
	}
	
	.layoutAdvertisingWrapperBottom .advertisingItem {
		width:auto;
	}


}

/* Others max-width 1400px */
@media screen and (max-width: 1400px) {

	/* "To i toppen" skal ikke stable bilder i smal skjerm, men holde 2x50% hele veien.*/
	.newsArticleImageTop {
    	width:100%;
	}
	
	.newsArticleImageTopLeft, .newsArticleImageTopRight {
		width:45%;
	}
	
	.newsArticleImageTopLeft > img, .newsArticleImageTopRight > img {
		width:100%;
	}
	
}
@media screen and (min-width: 768px) {
/* Default Behavior applicable to all devices */
#siteTitle {
	width:80%;
	float:left;
	margin: 0px auto;
	height:auto;
	top:0;
	bottom:0;
}

#subsiteMenuContainer {
	display:none;
}

.main-menu-btn-2, .c-hamburger--htx, .m-search-icon {
	
	display:none;
}

#quickMenuContainer {
	width:10%;
	float:left;

}

/* Style search input box element */

.njff-input-search{
	width:200px !important;
	height:38px !important;
}

.njff-hamburgermenu1Container {
		width:100%;
		max-width:300px;
		float:right !important;
		height:74px;
		position:relative;

}

.c-hamburger--htx {
		width:54px !important;
		height:54px;
		position:absolute;
		top:auto;
		right:70px;

	}



.njff-icon-search {
		width:34px !important;
		height:34px;
		float:right;
		position:absolute;
		top:40px;
		right:24px;
		cursor:pointer;
	}
	
.njff-icon-search-container {
	width:38px;
	height:40px;
	background:#004B87;
	float:right;
}
#SearchBox {
	float: left;
	display:none;
}
.njff-icon-search-large {
		width:34px !important;
		height:34px;
		float:left;
		position:relative;
		cursor:pointer;

}

.njff-icon-search-ipad {
		width:34px !important;
		height:34px;
		float:left;
		position:relative;
		cursor:pointer;

}


.m-search-icon {
		float:right;
		width:100%;
		max-width:30px;
		margin-top:0px;
    }

.m-search-icon-large {
		float:right;
		width:100%;
		max-width:100%;
		margin-top:4px;
    }

.njff-input-search-large{
	width:200px !important;
	height:38px !important;
}

.njff-input-search-ipad {
	width:150px;
	height:38px !important;
}


    #ccNav{
	padding-top: 0px;
	}
}

@media only screen
and (max-width: 480px) {
  .width-full {
    display:none;
  }
}