body {
  margin: 0;
  padding: 0;
  background-color: #FFF;
  font-family: Arial;
}
#logo_div {
  position: absolute;
  left: 0; top: 0;
  width: 15%;
  min-width: 90px;
}
#logo_img {
  display: block;
  margin: 2em auto;
}
#flexer {
  margin: 0 15%;
  min-width: 30em;
}
#menu {
  width: 100%;
  overflow: hidden;
  position: relative;
}
#menu ul {
  clear: left;
  float: left;
  list-style: none;
  position: relative;
  left: 50%;
  margin: 0;
  padding: 0;
}
#menu ul li {
  display: block;
  float: left;
  list-style: none;
  position: relative;
  right: 50%;
}
#menu ul li a {
  display: block;
  margin: .5em;
  padding: 5px 5px 5px 13px;
  background-image: url('/webdata/button1.png');
  background-repeat: no-repeat;
  background-position: left center;
  color: #000;
}
#news {
  margin: .3em 15px;
  background: lightblue;
  padding: .2em;
  font-size: small;
}
#news .newsdate {
  font-size: x-small;
  font-weight: bold;
  font-style: italic;
}
#content_outer {
  position: relative;
}
#content {
  position: relative;
  left: 2px;
  top: 2px;
  background: white;
  border: 1px solid gray;
  padding: .4em;
}
img.bg {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
img.corner {
  display: block;
  position: absolute;
  left: -10px;
  top: -10px;
  z-index: -1;
}
h1 {
  margin: 0;
}
.title_tag {
  color: #999;
  font-weight: bold;
  font-style: italic;
  float: right;
}
.menuitem {
  float: left;
}
ul.oviewlist {
  margin: 0;
  padding: .2em 1.5em;
}
ul.oviewlist li {
  margin: .5em;
}
ul.oviewlist a {
  color: #069;
  font-weight: bold;
  text-decoration: none;
  border-style: solid;
  border-width: 1px;
  border-color: #FFF #FFF #FFF #FFF;
}
ul.oviewlist a:hover {
  border-color: #FFF #FFF #069 #FFF;
}
div.recommend {
  float: left;
  margin: 1.5em 1em 1em 1em;
  font-weight:bold;
}
div.recommend img {
  margin: .5em;
}
h2 {
  margin: .2em;
}
table.dltable {
  width: 100%;
}
table.dltable td.dl a {
  display: block;
  font-weight: normal;
  color: #3771c8;
  padding: .1em;
  margin: .2em;
  background: white;
  border: 1px solid darkgray;
}
table.dltable td.dl a:hover {
  text-decoration: none;
}
table.dltable th.toph_left {
  background: #37abc8;
  color: white;
}
table.dltable th.toph_right {
  background: #e5813d;
  color: white;
}
table.dltable th.leftinst {
  background: #87deaa;
  color: black;
}
table.dltable td.left {
  background: #9fd7e5;
  color: black;
}
table.dltable td.right {
  background: #f0b68f;
  color: black;
}
table.dltable td.dl {
  text-align: center;
}
table.dltable td.size {
  text-align: center;
}
table.dltable td.ondemand {
  background: #d4d4d4;
  color: black;
}
table.dltable .leftpack {
  background: #c6afe9;
  color: black;
  text-align: center;
}
.dltable2 .instpkg {
  background: #87deaa;
  text-align: center;
}
.dltable2 .indpkg {
  background: #c6afe9;
  text-align: center;
}
.dltable2 .left {
  background: #9fd7e5;
}
.dltable2 .right {
  background: #f0b68f;
}
.dltable2 .both {
  background: #d4d4d4;
}
.dltable2 .left a, .dltable2 .right a, .dltable2 .both a {
  font-weight: normal;
  color: #3771c8;
  padding: .1em;
  margin: .2em;
  background: white;
  border: 1px solid darkgray;
}
.dltable2 .left a:hover, .dltable2 .right a:hover, .dltable2 .both a:hover {
  text-decoration: none;
}
.dltable2 .dlspacer {
  height: 2em;
}
.dltable2 .dlname {
  float: left;
}
.dltable2 .dlfile {
  float: right;
  margin: .3em;
  text-align: center;
}
.dltable2 .dlsize {
  float: right;
  margin: .3em;
}
.dltable2 .edition {
  font-size: x-small;
  float: left;
  clear: left;
}