body {
  background: url('/images/bg.png') repeat-x;
}

body.type1, body.type2 {
  font-family: Verdana, Helvetica, sans-serif;
  border:  0px;
  padding: 0px;
  margin:  0px;
}

body.type3 {
  font-family: Verdana, Helvetica, sans-serif;
  border:  0px;
  padding: 0px;
  margin:  0px;
}

body * {
  font-size: 12px;
}

#top_content {
  display: block;
  height: 180px;
  min-width: 1000px;
  position: relative;
}

#top_inner {
  display: block;
  height: 150px;
  position: relative;
  left: 0;
  top: 0px;
  background: url('/images/consolving-bpp.png') -20px 0px no-repeat;
  z-index: 2;
}

.nav_cell {
  border: none;
  position: absolute;
  top: 120px;
  display: block;
  z-index: 3;
  font-size: 1.1em;
}

.nav_cell .title {
  display: none;
}

#nav_cell_1 {
  left: 290px;
}

.nav_cell ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline;
}

.nav_cell ul li {
  display: block;
  float: left;
}

.nav_cell ul li.selected a {
  background: url('/images/nav-bg-fa.png') repeat-x;
  padding: 14px;
  color: #fff;
}

.nav_cell ul li a {
  background: url('/images/nav-bg.png') repeat-x;
  padding: 14px;
}

.nav_cell ul li a:hover {
  background: url('/images/nav-bg-f.png') repeat-x;
  padding: 14px;
}

.nav_cell li.language_selector img {
  margin-left: 10px;
}

ul.main_navigation {
  list-style: none;
}

ul.main_navigation li {
  padding: .3em;
}

ul.main_navigation li a {
  padding: .3em;
}

#mainpanel {
  position: absolute;
  width: 53em;
  background: #E4F5FF;
  padding: 1em;
  border: 1px solid #999;
  border-radius: 1em;
  -khtml-border-radius: 1em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-left: 1em solid #FF8901;
}

#main_content {
  padding: 0 1em;
  color: #0b0d0f;
}

#sidepanel {
  float: left;
  width: 26em;
  margin-left: 58em;
  margin-right: 1em;
  background: #E4F5FF;
  padding: 1em;
  border: 1px solid #999;
  border-radius: 1em;
  -khtml-border-radius: 1em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
}

#side_content {
  padding: 0 1em;
  color: #0b0d0f;
}

p {
  text-align: justify;
}

h1 {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 23px;
  font-weight: normal;
  color: #534E65;
  text-decoration: none;
  position: relative;
  margin: 0;
}

h2 {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: normal;
  color: #534E65;
  text-decoration: none;
}

h3 {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #315798;
  text-decoration: none;
  padding: 0;
  margin: .5em;
}

h2, h3, h4 {
  color: #325697;
  font-weight: normal;
  border-bottom: 1px dotted #E3EAF4;
  padding: .2em 0;
  margin: .1em;
}

img {
  border: 0px;
  margin: 0px;
  padding: 0px;
  display: block;
}

ul {
  margin: 0;
  padding: 0;
  padding-left: 1.5em;
}

a:visited {
  color: #0f0f55;
  text-decoration: none;
}

a:link {
  color: #000055;
  text-decoration: none;
}

a:hover,active {
  color: #FFFFFF;
  text-decoration: none;
  background: #8BB2DE;
}
/*
body.type2 * div.mainpanel,
body.type1 * div.mainpanel {
  display: block;
  width: 780px;
  border: 1px solid #bbb;
  text-align: left;
  background-color: #fff;
  float: left;
  margin: 0px 5em;
  min-height: 300px;
  padding: 6px 13px;
  font-size: small;
  clear: left;
}

body.type2 div.sidepanel-top {
  float: left;
  width: 100%;
  clear: both;
}

body.type2 div.sidepanel-bottom {
  display: block;
  clear: both;
  float: left;
  width: 100%;
  min-height: 250px;
}

body.type2 * div.sidepanel {
  width: 520px;
}

body.type3 * div.sidepanel {
  display: none;
}

body.type3 * div.mainpanel {
  width: 100%;
}*/

tr.odd.invoice_item {
  background-color: #E6F8F8;
}

tr.even.invoice_item {
  background-color: #F2FDE6;
}

.current {
  background-color: #BAC8CB;
}

.decimal {
  text-align: right;
}

.decimal input {
  text-align: right;
}

dt {
  font-variant: normal;
  font-weight: bolder;
  text-decoration: none;
}

table {
  border-collapse: collapse;
  width: 100%;
}

th, td {
  padding: .2em .3em;
}

th {
  font-size: 92%;
  background: url('/images/nav-bg-fa.png') repeat-x;
}

table.data {
  width: 100%;
  border: 1px solid #2270B5;
  margin: 0 auto;
}

table.data tr {
  vertical-align: top;
}

table.data tr.odd {
  background-color: #E4F5FF;
}

table.data tr.even {
  background-color: #D5F0FF;
}

th {
  background-color: #2270B5;
  color: #fff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

td {
  padding: .2em .3em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

label {
  font-weight: bolder;
  font-size: smaller;
  font-family: Arial, Helvetica, sans-serif;
}

input, textarea, select {
  border: 1px solid #000;
  background: #fff;
}

fieldset {
  border: 1px solid #000;
}

.radio_on {
  background: #fff url('/images/pfeil.gif') left center no-repeat;
  padding: 1px;
}

hr {
  height: 1em;
  border: none;
  border-bottom: 1px solid transparent;
  margin: 1em auto;
}

p.submit_and_reset {
  text-align: right;
}

/* ------- tabs navigation -------  */

ul.tabnav {
  display: inline;
  list-style: none;
}

ul.tabnav li {
  display: inline;
  float: left;
}

ul.tabnav li a {
  display: block;
  padding: .3em .5em;
  white-space: nowrap;
  border: 1px solid #7C9DBA;
  border-bottom: none;
  background-color: #6E94B5;
  color: #dddddd;
  text-align: center;
}

ul.tabnav li a.active {
  border: 1px solid #2270B5;
  border-bottom: none;
  background-color: #2270B5;
  color: #ffffff;
}


.hover {
  background-color: #ABC1D5;
}

.nav-list-entry {
  vertical-align: middle;
  height: 36px;
  margin-bottom: 1px;
}
.nav-list-entry img {
    margin: 2px;
    margin-right: .5em;
}

div.containing_element {
  padding: 1em;
}

td.date input,
input.date {
  width: 8em;
}

tr.invoice_item td {
  vertical-align: top;
  padding: 2px;
}

.fieldWithErrors input {
  border: 1px dashed #ff8f02;
  background-color: #f7d202;
}

/*  ----------------  invoice stuff  ----------------  */

.invoice {

}

.letter .sender, .letter .recipient,
.offer .sender, .offer .recipient,
.invoice .sender, .invoice .recipient,
.order .sender, .order .recipient {
  display: block;
  float: left;
  width: 30%;
  margin: .5em;
  height: 9em;
}

.invoice .dates,
.offer .dates {
  margin: .5em;
  height: 9em;
  width: 30%;
  float: right;
}

.invoice table.data,
.offer table.data {
  clear: both;
}

#invoice_actions {
  clear: both;
  border: 1px solid #2270B5;
  border-left: none;
  border-right: none;
  margin-top: 1em;
  width: 99%;
}

#invoice_actions div.action {
  float: left;
  display: block;
  text-align: center;
  margin: .3em;
  width: 11em;
  border: dashed #2270B5 1px;
  border-top: none;
  border-bottom: none;
}

#invoice_actions div.action img {
  margin: 0 auto;
}

.invoice_state.late {
  font-weight: bold;
  color: red;
}

.invoice_state.payed,
.order_state.billed {
  font-weight: bold;
  color: green;
}

.order_state.feedback {
  font-weight: bold;
  color: #ffd802;
}

.order_state.done {
  font-weight: bold;
  color: #29df01;
}

.invoice_total, .subtotal {
  font-weight: bold;
  border-bottom: 3px double black;
}