#Content {
	margin-left:		140px;
	padding:			0px 10px;
}

#Content h1 {
	background: 		linear-gradient(to right, darkblue 20%, white 50%);
	color:				white;
	font-size:			1.2em;
	padding:			0px 10px 0px 10px;
}


#MainMenu {
	background-color:	#E0E0E0;
	border-right:		1px solid darkblue;
	font-size:			0.8em;
	height:				100%;
	left:				0;
	overflow-x:			hidden;
	position:			fixed;
	top:				0;
	vertical-align:		top;
	width:				140px;
	z-index:			1;
}

#MainMenu * {
	display:	block;
}

#MainMenu a {
	margin:				5px 10px 5px 10px;
}

#MainMenu h1 {
	border-bottom:		1px solid darkgray;
	border-top:			1px solid darkgray;
	font-size:			1.2em;
	font-weight:		bold;
	margin-top:			2em;
	text-align:			center;
}

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


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

a:hover {
	background:			lightgrey;
}


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


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


section h2 {
	border-bottom:		1px solid darkblue;
	color:				darkblue;
	font-size:			1em;
	margin:				0 0 0.5em 0;
	padding:			0.2em 0.5em 0.2em 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:				grey;
	font-size:			0.9em;
	padding-bottom:		0;
	padding-top:		1em;
	border-bottom:		1px solid grey;
}


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

.Container fieldset {
	border:				1px solid #666666;
	border-radius:		0;
	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:				#666666;
	display:			block;
}

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

.Container .Functions hr {
	background-color:	grey;
	border-width:		0;
	color:				grey;
	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 grey;
}


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


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

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:	lightgrey;
	font-weight:		bold;
}


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


/***** 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:			lightgrey;
}


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


/***** 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:			darkgrey;
	color:				black;
	text-decoration:	none;
}

.MainMenu:hover .MainMenuContent {
    display: 			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-style:		1px solid chartreuse;
	border-radius:		0.5em;
	color:				chartreuse;
	display:			inline-block;
	height:				1em;
	margin-right:		0.2em;
	width:				1em;
}

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


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

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


td.Status {
	width:				1.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;
}