html {overflow-y:scroll;}
body {margin:3px; padding:0px; background: #1c2a33 url() top left repeat-x;
      font-size:10px; font-family: Univers, Arial, Lucida, Geneva, Helvetica, sans-serif;
     }

/* general typography */
p {font-size:11px; line-height: 14px; color:#232020; margin:0px;}

p, h1, h2, h3, h4, a{font-family: Verdana, Arial, Lucida, Geneva, Helvetica, sans-serif;
                 font-weight: normal; padding: 0px; margin: 0px;}

h1 {font-size: 14px; color:#232020; font-weight:bold; margin-bottom:8px; margin-top:15px;}
h2 {font-size: 12px; color:#232020; font-weight:bold;}
h3 {font-size: 11px; color:#232020; font-weight:bold;}
h4 {font-size: 11px; color:#ffffff; font-weight:bold;
    width:auto; background-color:#1d2a33; padding:2px;}

hr {height:1px; border:none; color:#ea8621; border-color:#ea8621; background-color:#ea8621; padding:0px; margin: 5px 0px;}

a {color:#303030; text-decoration:underline;}
a:visited {color:#303030; text-decoration:underline;}
a:hover {color:#ea8621; background-color:#606060; text-decoration:none;}

img {border:none;}

sub, sup {font-size:8px;}

/* general layout */
div.container {width:900px;
               margin: 0px auto 0px auto;}
table {border-spacing:0px; border-collapse:separate; margin:0px; empty-cells:show;}
td {vertical-align:top; padding:0px;}

/* specific layout */
div#content {}
table.bodytable, table.bodybottomtable {width: 100%; empty-cells: show; background-color: white;}
    td.Xbordertop {border-top: 2px solid #ea8621; font-size: 1%;}
    td.Xborderleft {border-left: 2px solid #ea8621; font-size: 1%;}
    td.Xborderright {border-right: 2px solid #ea8621; font-size: 1%;}
    td.Xborderbottom {color: white; border-bottom: 2px solid #ea8621; font-size: 1%;}
    td.Xupleft {border-left: 2px solid #ea8621; border-top: 2px solid #ea8621; font-size: 1%;}
    td.Xupright {border-right: 2px solid #ea8621; border-top: 2px solid #ea8621; font-size: 1%;}
    td.downleft {width: 13px; height: 20px; background: transparent url('/project_images/cornerbl-white.gif') no-repeat bottom left;}
    td.downright {width: 13px; height: 20px; background: transparent url('/project_images/cornerbr-white.gif') no-repeat bottom right;}

div.top {position: relative; top: 0px; left: 0px; background: white url('/project_images/varmeplan-bg.jpg') no-repeat top right; border-bottom: 2px #ea8621 solid; width: 900px; height: 192px;}
 div.logo {position: relative; left: 26px; top: 37px;}
  div.logo a {background-color: transparent;}

table.topmenu {position: absolute; top: 37px; left: 350px; border: 0px none; border-collapse: collapse;}
  table.topmenu td {vertical-align: bottom; border-left: 2px solid #1d2a33;; padding-left: 10px;}
  div.topmenu p {line-height: 13px; font-size: 13px; padding: 0px; margin: 15px 0px 2px 0px;}
  div.topmenu p:first-child {margin-top: 2px;}
  div.topmenu p a, div.topmenu p a:visited {font-weight: bold; font-size: 13px; color: #1d2a33; text-decoration: none; padding: 0px; margin: 0px;}
  div.topmenu p a:hover {color: #ea8621; background-color: transparent;}
  div.topmenu p.item-on a {color: #ea8621}

div.text {margin-top: 0px; border: none; width: 900px; min-height: 400px;}
 div.maintext-container {margin: 26px 0px 0px 0px; min-height: 300px;}
     td.maintext {width: 100%; padding-right:13px;}
      div.maintext {width: 100%; position: relative; top: 0px; left: 0px;} 
      div.sidebox {min-height: 450px; width: 297px; border: 2px solid #8c9296; margin: 0px 36px 0px 13px;background: transparent url('/project_images/lightgray-gradient.gif') top center repeat-x;}
      div.sideboxtext {margin: 24px;}
      table.subpage {width: 100%;}
      td#td-main {border-top: 1px solid #ea8621; padding-top: 5px;}
      div#sidebox-subpage {width: 200px; margin: 0px 0px 0px 26px}
      
/* sidebox-menu */
      div.sidebox-menu h3 a {font-size: 13px; font-weight: bold;}
      div.sidebox-menu a {text-decoration: none; background-color: transparent;}
      div.sidebox-menu p {line-height: 12px; font-size: 12px; padding: 0px; margin: 13px 0px 2px 0px;}
      div.sidelist p:first-child {}
      div.sidelist div p {line-height: 11px; font-size: 11px; padding: 0px; margin: 2px 0px 2px 0px;}
      div.sidelist div {margin-bottom: 13px;}

      table.sidebox-menu {width: 156px; margin-right: 24px;}
      table.sidebox-menu td {text-align: right; vertical-align: bottom; border-right: 2px solid #1d2a33; padding-right: 10px;}
      table.sidebox-menu p {white-space: nowrap;}
      p.sidelistitem-on a {font-weight: bold;} 
 
/* typography */
  .frontHeaderText h1 {margin-top: 0px;}
  .frontHeaderText hr {margin: 0px 0px 5px 0px;}
  .address p {}
  .address a {}
  .maintext li {font-family: verdana, arial, sans-serif; font-size: 1.1em !important; font-size: 11px;}
  .maintext ul, .maintext li {padding: 0px; margin: 0px;}
  .maintext ul {margin-left: 18px;}


/* banners*/
table.banner {background: transparent; float: left; margin-bottom: 10px; border: 0px none;}
table#banner2, table#banner3 {margin-left: 17px;}
td.banner {background: transparent url('/project_images/lightgray-gradient.gif') top center repeat-x; border: 2px solid #8c9296;
            vertical-align: middle; width: 156px; height: 83px; text-align: center;
            cursor: pointer;}
            
table.banner h3 {padding:0px;margin:0px;font-size:13px;}
table#banner1 h3, table#banner1 p {color: #b70a26;} 
table#banner2 h3, table#banner2 p {color: #e98521;} 
table#banner3 h3, table#banner3 p {color: #b1c93c;}


/* breadcrumb */
div.breadcrumbbox {position: absolute; top: -24px; display: block; height: auto; width: 100%;}
div.breadcrumb {margin-bottom: 3px; width: 100%; line-height: 21px; overflow: hidden;
                background: transparent url() repeat-y top left;}

div.breadcrumb p {font-size: 9.5px; color: #909090;}
div.breadcrumb a, breadcrumb a:visited {color: #909090; text-decoration: none;}
div.breadcrumb a:hover {color: #ea8621; text-decoration: none; background-color: transparent;}
span.breadcrumb-this a, .breadcrumb-this a:visited {color: #909090; font-weight: bold;}
span.breadcrumb-this a:hover {color: #909090;}


/* news listing */
div.newslist {}
p.newslink {color: gray;}
p.newslink a {font-weight: bold;}
p.newslead {margin-bottom: 16px;}

/* sitemap */
 .sitemap ul {margin: 0px; padding: 0px; list-style-type: none;}
  .sitemap ul li ul {margin: 0px;}
  .sitemap ul li       {color: black; background: transparent url('/project_images/lightgray-gradient.gif') top left repeat-x; float: left; margin: 0px 16px 28px 9px; padding: 0px 0px 0px 9px; width: 179px; min-height: 110px; font-weight: bold; font-size: 13px;}
  .sitemap ul li ul li {background: none; border: none; float: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; min-width: 0px; min-height: 0px; font-weight: normal; font-size: 11px;}
  .sitemap ul li ul li ul li {margin: 0px 0px 0px 7px;}
 
  .sitemap ul a {color: #303030; font-weight: bold; text-decoration: none;}
  .sitemap ul ul a {font-weight: normal; font-size:11px; text-decoration: none;}  
  .sitemap ul a:hover {color: #ea8621; text-decoration: none; background-color: transparent;} 

/* IE6 Hacks */
* html p {font-size: 11px;}

/* TinyMCE specific rules */
body.mceContentBody {background: #FFF;}
body.mceContentBody h4 {width: 362px;}
body.mceContentBody a {text-decoration: underline;}

body.mceContentBody li {font-family: verdana, arial, sans-serif; font-size: 11px;}
body.mceContentBody ul {padding: 0px; margin: 0px; margin-left: 18px;}