body {
margin:0;
padding:0;
font:.8em arial, sans-serif, verdana;
color:#000;
background:#088412 url(grafik/bg01.jpg) center top;
background-color:#088412;
}

#oben {
margin:0;
padding:0;
width:100%;
height:229px;
position:absolute;
left:0;
background:#1A3E04 url(grafik/header-bg.jpg) repeat-x;
z-index:-5;
}

#container {
width:980px;
padding:0;
margin:0 auto;
}

#header {
width:980px;
height:200px;
margin:0;
padding:0;
background:#1A3D05 url(grafik/layout.jpg) 0 0 no-repeat;
z-index:-4;
display:block;
}

#slogan {
margin:0 0 0 580px;
}

#slogan h1 {
font:bold 17px arial;
color:#FFF;
text-transform:uppercase;
}

.de {
float:left;
width:24px;
height:12px;
margin:14px 5px 0 0;
background:url(grafik/layout.jpg) -262px -500px no-repeat;
}

#menu {
margin:72px 0 0 274px;
font-size:1px;
width:700px;
}

.titel {
font:bold 14px "trebuchet ms", arial;
color:#FFF;
text-transform:uppercase;
margin:0;
padding:5px 0 7px 7px;
text-align:center;
}

#menu a {
font:bold 13px arial, sans-serif, verdana;
color:#FFF;
display:block;
margin:0;
padding:8px 0;
text-decoration:none;
text-align:center;
}

#menu a:hover {
color:#FF0;
background:#1A8442 url(grafik/button.gif) -131px 0 no-repeat;
}

#menu li {
width:130px;
height:32px;
position:relative;
}

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

#menu ul ul {
position:absolute;
margin:0 0 0 -2px;
background:#095D29 url(grafik/button.gif) 0 0 repeat-y;
}

#menu ul ul {
position:absolute;
margin:0 0 0 -2px;
background:#095D29 url(grafik/button.gif) 0 0 repeat-y;
}

#menu ul ul ul a:hover {
color:#FF0;
background:#000;
}

#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;
}

#main {
width:950px;
padding:0 0 5px;
margin:0 auto;
background:#FFF url(grafik/button.gif) -277px 0 repeat-y;
min-height:750px;
}

#main .clear {
clear:right;
}

#left {
padding:0;
margin:0;
width:260px;
background:url(grafik/layout.jpg) 0 -204px no-repeat;
}

.tarifrechner {
font:19px "trebuchet ms", arial;
color:#FFF;
text-transform:uppercase;
margin:0 0 0 60px;
}

.formular {
width:206px;
border:none;
margin:20px 0 0 10px;
padding:0;
color:#FFF;
font-size:11px;
}

.formular hr {
margin:13px 0 4px;
height:1px;
color:#000;
border-color:#000;
border-width:1px 0 0;
border-style:solid;
}

.f01 {
float:left;
width:105px;
height:22px;
margin:0;
padding:4px 0 0;
font-weight:700;
line-height:22px;
}

.f02 {
height:22px;
}

.f02 input {
width:46px;
height:15px;
margin-top:2px;
padding:0;
float:left;
font:11px "trebuchet ms", arial;
}

.f02 select {
width:83px;
height:20px;
margin:3px 0 8px;
padding:0;
float:left;
font:11px "trebuchet ms", arial;
}

.f03 {
clear:left;
}

.f04 {
width:180px;
height:41px;
margin:8px 0 0 -10px;
padding:5px 0 0 48px;
background:url(grafik/formularbutton.gif) no-repeat;
}

.f04 input {
border:none;
background:none;
margin:3px 0 0 40px;
font-weight:700;
color:#000;
display:block;
cursor:pointer;
}

.tool1 {
margin:-8px 0 0 192px;
width:14px;
height:14px;
background:url(grafik/button.gif) -262px 0;
}

.tool2 {
margin:0 0 0 192px;
width:14px;
height:14px;
background:url(grafik/button.gif) -262px 0;
}

#inhalt {
width:670px;
margin:0 20px 0 0;
padding:0 0 10px;
background-color:#FFF;
float:right;
text-align:justify;
}

#inhalt h2 {
font-size:1.6em;
font-weight:500;
text-align:center;
border-bottom:2px solid #4F4F4F;
padding:0 0 2px;
margin:0;
}

#inhalt h3,#inhalt h4,#inhalt h5,#inhalt h6 {
font-size:1.2em;
color:#FFF;
text-align:center;
margin:40px 0 0;
padding:4px;
background-color:#989898;
}

#tipps {
width:216px;
margin:20px 0 0 10px;
padding:0;
text-align:justify;
}

#unten {
width:950px;
padding:0 0 5px;
margin:0 auto;
background:#FFF url(grafik/button.gif) -277px 0 repeat-y;
font:.85em arial, sans-serif, verdana;
text-align:center;
}

.r01 {
width:680px;
height:262px;
margin:0 0 -10px -10px;
background:url(grafik/layout.jpg) -261px -203px no-repeat;
}

/* Links */
a:link {
color:#00007F;
}

a:visited {
color:#00007F;
}

a:active {
color:#00007F;
}

a:hover {
color:red;
text-decoration:underline overline;
}

hr {
height:1px;
color:#000;
border-color:#000;
border-width:1px 0 0;
border-style:solid;
}

/* Bilder */
.gas {
padding:2px;
border:1px solid #00005F;
}

.links {
float:left;
margin-right:10px;
padding:2px;
}

.rechts {
float:right;
margin-left:10px;
padding:2px;
}

.border {
border:1px solid #00005F;
}

/* LinkBox */
div {
margin:0;
}

.ro {
background-color:#EFEFEF;
background:url(grafik/roundedbox_ro.gif) top right no-repeat;
}

.lo {
background:url(grafik/roundedbox_lo.gif) top left no-repeat;
}

.ru {
background:url(grafik/roundedbox_ru.gif) bottom right no-repeat;
}

.lu {
background:url(grafik/roundedbox_lu.gif) bottom left no-repeat;
}

.inhalt {
margin:0;
padding:0 15px;
}

.inhalt p {
margin:0;
padding:0;
}

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

ul.klein {
list-style:none;
margin:0;
padding:0;
line-height:12px;
}

.strom {
background:url(grafik/layout.jpg) -955px -467px no-repeat;
padding:0 0 0 22px;
line-height:20px;
}

.fotolia {
width:640px;
max-height:300px;
overflow:scroll;
font:.75em arial, sans-serif, verdana;
}

/* Spezialtabellen */
.table {
background-color:#e2e7fa;
border:1px solid #000;
color:#000;
border-collapse:collapse;
}

.table td {
text-align:left;
border-bottom:1px solid #7F7F7F;
}

.zelle {
width:20px;
}

.button {
background-color:#000040;
color:#fff;
border:5px solid #000040;
cursor:pointer;
}
.button2 {
background-color:#001F00;
border:5px solid #002F00;
color:#fff;
cursor:pointer;
}
.button2:hover {
background-color:#000040;
border:5px solid #000060;
}

/* IE7 */
*+html #slogan h1 {
margin:28px 0 0;
}

*+html .f02 {
margin:6px 0 0;
}

*+html .f04 input {
margin:7px 0 0 40px;
}

*+html .tool1 {
margin:-16px 0 0 90px;
}

*+html .tool2 {
margin:-24px 0 0 90px;
}

/* IE6 */
* html body {
behavior:url(csshover.htc);
font-size:.8em;
}

* html #slogan h1 {
margin:28px 0 0;
}

* html #menu {
margin:72px 0 0 272px;
}

* html #menu ul li a {
height:1%;
}

* html #inhalt {
height:750px;
margin:0 10px 0 -3px;
}

* html .r01 {
margin:0 -1px 0 -10px;
float:left;
}

* html .formular {
width:216px;
}

* html .f04 input {
padding:2px 0 0;
}

* html .tool1 {
margin:-10px 0 0 88px;
}

* html .tool2 {
margin:8px 0 0 88px;
}