/* vr-theme  */

/* ---------------------------------------- 
 1. Elemente mit theme-abhaengigen farben:
 mandanenab. Farben (nur die Farben)    
 Es gibt (zur Zeit) 6 mandantenab.h Farben:
 ueberschriftfarbe, Customhintergrund, Buttontext, 
 Buttontexthover, Tabtext Tabtexthover
 Diese werden nur hier definiert, jeweils nur 1 mal
---------------------------------------- */

/* hier ist die Ueberschriftfarbe definiert   (bei ocean: blau) */
.vs_element_on,
.descriptioncontenttext2,
.sectionHeaderTextOn,
.viewheader, 
.headeron,
.infotextheaderon,
.headertexton,
.helpimagelabel {
	color:#0066B3;	
}

.headBackground {
	background-color:#0066B3;
}

/* hier ist die Custom-Background-Farbe definiert   (bei ocean: hell-blau) */
.customBackground,
.sectionHeaderOn,
.contentoutput,
.infotextheaderon,
.infotext,
.tabText,	
.contentAreaCustom,
.headeron{
	background-color:#DEE5FF;
}

/* Buttontextfarbe / Menue (ohne hover) bei ocean: schwarz */
.buttonSmall,
.buttonDescription,
.hNav_outer ul li a {		
	color: #000000;
}

/* Buttontextfarbe / Menue (ohne hover) bei ocean: weiss */
.hNav_outer ul li.off a:hover, 
.hNav_outer ul li:hover a, 
.hNav_outer ul li.over a,
.hNav_outer ul li.on a:hover,
.buttonSmall:hover,
.buttonDescription:hover,
.buttonDescription:active {
	color: #FFFFFF;
}

.alternativesLink{
	color:#0066B3;	
}


/* Tab-Text farbe (inaktiv) bei ocean:grau */
.myFaces_panelTabbedPane_disabledHeaderCell label {
	color:#636363;
}

/* Tab-Text farbe (aktiv, hover) bei ocean:weiss */
.myFaces_panelTabbedPane_activeHeaderCell label, 
.myFaces_panelTabbedPane_activeHeaderCell input,
.myFaces_panelTabbedPane_inactiveHeaderCell input:hover, 
.myFaces_panelTabbedPane_inactiveHeaderCell label:hover {
	color:#FFFFFF;
}



/* --------------------------------------------------
 2. Elemente mit theme-abhaengigen Hintergrundbildern:
 Diese werden nur hier definiert, jeweils nur 1 mal
---------------------------------------------------- */

.myFaces_panelTabbedPane_activeHeaderCell,
.myFaces_panelTabbedPane_inactiveHeaderCell:hover {
	background-image:url(images/TabActive.jpg);
}

.myFaces_panelTabbedPane_inactiveHeaderCell,
.myFaces_panelTabbedPane_disabledHeaderCell {
	background-image:url(images/TabInactive.jpg);
}

.buttonSmall{
	background-image: url(images/ButtonSmallDefault.jpg);
}  

.buttonSmall:hover{
	background-image: url(images/ButtonSmallHOver.jpg);
}

.buttonDescription{
	background-image: url(images/ButtonWideDefault.jpg);  
}

.buttonDescription:hover,
.buttonDescription:active{
	background-image: url(images/ButtonWideHOver.jpg);
}  

.ShadowCustomTop,
.schattenxtop {
	background-image: url(images/ShadowCustomTop.gif);
}

.ShadowCustomTopRight,
.schattenxtopright {
	background-image: url(images/ShadowCustomTopRight.gif);
}

.ShadowCustomRight,
.schatteny {
	background-image: url(images/ShadowCustomRight.gif);
}

.ShadowCustomBottom,
.schattenxbottom {
	background-image: url(images/ShadowCustomBottom.gif);
}

.ShadowCustomBottomRight,
.schattenxbottomright {
	background-image: url(images/ShadowCustomBottomRight.gif);
}

.hNav_outer ul li {
	background-image: url(images/MenuOff.jpg);  
}

.hNav_outer ul li.on a {   
    background-image: url(images/MenuOn.jpg);  
}

.hNav_outer ul li.off ul, 
.hNav_outer ul li.on ul { 
    background-image: url(images/MenuOff.jpg);  
}

.hNav_outer ul li.on ul {    
    background-image: url(images/MenuOn.jpg);  
}

.hNav_outer ul li.on:link ul {}
.hNav_outer ul li.on:visited ul {}
.hNav_outer ul li.on:hover ul, 
.hNav_outer ul li.over ul { /*for ie*/
	background-image: url(images/MenuHOver.jpg);  
}

.hNav_outer ul li.on:link ul a {}
.hNav_outer ul li.on:visited ul a {}
.hNav_outer ul li.on:hover ul a, 
.hNav_outer ul li.over ul li a { /*for ie - the specificity is necessary*/
    background-image: url(images/MenuHOver.jpg);  
}

.hNav_outer ul li.off a:link, .hNav_outer ul li:link a {}
.hNav_outer ul li.off a:visited, .hNav_outer ul li:visited a {}
.hNav_outer ul li.off a:hover, 
.hNav_outer ul li:hover a, 
.hNav_outer ul li.over a {
    background-image: url(images/MenuHOver.jpg);  
}

.hNav_outer ul li.on ul a {       
    background-image: url(images/MenuOn.jpg);  
}

.languageselect{
	background-image: url(images/MenuOff.jpg);  
}

.HelpTitle{
	background-image:url(images/InfoBar.jpg);  
}
	
.descriptionselect{
	background-image: url(images/MainSelectRight.jpg);
}

.riesterInputHighlightTable {
	background-image: url(images/HighlightBox230x295.jpg);
}

.highlightBox100x210 {
	background-image: url(images/HighlightBox100x210.jpg);
}

.highlightBox100x110 {
	background-image: url(images/HighlightBox100x110.jpg);
}

.budgetAlternativeSelectedHighlightTable {
	background-image: url(images/AlternativeBudgetSelected.jpg);
}

.budgetAlternativeDeselectedHighlightTable {
	background-image: url(images/AlternativeBudgetDeselected.jpg);
}

.tilgAlternativeSelectedHighlightTable {
	background-image: url(images/AlternativeTilgungSelected.jpg);
}

.tilgAlternativeDeselectedHighlightTable {
	background-image: url(images/AlternativeTilgungDeselected.jpg);
}


/* ---------------------------------------- 
 3. Elemente mit theme-abhaengigen groessenangaben:
--------------------------------------- */

#mainform,
.footerView,
table.myFaces_panelTabbedPane {
	width: 760px;
}

.myFaces_panelTabbedPane_activeHeaderCell,
.myFaces_panelTabbedPane_inactiveHeaderCell,
.myFaces_panelTabbedPane_disabledHeaderCell,
.myFaces_panelTabbedPane_inactiveHeaderCell:hover{
	width:213px;
}


/* -------------------------------------------------
Theme-abhaengige Schriften
--------------------------------------------------- */

.buttonSmall{
	font-weight:bold;
}