body,h1,h2,h3,p,quote,small,form,input,ul,li,ol,label{
	margin:0px;
	padding:0px;
}
body{
	color:#cccccc;
	font-size:13px;
	background: #302b23;
	font-family:Arial, Helvetica, sans-serif;
}
img {
	border:none;
}
ul.container{
	margin:0 138px;
} 
ul.container li{
	list-style:none;
	text-align:left;
	width:144px;
}
ul.container li#fernseher {
	width:90px;
}
ul.container li#geschirrspueler {
	width:124px;
}
ul.container li#waeschetrockner {
	width:136px;
}
ul.container li#kuehlgeraete {
	width:164px;
}
ul.container li#kuehlgeraete ul li {
	width:152px;
}
ul.container li#kuehlgeraete li.button  {
	clear:both;
	width: 152px!important;
}
li.menu {
    display: inline;
    float: left;
    margin-top: 88px;
    padding: 5px 0;
    width: 140px;
	color:#074384;
}
li.menu span {
    color: #074384;
	padding-left:7px;
}

li.button a.blue{
	color:#074384;
}
li.button a.green{
	color:#436800;
}
li.button a{
	display:block;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:16px;
	overflow:hidden;
	position:relative;
	text-decoration:underline;
}
li.button a:hover, li.dropdown ul li a:hover{
	text-decoration:none;
}
li.button a.active {
	color:#9f0000;
	text-decoration:none;
}

.dropdown li {
    margin: 2px 1px 1px;
    padding: 0;
    text-decoration: none;
	clear:left;
}
.dropdown li a.selected {
    color:#9f0000;
	text-decoration:none;
	
}
.dropdown li a {
    color: #074384;
	font-size:11px;
	text-decoration:underline;
	clear:left;
}

.clear{
	clear:both;
}
#main{
	margin:0px auto;
	text-align:center;
	width:976px;
	height:733px;
	position:relative;
	background-image:url(../img/energiesparrechner.jpg);
	background-repeat:no-repeat;
}
.header {
	height:200px;
}
#content {
	display:block;
}

a, a:visited {
	color:#0196e3;
	text-decoration:none;
	outline:none;
}
a:hover{
	text-decoration:underline;
}
a.disabled {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  pointer-events: none;
  cursor: default;
  display:inline-block;
}

.device_old, .consumption, .device_new, .costs_old_number, .costs_middle, .costs_new_number, .savings_text, .savings_number {
	float:left;
}
.device_old_text, .device_old_image, .device_new_image, .consumption_middle, .consumption_bottom {
	display:block;
}
.device_old {
	margin-top:78px;
	margin-left:30px;
	clear: both;
}
.device_old_text, .device_new_text {
    color: #FFFFFF;
    font-family: Arial,sans-serif;
    font-size: 28px;
    font-weight: bolder;
    margin-left: 10px;
    margin-top: 18px;
    position: absolute;
    text-align: center;
    width: 386px;
}

.device_new_text {
    margin-left: 45px;
}
.device_new {
   position:absolute;
   top:280px;
   left:474px;
   width:474px;
}
.device_new_image {
   	width: 200px;
	background-repeat:no-repeat;
	background-position:0 center;
}
.consumption_old {
	margin:20px;
}
.consumption_old_top {
    color: white;
    margin-left: 20px;
    position: absolute;
    text-align: left;
    top: 271px;
}
.consumption_new {
	margin:20px;
}
.consumption_new_top {
    color: white;
    left: 171px;
    margin-right: 24px;
    position: absolute;
    text-align: right;
    top: -9px;
}
.consumption_middle {
    font-family: Arial,sans-serif;
    height: 126px;
    margin-left: 17px;
    margin-top: 90px;
    position: absolute;
}
.consumption_middle ul {
	margin:30px 0 10px 60px;
	display:inline;
}
.consumption_middle ul li {
	line-height:16px;
	text-align:center;
	float:left;
	width:125px;
}
.consumption_middle ul li a {
	color:white;
}
.consumption_hours_snippet {
	float:right;
	font-family: Arial, sans-serif;
}
.costs {
    clear: both;
    height: 40px;
    margin: 20px;
    width: 700px;
}
.costs_old_number {
    color: #FFFFFF;
    font-size: 23px;
    left: 365px;
    position: absolute;
    top: 499px;
	font-weight:700;
}
.costs_new_number {
    color: #FFFFFF;
    font-size: 23px;
    left: 527px;
    position: absolute;
    top: 499px;
	font-weight:700;
}
.costs_middle {
	margin-left:100px;
	margin-right:86px;
}
.savings {
	margin:20px 0 0 390px;
}
.savings_text {
	margin-right:10px;
}
.savings_number {
    color: #55B004;
    font-family: Arial,sans-serif;
    font-size: 42px;
    font-weight: 700;
    height: 34px;
    left: 699px;
    line-height: 40px;
    position: absolute;
    top: 556px;
    width: 176px;
}
#mainselection {
    font-family: Arial,sans-serif;
    font-size: 23px;
    margin: 94px 0 0 57px;
    position: absolute;
}
#energyValue li {
    display: inline;
    float: left;
    line-height: 16px;
    width: 88px;
	
}
#energyValue li a,#consList li a {
    background-image: url(../img/checkbox1.png);
    background-repeat: no-repeat;
    padding-left: 3px;
    padding-top: 25px;
	color:#FFF;
}
#energyValue li a.active {
	background-image:url(../img/checkbox2.png);
	background-repeat:no-repeat;
	color:#9f0000;
}
#energyValue li a:hover {
	text-decoration:none;
}
#consList li {
	list-style:none;
}
#consList li a {
    background-image: url(../img/checkbox1.png);
    background-repeat: no-repeat;
	background-position:26px 0px;
    color:#FFF;
    padding-left: 5px;
    padding-top: 25px;
	text-decoration:underline;
	list-style:none;
}
#consList li a.active {
	background-image:url(../img/checkbox2.png);
	background-repeat:no-repeat;
	color:#FFF;
	text-decoration:none;
}
.products {
    color: #19407A;
    font-family: Arial,sans-serif;
    left: 770px;
    position: absolute;
    top: 440px;
}
.products a {
	color:#19407a;
	text-decoration:none;
	font-weight:normal;
}
.products a:hover {
	text-decoration:underline;
}