.segment {
  width: 250px;
  vertical-align: top;
}
.segment img {
  border: 1px solid gray;
  width: 250px;
  height: 200px;
}
.segNumber {
  font: bold 26px Arial;
  color: red;
  position: absolute;
  padding: 5px 0px 0px 8px;
  filter: alpha(Opacity=80);
  KHTMLOpacity: 0.8 ;
  MozOpacity: 0.8;
  opacity: 0.8;
}
.instruction {
  vertical-align: top;
  font: 11px Arial;
  height: 45px;
}
.header {
  background: #ececec;
}

table.routeDetails th {
  background: gray;
  color: white;
}
table.routeDetails td {
  width: 751px;
}
table.routeDetails tr.warning td {
  background: #FFFF00;
  color: red;
}
tr.longSegment td {
  background: #FCF7EA;
}
.roadL {
  padding: 4px 10px 4px 10px;
  border: 2px solid #008000;
  background: #F8F200;
  text-align: center;
  width: 170px;
  height: 45px;
  vertical-align: top;
}
.roadAB {
  color: #0033CC;
  text-align: center;
  font: bold 12px Arial;
  padding-top: 4px;
  margin: 2px;
  margin-top: 4px;
}
.roadEU {
  color: white;
  text-align: center;
  vertical-align: top;
  width: 38px;
  height: 27px;
  background: url(imgs/RoadSigns/eroute.gif);
  font: bold 12px Arial;
  padding-top: 6px;
  margin: 2px;
}
span.exit {
  color: white;
  text-align: center;
  width: 45px;
  height: 46px;
  background: url(imgs/RoadSigns/exit.gif);
  font: bold 13px Arial;
  padding-top: 15px;
  margin: 2px;
}
div.towards {
  width: 240px;
  background-color: #0033CC;
  padding: 1px;
  color: white;
  font-weight: bold;
}
div.towards div {
  border: 2px solid white;
  text-align: center;
  padding: 3px;
  height: 71px;
  vertical-align: middle;
}
div.towards div span {
  color: #FFFF00;
}
div.strasse {
  width: 170px;
  padding: 4px 10px 4px 10px;
  border: 2px solid #0000FF;
  background: white;
  text-align: center;
  height: 45px;
  vertical-align: top;
}
.posIndicator {
  position: absolute;
  height: 10px;
  padding1-top: 8px;
  text-align: right;
}
.posKmIndicator {
  position: absolute;
  height: 10px;
  font-size: 10px;
  color: #336699;
  text-align: right;
  z-index: 10;
}
.lengthIndicator {
  position: absolute;
  height: 10px;
  font-size: 10px;
  color: #FF9900;
  text-indent: 10px;
  z-index: 10;
}
.lengthBarIndicator {
  position: absolute;
  padding-top: 5px;
  width: 750px;
  height: 12px;
}
.roadLine {
  position: absolute;
  margin-top: 5px;
}
div.ausfahrt {
  background-color: #0033CC;
  width: 252px;
  padding: 1px;
  color: white;
  font-weight: bold;
  margin-bottom: 2px;
  margin-left: 90px;
}
div.ausfahrt div {
  border: 2px solid white;
  background-color: #0033CC;
  height: 71px;
  padding: 2px;
  width: 250;
}
div.ausfahrt div.ExitNum {
  position: absolute;
  width: 19px;
  height: auto;
  border: 0px;
  margin: 14px 0px 0px 82px;
  text-align: center;
  color: white;
}
div.ausfahrt div.ExitName {
  position: absolute;
  text-align: center;
  height: auto;
  border: 0px;
  vertical-align: middle;
  width: 242px;
}
.centerPos {
  width: 100%;
  text-align: center;
  height: 20px;
}
.leftPos {
  position: absolute;
}
.rightPos {
  position: absolute;
  padding: 0px 0px 0px 255px;
}
.tablo {
  width: 170px;
  height: 45px;
  margin: 5px;
}
.tablo TD {
  padding: 0px;
  margin: 0px;
}
.RightLeft1 {
  padding: 0px 0px 0px 255px;
}
.RightLeft2 {
}
.RightRight1 {
  padding: 0px 0px 0px 255px;
}
.RightRight2 {
  padding: 0px 0px 0px 255px;
}
.LeftRight1 {
}
.LeftRight2 {
  padding: 0px 0px 0px 255px;
}
.buttonsBar {
  height: 60px;
  width: 100%;
  background: #FFFACD;
  border-bottom: 1px solid gray;
  margin: 0 0 10 0;
}
body {
  margin: 0 0 10 0;
}