BODY
  {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight:normal;
    color:#777788;
    background-color: #CCCCCC;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
  }
TD, P
  {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
  }
/*
   link colors - overridden by the album 'linkcolor' property.
*/
A         { color: #666688; text-decoration: none; }
A:link    { color: #666688; text-decoration: none; }
A:visited { color: #666688; text-decoration: none; }
A:active  { color: #666688; }
A:hover   { color: #444466; text-decoration: underline; }

form {
  margin:0px;
}

img {
    border: none;
}

.header {
  color:#777788;
  /*background-color: #DDDDEE;*/
  background-color: #FFF;
  font-size: 30px;
  padding-top: 10px;
  padding-bottom: 5px;
  padding-left: 15px;
  vertical-align: bottom;
  margin-top: 10px;
  border-top: 1px solid #CCCCDD;
  border-bottom: 1px solid #CCCCDD;
}
.headerimage {
  color:#777788;
  /*background-color: #FFFFFF;*/
  font-size: 30px;
  vertical-align: bottom;
  border-bottom: 1px solid #888888;
  display: block;
  width: 100%;
  height: 180px;
  background: #FFF url('/images/banner3.jpg') top left no-repeat;
}

.lang {
  font-size: 9pt;
  margin-left: 10px;
}

.headline {
  font-weight: bold;
  font-style: italic;
  color: #444466;
}

.manu {
  border: 1px solid #000000;
  margin-right: 15px;
  margin-top: 3px;
  margin-left: 1px;
  margin-bottom: 10px;
  float: left;
}
.container {
  border-top: 1px solid #666666;
  border-bottom: 1px solid #666666;
}
.central {
  width: 580px;
  margin-left: 50px;
  padding: 10px;
  padding-top: 30px;
  background: url('/images/central.jpg');
}


.menu {
  position: absolute;
  left: 650px;
  top: 210px;
  /*border: 1px solid #BBBBCC;*/
  /*opacity: .8;*/
}
.menuimage {
  border: 0px;
  margin: 1px;
  vertical-align: middle;
}

.menuitem {
  color: #000044;
  margin: 5px;
  padding: 2px;
  padding-left: 10px;
  padding-right: 10px;
  /*margin-left: 5px;
  margin-right: 5px;*/
  color: #000000;
  font-size: 10px;
  background-color: #DDDDDD;
  border: 1px solid #AAAAAA;
  /*font-weight: bold;*/
  display: block;
}
a.menuitem { color: 000044; }
p.menuitem { color: 666666; }
.menuitem:hover {
  color: #0066FF;
  background-color: #EEEEEE;
  border: 1px solid #FFFFFF;
  text-decoration: none;
}

/* file browsing */

.browser_navbar {
  margin: 1px;
  padding: 2px;
  padding-left: 20px;
  background-color: #DDDDEE;
  border-bottom: 1px solid #BBBBCC;
}
a.browser_navbar {
  border: 1px solid #8888AA;
  margin: 0px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 0px;
  padding-bottom: 0px;
}
a.browser_navbar:hover {
  background-color: #EEEEFF;
  text-decoration: none;
}
.browser_dirblock {
  margin: 15px;
  padding: 0px;
}
.browser_fileblock {
  margin: 15px;
  padding: 10px;
  border: 1px dotted #8888DD;
}
a.browser_filelink {
  color: #3344FF;
}
.browser_foldericon {
  height: 16px;
  width: 16px;
  background-image: url('/images/open-16.png');
  background-repeat: no-repeat;
  float: left;
  margin-right: 10px;
  margin-left: 5px;
}
.browser_fileicon {
  height: 16px;
  width: 16px;
  background-image: url('/images/save-16.png');
  background-repeat: no-repeat;
  float: left;
  margin-right: 10px;
  margin-left: 5px;
}
.browser_filename {
  color: #3344FF;
  font-weight: bold;
  font-size: 12px;
  background-color: #EEEEEE;
  padding: 1px;
  border-bottom: 1px dashed #CCCCCC;
}
.browser_filesize {
  font-size: 7px;
  color: #6688FF;
}
.browser_comment {
  color: #4444CC;
  font-size: 10px;
  background-color: #DDDDDD;
  padding: 3px;
}
.browser_desc {
  color: #4444CC;
  font-size: 10px;
  background-color: #DDDDDD;
  padding: 3px;
}
.browser_footer {
  font-size: 9px;
  color: #666666;
  text-align: right;
  border-top: 1px dashed #888888;
}
.browser_pre {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}