#menu {
  float: right; clear: right;
  width: 1000px; 
  height: 30px;  
  margin: 20px 20px 0 0;
}
#menu div {}
#menu #dropdown {
 float: right; position: absolute; width: 1000px; text-align: right;
}

#menu ul {
	float: right;	
	list-style: none;
	padding: 0px; margin: 0px;
   z-index: 9999;
}
#menu ul li {
	float: left;
	display:block;
}
#menu ul li.deeper {
	background-position:left; margin: 0 0 0 10px;
	background-image: url(../gfx/pilned.gif);
	background-repeat: no-repeat;
  background-size: 10px 10px;
}
#menu ul li.deeper a {
	text-indent: 12px;
}
#menu ul li.item-212 a {
	display: none;
}
#menu ul li a {display: block;
	font-size:11t; color: #000;
	text-transform: uppercase;
  text-decoration: none; padding: 5px 16px 5px 8px;
}
#menu ul li a:hover {color: #080e28;}
#menu ul li.active a {color: #080e28;}
#menu ul li.active a:hover {color: #000;}

#menu ul ul {display: none; position: absolute; width: 280px; background-color: #fff;
	 -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:hover {	
	background-color: #fff;
}
#menu ul ul li {
}
#menu ul ul li a { 
	color: #333;
  font-weight: normal;
  font-size: 11pt;
  line-height: 26px;
  text-align: left;
	width: 280px;
}
#menu ul ul li a:hover { 
	color: #080e28 !important;
}
#menu li.active ul li a {color: #000;}
#menu ul ul li a:hover {  
   color: #000;
}
#menu ul ul a:hover #menu a:parent {
   color: #000;
} 

#menu ul ul ul {
  display: none !important;
	margin: -34px; padding: 0px;
}
#menu ul ul ul {
  position: absolute;
  width: 240px;
  left: 280px;
}
#menu ul ul ul li a {
  display: block;
  border-left: #fff 1px solid;
}
div#menu ul ul li:hover ul {
	display: block !important;
}


#venstre .mod-menu {
	list-style: none;
	padding: 0px; margin: 0px;
}
#venstre .mod-menu li {
	line-height: 30px;
}
#venstre .mod-menu a {
	font-size: 12pt;
	text-transform: uppercase;
	text-decoration: none;
}

#mobilja {
	position: absolute; top: 50px; right: 20px;
	display: none;
}
#mobilja .hamburger {
	display: block;
	width: 16px; height: 16px;
	background-image: url(../gfx/mobil-svart.png);
}

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

#lukk {display: none; margin: 10px 0 0 280px; color: #fff;}
#mobsook {
	padding: 0 0 20px 20px;
}

@media screen and (max-width: 1100px){	
	div#menu ul ul, #mobilja, #lukk {display: block;}
	#menu {display:none; float: right; width: 320px !important; height: auto; min-height: 450px; margin: 0px; background-color: #000; position: absolute; top: 90px; left: 0px; z-index: 11111;}
	#menu #dropdown {float: none !important;}
	#menu #dropdown {position: absolute; width: 320px; text-align: left;}
	#menu ul {clear: both; display: block; width: 320px; 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: 28px; font-size:14pt; padding: 10px 0 0 20px; color: #fff; font-weight: bold; display: block !important; width: 300px !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: 300px !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: 300px;}
	#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;}	
	#menu ul ul span {display: block; position: inherit !important;}
	#menu ul li li li a {padding: 0 0 0 40px; width: 280px;}
	#menu ul ul ul { position: inherit; width: 260px;}
	#menu ul ul ul li a {border-left: #fff 0px solid;}	
	#adresse {display: none;}
	#hoyre  {display: none;}
	#innhold {float:none; width: 100% !important;}
	#innhold table {max-width: 100%;}
	#innhold td {float: left;}
	#inner {padding: 0 10px 0 10px;}
	.blog-featured .item-image img {width: 150px; margin: 0 30px 0 0;}
}
@media screen and (max-width: 720px){
	#toppright {display: none;}
	h1, h2, h1 a, h2 a {font-size:20px;}
	h3, h4 {font-size:14pt;}
	#side4 .newsflash-horiz li {margin: 0 10px 0 0;}
	#slide img {
		height: 100% !important;
	}
}
@media screen and (max-width: 640px){
	.blog-featured .item-image img {width: 150px; margin: 0px;}
	.blog-featured .item-image {float: none;}
	.blog .item-image {float: none; margin:  30px 0 0 0;}
}
@media screen and (max-width: 480px){	
	#topptopp {height: 70px; padding: 20px 0 0 10px;}
	#logo {width: 300px; height: 61px; margin: 0px;}
	#logo a {width: 400px; height: 45px; background-size: 300px 45px;}
	#innhold .galleri img {width: 105px !important; height: 105px !important;}
	#innhold .galleri td {font-size: 8pt;}
}
@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%;}
}