/* 
CSS Stylesheet for the HelloBusiness Project  
Farben sind mit Hilfe von https://paletton.com/ zusammengestellt

Grundfarbe für Menü: Orange #FFA500; Hintergrundfarbe: #FFE9BF
Überschrift     div #FFA500   a #FFFFFF
Links Hover     div #FFCE73   a #A67925
Links           dif #FFE9BF   a #6C4A0C

Bemerkung zum Menü:
Die Hintergrundfarbe #FFE9BF ist eventuell etwas dunkel.
Möglich wäre auch #FFF0D5 oder etwas zwischendurch.

Datenbereich Hintergrundfarbe: #F0F2FF (Kontrastfarbe zu #FFE9BF, aber etwas heller)
Kontrast zur Menü-Grundfarbe #FFA500 ist #1047A9
*/

body {
  background: white;
  background-image: url(../../images/icons/NavHintergrund.gif);
  background-repeat: repeat-y;
  font-family: Arial;
  /* font-size: 1em; /* ˜12px; früher 14px */
  font-weight: normal;
  letter-spacing: normal;
  text-transform: none;
  word-spacing: normal;
  margin: 0px 0px 0px 0px;
}

.PageTitle {
  /* Seitentitel  11.02.2004/Max */
  font-family: Arial;
  font-size: 17px;
  font-weight: bold;
  color: #4E5AA6;
  text-decoration: none;
}

.Help {
  /* Erklärungen & Hilfen  18.03.2004/Max */
  background-image: none;
  font-family: Arial;
  font-size: 0.8em; /*0.7em ˜11px*/
  color: Black;
  text-decoration: none;
  background-color: #F0F2FF;
  list-style-type: circle;
}

/* Meldungen  22.03.2004/Max */
.Warnung {
  font-weight: bold;
  color: #FF7200;
}

.WarnungMittelGross {
  font-weight: bold;
  color: #FF7200;
  font-size: small;
}

.WarnungGross {
  font-weight: bold;
  color: #FF7200;
  font-size: 17px;
}

.WarnungExtrem {
  font-weight: bold;
  color: #E1BFFF;
  font-size: 17px;
}

/* 2. Mahnung */
.Warnung2 {
  font-weight: bold;
  color: white;
  background-color: #FD0006; /* ziemlich rot */
}

/* 3. Mahnung */
.Warnung3 {
  font-weight: bold;
  color: white;
  background-color: black;
}

.OkMeldung {
  font-weight: bold;
  color: #009E8E;
}

.OkMeldungMittelGross {
  font-weight: bold;
  color: #009E8E;
  font-size: small;
}

.OkMeldungGross {
  font-weight: bold;
  color: #009E8E;
  font-size: 17px;
}

.FarbeOkMeldung {
  color: #009E8E;
}

.FarbeNichtOkMeldung {
  color: #FF6C00;
}

.FarbeOrange {
  color: #FFA500 !important;
}

.FarbeWarnung {
  color: #A6823E;
}

.FarbeNavy {
  color: Navy;
}

/* Ende Meldungen  22.03.2004/Max */

.HypLink:link {
  /* normale Hyperlinks irgendwo im Text */
  text-decoration: none;
  color: Black;
  font-family: Arial;
  font-size: 1em;
}

A.HypLink:visited {
  text-decoration: none;
  color: Black;
  font-family: Arial;
  font-size: 1em;
}

A.HypLink:hover {
  text-decoration: underline;
  color: Black;
  font-family: Arial;
  font-size: 1em;
}

A.HypLink:active {
  text-decoration: none;
  color: Black;
  font-family: Arial;
  font-size: 1em;
}

td {
  font-family: Arial;
  font-size: 12px; /* ˜14px */
}

/* ------ Tabellen ------ */
.StyleTabellenKopf {
  /* Table Header  02.2004/Max */
  height: 20px;
  font-family: Arial;
  font-weight: bold;
  font-size: 12px;
  background-color: #898EB3;
  color: White;
  padding-left: 5px;
}

/*.CellPadding_0, .CellPadding_1, .CellPadding_2, .CellPadding_3 {
    border-collapse: collapse
}*/

.CellPadding_0 > tr > td, .CellPadding_0 > tr > th,
.CellPadding_0 > tbody > tr > td, .CellPadding_0 > thead > tr > th,
td.CellPadding_0 {
  padding: 0px;
}

.CellPadding_1 > tr > td, .CellPadding_1 > tr > th,
.CellPadding_1 > tbody > tr > td, .CellPadding_1 > thead > tr > th,
td.CellPadding_1 {
  padding: 1px;
}

.CellPadding_2 > tr > td, .CellPadding_2 > tr > th,
.CellPadding_2 > tbody > tr > td, .CellPadding_2 > thead > tr > th,
td.CellPadding_2 {
  padding: 2px;
}

.CellPadding_3 > tr > td, .CellPadding_3 > tr > th,
.CellPadding_3 > tbody > tr > td, .CellPadding_3 > thead > tr > th,
td.CellPadding_3 {
  padding: 3px;
}

.BorderSpacing_0 {
  border-spacing: 0px;
}

.BorderSpacing_5 {
  border-spacing: 5px;
}

.BorderSpacing_10 {
  border-spacing: 10px;
}

.BorderSpacing_15 {
  border-spacing: 15px;
}

/* ------ Ende Tabellen ------ */

.SubTitle {
  /* Untertitel weniger stark  18.03.2004/Max */
  font-family: Arial;
  font-weight: bold;
  font-size: 1.1em; /*1.1em˜13px*/
  color: #404040; /* dunkelgrau */
}

.SubSubTitle {
  /* kleine Untertitel weniger stark  18.03.2004/Max */
  font-family: Arial;
  font-weight: bold;
  color: #404040; /* dunkelgrau */
}

.TextBold {
  font-family: Arial;
  font-weight: bold;
  font-size: 1.1em;
  color: #898EB3; /* wie Markierung5 */
}

.ViewAdress1 {
  background-color: #F0F2FF;
  font-size: 12px;
}

.ViewAdress2 {
  background-color: white;
  font-size: 12px;
}

.EditAdress1 {
  height: 25px;
  background-color: #F0F2FF;
  font-size: 12px;
}

.EditAdress2 {
  height: 25px;
  background-color: white;
  font-size: 12px;
}

.ViewAdressCaption1 {
  /*Auch für Suchdialog-Caption u.a. verwendet*/
  background-color: #F0F2FF;
  font-weight: bold;
  font-size: 12px;
  padding-left: 5px;
}

.ViewAdressCaption2 {
  /* Auch für Suchdialog-Caption u.a. verwendet */
  background-color: white;
  font-weight: bold;
  font-size: 12px;
  padding-left: 5px;
}

.Norm1Hintergrund {
  background-color: #F0F2FF;
}

.Norm2Hintergrund {
  background-color: #E2E5FF; /* Etwas dunkler als Norm1 */
}

/* ------ Bilder generell ohne Rahmen anzeigen ------ */
a img {
  border-style: none;
}

/* ------ TextBoxen (siehe auch AJAX Watermarks) ------ */

input[type=text] {
  font-family: Arial;
  font-size: 12px;
}

.TextboxAsLabel {
  border-style: none;
  background-color: Transparent;
}

.TextBoxHidden {
  color: #F0F2FF;
  background-color: #F0F2FF;
  border-style: none;
}


/* ------ DropDownList ------ */
.DropDownList {
  font-family: Arial;
  font-size: 12px;
}
/* ------ Ende DropDownList ------ */


/* ------ CheckBox ------ */
.chkUnmarkiert {
  padding-top: 4px;
  padding-right: 4px;
}

.chkMarkiertGelb {
  padding-top: 4px;
  padding-right: 4px;
  background-color: #FFF800;
}

.chkMarkiertHellgelb {
  padding-top: 4px;
  padding-right: 4px;
  background-color: #FFFCBF; /* hellgelb, wie Markierung 1 */
}

.chkMarkiertHellgruen {
  padding-top: 4px;
  padding-right: 4px;
  background-color: #DCFFDC; /* hellgrün, wie Markierung 2 */
}

.chkMarkiertFlieder {
  padding-top: 4px;
  padding-right: 4px;
  background-color: #F0DFFF; /* flieder, wie Markierung 3 */
  cursor: pointer;
}

.chkMarkiertHellblau {
  padding-top: 4px;
  padding-right: 4px;
  background-color: #E2E5FF; /* hellblau wie Footer im Grid, wie Markierung 4 */
}
/* ------ Ende CheckBox ------ */


/* ------ RadioButton ------ */
.rbNormal {
  cursor: pointer;
}


/* ------ ListBox ------ */

.ListBox {
  font-family: Arial;
  font-size: 12px;
}

/* ------ Ende ListBox ------ */

span.CDHeader {
  color: black;
  font-family: Arial;
  font-size: 16px;
}

table.SPlist {
  background-color: White;
  width: 100%;
  border: 1px;
}

td.SPlist {
  font-family: Arial;
  color: Black;
  font-size: 16px; /* 16px */
  width: 50%;
}

H1, H2, H3, H4, H5, TH, THEAD, TFOOT {
  color: #003366;
}

H1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 2em;
  font-weight: 700;
  font-style: normal;
  text-decoration: none;
  word-spacing: normal;
  letter-spacing: normal;
  text-transform: none;
}

H2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.75em;
  font-weight: 700;
  font-style: normal;
  text-decoration: none;
  word-spacing: normal;
  letter-spacing: normal;
  text-transform: none;
}

SPAN {
  font-size: 12px; /* 14px */
  font-family: Arial;
}

A {
  text-decoration: none;
  color: #333EA6;
  cursor: pointer;
}

  A:visited {
    text-decoration: none;
    color: #333399;
  }

  A:active {
    text-decoration: none;
    color: #333399;
  }

  A:hover {
    text-decoration: underline;
    /*color: #333EA6;*/
  }

SMALL {
  font-size: .7em;
}

BIG {
  font-size: 1.17em;
}

BLOCKQUOTE, PRE {
  font-family: Courier New, monospace;
}


/* ------- Rahmen ------ */
.Rahmen {
  border: 1px solid #898EB3;
}


/* ------- Menü ------ */

div.navHB_Topic /* Div für Überschriften */ {
  background-color: Orange;
  height: 22px;
  padding-left: 5px;
  padding-top: 2px;
  margin-top: 0px;
  border-top: solid 0px white;
  border-bottom: solid 1px white;
}

div.navHB_Topic1 /* Div für Überschriften */ {
  border-top: solid 0px white;
  border-bottom: solid 1px white;
}

div.navHB_Topic2 /* Div für Überschriften */ {
  background-color: Orange;
  height: 22px;
  padding-left: 5px;
  margin-top: 0px;
}

div.navHB_Topic3 /* Div für Überschriften */ {
  padding-top: 2px;
  margin-top: 0px;
}

a.navHB_Topic /* Überschriften Links */ {
  color: White;
  font-family: Arial;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  display: block;
}

  a.navHB_Topic:hover /* Überschriften Links Hover */ {
    text-decoration: none;
  }

div.navHB_PageLink /* Div für normale Links */ {
  background-color: #FFE9BF;
  margin-top: 0px;
  margin-bottom: 0px;
  border-top: solid 0px white;
  border-bottom: solid 1px white;
  padding-left: 15px;
}

  div.navHB_PageLink:hover /* Div für normale Links */ {
    background-color: #FFCE73;
  }

a.navHB_PageLink /* Normale Links */ {
  text-decoration: none;
  color: #A67925;
  font-weight: bold;
  font-family: Arial;
  font-size: 12px;
  display: block;
}

  a.navHB_PageLink:hover /* Normale Links Hover */ {
    color: #6C4A0C;
  }

div.navHB_CurrentPageLink /* Div für die aktuelle Seite */ {
  background-color: #FFE9BF;
  margin-top: 0px;
  margin-bottom: 0px;
  border-top: solid 0px white;
  border-bottom: solid 1px white;
  padding-left: 15px;
}

  div.navHB_CurrentPageLink:hover /* Div für die aktuelle Seite */ {
    background-color: #FFCE73;
  }

a.navHB_CurrentPageLink /* Link für aktuelle Seite */ {
  text-decoration: none;
  color: #6C4A0C;
  font-weight: bold;
  font-family: Arial;
  font-size: 12px;
  display: block;
}

  a.navHB_CurrentPageLink:hover /* Aktuelle Seite Hover */ {
    color: #6C4A0C;
  }

.navHB_Invisible {
  display: none;
  visibility: hidden;
}
/* ------ Ende Menü ------ */

.JavaLinkImage {
  cursor: pointer;
}

.JavaLinkLabel {
  cursor: pointer;
  color: #333EA6;
  padding: 0px 20px 0px 0px;
}

/* ------ Hyperlinks und LinkButtons ------ */
.ButtonNormal {
  padding: 0px 20px 0px 0px;
}

.ButtonMitIcon_0 {
  padding: 0px 0px 0px 3px;
}

.ButtonMitIcon_5 {
  padding: 0px 5px 0px 3px;
}

.ButtonMitIcon_15 {
  padding: 0px 15px 0px 3px;
}

.ButtonMitIcon_20 {
  padding: 0px 20px 0px 3px;
}

.ButtonMitIconOkStark {
  padding: 0px 3px 0px 3px;
  background-color: #BFFFBF;
}

.ButtonMitIconMarkiert {
  padding: 0px 3px 0px 3px;
  background-color: #E1BFFF; /* Standard-Markierungsfarbe */
}

.ButtonMitIcon_0NotOkStark {
  padding: 0px 0px 0px 3px;
  background-color: #E1BFFF;
}

.LabelAsLink {
  color: #333EA6;
  cursor: pointer;
}

.aspNetDisabled.LabelAsLink {
  cursor: not-allowed;
}

.LabelAsLink_Hover {
  text-decoration: underline;
}

.ImageLinkImg {
  cursor: pointer;
}

.disabledLink {
  color: Gray;
  text-decoration: none;
}

  .disabledLink:hover {
    color: Gray;
    text-decoration: none;
    cursor: not-allowed;
  }

/* Diese Klasse wird bei der Listbox automatisch beim disablen gesetzt (siehe Vermietungsübersicht; Controls/ListBoxes/ListOrderStatus.ascx) */
.aspNetDisabled {
  color: Gray !important;
  text-decoration: none;
}

  .aspNetDisabled:hover {
    text-decoration: none;
    cursor: not-allowed;
  }

/* ------ Markierungen ------ */
.Markierung1 {
  background-color: #FFFCBF; /* Norm1-hellgelb, z.B. "für Lieferschein bereit" */
}

.Markierung2 {
  background-color: #DCFFDC; /* hellgrün, z.B. "für Rechnung bereit" oder "für Erinnerung bereit" */
}

.Markierung3 {
  background-color: #F0DFFF; /* flieder, z.B. "für Offerte bereit" */
}

.Markierung4 {
  background-color: #E2E5FF; /* hellblau wie Footer im Grid, z.B. "für Bestätigung bereit" */
}

.Markierung5 {
  background-color: #898EB3; /* dunkelblau wie Header im Grid */
}

.MarkierungOkStark {
  background-color: #BFFFBF; /* Grün #BFFFBF */
}

.MarkierungNokStark {
  background-color: #E1BFFF; /* Flieder dunkel #E1BFFF */
}

.Markierung6 {
  background-color: #FFDA96; /* Violett, Privat und für Busmiete: "Mietanfrage von der Webseite" */
}

.MarkierungHg2 {
  background-color: #FFF6DD; /* Norm2-hellgelb, für die kleinen PopUps (DropShadowExtender) */
}

.Markierung7 {
  background-color: #FFAEB9; /* LightPink1 #FFAEB9, für Stornierungshinweis */
}


/* -- Ajax-Kalender: Beginn -- */

/* Markus: Diverse Eigenschaften gegenüber Original geändert */
.MyCalendar .ajax__calendar_container {
  border: 1px solid #898EB3;
  background-color: #F0F2FF;
  color: #000000;
  font-size: 12px;
}
  /* Schriftgrösse in der Tabelle */
  .MyCalendar .ajax__calendar_container td {
    font-size: 12px;
  }
/* Rahmenfarbe wie Hintergrund */
.MyCalendar .ajax__calendar_day {
  border: 1px solid #F0F2FF;
}
/* Rahmenfarbe wie Hintergrund */
.MyCalendar .ajax__calendar_month {
  border: 1px solid #F0F2FF;
}
/* Rahmenfarbe wie Hintergrund */
.MyCalendar .ajax__calendar_year {
  border: 1px solid #F0F2FF;
}
/* Tage ausserhalb des aktuellen Monats (weniger hell) */
.MyCalendar .ajax__calendar_other .ajax__calendar_day {
  color: #898EB3;
}
/* Jahre ausserhalb der aktuellen Dekade (weniger hell) */
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
  color: #898EB3;
}
/* Eigenschaft des aktiven Tages */
.MyCalendar .ajax__calendar_active .ajax__calendar_day {
  background-color: #ffffff;
  border-color: #898EB3;
  color: #898EB3;
}
/* Eigenschaft des aktiven Monats */
.MyCalendar .ajax__calendar_active .ajax__calendar_month {
  background-color: #ffffff;
  border-color: #898EB3;
  color: #898EB3;
}
/* Eigenschaft des aktiven Jahres */
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
  background-color: #ffffff;
  border-color: #898EB3;
  color: #898EB3;
}
/* -- Ajax-Kalender: Ende -------------------------- */

/* Textbox as Label darstellen */
.DisplayAsLabel {
  background-color: Transparent;
  border-style: none;
  cursor: pointer;
}

.DisplayAsLabelWarnung {
  font-weight: bold;
  color: white;
  background-color: #FD0006; /* ziemlich rot */
  border-style: none;
  cursor: pointer;
}

/* -- telerik:RadTimePicker ------------------------ */
.myTimePicker .riDisplay {
  padding-top: 3px;
}


/* ---------- AJAX Watermarks ----------- */
.TextboxUnwater[type=text] {
  height: 15px;
  padding: 1px 0px 0px 2px;
}

.TextboxWater[type=text] {
  color: #898EB3;
  height: 15px;
  padding: 1px 0px 0px 2px;
}

.TextboxUnwaterMainTitle[type=text] /* Verwendung im MainTitle */ {
  height: 15px;
  text-indent: 2px;
}

.TextboxWaterMainTitle[type=text] /* Verwendung im MainTitle */ {
  color: #898EB3;
  height: 15px;
  text-indent: 5px;
}

/* ---------- AJAX AutoComplete ----------- */

.AutoCompleteContainer {
  background: #898EB3;
  padding: 2px;
  visibility: hidden;
}

.AutoCompleteList {
  background: #898EB3;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.AutoCompleteItem {
  background: #F0F2FF;
  padding: 2px;
  margin-bottom: 1px;
  cursor: pointer;
}

.AutoCompleteHighlighted {
  background: #C4CBFF;
  padding: 2px;
  margin-bottom: 1px;
  cursor: pointer;
}

.AutoCompleteSearchTerm {
  font-weight: bold;
  color: #0000ff;
  font-size: 1em;
}

/* ---------- AJAX ModalPopup ------------- */

.ModalBackground {
  background-color: #000000;
  filter: alpha(opacity=30);
  opacity: 0.3;
  z-index: 1000000 !important;
}

.ModalPopup {
  background-color: #F0F2FF;
  padding: 10px;
}

.PopUpExtender {
  z-index: 1000001 !important;
}

/* ---------- AJAX ValidatorCalloutExtender ------------- */

.ValidatorCalloutStyle div, .ValidatorCalloutStyle td {
  border: solid 0px;
  background-color: #F0DFFF; /* Flieder */
}

/* ---------- AJAX TabContainer ------------- */
.ajax__tab_xp .ajax__tab_body {
  border-style: none !important;
  padding: 0px !important;
}

.ajax__tab_xp .ajax__tab_header span {
  font-size: 14px !important;
  color: #009E8E;
  font-weight: bold;
  text-align: left;
}

/* ---------- AJAX TabContainer (Disabled) ------------- */
.ajax__tab_xp .ajax__tab_header .ajax__tab_disabled span {
  color: #a0a0a0 !important;
}

/* ---------- RadTabStrip + RadMultiPage ---------- */
.TabPage {
  background-color: #F0F2FF;
  padding: 10px;
  border-top: 1px solid #828282;
  position: relative;
  top: -1px;
}

.Trennstrich {
  background-color: #ffffff;
  margin: 15px -10px;
  height: 10px;
}

.VolleBreite {
  margin-left: -10px;
  margin-right: -10px;
}


/* ---------- Telerik RadScheduler (betrifft Inhaltsteil) ---------- */
.RadScheduler .rsAllDayRow td, .rsContentTable td {
  padding-bottom: 1px;
}


/* ---------- GridView für XHTML ---------- */

/* Kopfzeile */
.HeaderStyle td, .HeaderStyle th {
  background-color: #898EB3;
  color: White;
  font-size: 1.1em;
  font-weight: bold;
}

  .HeaderStyle th a, .HeaderStyle th a:active, .HeaderStyle th a:hover {
    text-decoration: underline;
    color: White;
  }

/* Zum Einrücken des Kopfzeilen-Textes */
/* (<HeaderStyle CssClass="Indent" /> bei der jeweiligen Spalte einfügen) */
.HeaderStyle .Indent {
  padding-left: 26px;
}

/* Pager */
.PagerStyle td {
  background-color: #E2E5FF;
  font-weight: bold;
  text-align: center;
}

.PagerStyle table {
  margin: 0 auto 0 auto;
}

/* Footer */
.FooterStyle td {
  background-color: #E2E5FF;
}

.FooterStyleWieHeader td {
  background-color: #898EB3;
  color: white;
  font-size: 1.1em;
  font-weight: bold;
}

/* Normale Zeilen */
.RowStyle > td {
  background-color: #F0F2FF;
}

/* Alternatierende Zeilen */
.AlternatingRowStyle > td {
  background-color: #FFFFFF;
}

/* Selektierte Zeilen */
.SelectedRowStyle {
  background-color: #C4CBFF;
}

/* Im Browser unsichtbare Zeilen oder Spalten */
.Invisible {
  display: none;
  visibility: hidden;
}

/* Das per Drag&Drop gezogene GridView (bzw. das Table-Element) */
.GridViewDrag {
  border: solid 3px #898EB3;
  opacity: 0.75;
  filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=0.75);
  z-index: 99999;
}

  .GridViewDrag td {
    padding: 3px;
  }
/* ---------- Ende GridView ---------- */


/* ---------- Anfang RadGrid --------- */
.RadGrid_Default, .RadGrid_Default input {
  border: none !important;
}

  .RadGrid_Default .rgRow a, .RadGrid_Default .rgAltRow a, .RadGrid_Default .rgEditRow a, .RadGrid_Default .rgFooter a, .RadGrid_Default .rgEditForm a, .RadGrid_Default .rgCommandRow a {
    color: #333EA6 !important;
    line-height: 14px !important;
  }

    .RadGrid_Default .rgRow a.aspNetDisabled, .RadGrid_Default .rgAltRow a.aspNetDisabled, .RadGrid_Default .rgEditRow a.aspNetDisabled,
    .RadGrid_Default .rgFooter a.aspNetDisabled, .RadGrid_Default .rgEditForm a.aspNetDisabled, .RadGrid_Default .rgCommandRow a.aspNetDisabled {
      color: #a0a0a0 !important;
      cursor: not-allowed;
    }

      .RadGrid_Default .rgRow a.aspNetDisabled:hover, .RadGrid_Default .rgAltRow a.aspNetDisabled:hover, .RadGrid_Default .rgEditRow a.aspNetDisabled:hover,
      .RadGrid_Default .rgFooter a.aspNetDisabled:hover, .RadGrid_Default .rgEditForm a.aspNetDisabled:hover, .RadGrid_Default .rgCommandRow a.aspNetDisabled:hover {
        text-decoration: none;
      }

  .RadGrid_Default .rgRow td, .RadGrid_Default .rgAltRow td {
    border-style: none !important;
    padding: 3px !important;
    padding-top: 2px !important;
  }

  .RadGrid_Default .rgEditRow > td {
    background-color: #E2E5FF !important;
    border-style: none !important;
    padding: 3px !important;
  }

  .RadGrid_Default .rgCommandRow td {
    border-style: none !important;
    background-color: #F0F2FF !important;
  }

  .RadGrid_Default .rgFooter td {
    border-style: none !important;
    height: 16px !important;
    padding: 3px !important;
    padding-bottom: 2px !important;
  }

  .RadGrid_Default .rgHeader, .RadGrid_Default th.rgResizeCol {
    background-color: #898EB3 !important;
    background-image: none !important;
    color: White !important;
    font-size: 1.1em !important;
    font-weight: bold !important;
    font-family: Arial !important;
    height: 16px !important;
    padding: 3px !important;
    padding-bottom: 1px !important;
  }

  .RadGrid_Default .rgRow {
    background-color: #F0F2FF !important;
    font-family: Arial !important;
    vertical-align: top !important;
  }

  .RadGrid_Default .rgAltRow {
    background-color: #FFFFFF !important;
    font-family: Arial !important;
    vertical-align: top !important;
  }

  .RadGrid_Default .rgSelectedRow {
    background-color: #C4CBFF !important;
    background-image: none !important;
    font-family: Arial !important;
  }

    .RadGrid_Default .rgSelectedRow td, .RadGrid_Default .rgSelectedRow td.rgSorted {
      border-bottom-color: transparent !important;
    }

  .RadGrid_Default .rgPager {
    background-color: #E2E5FF !important;
    font-family: Arial !important;
  }

  .RadGrid_Default td.rgPagerCell {
    border-style: none !important;
  }

  .RadGrid_Default .rgInfoPart {
    color: #000000 !important;
  }

    .RadGrid_Default .rgInfoPart strong {
      color: #000000 !important;
      font-weight: bold !important;
    }
/* ---------- Ende RadGrid ----------- */


/* ------------ TreeView ------------- */
.TreeView {
  background: #FFFFFF;
  border: solid 1px #898EB3;
  padding: 10px 5px 10px 0px;
  margin-top: -15px;
}

  .TreeView td {
    vertical-align: top;
  }

  .TreeView .Node {
  }

    .TreeView .Node a {
      color: #333EA6;
    }

  .TreeView .RootNode {
  }

    .TreeView .RootNode a {
    }

  .TreeView .ParentNode {
  }

    .TreeView .ParentNode a {
    }

  .TreeView .LeafNode {
  }

    .TreeView .LeafNode a {
    }

  .TreeView .SelectedNode {
  }

    .TreeView .SelectedNode a {
      background: #F0F2FF;
      text-decoration: none;
      font-weight: bold;
    }

  .TreeView .HoverNode {
  }

    .TreeView .HoverNode a:hover {
      text-decoration: underline;
    }

.ContextMenu {
  background: #ffffff;
  padding: 10px;
  border: solid 1px #666666;
}

  .ContextMenu .hr {
    background: #dddddd;
    margin: 8px 0px 8px 0px;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
  }


.TreeViewDrop a:hover, .TreeViewDrop a.HoverNode {
  background: #C4CBFF;
  cursor: pointer;
  text-decoration: underline;
}

  .TreeViewDrop a:hover img, .TreeViewDrop a.HoverNode img {
    cursor: pointer;
    display: block;
  }
/* ---------- Ende TreeView ---------- */


/* ToolTip für RadControls */
.radToolTip .rtWrapperContent div {
  padding: 5px;
}

.ajaxHoverToolTip {
  padding: 10px;
  background-color: #E2E5FF;
  width: 250px;
  border-radius: 8px;
}

/* RadScheduler Header */
.rsHeader h2 {
  color: #FFFFFF;
}

/*********************** Produktbild ***********************/
.ProduktImage {
  max-width: 600px;
}

/*********************** Captcha ***********************/
.rcInvalid span {
  font-weight: bold;
  color: #FF7200;
}

/* --------- AJAX Drag and Drop ----------- */
/* Achtung, muss als letztes aufgeführt werden */
.DragCursor, .DragCursor * {
  cursor: url('../../Images/icons/NoParking.gif'), no-drop;
}