/* ####################### */
/* Navigation
/* ####################### */

#header_navigation
{
	float: right;
	width: auto !important;
	height: 77px !important;
	padding: 49px 0px 0px 20px !important;
}

	#header_navigation > ul
	{
		float: left;
		width: auto;
		font-size: 1.125em;
		font-weight: 400;
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}

		#header_navigation ul li
		{
			float: left;
			display: inline;
			position: relative;
			text-transform: uppercase;
			padding: 0px 0px 0px 0px;
			margin: 0px 12px 0px 0px;
		}
		
			#header_navigation ul li .open_submenu
			{
				display: none;
			}

			#header_navigation ul li a
			{
				float: left;
				color: #FFFFFF;
				font-weight: 400 !important;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				text-decoration: none;
			}
			
			#header_navigation ul li.active a
			{
				color: #FFFFFF !important;
				text-decoration: underline;
			}
			
			#header_navigation ul li a:hover
			{
				text-decoration: underline;
			}
			
			#header_navigation ul li ul
			{
				display: none;
				position: absolute;
				width: 230px;
				top: 16px;
				left: -20px;
				z-index: 999;
				padding: 17px 10px 10px 20px;
				margin: 0px 0px 0px 0px;
				opacity: 0;
				visibility: hidden;
				background: #101010;
				-webkit-transition: opacity 0.2s ease, visibility 0.2s ease;
				-moz-transition: opacity 0.2s ease, visibility 0.2s ease;
				-o-transition: opacity 0.2s ease, visibility 0.2s ease;
				-ms-transition: opacity 0.2s ease, visibility 0.2s ease;
				transition: opacity 0.2s ease, visibility 0.2s ease;
				-webkit-border-bottom-left-radius: 5px !important;
				-moz-border-radius-bottomleft: 5px !important;
				border-bottom-left-radius: 5px !important;
				-webkit-border-bottom-right-radius: 5px !important;
				-moz-border-radius-bottomright: 5px !important;
				border-bottom-right-radius: 5px !important;
			}
			
			#header_navigation ul li:last-child ul,
			#header_navigation ul li.last ul
			{
				left: auto;
				right: -20px;
			}

				#header_navigation ul li.open ul,
				#header_navigation ul li:hover ul
				{
					display: inline;
					opacity: 1; visibility: visible;
				}
				
					#header_navigation ul li.open ul li,
					#header_navigation ul li:hover ul li
					{
						float: left;
						width: 100%;
						background: none;
						margin: 0px 0px 0px 0px;
						padding: 0px 0px 0px 0px;
					}
					
						#header_navigation ul li.open ul a,
						#header_navigation ul li:hover ul a
						{
							float: left;
							width: 100%;
							color: #FFFFFF !important;
							text-transform: none;
							text-decoration: none;
							padding: 3px 0px 3px 0px;
							margin: 0px 0px 5px 0px;
							background: none !important;
						}
						
							#header_navigation ul li.open ul a:hover,
							#header_navigation ul li:hover ul a:hover
							{
								text-decoration: underline;
							}
							
							#header_navigation ul li.open ul li.active a,
							#header_navigation ul li:hover ul li.active a
							{
								color: #FFFFFF !important;
								text-decoration: underline;
							}
						
						#header_navigation ul li ul li a.toggle_sub_navi
						{
							padding-right: 30px !important;
							background: url(../graphics/icons/ico_menu_arrow_right.png) no-repeat 183px center !important;
							background-size: auto 14px !important;
						}
						
						#header_navigation ul li ul li a.toggle_sub_navi_open
						{
							background: url(../graphics/icons/ico_menu_arrow_down.png) no-repeat 180px center !important;
							background-size: 14px auto !important;
						}
						
						#header_navigation ul li ul li a.toggle_sub_navi_open
						{
							
						}

						#header_navigation ul li ul li ul
						{
							float: left;
							position: relative;
							width: 230px;
							top: auto !important;
							left: -20px !important;
							display: none !important;
							-webkit-border-radius: 0px !important;
							-moz-border-radius: 0px !important;
							border-radius: 0px !important;
							padding: 0px 0px 0px 20px !important;
							margin: 0px 0px 7px 0px !important;
						}
						
						#header_navigation ul li ul li ul.sub_navi_open
						{
							display: inline !important;
						}
						
							#header_navigation ul li ul li ul li
							{
								position: relative;
								width: 100%;
								top: auto;
								left: auto;
								font-size: 0.95em !important;
								background: none !important;
							}
							
								#header #header_navigation ul li ul li ul.sub_navi_open li a:before
								{
									content: "- ";
								}
							
								#header_navigation ul li ul li ul li a
								{
									color: #FFFFFF !important;
									text-decoration: none !important;
									padding: 1px 0px 2px 0px !important;
									margin: 0px 0px 2px 0px !important;
								}
								
								#header_navigation ul li.open ul li ul li.active a
								{
									color: #FFFFFF !important;
									text-decoration: underline !important;
								}
								
								#header_navigation ul li.open ul li ul li a:hover
								{
									text-decoration: underline !important;
								}


/* ############################################## */
/* Fix to long navi dropdown on small screens
/* ############################################## */

@media screen and (max-height: 870px) and (min-width: 1000px) {
	
	#header #header_navigation ul li
	{
		font-size: 0.95em;
	}
	
	#header #header_navigation ul li ul a
	{
		padding: 1px 0px 1px 0px;
		margin: 0px 0px 3px 0px;
	}
	
	#header #header_navigation ul li ul li a.toggle_sub_navi
	{
		padding-right: 20px !important;
		background-size: auto 12px !important;
		background-position: 190px center !important;
	}
	
	#header #header_navigation ul li ul li a.toggle_sub_navi_open
	{
		background-position: 187px center !important;
		background-size: 12px auto !important;
	}
  
}


/* ####################### */
/* Username
/* ####################### */

#header_navigation ul li.username
{
	position: absolute;
	top: -50px;
	right: 0px;
	width: auto !important;
	height: 20px;
	font-size: 11px;
	color: #FFFFFF;
}
	
								
/* ####################### */
/* Multipanel
/* ####################### */

#header_navigation ul li.multipanel
{
	position: absolute;
	top: -28px;
	right: 0px;
	width: auto !important;
	min-width: 220px !important;
	height: 20px;
	font-size: 10px !important;
}

	#header_navigation ul li.multipanel a
	{
		float: right;
		font-size: 1.125em;
		font-weight: 700;
		-ms-word-break: break-all;
		word-break: break-all;
		word-break: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
		padding-right: 21px;
		background: url(../graphics/icons/ico_arrow_multipanel.png) no-repeat right center;
	}
	
	#header_navigation ul li.multipanel span.headline
	{
		color: #FFFFFF;
		font-size: 11px !important;
		margin-right: 5px !important;
	}
	
		#header_navigation ul li.multipanel ul
		{
			position: absolute;
			width: auto !important;
			top: 20px;
			left: auto !important;
			right: 0px;
			z-index: 999;
			padding: 0px 20px 5px 10px;
			margin: 0px 0px 0px 0px;
		}
		
			#header_navigation ul li.multipanel ul li
			{
				float: right;
				width: 100%;
				text-align: right;
				padding: 0px 0px 0px 0px !important;
			}
			
				#header_navigation ul li.multipanel ul li a
				{
					padding-right: 0px;
					background: none;
					padding: 2px 0px 2px 0px;
					margin: 0px 0px 2px 0px;
				}


		
/* ####################### */
/* Toolbar
/* ####################### */

#header_navigation #toolbar
{
	float: right;
	width: 40px !important;
	height: 77px;
	text-align: center;
	border-left: 1px solid #5d5d5d;
	border-right: 1px solid #5d5d5d;
	padding: 3px 8px 0px 8px;
	margin: -49px 0px 0px 8px;
}

	#header_navigation #toolbar .name
	{
		display: none;
		float: none !important;
		width: 100% !important;
		color: #FFFFFF;
		font-size: 1.475em;
		font-weight: 700;
		text-transform: uppercase;
		margin: 0px 0px 14px 0px;
		padding: 0px 10px 0px 10px;
	}

	#header_navigation #toolbar ul
	{
		float: left;
		width: 100% !important;
		text-align: center;
		font-size: 0.87em;
		font-weight: 700;
		position: relative;
		margin: 0px auto 0px auto;
		padding: 0px 0px 0px 0px;
	}
	
		#header_navigation #toolbar ul li
		{
			float: left;
			width: 100%;
			display: inline;
			position: relative;
			text-transform: uppercase;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 5px 0px;
		}

			#header_navigation #toolbar ul li a
			{
				float: left;
				color: #FFFFFF;
				width: 100%;
				height: 15px;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				text-decoration: none;
			}
			
			#header_navigation #toolbar ul li a span
			{
				display: none;
			}
			
			#header_navigation #toolbar ul li a:hover
			{
				text-decoration: underline;
			}
			
				#header_navigation #toolbar ul li.logout a
				{
					background: url(../graphics/icons/toolbar_ico_logout.png) no-repeat center top;
					background-size: auto 13px;
				}
				
				#header_navigation #toolbar ul li.profile a
				{
					background: url(../graphics/icons/toolbar_ico_profile.png) no-repeat center top;
					background-size: auto 13px;
				}
				
				#header_navigation #toolbar ul li.manual a
				{
					background: url(../graphics/icons/toolbar_ico_manual.png) no-repeat center top;
					background-size: auto 13px;
				}
				
				#header_navigation #toolbar ul li.contact a
				{
					background: url(../graphics/icons/toolbar_ico_contact.png) no-repeat center top;
					background-size: auto 13px;
				}


/* ####################### */
/* Responsive navi
/* ####################### */

#header #toggle_navigation
{
	position: absolute;
	top: 8px;
	right: 10px;
	width: 44px;
	display: none;
	padding: 9px 10px 5px 10px;
	-webkit-border-radius: 8px !important;
	-moz-border-radius: 8px !important;
	border-radius: 8px !important;
}	

	#header #toggle_navigation span
	{
		float: left;
		width: 100%;
		height: 2px;
		background: #FFFFFF;
		-webkit-border-radius: 1px !important;
		-moz-border-radius: 1px !important;
		border-radius: 1px !important;
		margin: 0px 0px 4px 0px;
	}
	

/* ####################### */
/* Sub Navigation
/* ####################### */

#subnavigation
{
	float: right;
	width: auto !important;
	list-style: none !important;
	background: none !important;
	padding: 0px 0px 0px 0px !important;
	margin: -63px 0px 0px 0px !important;
}

	#subnavigation li
	{
		float: left;
		width: auto !important;
		list-style: none !important;
		background: none !important;
		padding: 0px 0px 0px 0px !important;
		margin: 0px 0px 0px 4px !important;
	}
	
		#subnavigation li a
		{
			float: left;
			color: #FFFFFF;
			height: 24px;
			font-weight: 600;
			line-height: 24px;
			background: #999999;
			font-size: 1.125em;
			text-decoration: none !important;
			-webkit-border-radius: 6px !important;
			-moz-border-radius: 6px !important;
			border-radius: 6px !important;
			padding: 0px 10px 0px 10px;
		}
		
		#subnavigation li a:hover
		{
			color: #FFFFFF !important;
			background-color: #a8a8a8 !important;
			text-decoration: none !important;
		}
		
		#subnavigation li a.selected
		{
			color: #FFFFFF !important;
			background-color: #669933 !important;
			text-decoration: none !important;
		}


/* ####################### */
/* Content header
/* ####################### */

#content_header_container
{
	float: left;
	width: 100%;
	margin: -40px 0px 28px 0px;
	background: url(../graphics/backgrounds/bg_graph_container.jpg) left top;
}

	#content_header_container #content_header
	{
		float: left;
		width: 100%;
		padding: 22px 0px 28px 0px;
		background: url(../graphics/backgrounds/bg_graph_flare.png) no-repeat right top;
	}

/* ########################### */
/* Content Navigation
/* ########################### */

#content_header_container #content_navigation_container
{
	max-width: 1000px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px !important;
}


#content_navigation_container #content_navigation
{
	float: left;
	width: 100%;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px !important;
}

	#content_navigation_container #content_navigation ul
	{
		float: left;
		width: 100%;
		background: none;
		list-style: none;
		display: inline-block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}

		#content_navigation_container #content_navigation ul li
		{
			float: left;
			width: auto;
			background: none;
			list-style: none;
			margin: 0px 10px 10px 0px;
			padding: 0px 0px 0px 0px;
		}

			#content_navigation_container #content_navigation ul li a
			{
				float: left;
				width: auto;
				list-style: none;
				line-height: 35px;
				height: 35px;
				font-weight: 600;
				font-size: 0.87em;
				text-transform: uppercase;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				background: #FFFFFF;
				margin: 0px 0px 0px 0px;
				padding: 0px 15px 0px 15px;
				text-decoration: none !important;
			}

			#content_navigation_container #content_navigation ul li a.disabled
			{
				opacity: 0.5 !important;
				cursor: default !important;
				background: #FFFFFF !important;
				color: #000000 !important;
			}

			#content_header_container #content_navigation ul li a:hover,
			#content_header_container #content_navigation ul li.active a
			{
				color: #FFFFFF;
				background: #e31818;
				text-decoration: none;
			}

/* ########################### */
/* Breadcrumb
/* ########################### */

#content_header_container #breadcrumb_container
{
	max-width: 1000px;
	background: #C0282A;
	color: blue;
	margin: -15px auto 0px auto !important;
}

#content_header_container #breadcrumb_container ul.breadcrumb
{
	float: left;
	width: 100%;
	padding: 0px 0px 0px 0px !important;
	margin: 0px 0px 10px 0px !important;
	background: none !important;
	border: none;
}

	#content_header_container #breadcrumb_container ul.breadcrumb li
	{
		float: left;
		color: #a3a3a3;
		font-size: 0.87em;
		width: auto !important;
		padding: 0px 0px 0px 0px !important;
		margin: 0px 0px 0px 0px !important;
	}
	
	#content_header_container #breadcrumb_container ul.breadcrumb li
	{
		float: left;
		color: #a3a3a3;
		font-size: 0.87em;
		width: auto !important;
		padding: 0px 0px 0px 0px !important;
		margin: 0px 0px 0px 0px !important;
	}
	
	#content_header_container #breadcrumb_container ul.breadcrumb li:before
	{
		color: #a3a3a3 !important;
	}
	
		#content_header_container #breadcrumb_container ul.breadcrumb li a
		{
			color: #a3a3a3;
			padding: 0px 0px 0px 0px !important;
		}
		
		#content_header_container #breadcrumb_container ul.breadcrumb li.inactivelink a
		{
			text-decoration: none !important;
		}
		
		#content_header_container #breadcrumb_container ul.breadcrumb li.active
		{
			color: #FFFFFF;
		}

/* ########################### */
/* Content header details
/* ########################### */

#content_header_container #content_header_detail_container
{
	margin: 0 auto;
	max-width: 1000px;
}

	#content_header_container #content_header_detail_container #content_header_detail_content
	{
		float: left;
		width: 100%;
        position: relative;
		background: #FFFFFF;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding: 15px 15px 10px 25px !important;
	}

		#content_header_container #content_header_detail_container #content_header_detail_content .left
		{
			float: left;
			width: 760px;
		}

        #content_header_container #content_header_detail_container #content_header_detail_content.customer_header_detail_content .left
		{
			float: left;
			width: 300px;
		}

			#reports_header_container #graph_filter_container #graph_filter .details .details_text strong
			{
				font-weight: 600;
			}

			#content_header_container #content_header_detail_container #content_header_detail_content p
			{
				float: left;
				width: 100%;
				line-height: 1.125em;
				font-size: 1em;
				margin: 0px 0px 10px 0px !important;
			}

		#content_header_container #content_header_detail_container #content_header_detail_content .right
		{
			float: right;
			width: 180px;
			text-align: center;
		}

        #content_header_container #content_header_detail_container #content_header_detail_content.customer_header_detail_content .right
		{
			float: left;
			width: 250px;
			text-align: left;
		}

		#content_header_container #content_header_detail_container #content_header_detail_content .right .info_small
		{
			float: left;
			width: 100%;
			font-style: italic;
			line-height: 1.125em;
			font-size: 0.87em;
			margin: -10px 0px 20px 0px !important;
		}



		#content_header_container #content_header_detail_container #content_header_detail_content h2
		{
			float: left;
			width: 100%;
			font-size: 1.425em;
			margin: 0px 0px 9px 0px;
		}

			#content_header_container #content_header_detail_container #content_header_detail_content h2 strong
			{
				color: #e31818;
			}


#content_header_container #content_header_detail_container #content_header_detail_content #customer_status
{
    position: absolute;
    top: 15px;
    right: 10px; 
    width: auto;
}

#content_header_container #content_header_detail_container #content_header_detail_content #customer_status label.control-label
{
    display: block;
    font-weight: 400;
    font-size: 1.125em;
    margin: 0px 0px 5px 0px;
}

#content_header_container #content_header_detail_container #content_header_detail_content input[type=radio]
{
	display:none;
}

#content_header_container #content_header_detail_container #content_header_detail_content input[type=radio] + label
{
	width: auto;
	color: #FFFFFF;
	font-size: 0.87em;
	line-height: 26px;
	height: 26px;
	min-width: 54px;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
    display: inline-block;
    padding: 0px 10px 0px 10px;
    background: #999999;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	margin: 0px 5px 5px 0px;
}

	#content_header_container #content_header_detail_container #content_header_detail_content input[type=radio]:checked + label
	{
		background-image: none;
		background: #669933 !important;
	}
	
	#content_header_container #content_header_detail_container #content_header_detail_content input[type=radio]:disabled + label
	{
		background: #e5e5e5 !important;
		cursor: default;
	}
	
	#content_header_container #content_header_detail_container #content_header_detail_content input[type=radio]:checked:disabled + label
	{
		background: #d9e5cc !important;
		cursor: default;
	}
	
	#content_header_container #content_header_detail_container #content_header_detail_contentinput[type=radio] + label:hover
	{
		background: #a8a8a8;
	}


/* ####################### */
/* Detect Adblocker
/* ####################### */

.dsaSAwZQVaSyZp
{
	display: none;
	position: absolute;
	top: 0px;
	left: 190px;
	color: #FF0000;
	font-size: 0.87em;
	line-height: 1.225em;
	text-transform: uppercase;
	padding-left: 22px !important;
	background: url(../graphics/icons/ico_warning.png) no-repeat left center !important;
}



@media screen and (max-width: 1000px) {
	.dsaSAwZQVaSyZp
	{
		top: 14px;
		left: auto;
		right: 65px;
	}
}

@media screen and (max-width: 500px) {
	.dsaSAwZQVaSyZp
	{
		top: 60px;
		right: auto;
		left: 20px;
	}
}