/**
 * Mandanten übergreifende Style-Definitionen
 */

/**
 *********************************
 * Allgemeine Styledefinitionen
 */


html {
	width: 100%;
	height: 100%;
}

body {
	font-family: Arial, ' Swiss 721 BT', Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	background-color: white;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

/** fieldset zurücksetzen **/
fieldset {border: none; margin: 0; padding: 0;}

/** legend unsichtbar machen und margin und padding zurücksetzen **/
legend {display:none; margin: 0; padding: 0;}

/** formulare zurücksetzten **/
form {margin:0; padding: 0;}


/** keinen Rahmen um verlinkte Bilder **/
a img {
	border: none;
}

/** allgemeine Überschriften-Art/-Größe **/
h1 {
	font-size: 20px;
	padding-bottom: 0.8em;
}

h2 {
	font-size: 18px;
	padding-bottom: 0.4em;
}

/**
 * allgemeine Input-Felder Formatierungen
 */
input,select,textarea {
	color: #666666;
	background-color: #ffffff;
	border-color: #7EA1B7;
}

acronym {
	border-bottom: black dotted 1px;
	cursor: help;
}

/**
 *********************************
 * Klassendefinitionen
 */

/** innerhalb Heading, aber nicht fett **/
.subheadding {
	font-weight: lighter;
}

/** allgemein für zentrierte Inhalte **/
.alignCenter {
	text-align: center;
}

/** Hochstellen **/
.hochgestellt {
	vertical-align: super;
	font-size: 9px;
	font-weight: lighter;
	/* line-height: 0.8em; */
}

/* Elemente, die NUR bei Ausdruck sichtbar sind, aber normal eben nicht */
.Show_OnlyPrint {
	display: none;
}

/** Pflichtfeld-Sternchen **/
span.asterisk {
	color: red;
}

/**
 * Links für Seiten-Anzeige (erzeugt von entspr. PEAR-Klasse)
 */
a.pagerLinks {
	font-size: 1.1em;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #E8E8E8;
}

a.pagerLinks:hover {
	color: black;
	background-color: #C8C8C8;
}

/**
 * Überschrift / Header in PopUps
 */
div.infoPopUpHeadline {
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, sans-serif;
	/* width: 99%; */
	margin: 0px;
	padding: 0.3em;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	padding-left: 1.1em;
	overflow: hidden;
}

div.infoPopUpTxt {
	margin: 0px;
	padding: 1.5em;
}

/**
 * Fehler/Erfolgsmeldungen
 */
div.errorBox {
	border-width: 1px;
	border-style: solid;
	border-color: red;
	border-right-color: #800000;
	border-bottom-color: #800000;
	margin: 2px;
	padding: 10px;
}

div.errorBox ul.error {
	text-align: left;
	color: red;
}


div.successMsgBox {
	font-weight: bold;
	font-size: 1.1em;
	color: darkgreen;
	text-align: center;
	margin-top: 1px;
	margin-bottom: 20px;
	width: 95%;
}



/**
 * runde "Ecken"
 */
.roundCornerBox {
	width: 15em;
	background: yellow;
}

.roundCornerBox div.txt_container {
		margin-left: 5px;
		margin-right: 5px;
}
.roundCornerBox .rc_top, .roundCornerBox .rc_bottom {
	display:block;
	background: white;
}
.roundCornerBox .rc_top span, .roundCornerBox .rc_bottom span {
	display:block;
	height: 1px;
	overflow: hidden;
	background: yellow;
}
.roundCornerBox .corner1 {
	margin: 0 5px;
}
.roundCornerBox .corner2 {
	margin: 0 3px;
}
.roundCornerBox .corner3 {
	margin: 0 2px;
}
.roundCornerBox .rc_top .corner4, .roundCornerBox .rc_bottom .corner4 {
	margin: 0 1px;
	height: 2px;
}
/* ------------------------ */




/**
 * ####  CSS-Tooltip  ####
 * HTML-Code:
 * <a class='resizePic' href='img3.jpg'>
 *   <img src='img1.jpg' alt=''>
 *   <span><img src='img2.jpg' alt=''></span>
 * </a>
 */
a.resizePic, a.resizePic:link, a.resizePic:visited, a.resizePic:active  {
  position: relative;
  text-decoration: none;
 }

a.resizePic:hover {
  color: #0000ff;
  background-color:transparent;
}

a.resizePic span {
  display: none;
  text-decoration: none;
}

a.resizePic:hover span {
  display: block;
  position: absolute;
  border: 1px solid gray;
  z-index: 30;
}







/**
 * Hinweis-Box
 */
.adviceBox {
	border: 1px solid black;
	border-left-color: gray;
	border-top-color: gray;
}

.adviceBox div.adviceHeadl {
	width: 100%;
	padding-top: 0.3em;
	padding-bottom: 0.3em;

	position: relative;
	left: 0;
	top: 0;
	right: 0;
}




/** Ausbleichen der "Detaillierten Eingabe" Buttons **/
div.fade {
	opacity:0.7; /* Firefox > v0.9 */
}

/** Ausbleichen allg., aber weniger durchsichtig **/
div.fade85 {
	opacity: 0.85; /* Firefox > v0.9 */
}


/**************
 * Inputs
 */

/** hellgrau umrandete (unauffällige) Inputs) **/
input.brightGrayBorder {
	border: 1px solid #ccc;
}

/** für Eingabe gesperrte Felder **/
input.readOnly,select.readOnly,textarea.readOnly {
	color: #8f8f8f;
	background-color: #f7f7f7;
}

/** Formularfelder mit Fehlern **/
input.error,select.error,textarea.error {
	border-color: red;
	color: #710000;
	background-color: #FFF9F9;
}

/** Formularfelder auf die hingewiesen wird **/
input.advice,select.advice,textarea.advice {
	border-color: #ffd782;
	background-color: #fffea8;
}

/** Checkboxen, Radio-Buttons: kein Rahmen! **/
input.check {
	border: none !important;
}

/**************
 * Buttons
 */

/** "Special-Submit" - Buttons **/
.saveButton,.evalButton,.applyButton,.applyButtonLong,.cancelButton,.addButton,.backButton,.printButton,
.lensButton
{
	border: none;
	height: 18px;
	background-image: url('../../mandant_1/images/icon_save_button.gif');
	background-repeat: no-repeat;
	background-position: right center;
	padding: 2px;
	padding-right: 22px;
	padding-left: 4px;
	cursor: pointer;
	display: inline;
	/* padding-top: 2px; */
	padding-bottom: 3px;

}
.applyButton {
	background-image: url('../../mandant_1/images/icon_apply_button.gif');
	font-size: 11px;
}

.applyButtonLong {
	background-image: url('../../mandant_1/images/icon_apply_button_long.gif');
	width: 160px;
	font-size: 11px;
}
.evalButton {
	background-image: url('../../mandant_1/images/icon_bewerten.jpg');
	padding-bottom: 6px;
}

.cancelButton {
	background-image: url('../../mandant_1/images/icon_cancel_button.gif');
}

.printButton {
	background-image: url('../../mandant_1/images/icon_print_button.gif');
}

.addButton {
	background-image: url('../../mandant_1/images/icon_plus_button.gif');
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.lensButton {
	background-image: url('../../mandant_1/images/icon_lens_button.gif');
}

.backButton {
	background-image: url('../../mandant_1/images/icon_back.gif');
	background-position: left center;
	padding-left: 22px;
	padding-right: 2px;
	font-size: 11px;
	color: white;
}


/** bei NWG - Nutzungsart-Übersichts-Tabelle **/
div.editDelete_Icons {
	width: 18px;
	height: 18px;
	display: inline;
	margin: 2px;
	cursor: pointer;
}

/** Unter Tabellen, als Legende/Erklärung der Icons **/
#pictogramDescr {
	white-space: nowrap;
}

/***************
 * Tabellen
 */

/** Hovereffekt **/
tr.hoverow,tr.hoverow td {
	background-color: transparent;
}

tr.hoverow:hover,tr.hoverow:hover td {
	background-color: #f9f9f9;
}

/**
 * Klasse für Tabelle, die alle beinhalteten Zellen auf vertikale
 * Ausrichtung "oben" setzt
 */
table.cellsVAlignTop td {
	vertical-align: top;
}

/** Übersichtstabellen (Benutzer/Gebäude etc..) **/
table.overviewTable {
	font-size: 11px;
}

table.overviewTable th {
	text-align: left;
	font-size: 12px;
	white-space: nowrap;
}

table.overviewTable th a {
	text-decoration: none;
}

table.overviewTable td.ActionsIcons {
	white-space: nowrap;
}

table.overviewTable td.ActionsIcons a {
	margin: 1px;
}


/**
 * halbtransparenter Layer über Wärmedämmung, wenn nicht editierbar
 */
div#adviceNoMassnHuelle {
	background-color: white;
	color: black;

	position: absolute;
	top: 4px; left: -5px;
	width: 370px; height: 360px;

	padding: 10px;
	z-index: 9;

	text-align: center;
	font-size: 1.1em;

	border: 1px solid black;


	opacity:0.9; /* Firefox > 0.9 */
}



/**
 * UserTabel/overviewListing
 */

table#userTable, table#overvListingTable {
	font-size: 11px;
}

table#userTable th, table#overvListingTable th {
	text-align: left;
	font-size: 12px;
	white-space: nowrap;
}

table#userTable th a, table#overvListingTable th a {
	text-decoration: none;
}

td#pictogramDescr {
	white-space: nowrap;
}

table#userTable td.userActionsIcons, table#overvListingTable td.userActionsIcons {
	white-space: nowrap;
}

table#userTable td.userActionsIcons a, table#overvListingTable td.userActionsIcons a {
	margin: 1px;
}

/**
 * Table Suche
 */
td#searchBar {
	padding-top: 3.5em;
	padding-bottom: 1.5em;
	vertical-align: middle;
	text-align: right;
}

table#footerBlock td,table#footerBlock a {
	color: #666;
}

/** Tabelle für Auflistung von Objekt-Typ/-Klassen **/
table#listing_TypKlasse_Table {
	width: 600px;
}

table#listing_TypKlasse_Table th.subheader {
	text-align: left;
	color: black;
	background-color: #eee;
}

table#listing_TypKlasse_Table td.header_nutzart {
	font-size: 1.1em;
	font-weight: bold;
	color: black;
	background-color: #ccc;
}


/**
 **************************************
 * Templatespezifisch Styledefinitionen
 */


/****************************************
 * aus mandant1 css style.css entnommen
 */
td {
   	font-family: Verdana, Swiss, Helvetica, san-serif;
   	font-size: 11px;
   	color: #666666;
   	font-style: normal;
}

/****************************************
 * benutzer_daten.html
 */
.inputwidth input {
	width: 200px;
}


/****************************************
 * objekterfassen_basic.html Objektbilderupload
 */
div#objektbild_uploadfields input.addFieldButton {
	font-weight: bold;
	color: black;
	background-color: #D4D0C8;
	width: 24px;
	margin-left: 15px !important;
	border: black 1px solid !important;
	border-left-color: #ccc !important;
	border-top-color: #ccc !important;
}

div#objektbild_uploadfields {
	text-align: left;
	/*padding-left: 158px;*/
}

div#objektbild_uploadfields input, div#objektbild_uploadfields div.addFieldButton {
	margin-bottom: 3px;
}

div#objektbild_uploadfields input.uploadField {
	width: 280px;
	/*border: solid;*/
}


/****************************************
 * bedarf_wohnflaeche.html
 */
table.objWFL_Schaubild {
	font-size: 0.8em;
	width: 120px;
}


/****************************************
 * bewertung.html
 */
div.Container_AusweisRequest {
	border: 1px solid #ccc;
	border-bottom-color: #d9d9d9;
	border-left-color: #d9d9d9;

	width: 250px;
	padding: 6px;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
}
div.Container_AusweisRequest hr {
	width: 95%;
}
div.Container_Back2Todo {
	width: 270px;
	margin-right: 4px;
}

div.Container_AusweisRequest h2, div.Container_Back2Todo h2 {
	display: block;
	font-size: 12px;
	margin: 0px;
	margin-bottom: 2px;
	padding: 2px;
}


/****************************************
 * bedarf_geometrie.html
 */
table#tab_GaubenDef_Listing {

}
table#tab_GaubenDef_Listing th, table#tab_GaubenDef_Listing td {
	text-align: center;
	padding: 2px;
	font-weight: 100;
	border-bottom: solid 1px #eee;
}

table#tab_GaubenDef_Listing th.leftHeader {
	text-align: right;
}

/****************************************
 * ausweisanforderung_uebersicht.html
 */
tr#jumpToElement td {
	background-color: #fffea8;
}

/****************************************
 * benutzerverwaltung.html
 */
td#searchBar input.applyButton {
	padding-top: 1px;
}


/****************************************
 * gebaeudeverwaltung.html
 */
/**
 * Farben für versch. Objekt-Status
 **/
/* Objekt neu */
.obj_status1 {

}
/* Objekt zurückgewiesen */
.obj_status2 {
	color: #BE1010;
}
/* Objekt, Energieausweis erstellt */
.obj_status3 {
	color: #437151
}


/****************************************
 * hilfe.html
 */
#table_hilfeDokumente {
	width: 100%;
}

#table_hilfeDokumente td {
	padding: 2px;
}


/****************************************
 * objekt_assignment.html
 */
div#progressInd {
	z-index: 10;
	position: fixed;
	top: 150px;
	left: 440px;
}
table#ausweisReq_OverviewTable {
}
table#ausweisReq_OverviewTable th, table#ausweisCre_OverviewTable th {
	text-align: left;
}
td#firstHeading, td#firstHeadingC {
	border-bottom: black solid 1px;
}
div#windowCloser {
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: center;
}

/****************************************
 * objekterfassen_ext_nwg.html
 */
div#progressIndicator_Container {
	position: absolute;
	top: -50px;
	display: none;
	z-index: 100;
}

div#flaechen_editorField_Container {
	position: absolute;
	top: -50px;
	display: none;
	z-index: 50;
	background-color: white;
	height: 150px;
	padding: 3px;
	border: 1px solid #b9b9b9;
	border-top-color: #e7e7e7;
	border-left-color: #e7e7e7;
}

div#flaechen_editorField_Container input {
	font-size: 0.8em;
}
div#flaechen_editorField_Container img {
	cursor: pointer;
}

/**
 * schwarze Schriftfarbe, um die Einträge wo Verbr.ausweis (nicht)
 * möglich ist (Werden ausgegraut), besser zu unterscheiden
 */
select.objTypKlassen {
	color: black;
	width: 320px;
}

/* spezielle Error-Klasse, da sonst die Breite "vergessen" wird */
select.objTypKlassen_error {
	width: 320px;
	border-color: red;
	color: #710000;
	background-color: #FFF9F9;
}

div.xs_errorBox {
	border-width: 1px;
	border-style: solid;
	border-color: red;

	border-right-color: #800000;
	border-bottom-color: #800000;

	margin: 2px;
	padding: 1px;

	display: none;
}

div.xs_errorBox ul {
	text-align: left;
	color: red;
	margin: 0px;
	padding: 0px;
	margin-left: 18px;
	padding-left: 0px;
}

div.selectors_Container {
	border: 1px solid #b9b9b9;
	border-top-color: #e7e7e7;
	border-left-color: #e7e7e7;
	padding: 3px;
	margin-bottom: 5px;
}

div.SaveCancel_Container {
	padding-top: 5px;
	padding-bottom: 20px;
	padding-right: 25px;
	border-top: 1px #aaa solid;
}

/****************************************
 * preisliste.html
 */
table#TablePreisliste {
	font-size: 11px;
	border-collapse: collapse;

	margin-top: 15px;
}

table#TablePreisliste th {
	color: black;
	font-size: 1.1em;
	text-align: left;

	padding-top: 5px;
	padding-bottom: 5px;

	background-color: #ccc;
}


table#TablePreisliste th, table#TablePreisliste td {
	border: solid 1px black;
}

table#TablePreisliste td.spacerCell {
	border: none;
}

table#TablePreisliste td.priceCell {
	text-align: right;
}

table#TablePreisliste td {
	 text-align: left;
}


table#TablePreisliste td.centerAlign {
	 text-align: center;
}

table#TablePreisliste td.darkCell {
	background-color: #585858;
}

/****************************************
 * content_start_nach_login.html
 */
#startButton {
	font-size: 1.3em;
	font-weight: bold;
	background-repeat: repeat-y;
}


/**
 *************************************
 * Definitionen fürs Skeleton
 */

/*
* Skeleton Wrapper (normal + PopUp)
*
*/
div#skl_wrapper, div#skl_wrapper_popup {
	width: 1000px;
	min-height: 100%;
}


/**
* Skeleton Header
*
*/
div#skl_header {
	width: 1000px;
	height: 220px;
}

div.skl_header_sm {
	width: 1000px;
	height: 92px !important;
}
/** Home-Link **/
div#skl_header a {
	display: block;
	width: 100%;
	height: 100%;
}



/*
*	Skeleton Obere Navigation und Login
*
*/

div#skl_navigation {
	width: 100%;
	margin-bottom: 5px;
}
#navigation_top {margin: 0; padding: 0; }

#navigation_top {
	float: left;
}
	#navigation_top li{
		float: left;
		list-style-type: none;
		border-left: 2px solid white;
	}
		#navigation_top li a, #navigation_top li strong {
			display: block;
			padding: 0.5em 0.46em 0em 0.46em;
			text-decoration: none;
			white-space: nowrap;
			height: 30px;
		}
		#navigation_top li a:hover {
		}
	#navigation_top li.active {

	}
		#navigation_top li.active a {

		}
	#navigation_top li.questionMark {
		border-left: none;
	}
	#navigation_top li.questionMark a, #navigation_top li.questionMark strong {
		font-weight: bold;
		font-size: 1.4em;
		padding-top: 0.1em;
		padding-bottom: 0.3em;
	}
	#navigation_top li.questionMark a:hover {

	}
		#navigation_top li.questionMark a span {
			display: none;
		}
/** Login: alles wird geerbt von #navigation_top nötige anpassungen werden gemacht**/
ol.login {

}
	ol.login li{
		padding: 1em;
		border: none !important;
		vertical-align: middle;
		line-height: 1.5em;
	}
		ol.login li label {
			line-height: 1.5em;
			vertical-align: middle;
		}
		ol.login li input{
			vertical-align: middle;
			color: #000;
			border-bottom: 1px solid white;
			border-right: 1px solid white;
		}
		ol.login li span{
			font-weight: bold;
			vertical-align: middle;
		}
		ol.login li.error {
			padding: 4px 0 0 0;
			color: red;
			width: 278px;
		}


/**
 * linke Navigation
 *
 */

/** zurücksetzen von margin und padding für linke Navigation **/
ul#naviLContainer,  ul#naviLContainer ul, ul#naviLContainer li, ul#naviLContainer a{
	margin: 0;
	padding: 0;
}
ul#naviLContainer {
	position: absolute;
	left: 25px;
}
ul.naviLContainer {
}
ul.naviLContainer_sm {
}


div.naviLContainer {
	position: absolute;
	top: 285px;
	left: 0;
}
div.naviLContainer_sm {
	position: absolute;
	left: 10px;
	top: 150px;
	height: 80%;
}

ul#naviLContainer li {
		list-style-type: none;
		position: relative;
		width: 13em;
		padding: 0.5em;
		font-weight: bold;
	}
		ul#naviLContainer li a{
			text-decoration: none;
			padding-left: 2em;
			white-space: nowrap;
		}
		ul#naviLContainer li a.selected{

		}
/** Unternavigation **/
ul#naviLContainer li ul{
	position: absolute;
	top: 0;
	left: 13em;
}
ul#naviLContainer a:active,ul#naviLContainer a:hover {

}


/** Das Wörtchen "aktiv" in Klammern, hinter onsite!? **/
span#onsite_aktivtxt {
	font-size: 0.9em;
	font-weight: 100;
}






/**
* Skeleton Content
*
*/
div#skl_content {
	margin-top: 31px;
	padding-bottom: 25px;
}

/* Link, der zwar in Navigations-Liste drin ist, aber Sonderformung braucht */
#navigation_top li a.pwlost_link {
	display: inline;
	padding: 0;
	text-decoration: none;
	background-color: transparent;
}
#navigation_top li a:hover.pwlost_link {
	background-color: transparent;
}
/**
 * allgemeiner Inhaltscontainer, schiebt Inhalt immer nach rechts, hält
 * quasi links Platz frei für die Navigation.
 */

div#contentContainer {
	width: 520px;
	margin-top: 0px;
	margin-left: 330px;
	padding: 0px;
	margin-bottom: 40px;
}
/**
 * wie der allgemeine Inhaltscontainer, allerdings für Verbrauchswerte,
 * die ziemlich viel breiter sind.
 */
div#contentContainer_Verbrauch {
	width: 665px;
	margin-left: 330px;
	padding: 0px;
	margin-bottom: 40px;
}





/**
 * Internet-Explorer Warnhinweis-Fake für (erstmal nur) Hinweis, dass JS
 * aktiviert sein sollte
 */
div#previewAdvice {
	position: fixed;

	top: 0;
	left: 0;
	right: 0;
	z-index: 5;
}

div#previewAdvice div {
	width: 100%;
	color: InfoText;
	background: InfoBackground url('../images/icon_msie_warning.gif') no-repeat fixed 0.3em 0.3em;

	cursor: default;
	padding: 0.3em 0 0.3em 2em;

	display: block;
	text-decoration: none;
	border-bottom: black 1px solid;
}

div#previewAdvice div:hover {
	color: HighlightText;
	background-color: Highlight;
}






/**
 * Skeleton Footer
 *
 */
div#skl_footer {
	text-align: center;
	padding: 0.5em 0;
	position: fixed;
	bottom: 0;
	width: 1000px;
}


/** Cluetip **/
#cluetip h6{
	margin: 0;
	padding: 5px;
	text-align: center;
	font-size: 1em;
}
#cluetip p{
	margin: 0;
	padding: 5px;
}
#cluetip table{
	padding: 10px;
}

/** Formulare in Liste **/
	.formlist{
		margin: 0;
		padding: 0;
	}
	.formlist img {
		border: none;
	}
	.formlist li {
		list-style-type: none;
		clear: both;
		padding: 0.5em 0;
		line-height: 1em;
		vertical-align: middle;
		width: 535px;
	}
		.formlist li:hover {
			background-color: #EFEFEF;
		}
		.formlist li:focus {
			background-color: #EFEFEF;
		}
			.formlist li label {
				margin: 0;
				float: left;
				width: 158px;
				vertical-align: middle;
				padding: 0;
			}
			.formlist li input, select {
				vertical-align: top;
				margin: 0;
			}
			.formlist li input:focus, .formlist li textarea:focus {
				background-color: #EFEFEF;
			}
			.formlist li a {
				vertical-align: middle;
				float: right;
			}
			.formlist li  img{
				border: none;
				vertical-align: middle;
			}

	.labelwidth li label {
		width: 180px;
	}
	.formlist li.check {
		text-align: center;
	}
		.formlist li.check input{
			border: none;
			vertical-align: middle;
		}
		.formlist li.check label{
			float: none;
			width: 200px;
			display: inline-block;
			margin-left: 5px;
			text-align: left;
		}