body, th, td, td.td, th.th, p, p.darkCenter, p.lightCenter, p.framedAHRef,
p.address, p.teaser, p.logo, input, select, textarea, li, li.l2, h1, h2, h3 {
  font-family: verdana, arial, helvetica /*color: #FF0000*/;
}
body, th, td, p, p.teaser, ul, ul.l2, li.l2, ul.ul, li {
  font-size: 8pt;
}
ul {
  margin-left: 5px;
  padding-left: 15px;
  list-style-type: square;
}
ul.l2 {
  margin-left: 5px;
  padding-left: 15px;
  list-style-type: disc;
}

input, select, textarea {
  font-size: 8pt;
}
td.td, th.th {
  font-size: 8pt;
}
p.darkCenter, p.lightCenter, p.framedAHRef, p.address, p.teaser {
  font-size: 8pt;
}

a, a.address, a.menu, a.menuOnDark, a.menuOnLight, a.imageLink {
  color: black;
}
a, a.address {
  text-decoration: underline;
}
a.address, a.menu, a.menuOnDark, a.menuOnLight {
  font-size: 10px;
}
a.imageLink {
  font-size: 9px;
}
a.menu, a.menuOnDark, a.menuOnLight, a.imageLink {
  text-decoration: none;
  font-weight: bold;
}

a.menu:hover, a.imageLink:hover {
  color: #FF0000;
}
a.menuOnDark:hover {
  color: white;
}
a.menuOnLight:hover {
  color: #FF0000;
}

p.teaser {
  font-style: italic;
  text-align: left;
}

p.logo {
  margin-top: 15px;
  font-weight: bold;
  font-size: 14pt;
}
h1 {
  font-size: 12pt;
  font-weight: bold;
}
h2 {
  font-size: 11pt;
  font-weight: bold;
}
h3 {
  font-size: 10pt;
  font-weight: bold;
}

table.dark {
  border: 0;
  height: 20px;
  width: 100%;
  background-color: #CCCCCC;
}
table.light {
  border: 0;
  height: 20px;
  width: 100%;
  background-color: #E5E5E5;
}
td.normal {
  background-color: #FFFFFF;
}
td.light {
  background-color: #E5E5E5;
}
p.address, p.navBar, td.navBar {
  font-size: 10px;
  font-weight: bold;
}
/*padding-right: 23px; text-align: right; }*/

td.dark, td.dark2, td.light, td.darkCenter, td.lightCenter {
  font-size: 10px;
  font-weight: bold;
}
p.darkCenter, p.lightCenter, p.frameLightCenter, p.framedAHRef {
  text-align: center;
  font-size: 7pt;
}
td.frame {
  background-color: #FF0000;
}

th.th {
  background-color: #CCCCCC;
}
td.td {
  background-color: #E5E5E5;
}

ul.ul, li.li, li.li2, li.td {
  padding-left: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-left: 9px
}
ul.ul2, ul.td {
  margin-bottom: 0px
}

#img {
  border: 0;
  width: 78px;
  /*height: 100;*/
}
#td.picture {
  border: 1 solid #FF0000;
}
td.eclink {
  border: 1 solid #FF0000;
  background-color: #E5E5E5;
  font-weight: 700;
  font-size: 9px;
  text-align: center;
  height: 20px;
  width: 78px;
}

td.dark, td.darkCenter {
  background-color: #CCCCCC;
}
td.dark2 {
  color: white;
  background-color: #FF0000;
}
td.light, td.lightCenter {
  background-color: #E5E5E5;
}

img {
  border-color: #FF0000
}

img.top {
  width: 507px;
  height: 68px;
}

@media only screen and (min-width: 600px) {
  body {
    width: 550px;
    max-width: 550px;
  }
  table.inner {
    width: 534px;
    max-width: 534px;
  }
  /*
   * Most browsers don't get this right, they add some kind of padding to a
   * total height of 57.67px, so remove this effect.
  img.top {
    width: 357px;
    height: 47px;
  }
  tr.normal, td.normal {
    height: 47px;
  }*/
}

@media only screen and (min-width: 768px) {
  body {
    width: 718px;
    max-width: 718px;
  }
  table.inner {
    width: 702px;
    max-width: 702px;
  }
  /*
   * Most browsers don't get this right, they add some kind of padding to a
   * total height of 57.67px, so remove this effect.
  img.top {
    width: 357px;
    height: 47px;
  }
  tr.normal, td.normal {
    height: 47px;
  }*/
}

@media only screen and (min-width: 1440px) {
  body {
    width: 930px;
    max-width: 930px;
  }
  table.inner {
    width: 914px;
    max-width: 914px;
  }
  /*
   * Most browsers don't get this right, they add some kind of padding to a
   * total height of 57.67px, so remove this effect.
  img.top {
    width: 507px;
    height: 68px;
  }
  tr.normal, td.normal {
    height: 68px;
  }*/
}