body {
   text-align: center;
   margin: 0;
   padding: 0;
   padding-top: 13px;
   font: 80% verdana,"trebuchet ms",arial,helvetica, sans-serif;
   background: #fff url(gfx/outer_bg.png) repeat-x;
}

#wrapper {
   text-align: left;
   margin: 0;
   margin-left: auto;
   margin-right: auto;
   padding: 0;
   width: 500px;
   background: url(gfx/faux.png) no-repeat;
}

#top {
  height: 200px;
  background: url(gfx/top3.png) no-repeat;
}

#top h1 {
   display: none;
}

acronym, abbr {
   cursor: help;
   border-bottom: 1px dotted #333;
}

/* ======================================= */
/* Sitenav */
/* ======================================= */

#sitenav {
   float: left;
   background: #ccc url(gfx/sitenav_bg.png) no-repeat;
   width: 100%;
   height: 75px;
}

#sitenav ul {
   margin: 0;
   padding: 0;
   width: 500px;
   height: 65px;
}

#sitenav ul li {
   margin: 0;
   margin-top: 25px;
   padding: 0;
   list-style: none;
   float: left;
   border-top: 1px solid #fff;
   border-bottom: 1px solid #fff;
}

#sitenav ul li a {
   text-decoration: none;
   color: #fff;
   display: block;
   width: 119px;
   border-left: 1px solid #fff;
   font-size: 13px;
   height: 10px !important;
   height: auto;
   line-height: 12px;
   padding: 10px 5px 6px 0;
   text-align: right;
   background: transparent url(gfx/a_nav_bg.png) repeat-x;
}

#sitenav ul li a#first {
   border-left: none;
}

#sitenav ul li a#last {
   width: 120px;
}

#sitenav ul li a:hover {
   color: #fff;
   text-decoration: none;
   background: #5C7FA9;
}

#sitenav ul li#current a {
   color: #fff;
   text-decoration: none;
   background: #5c7fa9;
}

#sitenav ul li#current a:hover {
   color: #003366;
}

/* CONTAINER */

#container {
   margin-top: 1em;
}


/* =================================== */
/* RIGHT */
/* =================================== */

#right {
   float: right;
   width: 120px;
   color: #999;
   font-size: 90%;
}

* html #right {
   font-size: 80%;
}

#right h3 {
   font-weight: normal;
   text-transform: uppercase;
   color: #45c000;
}

* html #right h3 {
   font-size: 15px;
}

#right p {
   padding-left: 4px;
}

#right p a {
   color: #999;
   text-decoration: none;
}

#right p a:hover {
   color: #000;
   text-decoration: none;
}

div.box {
   margin-bottom: 12px;
   margin-top: 10px;
}

div.box:hover {
   color: #000;
}

div.box h3 {
   margin: 0;
   padding: 3px;
   font-weight: normal;
   color: #45c000;
}

p.bottom {
   text-align: right;
   margin: 0;
   padding: 2px 0;
}

p.bottom a {
   color: #336699;
   text-decoration: none;
   display: block;
   margin: 0;
   padding: 2px 5px 2px 2px;
}

p.bottom a:hover {
   color: #000;
   background: #ececec;
}

#right ul {
   margin: 0;
   padding: 0;
}

#right li {
   margin: 0;
   padding: 0;
   list-style: none;
}

* html #right ul li {
   margin-top: -7px;
}

* html #right ul li.first {
   margin-top: 0;
}

#right li a {
   color: #336699;
   text-decoration: none;
   display: block;
   padding: 2px 0;
}

* html #right li a {
   padding: 0;
   margin: 0;
   border-right: none;
}

#right li a:hover {
   color: #8cb95f;
   background: #f8f8f8;
   border-right: 10px solid #8CB95F;
}

#right li#active a {
   color: #8CB95F;
   border-right: 10px solid #8cb95f;
}

#right li#active a:hover {
   border-right: 10px solid #8cb95f;
}

#right a img {
   border: none;
}

#right a img:hover {
   border: none;
}

/* =================================== */
/* CONTENT */
/* =================================== */

#content {
   float: left;
   width: 370px;
   color: #777;
   line-height: 135%;
}

#content h2 {
   color: #00A9E1;
   padding-left: 5px;
   margin-top: 10px;
   padding-top: 3px;
   padding-bottom: 3px;
   font-weight: normal;
   text-transform: uppercase;
   font-size: 1.5em;
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   background: #f8f8f8;
}

#content h2 span {
   font-size: 80%;
   color: #8CB95F;
   text-transform: none;
   font-weight: normal;
}

#content h3 {
   padding-left: 5px;
   margin-top: 10px;
   padding-top: 10px;
   font-weight: normal;
   font-size: 1.35em;
   color: #00a9e1;
}

#content h3 span {
   color: #8cb95f;
}

#content p {
   padding: 0 5px 0 5px;
   line-height: 145%;
}

#content p span {
   color: #bbb;
   font-size: 90%;
}

#content blockquote {
   background: url(gfx/quote.png) top left no-repeat;
   margin: 0;
   padding: 10px 25px 25px;
   color: #aaa;
   font-family: georgia,"times new roman",serif;
   font-size: 1.6em;
   line-height: 140%;
}

#content blockquote span {
   color: #336699;
}

#content cite {
  font-style: italic;
  color: #aaa;
  font-family: georgia,"times new roman",serif;
  font-size: 1.6em;
  float: right;
  padding-right: 25px;
  margin-top: -10px;
  margin-bottom: 20px;
}

#content a {
   color: #8CB95F;
   text-decoration: none;
}

#content a:hover {
   color: #336699;
}

#content ul {
   margin: 0;
   margin-left: 10px;
   padding: 0;
}

#content ul li {
   margin: 0;
   margin-left: 10px;
   padding: 0;
   list-style-image: url(gfx/list.png);
}

#content .center {
   text-align: center;
}

#content .center img {
   padding: 5px;
   border: 1px solid #336699;
}

#content .center a img:hover {
   border: 1px solid #45c000;
   background: #f0f0f0;
}

/* ====== definition lists =========== */

dl {
   padding: 5px;
}

dt {
   margin: 5px 0;
   color: #5C7F95;
   font-size: 1.3em;
}

dd {
   margin: 0;
   padding: 5px 0;
   font-size: 95%;
}

dd:hover {
   color: #333;
}

/* ----------- FAQ DL list ----------- */

dl#faq dt {
   background: url(gfx/faq_qm.png) left no-repeat;
   padding-left: 19px;
}

dl#faq dd {
   background: url(gfx/svar.png) top left no-repeat;
   padding-left: 36px;
 }

/* =================================== */
/* HELE BREDDEN */
/* =================================== */

#hole_col {
   margin-top: 25px;
   padding-bottom: 50px;
   border-bottom: 1px solid #ccc;
   background: #fff;
}

#hole_col h3 {
   font-weight: normal;
   color: #5C7F95;
   background: #f8f8f8;
   text-transform: uppercase;
   font-size: 1.5em;
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
}

#hole_col #col_left {
   float: left;
   width: 140px;
}

#hole_col #col_right {
   float: right;
   width: 140px;
}

#hole_col #col_center {
   margin-left: 185px;
   margin-right: 160px;
   padding-top: 1px;
}

* html #hole_col #col_center {
   padding-top: 0;
}

#hole_col h4 {
   color: #336699;
   font-weight: normal;
}

#hole_col a {
   color: #8CB95F;
   text-decoration: none;
}

#hole_col a:hover {
   color: #003366;
   text-decoration: none;
}

#hole_col a img.refborder {
   border: 1px solid #ccc;
   background: #fff;
   padding: 3px;
}

#hole_col a img.refborder:hover {
   border: 1px solid #336699;
   background: #f8f8f8;
   padding: 3px;
}

/* =================================== */
/* LEGAL */
/* =================================== */

#legal {
   clear: both;
   background: #f0f0f0;
   font-family: georgia, "times new roman", verdana,arial,helvetica,sans-serif;
   color: #777;
   font-size: 95%;
   text-align: right;
   padding: 10px 5px;
   margin-bottom: 30px;
   border-bottom: 1px solid #ccc;
   border-top: 1px solid #ccc;
}

#legal ul {   
   margin: 0;
   padding: 0;
}

#legal ul li {
   margin: 0;
   padding: 0;
   list-style: none;
   display: inline;
}

#legal ul li a {
   text-decoration: none;
   color: #336699;
}

#legal ul li a:hover {
   text-decoration: underline;
   color: #8CB95F;
}

/* ==================================== */
/* Diverse class */
/* ==================================== */

#clear {   
   clear: both;
   background: #fff;
   height: 1px;
   margin-bottom: 5px;
}

p#warning {
  padding: 5px;
  border: 1px solid red;
  color: #000;
  background: yellow;
  font-size: 75%;
}

/* ==================================== */
/* KONTAKTSKJEMA */
/* ==================================== */

#kontaktskjema {
   width: 370px;
   margin-bottom: 20px;
}

#kontaktskjema fieldset {
   border: none;
}

#kontaktskjema .button {
   border: 1px solid #8CB95F;
   background: #F5F8FC;
   color: #8CB95F;
   width: 75px;
}

/* ==================================== */
/* PRISTABELL */
/* ==================================== */

#content th {
   text-align: left;
   text-transform: uppercase;
   border: 1px solid #ccc;
   color: #8cb95f;
   padding: 2px 5px;
   background: #f8f8f8;
}

#content th.top {
   background: #003366 url(gfx/th_bg.png) left repeat-x;
   color: #fff;
}

#content tr.second {
   background: #f8f8f8;
}

#content td {
   border: 1px solid #ccc;
   padding: 2px 5px;
}

#content td.pris {
   color: #333;
   text-align: right;
}

/* ==================================== */
/* Referanseoversikt */
/* ==================================== */

div.design {
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   margin-top: 10px;
}

div#thumbs img {
   padding: 8px;
   margin: 1px;
   border: 1px solid #336699;
}

div#thumbs img:hover {
   border: 1px solid #45c000;
}