/*  Ergo stylesheet */

body {
  background-color: #FFFACD;
  color: #333333;
}


/*------------ FONTS --------------------------------------- */
/* font-family */
* { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; font-stretch : narrower; }

/*------------- Listen und Tabellen ------------------------ */
li, dl, dt, dd { font-size:x-small; }

tr { vertical-align:top; }
th { text-align:center; font-weight:bold; }

.listview {
  border: 1px solid #996633;
       vertical-align:top;
  background-color: #FFEFD5;
  cellspacing:10px;
  padding:20px;
  margin:20px;
  overflow : scroll;
  max-width : 400px;
  min-width : 200px;
}

/*------------- Überschriften ------------------------ */
h1 {  font-size : large; font-weight: bold;  color : #333333;  margin-bottom : 0px;    margin-top : 8px;}
h2 {  font-size : large; font-weight: normal;  color : #333333;  margin-bottom : 0px;    margin-top : 8px;}
h3 {  font-size : medium; font-weight: normal;  color : #333333;  margin-bottom : 0px;    margin-top : 8px;}
h4 {  font-size : small; font-weight: bold;  color : #333333;  margin-bottom : 0px;    margin-top : 8px;}

/*------------- Einzelne Elemente ------------------------ */
p {
  line-height : 150%;
/*  color: #333333;*/
  margin-top : 1px;
  margin-bottom : 1px;
  padding-bottom : 0px;
}

hr {   color: #333333; margin:0}

.docview {
  border: 1px solid #996633;
  background-color: #FFEFD5;
  padding:14;
  margin:14;
  overflow : scroll;
  max-width : 700px;
  min-width : 200px;
}


/*-------------- Links ------------------------------------- */
A:link    { background-color : transparent;  color : #996633; font-weight : bold;  text-decoration : none;  }
A:visited {  background-color : transparent;  color : #996633; font-weight : bold;  text-decoration : none; }
A:hover   {  background-color : transparent;  color : #F4A460; font-weight : bold;  text-decoration : none; }
A:active  {  background-color : transparent;  color : #F4A460; font-weight : bold;  text-decoration : none; }


/*------------- input ---------------*/
input {
  border: 1px solid #996633;
  background-color: #FFEFD5;
  color: #996633;
  font-stretch: narrower;
  font-size: xx-small;
}

textarea {
  background-color : #FFFFCC;
  border: 1px solid #996633;
  background-color: #FFEFD5;
    color: #996633;
  font-stretch : narrower;
  font-size: x-small;
}

select {
  border: 1px solid #996633;
  background-color: #FFEFD5;
    color: #996633;
  font-stretch : narrower;
  font-size: x-small;
}

.inputButton {
  width: 70px;
  height : 18px;
  font-size: xx-small;
  border: 1px solid #996633;
  background-color: #F4A460;
  color: #333333;
}
.inputButtonLong {
  width: 120px;
  height : 18px;
  font-size: xx-small;
  font-size: 9px;
  border: 1px solid #996633;
  background-color: #F4A460;
  color: #333333;
  padding-bottom : 4px;
}
.inputFieldShort {
  width: 90px;
  height : 18px;
  font-size: xx-small;
  border: 1px solid #996633;
  background-color: #FFEFD5;
  color: #333333;
}
.inputFieldMedium {
  width: 180px;
  height : 18px;
  font-size: xx-small;
  border: 1px solid #996633;
  background-color: #FFEFD5;
  color: #333333;
}

.pos_top_align {
    position:relative;
    top:-2px;
    width:100%; 
}

.pos_bottom_align {
  position:relative;
  bottom:4px;
  width:100%; 
}

td.content_height {
  height:300px;
}