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

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

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

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

#slogan {
margin:0 0 0 580px;
}
#slogan h1 {
font:bold 17px arial;
color:#FFFFFF;
text-transform:uppercase;
}
#slogan img {
margin:14px 5px 0 0;
float:left;
}

#menu {
margin:72px 0 0 274px;
font-size:1px;
width:700px;
}
.titel {
font:bold 14px "trebuchet ms", arial;
color:#FFFFFF;
text-transform:uppercase;
margin:0;
padding:5px 0 7px 7px;
text-align:center;
}
#menu a {
font:bold 13px arial, sans-serif, verdana;
color:#FFFFFF;
display:block;
margin:0;
padding:8px 0 8px 0;
text-decoration:none;
text-align:center;
}
#menu a:hover {
color:#FFFF00;
background:#1A8442 url(grafik/button-02.jpg) repeat-y;
}
#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-01.jpg) repeat-y;
}
#menu ul ul {
position: absolute;
margin: 0 0 0 -2px;
background:#095D29 url(grafik/button-01.jpg) repeat-y;
}
#menu ul ul ul a:hover {
color:#FFFF00;
background: #000000;
}
#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 0;
margin:0 auto 0 auto;
background:#FFFFFF url(grafik/main-bg01.jpg) repeat;
min-height:750px;
}
#main .clear {
clear:right;
}

#left {
padding:0px;
margin:0px;
width:260px;
background:url(grafik/navigation01.jpg) no-repeat;
}
.tarifrechner {
font:19px "trebuchet ms", arial;
color:#FFFFFF;
text-transform:uppercase;
margin: 0 0 0 60px;
}
.formular {
width:206px;
border:none;
margin:15px 0 0 10px;
padding:0px;
color:#FFFFFF;
font-size:11px;
}
.formular hr {
margin:13px 0 4px 0;
height:1px;
color:#000000;
border-color : #000000;
border-width : 1px 0 0 0;
border-style : solid;
}
.f01 {
float:left;
width:105px;
height:22px;
margin:0;
padding:4px 0 0 0;
font-weight:bold;
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 0;
padding:0;
float:left;
font:11px "trebuchet ms", arial;
}
.f02 img {
margin:4px 0 0 4px;
}
.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:bold;
color:#000000;
display:block;
cursor:pointer;
}
.f05 {
width:27px;
font-weight:bold;
margin: 0 0 5px 0;
}

#inhalt {
width:670px;
margin:0 20px 0 0px;
padding:0 0 10px 0;
background-color:#FFFFFF;
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 0;
margin:0;
}
#inhalt h3, #inhalt h4, #inhalt h5, #inhalt h6 {
font-size: 1.2em;
color:#FFFFFF;
text-align:center;
margin:40px 0 0 0;
padding:4px;
background-color:#989898;
}

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

#unten {
width:950px;
padding:0 0 5px 0;
margin:0 auto 0 auto;
background:#FFFFFF url(grafik/main-bg01.jpg) repeat;
font:.85em arial, sans-serif, verdana;
text-align:center;
}

.r01{
width:520px;
margin:0 0 0 -10px;
float:left;
}
.r02{
margin:21px 0 21px 0;
}

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

hr {
height:1px;
color:#000000;
border-color : #000000;
border-width : 1px 0 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:0px;
padding:0 15px 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;
}

/* Spezialtabellen */
.table {
background-color:#e2e7fa;
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:#000040;
color:#ffffff;
border:5px solid #000040;
cursor:pointer;
}