body                             { background: #e5e5c3; scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #666666; scrollbar-3dlight-color: #666666; scrollbar-arrow-color: #666666; scrollbar-track-color: #ffffff; scrollbar-darkshadow-color: #ffffff; margin: 10px; }
body.popup                       { background: #ffffff; scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #666666; scrollbar-3dlight-color: #666666; scrollbar-arrow-color: #666666; scrollbar-track-color: #ffffff; scrollbar-darkshadow-color: #ffffff; margin: 0px; overflow: auto; }

#buttons                         { position: relative; width: 220px; height: 35px; }
#buttons .hide                   { display: none; }
#buttons .button                 { width: 33px; height: 33px; }
#button1                         { position: absolute; left: 0px; top: 0px; width: 33px; height: 33px; }
#button1 a                       { position: absolute; left: 0px; top: 0px; cursor: hand; width: 33px; height: 33px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( enabled=true, sizingMethod=scale, src='http://www.ruge-singer.com/pix/buttons/print.png' ); }
#button1 a[class]                { background: url(http://www.ruge-singer.com/pix/buttons/print.png) top left no-repeat; }
#button2 a                       { position: absolute; left: 30px; top: 0px; cursor: hand; width: 33px; height: 33px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( enabled=true, sizingMethod=scale, src='http://www.ruge-singer.com/pix/buttons/favourites.png' ); }
#button2 a[class]                { background: url(http://www.ruge-singer.com/pix/buttons/favourites.png) top left no-repeat; }
#button3                         { position: absolute; left: 70px; top: 0px; width: 33px; height: 33px; }
#button3 a                       { position: absolute; left: 0px; top: 0px; cursor: hand; width: 33px; height: 33px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( enabled=true, sizingMethod=scale, src='http://www.ruge-singer.com/pix/buttons/first.png' ); }
#button3 a[class]                { background: url(http://www.ruge-singer.com/pix/buttons/first.png) top left no-repeat; }
#button3off                      { position: absolute; left: 70px; top: 0px; width: 33px; height: 33px; }
#button3off span.button          { position: absolute; left: 0px; top: 0px; cursor: default; width: 33px; height: 33px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( enabled=true, sizingMethod=scale, src='http://www.ruge-singer.com/pix/buttons/first_off.png' ); }
#button3off span.button[class]   { background: url(http://www.ruge-singer.com/pix/buttons/first_off.png) top left no-repeat; }
#button4                         { position: absolute; left: 100px; top: 0px; width: 33px; height: 33px; }
#button4 a                       { position: absolute; left: 0px; top: 0px; cursor: hand; width: 33px; height: 33px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( enabled=true, sizingMethod=scale, src='http://www.ruge-singer.com/pix/buttons/back.png' ); }
#button4 a[class]                { background: url(http://www.ruge-singer.com/pix/buttons/back.png) top left no-repeat; }
#button4off                      { position: absolute; left: 100px; top: 0px; width: 33px; height: 33px; }
#button4off span.button          { position: absolute; left: 0px; top: 0px; cursor: default; width: 33px; height: 33px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( enabled=true, sizingMethod=scale, src='http://www.ruge-singer.com/pix/buttons/back_off.png' ); }
#button4off span.button[class]   { background: url(http://www.ruge-singer.com/pix/buttons/back_off.png) top left no-repeat; }
#button5                         { position: absolute; left: 130px; top: 0px; width: 33px; height: 33px; }
#button5 a                       { position: absolute; left: 0px; top: 0px; cursor: hand; width: 33px; height: 33px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( enabled=true, sizingMethod=scale, src='http://www.ruge-singer.com/pix/buttons/next.png' ); }
#button5 a[class]                { background: url(http://www.ruge-singer.com/pix/buttons/next.png) top left no-repeat; }
#button5off                      { position: absolute; left: 130px; top: 0px; width: 33px; height: 33px; }
#button5off span.button          { position: absolute; left: 0px; top: 0px; cursor: default; width: 33px; height: 33px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( enabled=true, sizingMethod=scale, src='http://www.ruge-singer.com/pix/buttons/next_off.png' ); }
#button5off span.button[class]   { background: url(http://www.ruge-singer.com/pix/buttons/next_off.png) top left no-repeat; }
#button6de                       { position: absolute; left: 170px; top: 0px; width: 33px; height: 33px; }
#button6de a                     { position: absolute; left: 0px; top: 0px; cursor: hand; width: 33px; height: 33px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( enabled=true, sizingMethod=scale, src='http://www.ruge-singer.com/pix/buttons/lang_de.png' ); }
#button6de a[class]              { background: url(http://www.ruge-singer.com/pix/buttons/lang_de.png) top left no-repeat; }
#button6en                       { position: absolute; left: 170px; top: 0px; width: 33px; height: 33px; }
#button6en a                     { position: absolute; left: 0px; top: 0px; cursor: hand; width: 33px; height: 33px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( enabled=true, sizingMethod=scale, src='http://www.ruge-singer.com/pix/buttons/lang_en.png' ); }
#button6en a[class]              { background: url(http://www.ruge-singer.com/pix/buttons/lang_en.png) top left no-repeat; }

#topmenu                         { padding: 0px 15px 0px 15px; }
#topmenu a.off                   { color: #336699; font-family: arial,helvetica,geneva,swiss,sunsans-regular,sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; padding: 0px 10px 0px 10px; }
#topmenu a.off:hover             { color: #ffffff; font-family: arial,helvetica,geneva,swiss,sunsans-regular,sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; padding: 0px 10px 0px 10px; }
#topmenu a.on                    { color: #cc0000; font-family: arial,helvetica,geneva,swiss,sunsans-regular,sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; padding: 0px 10px 0px 10px; }
#topmenu a.on:hover              { color: #ffffff; font-family: arial,helvetica,geneva,swiss,sunsans-regular,sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; padding: 0px 10px 0px 10px; }

#popup                           { color: #808080; font-family: arial,helvetica,geneva,swiss,sunsans-regular,sans-serif; font-size: 12px; font-weight: bold; padding: 10px 20px 10px 20px; }
#popup p                         { color: #808080; font-family: arial,helvetica,geneva,swiss,sunsans-regular,sans-serif; font-size: 12px; font-weight: bold; text-align: left; }
#popup .s                        { font-size: 11px; }
#popup .b                        { font-size: 14px; }

#main                            { color: #808080; font-family: arial,helvetica,geneva,swiss,sunsans-regular,sans-serif; font-size: 12px; font-weight: bold; padding: 30px 25px 30px 25px; }
#main h2                         { color: #666666; font-family: arial,helvetica,geneva,swiss,sunsans-regular,sans-serif; font-size: 18px; font-weight: bold; text-align: left; margin-top: 0px; }
#main h3                         { color: #666666; font-family: arial,helvetica,geneva,swiss,sunsans-regular,sans-serif; font-size: 16px; font-weight: bold; text-align: left; margin-top: 0px; }
#main p                          { color: #808080; font-family: arial,helvetica,geneva,swiss,sunsans-regular,sans-serif; font-size: 12px; font-weight: bold; text-align: justify; }
#main p.date                     { color: #999999; font-family: arial,helvetica,geneva,swiss,sunsans-regular,sans-serif; font-size: 14px; font-weight: bold; text-align: justify; margin-top: 0px; margin-bottom: 0px; }
#main a                          { color: #6699cc; font-weight: bold; text-decoration: underline; }
#main a:hover                    { color: #336699; font-weight: bold; text-decoration: underline; }
#main a:active                   { color: #6699cc; font-weight: bold; text-decoration: underline; }
#main a:vlink                    { color: #666666; font-weight: bold; text-decoration: underline; }
#main dl                         { margin: 0px; }
#main dt                         { color: #777777; font-family: arial,helvetica,geneva,swiss,sunsans-regular,sans-serif; font-size: 14px; font-weight: bold; text-align: left; margin: 0px; }
#main dd                         { color: #808080; font-family: arial,helvetica,geneva,swiss,sunsans-regular,sans-serif; font-size: 12px; font-weight: bold; text-align: justify; margin: 5px 0px 10px 25px; }
#main td                         { color: #808080; font-family: arial,helvetica,geneva,swiss,sunsans-regular,sans-serif; font-size: 12px; font-weight: bold; }
#main .al                        { text-align: left; }
#main .ac                        { text-align: center; }
#main .ar                        { text-align: right; }
#main .fw                        { width: 100%; }
#main .w60                       { width: 60px; }
#main input                      { background: #cccc99; color: #666666; font-family: arial,helvetica,geneva,swiss,sunsans-regular,sans-serif; font-size: 12px; font-weight: bold; border: 1px #666666 solid; }
#main textarea                   { background: #cccc99; color: #666666; font-family: arial,helvetica,geneva,swiss,sunsans-regular,sans-serif; font-size: 12px; font-weight: bold; border: 1px #666666 solid; }
#main table.data                 { background: #666666; }
#main th.data                    { background: #cccc99; color: #666666; font-family: arial,helvetica,geneva,swiss,sunsans-regular,sans-serif; font-size: 12px; font-weight: bold; vertical-align: top; text-align: left; }
#main td.data                    { background: #ffffff; color: #666666; font-family: arial,helvetica,geneva,swiss,sunsans-regular,sans-serif; font-size: 12px; font-weight: bold; vertical-align: top; text-align: right; }
#main img                        { border-color: #666666; }
#main li                         { list-style: outside url(http://www.ruge-singer.com/pix/layout/li.gif); }
#main li.col3                    { list-style: outside url(http://www.ruge-singer.com/pix/layout/li.gif); width: 30%; display: inline; vertical-align: top; margin: 10px; }
#main b                          { color: #666666; }
#main .s                         { font-size: 11px; }
#main .b                         { font-size: 14px; }

#submenu a                       { color: #336699; font-family: arial,helvetica,geneva,swiss,sunsans-regular,sans-serif; font-size: 11px; font-weight: bold; text-decoration: none; padding: 0px 10px 0px 10px; }
#submenu a:hover                 { color: #ffffff; font-family: arial,helvetica,geneva,swiss,sunsans-regular,sans-serif; font-size: 11px; font-weight: bold; text-decoration: none; padding: 0px 10px 0px 10px; }
#submenu .padding                { padding: 0px 15px 0px 15px; }

#footer                          { color: #ffffff; font-family: arial,helvetica,geneva,swiss,sunsans-regular,sans-serif; font-size: 11px; }