/*====================================
 MOBILE CSS
 
    320px for common smartphones including iPhone at portrait orientation
    480px and below for iPhones at landscape orientation and many of the HTC handsets
    576px below for Smartphones at horisontal orientation 
    768px – 980px for iPad and other tablets
    980px and upwards for desktop monitors
    1200px and upwards for larger desktop monitors

=====================================*/



/* ==================================== */
/*       max-width:980px                */
@media screen and (max-width:938px) { 

}

/* ==================================== */
/*       max-width:768px                */
@media screen and (max-width:768px) { 

/* GLOBAL SETTINGS */	
	/* GLOBAL SETTINGS */	
	body, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, figure, figcaption, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		font-size:100%;
		line-height:125%;
	}
	h1, .subpage-1 #centerCol-1 h1 { font-size:200%; line-height:150%; }
	h1 a { font-size:100%; line-height:100%;}
	h2 { font-size:125%; }
	h2 a { font-size:100%; }
	h3 { font-size:115%; }
	h3 a { font-size:100%; }
	h4 { font-size:125%; }
	h4 a { font-size:100%; }
	h5 { font-size:90%; }
	h5 a { font-size:100%; }

	.shortField { width:100%; }
	
	div.csc-textpic-intext-right .csc-textpic-imagewrap {
		width:97%;
		margin:0 3% 0 0;
	}

	/* label */	
	label, .powermail_label {
		width:100%;
		height:auto;
	}

	/* <input type="text"> */
	input[type="text"],input.text, input.stdText, .powermail_input, .powermail_select {
		width:91%;
	}

	/* <input type="checkbox"> */
	input[type="checkbox"], input.checkBox {	
		margin:3% 91% 3% 3%;
	}
	
	/* select */
	select, .powermail_select {
		min-width:97%;
		padding:10px 3%;
		-webkit-appearance:listbox;
		-moz-appearance:listbox;
		appearance: listbox;		
	}
	
	/* <input type="submit"> */
	input[type="submit"],input.submit, input.stdSubmit, input.powermail_submit, div.mbl_newsevent_register a { 
		min-width:97%;
		height:52px; 	
	}
	
	/* ------------------------------------ */
	/* PAGE                                 */

	a.print { 
		display:none;
	}
	#date {
		display:none;
	}

	#mainMenu { 
		display:none;
	}

	#mobileSearchBox { 
		background-color:#000;
		padding:10px;
	}
	#mobileSearchBox input[type="text"] { 
		width:60%;
		height:45px;
		line-height:35px;
		font-size:20px;
		border:0px solid #fff;
		padding:0 2%;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
		border-radius:2px;
	}
	#mobileSearchBox input[type="submit"] { 
		width:30%;
		min-width:0;
		height:45px;
		font-size:20px;
		line-height:35px;
		float:right;	
		padding:0 2%;	
		border:1px solid #b5272e;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
		border-radius:2px;		
	}
	#mobileSearchBox label {
		position:absolute;
		top:-9999px;
		left:-9999px;
	}
	#mobileSearch { 
		position:relative;
		right:10px;
		top:10px;
		z-index:5;
    	display:block;
    	float:right;
    	height: 41px;
    	width: 41px;
    	background: url("../Images/search.png") no-repeat scroll 0 0 transparent;
    	margin: 0;
    	min-width: 0;
    	overflow: hidden;
    	padding: 0;
    	text-indent: 100%;
		border:3px solid #deb600;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
		border-radius:2px;
		cursor:pointer;			
	}
	#mobileSearch.searchIsOpen { 
		background: url("../Images/searchClose.png") no-repeat scroll -9px -9px transparent;
	}
	#mobileMenu {
		background-color:#000000;
		position:relative;
		z-index:3;
	}
	
	.slicknav_menu {
		display:block;
	}
	.slicknav_menutxt {display:none;}
	.slicknav_btn.slicknav_open {
		padding:0;
		width:41px;
		height:41px;
	}
	.slicknav_btn.slicknav_open span { 
		display:none;
	}
	ul.slicknav_nav { 
		margin-top:45px;	
		padding-bottom:25px;
		background-color:#deb600; 
	}
	ul.slicknav_nav > li {
		border-bottom:1px solid #ffffff;
		padding-bottom:0;
		padding-left:0;
	}
	ul.slicknav_nav > li:first-child { 
		border-top:1px solid #ffffff;	
	}
	ul.slicknav_nav li a,
	ul.slicknav_nav li a.slicknav_item a { 
		font-size:22px;
		color:#ffffff;
		line-height:48px;
		text-decoration:none;
	}
	ul.slicknav_nav li a.slicknav_item > a,
	ul.slicknav_nav a.intra {
		padding-left:10px;	
	}
	ul.slicknav_nav > li .slicknav_arrow,
	ul.slicknav_nav li.slicknav_open .ifSub .slicknav_arrow {
		position:absolute;
		right:15px;
		line-height:48px;
		color:#ebd366;
	}
	ul.slicknav_nav > li:hover {
		background-color:#ebd366;
	}
	ul.slicknav_nav > li:hover a.slicknav_item .slicknav_arrow {
		color:#ffffff;	
	}
	ul.slicknav_nav li.slicknav_open {
		background-color:#ebd366;	
	}
	ul.slicknav_nav li.actIfSub.slicknav_open {
		background-color:#ebd366;		
	}
	ul.slicknav_nav li.slicknav_open > a:first-child { 
		background-color:#deb600;
	}
	ul.slicknav_nav li.slicknav_open .slicknav_arrow {
		color:#ffffff;	
	}
		
	/* LEVEL 2 */
	ul.slicknav_nav ul {
		margin:0;
	}
	ul.slicknav_nav ul li { 
		padding-bottom:0;
		padding-left:0;
		border-bottom:1px solid #ffffff;
	}
	ul.slicknav_nav ul li:first-child {
		border-top:1px solid #ffffff;	
	}
	ul.slicknav_nav ul li.last {
		border-bottom:0 none;	
	}
	ul.slicknav_nav ul li a, 
	ul.slicknav_nav ul li a.slicknav_item a {
		font-size:18px;
		line-height:48px;
		padding:0;	
	}
	ul.slicknav_nav ul li > a {
		padding:0 0 0 40px;	
	}
	ul.slicknav_nav ul.res-level-2 > li .slicknav_arrow,
	ul.slicknav_nav ul.res-level-2 li.ifSub .slicknav_arrow {
		color:#fff;
	}	
	
	/* LEVEL 3 */
	ul.slicknav_nav ul li ul li { 
		padding-top:11px;
		padding-bottom:11px;
	}
	ul.slicknav_nav ul li ul li a, 
	ul.slicknav_nav ul li ul li a.slicknav_item a {
		font-size:18px;
		padding-left:0px;
		line-height:26px;
	}
	ul.slicknav_nav ul li ul li > a {
		padding:0 0 0 60px;	
	}

/* header */	
	#header {
		background:#ffffff none;
		border-bottom:3px solid #deb600;
	}
	.subpage-1 #header,
	.subpage-2 #header {
		height:241px; 

	}
	.subpage-1 #header::before,
	.subpage-2 #header::before {
		display:none;
	}
/* websiteLogoMobile */
	#websiteLogoMobile {
		display:block;
		padding:2%;
	}
/* bannner */
	#banner {
		
	}
	#banner figure.image::after { 
		display:none;
	}
/* serviceMenu */
	#serviceMenu { 
		display:none;
	}
/* menuContainer */
	#menuContainer { 
		display:none;
	}

/* sitemap */	
	#sitemap { 
		display:none;
	}

/*instagram */	
	#instagram-images { 
		width:100%;
		margin:0;
		padding-bottom:5%;
	}
	#instagram-images .instagram-image { 
	    height: auto;
    	max-width: none;
	    padding: 1%;
    	width: calc(23%) !important;
	}
	
	#footer .csc-header { 
		height:auto;
		margin-bottom:5px;
	}
	#footer #footerCol-1,
	#footer #footerCol-2,
	#footer #footerCol-3 {
		width:100%;
		padding:0;
		margin:0;	
	}
	
	#instagram a { 
		display:none;
	}
	#instagram a:nth-child(-n+4) { 
		display:inline;
	}
		
	#leftContainer { 
		display:none;
	}
	.subpage-2 content {
		width:100%;
	}
	#centerContainer, 
	.subpage-2 #centerContainer { 
		width:95.42%;
		max-width:95.42%;
	}
	#rightContainer { 
    	background: none repeat scroll 0 0 #fff;
    	border-top: 1px solid;
		width:95.42%;
		max-width:95.42%;
		padding:0 2.29%;		
	}
	#rightCol-1 { 
		padding:0;
	}
	#rightCol-1 > div,
	#rightCol-1 > div:first-child { 
		border:0 none;
	}
	#feuser-teachers .feUser { 
		width:47%;
		min-height:295px;
	}
	
}



/* ==================================== */
/*       max-width:720px                */
@media screen and (max-width:720px) { 
/* diverse slideshow på forsiden, skal fungere på ipad i horisontal og vertikal */	
	#activitySlider .slidePrev,
	#activitySlider .slideNext { 
		display:none;
	}
	#activitySlider .csSlideWrapper { 
		overflow:visible;
	}
	#activitySlider #events { 
		margin:0;
		transform:none !important;		
	}
	#activitySlider #events li > div {
		padding:10px;
		border:0 none;
	}
	#activitySlider #events li { 
		width:100% !important;
		height:auto;
		padding:0;
		margin-bottom:10px;
		border-top:1px solid #ebd366;
	}
	#activitySlider #events li:first-child,
	#activitySlider #events li:last-child {
		display:none;	
	}
	#activitySlider #events li:nth-child(2) {
		border:none;	
	}
	
	#activitySlider #events .eventContent, 
	#activitySlider #events .smallIcons { 
		position:inherit;
		padding:0;
	}
	
	#activitySlider #events .smallIcons a { 
		letter-spacing:20px;
	}
	
	#activitySlider .csPager { 
		display:none;
	}
	
	#newsSlider { 
		margin:0;
		max-height:none;
	}
	#newsSlider .slidePrev,
	#newsSlider .slideNext { 
		display:none;
	}
	#newsSlider .csSlideOuter { 
		width:100%;
		padding:0;
		height:auto;
	}
	#newsSlider #newslatestitems { 
		width:100% !important;
		transform:none !important;
	}
	#newsSlider #newslatestitems li { 
		width:50% !important;
		height:auto;
		margin-bottom:1px;
	}
	#newsSlider	#newslatestitems li > div { 
		margin:0;
	}
	#newsSlider #newslatestitems li span { 
		top:10px;
		left:10px;
	}
	#newsSlider #newslatestitems li h2 a { 
		left:10px;
	}
	#newsSlider #newslatestitems li a { 
/* 05/12-2017		display:flex; */
	}
	#newsSlider #newslatestitems li img { 
		
	}
	#newsSlider #newslatestitems .smallIcons { 
		left:10px;
		letter-spacing:10px;
	}	
}



/* ==================================== */
/*       max-width:576px                */
@media screen and (max-width:576px) { 
	#newsSlider #newslatestitems li { 
		width:100% !important;
	}
	#instagram-images .instagram-image { 
    	width: calc(31.3%) !important;
	}

	div.studieBox {
		width:43.0%;
	}
/*	
	div.studieBox:nth-child(2n+1) { 
		margin-left:0;
	}
	div.studieBox:nth-child(2n+2) { 
		margin-left:3%;
	}
*/	

}
/* ==================================== */
/*       max-width:480px                */
@media screen and (max-width:480px) { 
	#instagram-images .instagram-image { 
    	width: calc(48%) !important;
	}
	#feuser-teachers .feUser { 
		width:100%;
		margin-left:0;
	}
	#feuser-teachers .feUser:first-child { 
		margin-left:0;
	}
	div.studieBox {
		width:90.0%;
	}	
}

/* ==================================== */
/*       max-width:320px                */
@media screen and (max-width:320px) { 
	#instagram-images .instagram-image { 
    	width: calc(98%) !important;
	}

}