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

#container {
width:1000px;
position:absolute;
left:50%;
margin-left:-500px;
background:#FFFFFF url(grafik/back.png) repeat-x;
}

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

#header {
width:941px;
height:252px;
margin:0 0 0 30px;
background:#1F1F1F url(grafik/header.png) no-repeat;
}

#tarifrechner {
width:581px;
height:252px;
margin:0 0 0 360px;
}
#tarifrechner h1 {
margin:7px 0;
font:bold 1.4em verdana, arial, sans-serif;
text-shadow:#FFBF00 3px 2px 4px;
color:#FFFF00;
}
#tarifrechner form {
padding:0 0 0 20px;
}
#tarifrechner table {
font:1em Verdana, Arial, Helvetica, sans-serif;
color:#FFF;
}
#tarifrechner td {
height:35px;
padding:3px;
}
.sp {
width:20px;
}
.button {
background-color:#FFF;
color:#000;
border:2px solid #5F5F5F;
padding:2px;
cursor:pointer;
}
.button:hover {
background-color:#000;
color:#fff;
}

#menue {
width:941px;
height:52px;
margin:0 30px;
}
#menu {
margin:26px 0 0 0;
font-size:1px;
float:right;
}
.titel {
font:14px 'trebuchet ms',arial;
margin:0;
padding:4px 0 4px;
text-align:center;
color:#000;
background:url(grafik/menu-button.png);
}
#menu a {
font:12px 'Times New Roman',arial,sans-serif,verdana;
color:#000;
display:block;
margin:0;
padding:8px 0 5px;
text-decoration:none;
text-align:center;
}
#menu a:hover {
color:#007F00;
font-weight:bold;
}
#menu li {
width:127px;
position:relative;
}
#menu ul {
list-style:none;
margin:0 0 0 2px;
padding:0;
float:right;
}
#menu ul ul {
margin:0;
padding:0 0 15px 0;
min-height:120px;
position:absolute;
background:#FDFDFD url(grafik/menu.png) bottom no-repeat;
z-index: 30000;
}
#menu ul ul li {
width:127px;
}

#menu ul ul,#menu ul li:hover ul ul {
display:none;
}
#menu ul li:hover ul,#menu ul ul li:hover ul {
display:block;
}

#contento {
width:941px;
height:10px;
margin:0 0 0 30px;
background:#FFFFFF url(grafik/contento.png) no-repeat;
}
#content {
width:921px;
margin:0 0 0 30px;
min-height:450px;
background-color:#FFFFFF;
padding:1px 10px 10px 10px;
}
.links {
width: 455px;
float: left;
overflow:auto;
}
.rechts {
width: 455px;
float:right;
overflow:auto;
}
.clear {
clear:both;
}

#footer {
width:921px;
height:99px;
margin:0 0 30px 30px;
padding:10px;
background:#CCFFCC url(grafik/footer.png) no-repeat;
text-align:center;
}

.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;
margin:0 auto;
}
#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;
cursor:pointer;
}

.tariflinks {
width: 660px;
float: left;
}
.tarifrechts {
width: 230px;
float:right;    
}

h2, h3, h4, h5, h6 {
font-family:arial,sans-serif,times;
font-size:1.4em;
font-weight:bold;
text-align:center;
}

/* IE6 */
* html #menu {
behavior: url(/csshover.htc);
font-size:.8em;
}
* html #tarifrechner td {
padding:2px;
}
* html #contento {
margin:-2px 0 0 30px;
}
* html #header {
overflow:hidden;
}

/* IE 7 */
*+ html .button {
margin-top:-6px;
}