/* IServ Stylesheet */

/* Seite */
  body { background: white; color: black; margin: 0; padding: 0; }
  body.ie { overflow: auto; }	/* Scrollbar nur wenn nötig */

/* Ränder */
  form { margin: 0; }
  p, pre, h1, h2, h3, h4 { margin: 8px 0; }
  ul, ol { margin: 0 0 0 16px; padding: 0; }

/* Schrift */
  body, td, input, select, p, ul, li, form, div, h1, h2, h3, h4, .p {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; }
  body, td, input, select, p, ul, li, form, div, pre, .p { font-size: 8pt; }
  h1, .h1 { font-size: 12pt; font-weight: bold; }
  h2, .h2 { font-size: 10pt; font-weight: bold; }
  h3, .h3 { font-size: 8pt; font-weight: bold; padding: 0 8px 2px;
    background: url(img/ctrl/ul.png) no-repeat bottom left; }
  h4, .h4 { font-size: 8pt; font-weight: bold; padding: 0 8px 2px;
    background: url(img/ctrl/ul.png) no-repeat bottom left; color: #4E70A2; }

  textarea, .textarea { font: 10pt Verdana, Arial, Helvetica, sans-serif; }

/* Links */
  a { text-decoration: none; color: black; }
  a:hover { text-decoration: underline; color: navy; }
  a:hover.hidden { text-decoration: none; }

/* Bilder */
  img { border: 0px; }
  img.border { border: 1px solid black; }
  img.icon, input.icon { margin-right: 3px; vertical-align: middle; }
  img.iconr, input.iconr { margin-left: 3px; vertical-align: middle; }

  /* Icongrößen */
  img.s16, input.s16 { width: 16; height: 16; }
  img.s20, input.s20 { width: 20; height: 20; }
  img.s24, input.s24 { width: 24; height: 24; }
  img.s32, input.s32 { width: 32; height: 32; }
  img.s48, input.s48 { width: 48; height: 48; }

/* Controls */
  label { cursor: pointer; }
  input, select { vertical-align: middle; color: black; }

  /* Höhe = 19px */
  input.submit { height: 21px; padding: 0 4px 1px 4px; }
  input.text, input.password, input.file { height: 19px; padding: 1px 2px; }
  select { height: 17px; padding: 0; }		/* Wird vom IE ignoriert */

  input.stdbtn { width: 75px; padding: 0 0 1px 1px; }
  select.stdbtn { width: 75px; }
  input.checkbox { width: 13px; height: 13px;
    margin: 0px 2px 1px 0px; padding: 0px; }

/* Quotes */
  q { color: navy; font-style: italic; }
  q:before, q:after { content: ""; }


/* PageBlue */
  .blue, .bgblue { background: #6989b7; color: white; }
  .blue .cap { background: url(img/mx.php/bl/ctrl/blue.h1.png) no-repeat;
    height: 35px; font-weight: bold; padding: 0 8px; vertical-align: middle; }
  .blue .cap img { margin-right: 8px; }
  .blue .capspc { margin-bottom: 12px; line-height: 0; }
  .blue .content { padding: 0 16px; }
  .blue h1 { font-size: 24px; margin: 16px 0; }
  .blue h2 { font-size: 8pt; margin: 0; padding: 0 0 1px;
    background: url(img/mx.php/bl/ctrl/blue.ul.png) no-repeat bottom left; }
  .blue p { margin: 8px 0; }
  .blue ul { margin: 8px 8px 8px 24px; }
  .blue a, .blue a:hover { color: white; }
  .blue hr { border: 2px dashed #97AECD; }
  .blue .err { color: white; }
  .blue a.btn { font-weight: bold; text-align: center; white-space: nowrap;
    padding: 3px 8px; border: 1px solid #97AECD; width: 75px; height: 21px; }
  .blue a.btn:hover { text-decoration: none; }
  .blue a.btn:active { text-decoration: none; padding: 4px 7px 2px 9px; }
  .blue .imgbtn img.icon { float: left; margin-right: 8px; }
  .blue .opt { margin: 4px 0; }
  .blue .opt img.icon { margin-right: 8px; }
  .blue .opt a, .blue .opt a:hover { color: white; }
  .blue input.text, .blue input.password, .blue input.file { height: 21px;
    padding: 3px; background: white; color: black; border: 1px solid #7F9DB9; }
  .blue input.submit { background-color: transparent; margin-bottom: 1px;
    border: 1px solid #97AECD; font-weight: bold; color: white; height: 22px; }
  .blue input.stdbtn { width: 90px; }

/* Control: GroupBox */
  .grpbox { background-color: #1c4174; color: white; border: 1px solid white;
    width: 100%; margin-bottom: 16px; }
  .grpbox .h { height: 31px; font-weight: bold; vertical-align: middle;
    padding: 0 8px;
    background: url(img/mx.php/gb/ctrl/gb.h.png) no-repeat top left; }
  .grpbox .f { height: 31px; text-align: right; vertical-align: middle;
    background: url(img/mx.php/gb/ctrl/gb.f.png) no-repeat bottom right;
    padding: 0 8px; }
  .grpbox h2 { font-size: 8pt; margin: 0 8px; padding: 0 0 1px;
    background: url(img/mx.php/gb/ctrl/blue.ul.png) no-repeat bottom left; }
  .grpbox p, .grpbox p.opt { margin: 8px; }
  .grpbox a.btn { border: 1px solid #586b86; }
  .grpbox table.pad { margin: 2px; }

/* Control: ColBox */
  .colbox { border: 2px solid #5276AB; }
  .colbox .hl td, .colboxbg { background-color: #5276AB; }

/* Control: TreeView */
  .treeview { background-color: white; color: black; }
  .treeview a { color: black; }
  .treeview a:hover { color: navy; }
  .treeview td { padding: 1px 4px 0px; }
  .treeview .hd {
    background: #ECE9D8 url(img/ctrl/tv/top.gif) repeat-x bottom; }
  .treeview .hd td {
    padding-bottom: 3px; height: 20px; vertical-align: middle; }
  .treeview .hd .order { margin: 0 0 2px 8px; width: 9px; height: 5px; }

/* Toolbar */
  td.tbbtm, .tbbtm td { padding: 6px 4px 4px;
    background: #ECE9D8 url(img/ctrl/tv/btm.gif) repeat-x; }


/* Ausrichtung */
  td { vertical-align: top; }

  /* Horizontal */
  .hal, .haltd td { text-align: left; }	
  .hac, .hactd td { text-align: center; }
  .har, .hartd td { text-align: right; }

  /* Vertical */
  .vat, .vattd td { vertical-align: top; }
  .vam, .vamtd td { vertical-align: middle; }
  .vab, .vabtd td { vertical-align: bottom; }

  /* Float */
  .left { float: left; }
  .right { float: right; }

  /* Maximieren */
  .mw { width: 100%; }			/* max width */
  .mh { height: 100%; }			/* max height */
  .ms { width: 100%; height: 100%; }	/* max size */

/* Diverse */
  .nobr { white-space: nowrap; }
  .err { color: red; font-weight: bold; }
  .hint { color: gray; }
  .win { background-color: #ece9d8; color: black; }
  .bold, .bold td { font-weight: bold; }

  .textbox { padding: 2px 2px 3px; }
  .ctrl, .textbox {
    background: white; color: black; border: 1px solid #7F9DB9; }

  .pad td { padding: 2px 6px; }
  .margin { margin-left: 8px; margin-right: 8px; }
  body.margin { margin: 8px; }
  .nomargin { margin: 0px !important; }
  .noborder { border: none !important; }
  .nopadding { padding: 0px !important; }
  .spc16, .spc16 div { width: 16px; }