body  { color: #000000; background-color: #c2c2c2; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; margin: 0px; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; overflow: hidden; }
.line { color: #000000; background-color: #b00000; position: absolute; left: 0px; width: 100%; height: 1px; overflow: hidden; }

#head         { color: #c2c2c2; background-color: #b00000; position: absolute; top: 0px; left: 0px; width: 100%; height: 50px; }
#headLine     { top: 52px; }
#head .title  { position: absolute; font-size: 36px; line-height: 40px; font-weight: bold; }
#head #title  { top: 4px; left: 10px; }
#head #shadow { top: 6px; left: 12px; color: #500000; background-color: #b00000; }

a.login { display: block; position: absolute; right: 40px; top: 17px; font-weight: 900; color: #c2c2c2; text-decoration: none; }
#footLine  { bottom: 27px; }
#foot      { color: #c2c2c2; background-color: #b00000; position: absolute; left: 0px; width: 100%; height: 25px; bottom: 0px; overflow: hidden; text-align: center; line-height: 25px; }
#foot span { margin-left: 5px; margin-right: 5px; }
#validXHTML { position: absolute; right: 20px; bottom: 35px; width: 88px; height: 31px; z-index: 99; }
#validXHTML a img { border: none; }

#menu                 { position: absolute; top: 0px; left: 0px; width: 40px; height: 100%; z-index: 2; }
#menuText             { position: absolute; top: 50%; left: 0px; width: 100%; height: 176px; margin-top: -88px; text-align: center; font-size: 36px; font-weight: 900; color: #b00000; background-color: #c2c2c2; }
#menuItem             { position: absolute; margin-left: -10px; top: 50%; left: 0px; width: 100%; height: 276px; margin-top: -138px; }
#menuItem span        { padding-left: 0px; border-top: none; cursor: default; }
.menuItem             { display: none; text-decoration: none; color: #c2c2c2; font-weight: 900; background-color: #b00000; padding: 2px; padding-left: 20px; width: 110px; border-top: 2px solid #c2c2c2; }
.menuItem .menuItem   { border-top: 1px solid #c2c2c2; width: 90px; }
a.menuItem:hover      { background-color: #800000; color: #ffffff; }
#menu:hover #menuText { display: none; }
#menu:hover .menuItem { display: block; }

#bimg     { position: absolute; top: 55px; left: 0px; width: 100%; bottom: 30px; }
#bimg img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }

#main { position: absolute; top: 55px; left: 0px; width: 100%; bottom: 30px; background-color: #c2c2c2; color: #000000; opacity: 0.9; }

#content { position: absolute; top: 0px; left: 40px; right: 1px; bottom: 0px; padding: 20px 0px; overflow: auto; z-index: 1; }

#content h1, #content h2, #content h3 { color: #b00000; background-color: #c2c2c2; font-weight: 900; text-align: center; }
#content h1 { font-size: 30px; }
#content h2 { font-size: 24px; }
#content h3 { font-size: 18px; }

#content hr {width: 67%; margin-left: auto; margin-right: auto; }

#content dl { line-height: 15px; }
#content dt { font-weight: 900; }
#content dd { position: relative; top: -15px; }

#content a { text-decoration: none; font-weight: 900; }
#content a:link    { color: #000080; background-color: #c2c2c2; }
#content a:visited { color: #4040ff; background-color: #c2c2c2; }
#content a:focus   { color: #ff0000; background-color: #c2c2c2; }
#content a:hover   { color: #ff0000; background-color: #c2c2c2; }
#content a:active  { color: #ff0000; background-color: #c2c2c2; }

#content table            { margin-right: auto; margin-left: auto; }
#content table.borderless { border: none; border-collapse: collapse; }
#content table.border     { border: 1px  inset #c2c2c2; }
#content table.border td  { border: 1px outset #c2c2c2; }
#content table.border td.action { border: none; }
#content table a { font-weight: 500; color: #000060; }

#content td        { padding-left: 5px; padding-right: 5px; cursor: default; }
#content th        { font-weight: 900; text-align: left; padding-left: 5px; padding-right: 5px; }
#content .top      { vertical-align: top; }
#content .left     { text-align: left; }
#content .center   { text-align: center; }
#content .right    { text-align: right; }
#content tr:hover  { color: #ffffff; background-color: #b00000; }
#content tr:hover a:link    { color: #ffffff; background-color: #b00000; }
#content tr:hover a:visited { color: #ffffff; background-color: #b00000; }
#content tr:hover a:focus   { color: #ffffff; background-color: #b00000; }
#content tr:hover a:hover   { color: #ffffff; background-color: #b00000; }
#content tr:hover a:active  { color: #ffffff; background-color: #b00000; }
#content tr:hover td.action { background-color: #c2c2c2; }
#content tr:hover td.action a { background-color: #c2c2c2; }
#content tr.markless:hover { color: #000000; background-color: #c2c2c2; }

#content .box       { margin-left: auto; margin-right: auto; border: 1px inset #c2c2c2; padding: 20px; }
#content dl         { width: 150px; }
#content #struggles { width: 101px; }
#content #address   { width: 214px; }

#content p     { text-align: justify; margin-left: 100px; margin-right: 100px; }
#content .bold { font-weight: 900; }

.formular { position: absolute; top: 50%; left: 50%; border: 1px outset #c2c2c2; z-index: 99; background-color: #c2c2c2; }
.formular p { font-weight: 900; margin: 10px; }
.formular h1 { font-size: 24px; }
.formular h2 { font-size: 18px; }
#content .formular h3 { margin: 1px; padding: 2px; background-color: #b00000; color: #ffffff; font-weight: 900; font-size: 12px; }
#content .formular a { position: absolute; display: block; left: 50%; bottom: 20px; width: 200px; height: 20px; margin-left: -100px; text-align: center; border: 1px outset #c2c2c2; vertical-align: bottom; cursor: default; color: #000000; padding-top: 5px; }
#content .formular a:link    { color: #000000; }
#content .formular a:visited { color: #000000; }
#content .formular a:focus   { color: #000000; }
#content .formular a:hover   { color: #000000; }
#content .formular a:active  { color: #000000; }
.formular input  { left: 0px; width: 200px; }
.formular select { left: 0px; width: 202px; }
.formular .input { border: 1px solid #b00000; background-color: #c2c2c2; }

#temp { height: 200px; width: 400px; margin-top: -100px; margin-left: -200px; }
#temp .formular h3 { margin: 1px; padding: 2px; background-color: #b00000; color: #ffffff; font-weight: 900; font-size: 12px; }
#member_del { width: 400px; height: 100px; margin-top: -50px; margin-left: -200px; }
#member_edt { width: 400px; height: 400px; margin-top: -200px; margin-left: -200px; }
#member_fee { width: 400px; height: 170px; margin-top: -85px; margin-left: -200px; }
#member_pwd { width: 400px; height: 200px; margin-top: -100px; margin-left: -200px; }
#reset_pwd  { width: 400px; height: 110px; margin-top: -55px; margin-left: -200px; }
#login      { width: 400px; height: 170px; margin-top: -85px; margin-left: -200px; }

img.action { border: none; position: relative; top: 1px; }
td img.action { width: 15px; height: 15px; }
p img.action  { width: 24px; height: 24px; }

#wichtig { display: none; position: absolute; top: 33%; left: 50%; width: 400px; height: 100px; margin-top: -50px; margin-left: -200px; background-color: #c2c2c2; font-weight: 900; color: #000000; text-align: center; border: 2px solid #b00000; }
#wichtig h1 { color: #b00000; }