BODY  {
	margin: 10px auto; padding: 0px;
	background-color: #59AAE0;
  background-image: url(gfx11/bakgrunn.jpg);
  background-size: 100%;
  background-attachment: fixed;
}

BODY, P, DIV, TD  {
	font-size : 12px; color: #333;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h1 {
	font-size : 18px;
  color: #000;
	margin: 0px 0px 16px 0px; padding: 0px;
}
h2 {
	font-size : 14px;
  color: #000;
	margin: 0px; padding: 0px;
}
h3 {
   float: right;
	font-size : 16px;
   color: #600;
	margin: 0px; padding: 0px;
}
a, a:visited, a:active {
   color: #600;
}
a:hover {
   color: #f00;
}
img {
  border: 0px;
}
.cb {
   clear: both;
}

#ramme {
	width: 960px; padding: 15px 20px 15px 20px;
	background-color: #fff;
	margin: auto;
}

#topp {
	width: 960px; height: 250px;
   margin: 0px 0px 2px 0px;
	background-image: url(gfx11/12header.jpg);
}


#side {
	margin-top: 50px;
}


#innhold {
   float: left;
   width: 740px;
}
#innhold ul {
   margin: 8px 0px 14px 24px; padding: 0px;
}
#innhold ul li {
   line-height: 16px;
}
#innhold tr {
	display: inline;
}
#innhold td {
	float: left;
	display: inline-block;
  width: 220px;
  min-height: 240px;
  padding: 20px 0 10px 0;
  text-align: center;
  vertical-align: bottom;
  border: #ccc 1px dashed;
  margin: 0 10px 10px 0;
}
#innhold td a {
	display: block;
}

#spalte3 td {}

#over {
   border-bottom: #FBB030 2px dotted;
}
#ikon {
   float: right;
   padding-left: 10px;
}

.left {
   float:left; width:250px;
}
.right {
   float:right; width:250px; 
}

.left span, .right span {
   font-size: 10px;
   font-style: italic;
}
.small td {
   font-size: 11px;
   border-bottom: silver 1px dotted;
   padding: 3px 0px 3px 0px;
}
.dotted div {
   line-height: 29px;
   border-bottom: #FBB030 1px dotted;
}


#copyright {
   font-size: 10px;
   text-align: center;   
}

.tekst {   
   border-top: #FBB030 2px dotted;
   padding-top: 14px;
}


#annonser {
   float: right;
   width: 200px;
   margin-top: 16px;
}
#annonser div, #marg .annonser {
   padding: 3px;
   margin: 0px 0px 10px 0px;
  /*-moz-border-radius: 11px;
  border-radius: 10px;*/
  border: 2px #A0CEED solid;
}
#annonser div div, #marg .annonser div {
  text-align: center;
   padding: 10px 15px 10px 15px;
   margin: 0px; border: 0px;
   background-color: #fff;
   /*
   -moz-border-radius: 5px;
  border-radius: 5px;  
  */
}
#annonser h2 {
  color: #A0CEED;
}
#annonser a {
  color: black;
}

.annonse {
  float:left; padding-right:10px;
}

a.bestille {
   display: block;
   width: 140px;
   font-weight: bold;
   text-align: center;
   background-color:#f80;
   color: #fff;
   padding: 3px 0px 3px 0px;
   text-decoration: none;
   font-size: 13px;
   line-height: 20px;
   -moz-border-radius: 5px;
  border-radius: 5px;  
}

#bunn {
  color: #000;
  font-size: 11px;
  line-height: 21px;
	text-align: center;
}
#bunn a, #bunn a:visited {
	font-size: 11px; color: #000;
	text-decoration: none;	
}
#bunn a:hover {
	color: #000;
	text-decoration: underline;
}

#meny {
  height: 40px;   
  background-color: #05b;
}
#meny div {
  max-width: 1000px;
  text-align: right;
   position: absolute;
   z-index: 8999;
}
#meny ul {
	float: left;
   max-width: 1000px;  
	list-style: none;
	padding: 0px; margin: 0px;
}
#meny ul li {
	float:left;
	display:block;
	margin-right: 10px;
	border:none;
	z-index:100;
}
#meny ul li a {
  display: block;
  line-height: 40px;
	font-size:12pt;
	color: #fff;
  text-decoration: none;
	padding: 0 15px 0 15px;
}
#meny ul li a:hover {
  color: #fff;
  background-color: #039;
}
#meny ul li.active a {color: #fff;}
#meny ul li.active a:hover {color: #fb0;}
div#meny 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#meny ul li:hover ul {
	display: block;
}
div#meny ul ul:hover a {
	background-color: #05b;
}
#meny ul ul li {
	width: 300px;
	border: 0px;
}
#meny ul ul li a { 
	color: #fff;
  background-color: #05b;
  font-weight: normal;
  line-height: 30px;
  text-align: left;
}
#meny li.active ul li a {
	color: #fff;
	background-color: #07d;
}


#meny ul ul li a:hover, #meny ul ul li.active a:hover {  
   color: #fff;
   background-color: #039;
}
#meny ul ul a:hover #meny a:parent {
	background-color: #039 !important;
} 

#meny ul ul span {
  display: none;
  position: relative;  
}
div#meny ul ul li:hover span {
	display: block;
}
#meny ul ul ul {
  position: absolute;
	width: 250px;
  left: 220px;
  top: -33px;
}
#meny ul ul ul li a {
  display: block;
  border-left: #fff 1px solid;
}


#menumobil {
clear: both;
height: 40px; 
display: none;
}
#menumobil div {
height: 40px; 
	background-color: #05b;
}
#menumobil div div { 
position: absolute;
height: 40px; 
z-index: 9999;
}
#menumobil ul {
list-style: none;
padding: 0px; margin: 0px;
background-color: #05b;
width: 40px;
}
#menumobil ul li, #menumobil ul li a {
width: 240px;
font-size:14px;
color: #fff;
display: block;
line-height: 40px;
	background-color: #05b;
}
#menumobil ul li span {
display: block;
float:left;
color: #fff;
width:210px;
text-indent: 33px;
font-weight: bold;
background-image: url(/gfx11/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){
	#ramme, #topp {width: 100%; padding: 0px; overflow: hidden;}
	/* Meny mobilvisning */
	#menumobil {display: block;}
	#meny, .first {display: none;}
	#meny div {z-index: 99999 !important;}
	#meny, #meny div, #meny #dropdown, #meny ul {float: left; width: 240px !important;}
	#meny ul {margin: 0px;}
	#meny ul ul {display: block !important; position: static !important; }
	#meny ul li {float: none; width: 240px; background-color: #05b; text-align: left; border-top: #000 1px dashed;}
	#meny ul li a:hover, #meny ul ul li a:hover {color: #fff; background-color: #039;}
	#meny ul ul li {width: 240px; border: 0px;}
	#meny ul ul li a {line-height: 20px; background-color: #05b !important; color: #fff !important;}
	#meny ul ul li a:hover {color: #fff !important;  background-color: #039 !important;;}
	#meny ul ul li a:before {content: "- ";}	
	#innhold {padding: 0 10px 0 10px;}
	#innhold, #annonser {float:none; max-width: 100% !important;}	
	#innhold table {max-width: 100% !important;}
	#annonser div {float: left; width: 200px; padding: 5px; margin: 0px 0 10px 10px;}
	#annonser div div {float: none; width: 200px; padding: 0px; margin: 0px; min-height: 200px;}
	#annonser h2 {margin: 10px 0 10px 0;}
}
@media screen and (max-width: 720px){
}
@media screen and (max-width: 640px){
	#innhold td {}
}
@media screen and (max-width: 480px){
	#topp {height: 160px;}
}
@media screen and (max-width: 360px){
}