@media screen {

.bodyframe { margin:2% 15% 2% 15%; position:relative; height:auto; }
.bodyarea { margin-left:auto; margin-right:auto; padding:10px; color:#d0d0d0; background-color:#165a80; position:relative; height:auto; }

.text { font-family:Arial,sans-serif; }

.menu { color:#d0d0e0; }
.submenu { color:#d0d0e0; }
.braillemenu { display:none; }
.brailleinfo { display:none; }
.printonly { display:none; }
.hide { visibility:hidden; }

.bottomline { border-width:1px; border-style:solid; position:relative; width:100%; margin-top:3px; }
.counter { font-family:Arial,sans-serif; font-size:70%; position:absolute; left:2px; bottom:1px; }
.imprint { font-family:Arial,sans-serif; font-size:70%; position:absolute; right:2px; bottom:1px; }

.topbar { text-align:left; width:100%; color:#999999; background-color:#00a6ff; font-size:60%; }
.bottombar { text-align:right; width:100%; color:#999999; background-color:#00a6ff; font-size:60%; }
.topbar a { color:#333333; }
.bottombar a { color:#333333; }

.crumbs { font-family:Arial,sans-serif; font-size:60%; color:#999999; }
.crumbslink { color:#aaaaaa; }
.crumbjumplink { font-family:Arial,sans-serif; font-weight:bold; color:#d0d0d0; background-color:#114866; }

.fortunestext { font-family:Arial,sans-serif; font-weight:bold; font-size:70%; color:#ffffff; }
.fortunesnote { font-family:Arial,sans-serif; font-size:60%; color:#666666; }

.hl { border-style:none; border-width:0px; background-color:#00a6ff; color:#ffffff; width:100%; height:2px; font-size:1pt; padding:0px; }
.warning { background-color:#ff4040; color:#ffffff; font-weight:bold; text-align:center; }

.okbox { border-width:3px; border-style:solid; background-color:#ffffff; color:#007700; padding:5px; margin-top:5px; margin-bottom:5px; }
.errorbox { border-width:3px; border-style:solid; background-color:#ffffff; color:#ff0000; padding:5px; margin-top:5px; margin-bottom:5px; }
.newsbox { border-width:3px; border-style:solid; background-color:#ffffff; color:#007700; padding:5px; margin-top:5px; margin-bottom:5px; }
.commentbox { border-width:1px; border-style:solid; padding:5px; margin-top:3px; text-align:justify; }

.boxhead { border-width:1px; border-style:solid; background-color:#00a6ff; color:#333333; padding:5px; }
.box { border-width:1px; border-style:solid; background-color:#80d2ff; color:#333333; padding:5px; }

.leftbox { width:47%; float:left; }
.rightbox { width:47%; float:right; }

.linktype { background-color:#114866; }
.bottomlink { color:#d0d0d0; }

a.menulink:link { font-family:Arial,sans-serif; font-weight:bold; color:#d0d0d0; background-color:#114866; text-decoration:underline overline; }
a.menulink:visited { font-family:Arial,sans-serif; font-weight:bold; color:#d0d0d0; background-color:#114866; text-decoration:underline; }
a.menulink:hover { font-family:Arial,sans-serif; font-weight:bold; color:#d0d0d0; background-color:#114866; text-decoration:none; }
a.menulink:active { font-family:Arial,sans-serif; font-weight:bold; color:#d0d0d0; background-color:#114866; }
a.menulink:focus { font-family:Arial,sans-serif; font-weight:bold; color:#d0d0d0; background-color:#114866; }

a.sitelink:link { font-family:Arial,sans-serif; font-weight:bold; color:#d0d0d0; background-color:#114866; text-decoration:underline overline; }
a.sitelink:visited { font-family:Arial,sans-serif; font-weight:bold; color:#d0d0d0; background-color:#114866; text-decoration:underline; }
a.sitelink:hover { font-family:Arial,sans-serif; font-weight:bold; color:#d0d0d0; background-color:#114866; text-decoration:none; }
a.sitelink:active { font-family:Arial,sans-serif; font-weight:bold; color:#d0d0d0; background-color:#114866; }
a.sitelink:focus { font-family:Arial,sans-serif; font-weight:bold; color:#d0d0d0; background-color:#114866; }

a.weblink:link { font-family:Arial,sans-serif; font-weight:bold; color:#d0d0d0; background-color:#114866; text-decoration:underline overline; }
a.weblink:visited { font-family:Arial,sans-serif; font-weight:bold; color:#d0d0d0; background-color:#114866; text-decoration:underline; }
a.weblink:active { font-family:Arial,sans-serif; font-weight:bold; color:#d0d0d0; background-color:#114866; text-decoration:none; }
a.weblink:hover { font-family:Arial,sans-serif; font-weight:bold; color:#d0d0d0; background-color:#114866; }
a.weblink:focus { font-family:Arial,sans-serif; font-weight:bold; color:#d0d0d0; background-color:#114866; }

html { height:100%; }
body { margin:0px 10px 10px 10px; background-color:#000000; background-image:url(../common/gfx/lipsum.jpg); background-repeat:no-repeat; background-position:1px 1px; background-attachment:fixed; height:auto; }
input, textarea, button { background-color:#114866; color:#d0d0d0; }

}