body  {
	padding:0px; margin:10px 0 0 0;
	background-image: url(lay/bakgrunn.gif);
	}

body, p, div, td  {
	color : #333;
   font-size : 12px;
	font-family : Verdana, Arial, sans-serif;
}

h1, h2, h3 {margin: 0px;}
h1 {font-size : 18px; margin-bottom: 14px;}
h2 {font-size : 15px; margin-bottom: 6px;}
h3 {font-size : 14px;}

a, a:visited {color: #00468B;}
a:hover {color: #d00;}

#topp {
   margin: auto;
	 width: 946px; 
   height: 120px;
   padding: 0px 2px 0px 2px;
   background-color: #fff;
   border-left: #01468B 5px solid;
   border-top: #01468B 5px solid;
   border-right: #01468B 5px solid;
}
#nytt {
   float: right;
   width: 663px;
   height: 93px;
   padding: 25px 0 0 0;
   margin: 2px 0 0 0;
   border-top: #d00 2px solid
}
#nytt .adr {
  float: right;
  width: 168px;
  height: 73px;
  padding: 10px;
  margin-right: 2px;
  color: #666;
  background-color: #eee;
}
#nytt .tlf {
  float: right;
  width: 168px;
  height: 73px;
  padding: 10px;
  margin-right: 2px;
  color: #666;
  background-color: #eee;
}
#nytt .tilbud {
  float: right;
  width: 283px;
  height: 93px;
  color: #fff;
  background-color: #aaa;
}

#nytt .tilbud a, #nytt .tilbud span {
  display: block; color: #fff; font-weight: bold;
}
#nytt .tilbud a {
  font-size:15px; padding: 5px 0  5px 10px; background-color: #888;
}
#nytt .tilbud a:hover {
  background-color: #01468B;
}
#nytt .tilbud span {
  padding: 7px 0 0 10px;
}

#nytt a {
   color: #333;
}
.nyttrod {border: #e00 2px dotted;}
.nyttgul {border: #FFA902 2px dotted;}
.nyttdot {border: #FFA902 2px dotted;}

#logo {
   float: left;
	 width: 283px; height: 110px;
   border-top: #d00 2px solid;
   margin: 2px 0 0 0;
}
#logo a {
	display: block;
	width: 110px; height: 88px;
  margin: 15px 0px 0px 80px;
  background-image: url(lay/logo.gif);
}
div#logo:hover a {
   background-image: url(lay/logo-www.gif);
}

#toppmeny {
   margin: auto;
	width: 950px; height: 97px;
	background-color: #fff;
   border-left: #01468B 5px solid;
   border-right: #01468B 5px solid;
   border-bottom: #888 2px solid;
}
#toppmeny div {
   width: 0px;
}
#menu {
   position: absolute;
   top: 135px;
   width: 100%;
}
#menu div {
   margin: auto;
   width: 950px; height: 95px;
}
#menu div div {
   position: absolute;
   margin-left: 2px;
   z-index: 999;
}


#menu ul {
	float: left;
	list-style: none;
	padding: 0px; margin: 0px;
	border-top: #fff 2px solid;
}
#menu ul li {
	float: left; width: 93px;
	border-right: #fff 2px solid;
	border-bottom: #fff 2px solid;
}
#menu a {
  font-size:12px;
  display: block;
  height: 69px;
  padding: 24px 5px 0 5px;
  line-height: 20px;
  color: #000;
  text-align: center;
  text-decoration: none;
}
#menu a:hover {
}
#menu ul li a {
  font-weight: bold;
} 
#menu ul ul {
	display: none;
	width: 291px;
	margin: 0px;
}

div#menu ul li:hover ul {
	display: block;
}
#menu ul ul li {
  float: left;
}
#menu ul ul li a {
  font-weight: normal;
  background-color: #ffd700;
}
#menu ul ul li a:hover {  
}
#menu ul ul ul {
  width: 95px;
}
#menu ul ul ul li  {
  width: 95px;
  border-bottom: 2px;
}
#menu ul ul ul li a {
}


/** Orange bakgrunn **/
#menu ul li a {
   background-color: #fa0;
}

/** BLÅ bakgrunn **/
#menu a:hover,
#menu ul ul li a {
  background-color: #01468B;
  color: #fff;
}

/** RØD bakgrunn **/
#menu ul ul li a:hover {
  background-color: #d00;  
}

#menu ul li.nestsist ul {
  position: relative;
  left: -95px;
}
#menu ul li.sist ul {
  position: relative;
  left: -190px;
}
#menu ul li.bred {
  width: 198px;
}
#menu ul li.ekstrabred {
  width: 259px;
  height: 75px;
  line-height: 18px;
  padding: 12px;
  background-color: #fa0;
  color: #000;
}

#side {
   margin: auto;
   width: 910px;
   padding: 20px 20px 0px 20px;
   background-color: #fff;
   border-left: #aaa 5px solid;
   border-right: #aaa 5px solid;
   border-bottom: #aaa 5px solid;
}

#reklame, #vmeny1, #vmeny2 {
   float: right;
   width: 180px;
   color: #000;	
}
 
#reklame div div, #vmeny1 div div, #vmeny2 div div {
   font-size:11px; width:170px; height:65px; 
   padding:5px 5px 0px 5px;
   color: #000;
}
#vmeny1, #vmeny2 {display:none;}
#reklame i, #vmeny1 i, #vmeny2 i {
  font-style: normal;
  color: #d00;
}

#reklame div div {
    background-image: url(lay/plakat-blaa.gif);
}
#vmeny1 div div {
    background-image: url(lay/plakat-gullys.gif);
}
#vmeny2 div div {
    background-image: url(lay/plakat-gronnlys.gif);
}

div#reklame div:hover div {
    background-image: url(lay/plakat-orange.gif);
}
div#vmeny1 div:hover div {
    background-image: url(lay/plakat-gul.gif);
}
div#vmeny2 div:hover div {
    background-image: url(lay/plakat-gronn.gif);
}

#reklame div a img {
   float:left; padding:3px 5px 0px 0px;
}
#reklame div b {
   font-size: 11px;
}
#vmeny1 div b, #vmeny2 div b {
   font-size: 14px;
}
#reklame a, #vmeny1 a, #vmeny2 a {
   color: #333; text-decoration: none;
}
#reklame span, #vmeny1 span, #vmeny2 span {
    display: block;
    float:left;
    width: 74px;
    color:#d00;
}

#ref {
  float: right;
  width: 181px;
}
  #ref div {float:left; width:88px;}
  #ref div span {
  display:block; 
  height:73px;
  margin-bottom:4px; 
  padding: 3px 3px 0px 3px;
  color: #888;
  font-size: 11px;
  text-align:center;
  border: #888 1px solid;
  }
  #ref div a {display:block; width:80px; height:53px; margin-bottom:2px;}
  div#ref div:hover span, div#ref1 div:hover span, div#ref2 div:hover span, div#ref3 div:hover span, div#ref4 div:hover span, div#ref5 div:hover span, div#ref6 div:hover span {
     color:#000;
     border: #d00 1px solid;  
    /* background-image: url(ref/ref-navy.gif); */
  }
  #ref h2, #news h2 {color:#888;}
  #news {float:right; width: 181px;}
  #news div span {display:block; margin:0px 0px 4px 0px; border: #aaa 1px solid; padding: 4px; color:#888; font-size:11px;}
  #news div span a {display:inline; color: #666;}
  div#news div:hover span {color: #000; border: #444 1px solid;}
  div#news div:hover a {color: #00468B;}
  #news div span a:hover {color: #d00;}
  
a.web {background-image: url(ref/agderferie-2008-u.jpg);}
a.web:hover {background-image: url(ref/agderferie-2008.jpg);}
a.jom {background-image: url(ref/ntfagder-u.jpg);}
a.jom:hover {background-image: url(ref/ntfagder.jpg);}
a.cms {background-image: url(ref/motor-teknikk-u.jpg);}
a.cms:hover {background-image: url(ref/motor-teknikk.jpg);}
a.ews {background-image: url(ref/bygg24-2008-u.jpg);}
a.ews:hover {background-image: url(ref/bygg24-2008.jpg);}
a.mal, a.wmal {background-image: url(ref/3gmusic-u.jpg);}
a.mal:hover, a.wmal:hover {background-image: url(ref/3gmusic.jpg);}
a.pers {background-image: url(ref/referanse-u.jpg);}
a.pers:hover {background-image: url(ref/referanse.jpg);}

a.pwe {background-image: url(produkter/webhotell-53u.jpg);}
a.pwe:hover {background-image: url(produkter/webhotell-53h.jpg);}
a.pde {background-image: url(produkter/webdesign-53u.jpg);}
a.pde:hover {background-image: url(produkter/webdesign-53h.jpg);}
a.pec {background-image: url(produkter/ecms_53u.jpg);}
a.pec:hover {background-image: url(produkter/ecms_53h.jpg);}
a.pjo {background-image: url(produkter/joomla53u.jpg);}
a.pjo:hover {background-image: url(produkter/joomla53h.jpg);}
a.pew {background-image: url(produkter/easy-webshop-53u.jpg);}
a.pew:hover {background-image: url(produkter/easy-webshop-53h.jpg);}
a.pet {background-image: url(produkter/etablerer-53u.jpg);}
a.pet:hover {background-image: url(produkter/etablerer-53h.jpg);}
a.skj {background-image: url(produkter/skjema-53u.jpg);}
a.skj:hover {background-image: url(produkter/skjema-53h.jpg);}
a.cle {background-image: url(produkter/cmsms_53u.jpg);}
a.cle:hover {background-image: url(produkter/cmsms_53h.jpg);}
a.fbk {background-image: url(produkter/fb_53u.jpg);}
a.fbk:hover {background-image: url(produkter/fb_53h.jpg);}


a.skr {background-image: url(produkter/skript-53u.jpg);}
a.skr:hover {background-image: url(produkter/skript-53h.jpg);}

a.pris {background-image: url(produkter/pris-53u.jpg);}
a.pris:hover {background-image: url(produkter/pris-53h.jpg);}

#innhold {
   float: left;
   width: 500px;
   margin: 0px 0px 20px 25px; 
}

#side1 {
   float: left;
   width: 724px;
   margin: 0px 0px 20px 0px; 
}
#side1 h1 {text-align:center;}
#side1 h2 a {
  color:#000;
  text-decoration: none;
  border-bottom: #fff 2px solid;
}
#side1 h2 a:hover {
  border-bottom: #fa0 2px solid;
}
#side1 u {
    display:block;
    font-size:14px;
    margin-bottom: 6px;
}
.s1left {padding-right:20px;}
.s1left, .s1right {float:left; width:344px;}
.s1dotted {
   float: left; 
   width: 320px; 
   padding: 12px 9px 12px 9px; 
   margin: 0px 20px 20px 0px; 
   border: #01468B 2px dotted;
}
.s1dotted h2 {margin-bottom:4px;}

.s1pil {
   float: left; 
   width: 290px;
   padding: 6px 0px 0px 50px;
   color: #666;
   background-image: url(lay/pilstor.gif);
   background-repeat: no-repeat;
}

.dotted {
	border-bottom: silver 1px dotted;
   padding: 2px 0px 2px 0px;
	text-align: right;
}
.dotted div {
   float:left;
}
.left, .right {
   float:left;
   width:344px;
}
.right {
   padding-right:20px;   
}

ul {margin:6px 0px 16px 24px;}
#preload {
   position: absolute;
   top: -1000px; left: -1000px;
   width: 500px; height: 500px;
}
br.cb {clear: both;}
acronym {
	border-bottom: silver 1px dotted;
	cursor: crosshair;
}
form {margin: 0px;}
.line {border-bottom: silver 1px solid; width:500px;}
.dotted {
	border-bottom: silver 1px dotted;
   line-height: 19px;
}
.dot {
   border-bottom: silver 1px dotted; 
   line-height: 16px;
}
.dot div {
   float: right; text-align: right;
}

#mer1{display:none;}
#mer2{display:none;}

#skjemaer {
  position: fixed; left: 0px; right: 0px; bottom: 0px; 
  background-color:#fff;
   border-top: #000 1px solid;   
   padding: 5px 0px 7px 0px;
  opacity: 0.80;
  -moz-opacity: 0.80;
  filter: alpha(opacity = 80);
}
#skjemaer div {
  margin: auto; 
  width: 910px;
}
#skjemaer div div {
  margin: 0px;
}

#skjemaer form {
   margin: 0px; padding: 0px;
}
.miniinput {
	font-size:11px; width:129px; 
	text-indent: 3px;
  color: #444;
	font-family: tahoma,sans-serif; 
	border: #aaa 1px solid;
}


#bunn {
   margin: auto;
   text-align: center;
	font-size: 10px; color: gray;
	 margin: 0px 0px 48px 3px; padding-top: 2px;
}
#bunn a {font-size: 10px; color: gray;}
#bunn a:hover {color:#000;}

/* 
Rød = FF0000
Blå = #00468B
Gul = #FFCC00
Turkis = 1D88DA
Lys blå = #DDEDFA
 */