@charset "utf-8";
/****************************************************************************************************************/
/************************************************ Default.css ***************************************************/
/****************************************************************************************************************/




/****************************************************************************************************************/
/* Allgemein */
/****************************************************************************************************************/

	html {
		height: 100%;	
	}

	body {
		height: 100%;
		font-family: Arial;	
		/*
		font-size: 75% !important;
		line-height: 1.25em !important;
		*/
		font-size: 12px !important;
		line-height: 15px !important;
		
		background-color: #e9e9e9;
		background-image: url(../Images/body/body-background.gif);
		background-position: left top;
		background-repeat: repeat-x;
        overflow:hidden;
	}

	
	strong {
		font-weight: bold;	
	}



	/************************************************************************************************************/
	/* Headline */
	
	
	/************************************************************************************************************/
	/* Links */
	
		a {		
			color: #003366;		
			text-decoration: none;				
		}
		
		a:hover {
			color: #0a689a;	
		}
		
		
		/* Link expand */
			.aIconExpand {
				padding-left: 15px;
				
				background-image: url(../Images/icons/jumper_expand.gif);
				background-position: left 2px;
				background-repeat: no-repeat;
			}
			
			.aIconExpand.Expanded {
				background-image: url(../Images/icons/jumper_collapse.gif);
			}
													
													
	
	/************************************************************************************************************/
	/* Text */
	
		span.spanTextNormel {
			font-weight: normal !important;	
		}
	
	/************************************************************************************************************/
	/* Spacer */

		.divSpacer {
			height: 10px;
			margin: 0px;
			padding: 0px;
			line-height: 0px;
			font-size: 0px;				
		}


	/************************************************************************************************************/
	/* Form Elemente */

		div.x-form-item {
			margin-bottom: 0px;	
		}

		input.x-form-field {
			height: 21px !important;	
			font-size: 11px;
		}				
		
		div.x-form-trigger {
			height: 21px !important;		
		}
		
		.divExtjsFieldHidden {
			line-height: 0px;
			height: 0px;				
		}

	
	/************************************************************************************************************/
	/* ExtJS ComboBox liste */
		
		.x-boundlist {
			font-size: 0.916em;	
		}


	/************************************************************************************************************/
	/* Backgroudn Farben */
		
		.bgColorLightGreen { background-color: #d6e5d2 !important; }
		
		
		.divTabElementContent {
			position: relative;
		}
		
		.divTabElementContent .bgColorLightGreen {
			position: absolute;
			left: 5px;
			bottom: 4px;
			right: 5px;
		}
		
		.divTabElementContent .divGridFooterBox {
			position: absolute;
			left: 5px;
			bottom: 4px;
			right: 5px;
		}
		
		.divTabElementResizeContent .divTabElementContentSpacing > div {
			overflow-y: auto;
		}
	
	
	/************************************************************************************************************/
	/* fieldset */
		.x-fieldset legend {
			padding-left: 3px;
			padding-right: 3px;
		}
	
	
	
/*********************************************************************************/
/* Extjs - Loading */
/*********************************************************************************/

	.divLoading {
		
	}

	.divLoading div.loadingMask {
		position: absolute;
		top: 0;
		left: 0;				
		height: 100%;
		width: 100%;
		background-color: #ffffff;					
		z-index: 20000;
		overflow: hidden;
	}
	
	.divLoading div.loadingText {
		position: absolute;
		left: 45%;
		top: 40%;		
		height: auto;			
		padding: 2px;						
		z-index: 20001;
	}
	
	.divLoading div.loadingText div.Text {		
		padding: 10px 10px 10px 40px;
		color: #555555;
		font-size:13px;
		font-weight: bold;
		margin: 0;		
		text-align:center;
		background-image: url(../Images/loading/loading-large.gif);
		background-position: left top;
		background-repeat: no-repeat;
	}




	
	
	

/****************************************************************************************************************/
/* Header */
/****************************************************************************************************************/

	.divHeader {
		height: 100px;	
		padding: 0px 10px 0px 10px;				
	}
	
	.divHeader div.Logo{ 
		margin: 18px 0px 0px 0px;
	}






/****************************************************************************************************************/
/* Login Box */
/****************************************************************************************************************/


	.divLogin {
		 margin: 150px auto 50px auto;
		 width: 400px;
	}

		/* Login-Box */
	
		.LoginBox {
			xheight: 140px;
		}
	
	
		.LoginBox .BoxLeftTop {
			height: 5px;
			width: 5px;
			background-image: url(../Images/login-box/box_lefttop.gif);
			background-position: left top;
			background-repeat: no-repeat;
			line-height: 0px;
			font-size: 0px;
		}
	
		.LoginBox .BoxTop {
			height: 5px;
			width: auto;
			background-image: url(../Images/login-box/box_top.gif);
			background-position: left top;
			background-repeat:repeat-x;
			line-height: 0px;
			font-size: 0px;
		}
	
		.LoginBox .BoxRightTop {
			height: 5px;
			width: 5px;
			background-image: url(../Images/login-box/box_righttop.gif);
			background-position: left top;
			background-repeat: no-repeat;
			line-height: 0px;
			font-size: 0px;
		}
	
		.LoginBox .BoxLeft {
			width: 5px;
			background-image: url(../Images/login-box/box_left.gif);
			background-position: left top;
			background-repeat: repeat-y;
			line-height: 0px;
			font-size: 0px;
		}
	
		.LoginBox .BoxContent {
			width: auto;
			min-height: 140px;
			background-image: url(../Images/login-box/box_content.gif);
			background-position: left top;
			background-repeat: repeat-x;
			background-color: #c1d1e1;
			padding: 10px 10px 10px 10px;
	
		}
	
		.LoginBox .BoxRight {
			width: 5px;
			background-image: url(../Images/login-box/box_right.gif);
			background-position: left top;
			background-repeat: repeat-y;
			line-height: 0px;
			font-size: 0px;
		}
	
		.LoginBox .BoxLeftBottom {
			height: 5px;
			width: 5px;
			background-image: url(../Images/login-box/box_leftbottom.gif);
			background-position: left top;
			background-repeat: no-repeat;
			line-height: 0px;
			font-size: 0px;
		}
	
		.LoginBox .BoxBottom {
			height: 5px;
			width: auto;
			background-image: url(../Images/login-box/box_bottom.gif);
			background-position: left top;
			background-repeat: repeat-x;
			line-height: 0px;
			font-size: 0px;
		}
	
		.LoginBox .BoxRightBottom {
			height: 5px;
			width: 5px;
			background-image: url(../Images/login-box/box_rightbottom.gif);
			background-position: left top;
			background-repeat: no-repeat;
			line-height: 0px;
			font-size: 0px;
		}
	
	
		/* Content */
	
			.LoginBox .BoxContent .Headline {
				color: #003366;
				font-weight: bold;
				margin-bottom: 14px;
				font-size: 14px;
			}
			
			.LoginBox .BoxContent .ContentText {
				color: #003366;
				margin-bottom: 6px;				
			}
			
			.tableFormElementLoginBox tr td.Value input {
				xposition: relative;
				xleft: -1px;
				xwidth: 100%;
				width: 240px;
				height: 18px;
				padding: 1px 0px 1px 1px;
				line-height: 18px;
				border: 1px solid #b1c4d6;
				background-color: #FFF;
				font-size: 12px;
			}
		
			.tableFormElementLoginBox tr td {
				color: #003366;
				font-size: 12px;
			}
		
	
	
		/* Login-Box Links */
	
			.LoginBoxLinks {
				margin: 7px 0px 0px 0px;
			}
		
			.LoginBoxLinks a{
				display: block;
				margin: 0px 0px 7px 0px;
				padding: 0px 0px 0px 8px;
				color: #003366;
				font-size: 11px;
				text-decoration: none;
				background-image: url(../Images/icons/icon-jumper.gif);
				background-repeat: no-repeat;
				background-position: left 4px;
			}
		
			.LoginBoxLinks a:hover{
				color: #6a8526;
			}
	
	
		/********************************************************************************/
		/* Form Button */
	
			.buttonFormButton {
				height: 22px;
				padding: 0px;
				margin: 0px;
				border: none;
				background: none;
				cursor: pointer;
			}
	
			.buttonFormButton table {
				width: 100%;
				height: 22px;
			}
	
			.buttonFormButton .tdLeft {
				width: 3px;
				height: 22px;
				line-height: 0px;
				font-size: 0px;
				background-image: url(../Images/button/button-bg-left.gif);
				background-repeat: no-repeat;
				background-position: top left;
			}
	
			.buttonFormButton .tdCenter {
				padding: 0px 6px 0px 6px;
				text-align: center;
				vertical-align: middle;
				color: #000000;
				font-size:11px;
				background-image:url(../Images/button/button-bg-center.gif);
				background-repeat: repeat-x;
				background-position: top left;
				white-space: nowrap;
			}
	
			.buttonFormButton .tdCenter td {
				color: #676767;
				font-size: 11px;
			}
	
			.buttonFormButton .tdRight {
				width: 4px;
				height: 22px;
				line-height: 0px;
				font-size: 0px;
				background-image:url(../Images/button/button-bg-right.gif);
				background-repeat: no-repeat;
				background-position: top left;
			}
	
	
	
			.buttonFormButton.Hover .tdLeft{
				background-image: url(../Images/button/button-bg-left-hover.gif);
			}
	
			.buttonFormButton.Hover .tdCenter{
				background-image:url(../Images/button/button-bg-center-hover.gif);
			}
	
			.buttonFormButton.Hover .tdRight{
				background-image:url(../Images/button/button-bg-right-hover.gif);
			}






/****************************************************************************************************************/
/* Meta Navigation */
/****************************************************************************************************************/

	.divMetaNavigation {	
		margin: 7px 15px 6px 0px; 	
		font-size: 0.916em;	
	}
	
	.divMetaNavigation table tr td {
			
	}
	
	.divMetaNavigation table tr td a {
		margin-left: 18px;
		color: #929292;
	}
	
	.divMetaNavigation table tr td a:hover {
		color: #0a689a;	
	}






/****************************************************************************************************************/
/* Navigation */
/****************************************************************************************************************/

	.divNavigationOut {
		position: relative;
		z-index: 400;	
		
	}


	.divNavigation {	
		/*	
		background-image: url(../Images/navigation/navigation-background.gif);
		background-position: left top;
		background-repeat: repeat-x;

		border: 1px solid #ffffff;
		
		-webkit-border-radius: 4px;
		-khtml-border-radius: 4px;
		-moz-border-radius: 4px;    
		border-radius: 4px;
		*/	
	}
	
	
	.divNavigationInnerContent {		
		height: 42px;
		/*overflow: hidden;*/
	}


	/************************************************************************************************************/
	/* Navigation Element */
	
		.divNavigationElement {			
			/* float: left; */
			text-align: center;
			
			margin: 1px 1px 1px 0px;
			
			background-image: url(../Images/navigation/navigation-item-bg.gif);
			background-position: left top;
			background-repeat: repeat-x;
			border: 1px solid #67a0c4;
			
			-webkit-border-radius: 2px;
			-khtml-border-radius: 2px;
			-moz-border-radius: 2px;    
			border-radius: 2px;	
		}				
		
		.divNavigationElementInnerContent {
			height: 38px;
			white-space: nowrap;
			/* overflow: hidden; */
		}
		
		.divNavigationElement a {
			display: block;
			/* padding: 13px 12px 10px 49px; */	
			
			background-position: 10px 6px;
			background-repeat: no-repeat;	
		}
		
		.divNavigationElement a span {
			display: inline-block;
			padding: 13px 12px 10px 49px;	
			
			background-position: 10px 6px;
			background-repeat: no-repeat;	
		}
		
		.divNavigationElement div.ArrowBottom {
			display: none;
			position: relative;
			top: 0px;
			width: 14px;
			height: 10px;
			
			background-image: url(../Images/navigation/navigation-menu-arrow.gif);
			background-position: left top;
			background-repeat: no-repeat;	
		}
		
		
		/************************************************************************************************************/
		/* Mouse Over */
		
			.divNavigationElement.MouseOver {
				background-position: left -76px;
				border: 1px solid #003366;
			}
		
		
		
		/************************************************************************************************************/
		/* Active*/
		
			.divNavigationElement.Active {
				background-position: left -38px;
				border: 1px solid #003366;
			}
			
			.divNavigationElement.Active div.ArrowBottom {
				display: block;
			}
		
		
		
		/************************************************************************************************************/
		/* Element Icons */

			.divNavigationElement a.iconOverview span {
				background-image: url(../Images/navigation/icon-overview.png);		
			}
			
			.divNavigationElement a.iconOrder span {
				background-image: url(../Images/navigation/icon-basket.png);
				background-position: 9px 3px;	
			}
			
			.divNavigationElement a.iconCustomer span {
				background-image: url(../Images/navigation/icon-customer.png);					
			}
			
			.divNavigationElement a.iconProductstore span {
				background-image:url(../Images/navigation/icon-productstore.png);	
				background-position: 12px 3px;	
			}
			
			.divNavigationElement a.iconReport span {
				background-image: url(../Images/navigation/icon-report.png);
				background-position: 10px 8px;	
			}
			
			.divNavigationElement a.iconAccountStaff span {
				background-image: url(../Images/navigation/icon-accountstaff_inactive.png);
				background-position: 7px 6px;	
			}



	/************************************************************************************************************/
	/* Navigation Menu */

		.divNavigationMenu {
			display: none;
			position: absolute;
			top: 39px;
			/*left: 0px;*/
			text-align: left;											
			z-index: 400;
		}
		
		.divNavigationMenuInner {
			margin: 3px 0px 0px 0px;
			
			background-image: url(../Images/navigation/navigation-menu-bg.gif);
			background-position: left top;
			background-repeat: repeat-x;			
			background-color: #e4edf8;
			border: 1px solid #003366;
			
			-webkit-border-radius: 2px;
			-khtml-border-radius: 2px;
			-moz-border-radius: 2px;    
			border-radius: 2px;
		}
		
		.divNavigationMenuInnerSpacing {
			position: relative;
			padding: 13px 8px 12px 8px;	
		}
		
		.divNavigationMenuInnerSpacing div.ArrowTop {
			position: absolute;
			top: -3px;			
			width: 14px;
			height: 9px;
			
			background-image: url(../Images/navigation/navigation-menu-arrow-hover.gif);
			background-position: left top;
			background-repeat: no-repeat;
		}

		.divNavigationMenu a {
			display: block;	
			margin: 0px 0px 1px 0px;
			padding: 5px 40px 4px 18px;	
			line-height: 1.20em;		
			background-image: url(../Images/jumper/jumper-navigation-blue.gif);
			background-position: 7px 7px;
			background-repeat: no-repeat;
		}
		
		.divNavigationMenu a:hover {
			background-color: #dfebf7;	

			-webkit-border-radius: 2px;
			-khtml-border-radius: 2px;
			-moz-border-radius: 2px;    
			border-radius: 2px;
		}
		
		.divNavigationMenu a.Active {
			background-color: #dfebf7;	

			-webkit-border-radius: 2px;
			-khtml-border-radius: 2px;
			-moz-border-radius: 2px;    
			border-radius: 2px;		
		}




/****************************************************************************************************************/
/* Body */
/****************************************************************************************************************/

	.divBody {
		padding: 0px 10px 0px 10px;
	}







/****************************************************************************************************************/
/* Body Content Tabs */
/****************************************************************************************************************/


	/************************************************************************************************************/
	/* Tabs */
	
		.divContentTabs {			
			height: 26px;
			box-sizing: content-box;
			border-bottom: 1px solid #cccccc;				
		}
		
		.tableContentTabs {
			position: relative;
			top: 0px;	
			z-index: 1;	
		}
		
		.tableContentTabs tr td {
			position: relative;
			top: 1px;	
			z-index: 1;				
			background-position: left top;
			background-repeat: no-repeat;
		}
	
		.tableContentTabs tr td div a {
			display: block;			
			height: 26px;					
			padding: 0px 30px 0px 14px;
			color: #003366;
			text-decoration: none;		
			font-size: 1em;								
			background-image: url(../Images/tabs/tab-bg.gif);
			background-position: right 0px;
			background-repeat: no-repeat;			
			z-index: 1;
			overflow: hidden;	
			
			white-space: nowrap;
		}	
		
		.tableContentTabs tr td div a:hover {
			color: #0a689a;	
		}
		
		.tableContentTabs tr td div a div.Text{
			margin: 7px 0px 0px 0px; 	
		}
		
		
		/*******************************************************************************************************/
		/* First */
				
			.tableContentTabs tr td.First div.Element {
				padding-left: 14px;
				background-image: url(../Images/tabs/tab-bg-left.gif);
				background-position: left top;
				background-repeat: no-repeat;
			}	
			
			.tableContentTabs tr td div a {
				padding: 0px 30px 0px 0px;	
			}
		
		/*******************************************************************************************************/
		/* Last */
		
			.tableContentTabs tr td.Last div a {
				margin-right: 0px;		
				background-position: right -26px;
			}	
		
		
		/*******************************************************************************************************/
		/* Active */
		
			.tableContentTabs tr td div.Active {		
				position: relative;
				left: -14px;
				font-weight: bold;
				padding-left: 14px;
				background-image: url(../Images/tabs/tab-bg-left.gif);
				background-position: left -26px;
				background-repeat: no-repeat;
			}
			
			.tableContentTabs tr td div.Active a{		
				position: relative;
				top: 0px;			
				margin-right: -14px;		
				background-position: right -52px;		
				z-index: 20 !important;
			}
			
			
			.tableContentTabs tr td.First div.Active{			
				left: 0px;	
				background-position: left -26px;					
			}
			
			.tableContentTabs tr td.First div.Active a{	
				margin-right: 0px;		
			}
			
			.tableContentTabs tr td.Last div.Active a{			
				background-position: right -78px;		
			}
		
		
		/* Button in Tab Row */
			.divContentTabs .tableButtonLarge {
				margin-top: 2px;
			}
	

	/************************************************************************************************************/
	/* Tab Content */

		.divContentTabContent {
			min-width: 990px;
			background-color: #ffffff;
			border-left: 1px solid #cccccc;	
			border-right: 1px solid #cccccc;									
		}
		
		.divContentTabContent.AutoWidth {
			min-width: 0px !important;								
		}
		
		.divContentTabContentBottom {
			height: 2px;
			background-image: url(../Images/tabs/tab-content-bottom-background.gif);
			background-position: left -2px;
			background-repeat: no-repeat;
		}
		
		.divContentTabContentBottom.BlueTab {
			background-image: url(../Images/tabs/tab-content-bottom-background_blue.gif);
		}
		
		.divContentTabContentBottom  div.RightBg{
			height: 2px;
			margin: 0px 0px 0px 2px;
			background-image: url(../Images/tabs/tab-content-bottom-background.gif);
			background-position: right top;
			background-repeat: no-repeat;
		}
		
		.divContentTabContentBottom.BlueTab div.RightBg{
			background-image: url(../Images/tabs/tab-content-bottom-background_blue.gif);
		}
		
		.divTabInnerContent {
			overflow: hidden;	
			overflow-y: auto;	
		}
		
		.divTabInnerContentSpacing {
			padding: 15px 10px 10px 10px		
		}


		/* Dashboard Content */
		
			.divContentDashboardTabContent {
				border: none;	
				background-image: url(../Images/body/body-border-dashboard.gif);
				background-position: left top;
				background-repeat: no-repeat;
			}
			
			.divContentDashboardTabContent div.divTabInnerContent {
				background-image: url(../Images/body/body-border-dashboard.gif);
				background-position: right top;
				background-repeat: no-repeat;	
			}



	/************************************************************************************************************/
	/* Nummerierung der Tabs */
		
		.divContentTabs .TabNumbering {
			padding-left: 19px;
			height: 14px;
			background-repeat: no-repeat;
		}
		
		.divContentTabs div.Active .TabNumbering {
			background-position: 0px -14px;
		}
		
		.divContentTabs .TabNumbering.TabNumber1 {
			background-image: url(../Images/tabs/tab-number-1.png);
		}
		
		.divContentTabs .TabNumbering.TabNumber2 {
			background-image: url(../Images/tabs/tab-number-2.png);
		}
		
		.divContentTabs .TabNumbering.TabNumber3 {
			background-image: url(../Images/tabs/tab-number-3.png);
		}
		
		.divContentTabs .TabNumbering.TabNumber4 {
			background-image: url(../Images/tabs/tab-number-4.png);
		}
		
		.divContentTabs .TabNumbering.TabNumber5 {
			background-image: url(../Images/tabs/tab-number-5.png);
		}
		
		.divContentTabs .TabNumbering.TabNumber6 {
			background-image: url(../Images/tabs/tab-number-6.png);
		}
		

	/************************************************************************************************************/
	/* Table Period - Berichte */		
		
		.tablePeriod {
			margin-top: -1px;
		}
		
		.tablePeriod td.TDFirst {
			padding: 2px 8px 0px 0px;
		}
		
		.tablePeriod td.TDMiddle {
			padding: 2px 8px 0px 8px;
		}
		
		
	/************************************************************************************************************/
	/* Suchfeld - Berichte */		
		
		.divSearch {
			margin: -2px 10px 0px 0px;
			width: 148px;
			height: 22px;
			
			background-image: url('../Images/tabs/search-background.jpg');
			background-position: left top;
			background-repeat: no-repeat;
		}
		
		.tableSearch {
			
		}
		
		.tableSearch tr {
			vertical-align: top;
		}
		
		.tableSearch tr td {
			
		}
		
		.tableSearch tr td input {
			margin: 5px 0px 0px 5px;
			font-size: 1em;
			line-height: 1em;
			color: #929292;
			background: none;
			border: none;			
		}
		
		.tableSearch tr td a.Button{
			padding: 0px;
			display: block;
			width: 22px;
			height: 22px;
			background-image: url('../Images/tabs/icon-search.jpg');
			background-position: 0px 0px;
			background-repeat: no-repeat;		
		}
		
		
		

/****************************************************************************************************************/
/* Table Content Layout  */
/****************************************************************************************************************/

	.tableDashboardContentLayout {
		width: 100%;
		table-layout: fixed;	
	}
	
	.tableDashboardContentLayout tr {
		vertical-align: top;	
	}
	
	.tableDashboardContentLayout tr td.tdSpacerColumn {
		width: 30px;	
	}
	
	.tableDashboardContentLayout tr td.tdRightColumn {
		width: 300px;
	}
	
	





/****************************************************************************************************************/
/* Table Content Layout  */
/****************************************************************************************************************/

	.tableContentLayout {
		width: 100%;
		table-layout: fixed;	
	}
	
	.tableContentLayout tr {
		vertical-align: top;	
	}
	
	.tableContentLayout tr td.tdSpacerColumn {
		width: 30px;
	}
	
	.tableContentLayout tr td.tdRightColumn {
		width: 200px;
	}
	
	




/****************************************************************************************************************/
/* Fieldset DIV */
/****************************************************************************************************************/

	.divFieldset {		
		padding: 12px 8px 9px 8px;
		border: 1px solid #e6e6e6;
		
		font-size: 0.916em;
		
		-webkit-border-radius: 2px;
		-khtml-border-radius: 2px;
		-moz-border-radius: 2px;    
		border-radius: 2px;
	}
	
	.divFieldset div.Title {
		margin: 0px 0px 13px 0px;
		font-weight: bold;
		color: #003366;	
	}
	
	.divFieldset div.TitleSearch {
		margin: 0px 0px 8px 0px;
		font-weight: bold;
		color: #003366;	
	}
	
	.divFieldset div.Label {
		margin: 7px 0px 2px 0px;
	}
	
	.divFieldset div.Label.First {
		margin: 0px 0px 2px 0px;
	}
	
	.divFieldset div.InputFields {
		margin: 0px 0px 0px 0px;
	}
	
	
	.divFieldset div.InputFields div.divLabel {
		margin: 4px 0px 0px 0px;
	}

    .divFieldset div.TitleParty {
		margin: 0px 0px 8px 0px;
		color: #003366;
	}



/****************************************************************************************************************/
/* Content Box */
/****************************************************************************************************************/

	.divContentBox {
		padding: 5px 10px 0px 10px;
		background-color: #c1d7ee;	
		
		font-size: 0.916em;
		
		-webkit-border-radius: 2px;
		-khtml-border-radius: 2px;
		-moz-border-radius: 2px;    
		border-radius: 2px;
	}
	

	.divInactiveContainer .divContentBox {
		background-color: #dfebf7;
	}
	
	.divContentBox.Active { 
		background-color: #c1d7ee;
	}
	
	.divContentBox div.Delimiter {
		position: relative;
		left: -10px;
		margin-right: -20px;
		height: 1px;
		background-color: #ffffff;	
	}


	.divContentBox div.BackgroundStage1 {				
		position: relative;
		left: -10px;
		margin-right: -20px;
				
		padding: 0px 10px 0px 10px;
		
		background-color: #d2e2f3;
	}
	
	.divContentBox div.BackgroundStage2 {				
		position: relative;
		left: -10px;
		margin-right: -20px;		
		
		padding: 0px 10px 0px 10px;
		
		-webkit-border-bottom-left-radius: 2px;
		-webkit-border-bottom-right-radius: 2px;		
		-khtml-border-bottom-left-radius: 2px;
		-khtml-border-bottom-right-radius: 2px;		
		-moz-border-radius-bottomright-radius: 2px; 
		-moz-border-radius-bottomleftt-radius: 2px;  		 
		border-bottom-right-radius: 2px;
		border-bottom-left-radius: 2px;
		
		background-color: #dfebf7;
	}
	
	
	
	.divContentBox div.InnerLarge {
		position: relative;
		left: -5px;
		margin-right: -10px;		
	}


	/* Title Box */
		.divContentBox.divTitleBox {
			font-size: 14px;
			color: #003366;
			padding-top: 8px;
			padding-bottom: 8px;
			
			-webkit-border-radius: 2px;
			-khtml-border-radius: 2px;
			-moz-border-radius: 2px;    
			border-radius: 2px;
		}
	
		.divContentBox.divTitleBox table td.TextSML {
			font-size: 11px;
		}
	
	/* Button Arrow */
		.divButtonArrow a {
			display: block;
			background-image:url(../Images/icons/icon-button-arrow.png);
			background-repeat: no-repeat;
			background-position: left top;
			width: 17px;
			height: 17px;
		}
		
		.divButtonArrow a.ArrowUp {
			background-position: left -17px;

		}
		
	/* Anpassung für Wareneingang prüfen */
	
		.divContentBoxOrder {
			background-color: #c1d7ee !important;
			cursor: pointer;
		}
	
	
/****************************************************************************************************************/
/* Content Scroll Box */ 
/****************************************************************************************************************/

	.divContentScrollBox {
		overflow: auto;	
		overflow-x: hidden;			
	}

	




/****************************************************************************************************************/
/* table Form */ 
/****************************************************************************************************************/

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

		.tableForm {
						
		}
		
		.tableForm tr td.Label {
			padding: 3px 0px 7px 0px;	
			color: #003366;
			text-align: left;
			font-weight: bold;
			font-size: 11px;
		}
		
		.tableForm tr td.Value {
			padding: 0px 0px 3px 8px;	
			font-size: 11px;
		}
		
		.tableForm tr td.Value div.Value {
			padding: 3px 0px 4px 0px;	
			color: #003366;
			text-align: right;
			font-size: 11px;
		}
	
	
	
	/************************************************************************************************************/
	/* Form 2 */	
	
		.tableForm2 {
			table-layout: fixed;
		}
		
		.tableForm2 tr td.Label {
			padding: 3px 0px 7px 0px;	
			color: #000000;
			text-align: right;
			font-weight: normal;
		}
		
		.tableForm2 tr td.Value {
			padding: 0px 0px 3px 8px;	
		}
		
		.tableForm2 tr td.Value div.Value {
			padding: 3px 0px 4px 0px;	
		}
		
		.tableForm2 tr td.Value div.Icon {
			margin: 4px 0px 0px 0px;	
		}
		
		/* Readonly */
		
		.tableForm2 tr td.LabelReadonly {
			padding: 3px 0px 7px 0px;	
			color: #000000;
			text-align: right;
			font-weight: normal;
			color: #727272;
		}
		
		.tableForm2 tr td.ValueReadonly div {
			margin: 0px 0px 5px 8px;
			padding: 3px 0px 1px 0px;
			border-bottom: 1px solid #cccccc;	
			
			white-space: nowrap;
		    overflow: hidden;
		    text-overflow: ellipsis;
		    -o-text-overflow: ellipsis;
		    -moz-binding: url( 'bindings.xml#ellipsis' );
		   /* mit "bindings.xml#none" deaktivierbar*/
		}

	

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


	.inputField {
		width: 100%;
	}





/****************************************************************************************************************/
/* Tabs Element */
/****************************************************************************************************************/

	/************************************************************************************************************/
	/* Tabs */			
	
		.divTabElement {			
			height: 24px;
			box-sizing: content-box;
			border-bottom: 1px solid #cccccc;				
		}
		
		.divTabElement.BlueTab {			
			border-bottom: 1px solid #7890aa;				
		}
							
		.tableTabElement {
			position: relative;
			top: 0px;	
			z-index: 1;	
		}
		
		.tableTabElement tr td {
			position: relative;
			top: 1px;	
			z-index: 1;				
			background-position: left top;
			background-repeat: no-repeat;
		}
	
		.tableTabElement tr td div a {
			display: block;			
			height: 24px;					
			padding: 0px 30px 0px 14px;
			color: #003366;
			text-decoration: none;		
			font-size: 1em;								
			background-image: url(../Images/tabs/tab-small-bg.gif);
			background-position: right 0px;
			background-repeat: no-repeat;			
			z-index: 1;
			overflow: hidden;		
		}	
		
		.tableTabElement.BlueTab tr td div a {					
			background-image: url(../Images/tabs/tab-small-bg_blue.gif);
			font-size: 0.916em;	
		}
		
		.tableTabElement tr td div a:hover {
			color: #0a689a;	
		}
		
		
		.tableTabElement tr td div a div.Text{
			margin: 5px 0px 0px 0px; 	
		}
		
		
		/*******************************************************************************************************/
		/* First */
				
			.tableTabElement tr td.First div.Element {
				padding-left: 14px;
				background-image: url(../Images/tabs/tab-small-bg-left.gif);
				background-position: left top;
				background-repeat: no-repeat;
			}
			
			.tableTabElement.BlueTab tr td.First div.Element {
				background-image: url(../Images/tabs/tab-small-bg-left_blue.gif);
			}	
			
			.tableTabElement tr td div a {
				padding: 0px 30px 0px 0px;	
			}
		
		/*******************************************************************************************************/
		/* Last */
		
			.tableTabElement tr td.Last div a {
				margin-right: 0px;		
				background-position: right -24px;
			}	
		
		
		/*******************************************************************************************************/
		/* Active */
		
			.tableTabElement tr td div.Active {		
				position: relative;
				left: -14px;
				font-weight: bold;
				padding-left: 14px;
				background-image: url(../Images/tabs/tab-small-bg-left.gif);
				background-position: left -24px;
				background-repeat: no-repeat;
			}
			
			.tableTabElement.BlueTab tr td div.Active {		
				background-image: url(../Images/tabs/tab-small-bg-left_blue.gif);
			}	
			
			.tableTabElement tr td div.Active a{		
				position: relative;
				top: 0px;			
				margin-right: -14px;		
				background-position: right -48px;		
				z-index: 20 !important;
			}
			
			
			.tableTabElement tr td.First div.Active{			
				left: 0px;	
				background-position: left -24px;					
			}
			
			.tableTabElement tr td.First div.Active a{	
				margin-right: 0px;		
			}
			
			.tableTabElement tr td.Last div.Active a{			
				background-position: right -72px;		
			}
	


	/************************************************************************************************************/
	/* Tab Content */

		.divTabElementContent {
			background-color: #ffffff;
			border-left: 1px solid #cccccc;	
			border-right: 1px solid #cccccc;							
		}
		
		.divTabElementContent.BlueTab {
			background-color: #dfebf7;
			border-left: 1px solid #7890aa;	
			border-right: 1px solid #7890aa;							
		}
		
		.divTabElementContentBottom {
			height: 2px;
			background-image: url(../Images/tabs/tab-content-bottom-background.gif);
			background-position: left -2px;
			background-repeat: no-repeat;
		}
		
		.divTabElementContentBottom div.RightBg{
			height: 2px;
			margin: 0px 0px 0px 2px;
			background-image: url(../Images/tabs/tab-content-bottom-background.gif);
			background-position: right top;
			background-repeat: no-repeat;
		}

		.divTabElementContentSpacing {
			padding: 10px 8px 0px 8px		
		}
		
		.divTabElementContentSpacingReports {
			padding: 10px 10px 10px 10px		
		}
		
		.divTabElementContentSpacingHitlists {
			padding: 5px 5px 5px 5px		
		}

        .divHitlistsHint {
			padding: 5px 0px 0px 5px;
            font-size:11px;
		}


	
		/* spezifische Tabinhalte */
			
			/* Bestellung erfassen - Weitere Infos */
			.divTabElementContent .divCreateOrderAdditionalInfo {
				
			}
			
			.divTabElementContent .divCreateOrderAdditionalInfo .divTexttextarea {
				font-size: 11px;
				width: 100%; 
				height: 92px;
				padding: 4px 4px 0px 4px;
				overflow: auto;
			}
			
			.divTabElementContent .divCreateOrderAdditionalInfo fieldset {
				height: 95px;
			}
			
			.divTabElementContent .tdDatePickerWidth .x-form-field {
				width: 65px !important;
			}

	
	
		/* Tab Content nicht editierbar */
		
			.divTabContentNoEdit input,
			.divTabContentNoEdit textarea {
				
				background-image: none;
				background-color: #efefef !important;
				
			}
			
			.divInvisible {
                visibility:hidden;
            }

/****************************************************************************************************************/
/* Tabelle für Artikelausgabe ohne Editierung  */
/****************************************************************************************************************/

	.tableArticeListNoEdit {
		table-layout: fixed;
		font-size: 12px;
	}
	
	.tableArticeListNoEdit th {
		font-weight: bold;
	}
	
	.tableArticeListNoEdit td,
	.tableArticeListNoEdit th {
		padding-top: 8px;
		padding-right: 10px;
		padding-bottom: 6px;
	}
	
	
	.tableArticeListNoEdit .trTableSummaryMwSt td {
		padding-top: 3px;
		padding-bottom: 2px;
	}
	
	
	
	/* Trennlinien */
		.tableArticeListNoEdit tr {
			border-bottom: 1px solid #999999;
		}
		
		.tableArticeListNoEdit .trTableSummary {
			border-bottom: none;
		}



/****************************************************************************************************************/
/* Button Large */
/****************************************************************************************************************/

	.tableButtonLarge {
		table-layout: fixed;	
		height: 27px;
		cursor: pointer;
	}
	
	.tableButtonLarge tr td.ButtonLeft {
		width: 4px;		
		vertical-align: top;	
	}
	
	.tableButtonLarge tr td.ButtonLeft div{
		width: 4px;	
		height: 27px;
		background-image: url(../Images/button/button-large-bg.gif);
		background-position: left top;
		background-repeat: no-repeat;	
	}
	
	
	.tableButtonLarge tr td.ButtonRight {
		width: 4px;	
		vertical-align: top;		
	}
	
	.tableButtonLarge tr td.ButtonRight div{
		width: 4px;	
		height: 27px;		
		background-image: url(../Images/button/button-large-bg.gif);
		background-position: -4px top;
		background-repeat: no-repeat;	
	}
	
	
	.tableButtonLarge tr td.ButtonCenter {			
		font-size: 11px;
		padding: 0px 0px 0px 0px;
		vertical-align: middle;
		
		background-image: url(../Images/button/button-large-bg.gif);
		background-position: left -27px;
		background-repeat: repeat-x;					
	}
	
	.tableButtonLarge tr td.ButtonCenter a {
		padding: 0px 7px 0px 5px;		
		color: #25691e;
		
		display: block;
		white-space: nowrap;
		background-position: 5px 0px;
		background-repeat: no-repeat;
	}
	
	
		/* Button Icons */

        .tableButtonLarge tr td.ButtonCenter a.IconRemove {
            padding-left: 21px;
            background:url(../Images/icons/icon-reset.png) 3% center no-repeat;
        }

        .tableButtonLarge tr td.ButtonCenter a.IconSave {
			padding-left: 26px;
			background-image:url(../Images/button/icon-save.gif);
		}
		
		.tableButtonLarge tr td.ButtonCenter a.IconCentralisedbuying {
			padding-left: 26px;
			background-image:url(../Images/button/icon-centralised-buying.gif);
		}
		
		.tableButtonLarge tr td.ButtonCenter a.IconOrder {
			padding-left: 26px;
			background-image:url(../Images/button/icon-order.gif);
		}
		
		.tableButtonLarge tr td.ButtonCenter a.IconPrint {
			padding-left: 27px;
			background-image:url(../Images/button/icon-print.gif);
		}

        .tableButtonLarge tr td.ButtonCenter a.IconPDF {
			padding-left: 27px;
			background-image:url(../Images/button/icon-pdf.gif);
		}
		
		.tableButtonLarge tr td.ButtonCenter a.IconClose {
			padding-left: 23px;
			background-image:url(../Images/button/icon-close.gif);
		}
		
		.tableButtonLarge tr td.ButtonCenter a.IconCheck {
			padding-left: 26px;
			background-image:url(../Images/button/icon-checked.gif);
		}
		
		.tableButtonLarge tr td.ButtonCenter a.IconFinshed {
			padding-left: 26px;
			background-image:url(../Images/button/icon-finished.gif);
		}
		
		.tableButtonLarge tr td.ButtonCenter a.IconPayed {
			padding-left: 26px;
			background-image:url(../Images/button/icon-payed.gif);
		}
		
		.tableButtonLarge tr td.ButtonCenter a.IconAddItem {
			padding-left: 26px;
			background-image:url(../Images/button/icon-add-item.gif);
		}
		
		.tableButtonLarge tr td.ButtonCenter a.IconDelete {
			padding-left: 24px;
			background-image:url(../Images/button/icon-delete.gif);
		}
		
		.tableButtonLarge tr td.ButtonCenter a.IconExport {
			padding-left: 26px;
			background-image:url(../Images/button/icon-export.gif);
		}
		
		.tableButtonLarge tr td.ButtonCenter a.IconSerienbrief {
			padding-left: 26px;
			background-image:url(../Images/button/icon-serienbrief.gif);
		}
		
		.tableButtonLarge tr td.ButtonCenter a.IconNext {
			padding-right:20px;
			background-image:url(../Images/button/icon-next.gif);
			background-position: right 0px;
		}
		
		.tableButtonLarge tr td.ButtonCenter a.IconPrevious {
			padding-left: 21px;
			background-image:url(../Images/button/icon-previous.gif);
		}
		
		.tableButtonLarge tr td.ButtonCenter a.IconMailing {
			padding-left: 28px;
			background-image:url(../Images/button/icon-mailing.gif);
			background-position: 5px 2px;
		}
		
		.tableButtonLarge tr td.ButtonCenter a.IconPdf {
			padding-left: 27px;
			background-image:url(../Images/button/icon-pdf.gif);
		}
	

        div.adminSerienbrief a.IconSerienbrief {
			padding-left: 20px;
			background-image:url(../Images/button/icon-serienbrief.gif);
            background-position: 0px 3px;
            background-repeat: no-repeat;
            line-height: 25px;
            display:block;
		}
        div.adminSerienbrief a.IconDelete {
			padding-left: 20px;
            background-position: 0px 3px;
			background-image:url(../Images/button/icon-delete.gif);
            background-repeat: no-repeat;
            line-height: 25px;
            display:block;
		}
	
	
	
	.tableButtonLarge tr td.ButtonCenter a.ArrowTop {
		padding-left: 24px;
		background-image: url(../Images/icons/icon-arrow-top-green.gif);
		background-position: 7px 3px;
		background-repeat: no-repeat;
	}
	
	
	/************************************************************************************************************/
	/* Button blue */	
		
	
		.tableButtonLarge.buttonBlue tr td.ButtonLeft div{
			background-image: url(../Images/button/button-large-bg-blue.gif);
		}
		
		.tableButtonLarge.buttonBlue tr td.ButtonRight div{	
			background-image: url(../Images/button/button-large-bg-blue.gif);	
		}
		
		.tableButtonLarge.buttonBlue tr td.ButtonCenter {			
			background-image: url(../Images/button/button-large-bg-blue.gif);			
		}
		
		.tableButtonLarge.buttonBlue tr td.ButtonCenter a {		
			color: #003366;
		}
	
				
		/* Button Icons */
			
			.tableButtonLarge.buttonBlue tr td.ButtonCenter a.IconJumperBlue {
				padding-left: 21px;
				background-image:url(../Images/button/icon-jumper-blue.gif);
			}
			
	

	
	
	/************************************************************************************************************/
	/* Over */

		.tableButtonLarge.ButtonOver {
			
		}
		
		.tableButtonLarge.ButtonOver tr td.ButtonLeft div {
			background-position: left -54px;		
		}
		
		.tableButtonLarge.ButtonOver tr td.ButtonRight div {
			background-position: -4px -54px;		
		}
		
		.tableButtonLarge.ButtonOver tr td.ButtonCenter {
			background-position: left -81px;		
		}


	/************************************************************************************************************/
	/* Large with Arrow Right */
	
		.tableButtonLargeArrow {
				
		}
		
		.tableButtonLargeArrow tr td.ButtonRight {
			width: 14px;		
		}
		
		.tableButtonLargeArrow tr td.ButtonRight div{
			width: 14px;					
			background-position: right top;
		}		
				
		.tableButtonLargeArrow.ButtonOver tr td.ButtonRight div {
			background-position: right -54px;		
		}
		
		.tableButtonLargeArrow tr td.ButtonCenter a{
			padding: 0px 14px 0px 5px;			
		}
		
		
		
		
		
		
	/************************************************************************************************************/
	/* Button grey */	
		
		.tableButtonLarge.buttonGrey {
			height: 21px;
		}
		
		.tableButtonLarge.buttonGrey tr td.ButtonLeft,
		.tableButtonLarge.buttonGrey tr td.ButtonRight {
			width: 2px;		
		}
		
		.tableButtonLarge.buttonGrey tr td.ButtonLeft div{
			width: 2px;	
			height: 21px;
			background-image: url(../Images/button/button-grey-bg.gif);
			background-position: left 1px;
		}
		
		.tableButtonLarge.buttonGrey tr td.ButtonRight div{
			width: 2px;	
			height: 21px;		
			background-image: url(../Images/button/button-grey-bg.gif);
			background-position: -2px 1px;
		}	
		
		.tableButtonLarge.buttonGrey tr td.ButtonCenter {			
			vertical-align: middle;
			background-image: url(../Images/button/button-grey-bg.gif);
			background-position: left -19px;
		}
		
		.tableButtonLarge.buttonGrey tr td.ButtonCenter a{
			padding: 0px 8px 0px 8px;		
			color: #000;
		}
		
		
		/************************************************************************************************************/
		/* Over */
			
			.tableButtonLarge.ButtonOver.buttonGrey tr td.ButtonCenter {			
				background-position: left -40px;
			}
			
	
		
	


/****************************************************************************************************************/
/* Menu */
/****************************************************************************************************************/

	/************************************************************************************************************/
	/* Menu icons */

		.iconMenuNew {
			background-image: url(../Images/icons/icon-new.gif);
			background-position: 3px 1px;
			background-repeat: no-repeat;	
		}
		
		.iconMenuDelete{
			background-image: url(../Images/icons/icon-delete.gif);
			background-position: 3px 1px;
			background-repeat: no-repeat;	
		}
		
		.iconMenuArchiv {
			background-image: url(../Images/icons/icon-archiv.gif);
			background-position: 2px top;
			background-repeat: no-repeat;	
		}
		
		.iconMenuPrint {
			background-image: url(../Images/icons/icon-print.gif);
			background-position: left 1px;
			background-repeat: no-repeat;	
		}
		
		.iconMenuSave {
			background-image: url(../Images/icons/icon-save.gif);
			background-position: 1px 1px;
			background-repeat: no-repeat;	
		}
		
		.iconMenuExport {
			background-image: url(../Images/icons/icon-export.gif);
			background-position: 1px 1px;
			background-repeat: no-repeat;	
		}
		
		.iconMenuUserImport {
			background-image: url(../Images/icons/icon-user-import.gif);
			background-position: 1px 1px;
			background-repeat: no-repeat;	
		}

		.iconMenuSerienbrief {
			background-image: url(../Images/icons/icon-serienbrief.gif);
			background-position: 1px 1px;
			background-repeat: no-repeat;	
		}
		
		.iconMenuArticleUpdate {
			background-image: url(../Images/icons/icon.article-update.gif);
			background-position: 1px 1px;
			background-repeat: no-repeat;	
		}

        .iconMenuRemove {
            background-image: url(../Images/icons/icon-reset.png);
            background-position: 3px 3px;
            background-repeat: no-repeat;
        }



/****************************************************************************************************************/
/* Feedback Layer */
/****************************************************************************************************************/
	
	.divFeedbackLayer {
		display: none;
		position: absolute;
		top: 0px;
		left: 0px;
		z-index:1000;
		max-width: 500px;
		
		background-color: white;		
		border: 1px solid #666666;

	}
	
	.divFeedbackLayer .InnerSpacing {
		padding: 20px;	
	}




/****************************************************************************************************************/
/* Popup */
/****************************************************************************************************************/

	/************************************************************************************************************/
	/* Allgemein */

		body.bodyPopup {
			background: none !important;
			background-color: #ffffff !important;		
		}
			
	/************************************************************************************************************/
	/* Content */
		
		.divPopupContent {
			overflow: auto;
			overflow-x: visible;
		}

		
	/************************************************************************************************************/
	/* Footer */	

		.divPopupFooter {
			height: 37px;
			background-color: #d6e5d2;
			overflow: hidden;
			padding: 0px 40px 0px 30px;		
		}


/****************************************************************************************************************/
/* HTML Grid  */
/****************************************************************************************************************/
	
	.tdTableHeaderCheckbox {
		padding-left: 7px !important;
	}
	
	.divHtmlGridBorder {
		border: 1px solid #c5c5c5;
		border-top: none;
	}
	
	.divHtmlGridBorder .tableHtmlGrid {
		border: none;
        margin-top:1px;
	}
	
	.divHtmlEditGrid {
		background-color: #ffffff;
		overflow-y: scroll;
	}
	
	.divHtmlGridBorder.divHtmlGridScrolling {
		overflow-y: auto;
	}
			
	.tableHtmlGrid {
		border: 1px solid #d0d0d0;
	}		
	
	.tableHtmlGrid th {
		background-image: url("../Thirdparty/ExtJS/resources/themes/images/gray/grid/column-header-bg.gif");
		background-repeat: repeat-x;
		height: 12px;
		padding-top: 4px;
		padding-bottom: 3px;
		padding-left: 6px;	
		padding-right: 6px;	
		border-bottom: 1px solid #d0d0d0;
	}
	
	.tableHtmlGrid.tableHeadIcons th {
		text-align: center;
	}
	
	.tableHtmlGrid th {
		border-right: 1px solid #c5c5c5;
	}
	
	.tableHtmlGrid th.last {
		border-right: none;
	}
	
	.tableHtmlGrid td {
		padding-top: 3px;
		padding-right: 6px;
		padding-left: 6px;
		padding-bottom: 3px;
		background-color: #FFF;
		border-bottom: 1px solid #ededed;
	}

	.tableHtmlGrid.NoWrap td {
		white-space: nowrap;
	}
	
	.tableHtmlGrid tr td.FormField {
		padding: 0px;		
	}
	
	.tableHtmlGrid td.Right,
	.tableHtmlGrid td.Right .inputField {
		text-align: right;
	}
	
	.tableHtmlGrid .trRowEven td {
		background-color: rgb(250, 250, 250);
	}		
	
	/* Mouse over row */
		.tableHtmlGrid tr:hover td {
			background-color: #EFEFEF;
			border-color: #DDDDDD;
		}
	
	
	
	/* Edit Grid Anpasusngen */
		.tableHtmlEditGrid {
				
		}
		
		.tableHtmlEditGrid tr td {
				
		}
		
		.tableHtmlEditGrid tr td input{
			background: none;
			background-color: #dfebf7;	
		}
		
		.tableHtmlEditGrid tr td input:focus{
			background-image: url("../Thirdparty/ExtJS/resources/themes/images/gray/form/text-bg.gif");		
		}
		
		.tableHtmlEditGrid tr.AddRow td {
			padding: 3px 0px 0px 0px;
		}
		
		.tableHtmlEditGrid tr.AddRow td input{
			background-image: url("../Thirdparty/ExtJS/resources/themes/images/gray/form/text-bg.gif");		
		}
	
	
	.tableHtmlGrid .trHidden,
	.tableHtmlGrid .trHidden th,
	.tableHtmlGrid .trHidden td {
		visibility: hidden;
		height: 0px !important;
		line-height: 0px !important;
		padding-top: 0px;
		padding-bottom: 0px;
		overflow: hidden;
		border: 0px !important;
	}
	
	.tableHtmlGrid .trHidden input,
	.tableHtmlGrid .trHidden img,
	.tableHtmlGrid .trHidden a {
		height: 0px !important;
		line-height: 0px !important;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		overflow: hidden;
	}
	
	.divHtmlGridSubhead {
		font-size: 0.91em;
		color: #003366;
		font-weight: bold;
		padding: 15px 0px 5px 58px;
		background-color: #FFF;
		border-right: 1px solid #c5c5c5;
		border-left: 1px solid #c5c5c5;
	}
	
	.tableHtmlGrid.tableHeadIcons {
		border-bottom: 0px;
	}
	
	.tdTitle {
		padding-left: 21px !important;
	}
	
	.tdTitle .aIconExpand {
		margin-left: -15px;
	}
	
	
	/* Sorting */
		.tableHtmlGrid .trHeader .divSortDesc {
			background-image: url(../Images/icons/icon-sort-desc.gif);
			background-position: right center;
			background-repeat: no-repeat;
		}
	
		.tableHtmlGrid .trHeader .divSortAsc {
			background-image: url(../Images/icons/icon-sort-asc.gif);
			background-position: right center;
			background-repeat: no-repeat;
		}
		
	
	/* trMyDetails */
		.tableHtmlGrid .trMyDetails td {
			background-color: #dfebf7;
			border-bottom: none;
		}
	
	
	/* Level 2 */
		.tableHtmlGrid .trLevel2 .tdTitle {
			padding-left: 35px !important;
			
			background-image: url(../Images/icons/icon-grid-additionallevel.gif);
			background-position: 20px 8px;
			background-repeat: no-repeat;
		}
		.tableHtmlGrid .trLevel2 .tdTitle .aIconExpand { margin-left: 0px; }
	
	/* Level 3 */
		.tableHtmlGrid .trLevel3 .tdTitle {
			padding-left: 65px !important;
			
			background-image: url(../Images/icons/icon-grid-additionallevel.gif);
			background-position: 50px 8px;
			background-repeat: no-repeat;
		}
		.tableHtmlGrid .trLevel3 .tdTitle .aIconExpand { margin-left: 0px; }
	
	/* Level 4 */
		.tableHtmlGrid .trLevel4 .tdTitle {
			padding-left: 95px !important;
			
			background-image: url(../Images/icons/icon-grid-additionallevel.gif);
			background-position: 80px 8px;
			background-repeat: no-repeat;
		}
		.tableHtmlGrid .trLevel4 .tdTitle .aIconExpand { margin-left: 0px; }
	
	/* Level 5 */
		.tableHtmlGrid .trLevel5 .tdTitle {
			padding-left: 125px !important;
			
			background-image: url(../Images/icons/icon-grid-additionallevel.gif);
			background-position:110px 8px;
			background-repeat: no-repeat;
		}
		.tableHtmlGrid .trLevel5 .tdTitle .aIconExpand { margin-left: 0px; }
	
	/* Level 6 */
		.tableHtmlGrid .trLevel6 .tdTitle {
			padding-left: 155px !important;
			

			background-image: url(../Images/icons/icon-grid-additionallevel.gif);
			background-position: 140px 8px;
			background-repeat: no-repeat;
		}
		.tableHtmlGrid .trLevel6 .tdTitle .aIconExpand { margin-left: 0px; }
	
	/* Level 7 */
		.tableHtmlGrid .trLevel7 .tdTitle {
			padding-left: 185px !important;
			
			background-image: url(../Images/icons/icon-grid-additionallevel.gif);
			background-position: 170px 8px;
			background-repeat: no-repeat;
		}
		.tableHtmlGrid .trLevel7 .tdTitle .aIconExpand { margin-left: 0px; }
	
	/* Level 8 */
		.tableHtmlGrid .trLevel8 .tdTitle {
			padding-left: 215px !important;
			
			background-image: url(../Images/icons/icon-grid-additionallevel.gif);
			background-position: 200px 8px;
			background-repeat: no-repeat;
		}
		.tableHtmlGrid .trLevel8 .tdTitle .aIconExpand { margin-left: 0px; }
	
	/* Level 9 */
		.tableHtmlGrid .trLevel9 .tdTitle {
			padding-left: 245px !important;
			
			background-image: url(../Images/icons/icon-grid-additionallevel.gif);
			background-position: 230px 8px;
			background-repeat: no-repeat;
		}
		.tableHtmlGrid .trLevel9 .tdTitle .aIconExpand { margin-left: 0px; }
		
	/* Level 10 */
		.tableHtmlGrid .trLevel10 .tdTitle {
			padding-left: 275px !important;
			
			background-image: url(../Images/icons/icon-grid-additionallevel.gif);
			background-position: 260px 8px;
			background-repeat: no-repeat;
		}
		.tableHtmlGrid .trLevel10 .tdTitle .aIconExpand { margin-left: 0px; }

	
	/* Footer radios */
		.tableFooterRadio {
			margin-left: 5px;
		}
		
		.tableFooterRadio label {
			padding-left: 3px;
			color: #003366;
		}


        .tableHtmlGrid td.ordersum {
            background-color: #DFEBF7;
        }


/****************************************************************************************************************/
/*  Article Details */
/****************************************************************************************************************/
	
	.tableArticleDetailsWindow {
		table-layout: fixed;
	}
	
	.tableArticleDetailsWindow .divProductDetailsRightColumn {
		overflow-y: auto; 
		height: 287px;
	}
	
	.tableArticleDetailsWindow .divContentBox {
		background-color: #dfebf7;
		margin-top: 20px;
		margin-right: 20px;
		padding-bottom: 5px;
		color: #003366;
	}
	
	.tableArticleDetailsWindow .divProductImage {
		width: 198px;
		height: 198px;
		margin-top: 20px;
		overflow: hidden;
		border: 1px solid #d0d0d0;
	}
	
	.tableArticleDetailsWindow .divArticleTitle {
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 4px;
	}
	
	.tableArticleDetailsWindow .tableArticlePrice td {
		white-space: nowrap;
	}
	
	.tableArticleDetailsWindow .divArticleDescription {
		font-size: 11px;
		margin-top: 15px;
		margin-left: 10px;
		margin-right: 23px;
	}
	
	.tableArticleDetailsWindow .divArticleUse {
		font-size: 11px;
		margin-top: 12px;
		margin-left: 10px;
		margin-right: 23px;
		margin-bottom: 20px;
	}


/****************************************************************************************************************/
/*  Change / Add ProductStore Item Window */
/****************************************************************************************************************/

	/************************************************************************************************************/
	/* Header Element */
	
		.divProductStoreItemWindow {
			margin: 10px 10px 0px 10px;	
		}

		.divProductStoreItemWindowHeadline {
			padding: 8px 10px 8px 10px;
			background-color: #dfebf7;	
			
			-webkit-border-radius: 2px;
			-khtml-border-radius: 2px;
			-moz-border-radius: 2px;    
			border-radius: 2px;
			
			color: #003366;
			font-size: 1.166em;
			font-weight: bold;
		}
		
		.divTableProductStoreItem {
			padding: 20px 10px 0px 10px;	
		}
		
		.tableProductStoreItem td {
			xpadding-bottom: 10px;
		}
		
		.tableProductStoreItem td.Label {
			font-size: 11px;
			text-align: right;
			padding: 4px 10px 10px 0px;
			white-space: nowrap;
		}
		
		.tableProductStoreItem td.Readonly, .tableProductStoreItem td table td.Readonly  {
			font-size: 11px;
			padding: 4px 0px 0px 0px;
			white-space: nowrap;
		}
		
		.tableProductStoreItem td.Value div {
			width: 85px;
		}
		
		.tableProductStoreItem td.Value div input {
			text-align: right;
		}
		
		
		/* Set Element */
		
		.divProductStoreItemWindowSetElement {
			padding: 16px 10px 0px 10px;		
		}

		.divProductStoreItemWindowSetElementHeadline {
			font-size: 11px;
			font-weight: bold;
		}
		
		.divProductStoreItemWindowSetElementTable {
			height: 178px;
			overflow-y: auto;
		}
		
		.divProductStoreItemWindowSetElementTable table.tableHtmlGrid th, .divProductStoreItemWindowSetElementTable table.tableHtmlGrid td {
			font-size: 11px;
		}

	

/****************************************************************************************************************/
/*  Extjs-Window Buttons */
/****************************************************************************************************************/
	
	.ButtonIconClose .x-btn-inner {
		background-image: url(../Images/button-extjs-window/icon-close.gif);
		background-repeat: no-repeat;
		background-position: 4px 4px;
		padding-left: 18px;
	}

	.ButtonIconCheck .x-btn-inner {
        background-image: url(../Images/button/icon-checked.gif);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        padding-left: 20px;
    }

	.ButtonIconSave .x-btn-inner {
		background-image: url(../Images/button-extjs-window/icon-save.gif);
		background-repeat: no-repeat;
		background-position: 4px 1px;
		padding-left: 24px;
	}
	
	.ButtonIconDivide .x-btn-inner {
		background-image: url(../Images/button-extjs-window/icon-divide.gif);
		background-repeat: no-repeat;
		background-position: 4px 1px;
		padding-left: 24px;
	}
	
	.ButtonIconPrint .x-btn-inner {
		background-image: url(../Images/button-extjs-window/icon-print.gif);
		background-repeat: no-repeat;
		background-position: 4px 0px;
		padding-left: 26px;
	}
	
	.ButtonIconCopyCustomer .x-btn-inner {
		background-image: url(../Images/button-extjs-window/icon-copy-customer.gif);
		background-repeat: no-repeat;
		background-position: 5px 0px;
		padding-left: 25px;
	}

	.ButtonTermination{

		background-color: #F6FDF4;
		color: #25691E;
	}

	.ButtonTermination:hover{

		cursor: pointer;
		background-color: #ECF3EA;
		color: #25691E;
	}
	


/****************************************************************************************************************/
/* Popup Bestellung ducken */
/****************************************************************************************************************/

	.printContent {
		margin: 30px;
		width: 670px;
	}
	div.page {
        margin:30px 30px 30px 40px;
        width:670px;
    }
    table.pageFooter {
        display:none;
    }
	.printContent .divCompleteAddress {
		width: 230px;
		text-align:left;
	}
	
	.printContent .divCompleteAddress .label {
		color: #999999;
	}
	
	.printContent .divContentBox {
		
		background-color: #eaf2f9;
		padding-bottom: 10px;
	}
	
	.printContent .divContentBox.SimpleBox {
		background-color: #eaf2f9;
		padding-bottom: 5px;
	}
	
	.printContent .divContentBox .labelAreaTitle {
		font-size: 12px;
		font-weight: bold;
		color: #003366;
	}
	
	.printContent .tableOrderHeader{
		margin-left: 10px;
	}
	
	.printContent .tableOrderHeader .divAddress {
		line-height: 160%;
	}
	
	.printContent .tableOrderTitle {
		margin-left: 10px;
	}
	
	.printContent .tableOrderTitle .Title {
		font-size: 18px;
	}
	
	.printContent .tableOrderTitle td.Label {
		font-size: 11px;
		padding-bottom: 2px;
		font-weight: bold;
		color: #666666;
	}
	
	.LabelElementTextEditor {
		font-size: 11px;
		padding-bottom: 2px;
		font-weight: bold;
		color: #666666;
	}
	
	.printContent .tdDateGrey {
		margin-top: 2px;
		color: #003366;
	}
	 
	.printContent .inputOrderName {
		margin-top: 2px;
		width: 400px;
	}
	
	.printContent .tableOrderShipping {
		margin-top: 1px;
		margin-bottom: 5px;
	}
	
	.printContent .tableOrderShipping td {
		padding-top: 2px;
		padding-bottom: 2px;
	}
	
	/* Signature */
		.tablePrintSignature {
			margin-left: 10px;
			margin-right: 10px;
			table-layout: fixed;
		}
		
		.tablePrintSignature .label {
			border-top: 1px solid #999999;
			padding-top: 2px;
			font-size: 12px;
		}

	
	
	/* Print Elements */
		.divContentPopupSpacerHeader {
			height: 50px;
			margin: 0px;
			padding: 0px;
			line-height: 0px;
			font-size: 0px;		
		}
		
		.divContentPopupPrintSubtitle {
			display: none;
		}
		
		.divFormLetterTitle {
			display: none;	
		}
		
		.divTextEditorContent {
			background-color: #ffffff; 
			border: 1px solid #d0d0d0; 
			height: 450px; 
			padding: 4px; 
			font-size: 12px; 
			line-height: 18px;
		}


/****************************************************************************************************************/
/* Popup Wareneingang prüfen */
/****************************************************************************************************************/


	.divContentPopupSubtitle {
		font-size: 0.916em;
		margin: 10px 10px 50px 10px;
	}
	
	.divContentPopupArticleTable {
		margin: 0px 10px 0px 10px;	
	}
	
	
	/* Tabelle Edit  */
	
		.tableArticleListEdit {
			table-layout: fixed;
			font-size: 12px;
		}
		
		.tableArticleListEdit th {
			font-weight: bold;
		}
		
		.tableArticleListEdit td, .tableArticleListEdit th {
			padding: 8px 10px 6px 10px;
		}
		
		
		.tableArticleListEdit th.thBGEdit {
			background-color: #dfebf7;
			padding: 8px 10px 6px 10px;
		}
		
		.tableArticleListEdit td.tdBGEdit {
			background-color: #dfebf7;
			padding: 8px 10px 6px 10px;
		}
			
		
		/* Trennlinien */
		
			.tableArticleListEdit tr {
				border-bottom: 1px solid #999999;
			}

            .tableArticleListEdit tr.spacer {
				border-bottom: none;
			}
			
			
		/* TD Edit */
		
			.tableArticleListEdit td.tdBGEdit table tr td {
				padding: 0px 0px 0px 0px;
			}
	
			.tableArticleListEdit tr table tr {
				border: none !important;
			}
		
		
			.divIconEdit a {
				display: block;
				background-image: url(../Images/icons/icon-edit.gif);
				background-repeat: no-repeat;
				background-position: left top;
				width: 23px;
				height: 23px;
			}
			
			.divIconEdit a:hover {
				background-position: left -23px;
			}
			

		/* Mouse over row */

			.tableArticleListEdit tr:hover td {
				background-color: #dfebf7;
			}
            .tableArticleListEdit tr.noHover:hover td {
				background-color: #fff !important;
			}

			
		/* Active Element */
		
			.tableArticleListEdit.ActiveElement tr td {
				background-color: #d6e5d2;	
				xcolor: #25691e;
				font-weight: bold;
			}
			
			.tableArticleListEdit.ActiveElement tr td.tdBGEdit table td.tdQuantity {
				font-weight: bold;
				color: #990000;	
			}
					
		
		
		/* Tabelle Edit Administration  */
		
			.tableArticleListEditAdministration {
					
			}
			
			.tableArticleListEditAdministration tr td {				
			}
			
			.tableArticleListEditAdministration tr td label{				
			}
			
			.tableArticleListEditAdministration tr td input{
				width: 260px;
			}
			
			.tableArticleListEditAdministration tr td textarea{
				width: 260px;
				height: 100px !important;
			}
		
		
		
	/**************************************************************/
	/*  Edit Table Element  */
		
		.divArticleListEditTable {
			border-bottom: 1px solid #999999;		
		}
	
		.tableArticleListEditTable {
			table-layout: fixed;
			font-size: 12px;
		}
		
		.tableArticleListEditTable th {
			font-weight: bold;
			color: #003366;
		}
		
		.tableArticleListEditTable td, .tableArticleListEditTable th {
			padding: 8px 10px 6px 10px;
			background-color: #e7f2e4;
		}
		
		
		.tableArticleListEditTable th.thBGEdit {
			background-color: #d6e5d2;
			padding: 8px 10px 6px 10px;
		}
		
		.tableArticleListEditTable td.tdBGEdit {
			background-color: #d6e5d2;
			padding: 8px 10px 6px 10px;
		}
			
		
		/* Trennlinien */
		
			.tableArticleListEditTable tr {
				border-bottom: 1px solid #cccccc;
			}		
	
		/* TD Edit */
			
				.tableArticleListEditTable td.tdBGEdit table tr td {
					padding: 0px 0px 0px 0px;
					background-color: #d6e5d2;
				}
		
				.tableArticleListEditTable tr table tr {
					border: none !important;
				}
				
				
				.inputEditTable {
					font-size: 12px !important;
					text-align: right;	
				}
				
				.inputEditTableLeft {
					font-size: 12px !important;
					text-align: left;	
				}
			



/****************************************************************************************************************/
/* Popup Kunden Detailansicht Druckversion */
/****************************************************************************************************************/

	.printContent.SmallContent {
		margin: 30px 40px 30px 40px;
		width: 650px;
	}

	.divPopupPrintLogo {
		margin: 20px 0px 0px 0px;
	}
	
	.divPopupPrintHeadline {
		font-size: 18px;
	}

	.tableCustomerData tr td {
		font-size: 12px;
		border-bottom: 1px solid #e6e6e6;
		padding: 3px 0px 3px 0px;
	}
	
	.tableCustomerData tr td.Last {
		border: none;
	}
	
	
	.CustomerDataHeadline {
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 7px;	
		color: #999999;		
	}
	
	
	.divPopupPrintCaption {
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 10px;
		color: #999999;		
	}


	
/****************************************************************************************************************/
/* Vorschau der Bestellungen */
/****************************************************************************************************************/
	
	.bodyOrderPreview {
		background-image: none;
		background-color: #FFF;
	}
	
	.bodyOrderPreview .divContentBox{
		background-color: #dfebf7;
	}
	
	.tableOrderHeaderDetails {
		margin-top: 20px;
		margin-left: 9px;
		margin-bottom: 20px;
		
		color: #003366;
	}
	
	.tableOrderHeaderDetails td {
		padding-right: 3px;
	}
	
	.divAdressDataView .Label {
		font-weight: bold !important;
		color: #666666 !important;
		text-align: left !important;
	}
	
	.divOrderSummery {
		
	}
		
	.tdOrderSummery {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
	.tableOrderSummery {
		color: #003366;
	}
	
	

/****************************************************************************************************************/
/* Extjs-Window Kunde bearbeiten */
/****************************************************************************************************************/	

	.divInnerContentWindowSpacing {
		padding: 20px
	}

	/************************************************************************************************************/
	/* Header Element */

		.divHeaderElement {
			padding: 0px 10px 0px 10px;
			background-color: #dfebf7;	
			
			-webkit-border-radius: 2px;
			-khtml-border-radius: 2px;
			-moz-border-radius: 2px;    
			border-radius: 2px;
		}

		.tableHeaderElement tr td.Title {
			color: #003366;
			font-size: 1.166em;
			font-weight: bold;
			padding: 8px 0px 8px 0px;
		}
		
		.tableHeaderElement tr td.SubTitle {
			color: #003366;
			font-size: 0.916em;
			padding: 2px 0px 0px 0px;
		}
		
		.tableHeaderElement tr td.Label {
			padding: 2px 0px 0px 0px;	
			color: #003366;
			font-size: 0.916em;
			font-weight: bold;
		}
		
		.tableHeaderElement tr td.Value {
			padding: 0px 0px 0px 8px;	
		}
		
	
	/************************************************************************************************************/
	/* Change backgroundcolor */
	
	
		.divContentBox.BGColorWhite, div.BackgroundStage1.BGColorWhite, div.BackgroundStage2.BGColorWhite {
			background-color: #ffffff;	
		}
			
		.divContentBox.BGColorLightblue, div.BackgroundStage1.BGColorLightblue, div.BackgroundStage2.BGColorLightblue {
			background-color: #dfebf7;	
		}

	
	/************************************************************************************************************/
	/* Summary Value */
		
		.divSummaryValue {
			padding: 6px 0px 6px 0px;
		}
		
		.tableSummaryValue td {
			font-size: 11px;
			padding-right: 10px;	
		}
		
				

/****************************************************************************************************************/
/* Bestellung erfassen Grid */
/****************************************************************************************************************/


    .artNr {
        color:#999;
    }
    .editableCell {
        background-color:#dfebf7 !important;
    }





/****************************************************************************************************************/
/* Dashboard Box Post It*/
/****************************************************************************************************************/

	.divDashboardPostItBox {
		position: relative;	
	}
	
	.divDashboardPostItBox div.PostIt{
		position:absolute;
		top: -14px;
		right: -16px;
		width: 160px;
		height: 120px;
		font-size: 0.916em;	
		background-image: url(../Images/postit/postit-background.png);
		background-position: left top;
		background-repeat: no-repeat;
	}
	
	.divDashboardPostItBox div.PostIt div.Content {
		padding: 20px 10px 0px 20px;	
		
		-moz-transform: rotate(-6deg);  
		-o-transform: rotate(-6deg);  			
	}
	
	.divDashboardPostItBox div.PostIt div.Content div.Title {
		margin: 0px 0px 5px 0px;
		color: #003366;
		font-size: 1.272em;
		font-weight: bold;	
	}
	
	.divDashboardPostItBox div.PostIt div.Content div.Subtitle {
		font-weight: bold;	
	}
	
	.divDashboardPostItBox div.PostIt div.Content div.Date {

	}


	/* PostItBoxAlternativ */

		.divDashboardPostItBoxAlternativ div.PostIt{				
			background-position: left bottom;		
		}
		
	
		.divDashboardPostItBoxAlternativ div.PostIt div.Content {
			padding: 20px 10px 0px 24px;			
		}




/****************************************************************************************************************/
/* Dashboard Box */
/****************************************************************************************************************/

	.divDashboardBox {
		
	}
	
	/* Headline */
	
		.divDashboardBox div.Headline {
			padding: 8px 10px 8px 10px;
			font-size: 1.166em;
			font-weight: bold;
			color: #003366;
			background-color: #dfebf7;	
			
			-webkit-border-radius: 2px;
			-khtml-border-radius: 2px;
			-moz-border-radius: 2px;    
			border-radius: 2px;
			text-align: center;
		}


	/* Content */
	
		.divDashboardBox div.Content {
			padding: 7px 14px 0px 14px;
			font-size: 0.916em;
			
			/*background-color: #dfebf7;
			background-image: url(../Images/dashboard/dashboard-box-content-background.gif);
			background-position: left top;
			background-repeat: repeat-x;	*/
		}


	/* Link Icon Element */		

		.divDashboardBox div.Content .IconLinkTable {
			margin: 12px 4px 0px 4px;
			table-layout: fixed;	
			text-align: left;
		}
		
		.divDashboardBox div.Content .IconLinkTable tr td.Spacer{
			width: 60px;				
		}

		.divDashboardBox div.Content a.LinkIconElement {
			display: block;	
			margin: 0px 0px 17px 0px;
			padding: 10px 0px 10px 44px;
			background-image: url(../Images/dashboard/dashboard-icons.png);		
			background-position: left top;
			background-repeat: no-repeat;
		}
		
		.divDashboardBox div.Content a.LinkIconElement span.Jumper{
			display: inline-block;
			width: 9px;			
			background-image: url(../Images/jumper/jumper-navigation-blue.gif);
			background-position: left 3px;
			background-repeat: no-repeat;	
		}

		/* Icons */
		
			.divDashboardBox div.Content a.IconOrder {
				background-position: left top;			
			}
			
			.divDashboardBox div.Content a.IconBasket {
				background-position: left -105px;
			}
			
			.divDashboardBox div.Content a.IconCustomer {
				background-position: left -35px;
			}
			
			.divDashboardBox div.Content a.IconRemind {
				background-position: left -140px;	
			}
			
			.divDashboardBox div.Content a.IconPost {
				background-position: left -70px;	
			}
			
			.divDashboardBox div.Content a.IconCalc {
				background-position: left -175px;
			}

            .divDashboardBox div.Content a.IconImport {
				background-image: url(../Images/icons/icon_database.png);
                background-position: 5px 3px;
			}


/****************************************************************************************************************/
/* Dashboard Box Small */
/****************************************************************************************************************/

	.divDashboardBoxSmall {
		width: 300px;
		margin: 0px 0px 36px 0px;
		background-image: url(../Images/dashboard/dashboard-box-small-background.gif);
		background-position: left top;
		background-repeat: no-repeat;	
	}
	
	.divDashboardBoxSmall.NoBG {
		background: none !important;
	}
	
	.divDashboardBoxSmall.NoBGMarginSML {
		background: none !important;
		margin: 0px 0px 10px 0px;
	}
	
	
	/* Headline */
	
		.divDashboardBoxSmall div.Headline{
			padding: 8px 10px 14px 10px;
			font-size: 1.166em;
			font-weight: bold;
			color: #3b9131;	
		}
		
	
	/* Headline small */
	
		.divDashboardBoxSmall div.HeadlineSML {
			padding: 8px 10px 7px 10px;
			font-size: 0.916em;
			color: #3b9131;	
		}		
	
			
	/* LinkList */
		
		.divDashboardBoxSmall .LinkList {
			margin: 0px 11px 0px 11px;		
		}
		
		.divDashboardBoxSmall .LinkList a {
			display: block;
			padding: 0px 0px 0px 9px;
			margin: 0px 0px 5px 0px;
			font-size: 0.916em;
			background-image: url(../Images/jumper/jumper-navigation-blue.gif);
			background-position: left 3px;
			background-repeat: no-repeat;
		}
		
	

	/* Table */

		.divDashboardBoxSmall div.TableGrid {
			margin: 0px 10px 0px 10px;	
			padding: 0px 0px 4px 0px;	
		}
		
		.divDashboardBoxSmall.NoBGMarginSML div.TableGrid  {
			margin: 0px 0px 0px 10px;	
			padding: 0px 0px 4px 0px;	
		}
		
		.divDashboardBoxSmall div.TableGrid table{
				
		}
		
		.divDashboardBoxSmall div.TableGrid table tr td {
			padding: 4px 5px 2px 0px;
			font-size: 0.916em;
			border-top: 1px solid #c1d7ee; 		
		}
		
		.divDashboardBoxSmall div.TableGrid table tr.First td {
			border: none;
		}


		.divDashboardBoxSmall div.TableGrid table tr td.InfoIcon {
			width: 25px;
		}
		
		.divDashboardBoxSmall div.TableGrid table tr td.ReportIcon {
			padding: 3px 0px 0px 0px;
		}
		
		a.ReportIconLink {
			background-image: url('../Images/icons/icon-report.gif');
			background-position: left top;
			background-repeat: no-repeat;
			width: 19px;
			height: 16px;
			display: block;
		}
		
		a.ReportIconLink.ToolTip {
			padding-left: 25px;
			width: 100%;
		}
		
		a:hover.ReportIconLink {
			background-position: left -16px;
		}
		
		.divDashboardBoxSmall .Linkelement {
			padding: 4px 0px 0px 10px;
		}
		
		.divDashboardBoxSmall .Linkelement a.Jumper {
			display: block;
			padding: 0px 0px 0px 9px;				 
			background-position: left 3px;
			background-image: url('../Images/jumper/jumper-navigation-blue.gif');
			background-repeat: no-repeat;
			font-size: 0.916em;
		}


/*****************************************************************************************************/
/* Reports Dashboard */
/*****************************************************************************************************/

	/*************************************************************************************************/
	/* ReportImportBox */

		.divReportImportBox {
			height: 37px;
		}
		
		.divReportImportBox .tableImportBox .TDEnd {
			background-position: left top;
			background-image: url('../Images/reports/bg-import-box-end.gif');
			background-repeat: no-repeat;
			width: 1px;
			height: 37px;	
		}
		
		.divReportImportBox .tableImportBox .TDBody {
			background-position: left top;
			background-image: url('../Images/reports/bg-import-box.gif');
			background-repeat: repeat-x;
			height: 37px;	
			
			padding: 0px 4px 0px 9px;
			
			font-size: 0.916em;
			color: #003366;	
		}
		
		.divReportImportBox .tableImportBox .TDBody a.Jumper {
			display: inline-block;
			padding: 0px 0px 0px 9px;				 
			background-position: left 3px;
			background-image: url('../Images/jumper/jumper-navigation-blue.gif');
			background-repeat: no-repeat;
			font-size: 1em;
		}
	
		
		.divReportImportBox .tableImportBox tr {
			vertical-align: middle !important;
		}
	
	/*************************************************************************************************/
	/* Tab Content */

	
		.divChartArea {
			
		}	

		.divChartAreaTableHeadline {
			color: #003366;
			font-weight: bold;
			font-size: 0.916em;
			margin: 5px 0px 15px 0px;
		}
		
		.divChartAreaTableLegend {
			color: #003366;
			font-size: 0.916em;
			margin: 20px 0px 0px 0px;
		}
		
		

	/* divChartAreaTable */

		.divChartAreaTable {
			margin-right: 5px;
		}
		
		.divSummaryTable {
			margin: 5px 15px 0px 15px;	
		}

		.tableChartArea th {
			text-align: right;
			color: #003366;
			font-size: 0.916em;
			font-weight: bold;
			padding: 0px 0px 5px 0px;
		}

		.tableChartArea th.Previous {
			text-align: right;
			color: #406d99;
			font-size: 0.916em;
			font-weight: bold;
		}

		.tableChartArea td {
			color: #003366;
			font-size: 0.916em;
			padding: 3px 0px 3px 0px;
			border-bottom: 1px solid #ffffff;
		}
		
		.tableChartArea tr.Last td {
			border-bottom: none;
		}

		.tableChartArea td.Previous {
			color: #406d99;
		}
		
		.tableChartArea td table td {
			font-size: 1em;
			padding: 0px 0px 0px 0px;
			border-bottom: none;
		}
		
		.tableChartArea td table td.TDReportIcon {
			padding: 0px 30px 0px 0px;
			border-bottom: none;
		}
		
		a.ReportIconLinkInline {
			background-image: url('../Images/icons/icon-report.gif');
			background-position: left top;
			background-repeat: no-repeat;
			width: 19px;
			height: 16px;
			display: inline-block;
		}
		
		a:hover.ReportIconLinkInline {
			background-position: left -16px;
		}
	
	/* divSummaryTable */	
		
		.divSummaryTable {
			margin: 5px 0px 0px 0px;	
		}
		
		.tableSummaryTable {
			
		}

		.tableSummaryTable th {
			text-align: left;
			color: #003366;
			font-size: 0.916em;
			font-weight: bold;
			padding: 0px 0px 5px 0px;
		}

		.tableSummaryTable td {
			color: #003366;
			font-size: 0.916em;
			padding: 5px 5px 5px 5px;
			border: 1px solid #ffffff;	
			background-color: #eff5fb;
		}
		
		.tableSummaryTable td.TDLabel {
			background: none;
			border: none;
			font-weight: bold;
			padding: 5px 0px 5px 8px;
		}
		
		.tableSummaryTable td.TDSpacer {
			background: none;
			border: none;
			padding: 0px 0px 0px 0px;
		}
		
		.tableSummaryTable td table td {
			font-size: 1em;
			padding: 0px 0px 0px 0px;
			xborder-bottom: none;
			xborder-top: none;
			border: none;
		}
		
	


	/* Chart Buttons */
		
		a.ChartButtonLeft {
			display: block;
			background-position: left top;
			background-image: url('../Images/reports/button-chart-bg-left.gif');
			background-repeat: no-repeat;
			height: 23px;
			font-size: 0.916em;
			padding: 4px 10px 0px 10px;
			border-right: 1px solid #7890aa;
			color: #406d99;
		}
		
		a:hover.ChartButtonLeft {
			background-position: left -23px;
			color: #003366;
		}
		
		a.ChartButtonLeft.ActiveButton {
			background-position: left -23px;
			color: #003366;
		}
		
		
		
		a.ChartButton {
			display: block;
			background-position: left top;
			background-image: url('../Images/reports/button-chart-bg.gif');
			background-repeat: no-repeat;
			height: 23px;
			font-size: 0.916em;
			padding: 4px 10px 0px 10px;
			border-right: 1px solid #7890aa;
			color: #406d99;
		}
		
		a:hover.ChartButton {
			background-position: left -23px;
			color: #003366;
		}
		
		a.ChartButton.ActiveButton {
			background-position: left -23px;
			color: #003366;
		}
		
		
		
		a.ChartButtonRight {
			display: block;
			background-position: right top;
			background-image: url('../Images/reports/button-chart-bg-right.gif');
			background-repeat: no-repeat;
			height: 23px;
			font-size: 0.916em;
			padding: 4px 10px 0px 10px;
			color: #406d99;
		}
		
		a:hover.ChartButtonRight {
			background-position: right -23px;
			color: #003366;
		}
		
		a.ChartButtonRight.ActiveButton {
			background-position: right -23px;
			color: #003366;
		}
		

	/*************************************************************************************************/
	/* ReportRecordsBox */		
	
		.divReportRecordsBox {
			background-color: #dae7f4;
			background-image: url('../Images/reports/bg-reports-records.gif');
			background-position: left top;
			background-repeat: repeat-x;
			
			border: 0px solid #fff;
			/* Radius: */
			-webkit-border-radius: 2px;
			-khtml-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
		}
		
		.divReportRecordsBox .Linkelement {
			margin-left: 10px;
			padding: 7px 0px 12px 0px;
		}
		
		.divReportRecordsBox .Linkelement a.Jumper {
			display: block;
			padding: 0px 0px 0px 9px;				 
			background-position: left 3px;
			background-image: url('../Images/jumper/jumper-navigation-blue.gif');
			background-repeat: no-repeat;
			font-size: 0.916em;
			color: #406d99;
		}
		
		.divReportRecordsBox .Linkelement a:hover.Jumper {
			color: #003366;
		}
		
		.divReportRecordsBox .Linkelement a.Jumper.Active {
			font-weight: bold;
			color: #003366;
		}
		
		
		
	/************************************************************************************************************/
	/* Input */		
		
		.divInputElement {
			margin: 0px 0px 0px 0px;
			width: 90px;
			height: 19px;
			
			background-image: url('../Images/reports/input-bg.png');
			background-position: left top;
			background-repeat: no-repeat;
		}
		
		.tableInputElement {
			
		}
		
		.tableInputElement tr {
			vertical-align: top;
		}
		
		.tableInputElement tr td {
			
		}
		
		.tableInputElement tr td input {
			margin: 3px 0px 0px 5px;
			font-size: 0.916em;
			line-height: 1em;
			color: #003366;
			background: none;
			border: none;			
		}
		
		.tableInputElement tr td a.Button{
			padding: 0px;
			display: block;
			width: 19px;
			height: 19px;
			background-image: url('../Images/reports/icon-go.png');
			background-position: 0px 0px;
			background-repeat: no-repeat;		
		}
		


/*****************************************************************************************************/
/* Reports ExtJS-Window MA */
/*****************************************************************************************************/	
	
	.tableTitleBoxPaging td.Text {
		font-size: 11px;
		padding: 0px 7px 0px 7px;
	}

		
	.tableTitleBoxPaging a.ButtonElementPrevious {
		background-image: url('../Images/reports/button-previous.png');
		background-position: left top;
		background-repeat: no-repeat;
		padding: 3px 0px 3px 25px;
		
		font-size: 11px;
		font-weight: bold;
	}
	
	.tableTitleBoxPaging a:hover.ButtonElementPrevious {
		background-position: left -48px;
	}
	
	.tableTitleBoxPaging a.ButtonElementNext {
		background-image: url('../Images/reports/button-next.png');
		background-position: right top;
		background-repeat: no-repeat;
		padding: 3px 25px 3px 0px;
		
		font-size: 11px;
		font-weight: bold;
	}
	
	.tableTitleBoxPaging a:hover.ButtonElementNext {
		background-position: right -48px;
	}
	
	/*****************************************************************************************************/
	/* divChartBoxElementMA */
	
		.divChartBoxElementMA {
			margin: 0px 5px 0px 5px;
			background-color: #dfebf7;	

			border: 1px solid #7890aa;
			/* Radius: */
			-webkit-border-radius: 2px;
			-khtml-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
		}
		
		
	
		.divChartSettingMA {
			margin: 15px 20px 15px 20px;	
		}
	
		.tableChartSettingMA td.Text {
			font-size: 0.916em;
			color: #003366;
			padding: 0px 10px 0px 0px;
		}
		
		.tableChartSettingMA td.TextMiddle {
			font-size: 0.916em;
			color: #003366;
			padding: 0px 10px 0px 10px;
		}
		
		.tableChartSettingMA td.TDPaddingRight {
			padding: 0px 15px 0px 0px;	
		}
		
		.tableChartSettingMA td a.Jumper {
			display: block;
			padding: 0px 0px 0px 9px;				 
			background-position: left 3px;
			background-image: url('../Images/jumper/jumper-navigation-blue.gif');
			background-repeat: no-repeat;
			font-size: 0.916em;
			color: #003366;
		}
		
		.tableChartSettingMA td a:hover.Jumper {
			color: #406d99;
		}
		
		.divChartAreaMA {
			margin: 0px 60px 0px 60px;
		}
		
		.divChartButtonsMA {
			margin: 15px 15px 15px 15px;	
		}
		
		
/*****************************************************************************************************/
/* Reports ExtJS-Window MA Comparison */
/*****************************************************************************************************/			
		
		.divComparisonMA {
			margin: 0px 5px 0px 5px;	
		}
		
		.tableComparisonMA th {
			padding: 4px 5px 2px 0px;
			font-size: 0.916em;
			text-align: right;
			font-weight: bold;		
		}
		
		.tableComparisonMA td {
			padding: 4px 5px 2px 0px;
			font-size: 0.916em;
			border-top: 1px solid #c1d7ee; 	
			text-align: right;	
		}
		
		.tableComparisonMA td.TextLeft {
			text-align: left;	
		}
		
		.tableComparisonMA td.TDInfoIcon {
			padding: 0px 0px 0px 0px;
			text-align: left;
		}
		
		.tableComparisonMA td.LegendColor {
			padding: 0px 0px 0px 0px;
		}
		
		.tableComparisonMA td .divLegendColor {
			height: 7px;
			width: 7px;
			font-size: 0px;
			line-height: 0px;
			padding: 0px;
			margin: 0px;	
		}
		

		.tableComparisonMA td.TDDeleteIcon {
			padding: 0px 5px 0px 25px;
		}
		
		.tableComparisonMA td.TDDeleteIcon a.DeleteIcon {
			display: block;
			width: 16px;
			height: 16px;
			background-image: url('../Images/reports/icon-delete.gif');
			background-position: left top;
			background-repeat: no-repeat;
		}
		
		.tableComparisonMA td.TDDeleteIcon a:hover.DeleteIcon {
			background-position: left -30px;
		}
		
		
		/* divComparisonAddMA */
		
		.divComparisonAddMA {
			margin: 10px 0px 0px 5px;
		}
		
		.divComparisonAddMA table td {
			font-size: 0.916em;
			color: #003366;
		}
		
		.divComparisonAddMA table td a.AddIcon {
			display: block;
			width: 16px;
			height: 16px;
			background-image: url('../Images/reports/icon-add.gif');
			background-position: left top;
			background-repeat: no-repeat;
		}
		
		.divComparisonAddMA table td a:hover.AddIcon {
			background-position: left -30px;
		}
		

/*****************************************************************************************************/
/* Reports - Grid */
/*****************************************************************************************************/

	/* Title Box */
		.divGridTitleBox {
			font-size: 0.916em;
			color: #003366;
			padding: 8px 10px 8px 10px;
			background-color: #dfebf7;	
			
			-webkit-border-radius: 2px;
			-khtml-border-radius: 2px;
			-moz-border-radius: 2px;    
			border-radius: 2px;
		}
		
		.divGridTitleBox td.TextLarge {
			padding: 0px 0px 0px 0px;
			color: #003366;
			font-size: 14px;
		}
		
		.divGridTitleBox td.TextSML {
			padding: 0px 0px 0px 30px;
			color: #003366;
		}
		
		.divGridTitleBox td.TextSML a.Jumper {
			xdisplay: block;
			padding: 0px 0px 0px 9px;				 
			background-position: left 2px;
			background-image: url('../Images/jumper/jumper-navigation-blue.gif');
			background-repeat: no-repeat;
			color: #003366;
		}
		
		.divGridTitleBox td.TextSML a:hover.Jumper {
			color: #406d99;
		}

	/* Grid Box */
		.divGridBox {
			margin-top: 1px;
			color: #003366;
			padding: 5px 5px 5px 5px;
			background-color: #dfebf7;	
			
			-webkit-border-radius: 2px;
			-khtml-border-radius: 2px;
			-moz-border-radius: 2px;    
			border-radius: 2px;
		}	
	
	
/*****************************************************************************************************/
/* Reports - Popup Import */
/*****************************************************************************************************/

	/* Title Box */
	
		.divPopupTitleBox {
			font-size: 0.916em;
			color: #003366;
			padding: 8px 10px 8px 10px;
			background-color: #dfebf7;	
			
			-webkit-border-radius: 2px;
			-khtml-border-radius: 2px;
			-moz-border-radius: 2px;    
			border-radius: 2px;
			
			height: 31px;
		}
		
		.divPopupTitleBox td.TextLarge {
			padding: 0px 0px 0px 0px;
			color: #003366;
			font-size: 14px;
		}
		
		.divPopupTitleBox td.TextSML {
			padding: 0px 0px 0px 20px;
			color: #003366;
		}
		
		
	/* File Upload Box */
	
		.divFileUploadBoxInnerspace {
			padding: 20px 10px 20px 10px;	
		}
	
		.divFileUploadBox {
			font-size: 0.916em;
			color: #003366;
			padding: 8px 10px 8px 10px;
			background-color: #dfebf7;	
			
			-webkit-border-radius: 2px;
			-khtml-border-radius: 2px;
			-moz-border-radius: 2px;    
			border-radius: 2px;
			
		}
		
		.divFileUploadBox td.TextSML {
			padding: 0px 20px 0px 0px;
			color: #003366;
		}	
		
		.divFileUploadBox td.TextSML.Error {
			color: #990000;
		}	
		
		input.FileUpload {
			font-size: 11px;
			color: #666666;
			border: 1px solid #b5b8c8;
			background-color: #ffffff;
			height: 21px;
		}
		
		
	/* Imported Files Overview */
	
		.divFileUploadOverviewInnerspace {
			padding: 0px 10px 20px 10px;	
		}
	
		.divFileUploadOverview {
			font-size: 0.916em;
			color: #003366;
			padding: 5px 5px 5px 5px;
			background-color: #dfebf7;	
			
			-webkit-border-radius: 2px;
			-khtml-border-radius: 2px;
			-moz-border-radius: 2px;    
			border-radius: 2px;
			
			margin-bottom: 1px;
			
		}	
		
		.divFileUploadOverview .OverviewHeadline {
			margin: 5px 0px 7px 5px; 
			font-weight: bold;
		}
		
	/* Grid Overview */
	
	
		.tableHtmlGridTimetable {
			border: 1px solid #d0d0d0;
		}		
		
		.tableHtmlGridTimetable th {
			background-image: url("../Thirdparty/ExtJS/resources/themes/images/gray/grid/column-header-bg.gif");
			background-repeat: repeat-x;
			height: 12px;
			padding-top: 4px;
			padding-bottom: 3px;
			padding-left: 6px;	
			padding-right: 6px;	
			border-bottom: 1px solid #d0d0d0;
		}

		.tableHtmlGridTimetable th {
			border-right: 1px solid #c5c5c5;
		}
		
		.tableHtmlGridTimetable th.last {
			border-right: none;
		}
		
		.tableHtmlGridTimetable td {
			padding-top: 3px;
			padding-right: 6px;
			padding-left: 6px;
			padding-bottom: 3px;
			background-color: #FFF;
			xborder-bottom: 1px solid #ededed;
			border-right: 1px solid #c5c5c5;
			color: #999999;
		}
		
		.tableHtmlGridTimetable td.TDAlert {
			color: #990000;
		}
		
		.tableHtmlGridTimetable td.TDInactive {
			background-color: #eeeef0;	
		}
		
		.tableHtmlGridTimetable td.last {
			border-right: none;
		}


	/* Grid Import Preview */		

		.tableHtmlGridBG {
			background-color: #dfebf7;	
				
			-webkit-border-radius: 2px;
			-khtml-border-radius: 2px;
			-moz-border-radius: 2px;    
			border-radius: 2px;
		}
		
		.tableHtmlGridBG td.GridBG {
			padding: 5px;
		}
		
		.tableHtmlGridBG .OverviewHeadline {
			margin: 5px 0px 7px 5px; 
			font-weight: bold;
			font-size: 0.916em;
			color: #003366;
		}
	
		.tableHtmlGrid td.TDError {
			background-color: #ffa8a8 !important;
		}
		
		
		

/*****************************************************************************************************/
/* Slide Bar */
/*****************************************************************************************************/

	.divSlideBar {		
		height: 222px;	
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;		
	}			
	
	.tableSlideBar {
		 width: 100%; 
		 table-layout: fixed;
	}
	
	
	/*************************************************************************************************/
	/* Jumper Left / Right */
			
	
		.tableSlideBar .tdJumperLeft {
			cursor: pointer;
			position:relative;
			width: 14px;	
			background-image: url(../Images/slider/slider-arrow.png);
			background-position: left 85px;
			background-repeat: no-repeat;
			z-index: 900;			
		}						
	
		.tableSlideBar .tdJumperRight {
			cursor: pointer;
			position:relative;
			width: 14px;	
			background-image: url(../Images/slider/slider-arrow.png);
			background-position: -14px 85px;
			background-repeat: no-repeat;
			z-index: 900;				
		}				
		
		
		.tableSlideBar .tdJumperLeftMouseOver {	
			background-position: -28px 85px;	
		}
		
		.tableSlideBar .tdJumperRightMouseOver {			
			background-position: -42px 85px;				
		}
		
		
				
		.tableSlideBar .tdJumperLeft.tdJumperHide {			
			cursor: default;
			background-position: -56px 85px;
			
		}
		
		.tableSlideBar .tdJumperRight.tdJumperHide {			
			cursor: default;
			background-position: -70px 85px;
		}
	
	

	
	/*************************************************************************************************/
	/* Slider Bar Elements */
	

		.divSlideBarBox {			
			width: 100%;
			height: 200px;
			margin: 1px 0px 1px 0px;
			position: relative;																							
			overflow: hidden;	
		}
		
		.divSlideBarBox a {
			color: white;
			text-decoration: underline;
		}
										
		.divSlideBarBox div.ScrollBox {
			position:absolute;  
			padding: 0px 0px 0px 0px;							
		}
		
		.divSlideBarBox div.ScrollBox .tableSlideBarBox {
			
		}
		
		.divSlideBarBox div.ScrollBox .tableSlideBarBox .trSlideBarBoxContent {
			vertical-align: top;	
		}
					
			
	/*************************************************************************************************/
	/* Slider Bar Element */		
			
			
		.divSlideBarBox .ScrollElement {					
			margin: 0px 0px 0px 0px;	
			width: 592px;
			height: 200px;	
			visibility: hidden;	
			text-align: left;							
		}
		
		.divSlideBarBox .ScrollElement.Active {		
			visibility: visible
		}

		.divSlideBarBox .ScrollElement .ScrollElementSpacing {	
			margin: 12px 30px 0px 12px;	
		}
		
		
		
		/* Image */
				
			.divSlideBarBox .ScrollElement .tdSliderImage {								
			}
				
			.divSlideBarBox .ScrollElement div.SliderImage {					
				width: 160px;
				height: 160px;
				margin: 2px 20px 0px 0px;
				background-color: #ffffff;
			}	
			
			.divSlideBarBox .ScrollElement div.SliderImage table {	
				width: 160px;
				height: 160px;
			}	



		/* Text */	
				
			.divSlideBarBox .ScrollElement div.SliderContent {	
				
			}
			
			.divSlideBarBox .ScrollElement div.SliderContent div.SliderHeadline {	
				margin: 0px 0px 4px 0px;
				font-size: 1.272em;
				font-weight: bold;
				color: #003366;	
			}
			
			.divSlideBarBox .ScrollElement div.SliderContent div.SliderSubHeadline {	
				margin: 0px 0px 16px 0px;
				color: #003366;	
			}
			
			.divSlideBarBox .ScrollElement div.SliderContent div.SliderSubHeadline td {	
				padding: 0px 5px 0px 0px;
			}
			
			.divSlideBarBox .ScrollElement div.SliderContent div.SliderSubHeadline td.Spacer {	
				width: 15px;
			}
			
			.divSlideBarBox .ScrollElement div.SliderContent div.SliderText {	
				margin: 0px 0px 8px 0px;	
			}
			
			.divSlideBarBox .ScrollElement div.SliderContent div.SliderLink {	
				
			}
			
			.divSlideBarBox .ScrollElement div.SliderContent div.SliderLink a {													
				display: block;
				padding: 0px 0px 0px 9px;
				color: #003366;	
				text-decoration: none;
				background-image: url(../Images/jumper/jumper-navigation-blue.gif);
				background-position: left 3px;
				background-repeat: no-repeat;
			}
			
			
			
			
			

/***************************************************************************************************************/
/* Slider Bar Scroll Elements Statusbar */
/***************************************************************************************************************/

	.divScrollElementsStatusbar {
		height: 20px;
		position: relative;
		top: -8px;
		margin: 0px 0px 0px 0px;	
	}
	
	.divScrollElementsStatusbar table tr td{
		padding: 0px 5px 0px 5px;	
	}
	
	.divScrollElementsStatusbar table tr td div.StatusIcon{
		height: 8px;
		width: 8px;	
		font-size: 0px;
		line-height: 0px;		
		background-image: url(../Images/slider/slider-status.png);
		background-position: left top;
		background-repeat: no-repeat;
	}
	
	.divScrollElementsStatusbar table tr td div.StatusIcon.Active{
		background-position: left bottom;
	}






/***************************************************************************************************************/
/* Window */
/***************************************************************************************************************/

	.divPopupWindow {
		display: none;
		position: absolute;
		z-index: 1001;
		top: 65px;
		left: 0px;	
		width: 800px;		
				
		background-color: #ffffff;
	}

	/* Header */
		
		.divPopupWindow div.Header {
			position:relative;	
		}
		
		
		.divPopupWindow div.Header div.Close{
			position: absolute;	
			top: 10px;
			right: 10px;	
		}
		
		.divPopupWindow div.Header div.Close a{
			display: block;
			width: 17px;
			height: 17px;
			background-image: url(../Images/window/window-close.png);
			background-position: left top;
			background-repeat: no-repeat;	
		}


	/* Content */
		
		.divPopupWindow div.PopupContent {
			overflow-y: auto; 	
		}
		



/***************************************************************************************************************/
/* Window Background */
/***************************************************************************************************************/

	.divPopupWindowBackground {
		display: none;
		position: absolute;
		z-index: 1000;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		
		background-color: #000000;	
	}


/****************************************************************************************************************/
/*  */
/****************************************************************************************************************/

    .anrede {
        display:none;
    }

/****************************************************************************************************************/
/*  */
/****************************************************************************************************************/



/****************************************************************************************************************/
/*  */
/****************************************************************************************************************/



/****************************************************************************************************************/
/*  */
/****************************************************************************************************************/



/****************************************************************************************************************/
/*  */
/****************************************************************************************************************/



/****************************************************************************************************************/
/*  */
/****************************************************************************************************************/





/***********************************************************/
/************************** Print **************************/
/***********************************************************/

@media Print {

    .noPrint{
        display: none;
    }

	/********************************/
	/* Popup */


		.printContent {
			margin: 0px 0px 0px 0px !important;
			width: 650px !important;
		}

		body.bodyPopup {
			background: none !important;
			background-color: #ffffff !important;
            height: auto !important;
		}

		.printContent .divContentBox {
			padding: 5px 0px 10px 0px;
		}

		.printContent .tableOrderHeader {
			margin-left: 0px;
		}

		.printContent .tableOrderTitle {
			margin-left: 0px;
		}

		.divContentPopupSpacerHeader {
			height: 120px;
		}

		.divContentPopupPrintSubtitle {
			display: block;
			font-size: 0.916em;
			margin: 10px 0px 50px 0px;
		}

		.divContentBoxPopup {
			padding: 5px 0px 0px 0px !important;
		}

		.divPopupContent {
			overflow: visible;
			overflow-x: visible;
             height: auto !important;
		}

		.tablePrintSignature {
			margin-left: 0px;
			margin-right: 0px;
			table-layout: fixed;
		}

		.divPopupFooter {
			display: none;
		}

	/********************************/
	/* Form Letter */

		.divFormLetterTitle {
			display: block;
		}

		.divTextEditorContent {
			border: none !important;
			padding: 0px;
			width: 640px;
			height: auto;
		}


}












.divErrorPage {
    position: absolute;
    background-color:red;
    color:white;
    left:40%;
    top:40%;
    cursor:default;
    padding: 30px;
    z-index: 10000;

     /* IE 8 */
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

      /* IE 5-7 */
      filter: alpha(opacity=70);

      /* Netscape */
      -moz-opacity: 0.7;

      /* Safari 1.x */
      -khtml-opacity: 0.7;

      /* Good browsers */
      opacity: 0.7;

    -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari, Chrome */
  border-radius: 10px; /* CSS3 */

}


.partyPrintBox {
    border: 1px solid #999;
     -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari, Chrome */
  border-radius: 10px; /* CSS3 */
    padding: 10px;
    margin-bottom: 20px;
}

.partyPrintBox h1 {
    font-size: 16px;
}

.partyPrintBox h2 {
    font-size: 14px;
    margin-left:10px;
    color:#666;
    xtext-decoration: underline;
}

.partyPrintBox .divContentPopupArticleTable {
    margin: 0px;
}

.partyPrintBox .tableArticleListEdit {
    margin-bottom: 20px;
}

.extJsGridRowDeactivated {
    color:#999;
}


.elementDisabled {

     /* IE 8 */
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

      /* IE 5-7 */
      filter: alpha(opacity=50);

      /* Netscape */
      -moz-opacity: 0.5;

      /* Safari 1.x */
      -khtml-opacity: 0.5;

      /* Good browsers */
      opacity: 0.5;

      cursor:default;


}

.elementLoading {
    background-image: url(../Images/loading/loading.gif) !important;
    background-repeat: no-repeat !important;
    background-position: right !important;
    background-color: #E0E0E0 !important;
}

.elementLoading2 {
    background-image: url(../Images/loading/loading.gif) !important;
    background-repeat: no-repeat !important;
    background-position: left !important;    
}

.elementError {
    border-color: #900;
    background-color: #f1baba;
}

.elementDisabled a {
    cursor:default;
}









/********************************/
/* Import */



.divHeadline {
		height: 34px;
		padding-top: 7px;
		padding-left: 7px;
		background-image: url("../Images/header/header-bg.jpg");
		background-repeat: repeat-x;
	}



/* Headline */
.divHeadline .divText {
    margin-left: 7px;
    color: #003366;
    font-size: 18px;
}

.divImportPanel .divInfoText {
		margin-top: 17px;
		margin-left: 12px;
	}


	.divImportStep {
		width: 565px;
		height: 120px;
		padding-top: 15px;
		padding-right: 10px;
		padding-left: 106px;
		padding-bottom: 10px;
		background-repeat: no-repeat;
		font-size: 14px;
		line-height: 1.35em;
		color: #003366;
	}

	.divImportStep table {
		font-size: 12px;
		line-height: 1.35em;
		color: #003366;
	}

	.divImportStepFinish {
		margin-top: 40px;
	}

	.divImportStepFinish table {
		font-size: 14px;
	}


	/* Step1 */
		.divImportStep1 {
			background-image: url(../Images/import/import-step1-active.jpg);
		}

		.divImportStep1 .divButtonBlue {
			margin-top: 15px;
			margin-left: 95px;
		}

		.divStep1Tipp {
			margin-left: 106px;
			margin-bottom: 5px;
		}

		.divStep1Tipp table {
			font-size: 12px;
			line-height: 1.35em;
			color: #003366;
		}

		.divStep1Error {
			margin-left: 106px;
			margin-top: 10px;
			margin-bottom: 5px;
		}

		.divStep1Error table {
			font-size: 12px;
			line-height: 1.35em;
			color: #990000;
		}


		.divImportStep1 .divUploadProgress {
			margin-top: 15px;
		}

		.divImportStep1 .divUploadProgress  .divButtonBlue {
			margin-top: 0px;
			margin-left: 50px;
		}



	/* Step2 */
		.divImportStep2 {
			background-image: url(../Images/import/import-step2-active.jpg);
		}

		.divImportStep2 table {
			font-size: 14px;
		}

		.divStep2Error {
			margin-left: 106px;
			margin-top: 5px;
			margin-bottom: 5px;
		}

		.divStep2Error table {
			font-size: 12px;
			line-height: 1.35em;
			color: #990000;
		}


	/* Step3 */
		.divImportStep3 {
			background-image: url(../Images/import/import-step3-active.jpg);
		}

		.divImportStep3 .divImportStepFinish {
			margin-top: 0px;
		}

		.divImportStep3 .divImportStepFinish a {
			font-size: 12px;
		}





	/* Button blue */
		.divButtonBlue table {
			height: 25px;
			cursor: pointer;
		}

		.divButtonBlue table .tdLeft  {
			width: 3px;
			background-image: url(../Images/button/button-bg-left-right-blue.gif);
			background-repeat: no-repeat;
		}

		.divButtonBlue table .tdCenter  {
			padding-left: 30px;
			padding-right: 30px;
			background-image: url(../Images/button/button-bg-center-blue.gif);
			background-repeat: repeat-x;
			font-size: 12px;
			font-weight: bold;
			color: white;
		}

		.divButtonBlue table .tdRight  {
			width: 3px;
			background-image: url(../Images/button/button-bg-left-right-blue.gif);
			background-repeat: no-repeat;
			background-position: -3px 0px;
		}


		.divButtonBluePfeil {

		}

		.divButtonBluePfeil table .tdRight  {
			width: 13px;
			background-image: url(../Images/button/button-bg-right-blue.gif);
			background-repeat: no-repeat;
			background-position: 0px 0px;
		}

		.divButtonBlue table:hover .tdRight
		{
			background-position: -3px -25px;
		}

		.divButtonBlue table:hover .tdLeft,
		.divButtonBlue table:hover .tdCenter,
		.divButtonBluePfeil table:hover .tdRight
		{
			background-position: 0px -25px;
		}

        .divButtonBlue table.noMouseOver:hover .tdLeft,
		.divButtonBlue table.noMouseOver:hover .tdCenter,
		.divButtonBluePfeil table.noMouseOver:hover .tdRight
		{
			background-position: 0px 0px;
		}


        .divBackup {
			background-image: url(../Images/import/bg_backup.jpg);
		}


/***************************************************************************************************************/
/* ExtJS DropDown List  */
/***************************************************************************************************************/

    .x-boundlist ul li {
        min-height: 15px;
    }


/***************************************************************************************************************/
/* Settings  */
/***************************************************************************************************************/

    .tableArticleListEditAdministration tr td input.inputSettingRnum {
            width: 100px;
    }

    div.settingsHeadline {
        font-weight: bold;
    }

    .tableArticleListEditAdministration tr td textArea.inputText {
            width: 500px;
    }

/***************************************************************************************************************/
/* NK Popup  */
/***************************************************************************************************************/
    #divNkChangeForYear {
        padding-left:30px;
        display: none;
    }
    table.tabNkPopup td {
        padding:0 5px 5px 0;
    }
    #idExtNkWindow .headline{
        color: #003366;
        font-size: 1.166em;
        font-weight: bold;
    }

/* tables */
table.tablesorter thead tr .header {
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
table.tablesorter thead tr .headerSortUp {
    background-image: url(../Images/icons/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
    background-image: url(../Images/icons/desc.gif);
}

.senderrow {
    font-size: 0.6em;
    text-decoration: underline;
}

.muted {
    color: #a9a9a9;
}

.stroked {
    text-decoration: line-through;
}