/********************* 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;}

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; }

/********************* 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; }

/** MAINLEVEL-NAVI = mlnav **/
#mlnavpos {
  position: relative;
  left: 29px;
  margin-top: -60px;
  width: 890px; height: 33px;
  float: left;
}

ul#mlnav { list-style: none; padding: 0px; margin: 0px; float: left; }

ul#mlnav li {
  padding: 0px;
  height: 33px;
  float: left;
}
ul#mlnav li a {
  height: 33px;
  display: block;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-color: #dddddd;
}

ul#mlnav li.home          a {  width: 74px;  background-image: url(../germerott_img/layout/mlnav_home.png); }
ul#mlnav li.sammlung      a {  width: 79px;  background-image: url(../germerott_img/layout/mlnav_sammlung.png); }
ul#mlnav li.vorgeschlagen a {  width: 100px; background-image: url(../germerott_img/layout/mlnav_vorgeschlagen.png); }
ul#mlnav li.anfrage       a {  width: 77px;  background-image: url(../germerott_img/layout/mlnav_anfrage.png); }
ul#mlnav li.bearbeitung   a {  width: 103px; background-image: url(../germerott_img/layout/mlnav_bearbeitung.png); }
ul#mlnav li.angebot       a {  width: 135px; background-image: url(../germerott_img/layout/mlnav_angebot.png); }
ul#mlnav li.realisierung  a {  width: 102px; background-image: url(../germerott_img/layout/mlnav_realisierung.png); }
ul#mlnav li.fertig        a {  width: 54px;  background-image: url(../germerott_img/layout/mlnav_fertig.png); }
ul#mlnav li.ausgefuehrt   a {  width: 157px; background-image: url(../germerott_img/layout/mlnav_ausgefuehrt.png); }

ul#mlnav li a span {
  display: none;
}

ul#mlnav li a:hover, ul#mlnav li a.active { background-position: 0px -33px; }

#location {
  position: relative;
  top: -7px;
  left: 30px;
  width: 880px; 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; }

/** 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; }


/** 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 **/
#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:hover, #action_bar ul li a.active { text-decoration: underline; }

p.user_filter { text-align: center; }

/********************* 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: 860px;
  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;
}


/* Same code, this time inside the homepage content, needs different styling */
#content .tabs {
  width: 520px;
  height: 100%;
  background: none;
}

#content .distributor {
  width: 90%;
  height: 100%;
}

#content .distributor a.tab, #content .distributor a.tab span {
  background: none;
  float: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

#content .distributor a.tab {
  border: 1px solid #999;
  margin: 5px 0 5px 0;
  padding: 5px 0 0 10px;
  height: 20px;
}

#content a.tab:active, #content a.tab:hover {
  color: #D53049;
  border-color: #D53049;
}


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

#suche {
  float: left;
  width: 300px;
}

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

#suche .submit {
  border: none;
  height: 19px;
  width: 56px;
  background: url(../germerott_img/layout/finden.png) no-repeat top left transparent;
  cursor: pointer;
}

#suche .submit:hover {
  background-position: 0 -19px;
}

/** 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; }

/* 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;
}

/** 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 th {
  text-align: left;
}

.raster input.long {
  width: 250px;
}

.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;
}

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;
}
/********************* ENDE *********************/