/* ################# SW Düsseldorf ################### */
.popup {
  width: 700px;
}

.popup .header {
  margin: 0;
  padding: 0;
  width: 700px;
  height: 105px;
  background: url(popup_sitemap.php-Dateien/bg-700.gif)  no-repeat;
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
}
.popup #logo {
  position: absolute;
  left: 21px;
  top: 10px;
}
.popup .inhalt {
  margin-left: 20px;
  margin-top: 20px;
  padding: 0;
  font-weight: normal;
}
.popup .inhalt h1 {
  font-size: 160%;
  color: #83B817;
  margin: 0.7em 0 0.7em 0;
  padding: 0;
  background-color: #FFFFFF;
}

/* ################# WiRo Consultants ################### */
.wiroHeight			{ height: 25px; }

.wiroBeta { font-size: 10px; font-family: "Courier New"; color: #FF0000; }

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


/* Kontainer */
#wiroBox, .wiroBox {
	margin: 20px 5px 20px 5px; 
	width: 500px;

	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	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;
}

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

#wiroAnlass {
	float: left;
}

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


/* 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: #969696 1px solid; color: #666666; }
.wiroCheckbox										{ border: none; }
.wiroRechnung, .wiroRechnungVon, .wiroRechnungBis 	{ border: #969696 1px solid; color: #666666; width: 100px; }

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

/* Texte */
.wiroBeschreibung									{ vertical-align: top; }
.wiroBeschreibungUeberschrift 						{ font-size: 150%; color: #83b817; font-weight: bold; margin: 0.7em 0pt; }
.wiroBeschreibungUnterueberschrift					{ margin: 1em 0px 1em 0px; }
.wiroEnergietraegerEinheit							{  }


/* Buttons */
#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 */
.wiroTableRow1 		{ width: 220px;	vertical-align: top; }
.wiroTableRow2 		{ 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; }
#wiroInputStromEnthaltenSonstiges	{ width: 320px; margin: 5px 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; }

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


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

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

/* Tab-Kontainer */
.yui-nav em	{
	font-size: 110%;
	font-weight: bold;
}

.yui-navset .yui-nav .selected a, .yui-navset .yui-nav a:hover, .yui-navset .yui-content {
	background-color: #F3FBE6;
	border-color: #B4DD65;
}

/* Wichtig für #wiroPdf, da sonst horizontales scrolling */
#wiroShowPdf_c {
	border:1px solid #B4DD65;
	background : #F3FBE6;
}

#wiroShowPdf_h {
	color: #FFFFFF;
	background-color: #9DD336;
	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 #9DD336;
	background-color: #F3FBE6;
	opacity: 1;
}

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

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


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

/* Tabelle */
table.jCalendar {
	border: 0px solid #6699CC;
	background: #EEEEEE;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #D1EAA0;
	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: #D1EAA0;
	color: #000000;
	font-weight: bold;
}
table.jCalendar td.selected {
	background: #D1EAA0;
	color: #000000;
	font-weight: bold;
}
table.jCalendar td.selected:hover {
	background: #D1EAA0;
	color: #000000;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background: #D1EAA0;
	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 #D1EAA0;
	position: absolute;
	font-size: 10px;
	font-family: arial, sans-serif;
	background: #F3FBE6;
	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;
}