html, body   { background-color: #eeeeee; background-image: url('(EmptyReference!)'); margin: 0; padding: 0 }
html, body {
  background-image: url(/gfx/austevoll-page-filler.gif);
  background-position: top;
  background-repeat: repeat-y;
}
#austevoll   { margin: 0 auto; position: relative; width: 1000px }
#austevoll div.topp  { background: #29354b url(/gfx/austevoll-topp.jpg) no-repeat 50% top; width: 1000px; height: 131px }
#austevoll div.design  { padding-left: 1px; width: 999px }
#austevoll div.design div.menu {
  width: 188px;
  float: left;
  display: block;
}

#new-topp  { display: relative; width: 998px }
#new-topp div.left-logo {
  width: 186px;
  height: 115px;
  background: transparent url(/gfx/austevoll-ny-topp-l.gif) no-repeat top;
}
#new-topp div.right-logo  { width: 808px; height: 115px; float: right; border-top: 1px solid #fff }
#new-topp-sub  { color: #fff; background-color: #134b94; margin-left: 1px; width: 997px; height: 20px; border-top: 1px solid #fff }
#new-topp-sub ul  { margin: 2px 0 0; padding: 0; z-index: 0; right: 0; float: right }
#new-topp-sub ul li  { list-style-type: none; display: inline; padding-right: 55px; position: relative; z-index: 200 }
#new-topp-sub ul li a {
  color: white;
}
#new-topp-sub ul li a:hover {
  text-decoration: underline;
}
#new-topp-sub li ul {
  border: 1px solid red;
}
#new-topp-sub li ul  { background: #fff url(/gfx/dropdown-back.gif?1) no-repeat left top; padding: 20px 0 5px 5px; position: absolute; z-index: 199; top: 0; left: -999em; width: 155px; border-style: none none solid; border-width: medium medium 1px; border-color:   #134b94 }
#new-topp-sub-ul li ul li  { background-image: url(/gfx/menu-arrow.gif); background-repeat: no-repeat; background-position: 0 0.5em; text-align: left; display: block; margin: 0; padding: 0 0 0 10px }
#new-topp-sub-ul li ul li a {
  padding: 0; margin: 0;
/*
  color: #134B94;
*/
  color: #000;
  font-weight: normal;
  display: block;
  width: 145px;
}
#new-topp-sub-ul li:hover ul, 
#new-topp-sub-ul li.sfhover ul { /* lists nested under hovered list items */
  left: 0;
}
#austevoll div.design div.content  { display: block; margin-left: 7px; padding-top: 0; width: 800px; float: left; overflow: auto; border-top: 1px solid white }
#navcontainer {
  background-color: #DFE1E4;
 /* border-top: 1px solid #29354B; */
  padding-top: 1px;
  border-bottom: 1px solid #29354B;
}
#navlist {
  margin-left: 10px;
  padding-left: 0;
  list-style: none;
  }
#navlist li {
  padding-left: 10px;
  background-image: url(/gfx/menu-arrow.gif);
  background-repeat: no-repeat;
  background-position: 0 .5em;
  }
#navlist ul { 
  list-style: none; 
  margin-left: 0px;
  padding-left: 0;
}
#navlist a  { font-weight: normal }
#navlist a:visited { }
#navlist a:hover  { color: #134b94 }
#navlist a:active {
  }
#navlist ul li a {
  font-weight: normal;
  }
#easy-cms-footer {
  position: absolute;
/*  right: -24px; */
  left: -999px;
  bottom: 0;
}
#css-design-footer {
  display: none;
}

/* ACTIVE MENU ITEM 
   Due to the nesting of a UL menu, the sub UL will be inside the LI, meaning an active LI with sub will
   all be affected. Therefore we need to duplicate above code to correct result 
   
   By the way - this does not look like an elegant sollution, however it solves the problem
*/
#navlist li#active {
  padding-left: 10px;
  background-image: url(/gfx/menu-arrow-active.gif);
  background-repeat: no-repeat;
  background-position: 0 .5em;
}
#navlist li#active a {
  color: #039;
}
/* Duplicate styles from above */
#navlist li#active ul { 
  list-style: none; 
  margin-left: 0px;
  padding-left: 0;
}
#navlist li#active ul li {
  padding-left: 10px;
  background-image: url(/gfx/menu-arrow.gif);
  background-repeat: no-repeat;
  background-position: 0 .5em;
}
#navlist li#active ul li a {
  font-weight: normal;
  color: #000;
}
#navlist li#active ul li a:hover  { color: #134b94 }