body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3C7FAF;
	background-repeat: repeat;
}
.TabelleFeldbez
{
	background-color: #4E72A6;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 3px;
}
.TabelleEingabe {
	background-color: #FFFFFF;
}
#menu A:link
{
	display: block;
	color: #ffffff;
	text-decoration: none;
	font-family: verdana, sans-serif;
	font-size: 9pt;
	width: 130px;
	padding-left: 2px;
	padding-bottom: 3px;
	padding-top: 3px;
	margin: 0px auto;
	border: solid 1px #4e72a6;
	background-color: #6d9fc4;
}
#menu A:active
{
	background-color: #6d9fc4;
	display: block;
	color:  #ffffff;
	text-decoration: none;
	font-family: verdana, sans-serif;
	font-size: 9pt;
	width: 130px;
	padding-left: 2px;
	padding-bottom: 3px;
	padding-top: 3px;
	margin: 0px auto;
	border: solid 1px #4e72a6;
}

#menu A:visited
{
	display: block;
	background-color: #6d9fc4;
	color:  #ffffff;
	text-decoration: none;
	font-family: verdana, sans-serif;
	font-size: 9pt;
	width: 130px;
	padding-left: 2px;
	padding-bottom: 3px;
	padding-top: 3px;
	margin: 0px auto;
	border: solid 1px #4e72a6;
}
#menu A:hover
{
	display: block;
	background-color: #6d9fc4;
	color: #FCDC7D;
	text-decoration: none;
	font-family: verdana, sans-serif;
	font-size: 9pt;
	width: 130px;
	padding-left: 2px;
	padding-bottom: 3px;
	padding-top: 3px;
	margin: 0px auto;
	border: solid 1px #4e72a6;
	
}
.Tabtrenner
{
	margin-bottom: 0px;
	border-bottom: #ffffff 2px solid;
}
.erstezeile
{
	
}
.zweitezeile
{
	background-color: #F0F1F6
}

.verkaufstabelleoben
{
	padding-left: 2px;
	margin-left: 2px;
	border-top: #ffffff 1px solid;
	
}
.verkaufstabelleobenlinks
{
	padding-left: 2px;
	margin-left: 2px;
	border-top: #ffffff 1px solid;
	border-left: #ffffff 1px solid;
	
}
.verkaufstabelleobenrechts
{
	padding-left: 2px;
	margin-left: 2px;
	border-right: #ffffff 1px solid;
	border-top: #ffffff 1px solid;
	
}

.verkaufstabellelinks
{
	padding-left: 2px;
	margin-left: 2px;
	border-left: #ffffff 1px solid;

}
.verkaufstabellerechts
{
	padding-left: 2px;
	margin-left: 2px;
	border-right: #ffffff 1px solid;
	
}
.verkaufstabelleunten
{
	padding-left: 2px;
	margin-left: 2px;

	border-bottom: #ffffff 1px solid;
}
.verkaufstabelleuntenlinks
{
	padding-left: 2px;
	margin-left: 2px;
	
	border-left: #ffffff 1px solid;
	border-bottom: #ffffff 1px solid;
}
.verkaufstabelleuntenrechts
{
	padding-left: 2px;
	margin-left: 2px;
	border-right: #ffffff 1px solid;

	border-bottom: #ffffff 1px solid;
}
.verkaufstabelleohne
{
	padding-left: 2px;
	margin-left: 2px;
	
}


.verkaufstabelletotal
{
	padding-left: 2px;
	margin-left: 2px;
	border-right: white 1px solid;
	border-top: white 1px solid;
	border-left: white 1px solid;
	border-bottom: white 1px solid;
}
.menulinks
{
	background-color: #f2f2f2;
	border-right: #aacbee 1px solid;
	border-bottom: #aacbee 1px solid;
}
.workplace
{
	color: white;
	background-color: #4e72a6;
}
.statuszeile
{
	padding-left: 2px;
	padding-bottom: 3px;
	padding-top: 3px;
	margin: 0px auto;
	color: #3C7FAF;
	text-decoration: none;
	font-family: verdana, sans-serif;
	font-size: 9pt;
	background-color: #ebf3fb;
	
}
.menutext
{
	display: block;
	background-color: #f2f2f2;
	text-decoration: none;
	font-family: verdana, sans-serif;
	font-size: 9pt;
	width: 130px;
	padding-left: 2px;
	padding-bottom: 3px;
	padding-top: 3px;
	margin: 0px auto;
	border: solid 1px #4e72a6;
	color: highlight;
	
}
#tab a:link
{

background-color:#094E99;
color:#cccccc;text-decoration:none;font-family:verdana, sans-serif; font-size:9pt; width :auto;  
padding-left: 2px; padding-bottom: 3px; padding-top: 3px;margin: 0px auto;
border:solid 1px #4e72a6;
}
#tab a:active
{
	
background-color:#094E99;
color:#cccccc;text-decoration:none;font-family:verdana, sans-serif; font-size:9pt; width :auto;  
padding-left: 2px; padding-bottom: 3px; padding-top: 3px;margin: 0px auto;
border:solid 1px #4e72a6;
}

#tab a:visited
{
	
background-color:#094E99;
color:#cccccc;text-decoration:none;font-family:verdana, sans-serif; font-size:9pt; width :auto;  
padding-left: 2px; padding-bottom: 3px; padding-top: 3px;margin: 0px auto;
border:solid 1px #4e72a6;
}
#tab a:hover
{

	background-color:#0B60BD;
color:#e6e6e6;text-decoration:none;font-family:verdana, sans-serif; font-size:9pt; width :auto;  
padding-left: 2px; padding-bottom: 3px; padding-top: 3px;margin: 0px auto;
border:solid 1px #4e72a6;
}
.tabelleoben
{
	color:#e6e6e6;
	border:solid 1px #4e72a6;
}
.tabellezeile1
{
}
.tabellezeile2
{
	
	background-color:#ebf3fb;
}
.tabelletotal
{
	border:solid 1px #4e72a6;
}
#Kalender a:link
{
width :auto; 
background-color: transparent;
font-size:8pt;
padding-left: 0px; padding-bottom: 0px; padding-top: 0px;margin: 0px auto;
border:none;
}
#Kalender a:active
{
 width :auto; 	
background-color: transparent;
font-size:8pt;
padding-left: 0px; padding-bottom: 0px; padding-top: 0px;margin: 0px auto;
border:none;
}

#Kalender a:visited
{
	width: auto;
	background-color: transparent;
	font-size:8pt;
	padding-left: 0px; padding-bottom: 0px; padding-top: 0px;margin: 0px auto;
border:none;
}
#Kalender a:hover
{
 width :auto; 
	background-color: transparent;
	font-size:8pt;
	padding-left: 0px; padding-bottom: 0px; padding-top: 0px;margin: 0px auto;
border:none;
}
.kalendertabelle
{
	background-color: buttonface;
}
.Beschriftung1
{
	color: Silver;
}

.TabelleZeile1
{
	background-color: #f3f7fa;
}
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#E0EAF3;
	border-width:3px;
	border-style:solid;
	border-color:#83AECE;
	padding:3px;
	width:250px;
}
.gridsmalltext
{
	font-size: 7pt;
}

.divtotal {width:850px;}

.divtotal,divsmall {
  margin:3px;
 
  }



.divsmall {
  float:left;
  width:auto auto;
  margin :5px;
  
  
  }
  .roundedpanel
  {
  	width:840px;
  	
  
  }


  
  .seitenueberschrift
{
	width: 820px;
	border: 1px solid E0E0E0;
	font-size: 14px;
	padding-right: 0px;
	padding-left: 5px;
	padding-bottom: 10px;
	padding-top: 5px;
}
.divdiagramm_1spalte {
  width:810px;
  padding:5px;
  margin:5px;
  }
  .divdiagramm_2spalten
{
	float:left;
	width:400px;
	padding:5px;
	margin:5px;
	
}

.panel1spalte
{
	padding-left :5px;
	padding-right:-5px;
}
.seitentitel
{
	color: #3C7FAF;
	margin-top: 10px;
	font-size: 16px;
	margin-bottom: 10px;
	margin-left: 10px;
}
h1
{
	width: 820px;
	border: 1px solid E0E0E0;
	font-size: 14px;
	padding-right: 0px;
	padding-left: 5px;
	padding-bottom: 10px;
	padding-top: 5px;
}
.titel
{
	background-image: url(   '../../App_Themes/Ahrntal/titel2.jpg' );
	background-color: #00FF00;
	width: 1024px;
	height: 80px;
}
.dropZoneExternal > div,
.dropZoneExternal > img {
    position: absolute;
}

.dropZoneExternal {
    position: relative;
    border: 1px dashed #f17f21 !important;
    cursor: pointer;
}

.dropZoneExternal,
.dragZoneText {
    width: 100%;
    max-width: 150px;
    min-width: 86px;
    height: 250px;
}

#dragZone {
    width: 100%;
    display: table;
}

#uploadedImage {
    width: 100%;
}

.dropZoneText {
    width: 100px;
    height:250px;
    color: #fff;
    background-color: #888;
}

#dropZone {
    top: 0;
    padding: 100px 25px;
}

.uploadControlDropZone,
.hidden {
    display: none;
}

.dropZoneText,
.dragZoneText {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 14pt;
}

.dragZoneText {
    color: #808080;
}

.dxucInlineDropZoneSys span {
    color: #fff !important;
    font-size: 10pt;
    font-weight: normal !important;
}

.validationMessage {
    padding: 0 20px;
    text-align: center;
}

.uploadContainer {
    width: 100%;
    max-width: 150px;
    min-width: 86px;
    margin-top: 10px;
}

.Note {
    max-width: 500px;
}
body.dxheDesignViewArea_Office2010Blue {
    padding: 0;
 
}
.productsDetailsPanel {
	border-top: 1px solid #eeeeee;
	padding: 20px;
	overflow: auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

	.productsDetailsPanel.expanded {
		border: 1px solid #cbcbcb;
		border-bottom: 0;
		margin: 0 -1px;
	}

		.productsDetailsPanel.expanded .productsDetailsMainContainer {
			min-width: 820px;
		}

		.productsDetailsPanel.expanded .productsDetailsContainer {
			padding: 0;
			width: 100%;
		}

		.productsDetailsPanel.expanded .productInfo,
		.productsDetailsPanel.expanded .productDescription {
			float: left;
			width: 40%;
		}

		.productsDetailsPanel.expanded .productInfo {
			min-width: 320px;
		}

		.productsDetailsPanel.expanded .productDescription {
			width: 60%;
			padding-left: 20px;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}

		.productsDetailsPanel.expanded .productsPagesContainer {
			display: none;
		}

.productsGridView .dxgvCSD,
.productsGridView .dxgvHSDC,
.productsGridView .dataTable {
	border-left: 0;
	border-right: 0;
}

	.productsGridView .dxgvHSDC,
	.productsGridView .dataTable .header {
		border-top: 0;
	}

.productsGridView .groupPanel {
	border-bottom: 1px solid #CBCBCB;
}

.productsDetailsMainContainer {
	min-width: 1100px;
}

.productsDetailsContainer {
	float: left;
	width: 40%;
	min-width: 320px;
	padding: 0 12px 10px 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.commandColumnBtn {
	width: 50px;
	height: 22px;
	display: inline-block;
	color: white;
	text-decoration: none;
	background-image: url("../../Content/Images/Buttons/BlueButton.png");
}
	.productsDetailsContainer table {
		margin-bottom: 10px;
	}

	.productsDetailsContainer .label,
	.productsPagesContainer .label {
		font-size: 24px;
		color: #BF4E6A;
		margin-right: 20px;
	}

.productsPagesContainer .dxpc-content {
	text-align: center;
}

.productsDetailsContainer img {
	padding: 3px;
	border: 1px solid #D1D1D1;
	margin-right: 14px;
}

.productsPagesContainer {
	float: left;
	width: 60%;
}

	.productsPagesContainer .uploadControlContainer,
	.productsPagesContainer .dxisControl {
		margin: 0 auto;
	}

.salesChart {
	margin: 0 auto;
}

.productsPagesContainer .dxisControl {
	margin-top: 40px;
}

.productsPagesContainer .uploadControlContainer {
	margin-top: 40px;
}

	.productsPagesContainer .uploadControlContainer .dxbButtonSys {
		margin-left: 4px;
	}

		.productsPagesContainer .uploadControlContainer .dxbButtonSys .dxb {
			padding-bottom: 3px;
		}

/*Employees GridView*/
.employeesGridView {
	outline: 0;
}

	.employeesGridView .dxgvCSD {
		border-left: 0;
		border-right: 0;
	}

	.employeesGridView .dataTable,
	.employeesGridView .dataTable td.dxgv {
		border-top: 0 !important;
		border-bottom: 0 !important;
	}

	.employeesGridView .dxgvHSDC {
		border: 0;
	}

	.employeesGridView .dataTable .header {
		border-top: 0;
	}

	.employeesGridView .groupPanel {
		border-bottom: 1px solid #CBCBCB;
	}

.employeesDetailsMainContainer {
	min-width: 800px;
}

.employeesDetailsContainer {
	float: left;
	width: 40%;
	min-width: 300px;
	padding: 0 12px 0 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

	.employeesDetailsContainer table {
		border-collapse: inherit;
	}

.employeesDetailsHeadline {
	margin-bottom: 12px;
}

	.employeesDetailsHeadline .header {
		margin-bottom: 0 !important;
	}

	.employeesDetailsHeadline .content {
		color: gray;
	}

.employeeEditButtonCell {
	vertical-align: top;
}

	.employeeEditButtonCell img {
		margin: 10px 0 0 10px;
		cursor: pointer;
	}

.employeesDetailsInfo td {
	vertical-align: middle;
}

.employeesDetailsInfo img {
	padding: 3px;
	border: 1px solid #D1D1D1;
	margin-right: 14px;
}

.employeesPagesContainer {
	float: left;
	width: 100%;
}

.emplCardViewDetailsPanel {
	padding: 16px 20px 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.emplGridViewDetailsPanel {
	border-top: 1px solid #eeeeee;
	padding: 20px;
	overflow: auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

	.emplGridViewDetailsPanel.expanded {
		border: 1px solid #cbcbcb;
		border-bottom: 0;
		margin: 0 -1px;
	}

.emplCardViewDetailsPages {
	margin-top: -16px;
}

	.emplCardViewDetailsPages .dxtc-content,
	.emplGridViewDetailsPages .dxtc-content {
		padding: 0;
	}

.emplEvaluationGridView .dataTable,
.emplTasksGridView .dataTable {
	border-left: 0;
	border-right: 0;
}

.emplEvaluationGridView .dxgvHSDC,
.emplTasksGridView .dxgvHSDC,
.emplEvaluationGridView .dxgvCSD,
.emplTasksGridView .dxgvCSD {
	border: 0;
}

.emplEvaluationGridView .dataTable .header,
.emplTasksGridView .dataTable .header,
.tasksGridView .dataTable .header {
	border-right: none;
}

.emplEvaluationGridView .dxgvCSD td.dxgv,
.emplTasksGridView .dxgvCSD td.dxgv {
	border-bottom: 0 !important;
	border-right: 0 !important;
}

.emplEvaluationGridView .focusRow,
.emplTasksGridView .focusRow,
.tasksGridView .focusRow {
	background-color: #f7f8fa;
	color: #343434;
}

.emplEvaluationGridView .commandColumn a,
.emplTasksGridView .commandColumn a,
.tasksGridView .commandColumn a {
	visibility: hidden;
}

.emplEvaluationGridView .focusRow .commandColumn a,
.emplTasksGridView .focusRow .commandColumn a,
.tasksGridView .focusRow .commandColumn a {
	visibility: visible;
}

.gridEditButton {
	background-image: url("Images/Buttons/GridEditButtonSprite.png");
	margin: 0 auto;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

.focusRow .gridEditButton {
	background-position: 16px;
}

.dxbButton.blueButton,
.emplTasksGridView .commandColumnBtn,
.tasksGridView .commandColumnBtn,
.emplEvaluationGridView .commandColumnBtn {
	width: 50px;
	height: 22px;
	display: inline-block;
	color: white;
	text-decoration: none;
	background-image: url("~/Images/Buttons/BlueButton.png");
}

.emplTasksGridView td.dxgv.commandColumn .commandColumnBtn span,
.tasksGridView td.dxgv.commandColumn .commandColumnBtn span,
.emplEvaluationGridView td.dxgv.commandColumn .commandColumnBtn span {
	color: white;
}

.emplEditFormPopup .dxpc-content {
	padding: 0 0 25px 5px;
}

.emplEditFormPopup .fullWidthEditorContainer {
	padding-right: 32px;
}

.emplEditFormPopup .addressGroup .fullWidthTable,
.emplEditFormPopup .fullWidthCell {
	width: 100%;
}

.emplEditFormPopup .buttonsContainer,
.evalEditFormPopup .buttonsContainer {
	padding-right: 32px;
	float: right;
}

.emplEditFormPopup .group > tbody > tr > td,
.emplEditFormPopup .group,
.evalEditFormPopup .group > tbody > tr > td,
.evalEditFormPopup .group {
	padding-right: 0;
}

.emplEditFormPopup .addressGroup .dxeButtonEditSys {
	margin: 0 3px;
}

.evalEditFormPopup .dxflMemoItemSys {
	padding-right: 32px;
}

.evalEditFormPopup .dxpc-content {
	padding: 0 0 25px 17px;
}