#menu {
	clear: both;
  height: 44px;   
  background-color: #480000;
  margin-top: 10px;
}
#menu div {
  display: flex;
  justify-content: center;
}

#menu ul { 
	list-style: none;
	padding: 0px; margin: 0px;
}
#menu ul li {
	display: inline-block;
	border:none;
	z-index:100;
}
#menu ul li a {
	float: left;
  display: inline-block;
  line-height: 44px;
	font-size:16pt;
  text-decoration: none;
	padding: 0 10px 0 10px;
}
#menu ul li a:hover {
  color: #fff;
  background-color: #000;
}


#menumobil {
clear: both;
height: 40px; 
display: none;
}
#menumobil div {
height: 40px; 
	background-color: #fff;
}
#menumobil div div { 
position: absolute;
height: 40px; 
z-index: 9999;
}
#menumobil ul {
list-style: none;
padding: 0px; margin: 0px;
background-color: #fff;
width: 40px;
}
#menumobil ul li, #menumobil ul li a {
width: 240px;
font-size:14px;
color: #000;
display: block;
line-height: 40px;
	background-color: #fff;
}
#menumobil ul li span {
display: block;
float:left;
color: #000;
width:210px;
text-indent: 33px;
font-weight: bold;
background-image: url(../gfx/menymobil-svart.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: 1020px){
	#logo {padding: 0 20px 0 20px;}
	#topp strong {display: block; float: left; margin: 0 0 0 20px;}
	#slogon {float: right; padding: 0 20px 3px 0;}
	#menumobil {display: block;}
	#menu {display: none;}
	#menu #dropdown {z-index: 99999 !important;}
	#menu, #menu div, #menu #dropdown, #menu ul {float: left; width: 240px !important;}
	#menu ul {margin: 0px;}
	#menu ul ul {display: block !important; position: static !important;}
	#menu ul li {float: none; width: 240px; background-color: #fff; text-align: left; border-top: #888 1px dashed;}
	#menu ul li a {line-height: 32px; font-size:12pt;}
	#menu ul li a:hover, #menu ul ul li a:hover {color: #0060d1; background-color: #fff;}
	#menu ul li.active a:hover {color: #0060d1;}
	#menu ul ul li {width: 240px; border: 0px;}
	#menu ul ul li a {line-height: 20px !important; font-size: 10pt !important; background-color: #fff !important;}
	#menu ul ul li a:hover {color: #fff !important;}
	#adresse {display: none;}
	#hoyre  {display: none;}
	#innhold {float:none; width: 100% !important;}
	#innhold table {max-width: 100%;}
	#inner, #side3 .moduletable {padding: 0 10px 0 10px;}
}*/

@media screen and (max-width: 1020px){
	#logo a {font-size: 24pt;}
	#menu ul li a {font-size:12pt;}
}
@media screen and (max-width: 860px) {
	.mobildiv div {
		float: none !important; width:100% !important;
	}
	.mobildiv img {
		height: auto !important;
	}
}
@media screen and (max-width: 720px) {
	h1, h2, h1 a, h2 a {font-size:20px;}
	h3, h4 {font-size:14pt;}
	#toppmid {margin: 0 0 0 30px;}
	#byttfarge, #tubnail {float: none; width: 100% !important; margin: 20px 0 0 0;}
	 
}
@media screen and (max-width: 640px){
	#topp strong, #topp div {font-size: 12pt;}
}
@media screen and (max-width: 540px){	
	#innhold .galleri img {width: 105px !important; height: 105px !important;}
	#innhold .galleri td {font-size: 8pt;}
}
@media screen and (max-width: 380px){
	#topptopp {}
	#logo {}
	#logo a {}
}