/*

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:#293B51;
	background-color: #F3F3F3;
}

a /* normaler Link */
{
    color:#000; 
    text-decoration:none;
	font-size: 11px;
}


a:hover /* mausüberfahrener normaler Link */
{
    color:#7F7F7F;
}

.moreLink.inactive,
.moreLink.inactive:hover /* inaktiver Link mit Bild voran */
{
    color:#000 !important;
}

h1 /* Ãœberschrift erster Ordnung */
{
    font-size:10pt;
    color:#333333;
    font-weight:bold;
}

h2 /* Ãœberschrift zweiter Ordnung */
{
    font-size:16pt;
    color:#455B77; 
    font-weight:bold;
}

.highlight1 /* hervorgehobener Schriftzug */
{
    color:#D3D3D3; 
    font-weight:bold;
}

#microHeadingDiv .highlight1 /* hervorgehobener Schriftzug in der Kopfzeile */
{
    color:#D3D3D3;
}

/*

Seitencontainerdesign

*/

#headingRow2Div  /* Hintergrundfarbe der Hauptmenü-Zeile im Kopfbereich */
{    
    background-color:#455B77;
}

#headingRow2SubDiv3 a:hover /* Schriftfarbe des mausüberfahrenen Logout-Labels */
{
    color:#fff !important;   
}

#headingRow3Div /* Höhe und Hintergrundfarbe des Bereichs unter der Hauptmenü-Zeile im
					Kopfbereich */
{
    background-color:#E3E3E3;
    height:10px;
}

#footerDiv /* Farben des Footers */
{
    background-color: #ffffff;
    color:#898989;
}

/*

Overlays / Modaldialoge

*/

.modalFrameDiv, .modalBody /* Hintergrundfarbe und Rahmen des Modaldialogs */
{    
    background-color:#F3F3F3;
}

.modalLeftMenuDiv /* Hintergrundfarbe des Menübereichs des Modaldialogs */
{
    background-color:White;
}

.modalContentContainerDiv /* Hintergrundfarbe des Inhalts des Modaldialogs */
{
    background-color:white;
}

/*

Menüs

*/

/* Hauptmenü */

#headingRow2SubDiv2 .RadMenu .rmGroup, .rmRootGroup,
#headingRow2SubDiv2 .RadMenu ul.rmHorizontal .rmLink,
#headingRow2SubDiv2 .RadMenu ul.rmHorizontal .rmItem,
#headingRow2SubDiv2 .RadMenu ul.rmHorizontal .rmText /* Hintergrundfarbe auf erster Ebene */
{
    background-color: #455B77 !important;
}


#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: #455B77 !important;
    border-right: none !important;
}
#headingRow2SubDiv2 .RadMenu ul.rmVertical .rmLast /* unterer Rand zweite und folgende 
					Ebenen */
{
    border-bottom:10px solid #455B77 !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:#000 !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:#000 !important;
	color: #fff !important;
}

/* Content-Menü */

.RadTreeView .rtIn, #leftColumnDiv a /* Schriftfarbe im Menü */
{    
    color:#999999 !important; 
	
}

#leftColumnDiv a:hover /* Schriftfarbe mausüberfahrener Links */
{    
    color:#293B51 !important; 
	
}

.RadTreeView .rtUL .rtLI /* Linie zwischen den Menüpunkten */
{
    border-top:2px dotted #293B51 !important; 
}
.RadTreeView .rtUL .rtLI.rtLast /* unterste Linie im Menü */
{
    border-bottom:2px dotted #293B51 !important;   
}

.RadTreeView .rtHover .rtIn, /* Farben von Mausüberfahrenen Menüpunkten */
.RadTreeView .rtSelected .rtIn
{
	color:#000 !important;
	background-color:white !important;
}

/* Tabellen-Kontextmenü */

.helpingDiv .RadTreeView .rtIn, .helpingDiv a /* Schriftfarbe */
{
    color:#999999 !important;
}

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

/*

Formulare und Tabellen

*/

.formDiv /* Hintergrundfarbe des Bereichs für Formulare */
{
    background-color:#ffffff;
}

.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:#CCCCCC !important; 
    color:#000000 !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: #F3F3F3 !important;
    color:#000 !important;
}

.formTable tbody td, /* Farben des Tabellen-Inhalts */
.RadGrid .rgRow td,
.RadGrid .rgAltRow td, .RadListBox .rlbItem
{
    color:#000 !important;
    background-color:#F3F3F3 !important; 
}

.RadGrid .rgSelectedRow, /* Farben der selektierten Reihe(n) */
.RadGrid .rgSelectedRow td,
.RadGrid .rgSelectedRow a, .RadListBox .rlbSelected
{
    color:#000 !important;
    background-color:#8F9DAD !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:#CCCCCC !important;
	color:#000 !important;
}

input[type="submit"], input[type="button"] /* Bestätigungsbutton */
{
    color:#fff;
}

input.cancelButton[type="submit"] /* Abbrechen-Button */
{
    color:#fff;  
}

.RadTreeList .rtlHeader,
.RadTreeList th.rtlResizeCol,
.RadTreeList .rtlPager,
.rtlExpandCol,
.rtlGroupHeader td /* Farben des Tabellenkopf- und Fußbereichs der Baumstrukturformulare */
{
    background-color:#e0e0e0 !important; 
    color:#333 !important;
}	

.RadTreeList_Default .rtlHeader,
.RadTreeList_Default .rtlHeader th,
.RadTreeList_Default .rtlR td,
.RadTreeList_Default .rtlA td,
.RadTreeList_Default .rtlREdit td,
.RadTreeList_Default .rtlRFooter td,
.RadTreeList_Default .rtlEditForm /* Farbe der Linie zwischen Tabellenzellen der Baumstrukturformulare */
{
    border-color: #D9D9D9 !important;
}

.RadTreeList .rtlNumPart a:hover,
.RadTreeList .rtlNumPart a:hover span,
.RadTreeList .rtlNumPart a.rtlCurrentPage,
.RadTreeList .rtlNumPart a.rtlCurrentPage span /* Die ausgewaehlten/mausueberfahrenen Seitenzahlen der Baumstrukturformulare */
{
    background: #CCCCCC !important;
    color: #000 !important;
}

.RadTreeList .rtlNumPart a /* Die Seitenzahlen der Baumstrukturformulare */
{
    color: #000 !important;
    font-weight: bold;
}

.RadTreeList .rtlVBorders td.rtlL,
.RadTreeList .rtlLines td.rtlL /* Hintergrundfarbe linker Bereich der Baumstrukturformulare */
{
    background-color: #FFFFFF !important;
}


.RadTreeList .rtlA /* Hintergrundfarbe gerader Reihen der Baumstruktur */
{
    background-color: #fff3d3 !important
}


.RadTreeList .rtlR /* Hintergrundfarbe ungerader Reihen der Baumstruktur */
{
    background-color: #FFFFFF !important;
}


.RadTreeList .rtlRSel,
.RadTreeList .rtlRSel td /* Hintergrund- und Schriftfarbe markierter Reihen der Baumstruktur */
{
    background-color: #d0d0d0 !important;
    color: #000 !important;
}


/* helpingDiv ist ein Bereich, der sich neben manchen Tabellen befindet und sich beim Scrollen
					mitbewegt */
.helpingDivHeading /* Farben des Kopfbereichs des helpingDiv */
{
    color:White;
    background-color:#455B77;  
}

.helpingDivContent,  /* Farben des Inhaltbereichs des helpingDiv */
.helpingDiv .RadTreeView .rtHover .rtIn,
.helpingDiv .RadTreeView .rtSelected .rtIn
{
    background-color:#FFFFFF !important;  
}

/*

Tooltips, Fehler- und Erfolgsmeldungen

*/

.errorMessageDiv /* Farben der Fehlermeldungen */
{
    border: 1px solid #B4483E; 
    background-color:#FBE7E7;
    color:#333333;
}

.warningMessageDiv /* Farben der Warnmeldungen */
{
    border: 1px solid #FF4500;
    background-color:#FBE7E7;
    color:#333333;
}

.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:#ffffff; 
    border: 1px solid #000;
}

.tooltipHeadingDiv /* Farben des Kopfbereichs des Tooltip-Fensters */
{
    background-color:#797979; 
    color:White;
}

#errortipDiv /* Farben des Errortip-Fensters */
{
    background-color:#FBE7E7; 
    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:#FBE7E7 !important; 
    border: 1px solid #B4483E !important;
}

#confirmationDiv, #alertMessageDiv /* Farben des Bestätigungs-Fensters */
{
    background-color:#ffffff; 
    border: 1px solid #000;
}

#confirmationHeadingDiv, #alertMessageHeadingDiv /* Farben des Kopfbereichs des Bestätigungs-Fensters */
{
    background-color:#797979; 
    color:White;
}

#tableToolTipDiv {
    background-color:#fff3d3; 
    border: 1px solid #000;
}

.container {
    width: 520px;
}

.cat {
    margin-top: 20px;
    border-radius: 10px;
    background-color: #F3F3F3;;
    border: 2px solid #999999;
    overflow: hidden;
    text-align:center;
}

.cat label span {
    display: block;
    text-align: left;
    padding: 20px 15px 20px 20px;
}

.cat label input {
    display: none;
}

.cat label input + span {
    color: #333;
}

.cat input:checked + span {
    background-color: #8F9DAD;
}