/* unset browser defaults */
/* based on: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

  html, body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  del, dfn, em, font, img, ins, kbd, q, s, samp,
  tt, var,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    line-height: inherit;
    color: inherit;
    background: transparent;
  }
  input, select, textarea, button, option, optgroup {
    margin: 0;
    padding: 0;
    /* border: 0; - disables custom controls */
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    line-height: inherit;
  }
  /* remember to define focus styles! */
  /*
  :focus {
    outline: 0;
  }
  */
  body {
    /* line-height: 1; */
    color: black;
    background: white;
  }
  /*
  ol, ul {
    list-style: none;
  }
  */
  /* tables still need 'cellspacing="0"' in the markup */
  table {
    border-collapse: separate;
    border-spacing: 0;
  }
  caption, th, td {
    /* text-align: left; - overrides align=right */
    font-weight: normal;
  }
  blockquote:before, blockquote:after,
  q:before, q:after {
    content: "";
  }
  blockquote, q {
    quotes: "" "";
  }

/* IServ Stylesheet */

  html, body { height: 100%; }

  /* hide scroll bar in ie */
  body.ie { overflow: auto; }

  /* make iframe independent of line-height */
  iframe { display: block; }

/* Schrift */
  body { font: 13px/18px 'Lucida Grande', Verdana, sans-serif; }
  h1, h2, h3, h4, h5, h6 { font-weight: bold; }
  a { text-decoration: none; color: black; }
  a:hover { text-decoration: underline; color: navy; }
  a:hover.hidden { text-decoration: none; }
  q { color: navy; font-style: italic; }

/* Ränder */
  p, pre, h1, h2, h3, h4, h5, h6, ul, ol { margin: .5em 0; }
  ul, ol { margin-left: 1.5em; }

/* Bilder */
  img { border: 0px; }
  img.border { border: 1px solid black; }
  img.icon, input.icon { margin-right: 4px; vertical-align: middle; }
  img.iconr, input.iconr { margin-left: 4px; 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; }
  /* width=100% only works with margin-left|right=0 */
  input, select { margin: 1px 0; }
  input.stdbtn, select.stdbtn { width: 8em; }
  input.checkbox { vertical-align: middle; margin: 0 4px 0 0; }
  option { padding: 0 .25em; }
  optgroup { margin-top: .5em; text-indent: .25em; }
  optgroup option { text-indent: 1.5em; }

  input, select, textarea, button { /* disable w3c box model */
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

/* PageBlue */
  .blue { background: #6989b7; color: white; }
  .blue .cap { /* for ie loose: */ color: white;
    background: url(img/mx.php/bl/ctrl/blue.h.png) no-repeat bottom left;
    height: 3em; font-weight: bold; padding: 0 1em; vertical-align: middle; }
  .blue .capspc { margin-bottom: 2em; line-height: 0; }
  .blue .indent { padding: 0 2em; }
  .blue .content { padding: 2em 2em 0 2em; }
  /* defining background for whole tr does not work with ie8 :( */
  .blue .footer td { padding: 0 2em; vertical-align: middle; height: 3em; }
  .blue .footer-right { text-align: right;
    background: url(img/mx.php/bl/ctrl/blue.f.png) no-repeat top right; }
  .blue h1 { font-size: 24px; line-height: 1.2em; margin: 1em 0 1.2em; }
  .blue h2 { margin: 0 0 .5em;
    background: url(img/mx.php/bl/ctrl/blue.ul.png) no-repeat bottom left; }
  .blue a, .blue a:hover { color: white; }
  .blue hr { border: 2px dashed #97AECD; }
  .blue .err { color: white; }
  .blue a.btn { font-weight: bold; white-space: nowrap;
    padding: .3em 1em; border: 1px solid #97AECD; }
  .blue a.btn:hover { text-decoration: none; }
  .blue a.btn:active { text-decoration: none; border: 1px solid white; }

  .blue .imgbtn { margin: 1em 0; }
  .blue .imgbtn img.icon { float: left; margin: 0 .8em 0 0; }

/* Control: GroupBox */
  .grpbox { background-color: #1c4174; color: white; border: 1px solid white;
    width: 100%; margin-bottom: 2em; }
  .grpbox td.h { height: 3em; font-weight: bold; vertical-align: middle;
    padding: 0 1em;
    background: url(img/mx.php/gb/ctrl/gb.h.png) no-repeat bottom left; }
  .grpbox td.c { padding: 0 1em; }
  .grpbox td.c div.mt { margin-bottom: 1em; line-height: 0; }
  .grpbox td.c div.mb { margin-top: 1em; line-height: 0; }
  .grpbox td.f { height: 3em; text-align: right; vertical-align: middle;
    background: url(img/mx.php/gb/ctrl/gb.f.png) no-repeat top right;
    padding: 0 1em; }
  .grpbox h2 { 
    background: url(img/mx.php/gb/ctrl/blue.ul.png) no-repeat bottom left; }
  .grpbox a.btn { border: 1px solid #586b86; }

/* Control: TreeView */
  .treeview { background-color: white; color: black; }
  .treeview tr.bg { background-color: #f0f0e0; }
  .treeview a { color: black; }
  .treeview a:hover { color: navy; }
  .treeview td { padding: 0 .8em; }
  .treeview td.first { padding-left: 3.7em; text-indent: -2.9em; }
  .treeview td h3 { margin-left: -.8em; padding-left: .8em; padding-top: .8em;
    background: url(img/ctrl/ul.png) no-repeat bottom left; }
  .treeview td h4 { margin-left: -.8em; padding-left: .8em;
    background: url(img/ctrl/ul.png) no-repeat bottom left; color: #4E70A2; }
  .treeview .hd {
    background: #ECE9D8 url(img/ctrl/tv/top.gif) repeat-x bottom; }
  .treeview .hd td { white-space: nowrap; height: 1.8em;
    vertical-align: middle;  }
  .treeview .hd input { border: 0; background: none; height: 1.6em; }
  .treeview .hd img { vertical-align: 2px; margin-left: 3px;
    width: 9px; height: 5px; }

  .thumb { float: left; margin: .8em 0; }
  .thumb div { white-space: nowrap; overflow: hidden; text-align: center;
    width: 100%; height: 1.5em; }
  .thumb table { margin: 0; border-collapse: collapse; padding: 0;
    width: 100%; }
  .thumb td { margin: 0; border: none; padding: 0; line-height: 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; }

  td.tbtop { padding-bottom: .5em; }
  td.tbbtm, .tbbtm td { padding: .6em .8em; height: 1px;
    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 */

/* jQuery */
  /* General */
  .ui-widget { font: 13px/18px 'Lucida Grande', Verdana, sans-serif; }

  /* Autocomplete*/
  .ui-autocomplete.ui-widget { font-size: 1em; }
  .ui-autocomplete-loading { background: white
    url('img/ctrl/loading.gif') right center no-repeat; }
  
  /* Datepicker - Fixing smoothness theme */
  .blue #ui-datepicker-div {display: none;}
  #ui-datepicker-div table, #ui-timepicker-div table {color: #222222;}
  #ui-datepicker-div a:hover {color: #2E6E9E;}
  #ui-datepicker-div a.ui-state-active:hover {color: #E17009;}
  #ui-datepicker-div a.ui-state-highlight:hover {color: #363636;}
  
  /* Timepicker */
  .ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
  .ui-timepicker-div dl{ text-align: left; }
  .ui-timepicker-div dl dt{ height: 25px; }
  .ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
  .ui-timepicker-div td { font-size: 90%; }
  
  /* Combobox - Fixing smoothness theme */
  .blue .ui-widget-content a, .blue .ui-widget-content a:hover {
     color: #222222;
  }
  .ie button.ui-combobox { margin-top: -1px; }

/* 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; }
  .help { font-weight: normal; margin-top: 5px; }

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

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

  .pad td { padding: 0 .5em; }
  .pad-all td { padding: 0.2em; }
  .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: 2em; }
  .center { margin-left: auto; margin-right: auto; }
  ul.flat { list-style: none ; margin-left: 0; }