html {
    height: 100%;
}

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

a:hover {
	background:			lightgrey;
}


body {
	color:				darkblue;
	font-family:		sans-serif;
	font-size:			0.9em;
    height: 			100%;
}

body header {
	background:			darkblue;
	display:			flex;
	flex-flow:			wrap;
	padding-bottom:		0.3em;
	margin-bottom:		0.5em;
}

body header h1 {
	color:				white;
	font-size:			1.5em;
	margin:				0;
}


body header nav {
	flex:				1 1 100%;
}


body header nav ul {
	display: 			flex; 
	flex-direction: 	row;
	justify-content: 	flex-end;
	list-style:			none;
	margin:				0;
	padding:			0;
}


body header nav ul a {
	background:		lightblue;
	display:		block;
	padding:		0.1em 0.5em 0.1em 0.5em;
}


fieldset {
	border-color:		darkblue;
	border-radius:		0.3em;
	border-style:		solid;
	border-width:		1px;
	margin:				0.2em;
	padding:			0.2em;
}


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


legend {
	color:			darkblue;
	font-weight:	bold;
	padding:		0.2em;
}


li {
	margin-right:	1em;
}


main {
	border-style:	none;
}


main header {
	background:		white;
	font-weight:	bold;
}


main section {
	border-color:	darkblue;
	border-radius:	0.5em;
	border-style:	solid;
	border-width:	1px;
	display:		inline-block;
	padding:		0.3em;
}


.functions {
	margin-bottom:		1em;
}


.LabelAndValue h1 {
	display:			inline-block;
	font-size:			1em;
	vertical-align:		top;
	width:				10em;
}

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


td.SubmitButtons {
	padding-top:		1em;
}


table.Grid {
	border-collapse:	collapse;
	border-color:		darkgrey;
	border-style:		solid;
	border-width:		1px;
}

table.Grid a {
	color:				darkblue;
}

table.Grid a:hover {
	background-color:	lightgrey;
}

table.Grid th {
	background:			#FFCC00;
	border-color:		darkgrey;
	border-style:		solid;
	border-width:		1px;
	padding:			0.1em 0.3em 0.1em 0.3em;
	text-align:			left;
}

table.Grid tr.Ansprechpartner td {
	border-top-color:	#eeeeee;
	font-size:			0.9em;
}

table.Grid tr.Ansprechpartner td.DisplayName {
	padding-left:		5em;
}

table.Grid td {
	border-color:		darkgrey;
	border-style:		solid;
	border-width:		1px;
	padding:			0.1em 0.3em 0.1em 0.3em;
	vertical-align:		top;
}

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

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

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


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


td.Date {
	text-align:			right;
}


textarea[disabled] {
	background-color:	#eeeeee;
	color:				#555555;
}


/***** ColContainer *******************************************************/
.ColContainer {
	border-collapse:	separate;
	border-spacing:		0.5em;
	display:			table;
	width:				100%;
}

.ColContainer fieldset {
	border:				1px solid grey;
	border-radius:		0;
	padding:			0em 0.1em 0.1em 0.1em;
}

.ColContainer img {
	margin:				0.3em;
}

.ColContainer legend {
	color:				grey;
	font-weight:		normal;
}

.ColContainer .Functions {
	float:				right;
}

.ColContainer .Functions a {
	color:				grey;
	display:			block;
}

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

.Input {
	padding:			0.5em;
	width:				95%;
}

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

.Col {
	background:			#eeeeee;
	border:				1px solid darkgrey;
	display:			table-cell;
	padding:			0em 0.3em 0.3em 0.3em;
}

.Col a:hover {
	background:			lightgrey;
	color:				black;
}

.Col .Header {
	display:			block;
	font-weight:		bold;
	margin-bottom:		0.3em;
}


/***** Container *******************************************************/
.Container {
	border-collapse:	separate;
	border-spacing:		0.5em;
	width:				100%;
}

.Container fieldset {
	border:				1px solid #666666;
	border-radius:		0;
	padding:			0em 0.1em 0.1em 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;
	margin:				0.3em;
	width:				30em;
	padding:			0.2em;
}

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


.Container ul {
	list-style-type: 	none;
}

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


/***** Dialog ****************************************************************/
.Dialog {
	display:			block;
	margin:				10% 25% 40% 25%;
	text-align:			center;
}

.Dialog .Buttons {
	margin-top:			1em;
}


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

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


* {
    margin: 			0;
    padding: 			0;
}


#Content {
	min-height:				100%;
	position:				relative;
}


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

#CheckList {
	padding:			0.8em;
	list-style-type:	none;
}

#CheckList input {
	margin-right:		0.5em;
}

#CheckList li {
	margin:				0.3em;
}


#Error {
	background-color:	#FF9999;
	font-weight:		bold;
	margin:				1em 3em 1em 3em;
	padding:			1em;
}


/***** FieldsetMenu **********************************************************/
#FieldsetMenu {
	float:				right;
}

#FieldsetMenu a {
	color:				darkblue;
	font-size:			0.9em;
}

#FieldsetMenu a:hover {
	background-color:	lightgrey;
}


/***** Full ******************************************************************/
#Full fieldset {
	margin-top: 		1.5em;
}


#FunctionMenu {
	display:			inline-block;
	padding:			0.5em;
}

#FunctionMenu a {
	color:				darkblue;
	display:			block;
	font-size:			0.9em;
}


#FunctionMenu a:hover {
	background-color:	lightgray;
	color:				darkblue;
	display:			block;
	font-size:			0.9em;
}


#Left section {
	border-right:		1px solid darkgrey;
	float:				left;
	height:				100%;
	padding:			0em 1em 0em 1em;
}

#Login {
	border:				1px solid darkblue;
	border-radius:		0.3em;
	bottom:				0;
	height:				10em;
	left:				0;
	margin:				auto;
	padding:			1em 3em 0em 3em;
	position:			absolute;
	right:				0;
	top:				0;
	width:				10em;
}

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


#Middle {
	border:				none;
	bottom:				0;
	height:				10em;
	left:				0;
	margin:				auto;
	padding:			1em 3em 0em 3em;
	position:			absolute;
	right:				0;
	top:				0;
	width:				15em;
}

#Middle fieldset {
	padding:			1em;
}


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


#NavMenu {
	display:			block;
	margin-left:		-0.2em;
	padding:			0em 0.5em 0.1em 0.5em;
}

#NavMenu a {
	color:				darkblue;
	display:			inline-block;
	margin-right:		2em;
}

#NavMenu a:hover {
	background-color:	lightgray;
	color:				darkblue;
	display:			inline-block;
	margin-right:		2em;
}

#NavMenu dummy {
	color:				silver;
	display:			inline-block;
	margin-right:		2em;
}

#NavMenu fieldset {
	border-style:		none;
}


#Page {
    width: 				100%;
    margin:				0 auto;
	min-height:			100%;
	position: 			relative;
}


#PageContent {
    background-color:	white;
	margin-left:		0.5em;
	padding-bottom:		1.5em;
	padding-right:		17em;
}


#PageContent h1 {
	color:				darkblue;
	font-size:			1.5em;
	margin:				1em 1em 1em 0em;
}


#PageContent h2 {
	color:				darkblue;
	font-size:			1.2em;
	margin:				1em 1em 1em 0em;
}


#PageFooter {
    background-color:	darkblue;
	bottom:				0;
	color:				white;
	height:				1.5em;
	position:			absolute;
	text-align:			center;
	width:				100%;
}

#PageFooter  #Text{
	font-size:			0.9em;
	font-weight:		normal;
	vertical-align:		middle;
}

#PageHeader {
    background-color:	darkblue;
	color:				white;
	height:				1.5em;
	position: 			relative;
	top:				0;
	width:				100%;
}

#PageHeader #Menu {
	display:			inline-block;
	position:			absolute;
	right:				0;
}

#PageHeader #Menu a {
	background-color:	silver;
	display:			inline-block;
	font-size:			0.8em;
	margin-right:		0.5em;
	margin-top:			0.2em;
	padding:			0.1em 0.3em 0.1em 0.3em;
	text-decoration:	none;
}

#PageHeader #Title {
	display:			inline-block;
	font-size:			1.2em;
	vertical-align:		middle;
}

#PageHeader #Title a {
	color:				white;
	text-decoration:	none;
}

#PageHeader #Title a:hover {
	background-color:	blue;
}


#Pruefgrundlage {
	display:			inline-block;
}

#Pruefgrundlage fieldset{
	width:				30em;
}


#ScreenMenu {
	border-bottom:		1px solid silver;
	margin:				0em 0em 0.2em 0em;
	padding-bottom:		0.2em;
}

#ScreenMenu input[type="submit"] {
	margin-right:		1em;
}


#SectionMenu {
	float:				right;
	font-size:			0.8em;
}

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

#SectionMenu a:hover {
	background:			lightgray;
}


#SideMenu {
	border:				1px solid lightgray;
	display:			inline-block;
	margin:				0.2em 0.2em 0.2em 0.2em;
	padding:			0.5em;
	position:			absolute;
	right:				0;
	top:				5em;
}

#SideMenu a {
	color:				darkblue;
}

#SideMenu h1 {
	font-size:			1em;
	margin-top:			0em;
}

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


#SpacerV {
	border-top:			1px solid darkblue;
	margin-bottom:		1em;
	margin-top:			1em;
}


#Tip {
	font-size:			0.9em;
	font-style:			italic;
	margin-top:			1.5em;
}

#Tip h1 {
	font-size:			0.9em;
	margin-bottom:		0.3em;
	text-decoration:	underline;
}


#Wartungsgrundlage {
	display:			inline-block;
}

#Wartungsgrundlage fieldset{
	width:				30em;
}


#Wizard {
	border:				none;
	margin:				0 auto;
	margin-top:			5em;
	width:				35em;
}

#Wizard #Navigation {
	border-top:			1px solid darkblue;
	display:			block;
	margin-top:			1em;
	padding-bottom:		0.3em;
	padding-top:		0.3em;
}

#Wizard #Navigation input {
	margin-right:		1em;
}

#Wizard #Navigation #Cancel {
	margin-right:		5em;
}

#Wizard #Step {
	border-bottom:		1px solid darkblue;
	padding-bottom:		0.3em;
	padding-top:		1em;
}

#Wizard #Tip {
	font-style:			normal;
	margin-bottom:		1em;
}

#Wizard #Selection {
	text-align:			center;
}


#Ansprechpartner section {
	border-right:		1px solid darkgrey;
	float:				left;
	height:				100%;
	padding:			0em 1em 0em 1em;
}

#Ansprechpartner h1 {
	font-size:			1em;
	font-weight:		normal;
	margin-bottom:		0.5em;
	margin-top:			0;
	text-align:			left;
	text-decoration:	underline;
}


#Objektbilder img {
	margin:				0.5em;
}