html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
a img, :link img, :visited img {
border: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
ol, ul {
list-style: none;
}
q:before, q:after, blockquote:before, blockquote:after {
content: "";
}

a:link {
color:#00007F;
}
a:visited {
color:#00007F;
}
a:active {
color:#00007F;
}
a:hover {
color:#ff0000;
text-decoration:underline overline;
}

body {
background-color: #e1ddd9;
font-size: 0.8em;
font-family: Verdana, Arial, Sans-Serif;
color: #000000;
padding: 0px;
margin: 0px;
}

hr {
height:1px;
color:#000000;
}

/* ---Bilder Positionen und Rahmen--- */
.links {
float:left;
margin-right:10px;
padding:2px;
border:1px solid #00005F;
}
.rechts {
float:right;
margin-left:10px;
padding:2px;
border:1px solid #00005F;
}

/* ----------Layout zentrieren-------- */
#container {
width: 980px;
padding: 0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;
}

/* ----------Header-------------- */
#header {
width: 980px;
height: 100px;
padding: 0px;
margin: 0px;
color: #000000;
background-color: #C2CCE1;
background-image:url(grafik/header.jpg);
}
#header h1 {
font-size: 2em;
font-weight:500;
text-align:center;
padding: 15px 0 15px 0;
margin: 0px
}
#header h2 {
font-size: 1.2em;
text-align:center;
padding: 3px 5px;
margin: 0px;
}


/* -----------------Menü--------------------- */
#menu {
width:978px;
height:22px;
padding:0;
margin:0;
border-top:1px solid #000000;
border-left:1px solid #000000;
border-bottom:1px solid #000000;
position:relative;
text-align:center;
z-index: 4000;
}

#menu a, #menu h2 {
font:12px verdana, sans-serif, arial;
display:block;
padding:4px 16px;
color:#000000;
background:#DEDFFE;
border-right:1px solid #000000;
text-decoration:none;
}

#menu h2 {
text-transform: uppercase;
}

#menu a:hover {
color:#FFFFFF;
background:#000040;
}

#menu li {
float:left;
position:relative;
width:163px;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
}

#menu ul ul {
position: absolute;
background: #000000;
border-bottom:1px solid #000000;
margin-left:-1px;
}

#menu ul ul ul {
position: absolute;
top: 0px;
left: 100%;
background: #1F1F1F;
}

#menu ul ul li {
border-left:1px solid #000000;
border-top:1px solid #000000;
}

#menu ul ul ul a:hover {
color:#FFFFFF;
background:#000040;
}

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

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


/* -----------------Content--------------------- */
#content{
width: 960px;
padding: 5px 10px 5px 10px;
margin: 0px;
color: #000000;
background-color: #FFFFFF;
clear:both;
min-height:500px;
}
#content h3 {
font-size: 1.1em;
text-align:center;
}
#content h4 {
font-size: 1em;
text-align:center;
}
#content h5 {
font-size: .9em;
text-align:center;
}
#content p {
padding: 5px 0 5px 0;
}


/*  ----------------Footer---------------------- */
#footer {
width: 980px;
height: 20px;
padding: 0;
margin: 0;
font-size: 0.8em;
color: #000000;
background-color: #C2CCE1;
text-align: center;
}
#footer a {
color: #00AFFF;
text-decoration:none;
}
#footer a:visited {
color: #00AFFF;
}
#footer a:active {
color: #00AFFF;
}
#footer a:hover {
color: #BF0000;
}

.klein {
font:.8em arial, sans-serif, verdana;
}

/* Spezialtabellen */
.table {
background:#DEDFFE;
border:1px solid #000000;
color:#000000;
border-collapse:collapse;
}
.table td {
text-align:left;
border-bottom:1px solid #7F7F7F;
}
.zelle {
width:20px;
}

.button {
background-color:#C1CCE0;
color:#000000;
border:1px solid #000000;
padding:2px;
cursor:pointer;
}

.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:230px;
height:130px;
background: #ACECAC;
border: 1px solid #386238;
padding:10px;
float:right;
}
.oekostrominput {
width:50px;
height:16px;
margin-top:2px;
left:100px;
padding:0;
}
.oekostromsubmit {
width:160px;
height:22px;
background: #1D2F1D;
color:#F0F0F0;
border: 1px solid #386238;
cursor:pointer;
}