body {
background-color:#DFDFDF;
font:0.7em Verdana, Arial, Helvetica, sans-serif;
padding:0px;
margin:0px;
color:#000;
}

#container {
width:1004px;
position:absolute;
left:50%;
margin-left:-502px;
background-color:#E8E8D0;
}

#seite {
width:1004px;
background:url(grafik/oben.png) no-repeat top;
margin:0px;
padding:0;
}

#header {
width:1004px;
height:90px;
margin:0;
}
#header h1 {
font-family:verdana,sans-serif,times;
font-size: 2.5em;
font-weight:500;
color:#FFF;
text-align:left;
padding:43px 0 0 45px;
margin:0;
}
.suche {
float:right;
margin:40px 20px 0 0;
}

#menu {
height:70px;
margin:0;
padding:0;
}
#menu ul {
margin:0 0 0 10px;
padding:0;
}
#menu li {
margin:0 10px 0 0;
float: left;
display: block;
text-align:center;
}
#menu li a {
width:120px;
line-height:33px;
color:#FFFFFF;
font-weight: bold;
display: block;
text-decoration: none;
background:url(grafik/menu-button.png) no-repeat;
}
#menu li ul {
display: none;
}
#menu li ul li{
border-right:1px solid #DFDFDF;
margin:2px 0 1px 0;
}
#menu li.off ul, #menu li.on ul {
position: absolute;
left:0px;
top:123px;
}
#menu li.on ul a, #menu li.off ul a {
float:left;
width:auto;
padding:0 10px 0 10px;
line-height:27px;
color:#000;
font-weight:500;
background-image:none;
}
#menu li ul a:hover {
color:white;
background-color:#2F2F2F;
}
#menu li.off:hover ul {
width:100%;
height:70px;
display:block;
z-index:6000;
}

#tarifrechner {
width:874px;
height:216px;
margin:20px 0 0 65px;
background:#ADB70D url(grafik/tarifrechner.png) no-repeat;
overflow:hidden;
}
#tarifrechner h1 {
margin:7px 0;
font:2em verdana, arial, sans-serif;
text-shadow:#FFDF00 3px 2px 4px;
color:#FFF;
}
#tarifrechner form {
padding:30px 0 0 50px;
}
#tarifrechner table {
font:1em Verdana, Arial, Helvetica, sans-serif;
color:#FFF;
}
#tarifrechner td {
height:35px;
font-weight:bold;
padding:3px;
}
.sp {
width:20px;
}
.button {
width:180px;
height:26px;
background-color:#FFF;
color:#000;
border:2px solid #5F5F5F;
cursor:pointer;
}
.button:hover {
background-color:#000;
color:#fff;
}

#content {
width:874px;
margin:20px 0 20px 65px;
}
.links {
width:430px;
float:left;
overflow:auto;
}
.rechts {
width:430px;
float:right;
overflow:auto;
}
.clear {
clear:both;
}

#footer {
width:984px;
height:99px;
padding:10px;
background-color:#999900;
font:0.9em Verdana, Arial, Helvetica, sans-serif;
text-align:center;
}

h2, h3, h4, h5, h6 {
font-family:arial,sans-serif,times;
font-size: 1.5em;
font-weight:800;
text-align:center;
border-bottom:1px solid black;
margin-top:10px;
}

/* allgemeine Links */
a{
font:arial,verdana,sans-serif;
}
a:link{
color: #0000BF;
}
a:visited{
color: #0000BF;
}
a:active{
color: #009F00;
}
a:hover{
color: #BF0000;
text-decoration:underline overline;
}

.datenschutz {
width:182px;
padding:5px 0 5px 0;
margin:0 0 10px 10px;
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#036;
line-height:18px;
}

#oekostromvergleich {
width:240px;
height:120px;
background: #ACECAC;
border: 1px solid #386238;
padding:10px;
float:right;
}
#oekostromvergleich td, #oekostromvergleich th {
font-family:Arial,Helvetica,sans-serif;
font-size:.8em;
color:000000;
}
.oekostrominput {
width:50px;
height:18px;
margin-top:2px;
left:100px;
padding:0;
}
.oekostromsubmit {
width:160px;
height:22px;
background: #1D2F1D;
color:#F0F0F0;
border: 1px solid #386238;
}

.schnellvergleich {
font-family:Arial,Helvetica,sans-serif;
font-size:.8em;
color:000000;
background-color:#E7F9DF;
border:1px solid #000000;
margin:0 0 0 40px;
padding:0;
}

.tariflinks {
width: 630px;
float: left;
overflow:auto;
background-color:#FFFFFF;
}
.tarifrechts {
width: 200px;
float:right;
overflow:auto;
text-align:left;
}

.klein {
font:.8em arial, sans-serif, verdana;
}
ul.klein {
list-style: none;
margin: 0;
padding: 0;
line-height:12px;
}