/* Breakpoints
----------------------------------------------------------------------------------------------------*/
/* All except large Screens */
@media (max-width: 1220px) {

}

@media (min-width: 960px){


.frontPage #box8{
float: right;
margin: 10px 20px 10px 0;	
}


#search{
/*display: inline-block!important;	*/
}
}

/* Only Phones and Tablets (Portrait) */
@media (max-width: 959px) {
nav#menu{
width: 100%;
}
nav#menu ul li{
font-size: 11px;	
}
.ansatte-single-info{
position: static;
float: left;
width: 100%;
padding-left: 0;
box-sizing: border-box;	
-moz-box-sizing: border-box;	
}
#slogan {
	max-width: 70%;
}

#increaseDecreaseFontSize {display:none;}

.search-input{
width: 68%;	
margin-right: 2%;
}
#input-field{
width: 100%;	
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.search-button{
width: 27%;
float: left;
padding: 0 1%;
margin-left: 1%;	
}
.color-shape.big{
width: 64%;	
}
.color-shape{
width: 31%;	
margin: 10px 1%;
}
#box8{
float: right;
margin: 10px 2% 10px 0;	
}

#box10{
float: left;
margin: 10px 0 10px 1%;	
}


}

/* Only Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 959px) {

    #slogan {
	max-width: 40%;
}
}

/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 480px) and (max-width: 959px) {


}
@media (min-width: 768px){
div.toggle,ul.dropdown{
display: none;	
left: 0;
}



nav#menu{
display: block;	
}
ul.dropdown div{
/*columns: 4;	
-webkit-columns: 4;	
-o-columns: 4;
-moz-columns: 4;*/
}
ul.dropdown div ul li{
width: 100%;	
}
.page-list{
display: block!important;	
}


.articleImagesWeb {display:block;}
	
.articleImagesMob {display:none;}

}

/* Only Phones */
@media (max-width: 767px) {


.emneArtikkelListBilde {max-height:none;overflow:auto;}

.art-head h1{
	font-size: 300.071%;
}

#search{
position: absolute;
right: 0;
top: 40px;
background: rgba(0,0,0,.6);
box-shadow: 0px 1px 5px rgba(0,0,0,.5);
-webkit-box-shadow: 0px 1px 5px rgba(0,0,0,.5);
-o-box-shadow: 0px 1px 5px rgba(0,0,0,.5);
-moz-box-shadow: 0px 1px 5px rgba(0,0,0,.5);
padding: 10px;
}

#sloganTxt {padding-top:20px; padding-right:0;}
.logo-slogan {display:none;}
.logo-smal-front {display:block;}

footer#footer-wrap{
margin: 2px 1%;	
}
#mobilefooter{
display: block;	
float: left;
width: 100%;
/*background: rgb(39,39,39);*/
color: #FFF;
padding: 10px 0;
font-family: 'Playfair Display', serif;
font-size: 157.142%;
}
#mobilefooter p{
padding: 0 10px;	
}
.art-image{
width: 98%;	
margin: 10px 1%;
}

.art-imageVer2{
width: 98%;	
margin: 10px 1%;
}


.articleImagesWeb {display:none;}
	
.articleImagesMob {display:block;}


.color-shape a.toggle{
display: inline-block;	
}
header#head-wrap{
/*margin: 0 1%;	*/
}

img{
display: inline-block;	
}
.alignright{
text-align: right;	
}
nav#menu{
position: relative;
width: 100%;	
margin-bottom: 0;
padding: 0;
}
nav#menu ul{
position: absolute;
right: 0;
top: 0;	
padding: 10px;
background: rgba(41,41,39,.98);
box-shadow: 0px 1px 5px rgba(0,0,0,.5);
-moz-box-shadow: 0px 1px 5px rgba(0,0,0,.5);
-o-box-shadow: 0px 1px 5px rgba(0,0,0,.5);
-webkit-box-shadow: 0px 1px 5px rgba(0,0,0,.5);
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
z-index: 999;
}
.gallery-box-image img{
min-height: 0;
max-height: none;	
}
.gallery-box-l{
float: left;
width: 100%;
margin-left: 15px;
position: static;	
}
nav#menu ul.dropdown{
width: 100%!important;	
display: none;
position: relative;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
background: none;
padding: 10px 0;
}
.dropdowncolumn{
width: 100%!important;
border-bottom: 1px dotted #FFF;	
border-left: none;
margin-bottom: 15px;
padding-bottom: 15px;
padding-left: 0;
}
nav#menu ul.dropdown ul{
	padding: 10px 0;
}
nav#menu ul.dropdown li.spacing{
padding-top: 0;	
}
nav#menu ul.dropdown ul li{
border-right: 1px solid #FFF;	
}
nav#menu ul li a{
background: none;
color: #FFF;	
}
nav#menu ul > li, nav#menu ul > li.face-icon img{
	display: block;
	float: none;
	border-right: none;
}
nav#menu ul > li{
	font-size: 16px;
	margin-bottom: 10px;
	border-bottom: 1px solid #FFF;	
	padding-bottom: 10px;
}
nav#menu ul li:last-child{
border-right: none;	
margin-right: 0;
/*padding-right: 0;*/
	border-right:none !important;
}
div.toggle{
display: block;	
}

/*skjuler desktop search ikon*/
.desktopSearchIcon {display:none;}

div.toggle a.toggle{
display: inline-block;	
color: #0c0a0a;
font-size: 30px;
padding-right:10px;

}
a.toggle:hover{
text-decoration: none;	
}
nav#menu,#search{
display:none;	
}
.logo-slogan{
text-align: center;	
width: 100%;
}
#logo{
max-width: 100%;
padding-right:10px;	
}
#logo,#slogan{
float: none;	
margin: 0 auto;
}
#slogan{
	margin-top: 15px;
display: inline-block;	
}

.sloganTxt {
	text-align:center;
}



.color-shape.big, .color-shape.small,#box8, #box10{
width: 98%;	
float: left;
}
.color-shape.big,#box8{
margin: 10px 1%;	
}
.color-shape.small,#box10{
	height: auto;
	margin: 1px 1% !important;
}
.tab-items,.page-list{
display: none;	
}
.page-icon{
float: left;	
}
.page-name{
text-align: left;	
padding-left: 60px;
}
.tab-items{
display: none;	
}


.page-icon {
	min-width:35px;
}

.page-icon img {
	position: absolute;
	bottom: 3px;
	left:5px;
	margin: 0 auto;
	text-align: left;
	width: auto;
	margin-left: 0;
}

.ansatte-person-bilde {
	display:none;
}
.ansatte-person-navn {border:none;}
.small-wrapper.ansatte {padding-top:20px; padding-bottom:20px; border-top:2px solid #000;}

/*new design */
.color-shape-Blue .box-corner-Blue {display:none;}
.color-shape-Pink .box-corner-Pink {display:none;}
.color-shape-Brown .box-corner-Brown {display:none;}

/*new design ends*/

}

/* Only Phones (Landscape) */
@media (min-width: 480px) and (max-width: 767px) {

}

/* Only Phones (Portrait) */
@media (max-width: 479px) {

.art-head h1{
	font-size: 200.071%;
}

ul.kalender-dag-tall li ul li .date-wrap .date-nr{
font-size: 12px;	
}
.kalender-tab-juks ul{
margin-right: 0;
width: 100%;	
}
ul.kalender-dag-navn li{
font-size: 14px;	
}
.cal-liste-show-wrap{
font-size: 16px;	
}
.date-tall-content-picture{
float: none;
width: 100%;
text-align: center;	
}
.kalender-tab-liste,.kalender-tab-mnd{
width: 45%;
box-sizing: border-box;	
}


.galleryThumb {float:none; width:100%; padding-right: 15px; padding-bottom:15px;}
.galleryThumb img{width:100%}


.sloganTxt {
	font-size:18px;
}

}




































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */