#body {
  text-align: center;
  background-color: #eee;
}

a:link, a:visited
{ 
  text-decoration: none;
  color: #800080;
  }

a:hover
{ 
  text-decoration: underline;
  color: #a000a0;
 }

div 
{ 
  margin: 0;
  padding: 0;
  }

img 
{ 
  margin: 0;
  border: 0;
  padding: 0;
  }

/* --- product enlightment --- */

a.product, .product:link, .product:visited {
/*  text-transform: uppercase;
  font-family: arial;*/
  font-size: 80%;  
  color: #800080;
}

a.product:hover {
  text-decoration: underline;
  color: #a000a0;
}

span.product, span.company {
/*  text-transform: uppercase;
  font-family: arial;*/
  font-size: 80%;  
  color: #800;
}

/* --- main divs --- */

#maindiv {
/*  background-color: #aaa;*/
  width: 780px;
  margin: 0px auto;
  text-align: left;
}

#header {
/*  margin: -4px 4px 4px -4px;
  border: 2px solid #949264; */
}

#middlediv {
  background-image: url("../img/mdBack.png");
  margin: 8px 0 0 0;
/*  margin: 0 4px 4px -4px; 
  border: 2px solid #949264; */
}

/*
#middlefooter {
  background-image: url("../img/bgmiddlefooter.gif");
  height: 2px;
}
*/

#menu {
  float: left;
  width: 200px;
  font-size: 90%;
}

#content {
  margin: 0 0 0 206px;
  background: transparent url("../img/cnCaptionBack.png");
}

#content h2 {
  color: #eef;
  font-size: 150%;
  background: transparent url("../img/cnHeaderBack.png");
  text-align: center;
  margin: 0;
  padding: 0.3em 1em;
}

#content h2 span {
  color: #eef;
}

#content h2 a, #content h2 a:link, #content h2 a:visited {
  color: #eef;
}

#container {
  padding: 10px;
}

/* --- news --- */

.newsheader {
/*  background-color: #008080;*/
  background: transparent url("../img/nwHeaderBack.png");
  padding: 5px;
/*  margin: 0 -10px;*/
}

.newsdate {
  text-align: right;
  padding: 5px 0 0 0;
}

.newscaption {
  font-size: 120%;
  font-weight: bold;
/*  color: #eef;*/
  text-align: center;
  margin: 4px 0 2px 0;
}

/* --- left menu --- */

#leftmenu {
}

#leftmenu a {
  color: #000;
}

#leftmenu a:hover {
  color: #000;
  text-decoration: none;
}

#leftmenuheader {
  padding: 0;
  width: 200px;
  background: transparent url("../img/lmCaptionBack.png") left top no-repeat;
  overflow: hidden;
}

#leftmenuheader h2 {
  padding: 0.4em 0 0 20px;
  margin: 0;
  font-size: 140%;
  height: 1.6em;
  font-weight: bold;
  color: #eef;
}

/*
#leftmenu div.closedheader {
  height: 2em;
}

#leftmenu div.openedheader {
}

#leftmenuheader ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

#leftmenuheader li {
  display: block;

  padding: 0.3em 40px 0.3em 0;
  margin: 0;
  height: 1.4em;
  font-weight: bold;
  text-align: center;
}

#leftmenuheader .menuitem {
  cursor: pointer;
  background: transparent url("../img/lmHeaderItem.png") repeat-y 0 0;
  color: #000;
}

#leftmenuheader .menuitem:hover {
  background-position: -200px 0;
}

#leftmenuheader .activeitem {
  cursor: default;
  background: transparent;
  color: #eef;
}

#leftmenuheader .footer {
  height: 25px;
  background: transparent url("../img/lmHeaderFooter.png") no-repeat right bottom;
}
*/

#leftmenu div.switch {
  text-transform: uppercase;
  font-size: 80%;
  font-family: arial, sans;
  padding: 3px 10px;
  border-bottom: solid 1px #ddd;
  border-left: solid 2px #eee;
  border-right: solid 1px #eee;
  background-color: #e0e0f0;
  margin: 0 0 5px 0;
}

#leftmenu ul.switch {
  margin: 0;
  padding: 0 0 0 6px;
  list-style-type: none;
  display: inline;
}

#leftmenu ul.switch li {
  display: inline;
  cursor: pointer;
  padding: 2px 6px;
  color: #006060;
}

#leftmenu ul.switch li:hover {
  background-color: #d0d0e0;
}

#leftmenu ul.switch li.activeitem {
  text-decoration: underline;
  cursor: default;
}

#leftmenu ul.switch li.activeitem:hover {
  background-color: transparent;
}

#leftmenu #switch_prod {
  border-right: solid 1px #888;
}

#leftmenu .menucont { 
  padding: 0 5px;
}

#leftmenu h3 {
  margin: 0 0 7px 0;
  padding: 0.3em 40px 0.3em 0;
  height: 1.4em;
  font-size: 120%;
  font-weight: bold;
  color: #eef;
  text-align: center;
/*  background-color: #480; */
  background: transparent url("../img/lmCaptionBack.png") left top no-repeat;
}

#leftmenu .menucont ul { 
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#leftmenu .menucont li {
  margin: 0;
  padding: 0;
}

#leftmenu .menucont a { 
  display: block;
  min-height: 18px;
  margin: 0;
/*  border: solid 1px red;*/
}


#leftmenu .menucont a:hover { 
  background-color: #d0e0d0;
}

#leftmenu .menucont ul a {
  padding: 0 0 0 20px;
}

#leftmenu .menucont ul ul a {
  padding: 0 0 0 40px;
}

#leftmenu .menucont ul ul ul a {
  padding: 0 0 0 60px;
}

#leftmenu .menucont .menumark { 
  width: 18px;
  height: 18px;
  cursor: pointer;
  background: url('../img/markarrow.gif');
  float: left;
}

#leftmenu .menucont .opened {
  background-position: -18px 0;
}

#leftmenu .menucont .opened:hover {
  background-position: -54px 0;
}

#leftmenu .menucont .closed {
  background-position: 0 0;
}

#leftmenu .menucont .closed:hover {
  background-position: -36px 0;
}

#leftmenu .menucont .disabled {
  background-position: -72px 0;
/*  background: none;*/
  cursor: default;
}

#leftmenu .menucont ul ul .menumark { 
  margin: 0 0 0 20px;
}

#leftmenu .menucont ul ul ul .menumark { 
  margin: 0 0 0 40px;
}

/* --- header --- */

#headerpanel {
  height: 100px;
  background: url('../img/hdBack.png');
}

#logo 
{ 
  float: left;
  height: 100px;
}

#logo h1
{
  padding: 0;
  margin: 0;
  position: relative;
  left: -1000px;
  overflow: visible;
}

#logo span {
  display: block;
  position: absolute; 
  left: 1000px; 
  top: 0; 
  height: 100px;
  width: 241px;
  background: transparent url("../img/logo.gif") 5px 5px no-repeat;
  margin:0; padding:0;
}

/* --- top menu --- */

#topmenu {
/*  background: url('../img/bgtopborder.gif') top left repeat-x; */
  margin: 6px 0;
  font-size: 80%;
  font-family: arial;
  text-transform: uppercase;
  border: 1px solid #ddd;
  border-width: 1px 0;
}


#topmenu .menuitem {
  float: left;
  text-align: center;
  margin: 0 1em 0 0;
}

#topmenu .menuitem a {
  color: #000;
  padding: 3px 0.5em 0 0.5em;
  font-family: sans;
  display: block;
  text-decoration: none;
  min-height: 20px;
}

#topmenu .menuitem a:hover {
  text-decoration: underline;
}

#topmenu .activeitem a {
  text-decoration: underline;
}

#topmenu .langitem {
  float: right;
  text-align: center;
  padding: 2px 3px 0px 3px;
  margin: 0 2px 0 0;
  height: 18px;
}


#topmenu .langitem img {
  vertical-align: text-top;
}

.langimg {
  width: 32px;
  height: 16px;
}

/* --- quickmenu --- */

#quickmenu {
  height: 80px;
  overflow: hidden;
  width: 780px;
  margin-top: 4px;
}

#qmleftarrow, #qmrightarrow {
  float: left;
  width: 50px;
  height: 80px;
  cursor: pointer;
}

#qmleftarrow {
  background: url("../img/qmLeftArrow.png");
}

#qmrightarrow {
  background: url("../img/qmRightArrow.png");
}

#qmleftarrow:hover, #qmrightarrow:hover {
  background-position: -50px 0;
}

#qmleftarrow:active, #qmrightarrow:active {
  background-position: -100px 0;
}

#qmcontainer {
  float: left;
  overflow: hidden;
  width: 680px;
  height: 80px;
  background: url("../img/qmBack.png");
}

#qmpanel {
  position: relative;
  width: 2400px;
  height: 80px;
/*  background: url("../img/qmBack.gif");*/
}

#qmpanel img {
  width: 80px;
  height: 80px;
  margin: 0;
  padding: 0;
  display: block;
  float: left;
}

#qmpanel img:hover {
/*  background: url("../img/qmBackFocus.png");*/
}

#qmpanel ul {
  margin: 0;
  padding: 0;
  letter-spacing: 0;
  word-spacing: 0;
}

#qmpanel li {
  display: inline;
  margin: 0;
  padding: 0;
}

.right {
  float: right;
}

#footer {
  padding-bottom: 1px;
}

#footerpanel 
{
  margin: 8px 0 0 0; 
  border: 1px solid #ddd;
  border-width: 1px 0;
  height: 1em;
  text-align: center;
}

#footerpanel span {
  font-size: 70%;
  color: #400;
  vertical-align: middle;
}

.bordered, .leftheader {
  background-color: #ccc;
  border: 2px ridge black;
  text-align: center;
  margin: 1em;
/*  width: 100% -2em;*/
  font-size: 90%;
}

.bordered td, .leftheader td {
  border: 1px outset black;
}

.bordered thead {
  background-color: #480;
  color: #eef;
}

.leftheader .firstcol {
  background-color: #480;
  width: 30%;
  color: #eef;
  font-weight: bold;
}

.leftheader td:first-child { /*for FF*/
  color: #eef;
  font-weight: bold;
}

.leftheader td table {
  width: 100%;
  border: 0;
}

.leftheader td table td {
  border: 0;
}

#pandamodulstable .firstcol {
  width: 20%;
}

#pandamodulstable .secondcol {
  width: 80%;
}

.layer {
  text-align: left;
  background-color: #ccc;
  margin: 10px;
}

.layer table {
  margin: 0 1em 0 1em;
  text-align: left;
  border-spacing: 1em 0;
}

.layer p {
  margin: 0 2em 0 2em;
}

.layer h3 {
  color: #eef;
  background-color: #480;
  font-size: 90%;
  margin: 0;
  padding: 0 1em 0 1em;
}

.layer h3 a, .layer h3 a:link, .layer h3 a:visited {
  color: #eef;
}

.layer ul {
  margin: 0;
}

.floating {
  text-align: center;
  float: left;
}

.tablecell a {
  display: block;
  height: 100%;
}


/*
.floating div {
  #position: absolute;
  #top: 50%;
  display: table-cell;
  vertical-align: middle; 
}
*/

/* --- global classes --- */


.inline {
  display: inline;
  font-size: 120%;
}

.centered
{ 
  text-align: center;
  }

.image {
  font-weight: bold;
/*  color: #008;*/
  font-size: 80%;
}

.descr
{
  text-align: center;
  font-size: 80%;
}

.red
{ 
  color: red;
  }

.box {
  overflow: hidden;
  width: 100%
}


.hidden {
  display: none;
}

.pre {
  white-space: pre;
}

.border {
  background: url('../img/bgtopborder.gif') top left repeat-x;
  height: 2px;  
}

/*
.table {
  display: table;
  border-spacing: 1em;
}

.tablecell {
  display: table-cell;
  border-spacing: 1em;
  text-align: center;
}

.tablerow {
  display: table-row;
}
*/

/* --- local settings --- */

.flightrecorders .floating {
  width: 120px;
  height: 120px;
}

.decksystems .floating {
  width: 230px;
  height: 140px;
}

.amosb .floating {
  width: 150px;
  height: 130px;
}

.amos .floating {
  width: 150px;
  height: 130px;
}

.pmu .floating {
  width: 150px;
  height: 160px;
}

.gsu .floating {
  width: 200px;
  height: 180px;
}

.grounddevices .floating {
  width: 225px;
  height: 225px;
}

.otheraircraftdevices .floating {
  width: 130px;
  height: 130px;
}

.othermeasuredevices .floating {
  width: 210px;
  height: 130px;
}

div.indented {
  margin: 0 0 0 60px;
}