BODY { margin: 0px; padding: 0px; background-color: #FFFFFF; font-family: "sans-serif", "Arial", "Verdana"; color: #000000 }
A:link { color: #2F4F4F }
A:visited { color: #2F4F4F }
A:activated { color: ##2F4F4F }
A:hover {color: #2F4F4F; color: #CC3300; xxfont-weight: bold; font-style: italic}

DIV.topnav { background: #FFFFFF url(bg_top.gif); background-attachment: fixed; background-repeat: no-repeat; padding-left: 10px; border-top: 0px; border-left: 0px; border-right: 0px; border-bottom: 1px; border-style: solid; border-color: #7AA8A9; padding-left: 10px; padding-bottom: 3px; font-size: 0.8em; font-weight: bold; font-size: 0.9em; font-variant: small-caps; color: #2F4F4F }

Div.subtoc { xbackground-color: #FFFFFF; padding-left: 10px; padding-top: 20px; padding-right: 5px; width: 200px; padding-bottom: 20px; float: left; border-right: dotted; border-width: 1px; border-color: #CCCCCC }
Table.subtoc { width: 180px; margin-right: 10px }
TH.subtoc { color: #2F4F4F; font-weight: bold; font-variant: small-caps }
TD.subtoc { font-size: 0.8em; color: #2F4F4F }
Menu { color: #2F4F4F; xmargin-bottom: 0.5em; list-style-type: square }
P.subtoc  { font-size: 0.8em; color: #2F4F4F; margin-bottom: 0.5em}
UL.subtoc { font-size: 0.8em; color: #2F4F4F; margin-bottom: 0.5em; list-style-type: square }
OL.subtoc { font-size: 0.8em; color: #2F4F4F; margin-bottom: 0.5em }

Div.content { background-color: #FFFFFF; padding-bottom: 15px; padding-left: 250px; padding-right: 5% }
Div.contall { background-color: #FFFFFF; padding-bottom: 15px; padding-left: 10px; padding-right: 5% }
H1 { font-size: 1.1em; line-height: 1.3em; color: #333300; border-top: 1px; border-left: 1px; border-right: 0px; border-bottom: 0px; border-style: solid; border-color: #7AA8A9; padding-left: 1px }
H2 { font-size: 1.0em; line-height: 1.3em; color: #333300 }
H3 { font-size: 0.9em; line-height: 1.3em; color: #333300 }
H4 { font-size: 0.9em; line-height: 1.3em; font-weight: bold }
H4.index { padding-left: 2px; background-color: #AFCBCB }

P { font-size: 0.9em; line-height: 1.3em }
P.rubinfo { font-size: 0.8em; color: #2F4F4F }
P.imprint { font-size: 0.8em }
P.lead { font-weight: bold }
P.url { margin-left: 250px; margin-right: 5%; font-size: 0.8em; color: #2F4F4F; xmargin-top: 2em; border-top: 1px; border-left: 1px; border-right: 0px; border-bottom: 0px; border-style: solid; border-color: #7AA8A9; padding-left: 1px }
P.pagelink { font-size: 0.8em; color: #2F4F4F }
P.source { font-size: 0.8em; color: #2F4F4F }
P.fig { font-size: 0.8em; color: #2F4F4F; width: 600px }
P.note { font-size: 0.8em; color: #2F4F4F; border-top: 1px; border-left: 1px; border-right: 1px; border-bottom: 1px; border-style: solid; border-color: #7AA8A9; padding: 5px }
P.tt { text-indent: 1em; text-align: justify; xbackground-color: silver; xpadding: 1em; font-size: 1em; font-weight: bolder; color: #2F4F4F }

UL { font-size: 0.9em; line-height: 1.3em; margin-bottom: 0.5em; list-style-type: square }
OL { font-size: 0.9em; line-height: 1.3em; margin-bottom: 0.5em; list-style: decimal }
DT { font-size: 0.9em; line-height: 1.3em; font-weight: bold }
DD { font-size: 0.9em; line-height: 1.3em; text-align: left }
TH { font-size: 0.9em; line-height: 1.3em; font-weight: bold }
TD { font-size: 0.8em; line-height: 1.3em }
xDIV.note { width: 400px }
Table.sml { background-color: #DEDEDE; width: 250px; margin-left: 15px }
TH.sml { font-variant: small-caps; background-color: #AFCBCB; border-top: 1px; border-left: 0px; border-right: 0px; border-bottom: 1px; border-style: solid; border-color: #7AA8A9 }
Table.mid { background-color: #DEDEDE; width: 400px }
TH.mid { font-variant: small-caps; background-color: #AFCBCB; border-top: 1px; border-left: 0px; border-right: 0px; border-bottom: 1px; border-style: solid; border-color: #7AA8A9 }
Table.more { margin-top: 20px; background-color: #DEDEDE; width: 400px }
TH.more { font-variant: small-caps; background-color: #FFFFFF; border-top: 1px; border-left: 0px; border-right: 0px; border-bottom: 1px; border-style: solid; border-color: #7AA8A9 }
Table.big { background-color: #DEDEDE; ; xwidth: 400px }
TH.big { font-variant: small-caps; background-color: #AFCBCB; border-top: 1px; border-left: 0px; border-right: 0px; border-bottom: 1px; border-style: solid; border-color: #7AA8A9 }

Div.url { clear: both }
Div.bottom { background-color: #AFCBCB; padding-left: 250px; padding-top: 1px; padding-bottom: 1px; font-size: 0.8em; clear: both }
address { font-size: 0.8em; font-style: "normal" }


/*CSS für Website Commando GmbH
die Sektionen der Seiten / DIV
DIV.topnav       Hauptnavigationsleite und Logo in einer Tabelle, keine CSS-Attribute, Tabelle ist im Template formatiert
DIV.subnav       Navigation innerhalb einer Rubrik (in Tabelle formatiert) und falls erforderlich weitere Informationen
DIV.content      Inhaltsbereich der Seite
DIV.bottom       Fußzeile der Seite

Horizontal Rules sollen so formatiert werden:
<HR COLOR="#CCCCCC" ALIGN="LEFT" SIZE="1">
die Formatierung der HR über HTML-Attribute ist nötig, weil die CSS-Attribute nicht vollständig
ausgewertet werden, z. B. align, size, noshade

Tabellen im .content sollen so formatiert werden, wenn kein Class-Attribut zugewiesen ist:
<TABLE BORDER="1" BORDERCOLOR="#C0C0C0" CELLPADDING="2" CELLSPACING="0">
oder
<TABLE BORDER="0" BORDERCOLOR="#C0C0C0" CELLPADDING="2" CELLSPACING="0">
die Formatierung der TABLE über HTML-Attribute ist nötig, weil die CSS-Attribute nicht vollständig
ausgewertet werden, z. B. Formatierung der Spalten, Zeilenränder */

Tabellen im .content, deren Inhalt mit einem Kasten hervorgehoben werden soll, werden mit dem
Class-Attribut .note versehen. Einsatz: Projektinformationen
Tabellen mit Informationen und Links zum Weiterlesen werden mit dem Class-Attribut .more versehen.

H4 wird als subline verwendet, wenn der Text keine Untergliederung wie in einem Aufsatz beinhaltet

AFCBCB: wird auf Monitoren, die kein TrueColor können als nächster Web-Farbton dargestellt: #99CCCC
7AA8A9: wird auf Monitoren, die kein TrueColor können als nächster Web-Farbton dargestellt: #669999