#menu {
  margin: auto;
  width: 940px;
  height: 36px;   
}
#menu div {
  height: 36px;   
  background-color: #1083B2;
}
#menu div div {   
   position: absolute;
   z-index: 99;
}
#menu ul {
	float: left;
	list-style: none;
	padding: 0px; margin: 0px;
}
#menu a {
  font-size:12px;
  display: block;
  line-height: 36px;
  color: #fff;
  text-align: center;
  text-decoration: none;
}

#menu a:hover {
  color: #fff;
  background-color: #E7541A;
}
#menu ul li {
	float: left; 
	width: 117px;
  border-right: #fff 1px solid;
}

#menu ul li a {
  font-weight: bold;
} 

div#menu ul ul {
	display: none;
}
div#menu ul li:hover ul {
	display: block;
}
#menu ul ul li {
	width: 170px;
	border: 0px;
}
#menu ul li.item-189, #menu ul li.item-189 ul li {
  width: 232px;
}
#menu ul li.item-189 a {
	background-color:#fa0;
	color:#000;
}
#menu ul li.item-189 a:hover {
	background-color: #E7541A;
}
#menu ul ul li a { 
  background-color: #1083B2;
  border-top: #fff 1px solid;
  font-weight: normal;
  line-height: 28px;
  text-align: left;
  padding-left: 10px;
}
#menu ul ul li a:hover {  
   color: #fff;
}

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


#menumobil {
	clear: both;
  margin: auto;
  height: 40px;  
  display: none;
}
#menumobil div {
  height: 40px; 
  background-color: #1083B2;
}
#menumobil div div { 
   position: absolute;
   z-index: 99;
}
#menumobil ul {
  float: left;
	list-style: none;
	padding: 0px; margin: 0px;
}
#menumobil ul li, #menumobil a {
  width: 160px;
  font-size:12px;
  color: #fff;
  display: block;
  line-height: 40px;
  background-color: #1083B2;
}
#menumobil ul li span {
	display: block;
	text-indent: 33px;
	font-weight: bold;
	background-image: url(../gfx/menymobil-hvit.png);
	background-repeat: no-repeat;
}
#menumobil a {
  text-decoration: none;
}
#menumobil a:hover {
  color: #fff;
  background-color: #E7541A;
}
div#menumobil li:hover ul {
	display: block;
}
#menumobil ul ul {
  text-indent: 0px;
	display: none;
}
#menumobil ul ul li {
  border-bottom: 0px;
}
#menumobil ul ul a {
  text-align: left !important;
  padding-left: 10px;
}
#menumobil #mobil ul span {
  display: none;
  position: relative;  
}
#menumobil #mobil ul li:hover span {
	display: block;
}
#menumobil #mobil ul ul {
  position: absolute;
  left: 170px;
  top: -36px;
}
#menumobil #mobil ul ul a {
	background-color: #1083B2;	
}
#menumobil #mobil ul ul a:hover {
  background-color: #E7541A;	
}



@media screen and (max-width: 1024px){
	#innhold {width: 67%;}
	#plakater p {font-size: 12px !important;}
}

@media screen and (max-width: 1000px){
	body {margin:0px; background-color: #fff; background-image: none;}
	#side {width: 100%;}
	#ramme {border:0px; padding: 0px;}
	.breadcrumbs {margin: 0 0 10px 10px;}
}

@media screen and (max-width: 970px) {	
	#header {height: 90px;}
	#logo a {margin: 0 0 20px 10px;}
	#menu {display: none;}
	#menumobil {display: block;}	
}

@media screen and (max-width: 840px){
	td, p, div {font-size: 12px;}
	#ytter {background-color: #fff;}
	#menutopp {clear:both; text-align: left; padding: 10px 0 0 20px;}
	#innhold {float: none; padding: 0 0 10px 10px; width: 96%;}
	#pla1, #pla2, #pla3, #pla4, #pla5 {float: left; padding: 10px; margin: 0px; width: 200px;}
	#pla1 div, #pla2 div, #pla3 div {}
	#pla1 {display: none;}
}

@media screen and (max-width: 640px){
	#topp { height: 150px; background-size: 170%; overflow: hidden;}
	.sigplus-gallery img {}
	
}

@media screen and (max-width: 420px){
	#topp {height: 120px; background-size: 200%; overflow: hidden;}
}

@media screen and (max-width: 340px){
	#topp {height: 100px;}
}