/* Hauptteil */
body
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  font-weight: normal;
  color: #000066;
  background-color: #FFFFFF;
  margin: 0;
  scrollbar-shadow-color: #000066;
  scrollbar-face-color: #006699;
  scrollbar-highlight-color: #000066;
  scrollbar-arrow-color: #FFFFFF;
}
/* --- */

/* Links (Allgemein) */
a:link
{
  color: #000066;
  text-decoration: none;
  font-weight: normal;
  font-size: 12px;
}

a:active
{
  color: #000066;
  text-decoration: none;
  font-weight: normal;
  font-size: 12px;
}

a:visited
{
  color: #000066;
  text-decoration: none;
  font-weight: normal;
  font-size: 12px;
}

a:hover
{
  color: #86AAC7;
  text-decoration: underline;
  font-weight: normal;
  font-size: 12px;
}
/* --- */

/* Links (Text) */
a:link.text
{
  color: #86AAC7;
  text-decoration: none;
  font-weight: normal;
  font-size: 12px;
}

a:active.text
{
  color: #86AAC7;
  text-decoration: none;
  font-weight: normal;
  font-size: 12px;
}

a:visited.text
{
  color: #86AAC7;
  text-decoration: none;
  font-weight: normal;
  font-size: 12px;
}

a:hover.text
{
  color: #86AAC7;
  text-decoration: underline;
  font-weight: normal;
  font-size: 12px;
}
/* --- */

/* Links (Kopf) */
a:link.header
{
  color: #000066;
  text-decoration: none;
  font-size: 12px;
  white-space: normal;
  font-weight: bold;
}

a:active.header
{
  color: #000066;
  text-decoration: none;
  font-size: 12px;
  white-space: normal;
  font-weight: bold;
}

a:visited.header
{
  color: #000066;
  text-decoration: none;
  font-size: 12px;
  white-space: normal;
  font-weight: bold;
}

a:hover.header
{
  color: #86AAC7;
  text-decoration: underline;
  font-size: 12px;
  white-space: normal;
  font-weight: bold;
}
/* --- */

/* Bilder */
div.logo
{
  background-image: url(../images/logo.jpg);
  background-repeat: no-repeat;
  width: 150px;
  height: 66px;
}

div.mailText
{
  background-image: url(../images/mail_text.gif);
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}

div.mailHtml
{
  background-image: url(../images/mail_html.gif);
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}

div.ok
{
  background-image: url(../images/ok.gif);
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}

div.edit
{
  background-image: url(../images/edit.gif);
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}

div.del
{
  background-image: url(../images/del.gif);
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}

div.attach
{
  background-image: url(../images/attach.png);
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}

div.unassigned
{
  background-image: url(../images/unassigned.gif);
  background-repeat: no-repeat;
  width: 10px;
  height: 10px;
}

div.flagRed
{
  background-image: url(../images/flag_red.gif);
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}
/* --- */

/* Überschrift (Titel) */
h2.title
{
  font-size: 18px;
  white-space: nowrap;
  margin: 2px 0px 5px 0px;
  font-weight: bold;
  padding-top: 5px;
  letter-spacing: 1px;
}
/* --- */

/* Überschrift (Untertitel) */
h2.subtitle
{
  font-size: 16px;
  white-space: nowrap;
  margin: 2px 0px 5px 0px;
  font-weight: bold;
  padding-top: 5px;
  letter-spacing: 1px;
}
/* --- */

/* Schriftart (Inaktiv) */
font.inactive
{
  color: #FF0000;
}
/* --- */

/* Schriftart (Warnung) */
font.alert
{
  color: #FF0000;
}
/* --- */

/* Schriftart (Statistik) */
font.statruns
{
  color: #007700;
}

font.statwait
{
  color: #0000B0;
}

font.statstop
{
  color: #CC0000;
}
/* --- */

/* Tabelle (Allgemein) */
table
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  font-weight: normal;
}
/* --- */

/* Tabelle (Liste) */
table.list
{
  border: 1px solid #86AAC7;
  border-collapse: collapse;
  background-color: #F5F5F5;
  color: #000066;
}
/* --- */

/* Tabellenspalte (Überschrift) */
td.header
{
  border: 1px solid #86AAC7;
  border-collapse: collapse;
  background-color: #E1E1F1;
  color: #000066;
  font-size: 12px;
  white-space: normal;
  font-weight: bold;
  padding-left: 3px;
  padding-right: 3px;
}
/* --- */

/* Tabellenspalte (Hauptteil) */
td.body
{
  border: 1px solid #86AAC7;
  border-collapse: collapse;
  background-color: #F5F5F5;
  color: #000066;
  font-size: 12px;
  white-space: normal;
  font-weight: normal;
  padding-left: 3px;
  padding-right: 3px;
}
/* --- */

/* Tabellenspalte (Hauptteil ohne Rand) */
td.bodyNoP
{
  border: 1px solid #86AAC7;
  border-collapse: collapse;
  background-color: #F5F5F5;
  color: #000066;
  font-size: 12px;
  white-space: normal;
  font-weight: normal;
}
/* --- */

/* Tabellenspalte (Überschrift Erweiterte) */
td.headerExt
{
  border-top: 1px solid #86AAC7;
  border-left: 1px solid #86AAC7;
  border-right: 1px solid #86AAC7;
  border-collapse: collapse;
  background-color: #E1E1F1;
  color: #000066;
  font-size: 12px;
  white-space: normal;
  font-weight: bold;
  padding-left: 3px;
  padding-right: 3px;
}
/* --- */

/* Tabellenspalte (Überschrift Seitenleiste) */
td.headerSide
{
  border-left: 1px solid #86AAC7;
  border-collapse: collapse;
  background-color: #E1E1F1;
  color: #000066;
  font-size: 12px;
  white-space: normal;
  font-weight: bold;
}
/* --- */

/* Tabellenspalte (Untertitel) */
td.headerSub
{
  border: 1px solid #86AAC7;
  border-collapse: collapse;
  background-color: #F5F5F5;
  color: #000066;
  font-size: 12px;
  white-space: normal;
  font-weight: bold;
  padding-left: 3px;
  padding-right: 3px;
}
/* --- */

/* Tabellenspalte (Unterteil) */
td.bodySub
{
  border: 1px solid #86AAC7;
  border-collapse: collapse;
  background-color: #FFFFFF;
  color: #000066;
  font-size: 12px;
  white-space: normal;
  font-weight: normal;
}
/* --- */

/* Tabelle (Menü) */
table.menu
{
  border-left: 1px solid #86AAC7;
  border-bottom: 1px solid #86AAC7;
  border-collapse: collapse;
  background-color: #F5F5F5;
  color: #000066;
}
/* --- */

/* Tabellenspalte (Menü Seitenleiste) */
td.menuSide
{
  border-right: 1px solid #86AAC7;
  border-collapse: collapse;
  vertical-align: top;
}
/* --- */

/* Tabellenspalte (Menü Titel) */
td.menuHeader
{
  border-left: 1px solid #86AAC7;
  border-top: 1px solid #86AAC7;
  border-bottom: 1px solid #86AAC7;
  border-collapse: collapse;
  background-color: #E1E1F1;
  color: #000066;
  font-size: 12px;
  white-space: normal;
  font-weight: bold;
}
/* --- */

/* Tabellenspalte (Menü Hauptteil) */
td.menuBody
{
  border-left: 1px solid #86AAC7;
  border-top: 1px solid #86AAC7;
  border-bottom: 1px solid #86AAC7;
  border-collapse: collapse;
  background-color: #F5F5F5;
  color: #000066;
  font-size: 12px;
  white-space: normal;
  font-weight: normal;
}
/* --- */

/* Tabelle (Optionskasten) */
table.optBox
{
  border: 1px dashed #86AAC7;
  border-collapse: collapse;
  background-color: #F5F5F5;
  color: #000066;
}
/* --- */

/* Eingabefelder */
select
{
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  color: #000066;
  background-color: transparent;
  border: 1px solid #000066;
  list-style-position: outside;
}

input
{
  font-family: Arial, sans-serif;
  background-color: transparent;
  color: #000066;
  font-size: 12px;
  border: 1px solid #000066;
}

option
{
  font-family: Arial, sans-serif;
  background-color: #F5F5F5;
  color: #000066;
  font-size: 12px;
}

.textfield
{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 12px;
  color: #000066;
  background-color: transparent;
  border: 1px solid #000066;
}

.textarea
{
  font-family: Arial, sans-serif;
  background-color: transparent;
  color: #000066;
  font-size: 12px;
  border: 1px solid #000066;
}

.checkbox
{
  vertical-align: middle;
  margin: 0px;
  padding: 0px;
  border: 0;
  height: 18px;
}

.checkboxSmall
{
  vertical-align: middle;
  margin: 0px;
  padding: 0px;
  border: 0;
  height: 16px;
}

.radio
{
  vertical-align: middle;
  margin: 0px;
  padding: 0px;
  border: 0;
}
/* --- */