body {
	background:			#f8f8ff;
	font-family:		sans-serif;
}


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

a:hover {
	background:			lightgreen;
}


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


section h2 {
	border-bottom:		1px solid darkgreen;
	color:				black;
	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;
}

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

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


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

.Container img {
	margin:				0.3em;
}

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

.Container .Functions {
	border-bottom:		1px solid grey;
	display:			flex;
	padding-bottom:		0.5em;
	margin-bottom:		0.5em;
}

.Container .Functions a {
	background:			lightgreen;
	border:				1px solid black;
	border-radius:		0.2em;
	color:				black;
	margin-right:		0.5em;
	padding:			0.2em 0.8em;
	text-align:			center;
	white-space:		nowrap;
}

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

.Container .Functions .Spacer {
	width:				2em;
}


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


table.Grid th {
	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;
	white-space:		nowrap;
}


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


/***** Hauptmenü *************************************************************/
.HauptmenueContainer {
	text-align:			center;
	width:				100%;
}

.Hauptmenue {
	display:			inline-block;
	min-width:			18em;
}

.Hauptmenue a {
	background:			lightgreen;
	border:				1px solid black;
	color:				black;
	display:			block;
	font-weight:		bold;
	margin-top:			1em;
	padding:			0.6em;
	text-align:			center;
	vertical-align:		middle;
	width:				90%;
}


.Hauptmenue a:hover {
		background:		green;
}

.Hauptmenue .Spacer {
	height:				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 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 {
	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:			lightgreen;
	color:				black;
	font-size:			0.8em;
	height:				1.8em;
	padding-top:		0.4em;
	text-align:			center;
}

.PgHeader {
	background:			lightgreen;
	color:				black;
	font-size:			0.8em;
	font-weight:		bold;
	height:				1.8em;
	padding-top:		0.2em;
	text-align:			center;
}


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