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

h1.project { float: left; margin-right: 20px; }

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; }
.nowrap                { white-space: nowrap; }
.pointer               { cursor: pointer; }
.breakable             { word-break: break-all; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }
.clearleft             { clear: left; }

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

/** 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: 365px;
  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: #333; }
#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 {
  margin: 5px 0px 10px 0px;
}

#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-13.gif) repeat-y;
  width: 1100px;
  text-align: left;
  margin: 0 auto;
  color: #6A7070;
}

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

#distributor {
  width: 1060px;
  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.epd {
  float: right;
  font-weight: bold;
  background-color: #000;
  background-image: none;
  color: #fff;
}

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

/*** Overlay ***/
.overlay {
  color: #000;
}

.overlay .back {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 200;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0;
}

.overlay .main {
  position: absolute;
  display: none;
  margin-bottom: 20px;
  padding: 5px;
  text-align: left;
  min-width: 350px;
  max-width: 950px;
  background-color: #e4e4e4;
  border: 1px solid #c00;
  z-index: 210;
}

.overlay .close_button {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 27px;
  height: 27px;
  background: url(../germerott_img/layout/icon_closeol.gif) no-repeat;
}

.overlay .close_button:focus, .overlay .close_button:hover {
  background-position: 0 -27px;
}

.overlay div.static {
  width: 600px;
  padding: 10px;
}

.overlay div.small {
  width: 500px;
  padding: 10px;
}

.overlay div.fullsize {
  width: 950px;
  padding-right: 10px;
}

.overlay div.flexi {
  padding: 10px;
  max-width: 950px;
}

.overlay div.container {
  width: 710px;
  margin-bottom: 15px;
}

.overlay div.head, .overlay div.content {
  padding: 3px 5px 3px 10px;
}

.overlay div.content {
  background-color: #fff;
  border: 1px solid #ccc;
  border-top: none;
}

.overlay div.head {
  border: 1px solid #c00;
}

.overlay div.head h2 {
  margin: 0;
  padding: 0;
}

.overlay .closed {
  background-position: right -40px !important;
}

.overlay .go, .overlay .reset {
  height: 24px;
  padding: 0 3px 0 3px;
  margin: 0 5px 0 0;
  font-weight: bold;
  color: #333;
  border: 1px solid #ccc;
}
.overlay .go:hover, .overlay .reset:hover {
  background-position: 0 -24px;
}

.overlay .changed .go {
  border-color: #c90;
}

.overlay form.success .go {
  border-color: #060;
}

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

body.portal_1  #head { background-image: url(../germerott_img/layout/headbg_1_2022.jpg); }
body.portal_9  #head { background-image: url(../germerott_img/layout/headbg_9_2022.jpg); }
body.portal_10 #head { background-image: url(../germerott_img/layout/headbg_10_2022.jpg); }
body.portal_11 #head { background-image: url(../germerott_img/layout/headbg_11_2022.jpg); }

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

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

#suche .submit {
  position: relative;
  top: 5px;
  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: 45px;
  width: 650px;
  float: left;
  margin-bottom: 15px;
}

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

#content.login {
  top: 20px;
  left: 410px;
}

/* 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 {
  color: #000;
}

a.download {
  display: block;
  max-width: 200px;
  padding: 5px;
  background: #fff url(../img/layout/download.png) no-repeat 5px 5px;
  border: 2px solid black;
  border-radius: 3px;
  text-align: center;
  font-weight: bold;
}

/* Message Container */
div.msg {
  padding: 3px;
  margin-top: 5px;
  margin-bottom: 5px;
  border: 2px solid #c60;
}

p.msg {
  padding: 3px;
  margin-top: 5px;
  margin-bottom: 5px;
  border: 2px solid #c60;
}

div.error {
  font-weight: bold;
  border-color: #c00;
}

div.notice {
  border-color: #fb9d00;
}

div.success {
  border-color: #0c0;
}

/*** Uploader ***/
.upload_drag_n_drop {
  margin-top: 15px;
  width: 320px;
  min-height: 200px;
  text-align: center;
  border: 1px solid #333;
  background: #ccf url(../img/layout/comfortuploadbg_wide.jpg) no-repeat top left;
}

.upload_drag_n_drop:focus, .upload_drag_n_drop:hover {
  color: #D53049;
  border-color: #D53049;
}

table.filelist             { width: 100%; }
table.filelist th          { text-align: left; }
table.filelist td.size     { text-align: right; }
table.filelist td.activity { text-align: center; }
table.filelist td.progress { text-align: right; }

table.filelist th.filelist {
  width: 80%;
}

table.filelist td {
  padding: 2px;
  border: none;
  border-bottom: 1px solid #666;
  height: 18px;
}

tr.upload_error td {
  color: red;
  text-decoration: line-through;
}

.runtime_html5 {
  display: none;
}

/** <a> Button design **/
a.button {
  display: block;
  float: left;
  min-width: 7px; /* min-width + padding = 40px */
  min-height: 28px;
  background: url(../img/layout/button_default.png) top left no-repeat;
  margin: 0 15px 0 0;
  padding: 12px 0 0 33px; /* height + padding = 40px */
  font-weight: normal !important;
}

a.button:link, a.button:visited {
  color: #fb9d00;
}

a.button:focus, a.button:hover, a.button:active, a.button.active {
  background-position: left -40px;
  text-decoration: underline;
}

a.button.disabled {
  color: #999 !important;
  background-position: left -80px !important;
  text-decoration: none !important;
  cursor: default;
}

p.user_filter { text-align: center; }

/* Button background image definition */
a.button.action_confirm   { background-image: url(../img/layout/button_confirm.png); }
a.button.action_cancel    { background-image: url(../img/layout/button_cancel.png); }

/** FOOTER **/
#foot {
  background: url(../germerott_img/layout/footbg-13.gif) no-repeat;
  clear: both;
  width: 100%;
  height: 30px;
  text-align: right;
  color: #fff;
}

#foot a {
  color: #fff;
}

#foot span {
  position: relative;
  top: 15px;
  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 input.short { width: 50px; }
.edit textarea.input { width: 400px; height: 200px; }
.edit textarea.small { height: 100px; }

input[disabled], select[disabled] {
  background-color: #999;
}

#available_fields, #selected_fields {
  width: 240px;
}

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

.edit .notice {
  color: #666;
}

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

table.short td.checkbox {
  width: 13px;
  padding: 0;
}

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

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

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

a.with_selected {
  margin: 0 25px 0 5px;
  display: block;
  width: 22px;
  height: 20px;
  float: left;
  background: url(../germerott_img/layout/with_selected.png) no-repeat;
}

/* Tabellen mit Hintergrundfarben */
table.grid {
  width: 100%;
}

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

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

table.grid td.spacer {
  background-color: transparent;
}

table.grid td.key {
  width: 25%;
}

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 {
  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: 120px;
}

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

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

.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 tr.disabled td {
  color: #999;
}

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

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

.raster .relevant {
  font-weight: bold;
}

.raster .okay {
  color: green;
}

table.raster { width: 100%; }

/* Misc */

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

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

div.hint h2 {
  color: black;
}

span.hint {
  color: #666;
}

.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 {
  cursor: help;
}

div.help li {
  border-bottom: 1px solid #999;
}

td.label {
  font-weight: bold;
  width: 25%;
}

span.required {
  color: #c00;
}

p.sortby a, p.sortby a:link, p.sortby a:visited {
  color: #000 !important;
}

p.sortby a:active, p.sortby a:hover {
  color: #c00 !important;
}

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

#epd div {
  padding: 5px;
}

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

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

#epd .tabs a:link, #epd .tabs a:visited {
  color: #000;
}

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

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

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

#epd .tabs a span {
  display: none;
}

#epd .tabs a.changed span {
  display: inline;
}

#epd .tabs a.error {
  background-color: #c00;
  color: #fff;
}

#epd div.tab {
  padding-top: 10px;
}

.price {
  text-align: right;
}

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

.status_viewed {
  color: green;
}

.status_not_viewed {
  color: red;
}

td.a_liste_nu_1 {
  white-space: nowrap;
}

/************* Kundenportal Allgemein **************/

.help {
  display: none;
}

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