/* ################# Template ################### */



/* ################# WiRo Consultants ################### */
.wiroHeight { height: 25px; }
.wiroBeta { font-size: 10px; font-family: "Courier New"; color: #FF0000; }

/* Kontainer */
#wiroBox, .wiroBox{ }

/* Felder im Formular*/
#wiroInputStrasse,
#wiroInputOrt,
#wiroInputGebaeudeteil {
	float: left;
	width: 191px;
}

#wiroInputGebaeudetypWohneinheiten,
#wiroInputFlaeche,
#wiroInputFlaecheLeerstand,
#wiroInputBaujahr,
#wiroInputBaujahrWe,
#wiroInputBaujahrKa,
#wiroInputPlz {
	float: left;
	width: 50px;
	*width: 48px;
}

div #wiroDropdownHauptnutzung { }

#wiroDropdownGebaeudetyp, #wiroDropdownHauptnutzung { float: left; width: 261px; }
#wiroAnlass { float: left; }
#wiroDropdownFlaeche {
	margin-left: 5px;
	width: 171px;
	*width: 170px;
}


/* Eigenschaften der Felder im Formular */
.int, .intDot, .jahr, .intRechnungen, .dateRechnungen, .alphaInt, .plz {
	background: #ffffff url(wiroImages/req2.gif) no-repeat scroll right center;
}

/* Elemente */
.wiroInput, .wiroDropdown, .wiroEtDropdown					{  }
.wiroCheckbox																				{ border: none; margin-right:6px; }
.wiroRechnung, .wiroRechnungVon, .wiroRechnungBis 	{ float: left; width: 100px; }
#wiroWarmwasserEnthalten														{  }

/* Muss HINTER Inputs stehen */
#npMainContent input.wiroError {
	background-color: #BFD9EA;
	border-color: #FF0000;
	border-style: dotted;
}

/* Texte */
.wiroBeschreibung									{ vertical-align: top; }
.wiroBeschreibungUeberschrift			{ display:none; }
.wiroBeschreibungUnterueberschrift{ display:none; }
.wiroEnergietraegerEinheit				{  }

/* Buttons */
.wiroButton			{ }

/* Alle YUI-Buttons */
.yui-button button {
	background-color:#FF8D00;
	border:0px solid #FFFFFF;
	color:#FFFFFF;
	
	font-family:arial,helvetica,clean,sans-serif;
	font-weight:normal;
	font-style:normal;
	font-size:100%;
	
	overflow:visible;
	width:auto;
}

/* Buttons Demodaten */
#Demodaten .yui-button span button,
#wiroForm .yui-button span button {
	background-color:#FF8D00;
	border:0px solid #FFFFFF;
	color:#FFFFFF;
	
	overflow:visible;
	width:auto;
}

#Demodaten .yui-button span button {
	background-color:#FF8D00;
	border:0px solid #FFFFFF;
	color:#FFFFFF;
	
	overflow:visible;
	width:auto;
	
	margin-left:5px;
}

#Demodaten .yui-button-hover span button, #wiroForm .yui-button-hover span button {
	background-color: #DDDDDD; color: #666666;
}

/* Buttons im Tabview */
#wiroForm .wiroEtSub .yui-button span button,
#wiroForm .wiroRechnungSub .yui-button span button { background-color: #EFEFEF; }

/* Panel */
#npMainContentBdMenuSubEnergieWeltBig, #Demodaten, #wiroShowPdf {
	border: #FF8D00 solid 1px; background-color: #FFFFFF;
}

#npMainContentBdMenuSubEnergieWeltBig .hd, #Demodaten .hd, #wiroShowPdf .hd {
	background-color: #FF8D00;
	border: none;
	padding: 0.5em 0.93em;
	white-space:nowrap;
	
	color:#FFFFFF;
	font-size:1.16em;
	font-style:normal;
	font-weight:bold;
	line-height:1.385em;
	font-family:Tahoma,Arial,sans-serif;
	text-align: center;
}

.yui-panel .container-close { background:transparent url(wiroImages/appclose.gif) no-repeat scroll 0 0; }


#Demodaten .bd, #wiroShowPdf .bd { padding: 12px 12px 12px 12px; }
#Demodaten .ft, #wiroShowPdf .bd { padding:  0px 12px 12px 12px; }

#Demodaten .bd span.tipicon { background:transparent url(wiroImages/iconInteraktiv.png) no-repeat scroll 0 0; height:33px; width:40px; }

/* Buttons im Form */
#wiroForm button	{
	background: #FFFFFF url(wiroImages/addField.gif) no-repeat scroll 10px 50%;
	padding: 0.5em 0.5em 0.5em 2.5em;
	border: #E6E4E1 solid 1px;
	width:auto;overflow:visible;
}

#wiroEnergietraegerHeizungDivFeet button {
	background: #FFFFFF url(wiroImages/addEnergietraeger.gif) no-repeat scroll 10px 50%;
	padding: 0.5em 0.5em 0.5em 2.5em;
	border: #E6E4E1 solid 1px;
}

#wiroSubmitButtonKontakt button {
	background: #FFFFFF url(wiroImages/buy.gif) no-repeat scroll 10px 50%;
	padding: 0.5em 0.5em 0.5em 2.5em;
	border: #E6E4E1 solid 1px;
	/* visibility: hidden; */
}

#wiroSubmitButtonMusterNeuesFenster button, #wiroSubmitButtonMuster button {
	background: #FFFFFF url(wiroImages/pdf.gif) no-repeat scroll 10px 50%;
	padding: 0.5em 0.5em 0.5em 2.5em;
	border: #E6E4E1 solid 1px;
	curser: pointer;
}

#wiroForm .wiroRechnungSub button {
	background: #FFFFFF url(wiroImages/del.gif) no-repeat scroll center;
	padding-left: 1em;
	margin-bottom:6px;
}

#wiroForm .wiroEtSub button {
	background: #FFFFFF url(wiroImages/delEnergietraeger.gif) no-repeat scroll center center;
	padding: 0.5em 0.5em 0.5em 1em;
	display: inline;
}

#wiroForm .yui-panel-container button {
	background: none;
	padding:0pt 10px;
}

#wiroSubmitButtonsDiv 				{ margin-top: 10px; }
#wiroSubmitButtonMusterNeuesFenster { float: left; }
#wiroSubmitButtonMuster 			{ float: left; margin-left:10px;}
#wiroSubmitButtonKontakt 			{ float: left; margin-left:10px;}


/* Tabellen */
.wiroTable				{ }
.wiroTableRow1 		{ vertical-align: top; text-align: right; }
.wiroTableRow2 		{ vertical-align: top;}
.wiroTableEtRow1 	{ width:  40px; }
.wiroTableEtRow2 	{ width: 15em; }
.wiroTableEtRow3 	{ width: auto; }
.wiroTablePanelRow1 { width:  160px; }
.wiroTablePanelRow2 { width:  auto; }

.wiroTableRow1 .wiroBeschreibung { text-align:right; margin-right:12px; }

/* Kontakt */
#wiroTableBuy			{ display:none; }


/* Target Kontainer*/

#wiroDebug {
  font-family: courier;
  font-size: 10px;
  color: #CA0000;
  margin: 5px;
  background : #E5E5E5;
  display: none;
}

#wiroShowPdfClose {
	background: transparent url(wiroImages/appclose.gif) no-repeat scroll center;
	width: 20px;
	height: 20px;
	cursor: pointer;
}

#wiroShowPdfMaximize {
	background: transparent url(wiroImages/appmax.gif) no-repeat scroll center;
	width: 20px;
	height: 20px;
	cursor: pointer;
}

#wiroShowPdfDrag {
	height: 25px;
	float: left;
	width: 90%;
}

/* Energietraeger: Ausrichtung der Elemente */
#wiroEnergietraegerHeizungDivHead, 	#wiroEnergietraegerStromDivHead 				{ margin: 20px 5px 0px 5px; }
#wiroEnergietraegerHeizungDivCheckbox, #wiroEnergietraegerStromDivCheckbox	{ margin: 20px 5px 0px 5px; }
#wiroEnergietraegerHeizungDiv, 		#wiroEnergietraegerStromDiv								{ margin: 20px 5px 0px 5px; }
#wiroEnergietraegerHeizungDivFeet, 	#wiroEnergietraegerStromDivFeet 				{ margin: 20px 5px 20px 5px; }
#wiroStromEnthaltenSonstiges		{ width: 320px; margin: 0px 0px 0px 5px; }
.wiroEt 												{ margin: 0px 0px 35px 0px; }
.wiroEtDropdown 								{ margin-left: 6px; }
.wiroEtSub 											{ margin-left: 1px; }

/* Leerraum zwischen Tabellenzellen entfernen */
.wiroRechnungAddTarget 				{ border-collapse: collapse; margin: 12px 0px 0px 36px; }

/* Linien zwischen den Rechnungen */
.wiroRechnungAddTargetCell 		{ vertical-align: middle; }

.wiroEnergietraegerEinheit, .wiroEinheit { margin: 0px 12px 0px 6px; }

/* Abstand vor zweitem input-field */
#wiroTextVerbrauch, .wiroRechnung, .wiroRechnungBis { margin-left: 6px; }

/* ################# YUI ################### */


.yui-button button { margin: 0px; }
.button-group button:hover, .button-group button.hover { border-width: 1px; }

/* Tab-Kontainer */
#wiroEnergietraegerTabs .yui-nav {
	margin:0px;
}

#wiroEnergietraegerTabs .yui-nav a {
	text-decoration: none;
	border: none;
	background-color: #DDDDDD;
}

#wiroEnergietraegerTabs .yui-nav .selected a, #wiroEnergietraegerTabs .yui-navset .yui-nav a:hover {
	background-color: #EFEFEF;
}

#wiroEnergietraegerTabsHeizung {
	margin-left:4px;
}

.yui-navset .yui-nav li em {
	padding: 0.5em 0.93em;
}

.yui-navset .yui-content {
	background-color: #EFEFEF;
	border: none;
	padding: 5px 15px;
}

/* Wichtig fuer #wiroPdf, da sonst horizontales scrolling */
#wiroShowPdf_c {
	/* height: 500px; */ 
}

#wiroShowPdf_h {
	background-color: #EFEFEF;
	height:25px;
	padding: 0px;
}

#bdIframe {
	border:0px;
	width: 100%;
	height: 100%;
}

/* I-Frame soll x% hoehe haben, Elternelement ist dabei ausschlaggebend */
.yui-panel { line-height:158.33%; }
.yui-panel .bd	{ height: 90%; }


/* ################# Tooltip ################### */
.wiroToolTip	{ width: 350px; }

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 0px solid #DDDDDD;
	background-color: #DDDDDD;
	color:#666666;
	opacity: 1;
}

#tooltip h3 {
	margin: 5px;
	text-align: left;
	font-weight:bold;
	color:#666666;
}

#tooltip div {
	margin: 5px;
	text-align: left;	
}


/* ####################### Kalender PopUp #######################*/

/* Tabelle */
table.jCalendar {
	border: 0px solid #DDDDDD;
	background: #EEEEEE;
  border-collapse: separate;
  border-spacing: 2px;
}
table.jCalendar th {
	background: #DDDDDD;
	color: #000000;
	font-weight: bold;
	padding: 3px 5px;
}
table.jCalendar td {
	background: #FFFFFF;
	color: #000000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #FFFFFF;
	color: #FFFFFF;
	visibility: hidden;
}
table.jCalendar td.weekend {
}
table.jCalendar td.today {
	background: #DDDDDD;
	color: #000000;
	font-weight: bold;
}
table.jCalendar td.selected {
	background: #DDDDDD;
	color: #000000;
	font-weight: bold;
}
table.jCalendar td.selected:hover {
	background: #DDDDDD;
	color: #000000;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background: #DDDDDD;
	color: #000000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
	background: #bbb;
	color: #888;
}

/* PopUp */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	text-indent: -2000px;
	overflow: hidden;
	background: url(wiroImages/kalender.gif) no-repeat;
	display: none; /* block: Kalender-Icons */
}
div#dp-popup {
	border: 1px solid #DDDDDD;
	position: absolute;
	font-size: 10px;
	font-family: arial, sans-serif;
	background: #FFFFFF;
	padding: 2px;
	min-height: 172px;
	min-width: 171px;
}
div#dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div#dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div#dp-popup div#dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div#dp-popup div#dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div#dp-popup div#dp-nav-prev a, div#dp-popup div#dp-nav-next a {
	cursor: pointer;
}
div#dp-popup div#dp-nav-prev a.disabled, div#dp-popup div#dp-nav-next a.disabled {
	cursor: default;
}
div#dp-popup div#dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div#dp-popup div#dp-nav-next a {
	float: right;
}
div#dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div#dp-popup td {
	cursor: pointer;
}
div#dp-popup td.disabled {
	cursor: default;
}