/********************* BODY *********************/

body {
  background: #6A7070;
  margin: 0px;
  padding: 0px;
  font-size: 8pt;
  font-family: arial, verdana, helvetica, sans-serif;
  color: #fff;
  text-align: center;
}

/********************* GLOBAL *********************/

table, td, tr {padding: 2px 3px 3px 2px;  font-size: 8pt; }

h1 {font-size: 11pt; font-weight: bold; color: #333; margin: 0px 0px 8px 0px; border-bottom: 1px solid #c33; }
h2 {font-size: 9pt; font-weight: bold; color: #333; margin: 0px 0px 5px 0px;}
h3 {font-size: 9pt; font-weight: bold; color: #c33; margin: 10px 0px 5px 0px;}
h3 span {font-size: 9pt; font-weight: normal; color: #fff; margin: 0px;}
h4 {font-size: 8pt; font-weight: bold; color: #000; margin: 15px 0px 15px 0px;}
ul {margin: 0px; padding: 0px; list-style-type: none;}
ol {margin: 0px; padding: 0px; list-style-type: none;}
ul.standard { list-style-type: disc; margin-left: 1.5em; }
ul.standard li { margin-bottom: 1em; }

img {border: none;}

form {
  padding: 0px;
  margin: 0px;
}

.line                  { width: 100%; height: 1px; border-top: 1px solid #c33; }
.subtext               { color: #ccc; }
.link,label,tr.link td { cursor: pointer; }
.hidden                { display: none; }

a[href^="mailto:"]:before {
  content: "\2709";
  margin-right: 5px;
}

a[href^="tel:"]:before {
  content: "\260e";
  margin-right: 5px;
}

a[href^="fax:"]:before {
  content: "\1F5B7";
  margin-right: 5px;
}

/********************* BUTTON & NAVI *********************/

a:link     { color: #6A7070; text-decoration: underline; }
a:visited  { color: #6A7070; text-decoration: underline; }
a:active   { color: #D53049; text-decoration: none; }
a:hover    { color: #D53049; text-decoration: none; }
a.active   { font-weight: bold; }
a.inactive { text-decoration: none; }

/** TOPLEVEL-NAVI = tlnav **/
#tlnavpos {
  width: 350px; height: 15px;
  margin-top: 10px;
  text-align: right;
}
ul#tlnav      { list-style: none; padding: 15px 0px 0px 0px; margin: 0px; float: left; }
ul#tlnav li   { padding: 0px; margin-left: 10px; float: left; text-align: left; }
ul#tlnav li a { display: block; font-weight: 600; font-size: 7pt; color: #000; text-decoration: none;}
ul#tlnav li a:hover, ul#tlnav li a.active_tlnav { color: #993300; text-decoration: underline;}

/** EMOTIONLEVEL-NAVI = elnav **/
#elnavpos {
  width: 250px;
  height: 80px;
  float: left;
  padding-top: 0px;
  margin-left: 30px;
  margin-top: 10px;
}
ul#elnav     { list-style: none; padding: 2px 0px 0px 0px; margin: 0px; float: left; }
ul#elnav li  { padding: 0px 0px 2px 0px; margin: 0px; }
ul#elnav li a{ font-weight: 600; font-size: 7pt; color: #6A7070; text-decoration: none; white-space:nowrap;}
ul#elnav li a:hover, ul#elnav li a.active_elnav { color: #000; text-decoration: underline;}
ul#elnav li a span.indent { position: relative; top: -3px; left: 10px; }
ul#elnav li a span.logout { color: #c00; }

/** MAINLEVEL-NAVI = mlnav **/
#mlnavpos {
  position: relative;
  left: 40px;
  /*top: -53px;*/
  width: 860px; height: 20px;
  float: left;
  font-size: 8pt;
  color: #ccc;
  margin-top: -53px;
}

ul#mlnav { list-style: none; padding: 0px; margin: 0px; float: left; }
ul#mlnav li{ padding: 0px; margin-right: 20px; width: auto !important; white-space: nowrap; height: 20px; float: left; font-weight: bold;}
ul#mlnav li a { text-decoration: none; color: #6A7070; line-height: 15px; font-size: 8pt; display: block; border-bottom: 2px solid #6A7070; }
ul#mlnav li a:hover, ul#mlnav li a.active { background-position: 0px -20px; color: #D53049; border-bottom: #D53049; }

#location {
  position: relative;
  top: -7px;
  left: 40px;
  width: 860px; height: 20px;
  float: left;
  display: block;
  font-size: 8pt;
  color: #ccc;
  margin-top: -21px;
}

#location p { float: left; }
#location ul { list-style: none; padding: 0px; margin: 0px; }
#location li {
  white-space: nowrap;
  line-height: 15px;
  font-size: 8pt;
  float: left;
  padding-right: 15px;
  background: url(../germerott_img/layout/ar_right.gif) no-repeat top right;
}
#location li.last { background-image: none; }
#location li a { text-decoration: none; color: #6A7070; display: block; }
#location li a:hover, #location li a.active { color: #D53049; }

/** SUCHE **/
#suche {
  float: left;
}

#suche input {
  border: 1px solid #ccc;
  white-space: nowrap;
  font-size: 8pt;
}

/** SUBLEVEL-NAVI = slnav **/
#slnavpos {
  position: relative; left: 20px;
  width: 325px;
  padding: 0px;
  margin: 10px 0px 20px 0px;
  float: left;
}
#slnavpos ul              { list-style: none; padding: 0px; margin: 0px 0px 10px 20px; }
#slnavpos ul li           { padding: 0px 0px 8px 10px; margin: 0px; }
#slnavpos ul li a         { font-size: 8pt; color: #666; text-decoration: none; }
#slnavpos ul li a:link    { color: #333; }
#slnavpos ul li a:visited { color: #999; }
#slnavpos ul li a:active  { color: #c00; }
#slnavpos ul li a:hover   { color: #c00; text-decoration: underline; }
#slnavpos ul li.active    { font-weight: bold; }
#slnavpos ul li.top       { margin-bottom: 10px;  border-bottom: 5px solid #fff; }
#slnavpos ul li.active a  { color: #c00; }


#slnavpos ul li ul        { padding: 0px 0px 0px 10px; margin: 3px 0px 0px 0px; }
#slnavpos ul li ul li     { padding: 0px 0px 3px 0px; margin: 0px; font-weight: normal; }
#slnavpos ul li ul li a   { font-size: 8pt; color: #666; }
#slnavpos ul li ul li a:hover, #slnavpos ul li ul li a.active { font-weight: bold; }

/** ACTION_BAR-NAVI = abnav  **/

#action_bar {
  width: 530px;
  margin: 15px 0px 15px 0px;
  float: left;
}

#action_bar ul {
  list-style: none;
  float: left;
}

#action_bar ul li {
  padding: 0px;
  margin: 0px 10px 10px 0px;
  white-space: nowrap;
  height: 22px;
  float: left;
}

#action_bar ul li a {
  padding: 5px;
  text-decoration: none;
  line-height: 22px;
  font-size: 8pt;
  text-align: center;
  font-weight: bold;
  border: 2px solid #D53049;
}

#action_bar ul li a.sort {
  border: none;
  padding-left: 22px;
  background: url(../germerott_img/layout/pfeil-oben.gif) no-repeat 0 2px;
}

#action_bar ul li a.sort.desc {
  background: url(../germerott_img/layout/pfeil-unten.gif) no-repeat 0 2px;
}

#action_bar ul li a.sort.inactive {
  color: #999;
  background-image: url(../germerott_img/layout/pfeil-oben-inaktiv.gif);
}

#action_bar ul li a.sort.inactive.desc {
  background-image: url(../germerott_img/layout/pfeil-unten-inaktiv.gif);
}

/********************* LAYOUT *********************/

#container {
  background: #fff url(../germerott_img/layout/containerbg.gif) repeat-y;
  width: 940px;
  text-align: left;
  margin: 0 auto;
  color: #6A7070;
}

#tabs {
  background: url(../germerott_img/layout/tabsbg.gif) no-repeat;
  width: 940px;
  height: 33px;
  margin: 2px 0 0 0;
  padding: 0;
}

#distributor {
  width: 900px;
  height: 25px;
  position: relative; left: 20px; top: 4px;
  padding: 0;
  margin: 0;
}

/* BUTTON "Vari-Style" (variable Breite) - Beta Version */

#distributor a.tab {
   background: transparent url(../germerott_img/layout/tabs_button_b.gif) no-repeat top right;
   font: normal 9pt;
   color: #666!important;
   display: block;
   float: left;
   height: 25px;
   margin: 0;
   padding-right: 10px; /*sliding doors padding */
   text-decoration: none;
}

#distributor a.tab span {
   background: transparent url(../germerott_img/layout/tabs_button_a.gif) no-repeat;
   display: block;
   line-height: 15px;
   padding: 8px 0 2px 10px;
}

#distributor a.tab:active, /* #distributor a.tab:hover, */ #distributor a.active {
   background-position: bottom right;
   color: #000;
   outline: none; /* die gepunktete Linie im FF abschalten */
}

#distributor a.tab:active span, /* #distributor a.tab:hover span, */ #distributor a.active span {
   background-position: bottom left;
   color: #000!important;
   padding: 5px 0 5px 10px;
}

#distributor a.tab:hover span {
   color: #999!important;
}

#distributor a.tab.bwa {
  float: right;
  font-weight: bold;
  background-color: #000;
  color: #fff;
}

#distributor a.tab.bwa span, #distributor a.tab.bwa.active, #distributor a.tab.bwa.active span {
  background-color: #000 !important;
  background-image: none;
  color: #fff !important;
}

/**************************************************************/

#head {
  background: #fff url(../germerott_img/layout/headbg.jpg) no-repeat;
  width: 940px;
  height: 190px;
  float: left;
  color: #6A7070;
}

/** CONTENT **/
#content {
  position: relative; left: 15px;
  width: 600px;
  float: left;
  margin-bottom: 15px;
}

#content a:link    { color: #333; }
#content a:visited { color: #999; }
#content a:hover   { color: #c00; text-decoration: underline; }

/** LOGIN **/
#content.login {
  top: 20px;
  left: 340px;
  width: 530px;
}

/* Action-Bar Link-Farben ueberschreiben */
#action_bar a:link, #action_bar a:visited { color: #D53049; }
#action_bar a:hover, #action_bar a.active { text-decoration: underline; }

.inside {
  position: relative; left: 30px;
  width: 530px;
  color: #000;
  font-size: 8pt;
}

/** FOOTER **/
#foot {
  background: url(../germerott_img/layout/footbg.gif) no-repeat;
  clear: both;
  width: 940px; height: 40px;
  text-align: right;
  color: #fff;
}
#foot a { color: #fff; }
#foot span {
  position: relative; top: 25px; right: 20px;
}

/** TABELLEN **/
table#maintab { width: 665px; margin-top: 15px; float: left; color: #000; border: #666 solid 0px;}
table#maintab tr td a { color: #000; text-decoration: underline; }
td.bez { width: 130px; }
td.eingabe { width: 470px; font-weight: 600; }
td.optionen { width: 100px; }

table#detailtab { background-color: #fff; width: 730px; float: right; color: #000; border: #666 solid 1px; font-size: 7pt;}
table#detailtab tr td { padding-right: 3px; }
table#detailtab tr td a { color: #000; text-decoration: underline; }
td.dlinks { width: 200px; text-align: right; font-weight: bold;}
td.dmitte { width: 390px; }
td.drechts { width: 140px; }

/** FORMULARE **/
.selectbox { width: 350px; }
.textarea { width: 346px; }
.textfeld { width: 346px; }

.edit input.input { width: 400px; }
.edit textarea.input { width: 400px; height: 200px; }
.edit textarea.small { height: 100px; }

.edit td.error {
  color: #c00;
}

.edit tr.top td {
  vertical-align: top;
}

.edit td.no_pad {
  padding-top: 0px;
  margin-top: 0px;
}

.edit table {
  margin: 0px;
  padding: 0px;
}

/* Doc-Uebersicht im Content */
table.short {
  width: 100%;
  border-bottom: 1px dotted #666;
}

table.short td.img {
  width: 100px;
}

table.due, table.done {
  border-spacing: 3px;
}

table.due th, table.done th {
  text-align: left;
  padding-left: 2px;
  background-color: #E5E5E5;
}

table.due td, table.done td {
  padding-left: 4px;
  background-color: #EBEBEB;
}

table.due td.count, table.done td.count {
  padding-right: 3px;
  text-align: right;
}

table.due td.relaxed {
  color: #0c0;
}

table.due td.urgent {
  color: #c00;
}

table.due td.critical {
  color: red;
}

table.history td.history_date {
  white-space: nowrap;
}

/** FEHLER **/
#error {
  margin: 5px;
  padding: 5px;
  border: 1px dotted #c00;
}

#error h3 {
  color: #c00;
}

.error {
  color: #c00;
}

.success {
  color: #090;
}

div.thumb {
  margin-top: 22px;
  float: right;
}

applet {
  border: 1px solid  #D53049;
}

div.notify {
  margin-top: 20px;
  padding: 10px;
  border: 1px dotted #D53049;
}

/* Forum (aka Guestbook) */

.gbook {
  border: 1px solid #999;
  padding: 10px;
  padding-bottom: 3px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.reply1 { margin-left: 20px; }
.reply2 { margin-left: 40px; }
.reply3 { margin-left: 60px; }
.reply4 { margin-left: 80px; }

.gbook blockquote {
  margin-left: 10px;
  padding: 3px;
  border: 1px solid #99c;
  background-color: #eee;
}

.gbook h3 {
  padding-top: 0px;
  margin: 0px;
}

.gbook p.small {
  margin-top: 2px;
  font-size: 10px;
  border-bottom: 1px dotted #999;
}

.gbook textarea {
  width: 450px;
  height: 150px;
}

.gbook input.input {
  width: 450px;
}

.gbook li {
  list-style: circle;
  margin-left: 20px;
}

.gbook .edit {
  border-top: 1px dotted #999;
}

/* Rasterbeschreibung */
.raster input.long {
  width: 250px;
}

.raster input.date {
  width: 80px;
}

.raster input.datetime {
  width: 100px;
}

.raster input[disabled] {
  background-color: #ccc;
}

.raster textarea.medium {
  width: 350px;
  height: 150px;
}

.raster textarea.long {
  width: 450px;
  height: 200px;
}

.raster fieldset {
  margin-bottom: 20px;
}

.raster legend {
  margin-top: 0px;
  padding-top: 0px;
  font-weight: bold;
}

.raster h3 {
  color: black;
  font-size: 8pt;
  margin-left: 5px;
}

.raster .ni {
  color: #bbb;
}

.raster li {
  list-style-type: circle;
  margin-left: 20px;
  padding-left: 10px;
  margin-bottom: 3px;
}

.raster li.head {
  list-style-type: none;
  margin-left: 0px;
}

.raster tr.bg td {
  padding-left: 5px;
  padding-right: 10px;
  background-color: #ccc;
}

.raster a.cancel {
  margin-left: 20px;
  font-size: 10pt;
}

.raster td.money {
  text-align: right;
}

span.rueck {
  font-weight: bold;
  color: #D53049;
}

div.hint {
  color: #000;
  margin-top: 10px;
  padding-left: 5px;
}

div.hint h2 {
  color: black;
}

.forecast {
  padding-left: 5px;
}

h2.forecast {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid #000;
}

tr.attach_off {
  display: none;
}

span.demo {
  font-family: monospace;
  padding: 3px;
  border: 1px solid #666;
}

.help {
  display: none;
}

td.label {
  font-weight: bold;
}

span.required {
  color: #c00;
}

p.user_filter { text-align: center; }

/* Reiternavigation innerhalb des Content-Bereichs */
#bwa {
  border: 2px solid #666;
}

#bwa div {
  padding: 5px;
}

#bwa .tabs {
  margin: 3px 0 0 3px;
  padding: 0;
}

#bwa .tabs a {
  font-weight: bold;
  background-color: #e9e9e9;
  text-decoration: none;
  border: 2px solid #666;
  padding: 3px 10px 3px 10px;
  margin: 0;
  margin-left: -5px;
}

#bwa .tabs a.active {
  color: #c33;
  border-bottom-color: #dddddd;
  background-color: #dddddd;
}

#bwa .tabs a.active.last {
  border-right-color: #dddddd;
}

#bwa .tabs a:hover, #bwa .tabs a:focus, #bwa .tabs a:active {
  background-color: #dddddd;
}

#bwa form > div {
  padding-top: 10px;
}

tr.delete td, tr.delete td a {
  color: #999 !important;
  text-decoration: line-through;
}

tr.delete td input {
  background-color: #ccc;
  color: #999;
}

img.date {
  position: relative;
  top: 5px;
  cursor: pointer;
}

/********************* ENDE *********************/