/* DATEI: wolf.css */

html { font-size:12px; font-family: sans-serif; line-height:1.4em; color:#333; }


body { margin:0; padding:0; }

a          { font-weight:bold;   text-decoration:none; }
a:link     { color:#7f89f4; }    /* Verweise zu noch nicht besuchten Seiten */
a:visited  { color:#5f69c4; }    /* Verweise zu bereits besuchten Seiten */
a:focus    { color:#7f89f4; }    /* Verweise, die den Fokus erhalten */
a:hover    { color:#bfc9ff; }    /* Verweise, während der Anwender mit der Maus darüber fährt */
a:active   { color:#7f89f4; }    /* Verweise, die gerade angeklickt werden */
a.mail     { font-weight:normal; }
a.help     { font-weight:normal; cursor:help; }

/**
 * Das Titel-Frame Oben
 */
#title {
  position:absolute; top:0px; left:0px; right:0px;
  height:50px; overflow:hidden; z-index:4;
  font-family:tahoma, verdana, sans-serif;
  margin:0; padding:0; }
/* Die Tabelle */
#title table {
  background-color:#6689cd;
  margin:0; padding:0;
  width:100%; height:100%;
  border:1px solid #94addc; border-spacing:0; border-collapse:separate; }
/* Die Zellen */
#title td    {
  margin:0; padding:0;
  text-align:center; vertical-align:middle; white-space:nowrap;
  border:1px solid #94addc; }
/* Die Titelzeilen */
#title1 { color:#ddedff; font-size:14px; font-weight:bold; text-align:left; vertical-align:middle; font-variant:small-caps; letter-spacing:1pt; padding-left:5px; float:left;}
#title2 { color:#370097; font-size:14px; font-weight:bold; text-align:left; vertical-align:middle; font-variant:small-caps; letter-spacing:2pt; padding-left:5px; }
#title3 { color:#ddedff; font-size:14px; font-weight:bold; text-align:left; vertical-align:middle; font-variant:small-caps; letter-spacing:1pt; padding-left:5px; display:none;}
/* Der Text in den Kapitelzellen */
#title a     { text-decoration:none; color:#fff; }
/* Die Kapitelzellen */
#chapter0 { width:11%; background-color:#c2bf0b; background-image:url(../img/c1bg.gif); background-repeat:repeat-y; }
#chapter1 { width:11%; background-color:#6689cd; background-image:url(../img/c0bg.gif); background-repeat:repeat-y; }
#chapter2 { width:11%; background-color:#eda050; background-image:url(../img/c3bg.gif); background-repeat:repeat-y; }
#chapter3 { width:11%; background-color:#5f69c4; background-image:url(../img/c2bg.gif); background-repeat:repeat-y; }
#chapter4 { width:11%; background-color:#f594a1; background-image:url(../img/c6bg.gif); background-repeat:repeat-y; }
#chapter5 { width:11%; background-color:#76b3df; background-image:url(../img/c5bg.gif); background-repeat:repeat-y; }
#chapter6 { width:11%; background-color:#fec81f; background-image:url(../img/c4bg.gif); background-repeat:repeat-y; }
#chapter7 { width:11%; background-color:#c2bf0b; background-image:url(../img/c1bg.gif); background-repeat:repeat-y; display:table-cell;}
#chapter8 { width:11%; background-color:#eda050; background-image:url(../img/c3bg.gif); background-repeat:repeat-y; display:table-cell;}
#chapterS { width:2%; }

/**
 * Die DecoLeiste Links
 */
#deco  { display:none; }

/**
 * Die Fußleiste Unten
 */
#feat  { display:none; }

/**
 * Die Sidebar
 */
#sidebar { margin:0; padding:2px; font-family:tahoma, verdana, sans-serif; font-size:12px; font-weight:bold; font-stretch:condensed; line-height:16px; }
#sidebar ul { margin:0 0 0 1em; padding:0; list-style-type:square; }
#sidebar ul ul { margin:0 0 0 1em; padding:0; list-style-type:disc; }
#sidebar ul ul ul { margin:0 0 0 1em; padding:0; list-style-type:circle ; }
#sidebar li { margin:0; padding:0; }
/**
 * Das gesamte Textfenster
 */
#main   {
  position:absolute; top:50px; left:0px; bottom:0px; right:0px;
  margin:0px; padding:5px; overflow:auto; z-index:3; }

/* AbschnittsNavigationsBar */
#mainNav   {
  float:none; clear:none;
  width:12em;
  margin:0px; padding: 5px 2px 5px 2px;
  background-color:#ddedff;
  border-left:5px solid #6689cd; -moz-border-radius:5px;
  font-weight:bold; line-height:1.0em;}
#mainNav .nav0 { list-style:none; margin:0px 0px 0px 0.0em; padding:0; }
#mainNav .nav1 { list-style:none; margin:0px 0px 0px 0.7em; padding:0; }
#mainNav .nav2 { list-style:none; margin:0px 0px 0px 0.7em; padding:0; }
#mainNav .nav3 { list-style:none; margin:0px 0px 0px 0.7em; padding:0; }
#mainNav li { margin:0.7em 0px 0.7em 0px; padding:0;}

/* Die QuickLinkBar */
#mainQLink { display:none; }

/**
 * Das TextFeld mit dem eigentlichen Inhalt
 */
#mainContent { margin:0; padding:0 0.5em 0 0.5em; overflow:hidden; }
/* Das Textfenster, wenn keine Navigation enthalten ist */
#mainContent.withoutNav { margin:0; padding:0 0.5em 0 0.5em; }
/* Das Textfenster, wenn die gesamte Breite für den Inhalt eingesetzt werden soll */
#mainContent.clearedNav { margin:0; padding:0 0.5em 0 0; overflow:visible; }
#mainContent.clearedNav .abs { clear:both; padding-top:1em;}
#mainContent.clearedNav .abs img { float:right; }
#mainContent.clearedNav .letter { float:left; width:12em; padding: 1em 2px 1em 2px; margin:0px; background-color:#ddedff; border-left:5px solid #6689cd; -moz-border-radius:5px; font-weight:bold; color:#5f69c4; }
#mainContent.clearedNav .letter:first-line { font-size:3em; }
#mainContent.clearedNav .cnt    { margin-left:13em; }
#mainContent.clearedNav .cnt ul { margin-top:0; margin-bottom:0;}

/* Die Überschriften */
#mainContent h1,h2,h3,h4,h5,dt {color:#5f69c4; line-height:1.1em; }
#mainContent h1 { font-size:1.8em;  font-weight:bold; margin:0.7em 0; }
#mainContent h2 { font-size:1.4em;  font-weight:bold; margin:0.9em 0; }
#mainContent h3 { font-size:1.2em;  font-weight:bold; margin:1.0em 0; }
#mainContent h4 { font-size:1.0em;  font-weight:bold; margin:1.3em 0; }
#mainContent h1:first-child{ margin-top:0px; }

/* Abschnitte, die in verschiedenene Ansichten ausgeblendet werden sollen */
#mainContent .deco    { display:none;    }  /* Decoration, kann abgeschalten werden */
#mainContent .illu    { font-size:0.75em; line-height:1.2em;}  /* Illustration als Erläuterung, sollte nur bei minimaler Ansicht abgeschalten werden */
#mainContent .content { }                   /* Zwingender Inhalt */

#mainContent .zitat { font-style:italic; }
#mainContent p   { display:block; margin:0.5em 0; text-align:justify; }
#mainContent div { display:block; margin:0.5em 0; text-align:left; }
#mainContent div.frage,   p.frage   { display:block; clear:both; background-color:#ddedff; padding:1em; font-weight:bold; }
#mainContent div.antwort, p.antwort { display:block; clear:both; padding:10px; }
#mainContent div.zitat,   p.zitat   { display:block; clear:both; background-color:#ddedff; padding:1em; -moz-border-radius:5px; }
#mainContent div.link,    p.link    { text-align:left; }
#mainContent div.file,    p.file    { margin-left:40px; text-align:left; }
#mainContent div.formel,  p.formel  { clear:both; background-color:#ddedff; padding:1em; -moz-border-radius:5px; }
#mainContent div.formel,  p.formel img  { vertical-align:middle; }
#mainContent div.ab,      p.ab      { background-color:#ddedff; margin:0; padding:0.5em; }
#mainContent div.download,p.download{ display:block; padding:1em; border:5px solid #ddedff; -moz-border-radius:5px; }
#mainContent div.subtext, p.subtext { display:block; padding:0.2em; border:5px solid #ddedff; -moz-border-radius:5px; font-size:80%; line-height:1.2em;}

#mainContent .sect h1 { font-size:1em; font-weight:bold; color:#000; }
#mainContent .sect ol.abs  { list-style-type:decimal; }
#mainContent .sect ol.satz { list-style-type:decimal; }
#mainContent .sect ol.nr   { list-style-type:decimal; }
#mainContent .sect ol.pkt  { list-style-type:lower-alpha; }

#mainContent .right    { float:right; margin:2px; margin-left:1em;  margin-bottom:0.5em; }
#mainContent .left     { float:left;  margin:2px; margin-right:1em; margin-bottom:0.5em; }
#mainContent .center   { margin-left:auto; margin-right:auto; margin-bottom:1em; }
#mainContent .block    { overflow:hidden; margin:0; padding:0; }
#mainContent .border   { border: 1px solid #000; }
#mainContent .pad1     { padding:0.5em; }
#mainContent .w100c    { width:100%;  }
#mainContent .w200     { width:200px; }
#mainContent .w300     { width:300px; }
#mainContent .w400     { width:400px; }
#mainContent .h200     { height:200px; }
#mainContent .d150x150 { width:150px; height:150px; }
#mainContent .d200x200 { width:200px; height:200px; }
#mainContent .d200x300 { width:200px; height:300px; }
#mainContent .l        { text-align:left;}
#mainContent .r        { text-align:right; }
#mainContent .u        { text-decoration:underline !important; }
#mainContent .b        { font-weight:bold !important; }
#mainContent .n        { font-weight:normal !important; }
#mainContent .s        { font-size:80% !important; }
#mainContent .lo       { text-align:left;   vertical-align:top; }
#mainContent .mo       { text-align:center; vertical-align:top; }
#mainContent .ro       { text-align:right;  vertical-align:top; }
#mainContent .lm       { text-align:left;   vertical-align:middle; }
#mainContent .mm       { text-align:center; vertical-align:middle; }
#mainContent .rm       { text-align:right;  vertical-align:middle; }
#mainContent .lu       { text-align:left;   vertical-align:bottom; }
#mainContent .mu       { text-align:center; vertical-align:bottom; }
#mainContent .ru       { text-align:right;  vertical-align:bottom; }
#mainContent .t1       { padding-left:1em  !important; }
#mainContent .t5       { padding-left:5em  !important; }
#mainContent .t10      { padding-left:10em !important; }
#mainContent .v2       { padding-top:2em !important; padding-bottom:2em !important; }
#mainContent .imp      { color:#f00 !important; }
#mainContent .hbg      { background-color:#ddedff; }
#mainContent .nl       { clear:both; }
#mainContent .red      { color:#f00; }
#mainContent .nobr     { white-space: nowrap; }

/* Tabelle zur Strukturierung ohne Visualisierung */
#mainContent table.struct { border-spacing:2px;  }
#mainContent table.struct th { padding:0.2em 0.5em 0.2em 0.5em; }
#mainContent table.struct td { padding:0.2em 0.5em 0.2em 0.5em; }
#mainContent table.struct td ul,ol { margin-top:0em; margin-bottom:0em; }

/* Tabelle mit Daten */
#mainContent table.data { border-spacing:2px; width:100%; padding:0.2em 1.0em 0.2em 1.0em; }
#mainContent table.data th { background-color:#ddedff; padding:0.2em 0.5em 0.2em 0.5em; }
#mainContent table.data td { background-color:#ddedff; padding:0.2em 0.5em 0.2em 0.5em; }
#mainContent table.data td ul,ol { margin-top:0em; margin-bottom:0em; }

/* Tabelle mit einer Auflistung */
#mainContent table.dir  { border-spacing:2px; width:100%; padding:0.2em 1.0em 0.2em 1.0em; }
#mainContent table.dir  th { background-color:#ddedff; padding:0.2em 0.5em 0.2em 0.5em; }
#mainContent table.dir  td { background-color:#ddedff; padding:0.2em 0.5em 0.2em 0.5em; }
#mainContent table.dir  :first-child { background-color:#ffffff; width:100px; padding:0.2em 0.2em 0.2em 0.2em; }

/* Tabelle mit Definitionen */
#mainContent table.def  { border-spacing:2px; padding:0.2em 1.0em 0.2em 1.0em; }
#mainContent table.def  th { background-color:#ddedff; padding:0.2em 0.5em 0.2em 0.5em; }
#mainContent table.def  td {                           padding:0.2em 0.5em 0.2em 0.5em; }
#mainContent table.def  :first-child { width:50%; padding:0.2em 0.2em 0.2em 0.2em; }

/* Tabelle als Schmuck */
#mainContent table.styled { border:2px solid #ddedff; width:100%; empty-cells:show;}
#mainContent table.styled th { padding:1.0em}
#mainContent table.styled td { padding:1.0em}
#mainContent table.styled td.void { background-color:#ffffff; }
#mainContent table.styled td.fill { background-color:#ddedff; }
#mainContent table.styled td ul,ol { margin-top:0em; margin-bottom:0em; }

/* Tabelle mit Formularinhaltenm */
#mainContent table.form { background-color:#ddedff; margin:0px; padding:0.2em;  }
#mainContent table.form th           { background-color:#ddedff;                                  padding:0.2em; }
#mainContent table.form td.title     { background-color:#ddedff; font-weight:bold;                padding:0.2em; }
#mainContent table.form td.label     { background-color:#719ed6; color:#ffffff; font-weight:bold; padding:0.2em; }
#mainContent table.form td.input     { background-color:#ddedff;                                  padding:0.2em; }
#mainContent table.form input.text   { background-color:#ffffff; color:#000000;                   border:1px solid #ddedff; padding:0.1em;}
#mainContent table.form input.button { background-color:#5f69c4; color:#ffffff; font-weight:bold; border:1px solid #ddedff; padding:0.1em;}

#mainContent ul.struct { list-style:none inside; margin: 0px; padding:0px; }/* Liste zur Strukturierung ohne Visualisierung */

#mainContent dl.block dt     { clear:both; padding-top:1em; padding-bottom:0.5em; font-weight:bold; }
#mainContent dl.block dt img { float:left; padding-right:1em; padding-bottom:1em; }

#mainContent dl.glossar dt { clear:both; background-color:#ddedff; font-weight:bold; margin:0.5em 0 0.5em 0; padding:0.5em 1em 0.5em 1em; }
#mainContent dl.glossar dd { float:left; text-align:justify; margin:0.5em 0 0.5em 0; padding:0 1em 0.5em 1em; }

#mainContent dl.list        { margin:0.5em 0em 0.5em 1em !important;  }
#mainContent dl.list dt     { background-color:#fff !important; margin:0 0 0 0 !important; padding:0 0 0 0   !important; }
#mainContent dl.list dd     { background-color:#fff !important; margin:0 0 0 0 !important; padding:0 0 0 1em !important; }

#mainContent img          { border:0; }
#mainContent img.filetype { border:5; vertical-align:middle; width:36px; height:36px; }
#mainContent hr           { border:1px solid #7f89f4; }


#mainFeat  { clear:both; border-top:1px solid #7f89f4; padding:3px;}
#mainFeat1 { float:left; width:30%; text-align:left;   }
#mainFeat2 { float:left; width:40%; text-align:center; }
#mainFeat3 { float:left; width:28%; text-align:right;  }
#mainFeat img  { border:0; width:16px; height:16px;}

