#center1  { text-align: center; visibility: visible; display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; overflow: visible }
#center2   { margin-left: -450px; position: absolute; top: -290px; left: 50%; width: 900px; height: 560px }


body              { background-color: #5e7099; background-repeat: repeat; margin: 0; padding: 0 }
p                        { color: #000; font-size: 10pt; font-family: Arial; font-weight: normal; line-height: 18pt; padding-bottom: 2pt }
ul        { }
ul li                    { color: black; font-size: 10pt; font-family: Arial; line-height: 16pt; list-style-type: square; list-style-position: inside; display: list-item; margin-left: 10px }
h1                          { color: #003362; font-size: 16pt; font-family: Arial; font-weight: normal; padding-bottom: 10px }
h2                            { color: #bcbf00; font-size: 10pt; font-family: Arial; font-weight: bold; line-height: 18pt; padding-top: 10px; padding-bottom: 2px }
h3        { color: #91a1c4; font-size: 13pt; font-family: Arial; line-height: 18pt; padding-bottom: 10px }
td { color: black; font-size: 10pt; font-family: Arial }
.klein     { font-size: 8pt; font-family: Arial }
.link    { font-size: 8pt }
a                       { font-weight: bold; text-decoration: none }
a:link                { color: #91a1c4; text-decoration: none }
a:visited              { color: #91a1c4; text-decoration: none }
a:hover                 { color: #003362; text-decoration: none }
a:active                 { color: #003362; text-decoration: none }
a:visited:hover                 { color: #003362; text-decoration: none }
.bildrechts           { text-align: right; margin: 8px 20px; padding: 0; float: right; clear: right }
.bildrahmenrechts          { text-align: right; margin: 8px 12px 8px 20px; padding: 0; border: solid 4px #91a1c4; float: right; clear: right }
.bildrahmen   { margin-bottom: 4px; border: solid 4px #91a1c4 }
/* Boxes */
#hintergrund                     { background-color: white; text-align: left; visibility: visible; margin: 0; padding: 0; z-index: 1; width: 900px; height: 555px }
#frameoben  { margin: 0; padding: 0; z-index: 2; top: 0; left: 0; width: 900px; height: 113px; float: left }
#email    { font-size: 7pt; font-family: Arial; line-height: 12pt; text-decoration: none; text-align: right; margin: 0; padding: 0; position: relative; z-index: 3; top: 15px; left: 690px; width: 200px; height: 20px }
#logo  { background-image: url(../bilder-kunststoff-metalltechnik/hager-kunststoff-gelb.gif); background-repeat: no-repeat; visibility: visible; margin: 0; padding: 0; z-index: 4; width: 613px; height: 62px }
#framemitte { margin: 0; padding: 0; position: relative; z-index: 5; top: 0; left: 0; width: 900px; height: 436px; float: left }
#framelinks  { background-color: #003362; margin: 0; padding: 0; position: relative; z-index: 6; top: 0; left: 0; width: 212px; height: 436px; float: left }
#menu    { background-image: url(../bilder-kunststoff-metalltechnik/building-hager-2010-3.jpg); background-repeat: no-repeat; background-position: left bottom; text-align: left; visibility: visible; margin: 0; padding: 0; position: relative; z-index: 9; top: 0; left: 0; width: 212px; height: 436px; float: left }
#leerraum   { position: relative; top: 0; left: 0; width: 76px; height: 436px; float: left }
#inhalt                                                   { color: #c1d7e3; font-family: Arial; text-align: left; visibility: visible; margin: 0; padding: 0; position: relative; z-index: 7; top: 40px; left: 0; width: 612px; height: 396px; float: left; overflow: auto }
#frameunten   { margin: 0; padding: 0; position: relative; z-index: 8; top: 0; left: 0; width: 900px; height: 6px; float: left }
#print   { position: absolute; z-index: 800; top: 4px; left: 636px; width: 60px; height: 30px; float: right }
#bilderhome       { color: #91a1c4; text-decoration: none; text-align: right; padding: 0; position: absolute; top: 20px; left: 522px; width: 90px; height: 300px }
.bilderhome   { }
#bilderhome ul  { list-style-type: none; margin: 0; padding: 0; width: 90px; float: right }
#bilderhome li
       { text-align: right; white-space: nowrap; list-style-type: none; list-style-position: inside; display: list-item; margin: 0 0 4px; padding: 0; width: 80px; float: right }

#bilderhome li a
           { text-decoration: none; margin: 0; padding: 0; float: right; border-width: 4px }

#bilderhome li a:link          { list-style-image: none; margin: 0; padding: 0; border: solid 4px #91a1c4 }
#bilderhome li a:visited           { margin: 0; padding: 0; border: solid 4px #91a1c4 }

#bilderhome li a:hover
         { margin: 0; padding: 0; border: solid 4px #003362 }

#bilderhome li a:active
        { margin: 0; padding: 0; border: solid 4px #003362 }


.mini   { font-size: 8pt; line-height: 12pt }
#copy         { font-size: 8pt; font-family: Verdana; font-weight: bold; text-align: right; position: absolute; z-index: 20; top: 8px; left: 0; width: 890px; height: 14px; overflow: hidden }
#copy a                        { font-weight: normal; text-decoration: none }
#copy a:link               { color: #003362; font-size: 7pt; font-family: Verdana; font-weight: normal; text-decoration: none }
#copy a:visited              { color: #003362; font-size: 7pt; text-decoration: none }
#copy a:hover                { color: black; font-size: 7pt; text-decoration: none; background-color: #e7e74e }
#copy a:active               { color: #000; text-decoration: none; background-color: #e7e74e }


#navlist
       { background-position: right 0; text-align: right; margin: 0; position: relative; z-index: 10; top: 0; left: 0; width: 188px; height: 386px; float: right; border-width: 0 }
#navlist ul { list-style-type: none; margin: 50px 0 0; padding: 0; width: 188px; float: right }
#navlist li
       { font-family: Arial; font-weight: normal; line-height: 22px; text-align: right; white-space: nowrap; list-style-type: none; list-style-position: inside; display: list-item; margin: 0; width: 188px; float: right }

#navlist li a
           { font-size: 10pt; font-weight: normal; line-height: 22px; text-decoration: none; margin: 0; padding-right: 24px; width: 188px; float: right }

#navlist li a:link          { color: white; font-size: 10pt; line-height: 22px; text-align: right; list-style-image: none; padding-right: 24px; width: 188px; float: right }
#navlist li a:visited           { color: white; line-height: 22px; text-align: right; padding-right: 24px; width: 188px; float: right }

#navlist li a:hover
         { color: #c4cadd; line-height: 22px; background-image: url(../bilder-kunststoff-metalltechnik/hellblau-18x6.gif); background-repeat: no-repeat; background-position: right 9px; text-align: right; padding-right: 24px; width: 188px; float: right }

#navlist li a:active
        { color: #dddd4a; line-height: 22px; background-image: none; background-repeat: no-repeat; background-position: 0 0; text-align: right; padding-right: 24px; width: 188px; float: right }
#aktiv   { color: #dddd4a; font-size: 10pt; font-family: Arial; font-weight: normal; line-height: 20px; text-decoration: none; background-image: url(../bilder-kunststoff-metalltechnik/gelb-18x6.gif); background-repeat: no-repeat; background-position: right 9px; text-align: right; padding-right: 24px; width: 188px }