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: 910px; 
   height: 120px;
   padding: 0px 20px 0px 20px;
   background-color: #fff;
   background-image: url(lay/topp10.jpg);
   border-left: #ccc 5px solid;
   border-top: #ccc 5px solid;
   border-right: #888 5px solid;
}
#nytt {
   float: right;
   width: 240px;
   height: 60px;
   padding: 7px 8px 17px 10px;
   margin-top: 19px;
   color: #555;
   font-size: 11px;
   background-image: url(lay/toppnytt10.jpg);
}
#nytt a {
   color: #333;
}
#nytt a:hover {
   color: #d00;
   text-decoration: underline;
}
div#nytt:hover {
   color: #000;
   background-image: none;
   background-color:#fff;
   border: #FFA902 2px solid;
}
.nyttrod {border: #e00 2px dotted;}
.nyttgul {border: #FFA902 2px dotted;}
.nyttdot {border: #FFA902 2px dotted;}

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

#toppmeny {
   margin: auto;
	width: 950px; height: 29px;
   border-left: #888 5px solid;
   border-right: #444 5px solid;
   background-image: url(lay/toppmeny09v.gif);
   background-repeat: no-repeat;
}
#toppmeny div {
   float: right;
   width: 20px;
   height: 29px;
	 background-image: url(lay/toppmeny09graa.gif);
}
#menu {
   position: absolute;
   top: 135px;
   width: 100%;
}
#menu div {
   margin: auto;
   width: 910px; height: 29px;
}
#menu div div {
   position: absolute;
	 background-image: url(lay/toppmeny09graa.gif);
   background-repeat: repeat-x;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}
#menu a, #menu h2 {
   font-size:12px;
	display: block;
	margin: 0;
	padding: 0px 0px 0px 8px;
}
#menu h2 {
}
#menu a {
   border-right: #4F4F4F 1px solid;
   line-height: 28px;
   color: #fff;
   text-decoration: none;
}
#menu a:hover {
   color: #000; 
	background-image: url(lay/toppmeny09gul.gif);
   background-repeat: repeat-x;
   color: #000;
}
div#menu ul ul {
	display: none;
   background-color: #7A7A7A;
}
div#menu ul li:hover ul {display: block;}
div#menu ul ul {display: none;}
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul {display: block;}
#menu ul li {float: left; width: 130px;}
#menu ul li a {height: 1%;} 
#menu ul ul li a {
   border-top: #5C5C5C 1px solid;
   border-right: #fff 1px solid;
   font-size: 11px;
}
#menu ul li li a:hover {   
   background-image: none;
   background-color: #FFBD50;
   color: #000;
}
#menu ul ul li li a {
   padding: 0px 0px 0px 20px;
   color: #ccc;
   font-size: 10px;
   line-height: 19px;
}

#side {
   margin: auto;
   width: 910px;
   padding: 20px 20px 0px 20px;
   background-color: #fff;
   border-left: #ccc 5px solid;
   border-right: #888 5px solid;
   border-bottom: #888 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: #bbb 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: #444 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.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: #C6E1F6 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;
}
#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
 */