body { font-family: arial, verdana, georgia, sans-serif;
       font-size:16px; /* 1.0em */
       margin:10px 0; padding:0;
       background:#ddd;
       text-align:center;
     }

#container { width:776px; margin:auto; text-align:left;
            /* height:520px; padding:7px; border:1px solid; */
           }
#container-print { margin:auto; padding:0 8px; text-align:left; }

h1 { font-size:1.45em; margin:0 0 14px 0; }
h2 { font-size:1.25em; }

ul { margin-left:0.1em; padding-left:1.25em; margin-top:-10px; }

a             { color:#000; }    /* 003d82 */
a:hover       { color:#f0f0f0; }
.content-lu a { color:#b9de8a; }

a.phase       { color:#000; font-size:1.1em; font-weight:bold; text-decoration:none; }
a.phase:hover { color:#000; font-style:italic; }

img.bild-links  { float:left; clear:left; margin:5px 10px 10px 0; }
img.bild-rechts { float:right; clear:right; margin:5px 0 10px 10px; }

.linkespalte  { float:left; width:206px; margin:0 10px 0 0; }
.rechtespalte { float:left; width:206px; margin:0 0 0 10px; }

p.tlinks            { float:left; margin:0 10px 0 0; }
table.historie, td  { margin:0; padding:0; vertical-align:top; }

table.rahmen    { margin:0 0 15px 1px; border-collapse:collapse; width:90%; float:left;
                  font-size:1.0em; border:1px solid black;}
table.rahmen td { border:1px solid black; padding:3px; vertical-align:top; }
table.rahmen th { border:1px solid black; padding:3px 6px; background:#8faa63; vertical-align:top; }
td.center       { text-align:center; }

#kontaktform    { width:415px; margin:0; }
#kontaktform input, #kontaktform textarea { width:296px; }

input, textarea {  border:1px solid #000; background:#b2d47d; }
.input_fehlt    {  background:#ddd; }
.input_fehler   {  background:#f33; }

.clear   { clear:both; }

/* ----------------------- Struktur ------------------------ */
.block { background:url(../images/bl.gif) 0 100% no-repeat #e68200; width:20em; }
.br    { background:url(../images/br.gif) 100% 100% no-repeat; height:222px; }
.tl    { background:url(../images/tl.gif) 0 0 no-repeat }
.tr    { background:url(../images/trx.gif) 100% 0 no-repeat; }

div.linke-spalte { width:256px; float:left; }

div.navi     { width:256px; height:222px; color:#c3dfa4;
               background-image:url(../images/bl-1.gif); background-color:#003d82; }
div.navi .br { background-image:url(../images/br-1.gif) }
div.navi .tl { background-image:url(../images/tl-1.gif) }
div.navi .tr { background-image:url(../images/tr-1.gif) }
div.navi-tr  { padding:10px 12px; }

div.links-unten     { width:256px; height:222px; position:absolute; top:294px;
                      background-image:url(../images/bl-3.gif); background-color:#000; }
div.links-unten .br { background-image:url(../images/br-3.gif) }
div.links-unten .tl { background-image:url(../images/tl-3.gif) }
div.links-unten .tr { background-image:url(../images/tr-3.gif) }

div.content-lu      { width:206px; padding:30px 25px 10px 25px; color:#b9de8a;
                      font-size:0.7em; font-weight:bold; line-height:1.5em;
                    }
div.content-lu2     { width:200px; padding:4px 28px; color:#b9de8a;
                      font-size:0.7em; font-weight:bold; line-height:1.5em;
                    }
div.content-lu-gr   { width:200px; padding:4px 28px; color:#b9de8a;
                      font-size:1.0em; font-weight:bold; line-height:1.5em;
                    }

div.rechte-spalte   { width:512px; height:430px; float:right; margin-left:8px; }

div.cont-oben       { width:512px; height:222px;
                      background-image:url(../images/bl-2.gif); background-color:#b2d47d; }
div.cont-oben .br   { background-image:url(../images/br-2.gif) }
div.cont-oben .tl   { background-image:url(../images/tl-2.gif) }
div.cont-oben .tr   { background-image:url(../images/tr-2.gif) }

div.cont-unten      { width:512px; height:222px; margin-top:8px;
                      background-image:url(../images/bl-4.gif); background-color:#8faa63; }
div.cont-unten .br  { background-image:url(../images/br-4.gif) }
div.cont-unten .tl  { background-image:url(../images/tl-4.gif) }
div.cont-unten .tr  { background-image:url(../images/tr-4.gif) }

div.cont-oben-unten     { width:512px; height:452px;
                          background-image:url(../images/bl-2.gif); background-color:#b2d47d; }
div.cont-oben-unten .br { background-image:url(../images/br-2.gif); height:452px; }
div.cont-oben-unten .tl { background-image:url(../images/tl-2.gif) }
div.cont-oben-unten .tr { background-image:url(../images/tr-2.gif) }

div.cont-oben-unten-2     { width:512px; height:452px;
                            background-image:url(../images/bl-4.gif); background-color:#8faa63; }
div.cont-oben-unten-2 .br { background-image:url(../images/br-4.gif); height:452px; }
div.cont-oben-unten-2 .tl { background-image:url(../images/tl-4.gif) }
div.cont-oben-unten-2 .tr { background-image:url(../images/tr-4.gif) }

div.content                { padding:30px 30px; font-size:0.75em; line-height:1.5em; }
.scrolltext, .scrolltext-p { height:162px; overflow:auto; }
.scrolltext-p p            { height:162px; }
.scrolltext-ou             { height:392px; overflow:auto; }
.scrolltext-obox           { height:130px; overflow:auto; }
.scrolltext-obox-2         { height:161px; overflow:auto; }
.scrolltext-start          { height:95px; overflow:auto; }
#z1                        { margin-top:0; }

div.top-logo { width:200px; float:left; height:44px; margin:0 0 10px 16px; }
div.topnav   { width:488px; float:right; height:16px; margin:28px 16px 10px 8px; text-align:right;
               font-size:0.8em; }
div.topnav a { text-decoration:none; color:#000; font-weight:bold; }

#footer      { clear:both; width:776px; position:absolute; top:517px;
               text-align:center; padding-top:6px; font-size:0.75em; }

#footer-print { padding-top:16px; font-size:0.65em; }

#footer a, #footer-print a  { text-decoration:none; color:#000; }

.druckansicht { text-align:right; font-size:0.85em; }