/* Style Reset */
* {
    padding:0;
    margin:0;
    outline:0;
}
.cl {
    font-size:0;
    line-height:0;
    height:0;
    display:block;
    clear:both;
}
#navigation li a:hover{color:#006aa7; }
#navigation li a.green{color:#006aa7 !important; }
#sub-nav li a{color:#bfdced;}

a{ color:#006aa7; }
a:hover{ color:#bfdced; }

.green{color:#5da02a; }
.blue {color:#006aa7;}
h4{color:#006aa7; font-size:18px;}
.heading h2 span{color:#006aa7; }
.frame #header h3{color:#bfdced; }
.buttons a:hover{color: #bfdced }
#footer ul a:hover{ color:#bfdced; }



/* Main Section */
body{
    background:#fff ;
    font-family:"lucida sans",arial, sans-serif;
    color:#666;
    font-size:12px;
    line-height:18px;
}
a{text-decoration: none; }
a img{border:0; }
.shell{width:950px; margin:0 auto; }
.shell_footer{width:950px; margin:0 auto;height:53px; }
h1,h2,h3,h4,h5 {font-family:Arial;display: block;}

/* Header */
#header{height:116px; background:url(images/header.gif) repeat-x 0 0; overflow:hidden; position:relative; }
.frame #header{height:328px; background:url(images/header2.gif) repeat-x; }
.frame #header h2{text-transform: uppercase; font-size: 2.4em;}
.frame #header h3{text-transform: uppercase; font-size: 1.3em; line-height: 19px;}
.frame #header .slogan {background:url(images/energy.jpg) no-repeat right 0; width:945px; height:192px; margin-top:-35px; padding-top:83px; position:relative; padding-left:9px; }
.frame #header h2{font-size: 29px; line-height:29px; color:#fff; text-transform: uppercase; width:500px; height:70px; overflow:hidden;  position:relative; text-align: left; font-weight: bold;}
.frame #header h3{font-size: 17px; text-transform: uppercase; width:450px; line-height:17px; font-weight: bold; position:relative; text-align: left;}
h1#logo{
	background-image: none;
	font-size: 0;
	line-height:0;
	width:210px;
	height:82px;
	padding-top:12px;
	float: left;
	display: inline;
}
h1#logo a{
	display: block;
	text-indent: -4000px;
	height:82px;
	background:url(images/logo3.gif);
}
h1#logo_sub{
	background-image: none;
	font-size: 0;
	line-height:0;
	width:210px;
	height:82px;
	padding-top:13px;
	float: left;
	display: inline;
}
h1#logo_sub a{
	display: block;
	text-indent: -4000px;
	height:82px;
	background:url(images/logo2.gif);
}
h3{text-transform: uppercase; font-size: 16px; }
h4{font-size: 12px;}
#right-area{margin:0 0 0 auto;}


/* Navigation */
#navigation{height:44px;background:url(images/brd.gif) no-repeat 0 8px; float: left; display: inline; padding-top:14px; padding-left:8px; margin-left:100px; }
#navigation ul{list-style-type: none; font-size:15px;height:44px;}
#navigation li{float: left; display: inline;}
#navigation li a{font-size: 0.8em; float: left; display: inline; line-height:15px; height:32px; text-transform: uppercase; font-weight: bold; text-align: center; color:#252525; padding:0 10px; padding-top:12px; font-family:Helvetica, Arial, sans-serif; width: auto;}
#navigation li a:hover{text-decoration: none; background:url(images/hover.gif) repeat-x}
#navigation li:hover{ background:url(images/hover.gif) repeat-x;}

#sub-nav{ margin:0 25px 0 auto; width:700px; clear:both; top:-15px; position:relative; }


/* Main Content */
#content{background:#fff; }

.heading{ height:82px; padding-top:32px; background:url(images/bg.gif) repeat-x 0 0; }
.headingrechner{ height:3600px; padding-top:32px; background:url(images/bg.gif) repeat-x 0 0; }
.heading h2{ 
	text-transform: uppercase; 
	font-size: 30px; 
	font-weight: normal; 
	float: left; 
	display: inline; 
	color:#2e2e2e; 
	line-height:24px; 
	width:400px; 
	padding-top:10px;
}
	
.heading h3{font-weight: bold; color:#5da02a; width:630px; float: left;line-height:30px; display: inline; text-align: left; top:-8px; position:relative; text-transform:none;  }
.heading h3 { font-size: 2.2em; letter-spacing: -1px; }
.heading h3.right{float:right; }
.heading p {width:630px;}
#main{background:url(images/main.gif) no-repeat; padding-top:27px}


/* Left Column */
.article{width:625px; float: left; display: inline; padding-left:9px; }
.article p{padding-bottom:16px}
.article h3{font-size: 24px;padding-bottom:17px; padding-top:3px; color:#2e2e2e; text-align: left;letter-spacing: -1px; }
.article h4 {font-size: 16px;}
.article ul{list-style-type: none; padding-left:25px;}
.article li{background:url(images/bul.gif) no-repeat 0 7px; padding-left:11px; padding-bottom:20px}

/* Right Column */
.rightside{ width:280px; float:right;margin: 0px 0 0 0;}
.rightside .top{width:280px;margin:0 0 20px 0;}
.rightside .divider { background:url(images/divider.jpg) bottom no-repeat; height:20px;padding-bottom:20px;}
.rightside h3 {color:#006aa7;}
.rightside p {margin:10px 0 20px 0;}

.buttons a{margin:10px 50px 0 0; width:210px;height:43px;float:right;background:transparent url(images/green-btn.gif) no-repeat;text-indent: -4000px;
}

/* Footer */
#footer{background:url(images/ftr.gif) repeat-x; height:53px; color:#fff; }
#footer p{margin:0 0 0 auto; width:250px; font-size: 9px; line-height:53px}
#footer ul{list-style-type: none; font-size: 12px; font-weight: bold; text-transform: uppercase; float: left; display: inline;}
#footer li{float:left; display: inline;}
#footer li a{float:left; display: inline; color:#fff; margin-right:16px; line-height:12px; padding-top:20px; font-weight: bold; font-size: 0.8em; font-family:Helvetica, Arial, sans-serif; }