body {
  font-family: arial,helvetica,sans-serif;
  font-size: 15pt;
  background-color: #fafafa; 
  
  color: black;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  margin: 15px;
  height: 95%;
  overflow-y:scroll; 
} 

html {
  height: 100%;
  background-color: #c0c0c0;
  /*background: #c0c0c0;*/
  background: #ffffff;
}

table {
  vertical-align: top;
  background-color: #fafafa;
  padding: 0px;
  margin: 0px;
  border-width: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

table.edit {
  vertical-align: top;
  background-color: #fafafa;
  padding: 3px;
  margin: 5px;
  border-width: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

tr.header {
  font-family: arial,helvetica,sans-serif;
  font-size: 27pt;
  color: #fafafa;

  vertical-align: middle; 
  height: 60px;
}

.gradient {
  vertical-align: middle; 
  height: 60px;
  margin: 0px;
  color: #fafafa;
  background-color: #1318A2;
  padding-left: 5px;
  /*border-radius: 15px;*/

  /* alt from(#cc1831), to(#6f0010)) */
  /* neu from(#2F20B5), to(#1318A2) */

  background: -webkit-gradient(linear, top, bottom, # from(#2F20B5), to(#1318A2));
  background: -moz-linear-gradient(top, #2F20B5, #1318A2);
  background: linear-gradient(top, #2F20B5, #1318A2);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2F20B5', endColorstr='#1318A2',GradientType=0);
}

.gleft {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.gright {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

td.header {
  font-family: arial,helvetica,sans-serif;
  font-size: 21pt;
  color: #fafafa;
  
  background: transparent;
  padding-top:    10px;
  padding-left:   10px;
  padding-right:  10px;
  padding-bottom: 10px;
  vertical-align: middle; 
  height: 60px;
}

td.nav {
  text-align: left;
  padding-left: 5px;
  margin: 2px;
  height: 34.5px;
  vertical-align: top;
}

td.navbutton {
  text-align: left;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 0px;
  margin: 2px;
  height: 32.5px;
  display: block;
  background-image: url(/img/button.png);
  background-position: center;
}

td.headtd {
  font-family: arial,helvetica,sans; 
  font-weight: bold;
  text-align: left;
  color: #3366ff;
  background-color: #d0d0d0;
}

td {
  padding-left: 0px;
  padding-right: 0px;
  margin: 0px;
}

td.ma {
  padding-left: 0px;
  padding-right: 0px;
  margin: 0px;
  text-align: center;
}

li {
  font-family: arial,helvetica,sans-serif;
  font-size: 15pt;
}

p {
  font-family: arial,helvetica,sans-serif;
  font-size: 15pt;
}

h1 {
  font-family: arial,helvetica,sans-serif;
  font-size: 27pt;
  font-weight: bold;
}

h2 {
  font-family: arial,helvetica,sans-serif;
  font-size: 21pt;
  font-weight: bold;
}

h3 {
  font-family: arial,helvetica,sans-serif;
  font-size: 18pt;
  font-weight: bold;
}

th {
  font-family: arial,helvetica,sans-serif;
  font-size: 15pt;
  font-weight: bold;
  text-align: left;
}
 
td {
  font-family: arial,helvetica,sans-serif;
  font-size: 15pt;
  padding-left: 5px;
  padding-right: 5px;
  height: 20px;
}

input.lab {
  font-family: arial,helvetica,sans-serif;
  font-size: 15pt;
  background: #d0d0d0;
  height: 31.5px;
  width: 207px;
}

input.num {
  font-family: arial,helvetica,sans-serif;
  font-size: 15pt;
  background: #d0d0d0;
  height: 31.5px;
  text-align: right;
}

input.txt {
  font-family: arial,helvetica,sans-serif;
  font-size: 15pt;
  background: #d0d0d0;
  height: 31.5px;
  text-align: left;
}

select {
  font-family: arial,helvetica,sans-serif;
  font-size: 15pt;
  background: #d0d0d0;
  height: 31.5px;
  width: 276px;
}

input.but {
  font-family: arial,helvetica,sans-serif;
  font-size: 15pt;
  background: #d0d0d0;
  height: 31.5px;
  width: 138px;
}

a { 
  font-family: arial,helvetica,sans-serif;
  font-size: 15pt;
  color: #b00c24;
  font-weight: normal;
  text-decoration: none;
  display: inline-block;
}

a:link    { color: #b00c24; }
a:visited { color: #b00c24; }
a:active  { color: #ff0000; }
a:hover   { color: #b00c24; text-decoration: underline; }
a:focus   { color: #ff0000; }

b { 
  font-family: arial,helvetica,sans-serif;
  font-weight: bold; 
  text-decoration: none; 
}

a.head {
  font-family: arial,helvetica,sans-serif; 
  font-size: 21pt; 
  color: #fafafa;
  background-color: transparent;
  display: inline;
}

a.head:link {
  font-family: arial,helvetica,sans-serif; font-size: 21pt; color: #fafafa;
}

a.head:visited {
  font-family: arial,helvetica,sans-serif; font-size: 21pt; color: #fafafa;
}

a.head:hover {
  font-family: arial,helvetica,sans-serif; font-size: 21pt; 
  color: #c0c0c0; 
  text-decoration: none;
}

a.head2 {
  font-family: arial,helvetica,sans-serif; 
  font-size: 15pt; 
  color: #fafafa;
  background-color: transparent;
  display: inline;
}

a.head2:link, a.head2:visited {
  font-family: arial,helvetica,sans-serif; font-size: 15pt; color: #fafafa;
}

a.head2:hover {
  font-family: arial,helvetica,sans-serif; font-size: 15pt; color: #c0c0c0; 
  text-decoration: none;
}

a.navbutton {
  font-family: arial,helvetica,sans-serif; 
  font-size: 15pt; 
  color: #fafafa;
  background-color: transparent;
  display: block;
}

a.navbutton:link, a.navbutton:visited {
  font-family: arial,helvetica,sans-serif; font-size: 15pt; color: #fafafa;
}

a.navbutton:hover {
  font-family: arial,helvetica,sans-serif; font-size: 15pt; color: #c0c0c0; 
  text-decoration: none;
}

textarea {
  font-family: arial,helvetica,sans-serif;
  font-size: 15pt;
  background: #d0d0d0;
  margin: 10px;
}

.num {
  text-align: right;
}

a.nav1 {
  border-radius: 6px;
  border-width: 1px;
  border-color: #b00c24;
  border-style: solid;
  padding: 2px;
  padding-left: 4px;
  padding-right: 4px;
}

a.nav2 {
  border-radius: 6px;
  border-width: 1px;
  border-color: #b00c24;
  border-style: solid;
  padding: 2px;
  padding-left: 4px;
  padding-right: 4px;
  width: 37.5px;
  text-align: center;
}

a.nav1:hover { color: #fff; background-color: #b00c24; }
a.nav2:hover { color: #fff; background-color: #b00c24; }

.hint {
  font-size: 9pt;
  font-style: italic;
}