
body            { scrollbar-3d-light-color: #d3e6bf; scrollbar-arrow-color: #666666; scrollbar-base-color: #d3e6bf; scrollbar-dark-shadow-color: #bbccab; scrollbar-face-color: #e2efd5; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #bbccab; scrollbar-track-color: #e2efd5  }


#center1  { text-align: center; visibility: visible; display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; overflow: visible }
#center2    { margin-left: -465px; position: absolute; top: -275px; left: 50%; width: 934px; height: 554px }


p    { color: black; font-size: 9pt; font-family: "Century Gothic", "Trebuchet MS" }
ul  { color: black; font-size: 9pt; font-family: "Century Gothic", "Trebuchet MS" }
ul li  { color: #7da359; font-size: 9pt; font-family: "Century Gothic", "Trebuchet MS"; list-style-type: square }
h1     { color: #a5cd7d; font-size: 18pt; font-family: "Century Gothic", "Trebuchet MS"; font-variant: small-caps; font-weight: normal; line-height: 36px }
h2        { color: #a5cd7d; font-size: 11pt; font-family: "Century Gothic"; font-variant: small-caps; font-weight: bold; line-height: 15px; margin-top: 24px }
h3        { color: #8fb16e; font-size: 11pt; font-family: "Times New Roman"; font-style: italic; font-weight: bold; line-height: 20px; margin-top: 6px }
.em { color: #7da359; font-style: italic; background-color: #ecf5e4; padding: 8px; border: solid 1px #a5cd7d }
.bild  { margin-right: 20px; float: left }
td   { color: black; font-size: 9pt; font-family: "Century Gothic", "Trebuchet MS" }

a        { font-size: 10pt; font-family: "Century Gothic", "Trebuchet MS"; font-variant: small-caps; font-weight: normal; text-decoration: none }
a:link    { color: #3c3c3c; text-decoration: none }
a:visited    { color: #5e5e5e; text-decoration: none }
a:hover      { color: #a9004c; text-decoration: none }
a:active     { color: #a9004c; text-decoration: none }
.aktiv  { color: #a9004c; font-size: 10pt; font-family: "Century Gothic", "Trebuchet MS"; font-variant: small-caps; font-weight: normal; text-decoration: none }
/* Boxes */
#rahmen               { background-color: #a5cd7d; text-align: left; visibility: visible; margin: 0 auto; padding: 0; z-index: 1; width: 934px; height: 554px; outline: solid 1px #a5cd7d }
#oben  { background-color: #eef6e7; background-image: url(../kosmetik-cremes/hg_oben.gif); background-repeat: no-repeat; text-align: left; visibility: visible; margin: 0; position: absolute; z-index: 10; top: 2px; left: 2px; width: 930px; height: 90px }
#logo { position: absolute; top: 7px; left: 100px; width: 76px; height: 76px }
#oben_navi { position: absolute; top: 70px; left: 800px; width: 120px; height: 20px }
#rahmen_content             { text-align: left; visibility: visible; position: absolute; z-index: 2; top: 92px; left: 2px; width: 930px; height: 427px; outline: solid 1px #a5cd7d }
#foto                       { background-image: url(../kosmetik-cremes/foto_hg.jpg); text-align: left; visibility: visible; margin: 0; padding: 0; z-index: 11; width: 260px; height: 427px; float: left }
#inhalt_bg                       { background-image: url(../kosmetik-cremes/hg_inhalt.jpg); background-repeat: repeat-x; background-position: left top; margin: 0; padding: 0; z-index: 20; width: 500px; height: 427px; float: left }
#inhalt                        { text-align: left; visibility: visible; margin: 0; padding: 6px; z-index: 21; width: 488px; height: 414px; float: left; overflow: auto }
#menu                           { background-image: url(../kosmetik-cremes/hg_rechts.jpg); background-repeat: no-repeat; text-align: left; visibility: visible; margin: 0; padding: 0; z-index: 12; width: 170px; height: 427px; float: left }
#unten                         { background-color: #ecf5e4; background-repeat: repeat-x; visibility: visible; margin: 0; padding: 0; position: absolute; z-index: 20; top: 519px; left: 2px; width: 930px; height: 34px }
#unten_text                         { color: #3c3c3c; font-size: 9pt; font-family: "Century Gothic", "Trebuchet MS"; font-variant: small-caps; font-weight: normal; background-repeat: repeat-x; text-align: center; visibility: visible; margin: 0; padding: 0; position: relative; z-index: 20; top: 10px; width: 900px; height: 20px }
/* Navigation */
.wichtig       { color: #bd2e14; font-size: 10pt; font-family: "Century Gothic"; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding-left: 12px; border-left: 25px solid #a9004c }
.clear { visibility: hidden; float: none }
.weiss { font-size: 7pt }
.weiss a  { font-size: 7pt; font-variant: normal; font-weight: normal }
.weiss a:link  { font-size: 7pt; font-variant: normal; font-weight: normal }
.mini { color: white; font-size: 4px; line-height: 4px }
#navlist
    { font-size: 10pt; font-family: "Century Gothic", "Trebuchet MS"; font-style: normal; font-variant: small-caps; background-position: 0 0; margin: 80px 0 0; padding: 0; position: relative; width: 160px; float: left; border-width: 0 }

#navlist li
   { list-style-type: none; margin-top: 10px; float: left }

#navlist li a
     { text-decoration: none; display: block }

#navlist li a:link      { color: #3c3c3c; padding-left: 12px; border-left: 25px dotted #f1f7ea }
#navlist li a:visited    { color: #5e5e5e; padding-left: 12px; border-left: 25px dotted #f1f7ea }

#navlist li a:hover
   { color: #a9004c; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding-left: 12px; border-left: 25px solid #a9004c }

#navlist li a:active
   { color: #a9004c; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding-left: 12px; border-left: 25px solid #a9004c }
