/* 
CSS Stylesheet for the HelloBusiness Project  
Farben sind mit Hilfe von http://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;
}

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