body { background: #0a2033 url(/fileadmin/energy/images/bg_gradient.png) repeat-x 0 0; }

#page_container { background: #fff url(/fileadmin/energy/images/bg_page.gif) repeat-y 0 0; width: 866px; margin: 0 auto; }
#page_container_inner { background: transparent url(/fileadmin/energy/images/bg_pagecontainer.png) no-repeat 0 0; width: 850px; padding: 0 8px; overflow: hidden; position: relative; }


/*	HEADER
=============================================================================*/

#header { background: #000; height: 56px; margin-bottom: 62px; }
#header h1 { margin: 0; }
#header h1 a { display: block; width: 200px; height: 56px; background: transparent url(/fileadmin/energy/images/logo_header.gif) 15px 50% no-repeat; text-indent: -5000px; }


/*	NAVIGATION
=============================================================================*/

#nav { position: absolute; top: 68px; left: 18px; z-index: 1000; background: transparent url(/fileadmin/energy/images/nav.png) 0 -36px no-repeat; width: 830px; height: 36px; }

  #nav ul { list-style: none; margin: 0; }
  #nav li { float: left;  }
  #nav li a { display: block; height: 36px; background: transparent url(/fileadmin/energy/images/nav.png) 0 0 no-repeat; text-indent: -5000px; }
  #nav li a:hover { background-image: none; }
  #nav li.nav_about a     { background-position: 0 0; width: 165px; }
  #nav li.nav_products a  { background-position: -165px 0; width: 179px; }
  #nav li.nav_assets a    { background-position: -344px 0; width: 144px; }
  #nav li.nav_careers a   { background-position: -488px 0; width: 88px; }
  #nav li.nav_resources a { background-position: -576px 0; width: 254px; }
  
  .about #nav li.nav_about a         { background: url(/fileadmin/energy/images/nav.png) 0 -72px; }
  .products #nav li.nav_products a   { background: url(/fileadmin/energy/images/nav.png) -165px -72px; }
  .assets #nav li.nav_assets a       { background: url(/fileadmin/energy/images/nav.png) -344px -72px; }
  .careers #nav li.nav_careers a     { background: url(/fileadmin/energy/images/nav.png) -488px -72px;}
  .resources #nav li.nav_resources a { background: url(/fileadmin/energy/images/nav.png) -576px -72px; }
  
  /* Superfish Drop-down/Flyout menu Styles */

  .sf-menu ul { position: absolute; top: -999em; }
  .sf-menu ul li { width: 100%; }
  
  .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
  .sf-menu li { position: relative; }
  
  .sf-menu li li { border-bottom: 1px solid #28425b; }
  .sf-menu li li a { display: block; position: relative; background-image: none !important; text-indent: 0 !important; color: #fff !important; height: 24px !important; line-height: 24px; padding: 0 15px; width: 145px !important; }
  
  .sf-menu li:hover ul,
  .sf-menu li.sfHover ul {
  	background: rgb(10, 32, 51);
  	background: rgba(10, 32, 51, 0.9);
  	left: 0;
  	top: 36px; /* match top ul list item height */
  	width: 175px;
  	margin: 0;
  	z-index: 9999;
  	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); }
  	
  .sf-menu li:hover a,
  .sf-menu li.sfHover a { background-image: none !important; }
  
  .sf-menu li li a:hover { background: #405b75 !important; }

/* AUX NAV (in header) */

#nav_aux { position: absolute; top: 26px; right: 0; font-size: 12px; }

  #nav_aux li { display: inline; border-left: 1px solid #666; padding: 0 1em; }
  #nav_aux li:first-child { border-left: none; }
  #nav_aux a { color: #ccc; }
  #nav_aux a:hover { color: #fff; }

/* Sub-navigation (left menu) */

#subnav { float: left; width: 220px; margin-left: 10px; }

  #subnav h3 { text-transform: uppercase; font-size: 13px; font-weight: 200; letter-spacing: 1px; margin: 1px 0 20px 10px; }
  #subnav h3 a { color: #a6a6a6; }
  
  #subnav ul { list-style: none; margin: 0; border-top: 1px solid #eaeaec; }
  #subnav li { border-bottom: 1px solid #eaeaec; }
  #subnav li a { display: block; color: #666; line-height: 2; padding-left: 10px; }
  #subnav li a:hover { color: #222; background-color: #efefef; }
  #subnav li.selected a { color: #222; font-weight: bold; background: transparent url(/fileadmin/energy/images/arw_red.gif) 96% 50% no-repeat; }
  
  #subnav li ul { display: none; }
  #subnav li li { border: none; font-size: 11px; }
  #subnav li.selected ul { display: block; border-top: 1px solid #fff; margin-top: -1px; margin-bottom: 8px; }
  #subnav li.selected li a {  padding-left: 20px; font-weight: normal; color: #666; background: none; }
  #subnav li.selected li a:hover { color: #222; background-color: #efefef; }
  #subnav li.selected li.selected a { font-weight: bold; color: #222; background-color: #fff; }


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

#content { float: right; width: 470px; margin-right: 130px; min-height: 375px; }

img.overview { position: relative; right: -10px; margin-bottom: 5px; }

.breadcrumbs { float: right; width: 600px; background: #e6e6e6; list-style: none; margin: 0 10px 10px 0; height: 21px; }

  .breadcrumbs li { display: inline; background: none; padding-left: 0; }
  .breadcrumbs li a { display: inline-block; color: #8d8d8d; text-transform: uppercase; font-weight: 200; font-size: 12px; height: 21px; line-height: 21px; background: transparent url(/fileadmin/energy/images/arw_bcrumb.gif) 0 0 no-repeat; padding: 0 5px 0 20px; }
  .breadcrumbs li a:hover { color: #222 }


/*	FOOTER
=============================================================================*/

#footer { float: left; clear: both; width: 830px; background: #0a2033 url(/fileadmin/energy/images/bg_footer.gif) 0 0 no-repeat; padding: 34px 18px 0; color: #eee; font-size: 11px; }

  #footer .outline { list-style: none; margin: 0 20px 0 0; float: left; width: 110px; }
  #footer .outline li { margin-bottom: 1em; }
  #footer .outline a { color: #eee; text-transform: uppercase; font-weight: bold; display: inline-block; border-bottom: 1px dotted #0a2033; }
  #footer .outline a:hover { color: #fff; border-bottom-color: #fff; }
  #footer .outline ul { list-style: none; margin: 0 0 1em; }
  #footer .outline li ul { margin-top: .5em; }
  #footer .outline li li { margin-bottom: 0; }
  #footer .outline li li a { display: inline; text-transform: none; font-weight: normal; margin: 0; }
  
  #footer .vcard,
  #footer .copyright { float: right; clear: right; text-align: right; width: 180px; }
  #footer .vcard .org { background: transparent url(/fileadmin/energy/images/logo_footer.gif) 100% 0 no-repeat; float: right; width: 100%; height: 18px; }
  
.vcard { }

  .vcard .org strong { display: none; }
  .vcard .adr, .vcard .telecommunications { margin-bottom: 1em; }
  .vcard .adr p, .vcard .telecommunications p { margin-bottom: 0; }


/*	HOMEPAGE
=============================================================================*/

.home #banner { background: transparent url(/fileadmin/energy/images/banner_1.jpg) no-repeat 0 0; height: 216px;  margin: -2px 10px 0; }
.home #banner p { text-indent: -5000px; }

.home #content { margin: 0 10px 0; width: 830px; min-height: 100px; }
.home #content h1,
.home #content h2 { font-size: 14px; text-transform: uppercase; font-weight: 500; }

.home .welcome { float: left; width: 310px; margin: 0 20px 0; }
.home .welcome h1 { background: #7a94a6; color: #fff; padding: 20px 10px 5px; }
.home .welcome p { padding: 0 10px; }

.home .feature { float: left; width: 230px; margin: 0 0 0 10px; position: relative; }
.home .feature h2 { color: #069; font-weight: 700 !important; padding-bottom: 3px; border-bottom: 1px solid #eaeaea; margin-bottom: 10px; }
.home .feature img { border: 1px solid #eaeaea; margin: 0; z-index: 5;  }
.home .feature .button { display: block; height: 45px; width: 328px; text-indent: -5000px; z-index: 10; position: absolute; top: 164px; left: 1px; }
.home .feature .button:hover { background-position: 0 -45px; }
.home .feature .btn_timeline { background: transparent url(/fileadmin/energy/images/feature_btn_timeline.png) 0 0 no-repeat; }
.home .feature .btn_careers  { background: transparent url(/fileadmin/energy/images/feature_btn_careers.png) 0 0 no-repeat; }

.home #footer .outline a { color: #6e8daa; }
.home #footer .outline a.bright { color: #eee; }


/*	NEWS
=============================================================================*/

.news_single_title { font-size: 18px; color: #222; text-transform: none; font-weight: normal; margin: 0 0 1em; }
td.news_list_date { padding-left: 0; }

#dsl0 { display: none !important; visibility: hidden !important; }