body {
         font-family: Tahoma, Helvetica;
         font-size: 11px;
         color: #000;
         background-color: #F5F4F3;
         vertical-align: top;
         text-align: left;
         min-width: 41em;
         width: 98%;
         }

/* Kopfzeile, Banner */
#header {
         margin-bottom: 5px;
         padding: 0.1em;
         }

#header h1 {
         font-size: 3em;
         color: #fff;
         background-color: #3564D0;
         text-align: center;
         margin: 0;
         padding: 25px;
         line-height: 1em;
         }

/* Navigationsleiste, links */
#navigation {
         background: #fff;
         float: left;
         width: 150px;
         margin: 0;
         padding: 0;
         }

#navigation ul {
         min-height: 150px;
         margin: 0;
         padding: 0;
         }

#navigation ul li {
         list-style: none;
         padding: 0.4em;
         }

#navigation ul a {
         display: block;
         color: #000000;
         }

/* Informationsbox, rechts */
div#info {
         background-color: #fff;
         float: right;
         width: 150px;
         padding: 0;
         margin: 0;
         }

/* Hauptteil, mittig */
div#main {
         background-color: #fff;
         margin: 0 150px 0 150px;
         padding: 0;
         text-align: justify;
         }

* html div#main {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
  }

/* Fusszeile */
#footer {
         background-color: #fff;
         margin-top: 0;
         padding: 0.1em;
         text-align: center;
         }

a:link {
        color: #000000;
        text-decoration: underline;
}

a:visited {
        color: #000000;
        text-decoration: underline;
}

a:hover {
        color: #000000;
        text-decoration: none;
}

a:active {
        color: #000000;
        text-decoration: none;
}

a.infobox { border-bottom: 1px dashed ; text-decoration: none; }
a.infobox:hover { cursor:help; color:#c30; background:white; }
a.infobox span {
         visibility: hidden;
         position: absolute;
         left: -99em;
         margin-top: 1.5em;
         padding: 1em;
         text-decoration: none;
         text-align:justify;
         width:10em;
         }

a.infobox:hover span,
a.infobox:focus span,
a.infobox:active span {
         visibility: visible;
         position: absolute;
         left: 5em;
         top: 5em;
         border: 1px solid #006E00;
         color: #006E00;
         background: white;
         }

dl {
         padding-left: 5px;
         }

dt {
         font-weight: bold;
         padding-top: 5px;
         }
dd {
         line-height: 1.7em;
         }

div.content{
         padding: 13px;
         margin: 0;
         line-height: 1.5em;
         }

div.content h2 {
         background-color: #3564D0;
         color: #fff;
         margin: 0;
         font-size: 12px;
         padding-right: 3px;
         padding-left: 8px;
         padding-top: 3px;
         padding-bottom: 4px;
         }

div.content p {
         margin: 0;
         padding: 8px;
         }

div.top_frame {
         background:url('../images/layout/top_frame.jpg') top repeat-x;
         }

div.left_frame {
         background:url('../images/layout/left_frame.jpg') left repeat-y;
         }

div.bottom_frame {
         background:url('../images/layout/bottom_frame.jpg') bottom repeat-x;
         }

div.right_frame {
         background:url('../images/layout/right_frame.jpg') right repeat-y;
         }

div.top_right {
         background:url('../images/layout/top_right.jpg') top right no-repeat;
         }

div.top_left {
         background:url('../images/layout/top_left.jpg') top left no-repeat;
         }

div.bottom_left {
         background:url('../images/layout/bottom_left.jpg') bottom left no-repeat;
         }

div.bottom_right {
         background:url('../images/layout/bottom_right.jpg') bottom right no-repeat;
         }