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

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

/* Links */
a:link, a:visited	{ color: #484848; text-decoration: none; }
a:active, a:hover 	{ text-decoration: none; }


/* Kontainer */
#wiroBox, .wiroBox{
	margin: 0;
	padding: 0;
	width: 100%;

	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: left;	
}


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

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

div #wiroDropdownHauptnutzung {
	
}

#wiroDropdownGebaeudetyp,
#wiroDropdownHauptnutzung
{
	float: left;
	width: 261px;
}

#wiroAnlass {
	float: left;
}

#wiroDropdownFlaeche {
	margin-left: 5px;
	width: 181px;
}


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

/* Elemente */
.wiroInput, .wiroDropdown, .wiroEtDropdown			{ border: #6699CC 1px solid; }
.wiroCheckbox										{ border: none; }
.wiroRechnung, .wiroRechnungVon, .wiroRechnungBis 	{ float: left; border: #6699CC 1px solid; width: 100px; }
#wiroWarmwasserEnthalten							{  }

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

/* Texte */
.wiroBeschreibung									{ font-size: 12px; vertical-align: top; }
.wiroBeschreibungUeberschrift						{ font-size: 17px; border-bottom: 2px inset #FF6D00;}
.wiroBeschreibungUnterueberschrift					{ font-size: 12px; font-weight: normal; margin: 1em 0px 1em 0px; }
.wiroEnergietraegerEinheit							{ font-size: 12px; }


/* Buttons */
.wiroButton			{ }

#wiroForm button	{
	background:transparent url(wiroImages/addField.gif) no-repeat scroll 10px 50%;
	padding-left: 2.5em;
}

#wiroEnergietraegerHeizungDivFeet button {
	background:transparent url(wiroImages/addEnergietraeger.gif) no-repeat scroll 10px 50%;
	padding-left: 2.5em;
}

#wiroSubmitButtonKontakt button {
	background:transparent url(wiroImages/buy.gif) no-repeat scroll 10px 50%;
	padding-left: 2.5em;
	/* visibility: hidden; */
}

#wiroSubmitButtonMusterNeuesFenster button, #wiroSubmitButtonMuster button {
	background:transparent url(wiroImages/pdf.gif) no-repeat scroll 10px 50%;
	padding-left: 2.5em;
}

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

#wiroForm .wiroEtSub button {
	background:transparent url(wiroImages/delEnergietraeger.gif) no-repeat scroll 10px 50%;
	padding-left: 1.8em;
}

#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			{ font-size: 12px; }
.wiroTableRow1 		{ font-size: 12px; width: 220px;	vertical-align: top; }
.wiroTableRow2 		{ font-size: 12px; vertical-align: top;}
.wiroTableEtRow1 	{ width:  40px; }
.wiroTableEtRow2 	{ width: 140px; }
.wiroTableEtRow3 	{ width: auto; }
.wiroTablePanelRow1 { width:  160px; }
.wiroTablePanelRow2 { width:  auto; }



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


/* Target Kontainer*/
#wiroRechnungAddTarget	{ width: 100%; margin: 0px 0px 10px 0px; }

#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; }

/* Linien zwischen den Rechnungen */
.wiroRechnungAddTargetCell 			{ }

.wiroEnergietraegerEinheit,
.wiroEinheit {
	margin-left: 5px;
	vertical-align: middle;
}


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

.yui-button button { margin: 0px; }

/* Tab-Kontainer */
.yui-navset .yui-nav .selected a, .yui-navset .yui-nav a:hover, .yui-navset .yui-content {
	font-size: 12px;
	background-color: #FFFFFF;
	border-color: #6699CC;
}

/* Wichtig für #wiroPdf, da sonst horizontales scrolling */
#wiroShowPdf_c {
	/* height: 500px; */ 
	border:1px solid #6699cc;
	background : #FFFFFF;
}

#wiroShowPdf_h {
	color: #000000;
	background-color: #FFE2B7;
	width:100%;
	height:25px;
	padding: 0px;
}

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

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


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

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #6699cc;
	background-color: #FFFFFF;
	opacity: 1;
}

#tooltip h3 {
	margin: 5px;
	
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;	
}

#tooltip div {
	margin: 5px;
	
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: left;	
}


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

/* Tabelle */
table.jCalendar {
	border: 0px solid #6699CC;
	background: #EEEEEE;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #FFE2B7;
	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: #FFE2B7;
	color: #000000;
	font-weight: bold;
}
table.jCalendar td.selected {
	background: #FFE2B7;
	color: #000000;
	font-weight: bold;
}
table.jCalendar td.selected:hover {
	background: #FFE2B7;
	color: #000000;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background: #FFE2B7;
	color: #000;
}
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 #6699CC;
	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;
}