body{
background-color:#FFFFFF;
font-family:  Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
margin-left:0px;
}

h1 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: #91004b;
        margin-bottom: -10px;
        padding-bottom: 28px;
        background:url(../bilder/back_ueberschrift.gif) no-repeat;
}
h2 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight:bold;
        color: #91004b;
        margin-bottom: -12px;
        padding-bottom: 0px;
}
h3 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight:bold;
        color: #000000;
        margin-top: 20px;
        margin-bottom: -12px;
        padding-bottom: 0px;
}
a {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #5D4F4B;
        text-decoration: none;
        }

a:hover {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #ffffff;
        text-decoration: none;
        }

a:visited {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #5D4F4B;
        text-decoration: none;
        }

a.text {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #91004b;
        text-decoration: none;
        }

a.text:hover {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #91004b;
        text-decoration: none;
        }

a.text:visited {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #91004b;
        text-decoration: none;
        }
a.naviga {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #ffffff;
        text-decoration: none;
        }

a.naviga:hover {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #003F72;
        text-decoration: none;
        }

a.naviga:visited {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #ffffff;
        text-decoration: none;
        }

a.uebersicht {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: #003F72;
        text-decoration: none;
        }

a.uebersicht:hover {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #003F72;
        text-decoration: none;
        }
a.uebersicht:active {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #003F72;
        text-decoration: none;
        }
a.uebersicht:visited {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: #003F72;
        text-decoration: none;
        }


td,th,p,li{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
}
th{
font-weight:bold;
text-align:left;
}
p {
        line-height: 18px;
}

p.wichtig{
        font-weight:bold;
        color: #91004b;
        padding: 2px;
}
.weisswichtig{
        font-weight:bold;
        color: #ffffff;
}
table.formular {
      border: 1px solid #005AA8;
      border-collapse: collapse; /* default ist separate */
      background-color: #003F72;
 }

table.navigation {
      border: 1px solid #FFFFFF;
      border-collapse: collapse; /* default ist separate */
      background-color: #003F72;
 }

th.navigation,td.navigation {
        border:1px white solid;
        padding-top:3px;
        padding-bottom:3px;
        padding-left:5px;
        padding-right:5px;
	color:#FFFFFF;
}

table.inhalt {
      border: 1px solid #005AA8;
      border-collapse: collapse; /* default ist separate */
}
th.inhalt{
        border-right:1px #ffffff solid;
        padding-left:5px;
        padding-right:5px;
        font-weight:bold;
        color:#ffffff;
        background-color:#003F72;
}
th.rand {
        border-right:1px solid #005AA8;
        padding-left:5px;
        padding-right:5px;
        font-weight:bold;
        color:#ffffff;
        background-color:#003F72;
}
td.inhalt_hell {
        padding-left:5px;
        padding-right:5px;
        border-right:1px #003F72 solid;
        text-align:right;
}
td.inhalt_dunkel {
        border-top:1px #003F72 solid;
        border-right:1px #003F72 solid;
        padding-left:5px;
        padding-right:5px;
        text-align:right;
}
td.rand_hell {
        border-right:1px solid #005AA8;
        padding-left:5px;
        padding-right:5px;
        text-align:right;
}

td.rand_dunkel {
        border-top:1px #003F72 solid;
        border-right:1px solid #005AA8;
        padding-left:5px;
        padding-right:5px;
        text-align:right;
}
.input {
border-width:0px;
border-color:#9999FF;
border-style:outset;
padding:5px;
}

.kontakt {
border-width:1px;
border-color:#000000;
}

/*
#################################################
//Definition Bereiche
###################################################
*/

#logo {
        position:absolute;
        top:3px;
        left:18px;
        width:300px;
        height:67px;
        z-index:1;
}
#navigation_top {
        position: absolute;
        top: 5px;
        width: 100%;
        z-index:2;
        /*background-color:red;*/
}
#navigation_daten {
        position: absolute;
        top: 58px;
        left:250px;
        z-index:6;
}
#startbild {
        position: absolute;
        left:16px;
        top: 67px;
        z-index:3;
}
#startkontakt {
        position: absolute;
        left:16px;
        top: 130px;
        z-index:9;
}
#startinhalt {
        position: absolute;
        left:250px;
        top: 90px;
        width:550px;
        z-index:4;
}
#kontaktinhalt {
        position: absolute;
        left:16px;
        top: 90px;
        width:550px;
        z-index:4;
}
#startformular {
        position: absolute;
        left:280px;
        top: 404px;
        z-index:5;
}
#inhalt {
        position: absolute;
        left:250px;
        top: 110px;
        width:550px;
        z-index:4;
}

#navigation {
        position: absolute;
        left:10px;
        top: 140px;
        height:250px;
        width:220px;
        overflow:auto;
        z-index:3;
}
#navigation_zusatz {
        position: absolute;
        left:16px;
        top: 400px;
        z-index:5;
}

#meteocontrol {
        position: absolute;
        left:16px;
        top: 430px;
        z-index:5;
}