body { background-color: #2a53a3; color: #333; }

body, p, ol, ul, td {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:   13px;
  line-height: 18px;
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

a { color: #000; }
a:visited { color: #000; }

div.loginBox {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 500px;
  height: 250px;
  margin-left: -250px;
  margin-top: -125px;
  border-style: solid;
  border-color: #f2f2f2;
  background-color: #f2f2f2;
  padding: 0pt;
  border: 0pt;
}

div.module {
  background-color: #e5e6e5;
  overflow: scroll;
  margin-bottom: 10px;
  position: absolute;
  left: 5px;
  right: 5px;
}

div.inner_module {
  padding: 0.5em;
  text-decoration: none;

  height: auto;
}

div.side_module {
  width: 200px;
  float:left;
  padding: 0 0 0 5px;
}

div.center_module {
  margin-left: 210px;
}

.header {
  background: url(../images/body.png) repeat-x scroll 50% 0;
}

.head {
  /* color: #007710; */
  color: #2a53a3;
  font-size: larger;
  margin: 0 0 0 0;
}

.head a:hover { color: inherit; background-color:inherit; }

.head a.button:hover { color: #fff; background-color:#000; }

div.head {
  padding: 0.5em 0 0 0.5em;
  background-color: #f2f2f2;
}

h1.head {
  text-decoration: underline;
}

h2 {
  color: #2a53a3;
  text-decoration: underline;
  font-size: smaller;
}

tr.head {
    font-size: smaller;
}

ul.navigation {
  list-style-type: none;
  padding: 0 0 0 0;
}

ul.navigation li {
  /*background-color: yellow;*/
  background:#F5F9EF url(../images/body.png) repeat-x scroll 50% 0;
  margin: 0 0 2px 0;
  border: solid 1px;
  padding: 0 0 0 2px;
}

ul.navigation a {
  display: block;
  text-decoration: none;
  color: black;
}

ul.navigation a:visited {
  color: black;
}

ul.navigation a:hover {
  color: blue;
  font-weight: bold;
}

ul.plain {
  list-style-type: none;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

ul.plain a {
  text-decoration: none;
  color: olive;
}

ul.agg_list {
  list-style-type: none;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

ul.agg_list li {
  cursor: pointer;
  color: olive;
}

span.plant_link {
  cursor: pointer;
  color: olive;
}

div.col_group {
    border: 1px solid black;
    margin-top: 5px;
}

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

td {
  vertical-align: top;
  padding-left: 3px;
  padding-right: 3px;
}

td.numeric {
   text-align: right;
}

th {
  vertical-align: top;
  padding-left: 3px;
  padding-right: 3px;
}

th.caption {
    text-align: left;
}

.zeile0 {
  background-color: #99ccff;
  color: #000;
}

.zeile1 {
  background-color: #d0e0ff;
  color: #000;
}

.t_head {
  border-bottom: 2px solid black
}

select.multi {
  width: 800px;
  overflow: auto;
}

select.many_select {
    width: 300px;
    height: 200px;
}

button.select {
    /*width: 10px;*/
}

.required {
    background-color: orange;
}

.cond_required {
    background-color: yellow;
    /*border: 1px dashed red;*/
}

.key_required {
    background-color: orange;
    border: 1px dashed red;
}

.wrong_type {
    background-color: yellow;
    border: 1px dashed blue;
}

.error {
    background-color: red;
}

#filterBox {
    position: fixed; 
    top: 100px;
    left: 100px;
    bottom:100px;
    width:500px;
    z-index:2;
    background-color: white;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 3px;
}

#filterBoxTable {
    table-layout: fixed;
    margin-left: 2em;
    margin-right: 2em;
}

#filterBoxTable tr:not(.head) {
    cursor: pointer;
}

#filterBoxTable tr:hover:not(.head) {
    background-color: #99ccff;
}

span.order_el {
    background-color: #d0e0ff;
    margin-left: 5px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

span.order_el:hover {
    background-color: #99ccff;
}

span.order_el img {
    vertical-align: top;
}

span.order_el span {
    display:none;
}

span.order_el:hover span {
    display:inline;
}

.order_drag {
    cursor:move;
}