@font-face{
	font-family: 'Aller-regular';
	src: url('font/Aller/Aller_Rg.ttf');
	font-weight:normal;
	font-style:normal;
}

@font-face{
	font-family: 'Aller-display';
	src: url('font/Aller/AllerDisplay.ttf');
	font-weight:normal;
	font-style:normal;
}

@font-face{
	font-family: 'Aller-italic';
	src: url('font/Aller/Aller_It.ttf');
	font-weight:normal;
	font-style:normal;
}

@font-face{
	font-family: 'Aller-bold';
	src: url('font/Aller/Aller_Bd.ttf');
	font-weight:normal;
	font-style:normal;
}

@font-face{
	font-family: 'Aller-light';
	src: url('font/Aller/Aller_Lt.ttf');
	font-weight:normal;
	font-style:normal;
}

@font-face{
	font-family: 'Aller-lightit';
	src: url('font/Aller/Aller_LtIt.ttf');
	font-weight:normal;
	font-style:normal;
}

@font-face{
	font-family: 'icon';
	src: url('font/awe/awe.ttf');
	font-weight:normal;
	font-style:normal;
}

html {
  background-color: #ffffff;
  #background-image: url(game.png);
  font-family: Aller-light;
  font-size: 16px;
}

#main {
  max-width: 60em;
  margin: 0 auto;
}

strong {
  font-weight: normal;
  font-style: normal;
  font-family: Aller-bold;
}
em {
  font-weight: normal;
  font-style: normal;
  font-family: Aller-italic;
}
ul {
  margin-top: 0px;
  list-style-type: square;
}
ol {
  margin-top: 0px;
}
div.topbody {
  --border-top: thin solid #ffd0b6;
  --border-left: thin solid #ffd0b6;
  --border-right: thin solid #ffd0b6;
  --border-bottom: thin dashed #ffd0b6;
  margin: 10px;
  margin-bottom: 5px;
  background-color: #ffffff;
  color: #000000;
  vertical-align: top;
}
div.middlebody {
  --border-top: thin dashed #ffd0b6;
  --border-left: thin solid #ffd0b6;
  --border-right: thin solid #ffd0b6;
  --border-bottom: thin dashed #ffd0b6;
  margin: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  background-color: #ffffff;
  color: #000000;
  vertical-align: top;
}

div.clearbody {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: none;
  margin: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  background-color: none;
  color: #000000;
  vertical-align: top;
}

div.bottombody {
  --border-top: thin dashed #ffd0b6;
  --border-left: thin solid #ffd0b6;
  --border-right: thin solid #ffd0b6;
  --border-bottom: thin solid #ffd0b6;
  margin: 10px;
  margin-top: 5px;
  background-color: #ffffff;
  color: #000000;
  vertical-align: top;
}

div.footbody {
  --border-top: thin solid #ffd0b6;
  --border-left: thin solid #ffd0b6;
  --border-right: thin solid #ffd0b6;
  --border-bottom: thin solid #ffd0b6;
  margin: 10px;
  margin-top: 5px;
  background-color: #ffffff;
  color: #000000;
  vertical-align: top;
}

div.banner {
  --margin-bottom: 1em;
  margin-bottom: 1.5em;
  height:120px;
  /* background-image:url(bosch_banner.jpg); */
  background-size: 100% auto;
  background-repeat:repeat-x;

  position: relative;
  font-family: Aller-lightit;
  font-size: 15px;
  color: #fff;
  text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
}
div.bannercontent {
  position: absolute; 
  bottom: 0; left: 0;
}
a.bannercontent {
  color: #fff;
}

h1 {
  font-family: Aller-display;
  font-weight:normal;
  font-style:normal;
  border-bottom: thin solid #C0C0C0;
  margin-top: 0px;
  padding-left: 1em;
  padding-right: 1em;
  margin-bottom: 0px;
}
h2 {
  font-family: Aller-bold;
  font-weight:normal;
  font-style:normal;
  background-color: #fef1df;
  padding-left: 1em;
  padding-right: 1em;
  margin-bottom: 0em;
  margin-top: 1.5em;
}
h3 {
  background-color: #fef1df;
  padding-left: 1em;
  padding-right: 1em;
  margin-bottom: 0px;
  margin-top: 0px;
}

p {
  margin-top: 0px;
  margin-left: 1em;
  margin-right: 1em;
  text-align: justify;
}
li.hlist {
  display: inline-block;
  padding-left: 20px;
  margin-right: 10px;
  vertical-align: top;
  background-position: top left;
  background-repeat: no-repeat;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
tr.odd {
  background-color: #f2f4f9;
}
tr.even {
}
td {
  padding-left: 4px;
  padding-right: 4px;
}
td.firstb {
  width: 7em;
  text-align: right;
  vertical-align: top;
  /* border-right: 1px solid; */
  font-family: aller-lightit;
  font-weight:normal;
  font-style:normal;
}
td.first {
  width: 7em;
  text-align: right;
  border-right: 1px solid;
}
td.edudiv {
  border-bottom: 1px solid #C0C0C0;
  text-align: right;
}
/* table "environment" */
table.env {
  width: 98%;
  margin: auto;
  padding-left: 10px;
  padding-right: 10px;
  color: #8f923c;
  margin-bottom: 5px;
}
tr.envfirst {
  border-top: thin solid #9bbb59;
  border-bottom: thin solid #9bbb59;
}
tr.envodd {

}
tr.enveven {
  background-color: #e6eed5;
}
td.envfirst {
  width: 10em;
}
.showMore {
  float:right;
  padding-left: 4px;
  --background-color: #f2f4f9;
  height: 16px;
  --border-right: thin solid #b2b4f9;
  padding-right: 2px;
}
.expdate {
  float: right;
  font-family: aller-lightit;
  font-weight:normal;
  font-style:normal;
  font-size: 100%;
  padding-right: 4px;
}
.expid {
  --position: static;
  --right: 20px;
  text-align: right;
  --margin-top: 1em;
  font-size: medium;
}

.hbPrjId {
  font-family: aller-bold;
  font-weight:normal;
  font-style:normal;
}

.rbPrjId {
  font-family: aller-bold;
  font-weight:normal;
  font-style:normal;
  --color: #2c6195;
}
span.regular {
  font-family: Aller-light;
}