/*

Um ein Bild im Heading-Bereich auszulassen muss dem übergeordneten Div
das Attribut display:none zugewiesen werden.

Die Namen für die Bilder sind im Code der Seite fix definiert.

Die Angabe "!important" am Ende mancher Attributwerte darf keinesfalls
entfernt werden, sonst wird die Angabe ignoriert!

*/

/*

Allgemeines Design

*/

body /* Definition des Hintergrundes der kompletten Seite */ {
    color:#000;
    background-color:#eee !important;
    font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
}
a /* normaler Link */ {
    text-decoration:none;
    font-weight:bold;
    color:#272d6b;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    -ms-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}
a:hover /* mausüberfahrener normaler Link */ {
    color:#222;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    -ms-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}
.moreLink.inactive, .moreLink.inactive:hover /* inaktiver Link mit Bild voran */ {
    color:#272d6b !important;
    font-size: 12px;
}
h1 /* Ãœberschrift erster Ordnung */ {
    font-size:120%;
    font-weight:bold;
    font-variant:small-caps;
    line-height:40px;
    color:#272d6b;
    margin:0 0 5px 0;
}
h2 /* Ãœberschrift zweiter Ordnung */ {
    font-size:85%;
    font-weight:bold;
    color:#222;
    margin:0 0 5px 0;
}
.highlight1 /* hervorgehobener Schriftzug */ {
    color:#0B779D;
    font-weight:bold;
}
#microHeadingDiv .highlight1 /* hervorgehobener Schriftzug in der Kopfzeile */ {
    color:#0B779D;
}
/*

Seitencontainerdesign

*/

#headingRow2Div  /* Hintergrundfarbe der Hauptmenü-Zeile im Kopfbereich */ {
}
#headingRow2SubDiv3 a:hover /* Schriftfarbe des mausüberfahrenen Logout-Labels */ {
    color:#000 !important;
}
#headingRow3Div /* Höhe und Hintergrundfarbe des Bereichs unter der Hauptmenü-Zeile im
					Kopfbereich */ {
    height:5px;
}
#footerDiv /* Farben des Footers */ {
    color:#666;
    font-size:11px;
}
/*

Overlays / Modaldialoge

*/

.modalFrameDiv, .modalBody /* Hintergrundfarbe und Rahmen des Modaldialogs */ {
}
.modalLeftMenuDiv /* Hintergrundfarbe des Menübereichs des Modaldialogs */ {
}
.modalContentContainerDiv /* Hintergrundfarbe des Inhalts des Modaldialogs */ {
}
/*

Menüs

*/
#headingRow2Div {
    margin-left:0;
}
/* Hauptmenü */
#headingRow2SubDiv2 .RadMenu .rmGroup, .rmRootGroup {
    background: #f8f8f8; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f8f8f8 0%, #ededed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #ededed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f8f8f8 0%, #ededed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f8f8f8 0%, #ededed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f8f8f8 0%, #ededed 100%); /* IE10+ */
    background: linear-gradient(top, #f8f8f8 0%, #ededed 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ededed', GradientType=0 ); /* IE6-8 */
    border:3px solid #ccc !important;
    color:#000 !important;
}
#headingRow2SubDiv2 .RadMenu .rmGroup, .rmRootGroup, #headingRow2SubDiv2 .RadMenu ul.rmHorizontal .rmLink, #headingRow2SubDiv2 .RadMenu ul.rmHorizontal .rmItem, #headingRow2SubDiv2 .RadMenu ul.rmHorizontal .rmText /* Hintergrundfarbe auf erster Ebene */ {
    font-size:100%;
}
#headingRow2SubDiv2 .RadMenu ul.rmHorizontal .rmItem  /* vertikale Striche zwischen den
					Menüpunkten auf	erster Ebene */ {
    border-right:1px solid #fff !important;
}
#headingRow2SubDiv2 .RadMenu ul.rmHorizontal .rmText, a.logoutLink, a.logoutLink:hover /* Schriftfarbe im Menü */ {
    color: #fff !important;
}
#headingRow2SubDiv2 .RadMenu ul.rmVertical .rmItem, #headingRow2SubDiv2 .RadMenu ul.rmVertical .rmText, #headingRow2SubDiv2 .RadMenu ul.rmVertical .rmLink /* Standard-Hintergrundfarbe zweite und
					folgende Ebenen */ {
    background-color: #f8f8f8 !important;
    border-right: none !important;
}
#headingRow2SubDiv2 .RadMenu ul.rmVertical .rmLast /* unterer Rand zweite und folgende
					Ebenen */ {
    border-bottom:4px solid #ccc !important;
}
#headingRow2SubDiv2 .RadMenu ul.rmHorizontal .rmLink:hover, #headingRow2SubDiv2 .RadMenu ul.rmHorizontal .rmLink:hover .rmText /* Hintergrund- und
					Schriftfarbe auf allen Ebenen beim Mausüberfahren */ {
    background-color:#ededed !important;
    color: #fff !important;
}
#headingRow2SubDiv2 .RadMenu ul.rmHorizontal .rmExpanded, #headingRow2SubDiv2 .RadMenu ul.rmHorizontal .rmExpanded .rmText, #headingRow2SubDiv2 .RadMenu ul.rmHorizontal .rmSelected, #headingRow2SubDiv2 .RadMenu ul.rmHorizontal .rmSelected .rmText /* Hintergrund- und Schriftfarbe
					angeklickter Menüpunkte */ {
    background-color:#ededed !important;
    color: #fff !important;
}
/* Content-Menü */

.RadTreeView .rtIn, #leftColumnDiv a /* Schriftfarbe im Menü */ {
    color:#272d6b !important;
}
#leftColumnDiv a:hover /* Schriftfarbe mausüberfahrener Links */ {
    color:#009DE0 !important;
}
.RadTreeView .rtUL .rtLI /* Linie zwischen den Menüpunkten */ {
    border-top:1px dotted #898989 !important;
}
.RadTreeView .rtUL .rtLI.rtLast /* unterste Linie im Menü */ {
    border-bottom:1px dotted #898989 !important;
}
.RadTreeView .rtHover .rtIn, /* Farben von Mausüberfahrenen Menüpunkten */ .RadTreeView .rtSelected .rtIn {
    color:#009DE0!important;
    background-color:white !important;
}
/* Tabellen-Kontextmenü */

.helpingDiv .RadTreeView .rtIn, .helpingDiv a /* Schriftfarbe */ {
    color:#333 !important;
}
.helpingDiv a:hover, .helpingDiv a.moreLink:hover, .helpingDiv a.rtIn:hover /* Schriftfarbe beim Mausüberfahren */ {
    color:#000 !important;
}
/*

Formulare und Tabellen

*/

.formDiv /* Hintergrundfarbe des Bereichs für Formulare */ {
    background-color:#f8f8f8;
}
.formTable thead td, .formTable th, .RadGrid .rgHeader, .RadGrid th.rgResizeCol, .RadGrid .rgPager, .GridFilter_Div, .formTable thead td.headerSubTable, .rgExpandCol, .rgGroupHeader td /* Farben des Tabellenkopf- und Fußbereichs */ {
    background-color:#f8f8f8 !important;
    color:#000 !important;
}
.formTable3 .column1, .formTable3 .column2, .RadGrid .rgHeader, .RadGrid th.rgResizeCol, .RadGrid .rgRow td, .RadGrid .rgAltRow td, .formTable thead td, .formTable th, .rgDetailTable, .rgExpandCol, .rgGroupHeader td, .RadListBox .rlbItem, .RadListBox .rlbEmptyMessage /* Farbe der Linie zwischen Tabellenzellen */ {
    border-color:#fff !important;
}
.RadGrid th.rgSorted /* Farben der Spalte nach der sortiert wird */ {
    background-color: #aaa !important;
    color:#000 !important;
}
.formTable tbody td, /* Farben des Tabellen-Inhalts */ .RadGrid .rgRow td, .RadGrid .rgAltRow td, .RadListBox .rlbItem {
    color:#000 !important;
    background-color:#f8f8f8 !important;
}
.RadGrid .rgSelectedRow, /* Farben der selektierten Reihe(n) */ .RadGrid .rgSelectedRow td, .RadGrid .rgSelectedRow a, .RadListBox .rlbSelected {
    color:#000 !important;
    background-color:#ddd !important;
}
.RadGrid .rgNumPart a /* Die Seitenzahlen */ {
    color:#000 !important;
    font-weight:bold;
}
.RadGrid .rgNumPart a:hover, /* Die ausgewählten/mausüberfahrenen Seitenzahlen */ .RadGrid .rgNumPart a:hover span, .RadGrid .rgNumPart a.rgCurrentPage, .RadGrid .rgNumPart a.rgCurrentPage span {
    background:#f8f8f8 !important;
    color:#000 !important;
}
input[type="submit"], input[type="button"] /* Bestätigungsbutton */ {
    color:#fff;
}
input.cancelButton[type="submit"] /* Abbrechen-Button */ {
    color:#fff;
}
/* helpingDiv ist ein Bereich, der sich neben manchen Tabellen befindet und sich beim Scrollen
					mitbewegt */
.helpingDivHeading /* Farben des Kopfbereichs des helpingDiv */ {
    color:#000;
    background-color:#ccc;
}
.helpingDivContent,  /* Farben des Inhaltbereichs des helpingDiv */ .helpingDiv .RadTreeView .rtHover .rtIn, .helpingDiv .RadTreeView .rtSelected .rtIn {
    background-color:#f8f8f8 !important;
}
/*

Tooltips, Fehler- und Erfolgsmeldungen

*/

.errorMessageDiv /* Farben der Fehlermeldungen */ {
    border: 1px solid #B4483E;
    background-color:#FFFED5;
    color:#0B779D;
}
.warningMessageDiv /* Farben der Warnmeldungen */ {
    border: 1px solid #FF4500;
    background-color:#FFFED5;
    color:#FF4500;
}
.successMessageDiv /* Farben der Erfolgsmeldungen */ {
    border: 1px solid green;
    background-color:#BFFFBF;
    color:#005000;
}
.infoMessageDiv /* Farben der Infomeldungen */ {
    border: 1px solid blue;
    background-color:#D2EDFF;
    color:darkblue;
}
#tooltipDiv /* Farben des Tooltip-Fensters */ {
    background-color:#fff3d3;
    border: 1px solid #000;
}
.tooltipHeadingDiv /* Farben des Kopfbereichs des Tooltip-Fensters */ {
    background-color:#797979;
    color:White;
}
#errortipDiv /* Farben des Errortip-Fensters */ {
    background-color:#FFFED5;
    border: 1px solid #B4483E;
}
.errortipHeadingDiv /* Farben des Kopfbereichs des Errortip-Fensters */ {
    background-color:#D81F01;
    color:White;
}
input.errortip[type="text"], input.errortip[type="password"], textarea.errortip, .RadComboBox.errortip .rcbArrowCellRight, .RadComboBox.errortip .rcbInputCell, .RadListBox.errortip .rlbGroup, div.combiningPanel.errortip  /* Farben von Eingabefeldern bei fehlerhaften Eingaben */ {
    background-color:#FFFED5 !important;
    border: 1px solid #B4483E !important;
}
#confirmationDiv, #alertMessageDiv /* Farben des Bestätigungs-Fensters */ {
    background-color:#fff3d3;
    border: 1px solid #000;
}
#confirmationHeadingDiv, #alertMessageHeadingDiv /* Farben des Kopfbereichs des Bestätigungs-Fensters */ {
    background-color:#797979;
    color:White;
}
/*    WICHTIGE ANPASSUNGEN    */

#mainFrameDiv {
    margin:20px auto !important;
    background:#ebebeb!important;
    border:1px solid #272d6b;
    -moz-border-radius:25px;
    -webkit-border-radius:25px;
    -khtml-border-radius:25px;
    border-radius:2px;
}
#headingRow1Div{
    padding:0 0 20px 0;
}
#headingSurroundingDiv{
    margin:6px 0 0 0;
    padding:0;
    width:990px;
    height:179px;
    background:#009DE0
}
#microHeadingDiv {
    font-size:11px;
    width:980px;
    margin:0 0 0 0;
    padding:5px 5px 0 5px;
    background:#272d6b;
    color:#fff;
}
#microHeadingDiv #ctl00_lblResellerPhoneNumber{
    margin:0 0 0 -80px;
}
#microHeadingDiv #ctl00_languageSelector{
    margin:0 0 0 -80px;
}
#microHeadingDiv .highlight1{
    color:#009DE0 !important;
}
#headingRow2Div{
    height:40px;
    padding:5px 0 0 0;
    background:#272d6b;
    color:#fff;
}
#headingRow2Div #headingRow2SubDiv1 img{
    display:none;
}
#headingRow2Div #headingRow2SubDiv1{width:250px;height:30px;}

#headingRow3Div{
    height:3px;
    padding:5px 0 0 0;
    background:#ebebeb;
}
#info2Div {
    margin:0 0 0 220px;
}
.verticalMenuItemDiv {
    color:#333!important;
}
.rmText {
}
.rmRootLink:hover {
    background:#00f !important;
}
#headingRow2SubDiv3 a{
    color:#fff !important;
}
#headingRow2SubDiv3 a:hover{
    color:#ebebeb !important;
}
.thinTable, #contentDiv p{
    color:#333;
    font-size:12px;
}
.helpingDivHeading{
    font-size:14px;
}
.helpingDivContent{
    font-size:13px;
}
#alertMessageHeadingDiv{
    font-size:13px;
}
#alertMessageContentDiv{
    font-size:11px;
}
#ctl00_ContentPlaceHolder_lblUserInformation{
    font-size:11px;
    font-weight:bold;
}
#footerDiv{
    color:#fff;
    background:#272d6b;
}
#footerDiv a{
    color:#009DE0;
}
#borderBottom{
    display:none;
}