/* classes */

.header { margin: 24px 0 24px 10%; }
.separator { background-color: black; width: 100%; padding: 3px 0 0 0; height: 26px; font-size: 1.1em; }
.flleft { width: 10%; text-align: right; position: absolute; }
.navigation { width: 80%; position: absolute; left: 10%; padding: 1px; }
.flright { text-align: left; position: absolute; left: 90%; }
.navlink { color: white; padding-left: 16px; font-style: bold; }
.navlinkakt { color: gray; padding-left: 16px; font-style: bold; }
.main { width: 80%; margin: 24px 0 24px 10%; }
.mini { font-size: 0.6em; }
.tool { padding: 8px; margin: 1em; }
.toolimg { margin-right: 20px; border: 0; float: left; }

#randpasstable { }
#randpasstable thead td { padding: 2px 16px 2px 16px; font-weight: bold; width: }
#randpasstable tbody td { padding: 2px 16px 2px 16px; font-family: "Lucida Console", "Courier New", "Courier"; }

/* styles */
body     { font-size: 0.9em; font-family: "Verdana", "Sans Serif"; background-color: white; margin: 0; padding: 0; border: 0; }
a   { color: #00bb00; text-decoration: none; padding: 0 3px 0 3px; }
/* a:hover { text-decoration: underline; } */
a:hover { text-shadow: #00bb00 0 0 9px; background-color: #eeffee; }
.navigation a:hover { text-shadow: white 0 0 9px; background-color: black; }
pre { font-family: "Lucida Console", "Courier New", "Courier"; }
h3 { margin: 0.3em; }
h4 { margin: 0.2em; }
img { vertical-align: middle; border: 0; }