#menu {
  clear: right;
  width: 100%; 
  height: 30px;  
  margin: 6px 10px 0 20px;
}
#menu div {}
#menu #dropdown {
 position: absolute; 
}

#menu ul {
	float: right;	
	list-style: none;
	padding: 0px; margin: 0px;
   z-index: 9999;
}
#menu ul li {
	float: left;
	display:block;
}
#menu ul li a {display: block;
	font-size:12pt; line-height: 28px; color: #fff;
  text-decoration: none; padding: 0 16px 0 8px;
}
#menu ul li a:hover {color: #fb0;}
#menu ul li.active a {color: #fb0;}
#menu ul li.active a:hover {color: #fb0;}
#menu ul li.deeper a {background-image: url(../gfx/pilned.png); background-repeat: no-repeat; background-position: center right; margin: 0 20px 0 0;}
#menu ul li.deeper a:hover {background-image: url(../gfx/pilopp.png);}
#menu ul li.deeper li a, #menu ul ul li.deeper a:hover {background-image: none !important;}

#menu ul ul {display: none; position: absolute; width: 280px; background-image: url(../gfx/meny2019.jpg);
	 -webkit-animation: fadein 0.4s; -moz-animation: fadein 0.4s; -ms-animation: fadein 0.4s; -o-animation: fadein 0.4s; animation: fadein 0.4s;}
div#menu ul li:hover ul {
	display: block;
}
#menu ul ul li {
	width: 200px;
}
#menu ul ul li a { 
	color: #fff;
  font-weight: normal;
  font-size: 11pt; line-height: 30px;
  text-align: left;
}
#menu li.active ul li a {color: #fb0;}
#menu ul ul li a:hover {  
   color: #fb0;
}
#menu ul ul a:hover #menu a:parent {
   color: #fb0;
} 

#menu ul ul span {
  display: none;
  position: relative;  
}
div#menu ul ul li:hover span {
	display: block;
}
#menu ul ul ul {
  position: absolute;
	width: 150px;
  left: 150px;
  top: -30px;
}
#menu ul ul ul li a {
  display: block;
  border-left: #fff 1px solid;
}



#mobilja {
	float: right; text-align: right;
	display: none; clear: right;
}
#mobilja .hamburger {
	float: right;
	display: block; margin: 46px 20px 20px 0; 
	width: 16px; height: 16px;
	background-image: url(../gfx/mobil-hvit.png);
}

#spaakvalg {
	display: block;
	margin: 16px 0 0 0;
}

#lukk {float: right; display: none; margin: 0 18px 0 0; color: #fff;}
#mobsook {
	padding: 0 0 20px 20px;
}

@media screen and (max-width: 1200px){
	#logo {margin: 0 0 0 10px;}
	.inner {padding: 0 20px 0 20px;}	
	#topptopp {padding: 0 0 0 10px;}
	.venstre {float: none; max-width: 100%;}
	#hoyre {float: none; max-width: 580px; margin: 260px 0 0 0;}
}
@media screen and (max-width: 1000px){
	#tlf {font-size: 16pt;}
	#innhold {float:none; width: 100% !important;}
	#innhold table {max-width: 100%;}
	#ikoner, #menu {display: none;}
	#tlf {float: none; margin: 10px 0 0 20px; font-size: 18pt; text-align: left;}
	div#menu ul ul, #mobilja, #lukk {display: block;}
	#menu {float: right; width: 270px !important; height: auto; margin: 0px;  background-color: #000; position: absolute; top: 130px; left: 10px; z-index: 11111;}
	#menu #dropdown {float: none !important;}
	#menu #dropdown {position: absolute; width: 270px; text-align: left;}
	#menu ul {clear: both; display: block; width: 270px; padding: 0 0 10px 0; border-top: 0px;}	
	#menu ul li {float: none !important; display: block !important; background-color: #000 !important;}
	#menu ul li a {line-height: 24px; font-size:12pt; padding: 10px 0 0 20px; color: #fff; font-weight: bold; display: block !important; width: 250px !important; clear: both;}
	#menu ul li a:hover, #menu ul ul li a:hover {color: #fff; background: rgba(0, 0, 0, 1) !important; text-decoration: underline;}	
	#menu ul li.active a {color: #fff; text-decoration: underline;}
	#menu ul li.deeper a {background-image: none; margin: 0px;}
	#menu ul li.deeper a:hover {background-image: none;}
	#menu ul ul {clear: both !important; position: inherit !important; display: block !important; width: 250px !important; border: 0px !important; padding: 0px; overflow: hidden;}
	#menu ul ul li, #menu ul ul li a {border: 0px; width: auto;  color: #fff; background-color: #000 !important;}
	#menu ul li li a {padding: 0 0 0 20px; width: 250px;}
	#menu ul li li a:before {content: "- ";}
	#menu li.active ul li a {color: #fff;}
	#menu ul ul li a:hover, #menu ul ul li.active a:hover, #menu ul li.active ul a:hover {color: #fff;}
	.search {padding: 6px 0 0 0 !important;}
}	

@media screen and (max-width: 840px){	
	#sosial {float: none; clear: both; margin: 0 0 20px 0;}
}
@media screen and (max-width: 720px){
	.inner {padding: 0 10px 0 10px;}
	h1, h2, h1 a, h2 a {font-size:20px;}
	h3, h4 {font-size:14pt;}
}
@media screen and (max-width: 640px){
	#sook, #avtale {display: none;}
	.2spalter td {float:none !important; width: 94% !important;}
	#bunntekst {padding: 10px 0 0 10px;}
	#bunntekst td {padding: 0 20px 0 0; width: 50%;}
	#sosial {float: none; width: 90%; padding: 0px;}
}
@media screen and (max-width: 600px){
	#alogo {width: 80px; height: 33px; padding: 25px 0 0 20px;}
	#alogo a {width: 80px; height: 33px; background-size: 80px 33px;}
	#flight {width: 183px; height: 29px; background-size: 183px 29px;}
	#tlf {clear: left; margin: 10px 0 0 20px; font-size: 12pt;}
	#innhold .galleri img {width: 105px !important; height: 105px !important;}
	#innhold .galleri td {font-size: 8pt;}
}
@media screen and (max-width: 480px) {
	#alogo {width: 80px; height: 33px; padding: 20px 0 0 20px;}
	#flight {clear: left;  margin: 10px 0 0 20px;}
	#mobilja .hamburger {margin:  0 20px 0 0;}
	/*
	#alogo {width: 127px; height: 44px;}
	#alogo a {width: 127px; height: 44px; background-size: 127px 44px;}
	#flight {width: 137px; height: 15px; background-size: 137px 15px;}
	*/
	#topptopp {}
	#logo {}
	#logo a {}
}
@media screen and (max-width: 400px) {}