/* immonet600-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
---------------------------------------- */

/* Mandantenabh. Schriftfarbe der Seite */
* {
	color: #666666;
	}


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

.headBackground {
	background-color:#326EA1;
}

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

.footerbg{
	background-color:#FFFFFF;
}

.footerlayoutTable {
	background-color:#FFFFFF;
}

/* Buttontextfarbe / Menue (ohne hover) bei ocean: schwarz */

.buttonDescription,
.hNav_outer ul li a {		
	color: #000000;
}

.buttonSmall{
	color:#FFFFFF;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	}

/* 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{
	color:#000000;
}
.buttonSmall:hover,
.buttonDescription:hover,
.buttonDescription:active {
	color: #FFFFFF;
}
.hNav_outer ul li.off ul,.hNav_outer ul li.on ul {
	color:#6AA2D8;
}

.alternativesLink{
	color:#326EA1;	
}
.link{
	text-decoration: none;
	color:#326EA1;		
	}
.link:hover {
	font-weight: normal;
}

/* Tab-Text farbe (inaktiv) bei ocean:grau */
.myFaces_panelTabbedPane_disabledHeaderCell label,
.myFaces_panelTabbedPane_inactiveHeaderCell label,
.myFaces_panelTabbedPane_inactiveHeaderCell input {
	color:#6AA2D8;
}

/* 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(../../themes/immonet600/images/TabActive.png);
}

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

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

.link{
		background-image: url(../../themes/immonet600/images/berechnen.gif);
		width: 80px;
		height: 24px;
		text-align:center;
		margin-left:10px;
	}

.buttonSmall{
	background-image: url(../../themes/immonet600/images/ButtonSmallDefault.jpg);
	width: 100px;
	height: 24px;
}  

.buttonSmall:hover{
	background-image: url(../../themes/immonet600/images/ButtonSmallHOver.jpg);
	font-weight: normal;
	cursor:pointer;
}

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

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

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

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

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

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

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

.ShadowWhiteTop,
.schattenxtopwhite {
	background-image: url(../../themes/immonet600/images/ShadowWhiteTop.gif);
}

.ShadowWhiteTopRight,
.schattenxtoprightwhite {
	background-image: url(../../themes/immonet600/images/ShadowWhiteTopRight.gif);
}

.ShadowWhiteRight,
.schattenywhite {
	background-image: url(../../themes/immonet600/images/ShadowWhiteRight.gif);
}

.ShadowWhiteBottom,
.schattenxbottomwhite {
	background-image: url(../../themes/immonet600/images/ShadowWhiteBottom.gif);
}

.ShadowWhiteBottomRight,
.schattenxbottomrightwhite {
	background-image: url(../../themes/immonet600/images/ShadowWhiteBottomRight.gif);
}

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

.hNav_outer ul li.on a {   
    background-image: url(../../themes/immonet600/images/MenuOn.jpg);  
    background-repeat:repeat-x;
}
.hNav_outer ul li.off ul, 
.hNav_outer ul li.on ul { 
    background-image: url(../../themes/immonet600/images/MenuOff.jpg);  
    background-repeat:repeat-x;   
}
.hNav_outer ul li.on ul {    
    background-image: url(../../themes/immonet600/images/MenuOn.jpg);  
    background-repeat:repeat-x;
}

.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(../../themes/immonet600/images/MenuHOver.jpg);  
    background-repeat:repeat-x;
}
.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(../../themes/immonet600/images/MenuHOver.jpg);  
    background-repeat:repeat-x;
}
.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(../../themes/immonet600/images/MenuHOver.jpg);  
    background-repeat:repeat-x;
}
.hNav_outer ul li.on ul a {       
    background-image: url(../../themes/immonet600/images/MenuOn.jpg);  
    background-repeat:repeat-x;   
}

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

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

.riesterInputHighlightTable {
	background-image: url(../../themes/immonet600/images/HighlightBox230x295.png);
}

.highlightBox100x210 {
	background-image: url(../../themes/immonet600/images/HighlightBox100x210.png);
}

.highlightBox100x110 {
	background-image: url(../../themes/immonet600/images/HighlightBox100x110.png);
}

.budgetAlternativeSelectedHighlightTable {
	background-image: url(../../themes/immonet600/images/AlternativeBudgetSelected.png);
}

.budgetAlternativeDeselectedHighlightTable {
	background-image: url(../../themes/immonet600/images/AlternativeBudgetDeselected.png);
}

.tilgAlternativeSelectedHighlightTable {
	background-image: url(../../themes/immonet600/images/AlternativeTilgungSelected.png);
}

.tilgAlternativeDeselectedHighlightTable {
	background-image: url(../../themes/immonet600/images/AlternativeTilgungDeselect.png);
}


/* ---------------------------------------- 
 3. Elemente mit theme-abhaengigen groessenangaben:
 Zuer Zeit ist nur die Breite themenabhaengig, wenn alles 
---------------------------------------- */

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

.buttonDescription {
	width: 151px;
}
.colDescButton {
	width: 160px;
}

.blocktext{
	height:auto;
	line-height:15px;
}

.blocktext40,
.blocktext60{
	height:auto;
	line-height:15px;
}

.vorgabeblock{
	height:48px;
	}
	
.blocktextalternative{
	height:auto;
	font-size:11px;
	line-height:23px;
}
.col60LeftEingaben {
	width: 50%;
}
.menue {
	display:none;
}
.contenttop{
	display:none;
}
#mainform{
	margin-left: 0px;
	}
.printer{
	display:none;	
	}