#menu button {display: none;}
#menu {
	position: absolute; top:120px; width: 100%;
  height: 48px;   
  background-color: #0168b3;
}

#menu div {
  margin: auto;
  max-width: 1400px;
  text-align: right;
}

#menu #dropdown { 
	width: 1400px;
   position: absolute;
   z-index: 8999;
}

#menu ul {
	float: left;
   width: 1400px;  
	list-style: none;
	padding: 0px; margin: 0px;
}

#menu ul li {
	float:left;
	display:block;
	margin: 0 0 0 10px;
	border:none;
	z-index:100;
}

#menu ul li a {
  display: block;
  line-height: 48px;
	font-size:12pt;
	color: #fff;
  text-decoration: none;
	padding: 0 15px 0 15px;
}

#menu ul li a:hover {
  color: #fff;
  background-color: #000;
}

#menu ul li.active a {color: #fff;}
#menu ul li.active a:hover {color: #fb0;}

div#menu ul ul {
	display: none;
	position: absolute;
	width: 240px;
	margin: 0px;
	 -webkit-animation: fadein 1s; /* Safari and Chrome */
    -moz-animation: fadein 1s; /* Firefox */
    -ms-animation: fadein 1s; /* Internet Explorer */
    -o-animation: fadein 1s; /* Opera */
    animation: fadein 1s;
}

div#menu ul li:hover ul {

	display: block;

}

div#menu ul ul:hover a {
	background-color: #0168b3;
}

#menu ul ul li {

	width: 300px;
	margin: 0px;
}

#menu ul ul li a { 
	color: #fff;
  background-color: #0168b3;
  font-weight: normal;
  line-height: 40px;
  text-align: left;
}

#menu li.active ul li a {

	color: #fff;

	background-color: #0168b3;

}





#menu ul ul li a:hover, #menu ul ul li.active a:hover {  

   color: #fb0;

}

#menu ul ul a:hover #menu a:parent {

	background-color: maroon !important;

} 



#menu ul ul span {

  display: none;

  position: relative;  

}

div#menu ul ul li:hover span {

	display: block;

}

#menu ul ul ul {

  position: absolute;

	width: 250px;

  left: 220px;

  top: -33px;

}

#menu ul ul ul li a {

  display: block;

  border-left: #fff 1px solid;

}





#menusub {

	margin-bottom: 20px;

}

#menusub ul {

	margin: 0px; padding: 0px; list-style: none;

	border-top: #203f76 1px dashed;

}

#menusub ul li {color: #333; margin-top: 2px; border-bottom: #203f76 1px dashed;}

#menusub ul li a {

	display: block;

	width: 210px;

	line-height: 23px;

	text-decoration: none;

	color: #203f76;

}

#menusub ul li a:before {

	content: "\2039\2039  ";

}

#menusub ul li a:hover {

	color:#000;

	background-color: #eee;

}



#menumobil {
clear: both;
height: 40px; 
display: none;
}
#menumobil div {
height: 40px; 
	background-color: #0168b3;
}

#menumobil div div { 
position: absolute;
height: 40px; 
z-index: 9999;
}

#menumobil ul {
list-style: none;
padding: 0px; margin: 0px;
background-color: #0168b3;
width: 40px;
}

#menumobil ul li, #menumobil ul li a {
width: 240px;
font-size:14px;
color: #fff;
display: block;
line-height: 40px;
background-color: #0168b3;
}

#menumobil ul li span {

display: block;

float:left;

color: #fff;

width:210px;

text-indent: 33px;

font-weight: bold;

background-image: url(../gfx/menymobil-hvit.png);

background-repeat: no-repeat;

}

#menumobil ul li #lukk {display:none; width:20px; text-indent:0px; font-weight:normal; background-image:none;}









@media screen and (max-width: 1000px){
	#topp {height: 100px;}
	#menumobil {display: block;}
	#menu {display: none; line-height: 40px; top:150px;}
	#menu #dropdown {z-index: 99999 !important;}
	#menu, #menu div, #menu #dropdown, #menu ul {clear:both; float: left; width: 240px !important;}
	#menu ul {margin: 0px; padding: 0px;}
	#menu ul ul {display: block !important; position: static !important;}
	#menu ul li {float: none; width: 240px; background-color: #0168b3; text-align: left; border-top: #000 1px dashed; line-height: 40px; margin: 0px;}
	#menu ul li a:hover, #menu ul ul li a:hover {color: #fb0; background-color: #0168b3;}
	#menu ul ul li {width: 240px; border: 0px;}
	#menu ul ul li a {line-height: 20px; font-size: 12pt; background-color: #0168b3 !important; color: #fff !important;}
	#menu ul ul li a:hover {color: #fff !important;}
	#menu ul ul li a:before {content: "- ";}	
	#adresse {display: none;}
	#innhold {float:none; width: 100% !important;}
	#innhold table {max-width: 100%;}
	#innhold td {float: left;}
	#inner {padding: 0 10px 0 10px;}
	#toppsist, #toppmest, #sistenytt {display: none;}
	.blog {width: 100%;}
	.blog .blog-item {padding: 20px 0 20px 0;}
	.blog, .blog .item-image, .item-content {float: none !important;}
	.blog .item-image {margin: 0px;}
	.blog .columns-3 .blog-item {min-height: 10px;}
	.blog .columns-3 .item-image, .blog .columns-3 .item-image img {width: 100% !important;}
	 .blog-featured .blog-item, .columns-3 .blog-item {float: noen; width: 100% !important; min-height: 10px;}
	#hoyre {clear:both; float: none; width: 99%;}
}

@media screen and (max-width: 720px){
	h1, h2, h1 a, h2 a {font-size:20px;}
	h3, h4 {font-size:14pt;}
}

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

@media screen and (max-width: 540px){
	#logo {width: 214px; height: 50px; margin: 0px;}
	#logo a {width: 214px; height: 50px; background-size: 214px 50px;}
	#webnorge {width: 59px; height: 47px; background-size: 59px 47px;}
	#innhold .galleri img {width: 105px !important; height: 105px !important;}
	#innhold .galleri td {font-size: 10pt;}
}

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

	#topptopp {height: 50px;}

	#logo {width: 200px; height: 31px;}

	#logo a {width: 200px; height: 31px;  background-size: 200px 31px;}

	#side4 .newsflash-horiz li {float: none; width: 92%;}

}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Firefox */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Safari and Chrome */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Opera */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}