/*

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 */
{
	background-color:#FFFFFF;
	font-family: Arial, sans-serif;
	font-size: 13px;	
	color: #333333;	
}

a /* normaler Link */
{
    color: #129BED;
    text-decoration:none;
}

a:hover /* mausüberfahrener normaler Link */
{
    color: #129BED;
}

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

h1 /* Ãœberschrift erster Ordnung */
{
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 18px;
	color: #1683D3;
}

h2 /* Ãœberschrift zweiter Ordnung */
{
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size:13px;
	color: #666666;		
}

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

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

/*

Seitencontainerdesign

*/

#headingRow2Div  /* Hintergrundfarbe der Hauptmenü-Zeile im Kopfbereich */
{    
	/*background: #444444 url(http://css.zelos.eu/images/3d_w7_black.gif) repeat-x;*/
    background-color:#222222;
}

#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:#000000;
	height: 2px !important;    
}

#footerDiv /* Farben des Footers */
{
    background: #FFFFFF;
    color:#898989;
    border-left: 1px solid #efefef;
    border-top: 1px solid #efefef;
    box-shadow: 3px 3px 2px #888;
}

#headingDiv /* Farben des Footers */
{
    border-left: 1px solid #efefef;
    border-top: 1px solid #efefef;
    box-shadow: 3px 3px 2px #888;
}

#equalHeightDiv {
	background: #FFFFFF !important;
    width: 990px;
    border-left: 1px solid #efefef;
    border-top: 1px solid #efefef;
    box-shadow: 3px 3px 2px #888;
}

#headingRow2SubDiv1 {
	width: 0px;
}


/*

Overlays / Modaldialoge

*/

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

.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: url(http://css.zelos.eu/images/3d_w7_black.gif) repeat-x !important;
	/*background: #222222; */
}


#headingRow2SubDiv2 .RadMenu ul.rmHorizontal .rmItem  /* vertikale Striche zwischen den 
					Menüpunkten auf	erster Ebene */
{
    border-right:1px solid #cccccc !important;
}

#headingRow2SubDiv2 .RadMenu ul.rmHorizontal .rmText, 
a.logoutLink, a.logoutLink:hover /* Schriftfarbe im Menü */
{
	padding-top: 3px;
	margin-bottom: -3px;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size:13px;	
    color: #dedede !important;
}

#headingRow2SubDiv2 .RadMenu ul.rmVertical .rmItem,
#headingRow2SubDiv2 .RadMenu ul.rmVertical .rmText,
#headingRow2SubDiv2 .RadMenu ul.rmVertical .rmLink /* Standard-Hintergrundfarbe zweite und 
					folgende Ebenen */
{
	
	font-family: Arial, sans-serif !important;
	font-weight: normal !important;
	font-size: 13px !important;
	color: #333333 !important;		
    background: #ffffff !important;
    border-right: none !important;
}
#headingRow2SubDiv2 .RadMenu ul.rmVertical .rmLast /* unterer Rand zweite und folgende 
					Ebenen */
{
    border-bottom:5px solid #129BED !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:#efefef !important;
	color: #129BED !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: #129BED !important;
}




/* Content-Menü */

.RadTreeView .rtIn, #leftColumnDiv a /* Schriftfarbe im Menü */
{    	
	font-family: Arial, sans-serif !important; 
	font-size: 13px !important; 
	font-weight: normal !important; 
    color:#129BED !important; 
}

#leftColumnDiv a:hover /* Schriftfarbe mausüberfahrener Links */
{    
    color:#000000 !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:#000 !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:#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 */
{
	font-family: sans-serif, Arial;
	font-size: 15px;	
	text-align: left;
	font-weight: normal;
	text-transform: uppercase;
	color: #129BED !important;
	
	border-top: 1px solid #DBDBDB;
	border-left: 1px solid transparent;	
	border-right: 1px solid transparent;		
	border-bottom: 1px solid #DBDBDB;	
	background-color: #eeeeee !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:#ffffff !important;
}

.RadGrid th.rgSorted /* Farben der Spalte nach der sortiert wird */
{
	/*
    background-color: #cc9900 !important;
    color:#000 !important;
    */
    
	background-color: #f1f1f1 !important;
	border-left: 1px solid #BDBDBD;	
	border-top: 1px solid #BDBDBD;	
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #DBDBDB;	
	font-weight: bold;
    
}

.formTable tbody td, /* Farben des Tabellen-Inhalts */
.RadGrid .rgRow td,
.RadGrid .rgAltRow td, .RadListBox .rlbItem
{
	/*
    color:#000 !important;
    background-color:#fff3d3 !important; 
    */
    
	font-family: Arial;
	font-weight: normal;		
	text-align: left;
	height: 24px;
	line-height: 24px;	
	padding: 0px 5px 0px 5px;	
	white-space: wrap;			
    
}

.RadGrid .rgSelectedRow, /* Farben der selektierten Reihe(n) */
.RadGrid .rgSelectedRow td,
.RadGrid .rgSelectedRow a, .RadListBox .rlbSelected
{

    color:#000 !important;
	background-color: #79C7F4 !important;
	border: 1px solid #129BED;
    
}

.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:#79C7F4 !important;
	color:#000 !important;
}

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

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

textarea:focus,
input[type=password]:focus,
input[type=text]:focus,
input[type=url]:focus {
	outline: none;
	border: 1px solid #129BED;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
}
	
input[type=text] {
	font-family: Arial, sans-serif;
	font-size: 12px;
	border: 1px solid;
	border-color: #c0c0c0 #d9d9d9 #d9d9d9 #d9d9d9;	
	margin-top: 0px;
	padding: 2px 0px 1px 2px;
	word-wrap:break-word;word-break:break-all;	
}	

/* helpingDiv ist ein Bereich, der sich neben manchen Tabellen befindet und sich beim Scrollen
					mitbewegt */
.helpingDivHeading /* Farben des Kopfbereichs des helpingDiv */
{
	font-family:"Segoe UI Light";
	font-size: 14px;	
	text-align: left;
	font-weight: normal;
	text-transform: uppercase;
	color: #FFFFFF !important;
	background-color: #BDBDBD !important;	
    
}

.helpingDivContent,  /* Farben des Inhaltbereichs des helpingDiv */
.helpingDiv .RadTreeView .rtHover .rtIn,
.helpingDiv .RadTreeView .rtSelected .rtIn
{
    background-color:#f1f1f1 !important;  
    border: 1px solid #BDBDBD;	 
}

/*

Tooltips, Fehler- und Erfolgsmeldungen

*/

.errorMessageDiv /* Farben der Fehlermeldungen */
{
    border: 1px solid #d9655a; 
    background-color:#fbba9c;
    color:#000000;
}

.warningMessageDiv /* Farben der Warnmeldungen */
{
    border: 1px solid #fdd981;
    background-color:#ffefb2;
    color:#000000;
}

.successMessageDiv /* Farben der Erfolgsmeldungen */
{
    border: 1px solid #66CC6B;
    background-color:#E0F3E1;
    color:#000000;
}

.infoMessageDiv /* Farben der Infomeldungen */
{
    border: 1px solid #129BED;
    background-color:#79C7F4;
    color:#000000;
}

#tooltipDiv /* Farben des Tooltip-Fensters */
{
    background-color:#f1f1f1; 
    border: 1px solid #BDBDBD;
}

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

#errortipDiv /* Farben des Errortip-Fensters */
{
    background-color:#ffefb2; 
    border: 1px solid #fdd981;
}

.errortipHeadingDiv /* Farben des Kopfbereichs des Errortip-Fensters */
{
    background-color:#fdd981; 
    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:#fbba9c !important; 
    border: 1px solid #d9655a !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;
}