/* Hides from IE-mac / unnötige Scrollbalken im IE ausblenden \*/
* html body             { height: 100%; overflow: auto; }
/* End Hide */

.posi                   { position: absolute; left: 150px; top: 70px; width: 820px; height: 363px; }

.posiLinks              { position: absolute; left: 15px; top: 70px; width: 820px; height: 363px; }


.ex, .exo, .ex1, .uebercode, .beschrei, .fehler, .uebercodeli, .code, .down, .uebersicht, .link, .kopf, .exueber,
h1, h2, unten, untenli, liste, #promptTable, input, .related, .navi, .kopfmail
          { font-family: Verdana, Helvetica, Sans-Serif; font-size: 10pt; background-color: #EFEFEF; padding: 10pt 10pt 5pt 10pt; }

.kopfmail { padding:  0pt 10pt 10pt  0pt; border: solid #000; border-width: 0px 1px 0px 1px; height: 45px; }
.kopf     { padding: 10pt  0pt  0pt 10pt; border: solid #000; border-width: 1px 1px 0px 1px; }
.navi     { padding: 30pt  0pt  0pt  0pt; border: solid #000; border-width: 0px 1px 1px 1px; vertical-align: top; width: 166px; height: 450px; }


.kopfmail, .kopf, .navi, h1 { background-image: url(../grafi/muster5hell.gif); }

.ex           { border-right: 1px solid #000000; }
.unten        { padding: 5pt 10pt 5pt 10pt; border: solid #000; border-width: 0px 1px 1px 0px; }
.untenli      { padding: 5pt 10pt 5pt 10pt; border-bottom: 1px solid #000000; }

/* in excel und links.html
.ex a:link    { line-height: 10pt; }
.ex a:visited { line-height: 10pt; }
.ex a:hover   { line-height: 10pt; font-size: 10pt; }
*/

h1            { padding: 10pt 0pt 0pt 0pt; background: transparent; font-size: 12px; }
h2            { background-color: #B2C3DD; font-weight: normal; }

.uebercode    { background-color: #B2C3DD; padding: 10pt  0pt 10pt  0pt; border: solid #000; border-width: 1px 1px 0px 0px; text-align: center; }
.uebercodeli  { background-color: #B2C3DD; padding:  5px  20px  5px 20px; border:1px solid #000; border-left: none; height: 16pt; }
.beschrei     { padding: 15pt 20pt 10pt 15pt; border:1px solid #000; border-left: none; text-align: justify; }

.fehler       { padding: 15pt; border:5px solid #FF0000; text-align: justify; font-size: 10pt; }

.link         { border: solid #000; border-width: 0px 1px 1px 0px; padding-left: 50px; }

.code, .down, .uebersicht
              { padding: 20pt 15pt 10pt 15pt; border-right: 1px solid #000000; }

.code         { font-family: "Courier New", FixedSys, Verdana; }
.keyword      { color: #0000CC; }
.comment      { color: #008000; }
.error        { color: #FF0000; }

.exueber      { background-color: #B2C3DD; padding: 10px 22px 10px 10px; border:1px solid #000; border-left:none; text-align: justify; }
.uebersicht   { padding: 20pt 15pt 10pt 50pt; }

.HPsuche      { font-size: 8pt; }

.lili        { background-color: #EFEFEF; padding-top: 10pt; padding-left: 10pt; padding-right: 10pt; padding-bottom: 5pt;
               border-right: 1px solid #000000; border-bottom: 0px solid #000000; }
.anz         { font-size: 8pt; }

/* für Sitemap */
/* .li  { style="color:olive"; } */
.bla { list-style: none; margin-top: 5px; margin-bottom: 5px; }

/* für Suche */
#promptTable  { width: 520px; border: 1px solid #000; padding: 5px; }

form      { padding:0px; margin:0px; margin-left:10px; border:0px solid #EFEFEF; }
.Eingabe  { background-color:#FFFFFF; width:130px; border:1px solid #7F9DB9; margin:10px 0px; font-size:15px; padding-left:5px; }
.Eingabe:focus { background-color:#CCFFCC; }

input              { background: #FFF; border: 1px solid #4C77B6; color: #000; margin: 0px; padding: 2px; }

input.button       { margin: 0px; width: auto; padding: 2px 10px; }
input.button:hover { background-color: #CCFFCC; }



tr.liste a           { display: block; }
tr.liste:hover       { background-color: #CCFFCC; }

.related           { padding: 20pt 15pt 10pt 50pt; border-right: 1px solid #000000;  background-color: #EFEFEF; }

td.zahlen       { text-align: right; padding: 0px 5px 0px 0px; }

/* für dateiliste */
a.info { background-color: #FFFFCC; display: block; }
a.info:hover { background-color: #FFFFCC; }
strong {  font-size:10pt; font-weight: normal; }


/* ab hier wird's interessant */
/* vertikale Abstände zunächst ausschalten */
li { margin-top: 0; margin-bottom: 0; }
ul { margin-top: 0; margin-bottom: 0; }

/* Ankerelemente (Links) mit Pseudoklassen versehen - Reihenfolge beachten wegen Spezifität! */
a:link                     { background: transparent; font-family: Verdana, Helvetica, Sans-Serif; font-size: 10pt; color: #0000FF; line-height: 16pt; }
a:visited                  { background: transparent; font-family: Verdana, Helvetica, Sans-Serif; font-size: 10pt; color: #008080; line-height: 16pt; }
a:hover, a:active, a:focus { background: transparent; font-family: Verdana, Helvetica, Sans-Serif; font-size: 10pt; color: #000000; }

/* die Box für die Links:
border (ausser unten), automatische Breite, kein padding, kleiner margin oben/unten, grosser rechts und links */
#linkbox { border-top: 0px solid #f7f7f7; border-right: 0px solid #f7f7f7; border-left: 0px solid #f7f7f7; width: auto;
padding: 0; margin: 0px 0px 0px 0px; background: transparent; color: #f7f7f7; }
/* das Listenelement ohne Listen-Style innerhalb der Box (als Kontextselektor): kein padding, kein margin, keine border */
#linkbox ul { list-style: none; margin: 0; padding: 0; border: none; }
/* das Aufzählungselement als Blockelement innerhalb der Box (als Kontextselektor): kein margin */
#linkbox li { display: block; margin: 0; }

/* das Ankerelement
dieser Selektor ist wichtig für die "guten" Browser :)
innerhalb des Aufzählungselements, innerhalb der Box, innerhalb des BODY-Elements (als Kindselektor innerhalb des HTML-Elements), automatische Breite */
html>body #linkbox li a { width: auto; }

/* das Ankerelement
diesmal für die "dümmeren" Browser ;))
als Blockelement, Breite über ganzen Block, kein margin, kleines padding oben/unten, grosses rechts und links, border diesmal unten, kein Unterstrich */
#linkbox li a         { background: transparent; color: #0000FF; border-bottom: 0px solid #f7f7f7; display: block; width: 100%; padding: 1px 10px 1px 20px; text-decoration: none; }
#linkbox li a:visited { background: transparent; color: #0000FF; border-bottom: 0px solid #f7f7f7; }
#linkbox li a:hover   { background: #CCFFCC; color: #333; border-bottom: 0px solid #f7f7f7; }