BODY { margin: 0; padding: 0; min-width: 763px; background: #ffffff url(/grafikk/bg1.gif) repeat; font-family: "trebuchet ms", arial, helvetica, sans-serif; }

* { text-align: left; }

/* div { border: 1px solid #999999; } */

a:link { color: #ff0000; text-decoration: none; }
a:visited { color: #ff0000; text-decoration: none; }
a:hover { text-decoration: underline; }
a:active, a:focus { text-decoration: underline; }

#left-side a:link { color: #000; text-decoration: underline; }
#left-side a:visited { color: #000; text-decoration: underline; }
#left-side a:hover { color: #d00; text-decoration: underline; }
#left-side a:active, a:focus { color: #d00; text-decoration: underline; }

#webhotell-tjenester a:link.bokslink { color: #000; text-decoration: none; }
#webhotell-tjenester a:visited.bokslink { color: #000; text-decoration: none; }
#webhotell-tjenester a:hover.bokslink { color: #d00; text-decoration: none; }
#webhotell-tjenester a:active.bokslink { color: #d00; text-decoration: none; }

#avrundet-boks a:link { color: #d00; text-decoration: none; }
#avrundet-boks a:visited { color: #d00; text-decoration: none; }
#avrundet-boks a:hover { color: #000; text-decoration: none; }
#avrundet-boks a:active { color: #000; text-decoration: none; }

a:link.hvitlink { color: #fff; text-decoration: underline; }
a:visited.hvitlink { color: #fff; text-decoration: underline; }
a:hover.hvitlink { color: #111; text-decoration: underline; }
a:active.hvitlink { color: #111; text-decoration: underline; }

a:link.top-menu { color: #111; text-decoration: none; }
a:visited.top-menu { color: #111; text-decoration: none; }
a:hover.top-menu { color: #d00; text-decoration: underline; background: #ddd; }
a:active.top-menu { color: #d00; text-decoration: underline; }

/* IE bugfix */
#ie-centerpage {
	text-align: center;
}

#page-container {
margin: 0 auto 10px auto;
width: 750px;
padding: 8px;
border-top: 0;
border-bottom: 0;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
background-color: #fff;
/* IE bugfix */
text-align: left;
}


#top {
	width: 750px;
	padding: 0px;
	margin: 0 auto 0 auto;
	clear: both;
}

#main {
	width: 750px;
	padding: 0px;
	margin: 0 auto 0 auto;
	clear: both;
}

#bottom {
	width: 750px;
	padding: 16px 0 20px 15px;
	margin: 0 auto 0 auto;
	font-size: 10px;
	clear: both;
}
  
a.top-menu {
    padding: 4px 5px 5px 4px;
	text-align: center;
	margin: 3px 3px 3px 20px;
    float: left;
    height: 18px;
    width: 100px;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  #top-menu-2 {
	  margin: 0 0 0 430px;
  }
  

  #logo {
	  font-size: 16px;
	  font-weight: bold;
	  padding: 8px 10px 12px 48px;
	  margin-left: 28px;
	  width: 140px;
	  float: left;
	  background: transparent url('/grafikk/s7.gif') no-repeat;
  }

#menu-container {
    width: 740px;
    height: 24px;
    text-align: center;
margin: 0 5px 0 5px;
clear: both;
background: #6699cc;
  }
  
  #menu-left-end {
    width: 14px;
    height: 24px;
    background: url('/grafikk/menu-end.gif');
    float: left;
  }
  
    #menu-right-end {
    width: 14px;
    height: 24px;
    background: url('/grafikk/menu-end-right.gif');
    float: right;
  }

  #left-side {
	  left: 0;
	  top: 0;
	  width: 520px;
	  float: left;
	  min-height: 300px;
	  padding: 0;
  }
  
  
  #right-side {
	  right: 0;
	  top: 0;
	  width: 200px;
	  float: right;
	  padding: 20px 0 0 5px;
  }
  
  .right {
	  text-align: right;
  }
  
  
  #boks-1 {
	  width: 170px;
	  margin: 0 0 30px 0;
	  padding: 0;
	  right: 0;
  }
  
  .corner-top {
	  margin: 0;
	  padding: 0;
	  border: 0;
	  height: 12px;
	  background: #d00 url('/grafikk/corner-top.gif') no-repeat;
  }
  
  .corner-bottom {
	  margin: 0;
	  padding: 0;
	  border: 0;
	  height: 12px;
	  background: #fff url('/grafikk/corner-bottom.gif') no-repeat;
  }
  
.corner-tl {
	  margin: 0;
	  padding: 0;
	  border: 0;
	  left: 0;
	  top: 0;
	  position: relative;
	  float: left;
	  width: 156px;
	  height: 14px;
	  background: #d00;
  }
  
.corner-tr {
	  margin: 0;
	  padding: 0;
	  border: 0;
	  right: 0;
	  top: 0;
	  position: relative;
	  float: left;
	  width: 14px;
	  height: 14px;
	  background: #d00;
  }
  
.corner-bl {
	  margin: 0;
	  padding: 0;
	  border: 0;
	  left: 0;
	  bottom: 0;
	  position: relative;
	  float: left;
	  vertical-align: bottom;
	  width: 156px;
	  height: 14px;
	  background: #d00;
  }
  
.corner-br {
	  margin: 0;
	  padding: 0;
	  border: 0;
	  right: 0;
	  bottom: 0;
	  position: relative;
	  float: right;
	  width: 14px;
	  height: 14px;
	  background: #d00;
	  
  }
  
  #boks-2 {
  	  width: 170px;
	  margin: 20px 0 0 0;
	  padding: 0;
	  right: 0;
  }
  
    #boks-3 {
	  width: 170px;
	  margin: 20px 0 0 0;
	  padding: 0;
	  right: 0;
  }
  
    #boks-teknisk {
  	  width: 170px;
	  margin: 20px 0 0 0;
	  padding: 0;
	  right: 0;
  }
  
      #boks-hotline {
  	  width: 170px;
	  margin: 0 0 0 0;
	  padding: 0;
	  right: 0;
  }
  
  h4.boks-overskrift {
	  padding: 4px 4px 1px 4px;
	  margin: 0 0 0 0;
	  font-size: 11px;
	  text-transform: uppercase;
	  font-weight: bold;
	  background: #fff;
	  border-left: 0;
	  border-right: 0;
	  border-top: 1px solid #666;
	  border-bottom: 1px solid #666;
	  width: 162px;
  }
  
  .boks-tekst {
	  padding: 10px 10px 0 10px;
	  font-size: 11px;
	  color: #fff;
	  background: #d00;
  }
  
    .lesmer-boks {
	  padding: 10px;
	  font-size: 11px;
	  color: #fff;
	  background: #d00;
	  text-align: right;
  }
  
#header {
border-bottom: 2px solid #eee;
width: 500px;
margin: 0 0 0 10px;
}

#header h1 {
	color: #aaa;
	padding: 22px 5px 10px 20px;
	margin: 0;
	font-size: 16px;
	font-weight: normal;
	font-stretch: condensed;
	width: 460px;
}
  
  .topptekst {
	  font-size: 11px;
	  color: #666;
	  padding: 14px 50px 0 50px;
  }
  
  #avrundet-boks {
	  background: transparent url('/grafikk/boks-rund2.gif') no-repeat;
	  padding: 0 0 0 0;
	  margin: 30px 0 20px 20px;
	  width: auto;
	  height: 224px;
	  color: red;
	  font-weight: bold;
  }
  
  #boks-innhold {
	  margin: 10px;
	  float: left;
  }
  
    
  #boks-innhold div {
	  width: 200px;
	  background: transparent url('/grafikk/pil.gif') no-repeat 0 3px;
	  padding: 3px 0 2px 25px;
	  margin: 5px;
  }
  
  #boksmeny-1 {
	  height: 60px;
	  font-size: 11px;
	  float: left;
  }
  
    #boksmeny-2 {
	  height: 60px;
	  font-size: 11px;
	  float: left;
  }
  
    #boksmeny-3 {
	  height: 50px;
	  font-size: 11px;
	  float: left;
  }
  
    #boksmeny-4 {
	  height: 50px;
	  font-size: 11px;
	  float: left;
  }
  
#left-side img {
	  float: left;
	  margin: 17px 12px 16px 0;
	  border: 0;
  }
  
  #webhotell-tjenester {
	  padding: 0 0 0 0;
	  margin: 30px 0 50px 40px;
	  width: auto;
  }
  
  .rad {
	  float: left;
  }
  
  .boks {
	  float: left;
	  width: 200px;
	  margin: 15px;
  }
  
    .boks-pakke {
	  float: left;
	  margin: 0 0 10px 0;
  }

  
  #webhotell-tjenester h4 {
	  width: 192px;
	  background: #fff url('/grafikk/h4-bg1.gif') no-repeat;
	  color: #d00;
	  font-size: 10px;
	  padding: 3px 2px 3px 6px;
	  text-transform: uppercase;
	  font-weight: bold;
  }
  
    #webhotell-tjenester h3 {
	  width: 430px;
	  background: #fff url('/grafikk/h3-bg1.gif') no-repeat;
	  color:#d00;
	  font-size: 10px;
	  padding: 3px 2px 3px 6px;
	  text-transform: uppercase;
	  font-weight: bold;
  }
  
  #webhotell-tjenester ul {
	  margin: 0;
	  padding: 2px 0 2px 16px;
	  font-size: 11px;
  }
  
  #webhotell-tjenester li {
	  list-style-image: url('/grafikk/pil-liste.gif');
	  list-style-type: box;
	  margin: 0;
	  padding: 0;
	  color: #000;
  }
  
    #pakker li {
	  list-style-image: url('/grafikk/pil-liste.gif');
	  list-style-type: box;
	  margin: auto 40px auto 50px;
	  padding: 0;
	  color: #000;
  }
  
    #pakker .pris {
	  text-align: right;
	  margin: 8px 70px 10px 210px;
	  font-size: 11px;
	  font-weight: bold;
	  width: 180px;
	  border-top: 1px solid #aaa;
	  border-bottom: 3px double #aaa;
	  border-left: 0;
	  border-right: 0;
	  padding: 3px;
	  }
	  
	  #pakker .pris-stack {
	  text-align: right;
	  margin: 8px 70px 10px 160px;
	  font-size: 11px;
	  font-weight: bold;
	  width: 230px;
	  border-top: 1px solid #aaa;
	  border-left: 0;
	  border-right: 0;
	  padding: 3px;
	  }
	  
	  #pakker .pris-stack-siste {
	  text-align: right;
	  margin: 8px 70px 10px 160px;
	  font-size: 11px;
	  font-weight: bold;
	  width: 230px;
	  border-top: 1px solid #aaa;
	  border-bottom: 1px solid #aaa;
	  border-left: 0;
	  border-right: 0;
	  padding: 3px;
	  }
  
  #webhotell-tjenester .lesmer {
	  text-align: right;
	  text-decoration: none;
	  margin: 10px 8px 0 0;
      font-size: 11px;
  }
  
  #kontakt {
	  width: auto;
	  font-size: 11px;
  }
  
    #mail {
	  padding: 0 0 0 0;
	  margin: 30px 0 50px 40px;
	  width: auto;
	  font-size: 11px;
  }
  
  #kontakt div.label {
	  vertical-align: top;
	  width: 130px;
	  float: left;
  }
    
  #kontakt div.formfield {
	  position: relative;
	  vertical-align: top;
  }
  
  #kontakt input, textarea, submit, select {
	  border: 1px solid #6699CC;
	  font-size: 11px;
	  padding: 2px;
	  margin: 2px;
  }
  
  #kontakt input.venstremarg {
	  margin-left: 130px;
	  margin-top: 20px;
  }

  #kontakt input.checkbox {
	  padding: 0;
  }
  
  #kontakt div.marg {
	  margin-left: 130px;
	  margin-top: 5px;
  }
  
  .error {
	  border: 1px solid red;
	  width: 400px;
	  margin: 12px;
	  padding: 10px;
  }
  
  .fet {
	  font-weight: bold;
  }
  
  #epost {
	  width: 380px;
	  margin: 20px 0 0 20px;
	  border: 1px solid #ddd;
	  white-space: pre;
	  padding: 10px;
  }
  
    #boks-2 input, textarea, submit, select {
	  border: 1px solid #6699CC;
	  font-size: 11px;
	  padding: 2px;
	  margin: 2px;
  }
  
      #boks-3 input, textarea, submit, select {
	  border: 1px solid #6699CC;
	  font-size: 11px;
	  padding: 2px;
	  margin: 2px;
  }
  
      #boks-login input, textarea, submit, select {
	  border: 1px solid #6699CC;
	  font-size: 11px;
	  padding: 2px;
	  margin: 2px;
  }
  
      #boks-teknisk input, textarea, submit, select {
	  border: 1px solid #6699CC;
	  font-size: 11px;
	  padding: 2px;
	  margin: 2px;
  }
  
  .sp {
	  font-size: 11px;
  }
  
  .sv {
	  font-style: italic;
	  color: #d00;
	  margin: 4px;
  }
  
  #icon {
	  border: 0;
  }
  
  #bottom-menu {
	  text-align: right;
	  margin-right: 20px;
      margin-top: 14pt;
  }
  
  #copyright {
	  float: left;
  }
  
  
/* CSS Menu */

#menu *{margin:0;padding:0;border:none; text-align: center; }

#menu{
text-align: center;
/* margin: 0 auto 0 auto; */
}

#menu a, #menu h2{
font: 11px/16px "trebuchet ms",arial,helvetica,sans-serif;
display:block;
/* border-width:1px;
border-style:solid;
border-color: #ccc #888 #555555 #bbb; */
white-space:nowrap;
margin:0;
padding:4px 4px 4px 8px;
background: #6699cc;
text-align: center;
}

#menu h2{
color:#fff;
background:#6699cc no-repeat 100% 100%;
margin: 0;
padding: 0;
border: 0;
}

#menu a{
/* background:#dddddd; */
text-decoration:none;
}

#menu a, #menu a:visited{
color:#fff;
}

#menu a:hover{
color:#6699cc;
background:#ddd;
}

#menu a:active{
color:#060;
background:#ccc;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
float:left;
width:7.0em;
}

#menu li{
position:relative;
}

#menu ul ul{
position:absolute;
z-index:500;
top:auto;
display:none;
}

#menu ul ul ul{
top:0;
left:100%;
}


/* csshover.htc */

div#menu h2:hover{
background:#6699CC url(/grafikk/go2.gif) no-repeat -999px -9999px;
}

div#menu li:hover{
cursor:pointer;
z-index:100;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}


/* Expand */

#menu a.x, #menu a.x:visited{
font-weight:bold;
color:#fff;
background:#6699cc url(/grafikk/go2.gif) no-repeat 100% 100%;
}

#menu a.x:hover{
color:#a00;
background:#ddd;
}

#menu a.x:active{
color:#060;
background:#ccc;
}

/* End CSS Menu */