/* 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, th, input, select, button, p, ul, li, form, div, h1, h2, h3, h4,
    .p { font-family: Tahoma, Verdana, sans-serif; }
  body, td, th, input, select, button, p, ul, li, form, div, pre, .p {
    font-size: 11px; }
  h1, .h1 { font-size: 16px; font-weight: bold; }
  h2, .h2 { font-size: 13px; font-weight: bold; }
  h3, .h3 { font-size: 11px; font-weight: bold; padding: 0 8px 2px;
    background: url(img/ctrl/ul.png) no-repeat bottom left; }
  h4, .h4 { font-size: 11px; font-weight: bold; padding: 0 8px 2px;
    background: url(img/ctrl/ul.png) no-repeat bottom left; color: #4E70A2; }

  textarea, .textarea { font: 13px Verdana, 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: 16px; height: 16px; }
  img.s20, input.s20 { width: 20px; height: 20px; }
  img.s24, input.s24 { width: 24px; height: 24px; }
  img.s32, input.s32 { width: 32px; height: 32px; }
  img.s48, input.s48 { width: 48px; height: 48px; }

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

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

  optgroup { font-style: normal; font-weight: normal; margin-top: 6px; }

/* 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.h.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 .indent { padding: 0 16px; }
  .blue .content { padding: 12px 16px; height: 100%; }
  .blue .footer td { padding: 0 16px; vertical-align: middle; height: 35px; }
  .blue .footer-right { text-align: right;
    background: url(img/mx.php/bl/ctrl/blue.f.png) no-repeat right; }
  .blue h1 { font-size: 24px; margin: 0 0 16px; }
  .blue h2 { font-size: 11px; 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; }

  .bluectrl input.text, .bluectrl input.password, .bluectrl input.file {
    height: 21px; padding: 3px; background: white; color: black;
    border: 1px solid #7F9DB9; }
  .bluectrl input.submit { background-color: transparent; margin-bottom: 1px;
    border: 1px solid #97AECD; font-weight: bold; color: white; height: 22px; }
  .bluectrl 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: 11px; 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: 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 { white-space: nowrap;
    padding-bottom: 3px; height: 20px; vertical-align: middle; }
  .treeview .hd input { border: 0; padding: 0; margin: 0; background: none; }
  .treeview .hd img { vertical-align: middle; margin: 0 0 0 .5ex;
    width: 9px; height: 5px; }

  .thumb { float: left; margin: 8px 0px; }
  .thumb div { white-space: nowrap; overflow: hidden; text-align: center;
    width: 100%; height: 16px; margin: 4px 0; }
  .thumb table { margin: 0; border-collapse: collapse; padding: 0;
    width: 100%; }
  .thumb td { margin: 0; border: none; padding: 0;
    text-align: center; vertical-align: bottom; }

  /* label can be 32px wider than thumb */
  .t64 { width: 96px; } .t64 table { height: 64px; }
  .t96 { width: 128px; } .t96 table { height: 96px; }
  .t128 { width: 160px; } .t128 table { height: 128px; }
  .t192 { width: 224px; } .t192 table { height: 192px; }
  .t256 { width: 288px; } .t256 table { height: 256px; }
  .t384 { width: 416px; } .t384 table { height: 384px; }

/* 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; }

  .text-red { font-weight: bold; color: #ff0000; }
  .text-green { font-weight: bold; color: #00cc00; }
  .text-blue { font-weight: bold; color: #3366ff; }

  .textbox { padding: 2px 2px 3px; }
  .signature { color: #888888; }
  .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; }