body { font-family:Verdana; font-size:12px; background-color:#badeb8; text-align:center ;margin:0px; }



h1 {font: bold 14px verdana, sans-serif; color:#3F4E52; margin-bottom:0px;}
h2 {font: bold 13px verdana, sans-serif; font-variant:small-caps; color:#3F4E52; margin-bottom:0px;}
h3 {font-size:14px; color:#000000;}
h4 {font: bold 8px verdana, sans-serif; color:#3F4E52; margin-bottom:0px;}


code {font-size:14px; color:#0000ff;}
pre { font-size:14px; color:#0000ff; padding:5px; }


/* Hyperlink Typ01 */
div#typ01 { list-style-type:none; margin-left:0; padding-left:0; }
#typ01 li { padding-right:2px; }
#typ01 li a { color: #3F4E52; text-decoration:none; font: bold 13px verdana, sans-serif; font-variant:small-caps; }
#typ01 li a:hover { color:#ff0000; text-decoration:none; border-bottom:1px solid #fbfbfb; }

/* Hyperlink Typ02 */
div#typ02 { list-style-type:none; margin-left:0; padding-left:0; }
#typ02 li { padding-right:2px; }
#typ02 li a { color: #3F4E52; text-decoration:none; font:bold 13px verdana, sans-serif; font-variant:small-caps; }
#typ02 li a:hover { color:#8ac787; text-decoration:none; border-bottom: 1px solid #ff0000; }

/* Hyperlink Typ03 */
div#typ03 { list-style-type:none; margin-left:0; padding-left:0; }
#typ03 li { padding-right:0px; }
#typ03 li a { color: #3F4E52; text-decoration:none; font:13px verdana; }
#typ03 li a:hover { color:#f1ea2b; text-decoration:none; border-bottom: 1px solid #ff0000; }



#title { height:143px; padding:5px; background-color:#8ac787; border-bottom:1px solid #000; }
#left { background-color:#badeb8; width:138px; float:left; }
#content { border:1px solid #badeb8; background-color:#badeb8; width:810px; float:right; padding:0px 10px; }

/* Tabelle */
table { width:38em; border-collapse:collapse; /* Alternative wäre border-collapse: separate */ background: #badeb8; color: black; border: 1px solid #8ac787; }
caption { font-size: 13px; font-weight: bold; background-color:#badeb8 ; color: #3F4E52; text-align: left; padding: 1em; padding-left: 0; margin-bottom: 3px; }
th { padding:0.5em 0.5em; text-align:center; vertical-align:top; font-family:verdana, sans-serif; font-size: 13px; letter-spacing: 1px; /* etwas Abstand zwischen den Buchstaben */ font-weight: bold;  border:2px #8ac787 solid;}
td { padding:0.5em 0.5em; text-align:center; vertical-align:top; font-family:verdana, sans-serif; font-size: 13px; letter-spacing: 1px; /* etwas Abstand zwischen den Buchstaben */ font-weight: normal; }
thead { background-color:#8ac787; color:#3F4E52; border-bottom:1px solid #999; }
tbody { background-color:#badeb8; color:#3F4E52; border-bottom:1px solid #999; }
tr.zebrastreifen { background-color:#8ac787; color:#3F4E52; }
tr{hover:expression(this.onmouseover=new Function("this.style.background='#8ac787';"),this.onmouseout=new Function("this.style.background='#badeb8';"));}
thead tr{hover:expression(this.onmouseover=new Function("this.style.background='#8ac787';"),this.onmouseout=new Function("this.style.background='#8ac787';"));}