p                                             { color: black; font-size: 11px; font-family: Verdana; line-height: 22px; padding-right: 40px; padding-bottom: 10px }
h1                                 { color: #c61905; font-size: 20px; font-family: Verdana; font-weight: normal; line-height: 28px; text-decoration: none; padding-top: 20px; padding-bottom: 10px }
h2                                { color: #c61905; font-size: 16px; font-family: Verdana; font-weight: normal; line-height: 26px; text-decoration: none; padding-top: 8px; padding-bottom: 4px }
h3   { color: #c61905; font-size: 12px; font-family: Verdana; font-weight: bold; line-height: 20px; text-decoration: none; padding-bottom: 4px }
h4    { color: #7f7f88; font-size: 12px; font-family: Verdana; font-weight: bold; line-height: 18px; text-decoration: none }
td                                  { font-size: 11px; font-family: Verdana }
a                          { font-family: Verdana; text-decoration: none }
a:link                           { color: black; font-size: 10px; font-weight: bold; text-decoration: none }
a:visited                        { color: #000; font-size: 10px; font-weight: bold }
a:hover                      { color: #c61905; font-size: 10px; font-weight: bold }
a:active                        { color: #c61905; font-size: 10px; font-weight: bold }
ul  { padding-bottom: 15px }
li     { font-size: 11px; font-family: Verdana; line-height: 22px }
.klein   { font-size: 10px; font-family: Verdana; line-height: 17px }
.bildrechts     { text-align: right; margin: 10px 0 20px 30px; float: right }
.gross { font-size: 10pt; font-family: Verdana; font-weight: bold }
/* Boxes */
#hg           { background-image: url(../bilder-buttons/hg-waagrecht.gif); background-repeat: repeat; text-align: left; visibility: visible; margin: 0 0 0 -416px; padding: 0; position: absolute; z-index: 1; top: 0; left: 50%; width: 833px; height: 100% }

#hintergrund                          { text-align: left; visibility: visible; margin: 0; padding: 0; position: absolute; z-index: 2; top: 0; left: 10px; width: 813px; height: 100% }
#rahmen_header  { margin: 0; padding: 0; position: absolute; z-index: 3; top: 0; left: 0; width: 813px; height: 253px; float: left }
#reihe1           { background-image: url(../bilder-buttons/hg-balken-hellgrau.gif); background-repeat: repeat-x; visibility: visible; margin: 0; padding: 0; position: absolute; z-index: 11; top: 0; left: 0; width: 813px; height: 17px; float: left }
#buttonhome { position: relative; z-index: 301; top: 0; left: 0; width: 15px; height: 17px; float: left }
#email   { font-size: 10px; font-family: Verdana; line-height: 17px; position: relative; z-index: 302; top: 0; left: 350px; width: 360px; height: 17px; float: left }
#sprachen { text-align: right; position: relative; z-index: 303; top: 0; right: 14px; width: 100px; height: 17px; float: right }

#logo { position: absolute; z-index: 300; top: 10px; left: 33px; width: 72px; height: 72px }
#reihe3         { background-image: url(../bilder-buttons/hg-balken-grau2.gif); background-repeat: repeat-x; visibility: visible; margin: 0; padding: 0; position: absolute; z-index: 13; top: 112px; left: 0; width: 813px; height: 17px; float: left }
#reihe4        { background-image: url(../bilder-buttons/hg-produktframe.gif); background-repeat: repeat-x; visibility: visible; margin: 0; padding: 0; position: absolute; z-index: 14; top: 129px; left: 0; width: 813px; height: 107px;}
#reihe5        { background-image: url(../bilder-buttons/hg-balken-grau2.gif); background-repeat: repeat-x; visibility: visible; margin: 0; padding: 0; position: absolute; z-index: 15; top: 236px; left: 0; width: 813px; height: 17px; float: left }
#content      { visibility: visible; position: absolute; z-index: 500; top: 253px; bottom: 0; left: 130px; width: 683px; overflow: auto }
* html #content       { visibility: visible; margin: 0; padding: 0; position: absolute; z-index: 500; top: 253px; left: 130px; width: 683px; height: 64%; overflow: auto }
#bild { position: absolute; top: 270px; left: 600px; width: 210px; height: 380px }
/* Produkte */
#produkt1     { background-image: url(../bilder-buttons/fliegenschutz-spannrahmen.jpg); background-repeat: no-repeat; position: absolute; z-index: 401; top: 0; left: 34px; width: 69px; height: 107px; float: left }
#produkt2     { background-image: url(../bilder-buttons/fliegenschutz-rollos.jpg); background-repeat: no-repeat; position: absolute; z-index: 402; top: 0; left: 116px; width: 62px; height: 107px; float: left }
#produkt3     { background-image: url(../bilder-buttons/fliegenschutz-dachfenster.jpg); background-repeat: no-repeat; position: absolute; z-index: 403; top: 0; left: 204px; width: 89px; height: 107px; float: left }
#produkt4     { background-image: url(../bilder-buttons/fliegenschutz-drehrahmen.jpg); background-repeat: no-repeat; position: absolute; z-index: 404; top: 0; left: 320px; width: 51px; height: 107px; float: left }
#produkt5     { background-image: url(../bilder-buttons/fliegenschutz-schiebeanlage.jpg); background-repeat: no-repeat; position: absolute; z-index: 405; top: 0; left: 402px; width: 80px; height: 107px; float: left }
#produkt6     { background-image: url(../bilder-buttons/fliegenschutz-pendeltuere.jpg); background-repeat: no-repeat; position: absolute; z-index: 406; top: 0; left: 498px; width: 90px; height: 107px; float: left }
#produkt7     { background-image: url(../bilder-buttons/fliegenschutz-lichtschacht.jpg); background-repeat: no-repeat; position: absolute; z-index: 407; top: 0; left: 592px; width: 90px; height: 107px; float: left }
#produkt8     { background-image: url(../bilder-buttons/fliegenschutz-sonderloesung.jpg); background-repeat: no-repeat; position: absolute; z-index: 408; top: 0; left: 705px; width: 74px; height: 107px; float: left }

/* HAUPT-NAVIGATION */
#hnavlist              { text-align: left; visibility: visible; margin: 0; padding: 0; position: relative; z-index: 100; top: 0; left: 10px; width: 813px; height: 17px }
#hnavlist ul
             { line-height: 17px; white-space: nowrap; list-style-image: none; margin: 0; padding: 0; height: 17px }
#hnavlist>ul a   { line-height: 17px; white-space: nowrap; z-index: 200; width: auto; height: 17px }
#hnavlist li
             { font-size: 11px; font-family: Verdana; font-weight: bold; line-height: 17px; white-space: nowrap; list-style-type: none; list-style-image: none; padding-top: 0; padding-bottom: 0; height: 17px; float: left }

#hnavlist a                { font-size: 11px; line-height: 17px; text-decoration: none; white-space: nowrap; padding-top: 0; padding-bottom: 0; height: 17px }

#hnavlist a:link
               { color: #fff; line-height: 17px; text-decoration: none; white-space: nowrap; padding: 0 17px }
#hnavlist a:visited
             { color: #fff; text-decoration: none; padding: 0 17px }

#hnavlist a:hover
           { color: white; text-decoration: none; background-image: url(../bilder-buttons/button-hover.gif); background-repeat: repeat-x; padding: 0 17px }
#hnavlist a:active            { color: #fff; text-decoration: none; background-image: url(../bilder-buttons/aktivbutton2-rot.gif); background-repeat: repeat-x; padding: 0 17px }
#hnavlist .navlistaktiv   { color: white; text-decoration: none; white-space: nowrap }
.hnavlistaktiv        { color: white; text-decoration: none; background-image: url(../bilder-buttons/aktivbutton2-rot.gif); background-repeat: repeat-x; white-space: nowrap; margin-right: -17px; margin-left: -17px; padding-right: 17px; padding-left: 17px; height: 17px }

/* NAVIGATION */
#navlist               { text-align: left; visibility: visible; margin: 0; padding: 0; position: relative; z-index: 100; top: 0; left: 10px; width: 813px; height: 17px }
#navlist ul    { line-height: 13px; list-style-image: none; margin: 0; padding: 0; height: 17px }
#navlist>ul a   { line-height: 17px; white-space: nowrap; z-index: 200; width: auto; height: 17px }
#navlist li     { font-size: 10px; font-family: Verdana; font-style: normal; font-weight: bold; line-height: 17px; white-space: nowrap; list-style-type: none; list-style-image: none; margin: 0; padding-top: 0; padding-bottom: 0; height: 17px; float: left }

#navlist a              { font-size: 10px; line-height: 17px; text-decoration: none; height: 17px }

#navlist a:link    { color: #fff; line-height: 13px; text-decoration: none; white-space: nowrap; padding: 0 6px }
#navlist a:visited       { color: #fff; text-decoration: none; padding: 0 6px }

#navlist a:hover     { color: white; text-decoration: none; background-image: url(../bilder-buttons/button-hover.gif); background-repeat: repeat-x; padding: 0 6px }
#navlist a:active            { color: #fff; text-decoration: none; background-image: url(../bilder-buttons/aktivbutton2-rot.gif); background-repeat: repeat-x; padding: 0 6px }
#navlist .navlistaktiv  { color: white; text-decoration: none; background-color: #c73728; white-space: nowrap }
.navlistaktiv        { color: white; font-weight: bold; text-decoration: none; background-image: url(../bilder-buttons/aktivbutton2-rot.gif); background-repeat: repeat-x; white-space: nowrap; margin-right: -9px; margin-left: -9px; padding-right: 6px; padding-left: 6px; height: 17px }


/* unten Startseite */
#more  { display: none; z-index: 500 }
.infotext
			      { font-size: 1em; font-family: "Century Gothic"; text-align: left; margin-top: 10px; width: 450px }
.infotext a:link, .infotext a:visited
			  { color: #7199ba; font-size: 1em; text-decoration: underline }
		.infotext a:hover, .infotext a:active
			  { color: #005070; font-size: 1em; text-decoration: underline }