body {
        font: 100%/1.4  Arial, Calibri, sans-serif, Verdana, Helvetica;
        background: #E5E5E5;
        margin: 0;
        padding: 0;
        color: #000000;
}

/* ~~ Element-/Tag-Selektoren ~~ */

h1 {    font-size: 14x;
        text-align: center
        line-height: 20x;
        margin-top: 0px;
        padding-right: 15px;
        padding-left: 15px}

h2, h3, h4, h5, h6, p, ul {
        margin-top: 0;
        padding-right: 15px;
        padding-left: 15px;
}

a img {
        border: none;
}

Li.normal {
 display: inline;
 padding-left: 20px;
 padding-right: 40px;
 border-right: 2px dotted black;
 margin: 0;
 padding-bottom: 0px;
 padding-top: 0px;
 float: top;
}





Li.fuss {
 display: inline;
 padding-left: 265px;
 padding-right: 10px;
 border-right: 5px; black;
 margin: 0;
 padding-bottom: 0px;
 padding-top: 0px;
 float: top;
}


a:link {
        color:#414958;
        text-decoration: underline;
}
a:visited {
        color: #4F4F4F;
        text-decoration: underline;
}
a:hover, a:active, a:focus {
        text-decoration: none;
        color: #C04000
}

.container {
        width: 1010px;
        background-image:url(Images/Back1.jpg);
        background-repeat:repeat-y;
        background-position: top;
        margin: 0 auto;
}


.header {
        background: #C00040;
        width:1010px;
        height: 110px;
}


.legende {
        width: 100%;
        padding: 1px ;
        background-image:url(Images/Back3.jpg);
        background-repeat:repeat-y;
        background-position: top;
        position: relative;
                               }

.legende a {
        padding: 5px 5px 5px 5px;
        text-decoration: none;
        background:#6F7D94;
        color:#000000;
}

.legende a:hover, a:active, a:focus {
         padding: 5px 5px 5px 5px;
         background: #DFDFDF;
         color: #C04000;
}
.legende a:visited {
         color:#4F4F4F;
}

.sidebar1 {
         display: inline;
         font: 100%/1.4  Arial, Calibri, sans-serif, Verdana, Helvetica;
         font-size: 16px;
         line-height: 18x;
         float: right;
         width: 25%;
         background-image:url(Images/Back2.jpg);background-repeat:repeat-y;
         background-position: right; top;
         padding-bottom: 10px;
         }

.sidebar1 a {
        padding: 5px 5px 5px 5px;
        text-decoration: underline;
        background: #BEC2C3;
        color: #0070C0;
}

.sidebar1 a:hover, a:active, a:focus {
         padding: 5px 5px 5px 5px;
         background: #DFDFDF;
         color: #C04000;
}

.sidebar1 a:visited {
         color:#5F5F5F;
}


.content {
        padding: 10px 0;
        width: 70%;
        float: right;

}


.content ul, .content ol {
        padding: 0 15px 15px 40px;
}

dd.Aal { margin-left:25px;
         margin-top:4px;
         font-weight: bold;
         }

dl.Aal {float:right;
       margin-right:10px;
       }

dd.Aal-2 { margin-left:25px;
         margin-top:4px;
         font-weight: bold;
         }

dl.Aal-2 {float:left;
       margin-right:10px;
       }

/* ~~ Fußzeile ~~ */
.footer {
        padding: 2px;
        background-image:url(Images/Back3.jpg);
        background-repeat:repeat-y;
        background-position: top;
        position: relative;
        clear: both;
}

/* ~~ Verschiedene float/clear-Klassen ~~ */
.fltrt {
        float: right;
        margin-left: 8px;
}
.fltlft {
        float: left;
        margin-right: 8px;
}
.clearfloat {
        clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
}

</style>

<!--[if lte IE 7]>

<style>

.content { margin-right: -1px; } /* Dieser negative Rand mit 1 Pixel hat in jeder Spalte in diesem Layout die gleiche korrigierende Auswirkung. */
ul.nav a { zoom: 1; }  /* Mit der zoom-Eigenschaft erhält IE den Auslöser hasLayout, der erforderlich ist, um den zusätzlichen Leerraum zwischen den Hyperlinks zu korrigieren. */

</style>
<![endif]-->