body {
	background:			Linen; /* #f8f8ff; */
	/* background-image:	url(/bg-kmp.png);	*/
	font-family:		sans-serif;
}


a {
	color:				darkblue;
	text-decoration:	none;
}

a:hover {
	background:			lightgray;
}


fieldset {
	border-radius:		6px;
}

h1 {
	color:				black;
	font-size:			1.2em;
	padding:			0px 10px 0px 10px;
}


img.Max300 {
	max-height:			300px;
	max-width:			300px;
}


section {
	border:				1px solid darkblue;
	margin:				0.5em;
	padding:			0.5em;
}


section h1 {
	border-bottom:		1px solid darkblue;
	color:				white;
	font-size:			1em;
	margin:				0 0 0.5em 0;
	padding:			0.2em 0.5em 0.2em 0.5em;
}



section h2 {
	border-bottom:		1px solid darkblue;
	color:				white;
	font-size:			1em;
	margin:				0 0 0.5em 0;
	padding:			0.2em 0.5em 0.2em 0.5em;
}


td.Buttons input[type=submit] {
	margin:				0.5em 1.0em 0.5em 0.0em;
	width:				10.0em;
}

textarea:disabled {
	background:			Linen;
	color:				#333333;
}

tr.Spacer {
	height:				1.0em;
}


ul {
	padding-left:		0.5em;
}

/***** Blind *****************************************************************/
table.Blind {
	border:				none;
}

table.Blind input[type=submit] {
	margin-right: 		0.5em;
}

table.Blind td {
	padding-bottom:		0.5em;
	padding-right:		1em;
	vertical-align:		top;
}

table.Blind th {
	font-weight:		bold;
	padding-bottom:		0.5em;
	padding-right:		1em;
	text-align:			left;
	vertical-align:		top;
}

table.Blind th.SectionHeader {
	color:				gray;
	font-size:			0.9em;
	padding-bottom:		0;
	padding-top:		1em;
	border-bottom:		1px solid gray;
}


/***** Container *******************************************************/
.Container {
	background:			linen;
	border-collapse:	separate;
	border-spacing:		0.5em;
	padding-top:		1em;
	width:				100%;
}

.Container fieldset {
	border:				1px solid #666666;
	border-radius:		6px;
	padding:			0.8em 0.1em 0.8em 0.1em;
}

.Container img {
	margin:				0.3em;
}

.Container legend {
	color:				#666666;
	font-weight:		normal;
}

/*
.Container li {
	background:			#eeeeee;
	border:				1px solid #666666;
	display:			block;
	float:				left;
	min-height:			7em;
	margin:				0.3em;
	width:				30em;
	padding:			0.2em;
}

.Container li .Header {
	font-weight:		bold;
	margin-bottom:		0.5em;
}


.Container ul {
	list-style-type: 	none;
	margin-top:			0;
}
*/

.Container .Functions {
	float:				right;
	margin-left:		0.5em;
	margin-right:		0.5em;
}

.Container .Functions a {
	color:				#333333;
	display:			block;
}

.Container .Functions a:hover {
	background:			lightgray;
	color:				black;
}

.Container .Functions hr {
	background-color:	gray;
	border-width:		0;
	color:				gray;
	height:				1px;
	margin-top:			0.2em;
	margin-bottom:		0.2em;
}


.Content {
	align-items: 		stretch;
	display:			flex;
	flex-wrap:			wrap;
}


/***** Info ******************************************************************/
div.Content {
	align-items: 		stretch;
	display:			flex;
	flex-wrap:			wrap;
}

div.Content fieldset {
	border:				2px solid black;
}

div.Content .Functions {
	margin-bottom:			1.5em;
}

div.Content .Functions fieldset {
	height:				100%;
	padding-bottom:		1.0em;
}

div.Content legend {
	color:				black;
	font-weight:		normal;
}

div.Content .Functions a {
	color:				#333333;
	display:			block;
}

div.Content .Functions a:hover {
	background:			lightgray;
	color:				black;
}

div.Content .Functions hr {
	background-color:	gray;
	border-width:		0;
	color:				gray;
	height:				1px;
	margin-top:			0.2em;
	margin-bottom:		0.2em;
}



/***** ErrorMsg **************************************************************/
.ErrorMsg {
	border:				1px solid black;
	background-color:	red;
	color:				white;
	display:			block;
	font-weight:		bold;
}

/***** Grid ******************************************************************/
table.Grid {
	border-collapse:	collapse;
	border:				1px solid gray;
}


table.Grid th {
	background:			#CCCCFF;
	border:				1px solid gray;
	padding:			0.2em 0.5em 0.2em 0.5em;
}


table.Grid td {
	border:				1px solid gray;
	padding:			0.2em 0.5em 0.2em 0.5em;
}

table.Grid td.Num {
	text-align:			right;
}


table.Grid img {
	border:				0;
	margin:				0;
}

table.Grid tr.Highlight td {
	font-weight:		bold;
}


table.Grid #Bold {
	font-weight:		bold;
}

table.Grid #Bold #Comment {
	font-weight:		normal;
}

table.Grid #Group {
	background-color:	lightgray;
	font-weight:		bold;
}


/***** GroupButtons **********************************************************/
.GroupButtons {
	display:			block;
	padding:			1em;
}

.GroupButtons input[type=submit] {
	margin:				0.5em 1.0em 0.5em 1.0em;
	width:				10.0em;
}


/***** GroupFilter ***********************************************************/
.GroupFilter {
	display:			block;
	padding-bottom:		0.8em;
}

.GroupFilter label {
	margin-left:		-1.2em;
}

.GroupFilter * {
	margin-right:		1.5em;
}


/***** GroupTile *************************************************************/
.GroupTile {
	flex-grow:			1;
	margin-bottom:		1.5em;
	margin-top:			0.2em;
}

.GroupTile fieldset {
	height:				100%;
	padding-bottom:		1.0em;
}

.GroupTile legend {
	color:				#666666;
	font-weight:		normal;
}

.GroupTile textarea {
	height:				100%;
	width:				100%;
}

.GroupTile div.Functions {
	display:			inline-block;
	float:				right;
}

.GroupTile Table {
	display:			inline-block;
}

.hidden {
	display:			none;
}


.Inline {
	display:			inline-block;
	vertical-align:		top;
}


/***** Info ******************************************************************/
.Info {
	align-items: 		stretch;
	color:				gray;
	display:			flex;
	flex-wrap:			wrap;
}

.Info legend {
	color:				#666666;
	font-weight:		normal;
}

.Info h1 {
	color:				gray;
}

.Info .Functions {
	margin-bottom:			1.5em;
}

.Info .Functions fieldset {
	height:				100%;
}

.Info .Functions a {
	color:				#333333;
	display:			block;
}

.Info .Functions a:hover {
	background:			lightgray;
	color:				black;
}

.Info .Functions hr {
	background-color:	gray;
	border-width:		0;
	height:				1px;
	margin-top:			0.2em;
	margin-bottom:		0.2em;
}




/***** Komponenten ***********************************************************/
.Komponenten img {
	margin:				0;
}

table.Komponenten {
	border:				1px solid darkblue;
	border-collapse:	collapse;
	color:				black;
}

table.Komponenten td {
	border:				1px solid darkblue;
	padding:			0.2em 0.5em 0.2em 0.5em;
}

table.Komponenten td.Status {
	white-space:		nowrap;
}

table.Komponenten td a {
	display:			inline-block;
}

table.Komponenten td a:hover {
	background:			lightgray;
}


table.Komponenten th {
	background:			#FFCC00;
	border:				1px solid darkblue;
	padding:			0.2em 0.5em 0.2em 0.5em;
}

table.Komponenten #Anlagengruppe td {
	background:			#CCCCFF;
	border-top-width:	2px;
	font-weight:		bold;
}

table.Komponenten #Wartung td {
	border-top-width:	2px;
}


/***** ListItem **************************************************************/
.ListItem {
	border:				1px solid #cccccc;
	display:			block;
	margin-right:		10em;
}

.ListItem img {
	display:			inline-block;
}

.ListItem .Legende {
	display:			inline-block;
	margin-left:		1em;
	vertical-align:		top;
}

.ListItem .Legende label {
	display:			block;
	font-weight:		bold;
}


/***** Nav *******************************************************************/
.Nav {
	padding:			1.0em;
	font-weight:		bold;
}


/***** Pg ********************************************************************/
.Pg {
	font-size:			0.8em;
	position: 			absolute;
	display: 			flex;
	height: 			100%;
	width: 				100%;
	flex-direction: 	row;
	border: 			0;
	margin: 			0;
	padding: 			0;
	top: 				0;
	bottom: 			0;
	left: 				0;
	right: 				0;
}

.PgContainer {
	display: 			flex;
	flex-direction: 	column;
	flex-wrap: 			wrap;
	flex: 				1; /* this essentially means "use all parent's inner height */
}


.PgContent {
	flex:				1;
	overflow:			auto;
}

.PgFooter {
	background:			darkblue;
	color:				white;
	height:				1.8em;
	padding-top:		0.4em;
	text-align:			center;
}

.PgHeader {
	background:			darkblue;
	color:				white;
	font-weight:		bold;
	height:				1.8em;
}

.PgHeader .Content {
	display:			inline-block;
	padding-top:		0.2em;
	text-align:			center;
	width:				80%;
}

.PgHeader .Menu {
	padding-top:  		0.2em;
	text-align:			left;
	width:				10%;
}


/***** MainMenu **************************************************************/
.MainMenu {
    display: 			inline-block;
	padding-left:		1em;
    position: 			relative;
}

.MainMenuContent {
    display: 			none;
	font-weight:		normal;
    position: 			absolute;
    background-color: 	darkblue;
    min-width: 			10em;
    padding: 			0.5em 1em 0.5em 1em;
    z-index: 			1;
}

.MainMenuContent a {
	color:				white;
	display:			block;
	text-decoration:	none;
}

.MainMenuContent a:hover {
	background:			darkgray;
	color:				black;
	text-decoration:	none;
}

.MainMenu:hover .MainMenuContent {
    display: 			block;
}


/***** SectionButtons ********************************************************/
.SectionButtons {
	display:			block;
	padding:			1em;
}

.SectionButtons input[type=submit] {
	margin:				0.5em 1.0em 0.5em 1.0em;
	width:				10.0em;
}


.SectionBlind {
	display:	block;
}

	.SectionBlind .Container {
		display:	inline-block;
	}

/***** SectionHeader *********************************************************/
.SectionHeader {
	border-bottom:		1px solid darkblue;
	color:				darkblue;
	font-weight:		bold;
	margin-top:			1em;
	margin-bottom:		0.5em;
}


/***** Status ****************************************************************/
.StatusGreen {
	background:			chartreuse;
	border:				1px solid chartreuse;
	border-radius:		0.5em;
	color:				chartreuse;
	display:			inline-block;
	height:				1em;
	margin-right:		0.2em;
	width:				1em;
}

.StatusOff {
	background:			#FFFFFF;
	border:				1px solid lightgray;
	border-radius:		0.5em;
	color:				#FFFFFF;
	display:			inline-block;
	height:				1em;
	margin-right:		0.2em;
	width:				1em;
}


.StatusRed {
	background:			crimson;
	border:				1px solid crimson;
	border-radius:		0.5em;
	color:				crimson;
	display:			inline-block;
	height:				1em;
	margin-right:		0.2em;
	width:				1em;
}

.StatusYellow {
	background:			gold;
	border:				1px solid gold;
	border-radius:		0.5em;
	color:				gold;
	display:			inline-block;
	height:				1em;
	margin-right:		0.2em;
	width:				1em;
}


td.Status {
	width:				4.1em;
}


td.StatusError {
	background-color:	crimson;
	color:				#ffffff;
	padding:			3px;
	text-align:			right;
	width:				1.1em;
}

td.StatusError a {
	color:				#ffffff;
}

td.StatusOk {
	background-color:	chartreuse;
	padding:			3px;
	text-align:			right;
	width:				1.1em;
}

td.StatusWarning {
	background-color:	gold;
	padding:			3px;
	text-align:			right;
	width:				1.1em;
}


/***** SubmitButtons *********************************************************/
.SubmitButtons {
	margin-top:			2em;
}

.SubmitButtons input {
	margin-right:		1em;
}


/***** ContentMenu ***********************************************************/
#ContentMenu {
	border:				none;
	display:			inline-block;
	margin:				0;
	padding:			0;
	position:			absolute;
	right:				0;
	top:				2em;
}

#ContentMenu a {
	color:				darkblue;
	display:			block;
}

#ContentMenu a:hover {
	background:			lightgray;
}

#ContentMenu fieldset {
	width:				15em;
}

#ContentMenu hr {
	border: 			0;
	border-top: 		1px dotted darkblue;
	margin:				0.2em 0em 0.2em 0em;
}

#ContentMenu ul {
	list-style-type:	none;
}

#ContentMenu #SectionSpacer {
	border-top:			1px dotted darkblue;
	display:			block;
	margin-bottom:		0.3em;
	margin-top:			0.3em;
}


/***** Dialog ****************************************************************/
#Dialog {
	background:			white;
	border:				1px solid darkblue;
	border-radius:		0.3em;
	left:				0;
	margin:				10em auto;
	padding:			1em 3em 0em 3em;
	position:			absolute;
	right:				0;
	width:				15em;
}

#Dialog p {
	margin-top:			0.5em;
}