/* handheld.css - override styles for handheld devices, for web display on handhelds/computers with low resolution, loaded additionally to screen.css and antiscreen.css */

body {
  /* handheld does not use background image - just dark background color and different background(s) for menu and tdright */
  padding:0px;
  font-family:Verdana, sans-serif;
  font-size:100%;
  color:#ffffff;
  line-height:130%;    /* handheld has slightly smaller line-height */
  background-color:#000022;
  color:#ffffff;
  margin:4px;
}

td, div {
  font-family:Verdana, sans-serif;
  font-size:100%;
  line-height:130%;    /* handheld has slightly smaller line-height */
  color:#cccccc;
  margin-top:0px;
  margin-bottom:1px;
  padding-bottom:0px;
}
p {
  font-family:Verdana, sans-serif;
  font-size:100%;
  line-height:130%;    /* handheld has slightly smaller line-height */
  color:#cccccc;
  margin-top:0px;
  margin-bottom:2px;
  padding-bottom:0px;
}

img.border {
  border: 0px;
  padding-top: 1px;    /* handheld has less padding */
  padding-left: 2px;
  padding-right: 2px;
  padding-bottom: 1px;
}

/* legacy formatting for imported pages */
div.csc-textpic-imagewrap > dl {
  padding-right: 10px;   /* handheld uses less padding */
}

div.table {
  display:inline;
  margin-top:0px;
  margin-bottom:0px;
  border-collapse:collapse;
}
div.td, div.tdleft, div.tdcontent, div.tdright {
  vertical-align:top;
  border-collapse:collapse;
/*   border:thin solid red; */
  valign:top;
  padding: 0px;
  margin-top:0px;
  margin-bottom:0px;
}

div.tr {
  display:block;
}
div.tdcontent {
  width:100%;
  display:block;
  /* handheld does not use display:table-cell as this would waste display space - float instead */
}
div.tdleft {
  background-color:#000044;
  display:inline;
  clear:left;
  float:left;
  margin-top:0px;
  margin-bottom:5px;
  margin-left:0px;
  margin-right:5px;
  min-width:33%;
  max-width:33%;
  padding-top:0px;
  padding-bottom:10px;
  padding-left:0px;
  padding-right:5px;
}
div.tdright {
  background-color:#000033;
  /* handheld does not float right - uses full width of content column (above content) */
  min-width: 62%;   /* rest is occupied by tdleft (menu/navigation) */
  max-width: 62%;   /* rest is occupied by tdleft (menu/navigation) */
  margin-top:0px;
  margin-bottom:5px;
  margin-left:0px;
  margin-right:0px;
  padding-left:5px;
  padding-bottom:5px;
  valign:top;
}

div.stav-logo > a > img {
  border-width:0px;
  width:150px;  /* handheld uses 150px instead of 200px */
  height:93px;  /* handheld uses 127/4*3 = 93px */
}

/* handheld style does not have right-aligned text inside div.stav-login-info */

div.stav-navigation {
  min-height:80px;
  list-style-type:none;
}

ul.level-one, ul.level-two, ul.level-three {
  font-size:90%;      /* handheld style has smaller fontsize for menues */
  padding-left:10px;  /* handheld has less padding */
  list-style-type:none;
  line-height:110%;
}

th.tdright, td.tdright {
  /* handheld style does not have right-aligned text inside div.stav-login-info */
  vertical-align:top;
}

H1 {
  font-family:Verdana, sans-serif;
  font-size:160%;
  line-height:110%;   /* handheld has slightly smaller line-height */
  color:#FFFF7F;
  margin-bottom:0px;
  margin-top:10px;
}
H2 {
  font-family:Verdana, sans-serif;
  font-size:140%;
  line-height:110%;  /* handheld has slightly smaller line-height */
  color:#FFFF7F;
  margin-bottom:10px;
  margin-top:20px;
}
H3 {
  font-family:Verdana, sans-serif;
  font-size:120%;
  line-height:110%;  /* handheld has slightly smaller line-height */
  color:#FFFF7F;
  margin-bottom:0px;
  margin-top:10px;
}
H4 {
  font-family:Verdana, sans-serif;
  font-size:110%;
  line-height:110%;  /* handheld has slightly smaller line-height */
  color:#FFFF7F;
  margin-bottom:0px;
  margin-top:10px;
}