body {
  height: 100%;
}

center table td {
  text-align: left;
  vertical-align: top;
}

center table   {
  width:1003px;
}
#left_shadow {
  background: url(/images/layout/shadows.png) no-repeat 0 98px;
  width: 15px;
  height: 322px;
}

#right_shadow {
  background: url(/images/layout/shadows.png) no-repeat -15px 98px;
  width: 15px;
  height: 322px;
}

#left_white {
  background: #fff;
  width: 8px;
}

#right_white {
  background: #fff;
  width: 8px;
}

#logo { 
  height: 98px;
}

#logo img {
  margin: 12px 0 0 3px;
}

#menu {
  height: 37px;
  background: #dae1e5 url(/images/layout/background_sprites.png) repeat-x 0 -349px;

}

#menu ul {
  height: 37px;
  width: 10px;
  display: inline;
  background: url(/images/layout/background_sprites.png) repeat-x 0 0;
  visibility: hidden;
}

#menu ul li#start {
  height: 37px;
  width: 6px;
  margin-left: 11px;
  background: url(/images/layout/background_sprites.png) repeat-x 0 -74px;
}

#menu ul li#end {
  height: 37px;
  width: 6px;
  background: url(/images/layout/background_sprites.png) repeat-x -4px -74px;
}

#menu ul li.separator {
  height: 37px;
  width: 1px;
  background: url(/images/layout/background_sprites.png) repeat-x -10px -74px;
}

#menu ul li.unselected_space {
  height: 37px;
  width: 6px;
  background: url(/images/layout/background_sprites.png) repeat-x 0 0;
}

#menu ul li {
  font-weight: bold;
  font-size: 14px;
  height: 37px;
  vertical-align: middle;
  display: block;
  float: left;
  background: url(/images/layout/background_sprites.png) repeat-x 0 0;
}

#menu ul li.selected_before {
  height: 37px;
  width: 5px;
  background: url(/images/layout/background_sprites.png) repeat-x -11px -74px;
}

#menu ul li.selected_after {
  height: 37px;
  width: 5px;
  background: url(/images/layout/background_sprites.png) repeat-x -14px -74px;
}

#menu ul li.selected {
  height: 37px;
  background: url(/images/layout/background_sprites.png) repeat-x 0 -37px;
}

#menu ul li a {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #000;
  font-family: "Arial", "Helvetica", sans-serif;
  font-weight: normal;
}

#menu ul li.selected a {
  color: #fff;
}

#menu ul li.selected a:hover {
  color: #eee;
}

#menu ul li a:hover {
  color: #557;
}








#banner {
  height: 140px;
  background: #f6f7f8 url(/images/layout/background_sprites.png) repeat-x 0 -387px;
}

#banner_start {
  background: url(/images/layout/background_sprites.png) no-repeat 0 -111px;
  display: inline;
  width: 12px;
  height: 119px;
  margin: 10px 0 5px 15px;
  float: left;
}

#banner_mid {
  background: #4d9fb8 url(/images/layout/background_sprites.png) repeat-x 0 -230px;
  display: inline;
  width: 902px;
  height: 119px;
  margin: 10px 0 5px 0;
  float: left;

}

#banner_end {
  background: url(/images/layout/background_sprites.png) no-repeat -12px -111px;
  display: inline;
  width: 12px;
  height: 119px;
  margin: 10px 0 5px 0;
  float: left;
}

#main {
  height: 140px;
  background: #f6f7f8;
}



#tabs {
  height: 27px;
  margin:15px 0 0 20px;
  float: left;
  display: inline;
}

#tabs ul {
  height: 27px;
  display: inline;
}

#tabs ul li {
  font-family:Arial;
  font-size: 13px;
  height: 27px;
  vertical-align: middle;
  display: block;
  float: left;
  margin:0;
  padding:0;
}

#tabs ul li.selected_left {
  width:5px;
  background: #46a2cb url(/images/layout/background_sprites.png) repeat-x 0 -719px;
}

#tabs ul li.selected_mid {
  background: #46a2cb url(/images/layout/background_sprites.png) repeat-x 0 -665px;
}

#tabs ul li.selected_mid div{
  margin:6px 7px 0 7px;
  color:#fff;
}

#tabs ul li.selected_right {
  width:5px;
  background: #46a2cb url(/images/layout/background_sprites.png) repeat-x -5px -719px;
}


#tabs ul li.unselected_left {
  width:5px;
  background: #ddd url(/images/layout/background_sprites.png) repeat-x -10px -719px;
}

#tabs ul li.unselected_mid {
  background: #ddd url(/images/layout/background_sprites.png) repeat-x 0 -692px;
}

#tabs ul li.unselected_mid div{
  margin:8px 7px 0 7px;
  color:#000;
}

#tabs ul li.unselected_right {
  width:5px;
  background: #ddd url(/images/layout/background_sprites.png) repeat-x -15px -719px;
}

#energiberegner_header {
  float: right;
  display: inline;
  margin: 7px 18px 0 0;
}

#content {
  display: inline;
  width: 538px;
  height: 374px;
  float: left;
  margin-left: 18px;
  border-left: 1px solid #bfbfbf;
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
  background: #f4fbfc url(/images/layout/content_backgrounds.png) repeat-x 0 -645px;
}

#content .border_box {
  position:relative;
  overflow: auto;
  width: 532px;
  height: 368px;
}

.content_padding {
  margin: 5px;
}

#buttons {
  display: inline;
  width: 538px;
  height: 45px;
  float: left;
  margin-left: 18px;
  border-left: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
  background: #f4fbfc url(/images/layout/content_backgrounds.png) repeat-x 0 -602px;
}

#buttons .border_box {
  overflow: none;
  width: 532px;
  height: 39px;
}

#cucumber_navigation {
  display: none;
}

#graph {
  display: inline;
  width: 370px;
  height: 222px;
  float: right;
  border: 1px solid #bfbfbf;
  margin-right: 18px;
  background: #f4fbfc url(/images/layout/content_backgrounds.png) repeat-x 0 -189px;
  overflow: hidden;
}

#graph .border_box {
  width: 364px;
  height: 216px;
  overflow: hidden;
}

#chart-container {
  display: inline;
  float: right;
}

#co2_box {
  background: #f4fbfc url(/images/layout/content_backgrounds.png) repeat-x 0 -407px;
  display: inline;
  width: 370px;
  height: 34px;
  float: right;
  margin-right: 18px;
  border-right: 1px solid #bfbfbf;
  border-left: 1px solid #bfbfbf;
  overflow: hidden;
}

#co2_box .border_box {
  overflow: hidden;
  width: 364px;
  height: 28px;
}

#co2 {
  margin: 9px 0 0 0;
  font: 12px Arial;
  text-align: center;
}

#icons {
  background: #f4fbfc url(/images/layout/content_backgrounds.png) repeat-x 0 -441px;
  display: inline;
  width: 370px;
  height: 162px;
  float: right;
  margin-right: 18px;
  border: 1px solid #bfbfbf;
}

#icons .border_box {
  overflow: none;
  width: 364px;
  height: 156px;
}

#pris {
  background: url(/images/layout/pris.jpg) no-repeat;
  width: 194px;
  height: 138px;
  display: inline;
  float: left;
  margin: 12px 0 0 85px;
}

#bear {
  background: url(/images/layout/icons.png) no-repeat;
  width: 106px;
  height: 98px;
  display: inline;
  float: left;
  margin: 34px 0 0 60px;
}

#elspare {
  background: url(/images/layout/icons.png) no-repeat -106px 0;
  width: 108px;
  height: 98px;
  display: inline;
  float: left;
  margin: 34px 0 0 30px;
}


#orange_content {
  background: #fdab41;
}

#orange_left {
  background: url(/images/layout/orange_sprites.png) no-repeat 0 0;
  width: 5px;
  height: 483px;
  float: left;
}

#orange_mid {
  background: #fdab41 url(/images/layout/orange_sprites.png) repeat-x 0 -483px;
  width: 947px;
  height: 483px;
  float: left;
  overflow: hidden;
}

#orange_mid .border_box {
  border: 3px solid #fff;
}

#orange_right {
  background:  url(/images/layout/orange_sprites.png) no-repeat -6px 0;
  width: 5px;
  height: 483px;
  float: right;
}

#footer_content {
  text-align: right;
  margin: 12px;
}

#footer_left {
  background: url(/images/layout/background_sprites.png) no-repeat 0 -534px;
  width: 24px;
  height: 38px;
  float: left;
  border-top:7px solid white;
}

#footer_mid {
  background: url(/images/layout/background_sprites.png) repeat-x 0 -622px;
  width: 925px;
  height: 38px;
  float: left;
  border-top:7px solid white;
}

#footer_right {
  background: url(/images/layout/background_sprites.png) no-repeat 0 -578px;
  width: 24px;
  height: 38px;
  float: left;
  border-top:7px solid white;
}