body {
	background-color: #4682b4;
	font: 11px/17px tahoma, arial, helvetica, verdana, sans-serif;
	margin: 0;
	vertical-align: top;
	background : url("../images/desktop.jpg") no-repeat scroll left top #3D71B8;
}

label {
	font-family: tahoma, arial, helvetica, verdana, sans-serif;
}

#newusertext {
	font: 11px/17px tahoma, arial, helvetica, verdana, sans-serif;
}

a {
	text-decoration: none;
	color : #00F;
}

.rlt-mainjob-node {
	background-image : url("../images/folderjob-open.gif");
}

table.csStandard {
	font-size: 10pt;
	table-layout: fixed;
}

table.csMStones {
	font-size: 10pt;
}

table.csStandard tr td {
	padding-right: 20px;
}

h1.overview {
	background-image: url("../js/ext-3.3.1/resources/images/default/panel/white-top-bottom.gif");
	padding: 2px;
	background-color: #99BBE8;
	color: #15428B;
}

div.overview {
	border: 1px solid #99BBE8;
	border-top: 0px;
	margin-bottom: 5px;
}

div.overviewrech {
	margin: 5px 2px;
}

table.overview {
	margin: 5px;
}

td.overviewlabel {
	vertical-align: top;
	width: 120px;
}

td.overviewdata {
	vertical-align: top;
}

.bold {
	font-weight: bold;
}

td.MSField1 {
	vertical-align: top;
	width : 160px;
}

td.MSField2 {
	vertical-align: top;
	width : 110px;
	font-weight: bold;
}

td.MSField3 {
	vertical-align: top;
	font-weight: bold;
	width : 120px;
}

td.MSField4 {
	vertical-align: top;
}

hr {
	border: 0px;
	border-top: 1px solid #99BBE8;
}

.x-grid3-cell-inner, .x-grid3-hd-inner {
	overflow: hidden;
	white-space: normal;
}

span.overviewja {
	color: #00AA00;
	font-weight : bold;
}

span.overviewnein {
	color: #FF0000;
}

valmid {
	vertical-align : middle;
}

div.ang {
	float : left;
	width : 30px;
	height : 20px;
	display : table-cell;
	vertical-align : middle;
}

div.jobcode {
	float : left;
	width : 200px;
	height : 20px;
	display : table-cell;
	vertical-align : middle;
}

div.jobbez {
	float : left;
	width : 300px;
	height : 20px;
	display : table-cell;
	vertical-align : middle;
}

div.adr2ls {
	float : left;
	width : 70px;
	height : 20px;
	display : table-cell;
	vertical-align : middle;
}

div.jobkalk {
	float : left;
	width : 100px;
	text-align : right;
	height : 20px;
	display : table-cell;
	vertical-align : middle;
}

div.jobbekommen {
	float : left;
	width : 100px;
	height : 20px;
	text-align : right;
	display : table-cell;
	vertical-align : middle;
}

div.jobgeliefert {
	float : left;
	width : 100px;
	height : 20px;
	text-align : right;
	display : table-cell;
	vertical-align : middle;
}

div.kdjobnr {
	float : left;
	padding-left: 5px;
	height : 20px;
	width : 150px;
	display : table-cell;
	vertical-align : middle;
}

div.adrdljobnr{
	float : left;
	width : 150px;
	height : 20px;
	padding-left : 5px;
	display : table-cell;
	vertical-align : middle;
}

div.faktrow {
	width : 1200px;
	clear : both;
	overflow : hidden;
}

div.backgray {
	background-color : #9BBE8;
}

div.backwhite {
	background-color : #FFF;
}

div.lastrow {
	border-bottom: 1px solid #EDEDED;
}

div.faktkvanr {
	float : left;
	width : 100px;
	height : 20px;
	display : table-cell;
	vertical-align : middle;
}

div.faktangbetrag {
	float : left;
	height : 20px;
	display : table-cell;
	vertical-align : middle;
	width : 80px;
	padding-right : 10px;
	text-align: right;
}

div.faktangekbnr {
	float : left;
	height : 20px;
	display : table-cell;
	vertical-align : middle;
	width : 200px;
	overflow: hidden;
}

div.faktangbem {
	float : left;
	height : 20px;
	display : table-cell;
	vertical-align : middle;
}

div.faktlnw {
	float : left;
	height : 20px;
	display : table-cell;
	vertical-align : middle;
	width : 100px;
}

div.faktrenr {
	float : left;
	height : 20px;
	display : table-cell;
	vertical-align : middle;
	width : 100px;
}

div.faktrebetrag {
	float : left;
	height : 20px;
	display : table-cell;
	vertical-align : middle;
	width : 80px;
	padding-right : 10px;
	text-align : right;
}

div.faktrestatus {
	float : left;
	height : 20px;
	display : table-cell;
	vertical-align : middle;
	width : 120px;
}

.borderTCCC {
	border-top : 1px solid #CCC;
}

.borderBCCC {
	border-bottom : 1px solid #CCC;
}

.borderLCCC {
	border-Left : 1px solid #CCC;
}

.borderLBCCC {
	border-Left : 1px solid #CCC;
	border-bottom : 1px solid #CCC;
}

.borderLTCCC {
	border-Left : 1px solid #CCC;
	border-top : 1px solid #CCC;
}

div.nodata {
	padding: 1px 5px;
	color : #F00;
}

div.faktsubdiv {
	overflow: hidden;
	clear: both;
}

.angebot-close-icon {
	background-image:url('../images/angebot-close.png') !important;
	width : 16px;
	height : 16px;
}

.angebot-open-icon {
	background-image:url('../images/angebot.png') !important;
	width : 16px;
	height : 16px;
}

.firma-icon {
	background-image:url('../images/firma.png') !important;
	width : 16px;
	height : 16px;
}

.bereich-open-icon {
	background-image:url('../images/folder-open-bereich.gif') !important;
	width : 16px;
	height : 16px;
}

.bereich-close-icon {
	background-image:url('../images/folder-bereich.gif') !important;
	width : 16px;
	height : 16px;
}

.rechnung-icon {
	background-image:url('../images/rechnung.png') !important;
	width : 16px;
	height : 16px;
}

.job-open-icon {
	background-image:url('../images/job-open.png') !important;
	width : 16px;
	height : 16px;
}

.job-close-icon {
	background-image:url('../images/job-close.png') !important;
	width : 16px;
	height : 16px;
}

.x-check-group-alt {
	margin-bottom : 0px;
}

.rgroup-userexists1 {
	font-weight : bold;
}

.rgroup-userexists0 {
	color : #808080;
}

.font-red {
	color : #F00;
}

li.x-tree-node {
	font-size: 12px;
}

div.overviewjobbem {
	float    : left;
	height   : 100px;
    width    : 97%;
    overflow : auto;
}

div.overviewjobbembig {
	float    : left;
	height   : 340px;
    width    : 97%;
    overflow : auto;
}

div.scrollybem {
	float      : left;
	height     : 100px;
    width      : 97%;
    overflow-y : scroll;
}

page[size="A4"] {
  background: white;
  width: 21cm;
  height: 29.7cm;
  display: block;
  margin: 0 auto;
  margin-bottom: 0.5cm;
  box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
}
@media print {
  body, page[size="A4"] {
    margin: 0;
    box-shadow: 0;
  }
}