/*****************************************************************************************************************************************/
/************************************************************* default.css ***************************************************************/
/*****************************************************************************************************************************************/


/*****************************************************************************************************************************************/
/* Typography */
/*****************************************************************************************************************************************/

/* 
	Font Family - Varta DIN RC1
*/	
	@font-face{
		font-family: "Varta DIN RC1";       
		font-weight: 400;
		font-stretch: normal;
		src:url("fonts/VartaDINRC1-Regular-subset.woff2") format("woff2"),url("fonts/VartaDINRC1-Regular-subset.woff") format("woff");
		font-display: swap;
	}
	@font-face{
		font-family: "Varta DIN RC1";       
		font-weight: 700;
		font-stretch: normal;
		src:url("fonts/VartaDINRC1-Bold-subset.woff2") format("woff2"),url("fonts/VartaDINRC1-Bold-subset.woff") format("woff");
		font-display: swap;
	}


/* 
	Font Family - Varta DIN RC1 Cd
*/
	@font-face{
		font-family: "Varta DIN RC1";       
		font-weight: 400;
		font-stretch: condensed;
		src:url("fonts/VartaDINRC1-CdRegular-subset.woff2") format("woff2"),url("fonts/VartaDINRC1-CdRegular-subset.woff") format("woff");
		font-display: swap;
	}
	@font-face{
		font-family: "Varta DIN RC1";       
		font-weight: 700;
		font-stretch: condensed;
		src:url("fonts/VartaDINRC1-CdBold-subset.woff2") format("woff2"),url("fonts/VartaDINRC1-CdBold-subset.woff") format("woff");
		font-display: swap;
	}



/* 
	Font Family - Varta DIN RC1 Wd
*/

	@font-face{
		font-family: "Varta DIN RC1";       
		font-weight: 400;
		font-stretch: expanded;
		src:url("fonts/VartaDINRC1-WdRegular-subset.woff2") format("woff2"),url("fonts/VartaDINRC1-WdRegular-subset.woff") format("woff");
		font-display: swap;
	}
	@font-face{
		font-family: "Varta DIN RC1";       
		font-weight: 700;
		font-stretch: expanded;
		src:url("fonts/VartaDINRC1-WdBold-subset.woff2") format("woff2"),url("fonts/VartaDINRC1-WdBold-subset.woff") format("woff");
		font-display: swap;
	}



/* 
	Font Family - Varta DIN JP RC1
*/

	@font-face{
		font-family: "Varta DIN JP RC1";
		font-weight: 400;
		src:url("fonts/VartaDINJPRC1-Regular-subset.woff2") format("woff2"),url("fonts/VartaDINJPRC1-Regular-subset.woff") format("woff");
		font-display: swap;
	}
	@font-face{
		font-family: "Varta DIN JP RC1";       
		font-weight: 700;
		src:url("fonts/VartaDINJPRC1-Bold-subset.woff2") format("woff2"),url("fonts/VartaDINJPRC1-Bold-subset.woff") format("woff");
		font-display: swap;
	}




/*****************************************************************************************************************************************/
/* Microsoft Viewport (IE) - Reset */
/*****************************************************************************************************************************************/
	@-ms-viewport {
	  width: auto;
	}




/*****************************************************************************************************************************************/
/* Allgemein */
/*****************************************************************************************************************************************/
	html {
		height: auto;
		font-size: 100%;
	}

	body {
		height: auto;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;

		font-family: "Varta DIN RC1", Arial;				
		font-weight: 400;
		font-stretch: normal;		

		font-size: 12px;
		line-height: 16px;
		
		color: #000000;

		-webkit-text-size-adjust: 100%;

		background-color: #f4f4f4;

		overflow-y: scroll;
	}


	/*************************************************************************************************************************************/
	/* iFrame Body */
		body.bodyIFrame {
			height: 100%;
			overflow-y: auto !important;
			background-color: #ffffff;
		}


	/*************************************************************************************************************************************/
	/* Overlay lock */
		html.overlay-lock,
		html.overlay-lock body {
			overflow: hidden !important;
		}

		html.overlay-lock-test,
		html.overlay-lock-test body {
			overflow-y: hidden !important;
		}


	/*************************************************************************************************************************************/
	/* Breakpoints */
		.show-xs {
			display: none !important;
		}


	/*************************************************************************************************************************************/
	/* ColorRed */
		.ColorRed {
			color: #990000;
		}



/*****************************************************************************************************************************************/
/* Headlines */
/*****************************************************************************************************************************************/

	h1 {
		padding: 4px 0px 10px 0px;
		margin: 0px;

		font-size: 2em;
		line-height: 1.25em;
		font-weight: normal;
		color: #1a428a;
	}

	h2 {
		padding: 4px 0px 13px 0px;
		margin: 0px;

		font-size: 1.667em;
		line-height: 1.12;

		font-weight: bold;
		color: #1a428a;
	}

    h2.grey {
        color: #999999;
    }

	.ContentBoxWhite h2 {
		color: #1a428a;
	}





/*****************************************************************************************************************************************/
/* Paragraph */
/*****************************************************************************************************************************************/

	p {
		padding: 0px 0px 10px 0px;
		margin: 0px 0px 0px 0px;
	}

	p.Grey {
		color: #707173;
	}



/*****************************************************************************************************************************************/
/* List */
/*****************************************************************************************************************************************/





/*****************************************************************************************************************************************/
/* Links */
/*****************************************************************************************************************************************/
	a {
		-webkit-transition: all 0.25s ease;
		-moz-transition: all 0.25s ease;
		-ms-transition: all 0.25s ease;
		-o-transition: all 0.25s ease;
		transition: all 0.25s ease
	}

	/* Focus */
		a:focus {
			text-decoration: none;
			outline: none;
		}

	/* Hover */
		a:hover {
			text-decoration: none;
		}

	/* Jumper */
		a.aJumper {
			padding: 0px 0px 0px 9px;

			background-image: url(../images2/jumper/jumper-arrow-right-blue-7.png);
			background-position: 0px 3px;
			background-repeat: no-repeat;
		}


	/* PDF */
		.aJumperPdf {
			display: block;
			padding: 1px 0px 2px 28px;

			font-size: 1.5em;
			line-height: 1.334;
			color: #1a428a;

			background-image: url(../images2/jumper/jumper-pdf.png);
			background-position: 0px 4px;
			background-repeat: no-repeat;
		}






/*****************************************************************************************************************************************/
/* Form */
/*****************************************************************************************************************************************/
	form {
		display: inline;
	}



/*****************************************************************************************************************************************/
/* Status */
/*****************************************************************************************************************************************/

	.divStatus {
		display: inline-block;
		padding: 3px 0px 3px 28px;
		font-size: 1.333em;
		background-image: url(../images2/jumper/jumper-status.png);
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}

	.divStatus.Active {
		color: #7aa716;
	}

	.divStatus.Inactive {
		color: #ca2742;
		background-position: 0px -120px;
	}

	.JumperCheck {
		padding: 0px 0px 0px 29px;
		background-image: url(../images2/jumper/jumper-status-check-20.png);
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}

	.divStatusContainer {
		padding-top: 11px;
		height: 51px;
	}

	.divStatusContainer .divTime {
		padding: 2px 0px 0px 0px;
		color: #ccc;
	}




/*****************************************************************************************************************************************/
/* Spacer */
/*****************************************************************************************************************************************/
	.divSpacer {
		margin: 0px;
		padding: 0px;

		height: 0px;
		line-height: 0px;
	}

	/* Variant: Background White */
		.divSpacer.BackgroundWhite {
			background-color: #ffffff;
		}


/*****************************************************************************************************************************************/
/* Clearer */
/*****************************************************************************************************************************************/
	.divClearer {
		margin: 0px;
		padding: 0px;

		height: 0px;
		line-height: 0px;

		clear: both;
	}




/*****************************************************************************************************************************************/
/* Loading */
/*****************************************************************************************************************************************/
	.divLoading {
		min-height: 16px;
		padding-left: 24px;

		background-image: url(../images2/icons/loading.gif);
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}


/*******************************************************************************************************************************************/
/* Loading */
/*******************************************************************************************************************************************/
	div.divLoadingCircleBlue {
		position: relative;
		display: inline-block;
		
		margin: 0px 0px 20px 0px;
		padding: 5px 0px 5px 0px;   
	}            

	@keyframes loading-circle-blue-rotate {
		0% { 
			transform: rotate(0deg); 
		}
	
		100% {
			transform: rotate(360deg);
		}
	}
							
	/* Before */
		div.divLoadingCircleBlue::before {               
			display: inline-block;
			width: 30px;
			height: 30px;

			content: "";
		
			border: 3px solid #1a428a;
			border-right: none;
			border-bottom: none;
			border-radius: 50%;		
			
			animation: loading-circle-blue-rotate 1s infinite linear;
		}
				
	





/****************************************************************************************************************************************/
/*** Global Loading ***/
/****************************************************************************************************************************************/
	.divGlobalLoading {

	}


	/************************************************************************************************************************************/
	/* Inner */
		.divGlobalLoadingInner {
			display: none;

			position: fixed;
			top: 50%;
			left: 50%;
			margin: -17px 0px 0px -49px;
			padding: 6px 14px 6px 10px;

			background-color: #ffffff;
			border: 1px solid #cccccc;

			-webkit-box-shadow: 0px 0 5px 0 rgba(0,0,0,0.5);
			box-shadow: 0px 0 5px 0 rgba(0,0,0,0.5);

			z-index: 9021;			
		}

		/* Icon */
			.divGlobalLoadingInner span.Icon {


			}

		/* Text */
			.divGlobalLoadingInner span.Text {
				display: inline-block;

				margin: 0px 0px 0px 0px;
				padding: 1px 0px 0px 26px;

				background-image: url(../images2/icons/loading.gif);
				background-position: left 1px;
				background-repeat: no-repeat;
			}

            .divLoadingLocal {
                position: absolute;
                width:100%;
                height: 100%;
                top:0;
                left:0;
            }


	/************************************************************************************************************************************/
	/* Background */
		.divGlobalLoadingBackground{
			display: none;

			position: fixed;
			top: 0px;
			left: 0px;

			width: 100%;
			height: 100%;

			background-color: #000000;

			opacity: 0.1;
			-moz-opacity: 0.1;
			filter: alpha (opacity = 10);

			z-index: 9020;
		}



/*****************************************************************************************************************************************/
/* Image */
/*****************************************************************************************************************************************/

	.divImage {
		text-align: center;
	}




/*****************************************************************************************************************************************/
/* Body */
/*****************************************************************************************************************************************/
	.divBody {

	}






/*****************************************************************************************************************************************/
/* Header (Index: 100) */
/*****************************************************************************************************************************************/
	.divHeaderOuter {
		position: fixed;
		top: 0px;
		z-index: 99999;

		width: 100%;		

		-webkit-box-shadow: 1px 0px 3px 0px rgba(1,1,1,0.35);
		box-shadow: 1px 0px 3px 0px rgba(1,1,1,0.35);
	}

	.divHeader {
		width: 100%;
		height: 98px;
		background-color: #ffffff;
	}

	.divHeaderInner {		
		padding: 0px 40px 0px 60px;
	}


	/*************************************************************************************************************************************/
	/* Table */
		.tableHeader {
			table-layout: fixed;
			width: 100%;
		}

		.tableHeader tr {
			vertical-align: top;
		}


		.tableHeader tr td {
			
		}

		/* Columns */
			.tableHeader tr td.ColumnLogo {
				width: 220px;
			}

			.tableHeader tr td.ColumnLogout {
				width: 170px;
				text-align: right;
			}


	/*************************************************************************************************************************************/
	/* Table Logo */
		.tableHeaderLogo {
			table-layout: fixed;			
		}

		.tableHeaderLogo tr {
			vertical-align: top;
		}


		/* Columns */
			.tableHeaderLogo tr td.Logo {

			}

			.tableHeaderLogo tr td.Title {
				display: none;
			}

			.tableHeaderLogo tr td.Menu {
				display: none;
			}



	/*************************************************************************************************************************************/
	/* Logo */
		.divHeader div.Logo {
			margin: 0px 93px 0px 0px;
			padding: 28px 0px 0px 0px;
		}

		.divHeader div.Logo a {
			display: block;

			width: 202px;
			height: 44px;
			
		}

		.divHeader div.Logo a img {			
			width: 202px;
			height: 44px;		
		}



	/*************************************************************************************************************************************/
	/* Title */
		.divHeader div.Title {
			margin: 0px 0px 0px 7px;
			padding: 14px 0px 0px 0px;

			font-size: 1.5em;
			line-height: 1.11em;
			color: #494949;

			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		.divHeader div.SiteTitle {
			margin: 0px 0px 0px 7px;
			padding: 20px 0px 0px 0px;

			font-size: 1.667em;
			font-weight: bold;
			line-height: 1.11em;
			color: #1a428a;

			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}


	/*************************************************************************************************************************************/
	/* Menu */
		.divHeader div.Menu {
			float: right;
			padding: 18px 0px 0px 0px;
		}

		.divHeader div.Menu a {			
			display: block;

			width: 22px;
			height: 60px;			

			background-image: url(../images2/header/icon-menu-burger.png);
			background-position: center 22px;
			background-repeat: no-repeat;
		}


		/* Open */
			.divHeader div.Menu a.Open {					
				background-image: url(../images2/header/icon-menu-close.png);				
			}



	/*************************************************************************************************************************************/
	/* Navigation */
		.divHeader div.Navigation {
			padding: 18px 0px 0px 0px;
		}

		/*********************************************************************************************************************************/
		/* Table */
			.divHeader table.Navigation {
				margin: 0px auto 0px auto;
			}

			.divHeader table.Navigation tr {
				vertical-align: top;
			}

			.divHeader table.Navigation tr td {

			}

			.divHeader table.Navigation tr td.IconItem {
				
			}

            .divHeader table.Navigation tr td.Spacer {
				width: 80px;
			}

            .divHeader table.Navigation tr td.Spacer:last-child {
				display: none;
			}


		/*********************************************************************************************************************************/
		/* Item */
			.divHeader div.Navigation a.Item {
				display: block;			
				height: 61px;									
				padding: 17px 0px 17px 32px;

				font-size: 1.834em;
				line-height: 1.182;
				color: #888888;

				background-size: 32px auto;
				background-repeat: no-repeat;
				background-position: -4px 15px;
			}
			
			/* Hover */
				.divHeader div.Navigation a.Item:hover {
					color: #1a428a;
				}

			/* Active */
				.divHeader div.Navigation a.Item.Active {
					color: #1a428a;
				}


			/*********************************************************************************************************************************/
			/* Icons */
			/*
				.divHeader div.Navigation a.Item.IconHome span { background-position: 0px 0px; }
				.divHeader div.Navigation a.Item.IconHome:hover span, .divHeader div.Navigation a.Item.IconHome.Active span { background-position: -24px 0px; }

				.divHeader div.Navigation a.Item.IconSaving span { background-position: 0px -24px; }
				.divHeader div.Navigation a.Item.IconSaving:hover span, .divHeader div.Navigation a.Item.IconSaving.Active span { background-position: -24px -24px; }

				.divHeader div.Navigation a.Item.IconAutarchy span { background-position: 0px -48px; }
				.divHeader div.Navigation a.Item.IconAutarchy:hover span, .divHeader div.Navigation a.Item.IconAutarchy.Active span { background-position: -24px -48px; }

				.divHeader div.Navigation a.Item.IconChart span { background-position: 0px -72px; }
				.divHeader div.Navigation a.Item.IconChart:hover span, .divHeader div.Navigation a.Item.IconChart.Active span { background-position: -24px -72px; }

				.divHeader div.Navigation a.Item.IconSystem span { background-position: 0px -96px; }
				.divHeader div.Navigation a.Item.IconSystem:hover span, .divHeader div.Navigation a.Item.IconSystem.Active span { background-position: -24px -96px; }

				.divHeader div.Navigation a.Item.IconRelais span { background-position: 0px -120px; }
				.divHeader div.Navigation a.Item.IconRelais:hover span, .divHeader div.Navigation a.Item.IconRelais.Active span { background-position: -24px -120px; }

				.divHeader div.Navigation a.Item.IconMail span { background-position: 0px -144px; }
				.divHeader div.Navigation a.Item.IconMail:hover span, .divHeader div.Navigation a.Item.IconMail.Active span { background-position: -24px -144px; }

				.divHeader div.Navigation a.Item.IconPlumber span { background-position: 0px -168px; }
				.divHeader div.Navigation a.Item.IconPlumber:hover span, .divHeader div.Navigation a.Item.IconPlumber.Active span { background-position: -24px -168px; }

				.divHeader div.Navigation a.Item.IconSpeicher span { background-position: 0px -195px; }
				.divHeader div.Navigation a.Item.IconSpeicher:hover span, .divHeader div.Navigation a.Item.IconSpeicher.Active span { background-position: -24px -195px; }
			*/

			.divHeader div.Navigation a.Item.IconHome { 
				background-image: url(../images2/header/icon-nav-status.svg); 
			}
			.divHeader div.Navigation a.Item.IconHome:hover, .divHeader div.Navigation a.Item.IconHome.Active { background-image: url(../images2/header/icon-nav-status_active.svg); }

			.divHeader div.Navigation a.Item.IconChart { 
				background-image: url(../images2/header/icon-nav-verlauf.svg); 
				background-size: 34px auto;
				background-position: -5px 13px;
			}
			.divHeader div.Navigation a.Item.IconChart:hover, .divHeader div.Navigation a.Item.IconChart.Active { background-image: url(../images2/header/icon-nav-verlauf_active.svg); }

			.divHeader div.Navigation a.Item.IconSystem { 
				background-image: url(../images2/header/icon-nav-informationen.svg); 
				background-size: 34px auto;
				background-position: -5px 13px;
			}
			.divHeader div.Navigation a.Item.IconSystem:hover, .divHeader div.Navigation a.Item.IconSystem.Active { background-image: url(../images2/header/icon-nav-informationen_active.svg); }

			.divHeader div.Navigation a.Item.IconPlumber { 
				background-image: url(../images2/header/icon-nav-webinterface.svg); 
				background-size: 38px auto;
				background-position: -7px 12px;
			}
			.divHeader div.Navigation a.Item.IconPlumber:hover, .divHeader div.Navigation a.Item.IconPlumber.Active { background-image: url(../images2/header/icon-nav-webinterface_active.svg); }

			.divHeader div.Navigation a.Item.IconSpeicher { 
				background-image: url(../images2/header/icon-nav-kaskadierung.png); 
				background-size: 26px auto;
				background-position: 0px 17px;
			}
			.divHeader div.Navigation a.Item.IconSpeicher:hover, .divHeader div.Navigation a.Item.IconSpeicher.Active { background-image: url(../images2/header/icon-nav-kaskadierung_active.png); }


			

	/* Storage Selection */
		.divStorageSelection {
			width: 100%;
			background-color: #ffffff;
			border-top: 1px solid #cccccc;
		}

		.divStorageSelection .divStorageSelectionInner {			
			padding: 0px 40px 0px 60px;
		}

		.divStorageSelection .divSelection {
			display: inline-block;
			padding: 9px 25px 10px 0px;

			font-size: 1.5em;
			line-height: 1.334;
			color: #1a428a;

			cursor: pointer;

			background-image: url(../images2/jumper/jumper-header-storageselection.png);
			background-position: right 20px;
			background-repeat: no-repeat;
		}

		.divStorageSelection.Opened .divSelection {
			background-position: right -82px;
		}


	/*************************************************************************************************************************************/
	/* Logout */
		.divHeader div.Logout {
			padding: 18px 0px 0px 0px;
		}

		/* Link */
			.divHeader div.Logout a {
				display: block;				
				height: 61px;								
				padding: 17px 0px 17px 0px;

				font-size: 1.834em;
				line-height: 1.182;
				color: #888888;
			}
		
			/* Hover */
				.divHeader div.Logout a:hover {
					color: #1a428a;
				}


				
	/*************************************************************************************************************************************/
	/* My Account */
		.divHeader div.MyAccount {
			padding: 18px 0px 0px 0px;
		}

		/* Link */
			.divHeader div.MyAccount a {
				float: right;

				position: relative;

				display: block;				
				height: 61px;								
				padding: 17px 0px 17px 40px;

				font-size: 1.834em;
				line-height: 1.182;
				color: #888888;
			}

			/* Before & After */
				.divHeader div.MyAccount a::before,
				.divHeader div.MyAccount a::after {
					position: absolute;
					top: 12px;
					left: 0px;
					

					width: 36px;
					height: 36px;

					content: "";		

					/* background-image: url(../images2/icons/icon-my-account.svg);
					background-repeat: no-repeat; */

					background-color: #000000;
					-webkit-mask-image: url(../images2/icons/icon-my-account.svg);
					mask-image: url(../images2/icons/icon-my-account.svg);
					
					transition: all 0.25s ease;
				}


			/* Before */
				.divHeader div.MyAccount a::before {										
					background-position: 0px 0px;					
				}


			/* After */
				.divHeader div.MyAccount a::after {										
					/* background-position: 0px -40px;*/
					background-color: #1a428a;

					opacity: 0;
				}


			/* Variant: Grey */
				.divHeader div.MyAccount.Grey a {
					color: #888888;
				}		

				.divHeader div.MyAccount.Grey a::before {
					/* background-position: 0px -20px; */
					background-color: #888888;
				}
				
		
			/* Hover */
				.divHeader div.MyAccount a:hover {
					color: #1a428a;
				}

			/* Before */
				.divHeader div.MyAccount a:hover::before {
					opacity: 0;
				}

			/* After */
				.divHeader div.MyAccount a:hover::after {
					opacity: 1;
				}





/*****************************************************************************************************************************************/
/* Footer (Index: 98) */
/*****************************************************************************************************************************************/
	.divFooterOuter {
		/* 
		position: fixed;
		bottom: 0px;
		z-index: 98; 
		*/

		width: 100%;
		height: 52px;
	}


	.divFooter {
		width: 100%;
		height: 52px;

		background-color: #ffffff;

		border-top: 1px solid #dddddd;
	}

	.divFooterInner {				
		padding: 14px 40px 15px 40px;
	}



	/*************************************************************************************************************************************/
	/* Logout */
		.divFooter div.Logout {
			float: left;

			font-size: 1.334em;
			line-height: 1.375;			
			color: #888888;
		}

		/* Link */
			.divFooter div.Logout a {				
				color: #888888;
			}

			/* Hover */
				.divFooter div.Logout a:hover {
					color: #1a428a;
				}



	/*************************************************************************************************************************************/
	/* Language Selection */
		.divFooter div.LanguageSelection {
			float: right;
			margin: 0px 0px 0px 0px;

			font-size: 1.334em;
			line-height: 1.375;

			color: #888888;
		}

		/* Link */
			.divFooter div.LanguageSelection a {
				display: block;
				float: left;
				padding: 0px 0px 0px 0px;

				color: #888888;
			}

            div.LanguageSelection.login {
                padding:10px 0 0 6px;
            }

            div.LanguageSelection.login a {
                display: block;
                float: left;
                padding: 0px 0px 0px 0px;               
            }
            div.LanguageSelection.login a.Active {
                font-weight: bold;
            }

			/* Hover */
				.divFooter div.LanguageSelection a:hover {
					color: #1a428a;
				}

			/* Active */
				.divFooter div.LanguageSelection a.Active {
					font-weight: bold;
				}


		/* Delimiter */
			.divFooter div.LanguageSelection div.Delimiter,
            div.LanguageSelection.login div.Delimiter {
				float: left;

				width: 28px;
				height: 1px;
			}



	/*************************************************************************************************************************************/
	/* Navigation */
		.divFooter div.Navigation {
			float: right;
			margin: 0px 0px 0px 50px;

			font-size: 1.334em;
			line-height: 1.375;

			color: #888888;
		}

		/* Link */
			.divFooter div.Navigation a {
				display: block;
				float: left;
				padding: 0px 0px 0px 0px;

				color: #888888;
			}

			/* Hover */
				.divFooter div.Navigation a:hover {
					color: #1a428a;
				}

		/* Delimiter */
			.divFooter div.Navigation div.Delimiter {
				float: left;
				width: 28px;
				height: 1px;
			}


		/* Portal Messages */
			.divFooter div.Navigation a.PortalMessages {
				padding: 0px 0px 0px 24px;
				margin: 0px 0px 0px 50px;
				
				background-image: url("../images2/icons/icon-message.png");
				background-position: left 4px;
				background-repeat: no-repeat;
				background-size: 16px auto;
			}

			.divFooter div.Navigation a.PortalMessages.NewMessages {
				color: #1a428a;	
				background-position: left -109px;			
			}




	/*************************************************************************************************************************************/
	/* Main Navigation */
		.divFooter div.MainNavigation {
			display: none;
		}


		/*********************************************************************************************************************************/
		/* Table */
			.divFooter table.MainNavigation {
				table-layout: fixed;
				width: 100%;
			}

			.divFooter table.MainNavigation tr {
				vertical-align: top;
			}

			.divFooter table.MainNavigation tr td {
				
			}

			
		/*********************************************************************************************************************************/
		/* Item */
			.divFooter div.MainNavigation a.Item {
				display: block;
				width: 100%;
				height: 48px;

				padding: 9px 0px 0px 0px;
			}

			.divFooter div.MainNavigation a.Item span {
				display: block;
				width: 32px;
				height: 32px;
				margin: 0px auto 0px auto;

				/*
				background-image: url(../images2/footer/navigation-set.png);				
				*/

				background-position: 0px 0px;
				background-repeat: no-repeat;
				background-size: 100% auto;
			}

			/* Active */
				.divFooter div.MainNavigation a.Item.Active {

				}


			/*********************************************************************************************************************************/
			/* Icons */
			/*
				.divFooter div.MainNavigation a.Item.IconHome span { background-position: 0px 0px; }
				.divFooter div.MainNavigation a.Item.IconHome:hover span, .divFooter div.MainNavigation a.Item.IconHome.Active span { background-position: -27px 0px; }
				
				.divFooter div.MainNavigation a.Item.IconSaving span { background-position: 0px -22px; }
				.divFooter div.MainNavigation a.Item.IconSaving:hover span, .divFooter div.MainNavigation a.Item.IconSaving.Active span { background-position: -27px -22px; }				

				.divFooter div.MainNavigation a.Item.IconAutarchy span { background-position: 0px -44px; }
				.divFooter div.MainNavigation a.Item.IconAutarchy:hover span, .divFooter div.MainNavigation a.Item.IconAutarchy.Active span { background-position: -27px -44px; }

				.divFooter div.MainNavigation a.Item.IconChart span { background-position: 0px -66px; }
				.divFooter div.MainNavigation a.Item.IconChart:hover span, .divFooter div.MainNavigation a.Item.IconChart.Active span { background-position: -27px -66px; }
			*/

				.divFooter div.MainNavigation a.Item.IconHome span { background-image: url(../images2/header/icon-nav-status.svg); }
				.divFooter div.MainNavigation a.Item.IconHome:hover span, .divFooter div.MainNavigation a.Item.IconHome.Active span { background-image: url(../images2/header/icon-nav-status_active.svg); }
											
				.divFooter div.MainNavigation a.Item.IconChart span { background-image: url(../images2/header/icon-nav-verlauf.svg); }
				.divFooter div.MainNavigation a.Item.IconChart:hover span, .divFooter div.MainNavigation a.Item.IconChart.Active span { background-image: url(../images2/header/icon-nav-verlauf_active.svg); }

				.divFooter div.MainNavigation a.Item.IconInformation span { background-image: url(../images2/header/icon-nav-informationen.svg); }
				.divFooter div.MainNavigation a.Item.IconInformation:hover span, .divFooter div.MainNavigation a.Item.IconInformation.Active span { background-image: url(../images2/header/icon-nav-informationen_active.svg); }


		/*********************************************************************************************************************************/
		/* First / Last Column */
			.divFooter table.MainNavigation tr td:first-child a.Item {
				padding-left: 30px;		
			}

			.divFooter table.MainNavigation tr td:last-child {
				padding-right: 30px;	
			}



	/*********************************************************************************************************************************/
	/* Variant: boxMaxWidthFooter */
		.divFooter .divFooterInner.boxMaxWidthFooter div.Navigation div.Delimiter,
		.divFooter .divFooterInner.boxMaxWidthFooter div.LanguageSelection div.Delimiter {
			width: 20px;
		}
		
	



/*****************************************************************************************************************************************/
/* Overlay My Account Menu */
/*****************************************************************************************************************************************/
	div.divOverlayMyAccountMenu {
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: 100000;
					
		display: none;
		width: 100%;
		height: 100%;   
				
		overflow: hidden;

	}

	/*******************************************************************************************************************************************/
	/* Overlay Inner */
		div.divOverlayMyAccountMenu div.OverlayInner {
			display: flex;
			flex-direction: row;
			justify-content: flex-end;
			align-items: stretch;

			width: 100%;
			height: 100%;

			background-color: rgba(0, 0, 0, 0.3);

			opacity: 0;                

			transition: opacity 0.3s ease;
		}


		/*******************************************************************************************************************************************/
		/* Overlay Content */
			div.divOverlayMyAccountMenu div.OverlayInner div.OverlayContent {
				position: relative;
				right: -420px;
				
				width: 420px;
				height: 100%;
				
				background-color: #ffffff;

				transition: all 0.3s ease;

				overflow-y: auto;
			}


			/*******************************************************************************************************************************************/
			/* Inner */
				div.divOverlayMyAccountMenu div.OverlayInner div.OverlayContent div.OverlayContentInner {					
					padding: 96px 0px 0px 0px;
				}

			/*******************************************************************************************************************************************/
			/* Close */
				div.divOverlayMyAccountMenu div.OverlayInner div.OverlayContent div.Close {
					position: absolute;
					top: 30px;
					right: 30px;
				}

				/* Link */
					div.divOverlayMyAccountMenu div.OverlayInner div.OverlayContent div.Close a {
						position: relative;

						display: block;                                        

						width: 40px;
						height: 40px;
					}
						
					/* Before & After */
						div.divOverlayMyAccountMenu div.OverlayInner div.OverlayContent div.Close a::before,
						div.divOverlayMyAccountMenu div.OverlayInner div.OverlayContent div.Close a::after {
							position: absolute;
							top: 50%;
							left: 50%;
							transform: translate(-50%, -50%);

							display: block;
							width: 20px;
							height: 20px;

							content: "";
							
							background-image: url("../images2/icons/icon-close-20-grey-blue.gif");
							background-position: left top;
							background-repeat: no-repeat;

							opacity: 1;
							transition: all 0.3s ease;
						}

					/* Before */
						div.divOverlayMyAccountMenu div.OverlayInner div.OverlayContent div.Close a::before {
							background-position: 0px 0px;
						}

					/* After */
						div.divOverlayMyAccountMenu div.OverlayInner div.OverlayContent div.Close a::after {                                                
							background-position: 0px -20px;

							opacity: 0;
						}

					/* Status: Hover */
						div.divOverlayMyAccountMenu div.OverlayInner div.OverlayContent div.Close a:hover::before {
							opacity: 0;
						}

						div.divOverlayMyAccountMenu div.OverlayInner div.OverlayContent div.Close a:hover::after {
							opacity: 1;
						}
								

			/*******************************************************************************************************************************************/
			/* Placeholder */
				div.divOverlayMyAccountMenu div.OverlayInner div.OverlayContent div.Placeholder {

				}

				
				/*******************************************************************************************************************************************/
				/* Account */
					div.divOverlayMyAccountMenu div.OverlayInner div.OverlayContent div.Placeholder div.Account {
						padding: 27px 60px 22px 60px;

						font-size: 1.834em;
						line-height: 1.455;						
					}

					div.divOverlayMyAccountMenu div.OverlayInner div.OverlayContent div.Placeholder div.Account div.Name {
						padding: 0px 0px 4px 0px;
							
						font-size: 1.227em;
						line-height: 1.259;
						font-weight: bold;					
					}

				 

				/*******************************************************************************************************************************************/
				/* Navigation */
					div.divOverlayMyAccountMenu div.OverlayInner div.OverlayContent div.Placeholder div.Navigation {       
						padding: 10px 60px 10px 60px;

						font-size: 1.834em;
						line-height: 1.455;						
					}                 

					/* Link */
						div.divOverlayMyAccountMenu div.OverlayInner div.OverlayContent div.Placeholder div.Navigation a {
							display: block;
							padding: 11px 0px 12px 0px;

							color: #000000;

							border-top: 1px solid #e8e8e8;

							background-size: 32px auto;
						}		

						/* First */
							div.divOverlayMyAccountMenu div.OverlayInner div.OverlayContent div.Placeholder div.Navigation a:first-child {
								border-top: none;
							}						

						/* Hover */
							div.divOverlayMyAccountMenu div.OverlayInner div.OverlayContent div.Placeholder div.Navigation a.Active,
							div.divOverlayMyAccountMenu div.OverlayInner div.OverlayContent div.Placeholder div.Navigation a:hover {
								color: #1a428a !important;						
							}

						/* Variant: With Icon */
							div.divOverlayMyAccountMenu div.OverlayInner div.OverlayContent div.Placeholder div.Navigation a.WithIcon {
								padding-left: 40px;
								
								color: #888888;

								background-repeat: no-repeat;
								background-position: left 12px;
							}

						
							/* Icon - Home */
								div.divOverlayMyAccountMenu div.OverlayInner div.OverlayContent div.Placeholder div.Navigation a.WithIcon.IconHome {
									background-image: url("../images2/header/icon-nav-status.svg");																	
								}

								/* Hover */
									div.divOverlayMyAccountMenu div.OverlayInner div.OverlayContent div.Placeholder div.Navigation a.WithIcon.IconHome.Active,
									div.divOverlayMyAccountMenu div.OverlayInner div.OverlayContent div.Placeholder div.Navigation a.WithIcon.IconHome:hover {
										background-image: url("../images2/header/icon-nav-status_active.svg");											
									}


							/* Icon - Chart */
								div.divOverlayMyAccountMenu div.OverlayInner div.OverlayContent div.Placeholder div.Navigation a.WithIcon.IconChart {
									background-image: url("../images2/header/icon-nav-verlauf.svg");		
									background-size: 34px auto;	
									background-position: left 10px;															
								}

								/* Hover */
									div.divOverlayMyAccountMenu div.OverlayInner div.OverlayContent div.Placeholder div.Navigation a.WithIcon.IconChart.Active,
									div.divOverlayMyAccountMenu div.OverlayInner div.OverlayContent div.Placeholder div.Navigation a.WithIcon.IconChart:hover {
										background-image: url("../images2/header/icon-nav-verlauf_active.svg");											
									}


							/* Icon - System */
								div.divOverlayMyAccountMenu div.OverlayInner div.OverlayContent div.Placeholder div.Navigation a.WithIcon.IconSystem {									
									background-image: url("../images2/header/icon-nav-informationen.svg");	
									background-size: 34px auto;	
									background-position: left 10px;									
								}

								/* Hover */
									div.divOverlayMyAccountMenu div.OverlayInner div.OverlayContent div.Placeholder div.Navigation a.WithIcon.IconSystem.Active,
									div.divOverlayMyAccountMenu div.OverlayInner div.OverlayContent div.Placeholder div.Navigation a.WithIcon.IconSystem:hover {
										background-image: url("../images2/header/icon-nav-informationen_active.svg");											
									}

									
							/* Icon - Plumber */
								div.divOverlayMyAccountMenu div.OverlayInner div.OverlayContent div.Placeholder div.Navigation a.WithIcon.IconPlumber {
									background-image: url("../images2/header/icon-nav-webinterface.svg");			
									background-size: 38px auto;			
									background-position: left 9px;															
								}

								/* Hover */
									div.divOverlayMyAccountMenu div.OverlayInner div.OverlayContent div.Placeholder div.Navigation a.WithIcon.IconPlumber.Active,
									div.divOverlayMyAccountMenu div.OverlayInner div.OverlayContent div.Placeholder div.Navigation a.WithIcon.IconPlumber:hover {
										background-image: url("../images2/header/icon-nav-webinterface_active.svg");											
									}

					
					/* Variant: Background Grey */
						div.divOverlayMyAccountMenu div.OverlayInner div.OverlayContent div.Placeholder div.Navigation.BackgroundGrey {							
							background-color: #f4f4f4;
						}


					/* Navigation + Navigation */
						div.divOverlayMyAccountMenu div.OverlayInner div.OverlayContent div.Placeholder div.Navigation + div.Navigation {
							margin-top: 10px;
						}
						
					
		
						
	/*******************************************************************************************************************************************/
	/* Status: Show */
		div.divOverlayMyAccountMenu.Show div.OverlayInner {
			opacity: 1;
		}

		/* Overlay Content */
			div.divOverlayMyAccountMenu.Show div.OverlayInner div.OverlayContent {
				right: 0px;
			}

		
                              
				
			

/*****************************************************************************************************************************************/
/* Overlay Mobile Menu */
/*****************************************************************************************************************************************/
	div.divOverlayMobileMenu {
		position: fixed;
        top: 0px;
        left: 0px;
        z-index: 99998;
                     
        display: none;
        width: 100%;
        height: 100%;   
                
        overflow: hidden;

	}

	/*******************************************************************************************************************************************/
	/* Overlay Inner */
		div.divOverlayMobileMenu div.OverlayInner {
			display: flex;
			flex-direction: row;
			justify-content: flex-end;
			align-items: stretch;

			width: 100%;
			height: 100%;

			background-color: rgba(0, 0, 0, 0.3);

			opacity: 0;                

			transition: opacity 0.3s ease;			
			
		}


		/*******************************************************************************************************************************************/
		/* Overlay Content */
			div.divOverlayMobileMenu div.OverlayInner div.OverlayContent {
				position: relative;
				top: 0px;
				right: -420px;
				
				width: 420px;
				height: 100%;
				
				background-color: #ffffff;

				transition: all 0.3s ease;

				overflow-y: auto;				
			}


			/*******************************************************************************************************************************************/
			/* Inner */
				div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.OverlayContentInner {
					height: 100%;

					padding: 98px 0px 0px 0px;
				}

			
			/*******************************************************************************************************************************************/
			/* Placeholder */
				div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.Placeholder {
					display: flex;
					flex-direction: column;
					justify-content: flex-start;
					align-items: stretch;

					height: 100%;
				}

				/*******************************************************************************************************************************************/
				/* Scroll Content */
					div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.Placeholder div.ScrollContent {
						flex-grow: 1;
						flex-shrink: 1;                                      
					}

					@media ( min-height: 650px ) {
						div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.Placeholder div.ScrollContent {
							overflow-y: auto;   
						}
					}


				/*******************************************************************************************************************************************/
				/* Navigation */
					div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.Placeholder div.Navigation {    
						padding: 10px 20px 10px 20px;                                           
					}

					/* Gray Background */
						div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.Placeholder div.Navigation.GrayBackground {
							background-color: #F4F4F4;
						}


					/* Item */
						div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.Placeholder div.Navigation a {
							position: relative;

							display: block;
							padding: 15px 0px 16px 0px;

							font-size: 1.5em;
							line-height: 1.22;	
							color: #000000;

							border-bottom: 1px solid #e8e8e8;			
							background-size: 32px auto;
						}

						/* Last */
							div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.Placeholder div.Navigation a:last-child {
								border-bottom: none;
							}

						 /* Variant: Grey */
						 	div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.Placeholder div.Navigation a.Grey {
								color: #888888;							
							}
					

						 /* Variant: Has Navigation */
						 	div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.Placeholder div.Navigation a.HasNavigation {
								padding-right: 30px;
								
								border-bottom: 1px solid transparent;								
							}

							/* After */
								div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.Placeholder div.Navigation a.HasNavigation::after {
									position: absolute;
									top: 23px;
									right: 3px;

									width: 16px;
									height: 8px;

									content: "";
									
									background-image: url("../images2/jumper/jumper-menu-16-black.gif");	
									background-position: 0px 0px;
									background-repeat: no-repeat;
								}


							/* Open  */
								div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.Placeholder div.Navigation a.HasNavigation.Open::after {								
									background-position: 0px -8px;									
								}



						/* Varaint: IconItem */
							div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.Placeholder div.Navigation a.IconItem {
								padding: 15px 0px 16px 40px;

								font-size: 1.667em;
								line-height: 1.111;	

								color: #888888;	
								
								background-position: left center;
								background-repeat: no-repeat;
							}

							/* Icon - Home */
								div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.Placeholder div.Navigation a.IconItem.IconHome {
									background-image: url("../images2/header/icon-nav-status.svg");																	
								}

								/* Hover */
									div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.Placeholder div.Navigation a.IconItem.IconHome.Active,
									div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.Placeholder div.Navigation a.IconItem.IconHome:hover {
										background-image: url("../images2/header/icon-nav-status_active.svg");											
									}


							/* Icon - Chart */
								div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.Placeholder div.Navigation a.IconItem.IconChart {
									background-image: url("../images2/header/icon-nav-verlauf.svg");	
									background-size: 34px auto;
								}

								/* Hover */
									div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.Placeholder div.Navigation a.IconItem.IconChart.Active,
									div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.Placeholder div.Navigation a.IconItem.IconChart:hover {
										background-image: url("../images2/header/icon-nav-verlauf_active.svg");											
									}


							/* Icon - System */
								div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.Placeholder div.Navigation a.IconItem.IconSystem {									
									background-image: url("../images2/header/icon-nav-informationen.svg");		
									background-size: 34px auto;								
								}

								/* Hover */
									div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.Placeholder div.Navigation a.IconItem.IconSystem.Active,
									div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.Placeholder div.Navigation a.IconItem.IconSystem:hover {
										background-image: url("../images2/header/icon-nav-informationen_active.svg");											
									}

									
							/* Icon - Plumber */
								div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.Placeholder div.Navigation a.IconItem.IconPlumber {
									background-image: url("../images2/header/icon-nav-webinterface.svg");	
									background-size: 38px auto;																					
								}

								/* Hover */
									div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.Placeholder div.Navigation a.IconItem.IconPlumber.Active,
									div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.Placeholder div.Navigation a.IconItem.IconPlumber:hover {
										background-image: url("../images2/header/icon-nav-webinterface_active.svg");											
									}

									
							/* Icon - Speicher */
								div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.Placeholder div.Navigation a.IconItem.IconSpeicher {
									background-image: url("../images2/header/icon-nav-kaskadierung.png");																	
								}

								/* Hover */
									div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.Placeholder div.Navigation a.IconItem.IconSpeicher.Active,
									div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.Placeholder div.Navigation a.IconItem.IconSpeicher:hover {
										background-image: url("../images2/header/icon-nav-kaskadierung_active.png");										
									}



									
							/* Active / Hover */
								div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.Placeholder div.Navigation a.Active,	
								div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.Placeholder div.Navigation a:hover {
									color: #1a428a;
								}



						/*******************************************************************************************************************************************/
						/* Sub Navigation */
							div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.Placeholder div.Navigation div.SubNavigation {
								display: none;
								padding: 0px 0px 20px 0px;

								border-bottom: 1px solid #e8e8e8;																
							}

							div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.Placeholder div.Navigation div.SubNavigation:last-child {
								border: none;															
							}

							/* Item */
								div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.Placeholder div.Navigation div.SubNavigation a {
									color: #666666;

									border-bottom: 1px solid transparent;
								}



				/*******************************************************************************************************************************************/
				/* Language Selection */
					div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.Placeholder div.LanguageSelection {
						display: flex;
						flex-direction: row;
						justify-content: center;
						align-items: flex-start;

						margin: 0px 20px 0px 20px;
						padding: 16px 20px 16px 20px;

						border-bottom: 1px solid #e8e8e8;
					}

					/* Link */
						div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.Placeholder div.LanguageSelection a {
							display: inline-block;

							font-size: 1.5em;
							line-height: 1.22;			
							color: #888888;							
						}

						/* Active */
							div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.Placeholder div.LanguageSelection a.Active {
								font-weight: bold;
							}

						
						/* Hover */
							div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.Placeholder div.LanguageSelection a:hover {
								color: #1a428a;
							}


					/* Delimiter */
						div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.Placeholder div.LanguageSelection div.Delimiter {
							display: inline-block;

							width: 45px;
							height: 1px;
						}



				/*******************************************************************************************************************************************/
				/* Logout */
					div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.Placeholder div.Logout {
						padding: 10px 20px 24px 20px;
						text-align: center;																			
					}

					/* Link */
						div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.Placeholder div.Logout a {
							display: inline-block;
							padding: 14px 0px 14px 0px;
							
							font-size: 1.5em;
							line-height: 1.22;							
							color: #000000															
						}

						/* Hover */
							div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.Placeholder div.Logout a:hover {
								color: #1a428a;
							}

				
				/*******************************************************************************************************************************************/
				/* Login */
					div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.Placeholder div.Login {
						padding: 10px 20px 24px 20px;
						text-align: center;																			
					}

					/* Link */
						div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.Placeholder div.Login a {
							position: relative;
							display: inline-block;
							padding: 14px 0px 14px 34px;
							
							font-size: 1.5em;
							line-height: 1.22;							
							color: #000000															
						}

						/* Before & After */
							div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.Placeholder div.Login a::before,
							div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.Placeholder div.Login a::after {
								position: absolute;
								top: 50%;
								left: 0px;
								transform: translate(0px, -50%);

								width: 20px;
								height: 20px;

								content: "";		
								
								-webkit-transition: all 0.25s ease;
								-moz-transition: all 0.25s ease;
								-ms-transition: all 0.25s ease;
								-o-transition: all 0.25s ease;
								transition: all 0.25s ease

								background-image: url("../images2/icons/icon-my-account.png");	
								background-repeat: no-repeat;		
							}


						/* Before */
							div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.Placeholder div.Login a::before {								
								background-position: 0px 0px;														
							}


						/* After */
							div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.Placeholder div.Login a::after {
								background-position: 0px -40px;			

								opacity: 0;
							}
						
						/* Hover */
							div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.Placeholder div.Login a:hover {
								color: #1a428a;
							}
				
													
							div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.Placeholder div.Login a:hover::before {
								opacity: 0;
							}

							div.divOverlayMobileMenu div.OverlayInner div.OverlayContent div.Placeholder div.Login a:hover::after {
								opacity: 1;
							}
							


						
	/*******************************************************************************************************************************************/
	/* Status: Show */
		div.divOverlayMobileMenu.Show div.OverlayInner {
			opacity: 1;
		}

		/* Overlay Content */
			div.divOverlayMobileMenu.Show div.OverlayInner div.OverlayContent {
				top: 0px;
				right: 0px;
			}

		
                              
							
							

					

				






/*****************************************************************************************************************************************/
/* Content */
/*****************************************************************************************************************************************/
	.divContent {
		margin: 61px 0px 34px 0px;
		/*
		background-color: #ffffff;
		background-image: url(../images2/body/background-gray.jpg);
		background-position: center 61px;
		background-repeat: repeat-x;
		background-attachment: fixed;
		*/
	}

	.divContent#PageBodyContent {
		margin-bottom: 0px;
	}

	.divContentInner {				
		padding: 0px 0px 0px 0px;
	}


	/*************************************************************************************************************************************/
	/* Background: Green Hills */
		.divContent.BackgroundGreenHills {			
			/*
			background-color: #8e9b5a;
			background-image: url(../images2/body/background-green-hills.jpg);
			background-position: center -100px;
			background-repeat: no-repeat;
			*/
		}


	/*************************************************************************************************************************************/
	/* Background: Startpage */
		.divContent.Startpage {
			/*background-color: #86be3f;*/
			/*
			background-color: #8e9b5a;
			background-image: url(../images2/body/background-startpage.jpg);
			background-position: center -100px;
			background-repeat: no-repeat;
            position: relative;
			*/
		}

		.divContent.Startpage.Industry {
			/*background-image: url(../images2/body/background-startpage-industry.jpg);*/
		}

	/*************************************************************************************************************************************/
	/* Background: Startpage */
		.divContent.Loginpage {
			background-color: #fff;
			background-position: center 61px;
			background-repeat: no-repeat;
			/* background-size: 100% auto; */
			background-size: cover;
		}
		.divContent.Loginpage .divAdditionalBackground {
			display: none;
		}








/*****************************************************************************************************************************************/
/* Additional Background	 */
/*****************************************************************************************************************************************/
	.divAdditionalBackground {
		position: relative;
		z-index: 0;
	}


	/*************************************************************************************************************************************/
	/* Sun */
		.divAdditionalBackground div.Sun {
			position: fixed;
			left: 50%;
			margin: -218px 0px 0px -800px;
		}


	/*************************************************************************************************************************************/
	/* Clouds */
		.divAdditionalBackground div.Clouds {
			position: fixed;
			right: 50%;
			margin: 32px -560px 0px 0px;
		}










/*****************************************************************************************************************************************/
/* Navigation Mobile (index: 99) */
/*****************************************************************************************************************************************/
	.divNavigationMobile {
		display: none;

		position: fixed;
		top: 61px;
		left: 0px;
		z-index: 99;

		width: 100%;
		height: calc(100vh - 61px);

		background-color: #ffffff;
	}

	.divNavigationMobileInner {		
		padding: 0px 0px 0px 0px;
	}


	/*************************************************************************************************************************************/
	/* Close */
		/* 
		.divNavigationMobile div.LinkClose {
			position: absolute;
			top: 0px;
			right: 0px;

			width: 22px;
			height: 22px;
		}

		.divNavigationMobile div.LinkClose a {
			display: block;
			width: 22px;
			height: 22px;

			background-image: url(../images2/header/icon-close-12.gif);
			background-position: 1px center;
			background-repeat: no-repeat;
		} 
		*/



	/*************************************************************************************************************************************/
	/* Scroll Content */
		.divNavigationMobile div.ScrollContent {
			overflow-y: auto;
		}



	/*************************************************************************************************************************************/
	/* Navigation */
		.divNavigationMobile div.Navigation {
			padding: 10px 20px 10px 20px;
		}		


		/* Link */
			.divNavigationMobile div.Navigation a {
				display: block;
				padding: 15px 0px 16px 0px;

				font-size: 1.667em;			
				line-height: 1.11em;
				color: #888888;

				border-bottom: 1px solid #e8e8e8;
			}

			/* Variant: Icon Item */
				.divNavigationMobile div.Navigation a.IconItem {
					padding: 15px 0px 16px 32px;

					background-position: left center;
					background-repeat: no-repeat;
				}

				.divNavigationMobile div.Navigation a.IconItem.IconHome { background-image: url(../images2/header/icon-nav-status.svg); }
				.divNavigationMobile div.Navigation a.IconItem.IconHome:hover, .divNavigationMobile div.Navigation a.IconItem.IconHome.Active { background-image: url(../images2/header/icon-nav-status_active.svg); }

				.divNavigationMobile div.Navigation a.IconItem.IconChart { background-image: url(../images2/header/icon-nav-verlauf.svg); }
				.divNavigationMobile div.Navigation a.IconItem.IconChart:hover, .divNavigationMobile div.Navigation a.IconItem.IconChart.Active { background-image: url(../images2/header/icon-nav-verlauf_active.svg); }

				.divNavigationMobile div.Navigation a.IconItem.IconSystem { background-image: url(../images2/header/icon-nav-informationen.svg); }
				.divNavigationMobile div.Navigation a.IconItem.IconSystem:hover, .divNavigationMobile div.Navigation a.IconItem.IconSystem.Active { background-image: url(../images2/header/icon-nav-informationen_active.svg); }

				.divNavigationMobile div.Navigation a.IconItem.IconPlumber { background-image: url(../images2/header/icon-nav-webinterface.svg); }
				.divNavigationMobile div.Navigation a.IconItem.IconPlumber:hover, .divNavigationMobile div.Navigation a.IconItem.IconPlumber.Active { background-image: url(../images2/header/icon-nav-webinterface_active.svg); }

				.divNavigationMobile div.Navigation a.IconItem.IconSpeicher { background-image: url(../images2/header/icon-nav-kaskadierung.png); }
				.divNavigationMobile div.Navigation a.IconItem.IconSpeicher:hover, .divNavigationMobile div.Navigation a.IconItem.IconSpeicher.Active { background-image: url(../images2/header/icon-nav-kaskadierung_active.png); }


			/* Hover */
				.divNavigationMobile div.Navigation a:hover {
					color: #1a428a;
				}

			/* Last */
				.divNavigationMobile div.Navigation a:last-child {
					border: none;
				}

			/* Active */
				.divNavigationMobile div.Navigation a.Active {
					color: #1a428a;
				}



		/* Variant: Gray Background */
			.divNavigationMobile div.Navigation.GrayBackground {
				background-color: #f4f4f4;
			}

			.divNavigationMobile div.Navigation.GrayBackground a {
				font-size: 1.5em;
				line-height: 1.222em;
				color: #000000;
			}

			/* Hover */
				.divNavigationMobile div.Navigation.GrayBackground a:hover {
					color: #1a428a;
				}


			



	/*************************************************************************************************************************************/
	/* Language Selection */
		.divNavigationMobile div.LanguageSelection {
			margin: 0px 20px 0px 20px;
			padding: 16px 20px 16px 20px;

			text-align: center;
			color: #888888;

			border-bottom: 1px solid #e8e8e8;			
		}

		/* Link */
			.divNavigationMobile div.LanguageSelection a {
				display: inline-block;				
				padding: 0px 0px 0px 0px;

				font-size: 1.5em;
				line-height: 1.222em;
				color: #888888;
			}

			/* Hover */
				.divNavigationMobile div.LanguageSelection a:hover {
					color: #1a428a;
				}


			/* Active */
				.divNavigationMobile div.LanguageSelection a.Active {
					font-weight: bold;
				}


		/* Delimiter */
			.divNavigationMobile div.LanguageSelection div.Delimiter {
				display: inline-block;		
				width: 40px;
				height: 1px;
			}



	/*************************************************************************************************************************************/
	/* Logout */
		.divNavigationMobile div.Logout {
			padding: 10px 20px 24px 20px;

			text-align: center;			
		}

		.divNavigationMobile div.Logout a {
			display: inline-block;
			padding: 14px 0px 14px 0px;

			font-size: 1.5em;
			line-height: 1.222em;
			color: #000000;
		}

		/* Hover */
			.divNavigationMobile div.Logout a:hover {
				color: #1a428a;
			}





/*****************************************************************************************************************************************/
/* Global Overlay (Index: 199999) */
/*****************************************************************************************************************************************/
	.divGlobalOverlay {
		display: none;

		position: fixed;
		top: 0px;
		left: 0px;
		z-index: 199999;

		width: 100%;
		height: 100%;

		background-color: #ffffff;

		overflow: hidden;
	}


	.divGlobalOverlayInner {
		position: relative;
	}



	/*************************************************************************************************************************************/
	/* Close */
		.divGlobalOverlay div.Close {
			position:absolute;
			top: 10px;
			right: 15px;
		}

		.divGlobalOverlay div.Close a {
			display: block;
			width: 40px;
			height: 40px;

			background-image: url(../images2/icons/icon-close-20-grey.gif);
			background-position: center center;
			background-repeat: no-repeat;
		}


	/*************************************************************************************************************************************/
	/* iFrame */
		.divGlobalOverlay iframe {
			width: 100%;
			height: 100%;

			border: none;
			background-color: #ffffff;

			overflow: auto;
		}


/*****************************************************************************************************************************************/
/* iFrame Content */
/*****************************************************************************************************************************************/
	.divIFrameContent {

	}

	.divIFrameContentInner {
		padding: 0px 40px 0px 40px;
		overflow-x: hidden;
	}

	.divIFrameContent .divHorizDevider {
		margin-left: -15px;
		margin-right: -15px;
		border-bottom: 1px solid #cccccc;
		margin-top: 10px;
		margin-bottom: 20px;
	}


	/* form */
		.divIFrameContent.iFrameForm {
			color: #434f53;
		}

		.divIFrameContent.iFrameForm .divIFrameContentInner {
			padding: 20px 0px 0px 0px;
		}

		.divIFrameContent.iFrameForm h2 {			
			padding-right: 25px;
			padding-left: 25px;
		}

		.divIFrameContent.iFrameForm .ContentText {
			padding-right: 25px;
			padding-left: 25px;
			padding-bottom: 10px;

			font-size: 1.334em;
			line-height: 1.375;						
		}

		.divIFrameContent.iFrameForm .ContentText.SmallText {
			font-size: 1em;
		}

		.divIFrameContent.iFrameForm .divForm {
			padding: 10px 25px 0px 25px;
		}

		.divIFrameContent.iFrameForm .divFormHeader {
			padding: 10px 0px 7px 0px;
			font-size: 1.333em;
			color: #494949;
		}

		.divIFrameContent.iFrameForm .divForm .divFormFields {
			
		}


		.divIFrameContent.iFrameForm .divForm .divRadioList .divRadio {
			padding-top: 5px;
		}

		/* Button Bar */
			.divIFrameContent.iFrameForm .divButtonBar {
				top: 0px;

				margin: 20px  0px 0px 0px;
				padding: 20px 0px 0px 0px;

				border-top: 1px solid #cccccc;
			}

		/* Validation */
			.divIFrameContent .divForm #FormErrorMessage {
				color: #990000;
			}

			.divIFrameContent .divForm .divInput.Error {
				border: 1px solid #990000;
			}

			.divIFrameContent .divForm .InputResult.ErrorField {
				padding-top: 2px;
				color: #990000;
			}

			.divIFrameContent .divForm .InputResult.Success {
				padding-top: 2px;
				color: #6a9017;
			}






/*****************************************************************************************************************************************/
/* Bootstrap: Raster Anpassungen (Abstand von 30px auf 20px zwischen Spalten Reduziert) */
/*****************************************************************************************************************************************/
	.row {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: stretch;
	
		margin-left: -15px;
		margin-right: -15px;
	}

	.row.divRowLargeSpace {
		margin-left: -20px;
		margin-right: -20px;
	}

	.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12,
	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
	.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
		padding-left: 15px;
		padding-right: 15px;
	}

	.row.divRowLargeSpace .col-lg-1, .row.divRowLargeSpace .col-lg-2, .row.divRowLargeSpace .col-lg-3, .row.divRowLargeSpace .col-lg-4, .row.divRowLargeSpace .col-lg-5, .row.divRowLargeSpace .col-lg-6, .row.divRowLargeSpace .col-lg-7, .row.divRowLargeSpace .col-lg-8, .row.divRowLargeSpace .col-lg-9, .row.divRowLargeSpace .col-lg-10, .row.divRowLargeSpace .col-lg-11, .row.divRowLargeSpace .col-lg-12,
	.row.divRowLargeSpace .col-md-1, .row.divRowLargeSpace .col-md-2, .row.divRowLargeSpace .col-md-3, .row.divRowLargeSpace .col-md-4, .row.divRowLargeSpace .col-md-5, .row.divRowLargeSpace .col-md-6, .row.divRowLargeSpace .col-md-7, .row.divRowLargeSpace .col-md-8, .row.divRowLargeSpace .col-md-9, .row.divRowLargeSpace .col-md-10, .row.divRowLargeSpace .col-md-11, .row.divRowLargeSpace .col-md-12,
	.row.divRowLargeSpace .col-sm-1, .row.divRowLargeSpace .col-sm-2, .row.divRowLargeSpace .col-sm-3, .row.divRowLargeSpace .col-sm-4, .row.divRowLargeSpace .col-sm-5, .row.divRowLargeSpace .col-sm-6, .row.divRowLargeSpace .col-sm-7, .row.divRowLargeSpace .col-sm-8, .row.divRowLargeSpace .col-sm-9, .row.divRowLargeSpace .col-sm-10, .row.divRowLargeSpace .col-sm-11, .row.divRowLargeSpace .col-sm-12,
	.row.divRowLargeSpace .col-xs-1, .row.divRowLargeSpace .col-xs-2, .row.divRowLargeSpace .col-xs-3, .row.divRowLargeSpace .col-xs-4, .row.divRowLargeSpace .col-xs-5, .row.divRowLargeSpace .col-xs-6, .row.divRowLargeSpace .col-xs-7, .row.divRowLargeSpace .col-xs-8, .row.divRowLargeSpace .col-xs-9, .row.divRowLargeSpace .col-xs-10, .row.divRowLargeSpace .col-xs-11, .row.divRowLargeSpace .col-xs-12 {
		padding-left: 20px;
		padding-right: 20px;
	}



	/* 5 Column */
		.row.row5Col {

		}

		.row.row5Col .col-sm-2 {
			width: 20%;
			
		}

        .row.row3Col .col-sm-2 {
            width: 33.333%;            
        }

		.row.row4Col .col-sm-2 {
			width: 25%;
		}




/*****************************************************************************************************************************************/
/* Tooltip */
/*****************************************************************************************************************************************/
	div.tooltip {

	}

	div.tooltip.in{
		opacity: 1;
		-moz-opacity: 1;
		filter: alpha( opacity = 100 );
	}


	/*************************************************************************************************************************************/
	/* Arrow */
		div.tooltip.top div.tooltip-arrow {	border-top-color: #e6e6e6; }
		div.tooltip.right div.tooltip-arrow { border-right-color: #e6e6e6; }
		div.tooltip.left div.tooltip-arrow { border-left-color: #e6e6e6; }
		div.tooltip.bottom div.tooltip-arrow {	border-bottom-color: #e6e6e6; }


	/*************************************************************************************************************************************/
	/* Inner */
		div.tooltip div.tooltip-inner {
			font-family: Arial;
			font-size: 1em;
			color: #494949;

			background-color: #e6e6e6;
		}



	/*************************************************************************************************************************************/
	/* Variant: Navigation */
		div.tooltip.navigation {
			min-width: 182px;
			margin-top: -9px;
		}


		/* Inner */
			div.tooltip.navigation div.tooltip-inner {
				padding: 5px 12px 4px 12px;
				font-size: 1.583em;

				border-radius: 0px;

				-webkit-box-shadow: 0px 5px 5px 0px rgba(7,14,18,.35);
				box-shadow: 0px 5px 5px 0px rgba(7,14,18,.35);
			}


		/* Arrow */
			div.tooltip.navigation div.tooltip-arrow {
				top: -2px;

				width: 13px;
				height: 7px;
				margin-left: -7px;

				border-width: 0 7px 7px;
			}



	/*************************************************************************************************************************************/
	/* Variant: Portal Messages */
		div.tooltip.PortalMessages {
			margin-top: -23px;			
			z-index: 9040;
		}

		/* Inner */
			div.tooltip.PortalMessages div.tooltip-inner {
				width: 320px;
				max-width: 100%;

				padding: 7px 12px 8px 12px;

				font-family: "Varta DIN RC1", Arial;
				font-stretch: normal;
				font-size: 1.334em;
				line-height: 1.375;
				color: #ffffff;
				text-align: left;

				background-color: #1a428a;
			}


		/* Arrow */
			div.tooltip.PortalMessages div.tooltip-arrow {
				bottom: -4px;
				margin-left:  -9px;

				border-top-color: #1a428a;
				border-width: 9px 9px 0;
			}




/*****************************************************************************************************************************************/
/* Popover */
/*****************************************************************************************************************************************/
	div.popover {
		min-width: 300px;	
		z-index: 199999;
	}


	/*************************************************************************************************************************************/
	/* Arrow */
		div.popover div.arrow {

		}


	/*************************************************************************************************************************************/
	/* Headline */
		div.popover h3.popover-title {
			padding: 8px 10px 8px 10px;

			font-family: Arial;
			font-size: 1em;
			font-weight: bold;
			line-height: 1.333em;
			color: #1a428a;

			background-color: #ffffff;
			border-bottom: none;
		}


	/*************************************************************************************************************************************/
	/* Content */
		div.popover div.popover-content {
			max-height: 300px;

			padding: 0px 10px 8px 10px;

			font-family: Arial;
			font-size: 1em;
			line-height: 1.333em;
			color: #1a428a;

			background-color: #ffffff;

			overflow-y: auto;
		}





/*****************************************************************************************************************************************/
/* Minimum Height Placeholder */
/*****************************************************************************************************************************************/
	div.divMinimumHeightPlaceholder {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: stretch;
		align-items: stretch;	
		
		width: 100%;
		min-height: 640px;		

		background-color: #ffffff;
	}




/*****************************************************************************************************************************************/
/* House Element */
/*****************************************************************************************************************************************/
	.divHouseElement {
		align-self: center;
		
		position: relative;
		z-index: 1;

		width: 100%;
		margin: 0px 0px 0px 0px;
		background-color: #ffffff;
	}

	.divHouseElementInner {
		position: relative;
		min-width: 640px;

		padding: 0px 0px 20px 0px;
	}


	/*************************************************************************************************************************************/
	/* House Background */
		.divHouseElement div.HouseBackground {
			text-align: center;
		}


	/*************************************************************************************************************************************/
	/* House Storage (index: 10) */
		.divHouseElement div.HouseStorage {
			position: absolute;
			top: 0px;
			left: 0px;
			z-index: 10;

			width: 100%;

			text-align: center;
		}


	/*************************************************************************************************************************************/
	/* House Info (index: 15) */
		.divHouseElement div.HouseInfo {
			position: absolute;
			top: 537px;
			left: 50%;
			margin-left: -235px;
			z-index: 15;

			font-size: 1.5em;
			line-height: 1.334;
			color: #adadad;
		}

		/* Date */
			.divHouseElement div.HouseInfo span.Date {

			}

		/* Time */
			.divHouseElement div.HouseInfo span.Time {
				padding: 0px 0px 0px 3px;
			}



	/*************************************************************************************************************************************/
	/* Text Box (Index: 20) */
		.divHouseElement div.TextBox {
			position: absolute;
			top: 0px;
			z-index: 20;

			min-width: 200px;
		}

		/*********************************************************************************************************************************/
		/* Line 1 */
			.divHouseElement div.TextBox div.Line1 {
				padding: 0px 0px 18px 0px;

				font-size: 4em;
				line-height: 1;			
				font-stretch: expanded;	
				color: #999999;
			}

			.divHouseElement div.TextBox div.Line1.Strong {
				font-weight: bold;
			}


		/*********************************************************************************************************************************/
		/* Line 2 */
			.divHouseElement div.TextBox div.Line2 {
				position: relative;
				display: inline-block;

				padding: 0px 0px 8px 0px;

				font-size: 2.25em;
				line-height: 1.148;
				color: #999999;
			}

			.divHouseElement div.TextBox div.Line2.Strong {
				font-weight: bold;
				font-stretch: expanded;
			}


			/* Info */
				.divHouseElement div.TextBox div.Line2 a.InfoIcon {
					position: absolute;
					top: 2px;
					right: -27px;

					display: block;
					width: 22px;
					height: 22px;

					background-image: url(../images2/icons/icon-info-round-grey-14.png);
					background-position: 4px 4px;
					background-repeat: no-repeat;
				}

			/* Variant: Title */
				.divHouseElement div.TextBox div.Line2.Title {
					font-size: 1.834em;
					line-height: 1.182;
					font-stretch: expanded;
				}


		/*********************************************************************************************************************************/
		/* Line 3 */
			.divHouseElement div.TextBox div.Line3 {
				padding: 10px 0px 0px 0px;

				font-size: 1.5em;
				line-height: 1.334;
				color: #999999;
			}

			.divHouseElement div.TextBox div.Line3.Strong {
				font-weight: bold;
			}

			.divHouseElement div.TextBox div.Line3.boxMaxWidth {
				width: 140px !important;
			}


		/*********************************************************************************************************************************/
		/* Large Icon */
			.divHouseElement div.TextBox div.LargeIcon {
				position: absolute;
				top: 0px;
				left: 0px;

				width: 150px;
				height: 150px;		
				
				background-position: center center;
				background-repeat: no-repeat;
				background-size: 150px 150px;
			}

			/* Icons */
				.divHouseElement div.TextBox div.LargeIcon.Erzeugung {
					background-image: url(../images2/icons/icon-round-panel.svg);					
				}

				.divHouseElement div.TextBox div.LargeIcon.Energieverbrauch {
					background-image: url(../images2/icons/icon-round-haus.svg);
				}

				.divHouseElement div.TextBox div.LargeIcon.Netzeinspeisung {
					background-image: url(../images2/icons/icon-round-strommast.svg);
				}

			

		/*********************************************************************************************************************************/
		/* Align Right */
			.divHouseElement div.TextBox.AlignRight {
				text-align: right;
			}

			.divHouseElement div.TextBox.AlignRight div.Line1,
			.divHouseElement div.TextBox.AlignRight div.Line2,
			.divHouseElement div.TextBox.AlignRight div.Line3 {
				text-align: right;
			}



		/*********************************************************************************************************************************/
		/* Color Green */
			.divHouseElement div.TextBox.ColorGreen {}

			.divHouseElement div.TextBox.ColorGreen div.Line1,
			.divHouseElement div.TextBox.ColorGreen div.Line2,
			.divHouseElement div.TextBox.ColorGreen div.Line3 {
				color: #75ad26;
			}
            .divHouseElement div.TextBox.ColorGreen div.Line3.offline {
                color: #990000;
            }


		/*********************************************************************************************************************************/
		/* Color Yellow */
			.divHouseElement div.TextBox.ColorYellow {}

			.divHouseElement div.TextBox.ColorYellow div.Line1,
			.divHouseElement div.TextBox.ColorYellow div.Line2,
			.divHouseElement div.TextBox.ColorYellow div.Line3 {
				color: #fdc901;
			}

			.divHouseElement div.TextBox.ColorYellow div.Line2 a.InfoIcon {
				background-image: url(../images2/icons/icon-info-round-yellow-14.png);
			}


		/*********************************************************************************************************************************/
		/* Color Blue */
			.divHouseElement div.TextBox.ColorBlue {}

			.divHouseElement div.TextBox.ColorBlue div.Line1,
			.divHouseElement div.TextBox.ColorBlue div.Line2,
			.divHouseElement div.TextBox.ColorBlue div.Line3 {
				color: #97b9e2;
			}

			.divHouseElement div.TextBox.ColorBlue div.Line2 a.InfoIcon {
				background-image: url(../images2/icons/icon-info-round-blue_2-14.png);
			}
            



		/*********************************************************************************************************************************/
		/* Pos 1 */
			.divHouseElement div.TextBox.Pos1 {
				top: 56px;
				right: 50%;
				margin-right: 300px;
			}

			.divHouseElement div.TextBox.Pos1 div.LargeIcon {
				top: -30px;				
				left: -180px;
			}


		/* Pos 2 */
			.divHouseElement div.TextBox.Pos2 {
				top: 97px;
				left: 50%;
				margin-left: 213px;
			}

			.divHouseElement div.TextBox.Pos2 div.LargeIcon {
				top: -30px;
				left: auto;
				right: -170px;
			}


		/* Pos 3 */
			.divHouseElement div.TextBox.Pos3 {
				top: 450px;
				left: 50%;
				margin-left: 292px;
			}

			.divHouseElement div.TextBox.Pos3 div.LargeIcon {
				top: -30px;
				left: auto;
				right: -170px;
			}


		/* Pos 4 */
			.divHouseElement div.TextBox.Pos4 {
				top: 286px;
				left: 50%;
				margin-left: -190px;
			}



	/*************************************************************************************************************************************/
	/* Variant: Industry */
		.divHouseElement.Industry {

		}

		/*********************************************************************************************************************************/
		/* Line 1 */
			.divHouseElement.Industry div.TextBox div.Line1 {				
				font-size: 3em;
				line-height: 1;							
			}

			.divHouseElement.Industry div.TextBox div.Line1.Strong {				
				font-size: 4em;				
			}
			
			
		/*********************************************************************************************************************************/
		/* Line 2 */
			.divHouseElement.Industry div.TextBox div.Line2 {				
						
			}
			

			/* Info */
				.divHouseElement.Industry div.TextBox div.Line2 a.InfoIcon {
					top: 1px;
					right: -25px;
				}

			/* Variant: Title */
				.divHouseElement.Industry div.TextBox div.Line2.Title {
					padding-bottom: 22px;

					font-size: 1.5em;
					line-height: 1.334;		
				}


		/*********************************************************************************************************************************/
		/* Line 3 */
			.divHouseElement.Industry div.TextBox div.Line3 {
				
			}



		/*********************************************************************************************************************************/
		/* House Info */
			.divHouseElement.Industry div.HouseInfo {
				margin-left: -470px;
			}


		/*********************************************************************************************************************************/
		/* Pos 1 */
			.divHouseElement.Industry div.TextBox.Pos1 {
				top: 33px;
				margin-right: 368px;
			}

		/* Pos 2 */
			.divHouseElement.Industry div.TextBox.Pos2 {
				top: 108px;
				margin-left: 304px;
			}

		/* Pos 3 */
			.divHouseElement.Industry div.TextBox.Pos3 {
				top: 409px;
				margin-left: 304px;
			}

		/* Pos 4 */
			.divHouseElement.Industry div.TextBox.Pos4 {
				top: 247px;
				margin-left: -415px;
			}

   





/*****************************************************************************************************************************************/
/* Content Element */
/*****************************************************************************************************************************************/
	.divContentElement {
		width: 100%;
	}

	.divContentElementInner {		
		max-width: 1480px;

		margin: 0px auto 0px auto;
		padding: 40px 40px 40px 40px;
	}


	/* Anpassen wenn in Context .divIFrameContent */
		.divIFrameContent .divContentElement .divContentElementInner {
			max-width: 100%;
			padding: 10px 0px 30px 0px;			
		}




	/*************************************************************************************************************************************/
	/* Variant: Background White */
		.divContentElement.BackgroundWhite {
			background-color: #ffffff;
		}

		.divContentElement.BackgroundWhite .divContentElementInner  {
			padding-top: 33px;
			padding-bottom: 32px;
		}
		


	/*************************************************************************************************************************************/
	/* Raster */
		.divContentElement div.row {}

		.divContentElement div.row div.Column {
			padding-bottom: 20px;
		}

		/*********************************************************************************************************************************/
		/* Sonderfall: Startpage */
			.divContent.Startpage div.row div.Column  {
				padding-bottom: 0px;
			}




	/*************************************************************************************************************************************/
	/* Header Box */
		.divContentElement div.HeaderBox {			
			padding: 0px 0px 36px 0px;
		}

		.divContentElement div.HeaderBox.SmallMargin {
			padding: 0px 0px 19px 0px;
		}


		/*********************************************************************************************************************************/
		/* Column Left */
			.divContentElement div.HeaderBox div.ColumnLeft {
				float: left;
			}


			/*****************************************************************************************************************************/
			/* Title */
				.divContentElement div.HeaderBox div.ColumnLeft div.Title {
					float: left;
					margin: 0px 30px 0px 0px;

					font-size: 2.25em;
					line-height: 1.148;
					font-stretch: expanded;
					color: #1a428a;
				}



			/*****************************************************************************************************************************/
			/* Date Picker */
				.divContentElement div.HeaderBox div.ColumnLeft div.DatePicker {
					position: relative;
					z-index: 9999;

					float: left;
				}

				/* Table */
					.divContentElement div.HeaderBox div.ColumnLeft div.DatePicker table {

					}

					.divContentElement div.HeaderBox div.ColumnLeft div.DatePicker table tr {
						vertical-align: top;
					}


				/*************************************************************************************************************************/
				/* jqWidget - DateTimeInput */
					.divContentElement div.HeaderBox div.ColumnLeft div.DatePicker div.jqx-datetimeinput {
						position: relative;
						top: -6px;

						width: 61px !important;
						height: 44px !important;
						margin-bottom: -12px;

						font-family: Arial;
						font-size: 1em;
						color: #ffffff;

						background: none;
						border: none;
						border-radius: 0px;

						background-image: url('../images2/icons/icon-calendar-border-blue.png');
					}

					/* Input */
						.divContentElement div.HeaderBox div.ColumnLeft div.DatePicker .jqx-input-content {
							display: none;
							padding: 0px 0px 0px 40px !important;

							font-family: Arial;
							font-size: 1em;
							color: #ffffff;

							background: none;
							border: none;
							border-radius: 0px;
						}

					/* Button */
						.divContentElement div.HeaderBox div.ColumnLeft div.DatePicker .jqx-action-button {
							top: 0px !important;
							left: 0px !important;

							width: 61px !important;
							height: 44px !important;

							background: none;
							border: none;
							border-radius: 0px;
						}

						.divContentElement div.HeaderBox div.ColumnLeft div.DatePicker .jqx-action-button .jqx-icon-calendar {
							top: 3px !important;
							left: 5px !important;

							width: 36px !important;
							height: 36px !important;
							margin: 0px 0px 0px 0px !important;
							
							background-image: url(../images2/icons/icon-calendar.svg);
							background-position: left top;
						}
				


				/*************************************************************************************************************************/
				/* Value */
					.divContentElement div.HeaderBox div.ColumnLeft div.DatePicker div.Value {
						margin: 0px 0px 0px 18px;

						font-size: 2.25em;
						line-height: 1.148;
						font-stretch: expanded;
						color: #1a428a;
					}

		





		/*********************************************************************************************************************************/
		/* Column Right */
			.divContentElement div.HeaderBox div.ColumnRight {
				float: right;
			}

			/* Anpassen wenn in Context .divIFrameContent */
				.divIFrameContent .divContentElement div.HeaderBox div.ColumnRight {
					display: none;
				}


			/*****************************************************************************************************************************/
			/* ZoomLink */
				.divContentElement div.HeaderBox div.ColumnRight div.ZoomLink {
					display: inline-block;
					padding: 6px 0px 0px 0px;
				}

				.divContentElement div.HeaderBox div.ColumnRight div.ZoomLink a {
					display: block;
					padding: 2px 0px 2px 27px;

					font-size: 1.667em;
					line-height: 1.12;
					color: #888888;

					background-position: -6px -2px;
					background-repeat: no-repeat;
					background-image: url(../images2/icons/icon-suche.svg);
					background-size: 32px auto;
				}

				/* Hover */
					.divContentElement div.HeaderBox div.ColumnRight div.ZoomLink a:hover {
						color: #1a428a;
						background-image: url(../images2/icons/icon-suche-blue.svg);
					}


			/*****************************************************************************************************************************/
			/* Link */
				.divContentElement div.HeaderBox div.ColumnRight div.Link {
					display: inline-block;
					margin: 0px 0px 0px 48px;
					padding: 6px 0px 0px 0px;
				}

				.divContentElement div.HeaderBox div.ColumnRight div.Link a {
					display: block;
					padding: 2px 0px 2px 0px;

					font-size: 1.667em;
					line-height: 1.12;
					color: #888888;

					background-position: left 4px;
					background-repeat: no-repeat;
				}

				/* Hover */
					.divContentElement div.HeaderBox div.ColumnRight div.Link a:hover {
						color: #1a428a;
					}

				/* Jumper */
					.divContentElement div.HeaderBox div.ColumnRight div.Link a.IconCsv {
						padding-left: 30px;

						background-image: url(../images2/jumper/jumper-csv-grey.png);
					}

					.divContentElement div.HeaderBox div.ColumnRight div.Link a.IconCsv:hover {						
						background-image: url(../images2/jumper/jumper-csv-blue.png);
					}





	/*************************************************************************************************************************************/
	/* Content Box */
		.divContentElement div.ContentBox {			
			position: relative;
			height: 100%;
		}

		.divContentElement div.ContentBox div.ContentBoxInner {			
			padding: 20px 20px 20px 20px;
		}

		.divContentElement div.ContentBox div.ContentBoxInner div.ContentBoxWhite {
			background-color: #fff;
		}
		.divContentElement div.ContentBox div.ContentBoxInner div.ContentBoxWhite div.ContentBoxWhiteInner {
			padding: 20px 20px 20px 20px;
		}


		/* Anpassungen wenn in Context .divIFrameContent */
			.divIFrameContent .divContentElement div.ContentBox div.ContentBoxInner {
				padding: 0px;
			}

		
		/*********************************************************************************************************************************/
		/* Varinat: Background White */
			.divContentElement div.ContentBox.BackgroundWhite {
				background-color: #ffffff;
				border-radius: 6px;
			}


		/*********************************************************************************************************************************/
		/* Varinat: With Gradient */
			.divContentElement div.ContentBox.WithGradient {
				min-height: 160px;
				/*
				background-image: url(../images2/backgrounds/background-white-gradient-20.png);
				background-repeat: repeat-x;
				*/
			}


		/*********************************************************************************************************************************/
		/* Varinat: Large Padding */
			.divContentElement div.ContentBox.LargeInnerSpace {

			}

			.divContentElement div.ContentBox.LargeInnerSpace div.ContentBoxInner {
				padding: 22px 30px 22px 30px;
			}



		/*********************************************************************************************************************************/
		/* Varinat: Chart */
			.divContentElement div.ContentBox.Chart {
				position: relative;
				height: auto;

				border: 1px solid #dddddd;
				border-radius: 6px;
			}

			

		/*************************************************************************************************************************************/
		/* Icon Settings */
			.divContentElement div.ContentBox a.aIconSettings {
				display: block;
				position: absolute;
				top: 20px;
				right: 20px;
				z-index: 10;

				width: 24px;
				height: 24px;

				background-image: url(../images2/icons/icon-edit-grey-15.png);
				background-position: 4px 4px;
				background-repeat: no-repeat;

				border: 1px solid #888888;
				border-radius: 6px;
			}

			/* Hover */
				.divContentElement div.ContentBox a.aIconSettings:hover {
					border-color: #1a428a;
				}

			/* Variant: Large Inner Space */
				.divContentElement div.ContentBox.LargeInnerSpace a.aIconSettings {
					right: 30px;
				}


		/*************************************************************************************************************************************/
		/* Headline */
			.divContentElement div.ContentBox div.Headline {
				position: relative;
				padding: 0px 0px 9px 0px;

				font-size: 1.5em;
				line-height: 1.334;
				font-stretch: expanded;
				color: #000000;
			}

			
			/* Variant: Large Blue */
				.divContentElement div.ContentBox div.Headline.LargeBlue {
					padding: 0px 0px 17px 0px;

					font-size: 1.834em;
					line-height: 1.182;
					font-stretch: expanded;
					color: #1a428a;	
				}


			/* Info Icon */
				.divContentElement div.ContentBox div.Headline a.InfoIcon {
					position: absolute;
					top: -1px;
					right: -10px;

					display: block;
					width: 22px;
					height: 22px;

					background-image: url(../images2/icons/icon-info-round-white-14.png);
					background-position: 4px 4px;
					background-repeat: no-repeat;
				}



		/*************************************************************************************************************************************/
		/* Value */
			.divContentElement div.ContentBox div.Value {
				font-size: 3em;
				line-height: 1.056em;
				font-stretch: expanded;
				color: #000000;
			}

			.divContentElement .row5Col div.ContentBox div.Value {	
				/*			
				font-size: 1.5em;
				line-height: 1.334;				
				*/
			}

			.divContentElement div.ContentBox div.Value span.Number {
				/*
				padding: 0px 3px 0px 0px;

				font-size: 1.47em;
				font-weight: bold;
				line-height: 1.14em;
				*/
			}

			.divContentElement .row5Col div.ContentBox div.Value span.Number {
				/*
				font-size: 1.5em;
				*/
			}



		/*************************************************************************************************************************************/
		/* Text */
			.divContentElement div.ContentBox div.Text {
				font-size: 1.5em;
				line-height: 1.334;
				color: #000000;
			}

			.divContentElement div.ContentBox div.Text span.Formula {
				margin: 0px 0px 0px 12px;
				font-weight: bold;
			}

			.divContentElement div.ContentBox div.Text a {
				color: #000000;				
			}

			.divContentElement div.ContentBox div.Text a:hover {
				color: #1a428a;			
			}



		/*************************************************************************************************************************************/
		/* Readonly Checkbox List */
			.divContentElement div.ContentBox div.ReadonlyCheckboxList {
				display: flex;
				flex-direction: column;
				flex-wrap: wrap;
				align-items: flex-start;
				justify-content: flex-start;
				gap: 10px;

				padding: 9px 0px 10px 0px;
			}

			/* Item */
				.divContentElement div.ContentBox div.ReadonlyCheckboxList div.Item {
					position: relative;
					padding: 0px 0px 0px 32px;

					font-size: 1.5em;
					line-height: 1.334;
					color: #999999;
				}

				.divContentElement div.ContentBox div.ReadonlyCheckboxList div.Item::before {
					position: absolute;
					top: 2px;
					left: 0px;

					display: block;
					width: 22px;
					height: 22px;

					content: "";

					border: 1px solid #cccccc;
					border-radius: 4px;
				}

				/* Selected */
					.divContentElement div.ContentBox div.ReadonlyCheckboxList div.Item.Selected {
						color: #000000;
					}

					.divContentElement div.ContentBox div.ReadonlyCheckboxList div.Item.Selected::before  {
						background-image: url(../images2/icons/icon-check.png);
						background-position: 3px 4px;
						background-repeat: no-repeat;
					}



		/*************************************************************************************************************************************/
		/* Row */
			.divContentElement div.ContentBox div.Row {
				display: flex;
				flex-direction: row;
				flex-wrap: nowrap;
				justify-content: space-between;
				align-items: flex-start;	
				
				gap: 20px;
			}	

			/* Column */
				.divContentElement div.ContentBox div.Row div.ColumnLeft,
				.divContentElement div.ContentBox div.Row div.ColumnRight {
					flex: 1 1 auto;
				}	


			/*******************************************************************************************************************************************/
			/* Variant: Plumber */			
				.divContentElement div.ContentBox div.Row.Plumber {
					
				}

				/* Column */
					.divContentElement div.ContentBox div.Row.Plumber div.ColumnLeft {
						width: calc(100% - 260px);
					}

					.divContentElement div.ContentBox div.Row.Plumber div.ColumnRight {
						width: 240px;
					}	


			/*******************************************************************************************************************************************/
			/* Variant: guarantee */
				.divContentElement div.ContentBox div.Row.Guarantee {
					column-gap: 40px;
				}

				/* Column */
					.divContentElement div.ContentBox div.Row.Guarantee div.ColumnLeft {						
						display: flex;
						flex-direction: column;
						justify-content: center;
						align-items: center;
						
						width: 140px;						
					}

					.divContentElement div.ContentBox div.Row.Guarantee div.ColumnRight {												
						width: calc(100% - 180px);
					}


				/* Image */
					.divContentElement div.ContentBox div.Row.Guarantee div.ColumnLeft div.GuaranteeImage {
						width: 84px;
						height: 100px;

						margin: 5px 0px 0px 0px;

						background-image: url(../images2/guarantee/guarantee-shield.png);
						background-position: center center;
						background-repeat: no-repeat;
						background-size: 100% auto;
					}


		
		/*******************************************************************************************************************************************/
		/* Variant: Value Align Bottom */
			.divContentElement div.ContentBox.ValueAlignBottom  {
				
			}

			.divContentElement div.ContentBox.ValueAlignBottom div.ContentBoxInner  {
				display: flex;
				flex-direction: column;
				justify-content: flex-start;
				align-items: stretch;

				height: 100%;
			}

			/* Value */
				.divContentElement div.ContentBox.ValueAlignBottom div.ContentBoxInner div.Value {
					margin-top: auto;
				}
		


/*****************************************************************************************************************************************/
/* Chart */
/*****************************************************************************************************************************************/
	.divChart {
		position: relative;
		margin: 0px 0px 10px 0px;
		padding: 10px 0px 20px 0px;

		background-color: #ffffff;
	}


	/*************************************************************************************************************************************/
	/* Chart */
		.divChart div.Chart {
			height: 380px;
		}

		/* title */
			.divChart .highcharts-title span {
				font-size: 0.467em;
			}

		/* Text */
			.divChart div.Chart > p {
				font-size: 1.167em;
				line-height: 1.25em;
				padding-left: 25px;
				padding-right: 25px;
			}

	/*************************************************************************************************************************************/
	/* Backgruond */
		#idChartContainerAutarkiegrad {
			background-image: url(../images2/icons/icon-tree.png);
			background-position: center 114px;
			background-repeat: no-repeat;
		}

		#idChartContainerEigenverbrauch {
			background-image: url(../images2/icons/icon-light-yellow.png);
			background-position: center 114px;
			background-repeat: no-repeat;
		}


	/*************************************************************************************************************************************/
	/* Info Popout */
		.divChart div.InfoPopout {

		}

		.divChart div.InfoPopout a {
			position: absolute;
			/*top: 28px;*/
			top: 18px;
			right: 16px;
			z-index: 10;

			display: block;
			width: 22px;
			height: 22px;

			background-image: url(../images2/icons/icon-info-round-blue-14.png);
			background-position: 4px 4px;
			background-repeat: no-repeat;
		}



	/*************************************************************************************************************************************/
	/* Jumper Navigtaion */
		.divChart div.JumperNavigtaion {
			position: relative;			
			padding: 0px 0px 0px 0px;
		}


		/*********************************************************************************************************************************/
		/* Links */
			.divChart div.JumperNavigtaion a.Jumper {
				position: absolute;
				top: 20px;
				z-index: 9999;
				
				display: block;
				width: 56px;
				height: 56px;

				vertical-align: middle;

				background-color: #ffffff;
				border: 1px solid #dddddd;
				border-radius: 6px;
			}			

			/* Jumper Icon */
				.divChart div.JumperNavigtaion a.Jumper span {					
					display: block;
					width: 17px;
					height: 30px;
					margin: 15px 0px 0px 0px;

					background-position: left top;
					background-repeat: no-repeat;
				}


			/* Jumper Prev */
				.divChart div.JumperNavigtaion a.JumperPrev {
					left: 0px;
				}

				.divChart div.JumperNavigtaion a.JumperPrev span {
					margin-left: 19px;
					background-image: url(../images2/jumper/jumper-arrow-left-blue-13.gif);
				}


			/* Jumper Next */
				.divChart div.JumperNavigtaion a.JumperNext {
					right: 0px;
				}

				.divChart div.JumperNavigtaion a.JumperNext span {
					margin-left: 22px;
					background-image: url(../images2/jumper/jumper-arrow-right-blue-13.gif);
				}


			/* Hover */
				.divChart div.JumperNavigtaion a.JumperNext:hover,
				.divChart div.JumperNavigtaion a.JumperPrev:hover {
					background-color: #1a428a;
					border: 1px solid #1a428a;
				}

				.divChart div.JumperNavigtaion a.JumperNext:hover span{
					background-image: url(../images2/jumper/jumper-arrow-right-white-13.gif);
				}

				.divChart div.JumperNavigtaion a.JumperPrev:hover span {
					background-image: url(../images2/jumper/jumper-arrow-left-white-13.gif);
				}


			/* Inactive */
				.divChart div.JumperNavigtaion a.Inactive {
					cursor: default;
					background-color: #ffffff !important;
					border: 1px solid #dddddd !important;
				}

				.divChart div.JumperNavigtaion a.JumperNext.Inactive span {
					background-image: url(../images2/jumper/jumper-arrow-right-grey-13.gif) !important;
				}

				.divChart div.JumperNavigtaion a.JumperPrev.Inactive span {
					background-image: url(../images2/jumper/jumper-arrow-left-grey-13.gif) !important;
				}


			/*************************************************************************************************************************/
			/* Anpassungen wenn in Context .divIFrameContent */
				/* 
				.divIFrameContent .divChart {
					margin-bottom: 0px;
					padding-bottom: 0px;
				}
				*/

				.divIFrameContent .divChart div.JumperNavigtaion a.Jumper {
					margin: 0px 20px 0px 20px;
				}

				/*
				.divIFrameContent .divChart div.JumperNavigtaion a.Jumper {
					position: relative;
					height: auto;
				}

				.divIFrameContent .divChart div.JumperNavigtaion a.Jumper span {
					position: relative;
					top: 0px;

					margin: 0px 0px 0px 0px;
				}

				.divIFrameContent .divChart div.JumperNavigtaion a.JumperPrev { float: left; left: 0px; }
				.divIFrameContent .divChart div.JumperNavigtaion a.JumperPrev span { background-position: left -30px; }


				.divIFrameContent .divChart div.JumperNavigtaion a.JumperNext { float: right; right: 0px; }
				.divIFrameContent .divChart div.JumperNavigtaion a.JumperNext span { background-position: left -30px; }
 				*/



		/*********************************************************************************************************************************/
		/* Zoom Link */
			.divChart div.JumperNavigtaion div.ZoomLink {
				text-align: center;
			}

			/* Links */
				.divChart div.JumperNavigtaion div.ZoomLink a {
					padding: 0px 0px 0px 24px;

					color: #999999;

					background-image: url(../images2/jumper/jumper-zoom-gray-16.gif);
					background-position: left top;
					background-repeat: no-repeat
				}

				.divChart div.JumperNavigtaion div.ZoomLink a:hover {
					color: #1a428a;

					background-position: left -112px;
				}

			/* Anpassungen in Context .divIFrameContent */
				.divIFrameContent .divChart div.JumperNavigtaion div.ZoomLink {
					display: none;
				}








/*****************************************************************************************************************************************/
/* Button Bar */
/*****************************************************************************************************************************************/
	.divButtonBar {
		position: relative;
		margin: 0px -5px 11px -5px;
	}

	/*************************************************************************************************************************************/
	/* Table */
		.tableButtonBar {}

		.tableButtonBar tr {
			vertical-align: top;
		}

		.tableButtonBar tr td {}


	/*************************************************************************************************************************************/
	/* Error Message */
		.divButtonBar .divErrorMessage {
			color: #990000;
		}
        div.errMsg {
            color: #990000;
            padding-bottom: 10px;
        }


	/*************************************************************************************************************************************/
	/* Button */
		.divButtonBar a.Button,
		.divButtonLarge a.Button, span.Button {
			display: block;
			min-width: 94px;

			margin: 0px 15px 0px 15px;
			padding: 4px 9px 5px 9px;

			font-size: 1.334em;
			line-height: 1.375;
			text-align: center;
			color: #888888;
			
			border: 1px solid #888888;
			border-radius: 6px;
			background-color: #ffffff;						
		}

		.divButtonLarge a.Button, span.Button {
			padding: 9px 39px 9px 39px;
		}

		/* Hover */
			.divButtonBar a.Button:Hover {
				color: #ffffff;
				border: 1px solid #1a428a;
				background-color: #1a428a;
			}

		/* Active */
			.divButtonBar a.Button.Active,
			.divButtonLarge a.Button.Active {
				color: #ffffff;
				border: 1px solid #1a428a;
				background-color: #1a428a;
			}

		/* Active */
			.divButtonBar a.Button.Gray,
			.divButtonLarge a.Button.Gray {
				color: #999999;
				background-color: #dddddd;
			}
            .divButtonLarge a.Button.Small {
                display: inline-block;
                padding-bottom: 5px;
                padding-top:5px;
            }


		/**********************************************************************************************************************************/
		/* Anpassungen wenn in Context .divIFrameContent */			
			.divIFrameContent .divButtonBar {
				/* 
				top: -30px;
				margin: 0px 30px -30px 30px; 
				*/
				margin-top: 10px; 
				margin-bottom: 20px; 
			}

			/*
			.divIFrameContent .divButtonBar a.Button, span.Button {
				background-color: #dddddd;
			}
			*/

			/* Hover / Active */
				/*
				.divIFrameContent .divButtonBar a.Button:Hover,
				.divIFrameContent .divButtonBar a.Button.Active {					
					color: #ffffff;
					background-color: #1a428a;					
				}
				*/


		/**********************************************************************************************************************************/
		/* Variante mit Headline */
			.divButtonBar.ButtonBarWithHeadline {
				margin: 0px;
			}

			.divButtonBar.ButtonBarWithHeadline h2 {
				display: inline-block;
				float: left;
			}



			.divButtonBar.ButtonBarWithHeadline a.Button {
				display: inline-block;
				margin: 4px 0px 0px 0px;
				padding: 5px 30px 5px 30px;
				float: right;

				min-width: auto;
			}


		/**********************************************************************************************************************************/
		/* Variante in Formular */
			.divForm .divButtonBar a.Button, span.Button {
				display: inline-block;
				padding: 5px 30px 5px 30px;
				min-width: auto;
			}

			.divForm.FormRelais .divButtonBar a.Button {
				padding: 9px 30px 9px 30px;
			}

			.divForm.FormRelais .divButtonBar a.Button.Large {
				padding: 9px 40px 9px 40px;
			}

			.divForm .divButtonBar.Fix {
				position: absolute;
				left: 0px;
				right: 0px;
				bottom: 0px;
			}


		.ButtonSpacingTop {
			padding-top: 43px;
		}




/*****************************************************************************************************************************************/
/* Tabs Element */
/*****************************************************************************************************************************************/
	.TabsContent {

	}
	
	/* Tabs */
		.TabsContent .nav-tabs {

		}

		.TabsContent .nav-tabs li a {
			padding: 13px 20px 12px 20px;

			font-size: 1.583em;
			line-height: 1em;
			color: #999999;

			border: none;
			border-radius: 0px;
		}

		.TabsContent .nav-tabs li a:hover,
		.TabsContent .nav-tabs li a:focus {
			border: none;
		}

		.TabsContent .nav-tabs li.active a {
			color: #1a428a;
		}

		.TabsContent .nav-tabs li.RelaisInactive a {
			color: #ccc;
		}


	/* Content */
		.TabsContent .tab-content {
			padding: 20px;
			background-color: #fff;
		}

		.ContentInnerTabs .tab-content {
			padding: 22px 0px 20px 0px;
		}


	/* Tabs im Content Bereich */
		.ContentInnerTabs {
			padding-top: 10px;
		}

		.ContentInnerTabs .nav-tabs {
			border-bottom: 1px solid #cccccc;
		}

		.ContentInnerTabs .nav-tabs li a {
			padding: 10px 5px 10px 5px;
			font-size: 1.333em;
		}

		.ContentInnerTabs .nav-tabs li.active a {
			padding: 9px 8px 10px 8px;

			border-left: 1px solid #cccccc;
			border-top: 1px solid #cccccc;
			border-right: 1px solid #cccccc;
		}


	/*******************************************************************************************************************************************/		
	/* Variant: With Border */
		.TabsContent.WithBorder {
			border: 1px solid #dddddd;
			border-radius: 6px;
		}

		/* Content */
			.TabsContent.WithBorder .tab-content {
				padding: 27px 39px 20px 39px;
				border-radius: 6px;
			}





/*****************************************************************************************************************************************/
/* Tabelle mit horiz. Trennlinien */
/*****************************************************************************************************************************************/

	table.tableHorizontalDevider {
		margin: 0px;
	}

	table.tableHorizontalDevider.NoHeader {
		margin: 1px 0px 15px 0px;
	}

	table.tableHorizontalDevider tr td,
	table.tableHorizontalDevider tr th {
		padding: 9px 20px 7px 0px;

		font-size: 1.5em;
		line-height: 1.334;
	}

	.ContentBoxWhite table.tableHorizontalDevider tr td {
		padding: 6px 20px 5px 0px;

		font-size: 1.33em;
		color: #434f53;
	}

	table.tableHorizontalDevider tr td.AlignCenter,
	table.tableHorizontalDevider tr th.AlignCenter {
		text-align: center;
	}

	table.tableHorizontalDevider tr td {
		border-top: 1px solid #cccccc;
	}

	table.tableHorizontalDevider.NoHeader tr:first-child td {
		border-top: none;
	}

	table.tableHorizontalDevider tr th {
		border-top: none;
	}

	table.tableHorizontalDevider tr th:last-child,
	table.tableHorizontalDevider tr td:last-child {
		padding-right: 0px;
	}

	table.tableHorizontalDevider tr th,
	table.tableHorizontalDevider tr td.Title {
		width: 240px;
		font-weight: bold;		
	}

    table.tableHorizontalDevider tr td.ErrorTitle {
		width: 100px;
		font-weight: bold;
		color: #1a428a;
	}

    table.tableHorizontalDevider tr td.Title.auto {
        width: auto;
    }

	table.tableHorizontalDevider.TitleLight tr th,
	table.tableHorizontalDevider.TitleLight tr td.Title {
		font-weight: normal;
	}

	table.tableHorizontalDevider tr.Spacer td {
		border-top: none;
		padding: 0px;
		height: 31px;
	}

	table.tableHorizontalDevider tr.Spacer + tr td {
		border-top: none;
	}

    table.tableBatterielader td {
        white-space:nowrap;
		padding-right: 10px !important;
    }
	table.tableBatterielader  {
		width: auto;
	}
	table.tableBatterielader th {
		padding-right: 10px !important;
	}



/*****************************************************************************************************************************************/
/* Form */
/*****************************************************************************************************************************************/

	.divForm {

	}

	.divForm.FormRelais {
		color: #1a428a;
	}


	/*******************************************************************************************************************************************/
	/* Introduction Text */
		.divForm div.IntroductionText {
			padding: 0px 0px 24px 0px;

			font-size: 1.334em;
			line-height: 1.375;
		}


	/*******************************************************************************************************************************************/
	/* table Form */
	.divForm .tableForm {
		width: 100%;
	}

	.divForm .tableForm tr td {
		padding: 5px 20px 5px 0px;
		vertical-align: top;
	}
    .divForm .tableForm tr td.small {
		padding: 5px 10px 5px 0px;
	}

	.divForm .tableForm tr td.tdColumnSpacer {
		width: 20px;
		padding: 0px;
	}

	.divForm.FormRelais .tableForm tr td {
		padding-right: 10px;
		padding-bottom: 15px;
	}

	.divForm .tableForm tr td.Input,
	.divForm .tableForm tr td:last-child {
		padding-right: 0px;
	}



	.divForm .tableForm tr td.Label label {
		padding: 5px 0px 0px 0px;
		margin: 0px;

		font-size: 1.334em;
		line-height: 1.375;
		color: #1a428a;
	}

	.divForm .tableForm tr td.Label .normal {
		font-size: 1.167em;
		font-weight: normal;
		color: #1a428a;
		padding-top:6px;
	}

    .divForm .tableForm tr td.Label label.small {
        font-size: 1em;
    }


	.divForm .tableForm.LabelGrey tr td.Label label {
		color: #707173;
		font-weight: normal;
	}


	.divForm .tableForm tr td.Label span {
		display: block;
	}

	.divForm.FormRelais .tableForm tr td.Label label {
		padding: 9px 0px 0px 0px;
		font-weight: normal;
		font-size: 1.333em;
	}


	.divForm .tableForm tr td.Value {
		padding: 10px 0px 0px 0px;
		margin: 0px;

		font-size: 1.334em;
		line-height: 1.375;
	}



	/* Subtable für Layout */
		.divForm .tableForm .tableColumnLayout tr td {
			padding: 0px 10px 0px 0px;
		}


	/* Fieldset */
		.divForm .divFormFieldset {
			padding: 0px 0px 15px 0px;
			margin: 0px 0px 20px 0px;
			border-bottom: 1px solid #cccccc;
		}
		.divForm .divFormFieldset.NoBorder {
			margin-bottom: 0px;
			border-bottom: none;
		}
		.tab-pane .divFormFieldset:last-child {
			border-bottom: none;
		}

		.divForm .divFormFieldset h2 {
			color: #1a428a;
			padding-bottom: 9px;
		}

		.divForm .divFormFieldset h2 span.Note {
			margin-left: 35px;

			font-size: 0.74em;
			font-weight: 500;
			color: #999999;
		}

        .divForm .divFormFields .divCheckbox.ErrorField {
           border: 1px solid #990000;
            padding: 5px 5px 5px 2px;
        }



	/* Fields */

		.divInput,
		.divSelect {			
			min-height: 34px;

			padding: 4px 6px 4px 6px;
			border: 1px solid #cccccc;
			background-color: #f6f6f6;
		}

		.divInput.noinput {
			border: none;
			background-color: #fff;
			font-size: 1.334em;
			line-height: 1.375;
		}

		.divForm.FormRelais .divInput {
			height: 34px;
			padding: 7px 6px 6px 6px;
		}

		.divSelect select {
			min-height: 24px;
		}

		.divForm.FormRelais .divSelect {
			padding: 3px 4px 4px 3px;
		}

		.divDefaultInput input,
		.divDefaultSelect select {
			margin: 6px 0px 0px 0px;
			font-size: 1.334em;
			line-height: 1.375;
			color: #434f53;
			padding: 2px 2px 2px 6px;
			border: 1px solid #cccccc;
			background-color: #f6f6f6;
		}

		.divDefaultInput input[disabled],
        .divInput input[disabled],
		.divDefaultSelect select[disabled],
        .divSelect select[disabled] {
			color: #999;
		}

		.divDefaultSelect select {
			padding: 1px 1px 1px 3px;
		}

		.divInput input,
		.divSelect select {
			width: 100%;
			border: none;
			margin: 0px;

			font-size: 1.334em;
			line-height: 1.174;
			color: #434f53;

			background: none;
		}

		.divForm.FormRelais .divInput input,
		.divForm.FormRelais .divSelect select {
			font-size: 1.334em;
			line-height: 1.375;
			color: #1a428a;
		}


		.divInput input.AlignRight {
			text-align: right;
		}

		.divCheckbox {
			display: inline-block;
			padding: 6px 0px 3px 0px;
		}

		.divForm.FormRelais .divCheckbox {
			padding: 7px 0px 3px 0px;
		}

		.divCheckbox input {
			border: 1px solid #cccccc;
			background-color: #f6f6f6;
		}


		/* AJAX Bearbeitung */
			.InputAjaxEdit .divInput.Readonly {
				position: relative;
			}

			.InputAjaxEdit .divInput.Readonly a.Edit {
				position: absolute;
				top: 6px;
				right: 10px;
				width: 12px;
				height: 13px;

				background-image: url("../images2/icons/icon-edit.png");
				background-position: 0px 0px;
				background-repeat: no-repeat;
			}

			.InputAjaxEdit .AjaxEdit .divInput {
				margin-right: 35px;
			}

			.InputAjaxEdit a.Save {
				display: block;
				float: right;
				width: 29px;
				height: 29px;
				background-color: #1a428a;

				background-image: url("../images2/icons/icon-save.png");
				background-position: center center;
				background-repeat: no-repeat;
			}


		/* Input Field - Focus */
			.divInput.Focus {
				padding: 3px 5px 3px 5px;

				border-width: 2px;
				border-color: #1a428a;
			}

			.divInput.Focus input {
				outline: none;
			}




		/* Readonly */
			.divInput.Readonly {
				padding: 6px 6px 4px 6px;

				min-height: 27px;
				font-size: 1.167em;
				color: #434f53;

				background: none;
				border: none;
				border-bottom: 1px solid #cccccc;
			}



		/* Checkbox Label */
			.divCheckbox label {
				display: inline-block;
				padding: 1px 15px 0px 2px;
				margin: 0px;

				font-size: 1.334em;
				line-height: 1;
				font-weight: normal;
				color: #434f53;
			}

			.divCheckbox.disabled label {
				color: #cccccc;
			}

			.divIFrameContent.iFrameForm .divCheckbox label {
				/*
				font-size: 1em;
				line-height: 1.25em;
				*/
			}

			.divForm.FormRelais .divCheckbox label {
				font-size: 1.333em;
				color: #1a428a;
				/*color: #999999;*/
			}

            input.dhcpField {
                height: 28px;
            }




		.divCheckboxList {
			padding: 2px 0px 0px 0px;
		}

		.divCheckboxList.Columns6 .divCheckbox {
			width: 16%;
		}

		.divCheckboxList .divCheckbox label {
			padding-left: 6px;

			font-size: 1.334em;
			line-height: 1.375;
			color: #999999;
		}





		.divRadio {
			display: inline-block;
			padding: 7px 0px 0px 0px;
		}

		.divRadioList .divRadio {
			padding-top: 12px;
		}

        .divRadioList .divRadio.lower {
			padding-top: 4px;
		}

		/* Radio Label */
			.divRadio label {
				display: inline-block;
				padding: 3px 0px 0px 6px;
				margin: 0px;

				font-size: 1.334em;
				line-height: 1.375;
				font-weight: normal;
				color: #999999;
			}

			.divRadioList .divRadio label {
				padding: 3px 35px 0px 6px;
			}

            .divRadioList .divRadio label.elementType {
                padding: 3px 10px 0px 0px;
            }

            .divRadioList.RelaisExtern .divRadio label {
				padding: 3px 5px 0px 6px;
			}



		/* Field mit Label */

			.divFieldLabel .divInput,
			.divFieldLabel .divSelect,
			.divFieldLabel .divDefaultInput,
			.divFieldLabel .divDefaultSelect {
				display: inline-block;
			}

			.divFieldLabel label {
				padding-left: 6px;
				font-size: 1.167em;
				font-weight: normal;
				color: #434f53;
			}

			.divForm.FormRelais .divFieldLabel label {
				font-size: 1.333em;
				color: #1a428a;
			}




		/* jqwidgets Anpassungen */

			.jqx-widget-content,
			.jqx-dropdownlist-state-normal {
				font-family: "Varta DIN RC1", Arial;				
				font-size: 1.334em;
				line-height: 1.375;
				color: #434f53;
			}

			.jqx-datetimeinput  {
				font-size: 1em;
			}

			.divInput.InitNumberInput,
			.divInput.InitTimeInput,
			.divInput.InitDateInput,
			.divInput.InitAutocomplete,
			.divInput.InitCombobox,
			.divSelect.InitDropDownList {
				padding: 0px 0px 0px 3px;
			}

			.divInput.InitNumberInput {
				padding: 0px 0px 0px 6px;
			}

			.divInput .jqx-input {
				border: none;
				background-color: #f6f6f6;
			}

			.divInput .jqx-combobox ,
			.divInput .jqx-combobox-content {
				border: none;
			}

			.divInput.InitCombobox .jqx-combobox-input,
			.divInput.InitAutocomplete .jqx-input {
				border: none;
				background-color: #f6f6f6;
				font-size: 1em;
				padding: 0px;
				border: none;
			}

			.divSelect.InitDropDownList .jqx-dropdownlist-state-normal {				
				font-size: 1.334em;
				line-height: 1.375;

				border: none;
				background-color: #f6f6f6;
			}

			.divForm.FormRelais .divSelect.InitDropDownList .jqx-dropdownlist-state-normal {
				font-size: 1.333em;
				color: #1a428a;
			}

			.divCheckbox .jqx-checkbox {
				display: inline-block;
				float: left;
				height: auto !important;
			}

			.divRadio .jqx-radiobutton {
				display: inline-block;
				height: auto !important;
				width: auto !important;

				color: #999999;
				font-family: Arial;
				font-size: 1.333em;
				font-weight: normal;
				line-height: 1em;

				padding-right: 0px;
			}

			.divRadio .jqx-radiobutton[aria-checked=true] {
				color: #1a428a;
			}


			.divRadioList .divRadio .jqx-radiobutton {
				padding-right: 35px;
			}

			.divRadio .jqx-radiobutton .jqx-radiobutton-default {
				margin-top: 1px !important;
				margin-right: 9px;
			}

			.divRadio .jqx-radiobutton .jqx-fill-state-pressed {
				background-color: #666666;
			}

			.divCheckbox .jqx-checkbox-default {
				margin: 2px 0px 0px 0px !important;
				border-radius: 0px;
			}

			.jqx-menu-dropdown {
				max-height: 150px;
				overflow-y: auto;
			}

			.jqx-menu-dropdown li a {
				white-space: nowrap;
				font-size: 0.917em;
			}


		/* Sizes */

			.divInput.Size55,
			.divSelect.Size55,
			.divDefaultInput.Size55 input,
			.divDefaultSelect.Size55 input {
				width: 55px;
			}

			.divInput.Size66,
			.divSelect.Size66,
			.divDefaultInput.Size66 input,
			.divDefaultSelect.Size66 input {
				width: 66px;
			}

			.divInput.Size75,
			.divSelect.Size75,
			.divDefaultInput.Size75 input,
			.divDefaultSelect.Size75 input {
				width: 75px;
			}

			.divInput.Size100,
			.divSelect.Size100,
			.divDefaultInput.Size100 input,
			.divDefaultSelect.Size100 input {
				width: 100px;
			}

			.divInput.Size165,
			.divSelect.Size165,
			.divDefaultInput.Size165 input,
			.divDefaultSelect.Size165 input {
				width: 165px;
			}

			.divInput.Size186,
			.divSelect.Size186,
			.divDefaultInput.Size186 input,
			.divDefaultSelect.Size186 input {
				width: 186px;
			}


	/* Info Icon */
		.divForm .tableForm tr td.tdInfoIcon {
			padding-left: 2px;
			text-align:center;
			vertical-align: middle;
		}





        #ErzeugungComment {
            font-size:11px;
            padding: 0px 4px 0px 4px;
            color: #ffffff;
        }


/*****************************************************************************************************************************************/
/* FullContentHeight */
/*****************************************************************************************************************************************/

	.InitFullContentHeight {
		position: relative;
	}




/*****************************************************************************************************************************************/
/* Mobile Collapse */
/*****************************************************************************************************************************************/

	@media (min-width: 768px) {

		.divMobileCollapse .collapseContent {
			display: block !important;
			height: auto !important;
		}

	}





/*****************************************************************************************************************************************/
/* Documents */
/*****************************************************************************************************************************************/
	.divDocuments {

	}


	/* Title */
		.divDocuments div.Title {
			padding: 0px 0px 17px 0px;

			font-size: 1.834em;
			line-height: 1.182;
			font-stretch: expanded;
			color: #1a428a;	
		}


	/* Jumper PDF */
		.divDocuments a.aJumperPdf {
			margin: 0px 0px 5px 0px;
		}

		


/*****************************************************************************************************************************************/
/* Settings Box */
/*****************************************************************************************************************************************/
	.divSettingsBox {
		position: relative;
		
		font-size: 1.5em;
		line-height: 1.334;
		color: #000000;
	}

	/* Icon Settings */
		.divSettingsBox a.aIconSettings {
			display: block;
			position: absolute;
			top: 0px;
			right: 0px;

			width: 24px;
			height: 24px;

			background-image: url(../images2/icons/icon-edit-grey-15.png);
			background-position: 4px 4px;
			background-repeat: no-repeat;

			border: 1px solid #888888;
			border-radius: 6px;
		}

		/* Hover */
			.divSettingsBox a.aIconSettings:hover {
				border-color: #1a428a;
			}


	/* Title */
		.divSettingsBox .Title {		
			padding: 0px 0px 18px 0px;

			font-size: 1.223em;
			line-height: 1.182;
			font-stretch: expanded;
			color: #1a428a;
		}

	/* Text */
		.divSettingsBox .Text {		
			padding: 0px 0px 18px 0px;
		}

		.divSettingsBox .Text a {
			color: #000000;
		}	
			
		.divSettingsBox .Text a:hover {
			color: #1a428a;
		}	
		
		
	/* Link */
		.divSettingsBox .Link {		
			padding: 0px 0px 18px 0px;
		}

		.divSettingsBox .Link a {		
			color: #1a428a;
			text-decoration: underline;
		}



/*****************************************************************************************************************************************/
/* Fancybox */
/*****************************************************************************************************************************************/
	.fancybox-overlay {
		z-index: 199999;
	}


	.fancybox-iframe {
		overflow: hidden;
		overflow-y: scroll !important;
	}

	/* Close */
		.fancybox-close {
			top: 0px;
			right: 0px;

			width: 40px;
			height: 40px;

			background: none !important;
		}

		/* Before */
			.fancybox-close::before {
				display: block;
				width: 20px;
				height: 20px;
				margin: 10px 10px 10px 10px;

				content: "";

				background-image: url("../images2/icons/icon-close-20-grey.gif");
				background-size: 20px auto;
				background-position: 0px 0px;
				background-repeat: no-repeat;
			}





/******************************************************************************************************/
/* Slider Box */
/******************************************************************************************************/

	.divSliderBox {
		width: 573px;
		margin: 0px 0px 0px 0px;
	}



	/* table Slider Box */

		.tableSliderBox {
			width: 100%;
			table-layout: fixed;
		}

		.tableSliderBox tr {
			vertical-align: top;
		}

		.tableSliderBox tr td {

		}


		/* Jumper */

			.tableSliderBox tr td.tdJumperLeft {
				width: 34px;
				cursor: pointer;
			}

			.tableSliderBox tr td.tdJumperRight {
				width: 28px;
				cursor: pointer;
			}

			.tableSliderBox tr td.tdJumperLeft a,
			.tableSliderBox tr td.tdJumperRight a {
				position: relative;
				top: 2px;
				display: block;
				height: 16px;
				margin-left: 17px;

				background-image: url(../images2/slider/jumper.gif);
				background-repeat: no-repeat;
			}

			.tableSliderBox tr td.tdJumperLeft a {
				width: 9px;
				left: 0px;
				background-position: left 0px;
			}

			.tableSliderBox tr td.tdJumperRight a {
				width: 9px;
				right: 0px;
				background-position: right 0px;
			}

			/* Mouse Over */
				.tableSliderBox tr td.tdJumperLeft.MouseOver a {
					background-position: left -16px;
				}

				.tableSliderBox tr td.tdJumperRight.MouseOver a {
					background-position: right -16px;
				}


			/* Hide */
				.tableSliderBox tr td.tdJumperLeft.tdJumperHide {
					cursor: default;
				}

				.tableSliderBox tr td.tdJumperLeft.tdJumperHide a {
					background-position: left -32px;
					cursor: default;
				}

				.tableSliderBox tr td.tdJumperRight.tdJumperHide {
					cursor: default;
				}

				.tableSliderBox tr td.tdJumperRight.tdJumperHide a {
					background-position: right -32px;
					cursor: default;
				}



/******************************************************************************************************/
/* Slider */
/******************************************************************************************************/

	.divSlider {
		width: 100%;
		position: relative;
		overflow: hidden;
	}


	.divSlider div.SliderScrollBox {
		position: absolute;
	}

	.divSlider div.SliderScrollBox table tr {
		vertical-align: top;
	}




	/**************************************************************************************************/
	/* Slide Element */

		.divSlideElement {
			width: 553px;
			margin: 0px 20px 0px 0px;
			overflow: hidden;
		}







/*****************************************************************************************************************************************/
/* Login */
/*****************************************************************************************************************************************/

	.divBodyLoginContent {
		color: #333333;
		position: relative;
		z-index: 2;
	}

	.tableBodyLoginContent {
		table-layout: fixed;
		width: 100%;
	}

	.divLoginContentBox {
		background-color: #ffffff;
		padding: 21px 23px 20px;
	}

	.divLoginContentBoxLeft {
		border-bottom-left-radius: 5px;
		border-top-left-radius: 5px;
	}

	.divLoginContentBoxRight {
		border-bottom-right-radius: 5px;
		border-top-right-radius: 5px;
	}


	.divBodyLoginContent h1 {
		color: #1a428a;
		font-family: Arial;
		font-size: 1.5em;
		font-weight: normal;
		line-height: 1.222em;
		margin: 0px 0px 16px 0px;
		padding: 0;
	}

	.divBodyLoginContent a {
		padding-left: 10px;
		color: #1a428a;

		background-image: url("../images2/jumper/jumper-arrow-right-blue-9.gif");
		background-position: 0px 2px;
		background-repeat: no-repeat;
	}

	.divBodyLoginContent a.noimage {
		padding-left: 0px;
		background: none;
	}


	.divBodyLoginContent label {
		font-weight: normal;
		padding: 10px 0px 2px 0px;
		margin: 0px;
		color: #999999;
	}

	.divBodyLoginContent .divButtonBar a.Button {
		min-width: 0px;
		padding: 6px 20px 6px 20px;
	}



/***************************************************************************************************/
/* News Teaser Element */
/***************************************************************************************************/
	.divNewsTeaserElement div.Date {
		margin: 0px 0px 3px 0px;
		font-weight: bold;
		color: #a9bfc8;
	}

	.divNewsTeaserElement div.Title {
		margin: 0px 0px 10px 0px;
		font-size: 1.5em;
		color: #ffd100;
	}

	.divNewsTeaserElement div.Text {
		line-height: 1.25em;
	}





/*****************************************************************************************************************************************/
/* Validation */
/*****************************************************************************************************************************************/

	.InitRelaisFormValidation input.Error,
    .InstallerSettingsForm input.Error{
		border: 1px solid #F00;
	}

	.InitRelaisFormValidation label.Error,
    .InstallerSettingsForm label.Error {
		display: none !important;
	}




/*****************************************************************************************************************************************/
/* Modal */
/*****************************************************************************************************************************************/

	.divModal {
		z-index: 199999;
	}

	.divModal .modal-body {
		background-repeat: no-repeat;
	}

	.divModal.Success .modal-body {
		background-image: url("../images2/jumper/jumper-status.png");
		background-position: 20px 11px;
		padding-left: 50px;
		color: #7aa716;
	}

	.divModal.Error .modal-body {
		background-image: url("../images2/jumper/jumper-status.png");
		background-position: 20px -109px;
		padding-left: 50px;
		color: #ca2742;
	}



/*****************************************************************************************************************************************/
/* Error Box */
/*****************************************************************************************************************************************/
	.divErrorBox {
		color: #990000;
		border: 1px solid #990000;
		padding: 8px 10px 10px 10px;
		margin: 0px 0px 20px 0px;
	}

	.divErrorBox .Title {
		font-size: 1.167em;
		font-weight: bold;
		padding: 0px 0px 3px 0px;
	}

/*****************************************************************************************************************************************/
/* Info Box */
/*****************************************************************************************************************************************/

    .divInfoBox {
		border: 1px solid #cccccc;
		padding: 8px 10px 10px 10px;
		margin: 0px 0px 20px 0px;
        color: #707173;
	}

	.divInfoBox .Title {
		font-size: 1.167em;
		font-weight: bold;
		padding: 0px 0px 3px 0px;
        color: #1a428a;
	}



	
/*****************************************************************************************************************************************/
/* Color Pad */
/*****************************************************************************************************************************************/
	.colorGreyPad {
        color: #434f53;
        padding: 5px 0 0 0;
    }

    .colorRedPad {
        color: #990000;
        padding: 5px 0 0 0;
    }


/*****************************************************************************************************************************************/
/* Storage Box */
/*****************************************************************************************************************************************/
	.divStorageBox {
		position: relative;		
		padding: 21px 39px 16px 10px;
		margin: 0px 0px 20px 0px;

		border: 1px solid #cccccc;
		border-radius: 6px;
	}

	.divStorageBox > table {
		table-layout: fixed;
	}

	/* Table */
		.divStorageBox table.StorageBoxTable {

		}

	/* Storage Content */
		.divStorageBox .StorageContent {			
			
		}

	/* Image */
		.divStorageBox .Image {			
			padding: 0px 10px 0px 0px;
			text-align: center;
		}

	/* Title */
		.divStorageBox .Title {
			position: relative;
			padding: 0px 0px 4px 0px;

			font-size: 1.667em;
			line-height: 1.12;
			color: #1a428a;
		}

		.divStorageBox .Title .Value {
			padding: 5px 0px 3px 0px;
		}

		.divStorageBox .Title .AjaxRead  .Value {
			margin-right: 53px;
		}

		.divStorageBox .Title .AjaxEdit {
			padding: 8px 0px 0px 0px;
		}

		.divStorageBox .Title .divInput {	
			margin: 0px 53px 0px -11px;		
			
			padding: 8px 4px 8px 8px;

			font-size: 1em;
			line-height: 1.12;

			background-color: #ffffff;
			border-radius: 6px;
			border: 1px solid #cccccc;
			
		}

		.divStorageBox .Title .divInput input {
			font-size: 1em;
			line-height: 1.12;
			font-weight: 700;

			color: #1a428a;
		}

		/* Bold */
			.divStorageBox .Title.Bold {
				font-weight: 700;
			}

		/* Edit / Save */
			.divStorageBox .Title a.Edit {				
				position: absolute;
				top: 8px;
				right: 0px;

				display: block;
				width: 43px;
				height: 43px;

				background-image: url(../images2/icons/icon-edit-grey-15.png);
				background-position: 13px 13px;
				background-repeat: no-repeat;

				border: 1px solid #cccccc;
				border-radius: 6px;
			}

			.divStorageBox .Title a.Edit:hover {		
				border-color: #1a428a;
			}

			.divStorageBox .Title a.Save {
				position: absolute;
				top: 8px;
				right: 0px;

				display: block;
				width: 43px;
				height: 43px;

				background-image: url("../images2/icons/icon-save.png");
				background-position: 14px 14px;
				background-repeat: no-repeat;

				border: 1px solid #1a428a;
				border-radius: 6px;

				background-color: #1a428a;
			}

			.divStorageBox .Title a.Save:hover {		
				border-color: #cccccc;
			}


	/* .Additional Text */
		.divStorageBox .AdditionalText {
			font-size: 1.334em;
			line-height: 1.375;
		}

		.divStorageBox .AdditionalText.colorGreyPad {
			padding: 0px 0px 0px 0px;
		}
		
		.divStorageBox .AdditionalText.colorRedPad {			
			padding: 0px 0px 0px 0px;
		}


	/* Serialnumber */
		.divStorageBox .Serialnumber {
			padding: 0px 0px 0px 0px;
			
			font-size: 1.667em;
			line-height: 1.12;
			color: #1a428a;
		}


	.divStorageBox .StorageData {
		padding: 8px 0px 0px 0px;

		font-size: 1.5em;
		line-height: 1.334;
		color: #72a028;
	}

	.divStorageBox .StorageData table tr td {
		padding-right: 14px;
	}

	.divStorageBox .StorageData .Value {
		font-weight: bold;
	}

	.divStorageBox.EMZ {
		border: none;
		background-color: #f0f0f0;
		padding-bottom: 20px;

		background-image: url(../images2/backgrounds/bg-emz.jpg);
		background-position: center bottom;
		background-repeat: no-repeat;
	}

    .divStorageBox.Pointer {
        cursor: pointer;
    }

	.divStorageBox.EMZ.Selected {
		border: none;
	}

	.divStorageBox tr:first-child td:first-child img {
		cursor: pointer;
	}

   

	/* Select */
		.divStorageBox .divCheckbox {
			position: absolute;
			left: -8px;
			top: 36px;
		}

		.divStorageBox .divCheckbox .jqx-fill-state-normal {
			background: #fff;
			border-color: #cccccc;
			border-radius: 5px;
		}

		.divStorageBox.Selected {
			border: 1px solid #1a428a;
		}

		.divStorageBox.Selected .divCheckbox .jqx-fill-state-normal {
			border-color: #1a428a;
		}

		.divStorageBox.Selected .StorageForm,
		.divStorageBox .StorageForm.Readonly {
			display: table-cell;
		}
	

	/* Form */		
		.divStorageBox .StorageForm {
			width: 590px;
			padding-left: 30px;			
		}

		.divStorageBox .StorageForm div.divForm {
			width: 590px;
			padding: 8px 0px 8px 0px;
		}

		.divStorageBox .StorageForm div.divForm::after {			
			display: block;

			content: "";			

			clear: both;
		}

		/* Table Form */
			.divStorageBox .StorageForm div.divForm .tableForm tr td {
				padding: 0px 30px 0px 0px;
			}

			.divStorageBox .StorageForm div.divForm .tableForm tr td.Input {
				padding-right: 10px;
			}

			.divStorageBox .StorageForm div.divForm .tableForm tr td.tdInfoIcon {
				padding-top: 18px;
			}

			.divStorageBox .StorageForm div.divForm .tableForm tr td:last-child {
				padding-right: 0px;
			}


		/* Input */
			.divStorageBox .StorageForm div.divForm div.divInput {
				position: relative;

				min-height: 43px;
				padding: 0px 0px 0px 0px;

				font-size: 1em;
				line-height: 1.12;

				border: none;		
				background: none;			
			}
			
			.divStorageBox .StorageForm div.divForm div.divInput div.Value {
				width: 100%;
				min-height: 43px;
				padding: 9px 9px 10px 9px;

				font-size: 1.667em;
				line-height: 1.12;

				white-space: nowrap;

				background-color: #f4f4f4;
				border-radius: 6px;
				border: 1px solid #f4f4f4;
			}

			.divStorageBox .StorageForm div.divForm div.divInput input {
				padding: 8px 9px 10px 9px;

				font-size: 1.667em;
				line-height: 1.12;

				background-color: #ffffff;
				border-radius: 6px;
				border: 1px solid #cccccc;
			}

			.divStorageBox .StorageForm div.divForm div.divInput div.CryptoCodeResult {
				position: absolute;
				top: 11px;
				right: 8px;

				width: 20px;
				height: 20px;
			}


		/* Select */
			.divStorageBox .StorageForm div.divForm div.divSelect {
				min-height: 41px;
				padding: 7px 5px 9px 5px;

				font-size: 1.667em;
				line-height: 1.12;

				white-space: nowrap;

				background-color: #ffffff;
				border-radius: 6px;
				border: 1px solid #cccccc;
			}

			.divStorageBox .StorageForm div.divForm div.divSelect select {
				font-size: 1em;
				line-height: 1.12;

				background-color: #ffffff;
			}
			


	/* Button Emz  */
		.divStorageBox a.ButtonEmz {
			display: inline-block;
			min-width: 139px;
			padding: 9px 19px 10px 19px;

			font-size: 1.667em;
			line-height: 1.12;

			background-color: #cccccc;
			border-radius: 6px;
			border: 1px solid #cccccc;			
		}

		.divStorageBox a.ButtonEmz:hover {
			background-color: #1a428a;
		}
		


	
	/*******************************************************************************************************************************************/
	/* Variant: with Checkbox White */
		.divStorageBox.WithCheckboxWhite {						
			padding: 18px 20px 17px 62px;

			border: 1px solid #ffffff;
			border-radius: 6px;
			background-color: #ffffff;						
		}

		/* Before */
			.divStorageBox.WithCheckboxWhite::before {
				position: absolute;
				top: 50%;
				left: 29px;
				transform: translate(0px, -50%);

				display: block;
				width: 22px;
				height: 22px;

				content: "";

				border: 1px solid #cccccc;
				border-radius: 4px;
			}


		/* Elemente */
			.divStorageBox.WithCheckboxWhite .Title {	
				padding-left: 10px;		
				color: #888888;

				-webkit-transition: all 0.25s ease;
				-moz-transition: all 0.25s ease;
				-ms-transition: all 0.25s ease;
				-o-transition: all 0.25s ease;
				transition: all 0.25s ease
			}
			
			
			.divStorageBox.WithCheckboxWhite .Serialnumber {	
				padding-left: 10px;		
				padding-bottom: 0px;		
				color: #888888;

				-webkit-transition: all 0.25s ease;
				-moz-transition: all 0.25s ease;
				-ms-transition: all 0.25s ease;
				-o-transition: all 0.25s ease;
				transition: all 0.25s ease
			}

			.divStorageBox.WithCheckboxWhite .StorageData {	
				padding-left: 10px;		
				padding-bottom: 8px;					
			}


		/* EMZ */
			.divStorageBox.EMZ.WithCheckboxWhite  {
				background-image: none;
			}

			.divStorageBox.EMZ.WithCheckboxWhite::after {
				position: absolute;
				bottom: -10px;
				left: 50%;

				transform: translate(-50%, 0px);

				width: 19px;
				height: 10px;

				content: "";

				background: url(../images2/icons/icon-arrow-white-down.png);				
			}


		/* Select */
			.divStorageBox.WithCheckboxWhite.Selected::before  {
				background-image: url(../images2/icons/icon-check.png);
				background-position: 3px 4px;
				background-repeat: no-repeat;
			}

			.divStorageBox.WithCheckboxWhite.Selected .Title {	
				color: #1a428a;				
			}

			.divStorageBox.WithCheckboxWhite.Selected .Serialnumber {	
				color: #1a428a;					
			}


		/* Hover */
			.divStorageBox.WithCheckboxWhite:hover .Title {	
				color: #1a428a;
			}

			.divStorageBox.WithCheckboxWhite:hover .Serialnumber {	
				color: #1a428a;					
			}
			
	




	/*******************************************************************************************************************************************/
	/* Submit */
		.divStorageFormSubmit {
			padding: 17px 0px 0px 0px;
		}

		.divStorageFormSubmit.FormRemove {
			padding: 7px 0px 0px 0px;
		}

		.divStorageFormSubmit p a {
			color: #1a428a;
			margin-left: 20px;
		}

		.divStorageFormSubmit .divSummary {
			margin: 16px 0px 0px 0px;
			padding-top: 20px;
			border-top: 1px solid #cccccc;
		}

		.divStorageFormSubmit.FormRemove .divSummary {
			margin: 0px 0px 0px 0px;
			padding-top: 0px;
			border: none;
		}

		.divStorageFormSubmit .divSummary p {
			padding: 0px;
			font-size: 1.333em;
			line-height: 1.125em;
			color: #707173;
		}

		.divStorageFormSubmit.FormRemove .divSummary p {
			font-size: 1.167em;
		}

		.divStorageFormSubmit .divSummary a.Button {
			padding: 5px 9px 6px 9px;
		}

		.divStorageFormSubmit.FormRemove .divSummary a.Button {
			background-color: #999999;
			color: #ffffff;
		}

        .divStorageFormSubmit .StorageSelection td.AjaxLoad {
			width: 20px;
			background-image: url(../images2/icons/loading.gif);
			background-position: 0px center;
			background-repeat: no-repeat;
		}
      
        a.ButtonEmz {
            background-color: #999999;
            color: #ffffff;
            padding: 5px 9px 6px 9px;
            display: inline-block;
            min-width: 126px;
            float:left;
            text-align: center;
            font-size: 1.17em;
            line-height: 1.14em;
	    }
        a.ButtonEmz.Blue {
            background-color: #1a428a;
        }
        a.ButtonEmz.Right {
            float:right;
        }



/*****************************************************************************************************************************************/
/* Storage Sensor Status */
/*****************************************************************************************************************************************/

	.SensorStatusRun {
		display: inline-block;
		padding-right: 25px;
		background-image: url(../images2/icons/loading.gif);
		background-position: right 0px;
		background-repeat: no-repeat;
	}

	.SensorStatusSuccess {
		color: #72a028;
	}

	.SensorStatusError {
		color: #990000;
	}



    .popover {
        max-width: 350px;
    }

	a.remove {
		font-size: 1.334em;
		line-height: 1.375;
		display: inline-block;
		padding: 0;
		font-weight: normal;
		color: #990000;
	}


/*****************************************************************************************************************************************/
/* Storage Overlay */
/*****************************************************************************************************************************************/

	.divStorageSelection .divStorageOverlay {
		display: none;
	}

	.divStorageSelection .divStorageOverlay .divStorageOverlayInner {		
		position: absolute;
		left: 0px;

		width: 100%;
		height: calc(100vh - 142px);
		padding: 40px 40px 40px 40px;

		border-top: 1px solid #cccccc;
		background-color: #ffffff;

		overflow-y: auto;
	}

	.divStorageSelection .divStorageOverlay .divStorageOverlayInner div.InnerWidth {
		max-width: 1400px;
		min-height: 100%;
		margin: 0px auto 0px auto;
		padding: 28px 40px 20px 40px;
		
		background-color: #f4f4f4;
		border-radius: 6px;		
	}

	.divStorageSelection .divStorageOverlay h1 {
		padding-bottom: 24px;

		color: #000000;
	}

	.divStorageSelection .divStorageOverlay p {
		color: #707173;
	}


    .divForm .InputResult {
        padding: 4px 0px 0px 19px;
    }

    .divForm .InputResult div {
        padding: 0px 0px 0px 30px;
        background-repeat: no-repeat;
    }

    .divForm .InputResult .Success {
        color: #6a9017;
        background-image: url(../Images/icons/icon-success.png);
    }

    .divForm .InputResult .Error {
        color: #ca2742;
        background-image: url(../Images/icons/icon-error.png);
        background-position: 2px 1px;
    }


/*****************************************************************************************************************************************/
/* Installateur */
/*****************************************************************************************************************************************/
    .ModuleTitle {
		padding: 16px 0px 6px 0px;
		font-weight: bold;
        font-size: 1.33em;
        color: #434f53;
	}

	div.moduleSerials {
        font-size: 1.167em;
        line-height: 1.4em;
    }

    table.netzparameter td label {
        padding: 0px 0px 0px 0px;
        margin: 0px;
        font-size: 1.167em;
        font-weight: bold;
        color: #1a428a;
        /*width:150px;*/
    }
    .divForm .tableForm.netzparameter tr td {
        padding-top: 8px;
    }
    .divForm .tableForm.netzparameter tr td.abstand {
        padding-right: 60px;
    }
    .divForm .tableForm.netzparameter {
        width: auto;
    }
    .divForm .tableForm.netzparameter tr td input {
        margin: 0 !important;
    }
    td.nobr {
        white-space:nowrap;
    }
    .nav_grey {
        color: #999999;
    }


    .divButtonBar.ButtonBarWithHeadline.autotest h2 {
        display: block;
        float: none;
    }

    .divForm .tableForm.autotest {
        width: auto;
    }

    .divForm .tableForm.autotest td {
        border-top: 1px solid #cccccc;
        font-size: 1.167em;
        padding: 8px 40px 8px 0px;
    }

    .divForm .tableForm.autotest tr.head td {
        color: #1a428a;
        border-top: 0px;
    }
    .divForm .tableForm.autotest th {
        color: #1a428a;
        font-size: 1.167em;
        padding: 8px 40px 8px 0px;
    }



    .autotest_erfolg span.glyphicon,
    .autotest_fehler span.glyphicon,
    .autotest_running span.glyphicon{
        font-size:30px;
        padding-right: 10px;
    }
    .autotest_erfolg {
        font-size:1.167em;
        color: #72a028;
        vertical-align: middle;
        display: flex;
        align-items: center;
    }
    .autotest_fehler {
        font-size:1.167em;
        color: #990000;
        vertical-align: middle;
        display: flex;
        align-items: center;
    }
    .autotest_running {
        font-size:1.167em;
        color: #ffd100;
        vertical-align: middle;
        display: flex;
        align-items: center;
    }


    .autotest_loader {
        border: 8px solid #f3f3f3; /* Light grey */
        border-top: 8px solid #ffd100; /* Blue */
        border-radius: 50%;
        width: 30px;
        height: 30px;
        animation: spin 2s linear infinite;
        display: inline-block;
        margin-right:10px;
    }

    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }

/*****************************************************************************************************************************************/
/* Load Limit - Configuration */
/*****************************************************************************************************************************************/
    .divLoadLimitConfiguration {
		padding: 9px 0px 7px 0px;
	}


	/*************************************************************************************************************************************/
	/* Image */
		.divLoadLimitConfiguration div.Image {
			padding: 0px 0px 19px 0px;

			text-align: center;
		}

		.divLoadLimitConfiguration div.Image img {
			width: 100%;
			height: auto;
		}



	/*************************************************************************************************************************************/
	/* Table Form */
		.divLoadLimitConfiguration table.tableForm{

		}

		.divLoadLimitConfiguration table.tableForm tr td.MobileRow {
			padding-right: 0px;
			width: 33.3%;
		}




	/*************************************************************************************************************************************/
	/* Configuration Box */
		.divLoadLimitConfiguration div.ConfigurationBox {
			padding: 0px 10px 0px 10px;

			text-align: center;
		}

		/* Title */
			.divLoadLimitConfiguration div.ConfigurationBox div.Title {
				display: inline-block;
				margin: 0px auto 0px auto;
				padding: 13px 0px 25px 0px;

				font-size: 1.58em;
				font-weight: 700;
				color: #1e509d;

				background-position: left top;
				background-repeat: no-repeat;
			}

			/* Variant: Morning */
				.divLoadLimitConfiguration div.ConfigurationBox div.Title.Morning {
					padding-left: 48px;
					background-image: url(../images2/load-limit/icon-morning.png);
				}

			/* Variant: Noon */
				.divLoadLimitConfiguration div.ConfigurationBox div.Title.Noon {
					padding-left: 48px;
					background-image: url(../images2/load-limit/icon-noon.png);
				}

			/* Variant: Evening */
				.divLoadLimitConfiguration div.ConfigurationBox div.Title.Evening {
					padding-left: 48px;
					background-image: url(../images2/load-limit/icon-evening.png);
				}


		/* Table */
			.divLoadLimitConfiguration div.ConfigurationBox table {
				margin: 0px auto 13px auto;
			}

			.divLoadLimitConfiguration div.ConfigurationBox table tr {

			}

			.divLoadLimitConfiguration div.ConfigurationBox table tr td,
            table.energy td {
				font-size: 1.34em;
				line-height: 1.812em;
				color: #1e509d;
			}

			.divLoadLimitConfiguration div.ConfigurationBox table tr td input{
				width: 80px;
				height: 29px;
				margin: 0px 5px 0px 0px;
				padding: 0px 12px 0px 12px;

				background-color: #f6f6f6;
				border: 1px solid #cccccc;
			}

			.divLoadLimitConfiguration div.ConfigurationBox table tr td input.AlignRight {
				text-align: right;
			}


			.divLoadLimitConfiguration div.ConfigurationBox table tr td select,
            .energySelect {
				width: 80px;
				height: 29px;
				margin: 0px 5px 0px 0px;
				padding: 0px 0px 0px 6px;



				background-color: #f6f6f6;
				border: 1px solid #cccccc;
			}





/*****************************************************************************************************************************************/
/* Portal Meldungen */
/*****************************************************************************************************************************************/

    .divPortalMeldungen {
        background-color: #fff;
        background-image: none !important;
    }

    .divPortalMeldungen .HeaderBox .Navigation {
        display: flex;
        flex-wrap: wrap;
        font-size: 16px;
        color: #adadad;
        padding-bottom: 20px;
        text-transform: uppercase;
        font-weight: bold;
    }

    .divPortalMeldungen .HeaderBox .Navigation div {
        padding-bottom: 10px;
        margin-right: 40px;
        margin-bottom: 10px;
    }

    .divPortalMeldungen .HeaderBox .Navigation div a {
        color: #adadad;
    }

    .divPortalMeldungen .HeaderBox .Navigation div a:hover {
        padding-bottom: 10px;
        border-bottom: 3px solid #adadad;
    }

    .divPortalMeldungen .HeaderBox .Navigation .active {
        color: #1a428a;
        border-bottom: 3px solid #1a428a;
        margin-bottom: 20px;
    }

    .divPortalMeldungen .HeaderBox .Navigation .active a {
        color: #1a428a;
    }

    .divPortalMeldungen .HeaderBox .Navigation .active a:hover {
        padding-bottom: 10px;
        border-bottom: 2px solid #1a428a;
    }

    .divPortalMeldungen .HeaderBox .HeaderImage {
        padding-bottom: 45px;
    }

    .divPortalMeldungen .HeaderBox .HeaderImage img {
       /* width: 100%; */
    }

    .divPortalMeldungen .HeaderBox .HeaderImageMobile {
        display: none;
    }

    .divPortalMeldungen .HeaderBox .HeaderImageMobile img {
        width: 100%;
    }

	.cke_editable  h1,
    .divPortalMeldungen .HeaderBox div.Title h1 {
        font-size: 24px;
        line-height: 24px;
        text-transform: uppercase;
        font-weight: bold;
        padding-bottom: 28px;
    }


	.cke_editable div.TitleLine,
	.divPortalMeldungen div.TitleLine {
        height: 6px;
        width: 160px;
        background-color: #fed200;
        margin-bottom: 33px;
    }

    .cke_editable div.IntroText,
    .divPortalMeldungen .HeaderBox div.IntroText {
        font-size: 18px;
        line-height: 22px;
        color: #707173;
        padding-bottom: 10px;
    }

	.cke_editable  div.ContentText,
    .divPortalMeldungen .HeaderBox div.ContentText {
        font-size: 18px;
        line-height: 24px;
        color: #707173;
    }

    /*.divPortalMeldungen .ContentBox {*/
    /*    padding-top: 25px;*/
    /*}*/

    .divPortalMeldungen .ContentBox .ContentImage {
        padding-bottom: 40px;
    }

    .divPortalMeldungen .ContentBox .ContentImage img {
        width: 100%;
    }

	.cke_editable h2,
    .divPortalMeldungen .ContentBox .ContentText h2,
    .divPortalMeldungen .ContentBox .Title h2 {
        font-size: 24px;
        line-height: 24px;
        color: #1a428a;
        padding-bottom: 30px;
        font-weight: bold;
    }
	.cke_editable h2::after,
	.divPortalMeldungen .ContentBox .ContentText h2::after {
		content:' ';
		display:block;
		height: 6px;
		width: 160px;
		background-color: #fed200;
		margin-top: 30px;
	}

    .divPortalMeldungen .ContentBox div.IntroText {
        font-size: 18px;
        line-height: 22px;
        color: #707173;
        padding-bottom: 18px;
    }

    .cke_editable  a,
    .divPortalMeldungen .ContentBox div.ContentText a,
    .divPortalMeldungen .ContentBox div.IntroText a {
        font-weight: bold;
        color: #707173;
		text-decoration: none;
		cursor: pointer;
    }

	.cke_editable a:hover,
	.divPortalMeldungen .ContentBox div.ContentText a:hover,
    .divPortalMeldungen .ContentBox div.IntroText a:hover {
        color: #1a428a;
    }

    .divPortalMeldungen .ContentBox div.ContentText {
        font-size: 18px;
        line-height: 22px;
        color: #707173;
    }

    .divPortalMeldungen .ContentBox div.Spacer {
        height: 80px;
    }




/*****************************************************************************************************************************************/
/* Notification window */
/*****************************************************************************************************************************************/

	div.divNotificationWindowDecker {

		position: fixed;
		bottom: 0;
		right: 0;
		top: 0;
		left: 0;
		overflow: hidden;
		display: none;
		z-index: 18010;
		background: url('../images2/backgrounds/overlay.png');

	}


	div.divNotificationWindow {

		visibility: hidden;

		position: fixed;
		top: -100%;
		left: 50%;

		transform: translate(-50%, 0);
		z-index: 19000;

		width: 100%;
		max-width: 980px;
	}

	div.divNotificationWindow.Overview {
		visibility: visible;
		position: static;
		
		margin: 0px auto;		
		margin-top: 30px;

		transform: none;
	}

	div.divNotificationWindow.Overview .Close  {
		display: none;
	}


	/*************************************************************************************************************************************/
	/* Outer */
		div.divNotificationWindowOuter {
			margin: 0px 20px 0px 20px;

			background-color: #ffffff;

			border: 1px solid #dddddd;
			border-radius: 6px;
			
			/*
			-webkit-box-shadow: 0 0 8px 0 rgba(1,1,1,0.25);
			box-shadow: 0 0 8px 0 rgba(1,1,1,0.25);
			*/
		}


	/*************************************************************************************************************************************/
	/* Inner */
		div.divNotificationWindowInner {
			padding: 33px 30px 40px 30px;
		}


	/*************************************************************************************************************************************/
	/* Content Row */
		div.divNotificationWindow div.ContentRow {
			display: flex;
			flex-wrap: nowrap;
			flex-direction: row;
			justify-content: space-between;
			align-items: stretch;
		}


		/*********************************************************************************************************************************/
		/* Column - Image */
			div.divNotificationWindow div.ContentRow div.ColumnImage {
				flex-shrink: 0;

				width: 270px;				
			}

			/* Image */
				div.divNotificationWindow div.ContentRow div.ColumnImage div.Image {
					padding: 6px 0px 0px 0px;
				}

				div.divNotificationWindow div.ContentRow div.ColumnImage div.Image img {
					max-width: 100%;
					height: auto;
				}




		/*********************************************************************************************************************************/
		/* Column - Text */
			div.divNotificationWindow div.ContentRow div.ColumnText {
				position: relative;

				display: flex;
				flex-direction: column;
				justify-content: flex-start;
				align-items: flex-start;

				width: calc(100% - 270px);


				padding: 0px 0px 0px 0px;
			}


			/* Close */
				div.divNotificationWindow div.ContentRow div.ColumnText div.Close {
					position: absolute;
					top: -28px;
					right: -25px;
				}

				/* Link */
					div.divNotificationWindow div.ContentRow div.ColumnText div.Close a {
						display: block;

						width: 35px;
						height: 35px;
						padding: 10px 10px 10px 10px;
					}

					div.divNotificationWindow div.ContentRow div.ColumnText div.Close a::before {
						display: block;
						width: 15px;
						height: 15px;

						content: "";

						background-image: url("../images2/icons/icon-close-dark-gray-15.gif");
						background-position: left top;
						background-repeat: no-repeat;
					}


			/* Header */
				div.divNotificationWindow div.ContentRow div.ColumnText div.Header {
					padding: 0px 0px 18px 0px;
					width: 100%;
				}

				/* Image */
					div.divNotificationWindow div.ContentRow div.ColumnText div.Header div.Image {
						display: none;

						flex-shrink: 0;

						width: 90px;
						padding: 0px 15px 0px 0px;
					}

					div.divNotificationWindow div.ContentRow div.ColumnText div.Header div.Image img {
						max-width: 100%;
						height: auto;
					}
					img.defaultTeaserImageService {
						background-color: #f0f0f0;
						padding: 35px 40px 45px 40px;
					}


				/* Headline */
					div.divNotificationWindow div.ContentRow div.ColumnText div.Header div.Headline {
						position: relative;

						width: 100%;

						padding: 0px 0px 0px 0px;

						font-size: 2.25em;
						line-height: 1.148;					

						color: #1a428a;
					}
				


			/* Text */
				div.divNotificationWindow div.ContentRow div.ColumnText div.Text {
					width: 100%;

					font-size: 1.5em;
					line-height: 1.334;
					color: #000000;
				}


			/* Buttons */
				div.divNotificationWindow div.ContentRow div.ColumnText div.Buttons {					
					width: 100%;
					margin-top: auto;
					padding: 25px 0px 0px 0px;
				}


				/* Link */
					div.divNotificationWindow div.ContentRow div.ColumnText div.Buttons a {
						display: inline-block;
						min-width: 94px;

						margin: 0px 0px 0px 0px;
						padding: 8px 19px 9px 19px;

						font-size: 1.5em;
						line-height: 1.334;
						text-align: center;
						color: #1a428a;
						
						border: 1px solid #1a428a;
						border-radius: 6px;
						background-color: #ffffff;	
					}

					div.divNotificationWindow div.ContentRow div.ColumnText div.Buttons a:hover {						
						color: #ffffff;
						
						background-color: #1a428a;	
					}



.boxMaxWidth {
	width: 180px;
}



/*******************************************************************************************************************************************/
/* Information Content */
/*******************************************************************************************************************************************/
	div.divInformationContent {

	}


	/*******************************************************************************************************************************************/
	/* Row */
		div.divInformationContent div.InformationContentRow {
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			justify-content: flex-start;
			align-items: stretch;
		}

		/*******************************************************************************************************************************************/
		/* Columns */
			div.divInformationContent div.InformationContentRow div.ColumnLeft {
				display: flex;
				flex-direction: column;
				flex-wrap: nowrap;
				justify-content: flex-start;
				align-items: stretch;

				width: calc(100% - 376px);
			}

			div.divInformationContent div.InformationContentRow div.ColumnRight {	
				display: flex;
				flex-direction: column;
				flex-wrap: nowrap;
				justify-content: flex-start;
				align-items: stretch;
							
				width: 346px;
				margin-left: auto;
			}



	/*******************************************************************************************************************************************/
	/* Information Box */
		div.divInformationContent div.InformationBox {
			flex: 1;

			padding: 25px 20px 8px 20px;

			border: 1px solid #dddddd;
			border-radius: 6px;
		}

		div.divInformationContent div.InformationBox + div.InformationBox {
			margin-top: 30px;
		}


		/*******************************************************************************************************************************************/
		/* Content */
			div.divInformationContent div.InformationBox div.InformationBoxContent {
				height: 100%;
			}


			/*******************************************************************************************************************************************/
			/* Row */
				div.divInformationContent div.InformationBox div.InformationBoxContent div.InformationBoxRow {
					display: flex;
					flex-direction: row;
					flex-wrap: nowrap;
					justify-content: flex-start;
					align-items: center;

					height: 100%;
				}

				div.divInformationContent div.InformationBox div.InformationBoxContent div.InformationBoxRow div.ColumnImage {
					width: calc(100% - 580px);	
					display: flex;
					flex-direction: row;	
					justify-content: center;
					align-items: center;	
					
					padding-bottom: 20px;
				}

				div.divInformationContent div.InformationBox div.InformationBoxContent div.InformationBoxRow div.ColumnDetails {
					width: 530px;
					margin-left: auto;
					padding-bottom: 20px;
				}


			/* Image */
				div.divInformationContent div.InformationBox div.InformationBoxContent div.divImage img {
					max-width: 100%;
					height: auto;
				}

			/* Information Title */
				div.divInformationContent div.InformationBox div.InformationBoxContent div.InformationTitle {
					padding: 0px 0px 14px 0px;

					font-size: 1.834em;
					line-height: 1.182;
					font-stretch: expanded;
					color: #1a428a;			
				}


			/* Documents */
				div.divInformationContent div.InformationBox div.InformationBoxContent div.divDocuments {
					margin-top: 45px;
				}
			





/*****************************************************************************************************************************************/
/* Forgot Password */
/*****************************************************************************************************************************************/				
	div.divForgotPassword {
		padding: 0px 0px 0px 0px;
	}


	/*******************************************************************************************************************************************/
	/* Headline 2 */
		div.divForgotPassword h2 {			
			padding-bottom: 16px;

			font-size: 2.25em;
			line-height: 1.148;
			font-stretch: expanded;
			color: #1a428a;
		}



	/*******************************************************************************************************************************************/
	/* Form */
		div.divForgotPassword div.divForm {
			padding-top: 0px !important;
		}

		/* Introduction Text */
			div.divForgotPassword div.divForm div.IntroductionText {
				font-size: 1.5em;
				line-height: 1.444;
				color: #000000;
			}




	/*******************************************************************************************************************************************/
	/* Form Fields */
		div.divForgotPassword div.divFormFields {
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 16px 0px;
		}

		/* Label */
			div.divForgotPassword div.divFormFields div.Label {
				padding: 0px 0px 4px 0px;
			}

			div.divForgotPassword div.divFormFields div.Label label {
				margin: 0px 0px 0px 0px;

				font-size: 1.084em;
				line-height: 1.385;
				color: #000000;
				text-transform: uppercase;
			}


		/* Input */
			div.divForgotPassword div.divFormFields div.divInput {
				padding: 0px 0px 0px 0px;

				border: 1px solid #ccc;
				border-radius: 6px;

				background-color: #ffffff;
			}

			div.divForgotPassword div.divFormFields div.divInput input {
				width: 100%;
				margin: 0px 0px 0px 0px;
				padding: 6px 9px 7px 9px;

				font-size: 1.667em;
				line-height: 1.4;
				color: #000000;

				background-color: transparent;
			}



	/*******************************************************************************************************************************************/
	/* Button Bar */
		div.divForgotPassword div.divButtonBar {
			margin: 0px 0px 0px 0px !important;
			padding: 10px 0px 0px 0px !important;

			border: none !important;
		}

		/* Button */
			div.divForgotPassword div.divButtonBar a.Button {
				margin: 0px 0px 0px 0px;
				padding: 6px 60px 7px 60px;

				font-size: 1.667em;
				line-height: 1.4;

				background-color: #1a428a;
				border: 1px solid #1a428a;
				
				-webkit-transition: none;
				-moz-transition: none;
				-ms-transition: none;
				-o-transition: none;
				transition: none;
			}




/*****************************************************************************************************************************************/
/* Emz Overview Header  */
/*****************************************************************************************************************************************/
	.divEmzOverviewHeader {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: flex-start;

		padding: 0px 0px 19px 0px;
	}

	/* Column Left */
		.divEmzOverviewHeader div.ColumnLeft {
						
		}
		
	/* Column Right */
		.divEmzOverviewHeader div.ColumnRight {
			margin-left: auto;	
		}


	/* H1 */
		.divEmzOverviewHeader h1 {
			font-stretch: expanded;
			color: #000000;			
		}

	/* P */
		.divEmzOverviewHeader p {
			padding: 7px 0px 0px 0px;

			font-size: 1.334em;
			line-height: 1.375;

			color: #000000;
		}



/*****************************************************************************************************************************************/
/* Emz Overview Form  */
/*****************************************************************************************************************************************/
	.divEmzOverviewForm {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: flex-start;

		gap: 30px;
		row-gap: 14px;

		padding: 0px 0px 39px 0px;
	}

	/* Form Field */
		.divEmzOverviewForm div.FormField {
			flex: 1 1 auto;
		}

		/* Width's */
			.divEmzOverviewForm div.FormField.WidthSmall {
				max-width: 180px;
				width: 180px;
			}

			.divEmzOverviewForm div.FormField.WidthMedium {
				max-width: 420px;
			}

			.divEmzOverviewForm div.FormField.WidthLarge {
				max-width: 450px;
			}



		/* Label */
			.divEmzOverviewForm div.FormField div.Label {
				padding: 0px 0px 4px 0px;

			}

			.divEmzOverviewForm div.FormField div.Label label {
				margin: 0px 0px 0px 0px;

				font-size: 1.084em;
				line-height: 1.385;
				
				text-transform: uppercase;
			}

		/* Field */
			.divEmzOverviewForm div.FormField div.Field {
				
			}

			/* Input */
				.divEmzOverviewForm div.FormField div.Field div.divInput {
					min-height: 43px;
					padding: 0px 0px 0px 0px;

					font-size: 1em;
					line-height: 1.12;

					border: none;					
				}
				
				.divEmzOverviewForm div.FormField div.Field div.divInput div.Value {
					padding: 9px 9px 10px 9px;

					font-size: 1.667em;
					line-height: 1.12;

					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;

					background-color: #f4f4f4;
					border-radius: 6px;
					border: 1px solid #f4f4f4;
				}

				.divEmzOverviewForm div.FormField div.Field div.divInput input {
					padding: 8px 9px 10px 9px;

					font-size: 1.667em;
					line-height: 1.12;

					background-color: #ffffff;
					border-radius: 6px;
					border: 1px solid #cccccc;
				}


			/* InputAjaxEdit */
				.divEmzOverviewForm div.FormField div.Field div.InputAjaxEdit {
					position: relative;

					padding-right: 53px;
				}

				.divEmzOverviewForm div.FormField div.Field div.InputAjaxEdit div.divInput {
					position: static;
					margin: 0px 0px 0px 0px;

					background: none;
				}

				/* Edit */
					.divEmzOverviewForm div.FormField div.Field div.InputAjaxEdit a.Edit {
						position: absolute;
						top: 0px;
						right: 0px;

						display: block;
						width: 43px;
						height: 43px;

						background-image: url(../images2/icons/icon-edit-grey-15.png);
						background-position: 13px 13px;
						background-repeat: no-repeat;

						border: 1px solid #cccccc;
						border-radius: 6px;
					}

					.divEmzOverviewForm div.FormField div.Field div.InputAjaxEdit a.Edit:hover {		
						border-color: #1a428a;
					}


				/* Save */
					.divEmzOverviewForm div.FormField div.Field div.InputAjaxEdit a.Save {	
						position: absolute;
						top: 0px;
						right: 0px;

						display: block;
						width: 43px;
						height: 43px;

						background-image: url("../images2/icons/icon-save.png");
						background-position: 14px 14px;
						background-repeat: no-repeat;

						border: 1px solid #1a428a;
						border-radius: 6px;

						background-color: #1a428a;
					}

					.divEmzOverviewForm div.FormField div.Field div.InputAjaxEdit a.Save:hover {		
						border-color: #cccccc;
					}

				/* Ajax Edit */
					.divEmzOverviewForm div.FormField div.Field div.InputAjaxEdit div.AjaxEdit {
						
					}


				
/*****************************************************************************************************************************************/
/* Emz Overview Additional  */
/*****************************************************************************************************************************************/
	.divEmzOverviewAdditionall {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: flex-start;
		
		padding: 30px 0px 0px 0px;
	}

	/* Column */
		.divEmzOverviewAdditionall div.ColumnLeft {
			width: 50%;
		}

		.divEmzOverviewAdditionall div.ColumnRight {
			width: 50%;
			padding: 0px 0px 0px 30px;
		}


	/* H2 */
		.divEmzOverviewAdditionall h2 {
			padding: 4px 0px 18px 0px;

			font-size: 1.834em;
			line-height: 1.182;
			font-weight: 400;
			font-stretch: expanded;

			color: #000000;
		}


	/* Text */
		.divEmzOverviewAdditionall div.Text {
			font-size: 1.5em;
			line-height: 1.334;
		}





	/* Add To List */
		.divEmzOverviewAdditionall div.AddToList {
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			justify-content: flex-start;
			align-items: flex-start;

			gap: 30px;
		}


		/* Column Input */
			.divEmzOverviewAdditionall div.AddToList .ColumnInput {

			}
		


		/* Column Button */
			.divEmzOverviewAdditionall div.AddToList .ColumnButton {
				align-self: flex-end;				
			}

			.divEmzOverviewAdditionall div.AddToList .ColumnButton.AjaxLoad::before {
				display: block;
				width: 20px;
				height: 20px;
				margin: 0px 0px 12px 0px;

				content: "";

				background-image: url(../images2/icons/loading.gif);
				background-position: 0px center;
				background-repeat: no-repeat;
			}
	
			

		/* Label */
			.divEmzOverviewAdditionall div.AddToList div.Label {
				padding: 2px 0px 0px 0px;
				text-transform: uppercase;
			}


		/* Input */
			.divEmzOverviewAdditionall div.AddToList div.divInput {
				min-width: 180px;				
				padding: 0px 0px 0px 0px;

				background: none;
				border: none;
			}

			.divEmzOverviewAdditionall div.AddToList div.divInput .jqx-combobox {				
				height: 41px !important;

				font-size: 1.667em;
				line-height: 1.12;
				color: #434f53;

				background-color: #ffffff;
				border-radius: 6px;
				border: 1px solid #cccccc;
			}

			.divEmzOverviewAdditionall div.AddToList div.divInput .jqx-combobox-content {				
				font-size: 1em;
				line-height: 1.12;				
			}

			.divEmzOverviewAdditionall div.AddToList div.divInput .jqx-combobox-input {		
				height: auto !important;
				padding: 8px 9px 10px 9px !important;

				font-size: 1em;
				line-height: 1.12;
				
				background: none;
			}


		/* Button */
			.divEmzOverviewAdditionall div.AddToList a.Button {		
				display: inline-block;		
				padding: 9px 19px 10px 19px;

				font-size: 1.667em;
				line-height: 1.12;
				color: #ffffff;

				background-color: #cccccc;
				border-radius: 6px;
				border: 1px solid #cccccc;			
			}

			.divEmzOverviewAdditionall div.AddToList a.Button:hover {
				background-color: #1a428a;
			}



/*******************************************************************************************************************************************/
/* Available Storage List */
/*******************************************************************************************************************************************/			
	div.AvailableStorageList {
		padding: 10px 0px 0px 0px;
	}



/*****************************************************************************************************************************************/
/* Crypto Code */
/*****************************************************************************************************************************************/
	.InitCryptoCode .CryptoCodeResult {
		background-position: center center;
		background-repeat: no-repeat;
	}

	.InitCryptoCode.AjaxLoad .CryptoCodeResult {
		background-image: url(../images2/icons/loading.gif);
	}

	.InitCryptoCode.Success .CryptoCodeResult {
		background-image: url(../images2/icons/icon-success.png);
	}

	.InitCryptoCode.Error .CryptoCodeResult {
		background-image: url(../images2/icons/icon-error.png);
	}

	.InitCryptoCode.Error .divInput input {
		border: 1px solid #990000 !important;
	}




/*****************************************************************************************************************************************/
/* Portal Message Details */
/*****************************************************************************************************************************************/
	div.divPortalMessageDetails {

	}

	/*******************************************************************************************************************************************/
	/* Row */
		div.divPortalMessageDetails div.Row {
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			justify-content: flex-start;
			align-items: flex-start;				
		}	

		/* Column - Content */
			div.divPortalMessageDetails div.Row div.ColumnContent {
				width: calc(100% - 346px - 60px);
			}	


		/* Column - Image */
			div.divPortalMessageDetails div.Row div.ColumnImage {				
				width: 346px;
				margin: 0px 0px 0px auto;
			}	
	

	/*******************************************************************************************************************************************/
	/* Image */
		div.divPortalMessageDetails	div.Image {
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 30px 0px;

			text-align: right;
		}
	

		/* Img */
			div.divPortalMessageDetails	div.Image img {
				max-width: 100%;
				height: auto;
			}


		/* Varaint: Desktop */
			div.divPortalMessageDetails	div.Image.Desktop {

			}

		/* Varaint: Smartphone */
			div.divPortalMessageDetails	div.Image.Smartphone {
				display: none;
			}
		
			


	/*******************************************************************************************************************************************/
	/* Title */
		div.divPortalMessageDetails	div.Title {
			padding: 0px 0px 24px 0px;
		}

		/* H1 */
			div.divPortalMessageDetails	div.Title h1 {
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;

				font-size: 3.667em;
				line-height: 1.05;
				font-stretch: expanded;
			}
		/* H2 */
			div.divPortalMessageDetails	div.Title h2 {
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 17px 0px !important;

				font-size: 2.25em !important;
				line-height: 1.148 !important;
				font-weight: normal !important; 
				font-stretch: expanded !important;
				color: #1a428a !important;
			}


	/*******************************************************************************************************************************************/
	/* Intro Text */
		div.divPortalMessageDetails	div.IntroText {
			padding: 0px 0px 35px 0px;

			font-size: 1.834em;
			line-height: 1.455em;
		}


	/*******************************************************************************************************************************************/
	/* Content Box */
		div.divPortalMessageDetails	div.Content {
			position: static;
			height: auto;
		}


		/* Content Image */
			div.divPortalMessageDetails	div.Content div.ContentImage {
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 40px 0px;
			}

			div.divPortalMessageDetails	div.Content div.ContentImage img {
				max-width: 100%;
				height: auto;
			}


		/* Title */
			div.divPortalMessageDetails	div.Content div.Title {
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
			}


		/* Content Text */
			div.divPortalMessageDetails	div.Content div.ContentText {
				font-size: 1.5em;
				line-height: 1.334;
				color: #000000;
			}


			/* Headline 2 */
				div.divPortalMessageDetails	div.Content div.ContentText h2 {
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 17px 0px;

					font-size: 1.222em !important;
					line-height: 1.182 !important;
					font-weight: normal !important; 	
					color: #000000 !important;
				}

				div.divPortalMessageDetails	div.Content div.ContentText p + h2 {				
					padding-top: 30px;
				}


	/*******************************************************************************************************************************************/
	/* Button */
		div.divPortalMessageDetails	div.Button {
			
		}

		div.divPortalMessageDetails	div.Button a {
			display: inline-block;
			

			margin: 0px 0px 0px 0px;
			padding: 8px 19px 9px 19px;

			font-size: 1.5em;
			line-height: 1.334;
			text-align: center;
			color: #1a428a;
			
			border: 1px solid #1a428a;
			border-radius: 6px;
			background-color: #ffffff;	
		}

		/* Hover */
			div.divPortalMessageDetails	div.Button a:hover {						
				color: #ffffff;
				
				background-color: #1a428a;	
			}





/*******************************************************************************************************************************************/
/* wait Me */
/*******************************************************************************************************************************************/
	.waitMe_container {
		transform: none !important;
	}

	.waitMe_container .waitMe {
		position: fixed !important;
		top: 50% !important;
		left: 50% !important;
		right: auto !important;
		bottom: auto !important;
		transform: translate(-50%, -50%);

		width: 80px;
		height: 34px;
	}

	.waitMe_container .waitMe .waitMe_content {
		top: 16px !important;
        margin: 0px !important;
		transform: translate(0px, -50%) !important;
	}