html, body { margin: 10px 0 20px 0; padding: 0; text-align: center; font-family: verdana, tahoma, arial, sans-serif; font-size: 11px; }

* { margin: 0; padding: 0; border: 0; } 

#header { background: url('/tv2no/img/katalogen_topp.jpg'); width: 770px; height: 73px; cursor: pointer; }
#header ul { display: block; padding: 4px 4px 4px 100px; }
#header li { list-style: none; } 
#header a { text-decoration: none; color: black; }
#header a:hover { color: white; }

#page { margin: 0 auto; text-align: left; width: 770px; background: white; }

#tv2katalogen { margin: 4px 0; }
#tv2katalogen table  { margin: 0; border-collapse: collapse; width: 100%; } 

.tv2separator { width: 7px; background: none; }
#tv2right  { width: 274px; background: #ffdb15; border: 1px solid black; border-left: 0; }
#tv2center { width: 486px; background: #ffdb15 url('/tv2no/img/bakrunnsbilde.jpg') no-repeat right bottom; border: 1px solid black; border-right: 0; }

#tv2main { width: 487px; background: #ffdb15 url('/tv2no/img/bakrunnsbilde.jpg') no-repeat right bottom; border: 1px solid black; border-right: 0; }

#tv2wide { background: #ffdb15 url('/tv2no/img/bakrunnsbilde.jpg') no-repeat right bottom; border: 1px solid black; }

#search { width: 768px; height: 120px; font-size: 10px; background: #ffdb15; border: 1px solid #000; border-top: 0; display: block; }
#search #form { float: left; margin: 20px 20px 0 20px; } 
#search input { font-size: 12px; padding: 1px 4px 1px 4px; margin: 4px 4px 0 0; float: left; border-top: 1px solid #444; }

#search .button 
{ 
  font-weight: bold; 
  border: 2px solid #ff0; 
  border-right: 2px solid #770;
  border-bottom: 2px solid #000; 
  background: #ffdb15;
  font-size: 12px; 
  text-transform: uppercase; 
  color: #df0303; 
  width: 60px;
  margin: 0 4px 0 0;
  float: right;
}

#search br { clear: both; }

#tabs {
        width: 287px;
        float: right;
        display: block;
        background: #df0303 url("/tv2no/img/tab-bullet.gif") repeat-y 0px 0px; 
}

#tabs li {
        line-height: 40px;
        height: 40px; 
	list-style: none;
}

#tabs a {
	color: #fff;
	padding-left: 20px;
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
	display: block;
        background: url("/tv2no/img/tab-bullet.gif") no-repeat 0px 0px; 
}

#tabs a.active { font-weight: bold; background: url("/tv2no/img/tab-bullet-active.gif") no-repeat 0px 0px; }
#tabs a:hover { font-weight: bold; }

#idx { height: 21px; width: 768px; background: #df0303; display: block; }
#idx ul { width: 100%; display: block; list-style: none; }
#idx li { float: left; display: inline; }
#idx br { clear: both; display: none; }

#idx a {
    color: #fff;
    padding: 4px;
    float: left;
    text-decoration: none;
    text-transform: uppercase;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
}

#idx a:hover { color: #ffdb15;}
#idx li.active a { text-decoration: none; color: #000; background: #ffdb15; }
#idx li.active { background: none; color: #000; }

.robots { visibility: hidden; }

#pagetable 
{
  width: 100%;
  border: none;
  padding: 4px;
}

/* Links */

.hfields          { padding: 4px; }
.hfields li       { background: none; border-left: 1px solid #ffa803; display: inline; font-weight: bold; padding-left: 5px; padding-right: 3px; }
.hfields li.first { border: none; padding-left: 0px; }
.hfields li a { text-decoration: none; color: white; font-size: 10px; }
.hfields li a:hover { color: #ffdb15; }

.linkmapmail { background: url('/tv2no/img/mail.gif') no-repeat 0 0; padding-left: 20px; }

.tv2header 
{
    display: block;
    color: white;
    font-size: 11px;
    padding: 4px 9px;
    background-color: #df0303;
    width: 257px;
}

.mb
{
  background: #ffdb15;
}

.mb ul
{
  list-style: none;
}

.mb li
{
  display: block;
  list-style: none;
  width: 266px;
}

.mb li.al { background: #fecc0b; }
.mb tr.al { background: #fecc0b; }
.middle { vertical-align: middle; }

.mb a
{
  display: block;

  padding: 4px 4px 4px 4px;
  color: #000;
  text-decoration: none;
  text-align: left;
  font-weight: normal;
}

.mb a.active { color: #fff; }
.mb .active { background: #df0303; color: #fff; }
.mb .disabled { color: #df0303; }
.mb li b { float: right; }
html>body .mb li a { width: auto; }
.mb a:hover { background: #df0303; color: #fff; }
.mb img { margin: 4px; }

#ct { margin: 20px; text-align: left; }
#ct td { vertical-align: top; }
#ct br { clear: both; }
#ct h3 { text-align: left; font-size: 12px; }
#ct h3 a { color: #000; text-decoration: none; }
#ct h3 a:hover { color: #df0303; }

#ct h4 { text-align: left; font-size: 11px; }
#ct h4 a { color: #000; text-decoration: none; }
#ct h4 a:hover { color: #df0303; }

#ct dl { padding: 0 10px 10px 10px; border-left: 1px solid #ffa803; float: left; }
#ct dl.first { border: 0; }
#ct dt   { display: block; margin: 10px 0 2px 0; list-style: none; }
#ct dt a { color: #000; text-decoration: none; font-weight: bold; }
#ct dt a:hover { color: #df0303; }
#ct dd   { margin: 2px 0 2px 10px; }
#ct dd a { text-decoration: none; color: #000; font-size: 10px; }
#ct dd a:hover { color: #df0303; }

#ct ol   { padding: 10px; list-style: none; border-left: 1px solid #ffa803; float: left; }
#ct ol.first { border: 0; }
#ct li   { display: block; margin: 2px 0; list-style: none; }
#ct li a { text-decoration: none; color: #000; font-size: 10px; }
#ct li a:hover { color: #df0303; }

.rbase { background: #ffdb15; text-align: left; }
.rbase br { clear: both; }
.rbase h2 { padding: 4px 2px 2px 2px; font-weight: bold; font-size: 10px; }
.rbase h2 a { text-decoration: underline; color: black; }
.rbase h2 a:hover { color: #fff; }
.rbase h3 { font-weight: normal; font-size: 10px; padding: 0 0 4px 2px; }
.rbase h3 a { text-decoration: none; color: #000; } 
.rbase h3 a:hover { color: #fff; }
.rbase h4 { font-size: 0.8em; font-weight: normal; margin: 2px 2px 0 0; } 
.rbase span { display: none; }
.rbase strong { font-size: 11px; }

/*
.rmini h2 { background: url("/tv2no/img/minipakke.gif") no-repeat 4px 5px; padding-left: 25px; }
.rbusi h2 { background: url("/tv2no/img/businesspakke.gif") no-repeat 4px 5px; padding-left: 25px; }
.rmaxi h2 { background: url("/tv2no/img/maxipakke.gif") no-repeat 4px 5px; padding-left: 25px; }
.rnati h2 { background: url("/tv2no/img/landsdekkende.gif") no-repeat 4px 5px; padding-left: 25px; }
*/

.al { background: #fecc0b; }

.cn { white-space: nowrap; margin: 4px; text-align: right; }

.icon    { float: right; display: block; width: 22px; height: 22px; }
.icons   { width: 110px; padding: 4px; } 
.icnflwr { background: url("/tv2no/img/icon-flower.gif") no-repeat 0 0; }
.icnvc   { background: url("/tv2no/img/icon-vcard.gif") no-repeat 0 0; }
.icnprox { background: url("/tv2no/img/icon-proxy.gif") no-repeat 0 0; }
.icnmap  { background: url("/tv2no/img/icon-map.gif") no-repeat 0 0; }
.icninfo { background: url("/tv2no/img/icon-info.gif") no-repeat 0 0; }

.expandhidden { display: none; }
.expandvisible { display: block; }
.expandopen { background: url("/tv2no/img/expand.gif") no-repeat 0 0; width: 13px; height: 13px; display: inline; float: right; }
.expandclose { background: url("/tv2no/img/expandclose.gif") no-repeat 0 0; width: 13px; height: 13px; display: inline; float: right; }

#hits { float: left; text-transform: uppercase; font-weight: bold; display: none; }
#hitslinks { width: 486px; background: #df0303; margin: 0; }

#message
{
  color: black;
  padding: 14px 6px 14px 45px;
  text-align: left;
  background: url("/tv2no/img/alert.gif") no-repeat 6px 6px;
}

#if, #ff { margin: 5px; font-size: 10px; text-align: left; padding: 10px; }
#if h3, #ff h3 { clear: both; margin: 10px 0 0 0; display: block; float: none; height: 2.5em; font-size: 12px; font-weight: bold; text-align: left; color: black; }
#if label { display: block; font-weight: bold; text-align: left; margin: 4px 0 0 0; }
#if input { font-size: 11px; border: 1px solid #a4a08d; padding: 2px; width: 450px; }
#if textarea { font-size: 11px; border: 1px solid #a4a08d; padding: 2px; margin: 2px 4px 4px 0; width: 450px; }
#if br, #ff br { clear: both; }

#if .button, #ff .button
{
  font-weight: bold;
  border: 2px solid #ff0;
  border-right: 2px solid #770;
  border-bottom: 2px solid #000;
  background: #ffdb15;
  font-size: 12px;
  text-transform:
  uppercase; color: #df0303;
  width: 60px;
  margin: 0 4px 0 0;
  float: left;
}


#banners { margin: 0 0 0 4px; } 
#banners img { display: block; padding: 0 0 4px 0; }

/* SCROLLERS */
.root { position: relative; width: 275px; }

.thumb { position: absolute; height: 31px; width: 9px; left: 0; }
.scrollContainer 
{ 
    position: absolute; 
    left: 0; 
    top: 0; 
    overflow: auto; 
    border-right: 1px solid black;
}

.scrollContent { position: absolute; left: 0; top: 0; }

.root0 { height: 200px; }
/* .scrollContainer0 { clip: rect(0 266 200 0); } */
.root1 { height: 130px; }
/* .scrollContainer1 { clip: rect(0 266 130 0); } */
.root2 { height: 150px; }
/* .scrollContainer2 { clip: rect(0 266 150 0); } */

#mainMenu {
  background: url('/tv2no/img/stripe.jpg') repeat-y;
  border-left: 1px solid black;
  border-right: 1px solid black;
  width: 768px;
  padding-top: 1px; 
  padding-bottom: 3px; 
}

#mainMenu table {
  border-collapse: collapse;
  padding: 0;
  background: white;
  height: 15px;
  width: 100%;
}

#mainMenu td {
  text-align: center;
  font-size: 10px;
  background-color: white;
  font-family: verdana, monaco, tahoma, sans-serif;
}

#mainMenu a {
  color: black;
  font-weight: bold;
  text-decoration: none;
  width: 100%;
  display: block;
}

#mainMenu a:hover { background: #eaedf2; }

#mapheader { background: #df0303; height: 30px; }
#mapcaption { float: right; margin: 4px; color: white;  vertical-align: middle; }
#mapicons { padding: 4px; }
#mapicons img, #mapicons input { float: left; margin: 4px; }

#maplinks { width: 486px; background: #df0303; margin: 0; }

.supersep { height: 4px; background: white; border-top: 1px solid black; font-size: 1px; }
#customers, #companies, #people, #places { border: 0; } 

.ht { color: white; background: #df0303; text-align: center; vertical-align: middle; padding: 4px; text-align: left; }
.ht a { color: white; }
.right { text-align: right; }

.htp { border-top: 1px solid black; background: #df0303; text-align: center; vertical-align: middle; padding: 6px; }
.htp a { margin: 2px; color: white; vertical-align: middle; }
.htp a:hover  { color: #ffdb15; }
.htp a.atab { color: #ffdb15; text-decoration: none; font-weight: bold; }

.text { padding: 10px; }
.text p, .text h3, .text h4, .text h5, .text dt, .text dd { margin-top: 15px; margin-bottom: 10px; }
.text dl { margin-left: 20px; }
.text dt { font-weight: bold; }
.text ul { margin: 10px 10px 10px 50px; }

.treeview ul {
	width: 150px; 
}

.treeview li {
        margin-left: 50px;
}

.treeview li ul {
	display: none;
}

.treeview li.over ul {
	display: block;
}

.treeview li.current {
	border-color: #cc0000;
}

.bubbletrigger b { display: none; }
.bubbletop { background: url('/tv2no/img/bubble_top.gif') no-repeat left top; width: 152px; font-size: 10px; font-weight: normal; }
.bubbletop h4 { font-size: 0.9em; font-weight: normal; }
.bubblecontent { padding: 8px; }
.bubblebottom { background: url('/tv2no/img/bubble_bottom.gif') no-repeat right bottom; padding-bottom: 16px; width: 153px; position: absolute; z-index: 2000; visibility: hidden; }
.over { visibility: visible; }

#legend span { vertical-align: middle; }
#legend img { vertical-align: middle; width: 19px; height: 20px; padding: 4px; }
