/***********************************************************************************/
/** Initial ************************************************************************/
/***********************************************************************************/
body 
{ 
	font-family:arial;
	font-size: 12px;
	padding: 0;
	margin: 0;
	background-color: #dcd5cf;
}

div#page
{
	background-color: #f5f5f5;
	background-image: url(/img/templates/bg_gradient.jpg);
	background-position: left bottom;
	background-repeat: repeat-x;
}

div#page
{
	position: absolute;
    width: 100%;
    height: 100%;
}

a,
a:visited
{
	color: #4f4f4f;
}

a:hover,
a:active
{
	color: #aa835a !important;
}

select
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	
	background-image:
    	linear-gradient(45deg, transparent 50%, gray 50%),
    	linear-gradient(135deg, gray 50%, transparent 50%)
    	;
	background-position:
		calc(100% - 19px) calc(12px + 0px),
    	calc(100% - 10px) calc(12px + 0px)
    	;
  	background-size:
    	9px 9px,
    	9px 9px
    	;
  background-repeat: no-repeat;
}

@-moz-document url-prefix() 
{
	select
	{
	background-position:
		calc(100% - 19px) calc(14px + 0px),
    	calc(100% - 10px) calc(14px + 0px)
    	;
  	padding-left: 0px !important;
	}
	
	
}

/*
.project_form_customer:after
{
  content: '<';
  font: 17px ;
  color: #333;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 11px;
  
  top: 18px;
  padding: 0 0 2px;
  border-bottom: 1px solid #999;
  
  position: absolute;
  pointer-events: none;
}*/

/***********************************************************************************/
/** Icon styling *************************************************************/
/***********************************************************************************/
.iconProfile, .iconLogout, .iconPuzzle, .iconBtnArrowDwn, .iconBtnArrowUp, .iconNew, .iconNewHover,
.iconExcel, .iconFilter, .iconSearch, .iconEdit, .iconArrow, .iconArrowWhite, .iconEye
{
	display: block;
	width: 28px;
	height: 28px;
	
	background-image: url(/img/templates/spritesheet_map.png);
	/*background-size: 28px 28px;*/
	background-repeat: no-repeat;
	
	margin-top: 6px;
	margin-left: 6px;
	float: right;
	cursor:pointer;
}
.iconProfile{		background-position: -115px -10px; }
.iconLogout{		background-position:  -45px -10px; 		width: 31px; 	height: 30px; 	margin-top: 5px;}
.iconPuzzle{		background-position: -80px -10px;  		width: 32px; 	height: 32px; 	margin-top: 4px;}
.iconBtnArrowDwn{	background-position: -223px -10px;  	width: 18px; 	height: 16px; 	margin-top: 0px;}
.iconBtnArrowUp{	background-position: -204px -25px;  	width: 18px; 	height: 16px;	margin-top: 0px;}
.iconNew{			background-position: -241px -10px;  	width: 18px; 	height: 16px; 	margin-top: 12px;}
.iconExcel{			background-position: -205px -45px;  	width: 21px; 	height: 21px;	margin-top: 9px;}
.iconFilter{		background-position: -259px -68px;  	width: 20px; 	height: 19px; 	margin-top: 12px;}
.iconSearch{		background-position: -259px -45px;  	width: 19px; 	height: 20px; 	margin-top: 0px;	margin-left: 0px;}
.iconEdit{			background-position: -259px -10px;  	width: 17px; 	height: 16px; 	margin-top: 12px;}
.iconArrow{			background-position: -185px -44px;  	width: 14px; 	height: 16px; 	margin-top: 12px;}
.iconArrowWhite{	background-position: -185px -27px;  	width: 14px; 	height: 16px; 	margin-top: 10px;}
.iconEye{			background-position: -277px -10px;  	width: 24px; 	height: 14px; 	margin-top: 14px;	margin-left: 2px;}



.state_0, .state_1, .state_2, .state_3, .state_8, .state_9
{
	display: block;
	width: 97px;
	height: 20px;
	
	background-image: url(/img/templates/spritesheet_map.png);
	background-repeat: no-repeat;
	
	padding-top: 2px;
	margin-top: 5px;
	float: right;
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
}
.state_0{		background-position: -8px -90px; }
.state_1{		background-position: -8px -135px; }
.state_2{		background-position: -8px -90px; }
.state_3{		background-position: -113px -90px; }
.state_8{		background-position: -8px -112px; }
.state_9{		background-position: -113px -90px; }

/***********************************************************************************/
/** Form basic styling *************************************************************/
/***********************************************************************************/

div.formContainer
{
	background-color:#FFFFFF;
	border: 1px solid #aa835a;
	
}

div.formContainer.formCenter
{
	display:block;
	margin:0 auto;
}

div.formContainer.formHalf
{
	display:block;
	width: 558px;
	margin-right: 20px;
	float:left;
}

div.formContainer.formFull
{
	display:block;
	width: 100%;
	float:left;
}

div.formContainer.formRight
{
	margin-right: 0px;
	float:left;
}
div.formContainer.formDocuments
{
	border: none;
	background-color: initial;
}


div.formContainer input[type=text],
div.formContainer input[type=password],
div.formContainer textarea,
div.formContainer input[type=number],
div.formContainer select
{
	font-size: 12px;
	padding: 10px;
	background-color:#FFFFFF !important;
	border: 1px solid #aa835a;
}

div.formContainer input[type=text]:-moz-read-only,
div.formContainer input[type=password]:-moz-read-only,
div.formContainer textarea:-moz-read-only,
div.formContainer input[type=number]:-moz-read-only, 
div.formContainer select:-moz-disabled 
{   /* For Firefox */
    border: 1px solid #dedede;
}

div.formContainer input[type=text]:read-only,
div.formContainer input[type=password]:read-only,
div.formContainer textarea:read-only,
div.formContainer input[type=number]:read-only,
div.formContainer select:disabled
{ 
    border: 1px solid #dedede;
}

input[type=button],
input[type=submit],
button,
a.aTagSubmButton
{
	text-transform: uppercase;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 6px;
	color: #000 !important;
	background-color:#d9d2cb !important;
	border: none;
	text-decoration: none;
	cursor: pointer;
}
a.aTagSubmButton
{
	display: inline-block;
    text-align: center;
    padding-left: 0px;
	padding-right: 0px;
}

input[type=button]:hover,
input[type=submit]:hover,
button:hover,
a.aTagSubmButton:hover
{
	background-color:#aa835a !important;
}
a.aTagSubmButton:hover
{
	color: #000 !important;
}

div.formContainer input[type=button],
div.formContainer input[type=submit],
div.formContainer button,
div.formContainer a.aTagSubmButton
{
	font-size: 18px;
	width: 257px;
	padding-top: 10px;
	padding-bottom: 9px;
	margin-bottom: 10px;
}

div.formContainer input[type=button].firstButton,
div.formContainer input[type=submit].firstButton,
div.formContainer button.firstButton,
div.formContainer a.aTagSubmButton.firstButton
{
	margin-right: 20px; 
}




div.formContainer input.datepicker
{
	width: 85px !important;
	text-align: center;
}

div.formContainer input[type=number]
{
	width: 50px;
	float: left;
}

div.formContainer table.formLegend 
{
}

div.formContainer table.formLegend tr.titlerow
{
	line-height: 40px;
}
div.formContainer table.formLegend tr.titlerow th
{
	text-align: right;
	font-weight: normal;
	padding-right: 10px;
}

div.formContainer table.formLegend tr.trrow
{
	background-color: #f8f8f8;
	line-height: 36px;
}
div.formContainer table.formLegend tr.trrow:nth-of-type(odd)
{
	background-color: #FFFFFF;
}
div.formContainer table.formLegend tr.trrow td
{
	border-top: 1px solid #dedede;
}

div.formContainer table.formLegend tr.trrow td.label
{
	padding-left: 10px;
}
div.formContainer table.formLegend tr.trrow td.numbers
{
	text-align: right;
	padding-right: 10px;
}

span.legendAddition
{
	font-size: 10px;
    text-align: right;
    float: right;
}
span.formAddition
{
	font-size: 10px;
    text-align: right;
    display: block;
    width: 1140px;
    margin-right: 20px;
    float: left;
}

div.formContainer hr.formSpacer
{
	border-top: none;
	border-color: #aa835a;
} 

/***********************************************************************************/
/** Login & Password forget ********************************************************/
/***********************************************************************************/

div#portalName
{
	width: 430px;
	height: 25px;
	position: relative;
	top: 32%;
    z-index: 2;
    display:block;
	margin:0 auto;
}

div#portalName h2
{
	text-transform: uppercase;
	color: #FFFFFF;
	text-shadow: 0 0 6px #4f4f4f;
    margin: 0;
    padding-left: 4px;
    font-size: 40px;
    font-weight: normal;
    white-space: nowrap;
}

div#login
{
	width: 430px;
	height: 253px;
	position: relative;
	top: 34%;
    z-index: 2;
    overflow: hidden;
}

div.formContainer div.formLoginData
{
	display:inline-block;
	width: 262px;
	padding-top: 40px;
	padding-left: 30px;
    padding-right: 30px;
	position: absolute;
	top: 0;
	left: 0;
}

div.formContainer div.formLogo
{
	display:inline-block;
	width: 106px;
	height: 251px;
	position: absolute;
	top: 0;
	right: 0;
	background-image: url(/img/templates/bdj_logo_70.png);
	background-repeat:no-repeat;
	background-size: 90%;
	background-position: left 10px;
	border: 1px solid #FFFFFF;
}

div#login.formContainer input[type=text],
div#login.formContainer input[type=password],
div#login.formContainer textarea
{
	font-size: 18px;
	width: 240px;
	margin-bottom: 10px;
}

div#login.formContainer input[type=button],
div#login.formContainer input[type=submit],
div#login.formContainer button,
div#login.formContainer a.aTagSubmButton
{
	width: 262px !important;
}


div#login.formContainer div#loginPwdForget
{
	float:right;
}

div#login.formContainer div#loginPwdForget a
{
	font-size: 14px;
	color: #4f4f4f;
	font-weight:bold;
}

div#login.formContainer p.wrongLogin
{
	font-size: 12px;
	color: #E5550E;
    margin: 0;
}

/*
#login .login_wrapper .pwdfrgt,
#login .login_wrapper .pwdfrgt:after,
#login .login_wrapper .pwdfrgt:visited
{
	font-size: .8em;
	text-decoration: none;
	color: #0058c0;
}
#login .login_wrapper .login_container  button,
#login .login_wrapper .login_container  input[type=submit]
{
	text-align: center;
	border-radius: 3px;
	border: 0px;
	color: white;
    background-color: #0058c0;
    height: 2em;
}
*/
/***********************************************************************************/
/** Header (Logo, User Logout, Main navigation ) ***********************************/
/***********************************************************************************/
#header
{
	height: 70px !important;
	min-height: 70px;
	max-height: 70px;
	width: 100%;
	position: fixed;
    top: 0;
    left: 0;
    background: white;
    z-index: 10;
}

#header div.userInfo
{
	float: left;
	font-size: 12px;
}

#header div.userInfo div.userLogo
{
	width: 120px;
	height: 70px;
	float:left;
}
#header div.userInfo div.userLogo > span.userLogoHelper
{
	display: inline-block;
	line-height: 70px;
}
#header div.userInfo div.userLogo > span.userLogoHelper > img
{
	max-width: 120px;
	max-height: 42px;
	height: auto;
	vertical-align: middle;
}

#header div.userInfo > div.userDetails
{
	width: 180px;
	height: 70px;
	float:left;
	line-height: 70px;
	vertical-align: middle;
	margin-left: 10px;
}
#header div.userInfo > div.userDetails > span.userDetailsHelper 
{
	line-height: normal;
	display: inline-block;
  	vertical-align: middle;
}


#header div.dfgLogo
{
	display: inline-block;
	float: right;
	font-size: 12px;
	line-height: 70px;
}
#header div.dfgLogo img
{
	width: auto;
	height: 42px;
    max-height: 42px;
    vertical-align: middle;
}

/***********************************************************************************/
/** Navigation *********************************************************************/
/***********************************************************************************/
#header div.mainNavigation
{
	display:block;
	width: 800px;
	height: 42px;
	min-height: 70px;
    z-index: 10;
    
    position: absolute;
    top: 12px;
	left: 320px;
	padding: 0px;
}

#header div.mainNavigation div.naviElement
{
}

#header div.mainNavigation div.naviElement a
{
	display: inline-block;
	height: 42px;
	line-height: 42px;
	color: #212121;
	font-size: 12px;
	font-weight: bold;
	padding-left: 6px;
	padding-right: 6px;
	background-color: #d9d2cb;
	float:left;
	margin-right: 13px;
	text-decoration: none;
}

#header div.mainNavigation div.naviElement.naviSelected a
{
	color: #212121 !important;
	background-color:#b5b5b5 !important;
}

#header div.mainNavigation div.naviElement a:hover
{
	/*color: #212121 !important;*/
	color: #FFFFFF !important;
	background-color:#aa835a !important;
}

#header div.mainNavigation div.naviElement a:hover span.iconProfile{ background-position: -115px -45px; }
#header div.mainNavigation div.naviElement a:hover span.iconLogout{	background-position: -45px -45px; }
#header div.mainNavigation div.naviElement a:hover span.iconPuzzle{	background-position: -80px -45px; }


#header div.mainNavigation div.naviSpacer
{
	display: inline-block;
	width: 2px; 
	height: 42px;
	line-height: 42px;
	font-size: 12px;
	font-weight: bold;
	background-color: #73716f;
	float:left;
	margin-left: 12px;
	margin-right: 25px;	
}

/***********************************************************************************/
/** Forms (Vorhaben,Benutzer) ******************************************************/
/***********************************************************************************/
div#projectContainer
{
	display: block;
	xwidth: 1140px;
	width:99%;
	margin:0 auto;
	position: relative;
	top: 70px;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 100%;
}
div#projectContainer div.projectHeadline
{
	width: 560px;
	line-height: 12px;
	float:left;
	margin-right: 20px;
	padding-bottom: 10px;
}
div#projectContainer div.projectHeadline.projectHeadlineRight
{
	float: right;
    margin-right: 0;
}
div#projectContainer div.projectHeadline.projectHeadlineSpacerTop
{
	margin-top: 10px;
}
div#projectContainer div.projectHeadline h2
{
	font-size:12px;
	font-weight:bold;	
	padding: 0;
    margin: 0;
}


div#projectContainer div.projectForm 
{
	font-size: 13px;
	padding-top: 20px;
	padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
}

div#projectContainer div.projectForm div.projectSubline
{
	padding-bottom: 10px;
	padding-left: 10px;
}

div#projectContainer div.projectForm 
{
	
}

div#projectContainer div.projectForm  div.formFieldcontainer
{
	display: inline-block;
	width: 100%;
	line-height: 36px;
	padding-bottom: 10px;
}
div#projectContainer div.projectForm  div.formFieldcontainer.fieldcontainerHalf 
{
	/* width: 50%; */
	width: 50%;
	float: left;
}

div#projectContainer div.projectForm  div.formFieldcontainer .profileFormLabel
{
	display: inline-block;
	/* width: 210px; */
	width: 200px;
	/*font-size: 12px;*/
	vertical-align: middle;
	/*line-height: normal;*/
	float:left;
	height: 36px;
	padding-left: 10px;
}

div#projectContainer div.projectForm  div.formFieldcontainer .rwDmgHide
{
	display: none;
}


div#projectContainer div.projectForm  div.formFieldcontainer .profileFormLabelShort
{
	width: 71px;
	padding-right: 10px;
}
div#projectContainer div.projectForm  div.formFieldcontainer .profileFormLabelShort2
{
	width: 71px;
	padding-right: 10px;
}
div#projectContainer div.projectForm  div.formFieldcontainer .profileFormLabelShort3
{
	width: 190px;
}
div#projectContainer div.projectForm  div.formFieldcontainer .profileFormLabelLong
{
	width: 270px;
}

div#projectContainer div.projectForm  div.formFieldcontainer .profileFormField
{
	display: inline-block;
	width: 326px;
	/*font-size: 12px;*/
	vertical-align: middle;
	line-height: normal;
	float:left;
	height: 36px;
}
div#projectContainer div.projectForm  div.formFieldcontainer  .profileFormField.profileFormFieldTall
{
	height: initial;
}

div#projectContainer div.projectForm  div.formFieldcontainer .profileFormFieldShort
{
	width: 208px;
}
div#projectContainer div.projectForm  div.formFieldcontainer .profileFormFieldShort2
{
	width: 90px;
}
div#projectContainer div.projectForm  div.formFieldcontainer .profileFormFieldShort3
{
	width: 160px;
}
div#projectContainer div.projectForm  div.formFieldcontainer .profileFormFieldShort4
{
	width: 178px;
}
div#projectContainer div.projectForm  div.formFieldcontainer .profileFormFieldShort5
{
	width: 155px;
}
div#projectContainer div.projectForm  div.formFieldcontainer .profileFormFieldLong
{
	width: 865px;
}
div#projectContainer div.projectForm  div.formFieldcontainer .profileFormFielDocList
{
	width: 890px;
	height: auto;
}
div#projectContainer div.projectForm  div.formFieldcontainer .profileFormFielDocUpload
{
	width: 890px;
}


div#projectContainer div.projectForm  div.formFieldcontainer .profileFormField span
{
	width: 50%;
	line-height: 36px;
	display: inline-block;
    float: left;
}
div#projectContainer div.projectForm  div.formFieldcontainer .profileFormField span.prodCostType
{
	width: 88px;
	margin-left: 10px;
}

div#projectContainer div.projectForm  div.formFieldcontainer .profileFormField span.checkedRisk
{
	width: 100%;
}

div#projectContainer div.projectForm  div.formFieldcontainer .profileFormField span.btnArrow
{
	width: 18px;
}

div#projectContainer div.projectForm  div.formFieldcontainer .profileFormField .dateLabel
{
	display: inline-block;
    float: left;
    padding-right: 10px;
}

div#projectContainer div.projectForm  div.formFieldcontainer .profileFormField .contactLabel
{
	display: inline-block;
	width: 40px;
	vertical-align: top;
    line-height: 36px;
    padding-right: 10px;
}

div#projectContainer div.projectForm  div.formFieldcontainer .profileFormField .docRow,
div#projectContainer div.projectForm  div.formFieldcontainer .profileFormField .docRowReadonly
{
	float: left;
	display: inline-block;
	width: 840px;
	line-height: 36px;
	padding-left: 10px;
	margin-bottom: 10px;
}
div#projectContainer div.projectForm  div.formFieldcontainer .profileFormField .docRow:hover
{
    background-color: #aa835a !important;
    color: #FFFFFF !important;
}

div#projectContainer div.projectForm  div.formFieldcontainer .profileFormField .docRowDelete
{
	float: left;
	display: inline-block;
	width: 40px;
	line-height: 36px;
	background-color: #d9d2cb !important;
	margin-bottom: 10px;
	/*padding-left: 10px;*/
}
div#projectContainer div.projectForm  div.formFieldcontainer .profileFormField .docRowDelete .docRowDeleteCross
{
	width: inherit;
	text-align: center;
    font-size: 32px;
}
div#projectContainer div.projectForm  div.formFieldcontainer .profileFormField .docRowDelete .docRowDeleteCross:hover
{
	 background-color: #aa835a !important;
    color: #FFFFFF !important;
}

div#projectContainer div.projectForm  div.formFieldcontainer .profileFormField .docRowDelete .docRowDeleteCross:after 
{
    content: "\00d7";
}


div#projectContainer div.projectForm  div.formFieldcontainer .profileFormField input[type=text],
div#projectContainer div.projectForm  div.formFieldcontainer .profileFormField input[type=password],
div#projectContainer div.projectForm  div.formFieldcontainer .profileFormField textarea
{
	width: 305px;
}
div#projectContainer div.projectForm  div.formFieldcontainer .profileFormField textarea
{
	font-family: Arial;
}
div#projectContainer div.projectForm  div.formFieldcontainer .profileFormField input.filmPlaces
{
	width: 164px;
}
div#projectContainer div.projectForm  div.formFieldcontainer .profileFormField input.prodCosts
{
	width: 100px;
	float: left;
}
div#projectContainer div.projectForm  div.formFieldcontainer .profileFormField input.prodContact
{
	width: 239px;
	vertical-align: top;
}
div#projectContainer div.projectForm  div.formFieldcontainer .profileFormField input.prodContactHalf
{
	width: 84px;
	vertical-align: top;
}
div#projectContainer div.projectForm  div.formFieldcontainer .profileFormField input[type=radio],
div#projectContainer div.projectForm  div.formFieldcontainer .profileFormField input[type=checkbox]
{
	width: 20px;
    height: 20px;
	vertical-align: middle;
	margin: 0;
	margin-right: 10px;
}
div#projectContainer div.projectForm  div.formFieldcontainer .profileFormField input[type=checkbox]
{
	height: 19px;
	margin-bottom: 2px;
}

div#projectContainer div.projectForm  div.formFieldcontainer .profileFormFieldLong input[type=text],
div#projectContainer div.projectForm  div.formFieldcontainer .profileFormFieldLong textarea
{
	width: 100%;
}
div#projectContainer div.projectForm  div.formFieldcontainer .profileFormFielDocUpload input[type=file]
{
	text-transform: uppercase;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 25px;
    padding-top: 8px;
    padding-bottom: 7px;
    color: #000000;
    background-color: #d9d2cb !important;
    border: none;
    text-decoration: none;
    cursor: pointer;
    width: 307px;
	float: left;
}

div#projectContainer div.projectForm  div.formFieldcontainer .profileFormFielDocUpload input[type=file]:hover
{
 	background-color: #aa835a !important;
    color: #FFFFFF !important;
}

div#projectContainer div.projectForm  div.formFieldcontainer .profileFormFielDocUpload input[type=text]
{
	width: 513px;
	float: left;
}

div#projectContainer div.projectForm .form_buttoncontainer
{
	display: inline-block;
	padding-left: 10px;
}


div#projectContainer div.projectForm  div.formFieldcontainer .profileFormField button.contactDetailsBtn
{
    width: 37px;
    padding-left: 3px;
    padding-bottom: 10px;
	margin-bottom: 0px;
}

#prodcost_insert
{
	display:none;
	height: 110px !important;
	width: 332px !important;
	
	border: 2px solid #d9483d;
	margin-top: 10px;
    margin-bottom: 10px;
	margin-left: 180px;
	padding: 10px;
}

#prodcost_insert div.checkboxRow
{
	display: inline-block;
	width: 330px;
	margin-top:10px;
}
#prodcost_insert div.checkboxRow div.left_chckbox
{
	float:right;
	width: 30px;
}
#prodcost_insert div.checkboxRow div.left_chckbox_label
{
	float:left;
}


#contact1Details,
#contact2Details
{
	display:none;
	margin-top: 10px;
}

div#projectContainer div.formDocuments div.docs
{
	display: inline-block;
}
div#projectContainer div.formDocuments div.docs a.documentlink
{
	display: inline-block;
	width: 540px;
	height: 36px;
    line-height: 36px;
    font-size: 14px;
    font-weight: bold;
    
    text-align: left;
    
    color: #FFFFFF;
    background-color: #d9d2cb;
    
    
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    margin-bottom: 10px;
    
    text-decoration:none;
    white-space: nowrap;
}

div#projectContainer div.formDocuments div.docs a.documentlink:hover
{
	color: #FFFFFF !important;
	background-color: #aa835a !important;
}
/***********************************************************************************/
/** Lists (Vorhaben,Benutzer) ******************************************************/
/***********************************************************************************/
div#projectList
{
	display: block;
	xwidth: 1185px;
	width: 99%;
	margin:0 auto;
	position: relative;
	top: 70px;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 100%;	
}

div#projectList div.projectListHeaderHeadline
{
	line-height: 12px;
    float: left;
    padding-bottom: 10px;
}
div#projectList div.projectListHeaderHeadline h2
{
	font-size: 12px;
    font-weight: bold;
    padding: 0;
    margin: 0;
}

div#projectList div.projectListHeaderButtonBar
{
	display: inline-block;
	width: 100%;
}


div#projectList div.projectNewBtn,
div#projectList div.projectExportBtn
{
	position: relative;
	float:left;
	margin-right: 13px;
}

div#projectList div.projectNewBtn div#overlayNewProject,
div#projectList div.projectExportBtn div#overlayExcelExport,
div#projectList div.projectStateFilter div#overlayStateFilter
{
	display: none;
	position: absolute;
	
	/*display: block;*/
	width: 1000px;
	/*height: 300px;*/
    padding: 10px;
    
    background-color: #FFFFFF;
    border: 1px solid #aa835a;
    
}

div#projectList div.projectExportBtn div#overlayExcelExport .overlayListButton,
div#projectList div.projectStateFilter div#overlayStateFilter .overlayListButton
{
	margin-top: 10px;
}
div#projectList div.projectExportBtn div#overlayExcelExport .overlayListButton button
{
	width: 100%;
}
div#projectList div.projectStateFilter div#overlayStateFilter .overlayListButton button
{
	width: 48%;
	float:left;
}
div#projectList div.projectStateFilter div#overlayStateFilter .overlayListButton button:last-child
{
	float:right;
}


div#projectList div.projectExportBtn div#overlayExcelExport ul,
div#projectList div.projectStateFilter div#overlayStateFilter ul
{
	list-style: none;
	padding-left: 0;
	margin: 0;
}
div#projectList div.projectStateFilter div#overlayStateFilter ul.singleFilter
{
	padding-left:100px;
}
div#projectList div.projectStateFilter div#overlayStateFilter ul.singleFilter li
{
	height: 20px;
	line-height: 18px;
	padding-top: 5px;
}

div#projectList div.projectStateFilter div#overlayStateFilter ul li input[name=state_group]
{
	margin-top: 2px;
}

div#projectList div.projectStateFilter div#overlayStateFilter ul.singleFilter li input[name=state_single]
{
	margin-top: 2px;
	float: left;
}

div#projectList div.projectSelectDrpDwn,
div#projectList div.projectSearch,
div#projectList div.projectTypeFilter,
div#projectList div.projectCountryFilter,
div#projectList div.projectCompanyFilter
{
	display: inline-block;
    height: 42px;
    float:left;
	margin-right: 13px;
	line-height: 42px;
	color: #212121;
    font-size: 12px;
    font-weight: bold;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 12px;
    padding-right: 4px;
    background-color: #d9d2cb;
    white-space: nowrap;
}
div#projectList div.projectSelectDrpDwn:hover,
div#projectList div.projectSearch:hover
{
	color: #FFFFFF;
	background-color: #aa835a;
}
div#projectList div.projectSelectDrpDwn div.projectFormLabel,
div#projectList div.projectTypeFilter div.projectFormLabel,
div#projectList div.projectCountryFilter div.projectFormLabel,
div#projectList div.projectCompanyFilter div.projectFormLabel
{
	float:left;
	margin-right: 10px;
}
div#projectList div.projectSelectDrpDwn div.projectCustomer,
div#projectList div.projectTypeFilter div.projectType,
div#projectList div.projectCountryFilter div.projectCountry,
div#projectList div.projectCompanyFilter div.projectCompany

{
	float:left;
}
div#projectList div.projectSelectDrpDwn div.projectCustomer select,
div#projectList div.projectNewBtn div#overlayNewProject select,
div#projectList div.projectTypeFilter div.projectType select,
div#projectList div.projectCountryFilter div.projectCountry select,
div#projectList div.projectCompanyFilter div.projectCompany select
{
	font-size: 12px;
	color: #000000;
	padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 5px;
    width: 200px;
	border: 1px solid #aa835a;
	cursor: pointer;
}
div#projectList div.projectNewBtn div#overlayNewProject select
{
	width: 100%;
	margin-bottom: 10px;
}
div#projectList div.projectTypeFilter div.projectType select
{
	width: 62px;
}
div#projectList div.projectCountryFilter div.projectCountry select
{
	width: 164px;
}
div#projectList div.projectCompanyFilter div.projectCompany select
{
	width: 280px;
}

div#projectList div.projectSearch,
div#projectList div.projectStateFilter,
div#projectList div.projectTypeFilter,
div#projectList div.projectCountryFilter,
div#projectList div.projectCompanyFilter
{
	float:right;
	margin-left: 13px;
	margin-right: 0;
}
div#projectList div.projectSearch
{
	padding-left: 4px;
}


div#projectList button
{
	display: inline-block;
    height: 42px;
    line-height: 42px;
	color: #212121;
    font-size: 12px;
    font-weight: bold;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 12px;
    padding-right: 12px;
    background-color: #d9d2cb;
    text-transform:inherit;
}
div#projectList button:hover
{
	color: #FFFFFF;
}
div#projectList button:hover span.iconNew{		background-position: -241px -26px; }
div#projectList button:hover span.iconExcel{	background-position: -229px -45px; }
div#projectList button:hover span.iconFilter{	background-position: -281px -68px; }
div#projectList button:hover span.iconSearch{	background-position: -281px -45px; }
div#projectList button:hover span.iconEdit{		background-position: -259px -26px; }


div#projectList div.projectSearch input[type=text]
{
	float: left;
	font-size: 12px;
	color: #000000;
	padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 3px;
    width: 100px;/*width: 150px;*/
	border: 1px solid #aa835a;
}

div#projectList div.projectHeaderSpacer
{
	display: inline-block;
	width: 2px; 
	height: 42px;
	line-height: 42px;
	font-size: 12px;
	font-weight: bold;
	background-color: #73716f;
	float:left;
	margin-left: 12px;
	margin-right: 25px;
}

div#projectList div#projectListHeader
{
	
}

div#projectList div#projectListTable
{
	margin-top: 10px;
	box-shadow: 0px 5px 5px #4f4f4f;

	xborder: 1px solid green;
	xheight:100%;	
}

div#projectList div#projectListTable table
{
	xborder: 1px solid red;	
}

div#projectList div#projectListTable table thead
{
	background-color: #5a5858;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
}

div#projectList div#projectListTable table thead th
{
	xcursor: pointer;
}

div#projectList div#projectListTable table .thirdCol
{
	word-break: break-word;
	word-break: break-all;
}

div#projectList div#projectListTable table .money
{
	width: 100px;
}
/* div#projectList div#projectListTable table .power
{
	width: 90px;
} */

div#projectList div#projectListTable table thead th,
div#projectList div#projectListTable table tbody tr.trrow td,
div#projectList div#projectListTable table tbody tr.trrowOld td
{
	text-align: left;
	padding-left: 7px;
	padding-right: 7px;
}

div#projectList div#projectListTable table tbody tr.trrow
{
	height: 76px;
	background-color: #f8f8f8;
	cursor: pointer;
}
div#projectList div#projectListTable table tbody tr.trrow:hover
{
	background-color: #ececec;
}
div#projectList div#projectListTable table tbody tr.trrowAltColor1
{
	background-color: #f8f8f8;
}
div#projectList div#projectListTable table tbody tr.trrowAltColor2
{
	background-color: #FFFFFF;
}

div#projectList div#projectListTable table tbody tr.trrowDetails
{
	xdisplay:none;
	height: 145px;
	background-color: #777777;
	-webkit-box-shadow:inset 0 10px 10px 0 #545454;
	box-shadow:inset 0 10px 10px 0 #545454;
}

div#projectList div#projectListTable table tbody tr.trrowOld
{
	height: 76px;
	display:none;
	background-color: #b5b5b5;
	
	-webkit-box-shadow: inset 0 2px 10px 0 #353535;
    box-shadow: inset 0 2px 10px 0 #353535;
}

div#projectList div#projectListTable table tbody tr.trrow td.firstCol,
div#projectList div#projectListTable table tbody tr.trrowDetails td.firstCol,
div#projectList div#projectListTable table tbody tr.trrowOld td.firstCol
{
	padding-left: 13px;
}

div#projectList div#projectListTable table thead th.list_sorting_up,
div#projectList div#projectListTable table thead th.list_sorting_down
{
	position: relative;
}

div#projectList div#projectListTable table thead th.list_sorting_up:after
{
	content: "\2191";
	padding-left: 2px;
    position: absolute;
    top: 5px;
}
div#projectList div#projectListTable table thead th.list_sorting_down:after
{
	content: "\2193";
	padding-left: 2px;
    position: absolute;
    top: 5px;
}

div#projectList div#projectListTable table thead th#insur_sum.list_sorting_up:after,
div#projectList div#projectListTable table thead th#insur_sum.list_sorting_down:after
{
	/*padding-left: 100px;*/
}

div#projectList div#projectListTable table thead th#insur_sum_bu.list_sorting_up:after,
div#projectList div#projectListTable table thead th#insur_sum_bu.list_sorting_down:after
{
	/*padding-left: 110px;*/
}

div#projectList div#projectListTable table thead th#input.list_sorting_up:after,
div#projectList div#projectListTable table thead th#input.list_sorting_down:after
{
	padding-left: 0px;
}

.sort_action{ cursor: pointer; }

div#projectList div#projectListTable table tbody tr.trrow td.money,
div#projectList div#projectListTable table tbody tr.trrowOld td.money
{
	text-align: right;
	padding-right: 13px;
}


div#projectList div#projectListTable table tbody tr.trrowDetails td.firstCol
{
	position: relative;
}
div#projectList div#projectListTable table tbody tr.trrow td.firstCol button,
div#projectList div#projectListTable table tbody tr.trrowDetails td.firstCol button,
div#projectList div#projectListTable table tbody tr.trrowOld td.firstCol button
{
	width: 99px;
	text-align: left;
}


div#projectList div#projectListTable table tbody tr.trrowDetails td.firstCol div.lastChange
{
	position: absolute;
	top: 18px;
	color: #FFFFFF;
}
div#projectList div#projectListTable table tbody tr.trrowDetails td.firstCol button
{
	position: absolute;
	bottom: 23px;
	line-height: normal;
    padding-top: 2px;
}

div#projectList div#projectListTable table tbody tr.trrowDetails td.firstCol button.readOnly
{
	background-color: #dedede !important;
	color: #fff !important;	
	cursor: default;
}

div#projectList div#projectListTable table tbody tr.trrowDetails td.firstCol button span
{
	margin-top:-8px;
}
div#projectList div#projectListTable table tbody tr.trrowDetails td.firstCol button:hover span.iconArrow,
div#projectList div#projectListTable table tbody tr.trrowDetails td.firstCol button.readOnly span.iconArrow
{
	background-position: -185px -26px;
}

div#projectList div#projectListTable table tbody tr.trrowOld td.firstCol button
{
	padding-right: 7px;
}

div#projectList div#projectListTable table tbody tr.trrowOld td.firstCol button:hover span.iconEye
{
	background-position: -277px -27px;
}

/*****************************************************************/
/** States *******************************************************/
div#projectList div#projectListTable table .change_text_color
{
	color: #ff7575 !important;
}
div.projectForm input.error_color,
div.projectForm textarea.error_color,
div.projectForm select.error_color,
div#projectList div#projectListTable table tr.error_color
{
	background-color: #edbcb8 !important;
}
div#projectList div#projectListTable table tr.is_not_active_color
{
 	/*background-color: #ffefef !important;*/
}

/*****************************************************************/
/** Infobox ******************************************************/
div#projectList div#projectListTable table tbody tr.trrowDetails td div.detailsBox
{
	display: inline-block;
	/*width: 1010px;*/
	width:99%;
	color: #FFFFFF;
	background-color: #565555;
	border-radius: 5px;
	margin-top: 16px;
	margin-bottom: 8px;
	margin-right: 5px;
	margin-left: 8px;
	
}
div#projectList div#projectListTable table tbody tr.trrowDetails td div.detailsBox ul
{
	width: 30%;
	display: inline-block;
	float: left;
	list-style: none;
	padding-left: 10px;
	padding-right: 30px;
	margin-top:0px;
	/*font-size: 12px;
	font-family: Calibri;*/
	font-size: 11px;
	
}
div#projectList div#projectListTable table tbody tr.trrowDetails td div.detailsBox ul:nth-child(3)
{
	width: 30%;
	padding-right: 10px;
}

div#projectList div#projectListTable table tbody tr.trrowDetails td div.detailsBox ul li
{
	border-bottom: 1px solid #777777; 
}
div#projectList div#projectListTable table tbody tr.trrowDetails td div.detailsBox ul li span.ulValue
{
	float:right;
	word-break: break-all;
	overflow: hidden;
}


#project_list .hidden_proj_version
{
	display: none;
	background-color: #c5c5c5;
}

#project_list .project_wrapper,
#user_list .user_wrapper
{
	height: 100%;
    width: 100%;
    /*overflow-x: auto;
    overflow-y: auto;*/
}
.cf_table_wrapper h2,
#project_list .project_wrapper h2,
#user_list .user_wrapper h2
{
	font-size: 1.2em;
	margin: .3em auto;
	text-align: center;
}

.cf_table_wrapper table,
#project_list .project_wrapper table,
#user_list .user_wrapper table
{
	font-size: .8em;
}

.cf_table_wrapper table tr.titlerow,
#project_list .project_wrapper table tr.titlerow,
#user_list .user_wrapper table tr.titlerow
{
	background-color: #8ebdf5;
}

.cf_table_wrapper table tr.trrow:nth-child(odd),
/*#project_list .project_wrapper table tr.trrow:nth-child(odd):not(.hidden_proj_version),*/
#user_list .user_wrapper table tr.trrow:nth-child(odd)
{
	background-color: #f4f9ff;
}

.cf_table_wrapper table tr.trrow:hover,
.cf_table_wrapper table tr.trrow:nth-child(odd):hover,
#project_list .project_wrapper table tr.trrow:hover,
#project_list .project_wrapper table tr.trrow:nth-child(odd):hover,
#user_list .user_wrapper table tr.trrow:hover,
#user_list .user_wrapper table tr.trrow:nth-child(odd):hover,
.trrowselect:hover
{
	background-color: #eee; 
}

.cf_table_wrapper table tr.titlerow th,
#project_list .project_wrapper table tr.titlerow th,
#user_list .user_wrapper table tr.titlerow th
{
	font-weight: bold;
}

.cf_table_wrapper table th,
#project_list .project_wrapper table th, 
#user_list .user_wrapper table th 
{
	padding: 0px 3px;
	border-top: 1px solid #d0d0d0; 
	border-bottom: 1px solid #d0d0d0; 
	font-weight: normal;
}



.cf_table_wrapper table th.col_row_right, 
#project_list .project_wrapper table th.col_row_right, 
#user_list .user_wrapper table th.col_row_right
{
	border-right: 2px solid #d0d0d0; 
	
}

.cf_table_wrapper table th.col_row_right:first-child,
#project_list .project_wrapper table th.col_row_right:first-child
{
	width: 114px;
} 


#project_list .project_wrapper .project_new
{
	display:inline-block;
	float:left;
	line-height: 2em;
	padding-left: 4px;
	margin-bottom: 10px;
	position: relative;
    top: -3px;
}


.hidden_proj_version .project_list_form button
{
    background-color: #8ebdf5 !important;
    color:black !important;
}
.cf_table_wrapper table th button,
#project_list .project_wrapper .project_list_form button
{
	line-height: 2em;
	width: 112px;
}

#project_list .project_wrapper table td, 
#user_list .user_wrapper table td 
{
	padding: 0px 5px;
	vertical-align: top; 
	white-space:nowrap;
	border-bottom: 1px solid #d0d0d0;
}

#project_list .project_wrapper .btnExcelExport
{
	margin-top: .5em;
    margin-bottom: .5em;
    width: 112px;
    line-height: 2em;
}

/*****************************************************************/
/** Firefox Hacks ************************************************/
/*****************************************************************/
@-moz-document url-prefix() 
{
    div#projectList button
    {
    	padding: 0px 10px;
    	line-height: 40px;
    }
    div#projectList div.projectSelectDrpDwn div.projectCustomer select, 
    div#projectList div.projectNewBtn div#overlayNewProject select
    {
    	padding-top:7px;
    }
    div#projectList div.projectSearch input[type="text"]
    {
    	padding-top:9px;
    	padding-bottom:9px;
    }
    
    div#projectList div#projectListTable table tbody tr.trrowOld td.firstCol button 
    {
    	padding-right: 2px;
	}
	
	div.formContainer a.aTagSubmButton 
	{
	    padding-top: 12px;
		padding-bottom: 10px;
	}
	
	div#projectContainer div.formDocuments div.docs a.documentlink
	{
		white-space: initial;
	}
}
/*****************************************************************/
/** IE & Edge Hacks **********************************************/
/*****************************************************************/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) 
{
	div#projectList div#projectListTable table tbody tr.trrowDetails
	{
		box-shadow: inset 0px 10px 10px -8px #545454;
	}
	div#projectList div#projectListTable table tbody tr.trrowOld
	{
		box-shadow: inset 0px 10px 10px -8px #353535;
	}
	div#projectContainer div.projectForm div.formFieldcontainer .profileFormField.profileFormFieldTall
	{
	    display: inline-table;
	}
	div.formContainer.formDocuments
	{
    	background: inherit;
    	filter: none;
	}
	select::-ms-expand 
	{
    	display: none;
	}
}
@supports ( -ms-accelerator:true ) 
{
	div#projectList div#projectListTable table tbody tr.trrowDetails
	{
		box-shadow: inset 0px 10px 10px -8px #545454;
	}
	div#projectList div#projectListTable table tbody tr.trrowOld
	{
		box-shadow: inset 0px 10px 10px -8px #353535;
	}
	div#projectContainer div.projectForm div.formFieldcontainer .profileFormField.profileFormFieldTall
	{
	    display: inline-table;
	}
	div.formContainer.formDocuments
	{
    	background: inherit;
    	filter: none;
	}
	select::-ms-expand 
	{
    	display: none;
	}
}


/*** neue Buttons */

.myButton
{
	height: 42px;
	line-height: 42px;
	color: #212121;
	font-size: 12px;
	font-weight: bold;
	padding-left: 12px;
	padding-right: 12px;
	background-color: #d9d2cb;
	float:left;
	margin-right: 13px;
	text-decoration: none;
}

.myButton 
{
	color: #212121 !important;
	background-color:#b5b5b5 !important;
}

.myButton:hover
{
	/*color: #212121 !important;*/
	color: #FFFFFF !important;
	background-color:#aa835a !important;
}


/* define height and width of scrollable area. Add 16px to width for scrollbar          */
div.tableContainer {
	clear: both;
	xheight: 640px;
	height:100%;	
	overflow: auto;
	width: 100%;
	xborder:1px solid blue;
}

/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.tableContainer {
	overflow: hidden;
	width: 100%;
}

/* define width of table. IE browsers only                 */
div.tableContainer table {
	float: left;
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
html>body div.tableContainer table {
}

/* set table header to a fixed position. WinIE 6.x only                                       */
/* In WinIE 6.x, any element with a position property set to relative and is a child of       */
/* an element that has an overflow property set, the relative value translates into fixed.    */
/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */

thead.fixedHeader tr {
	position: relative;
}

/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */

/* make the TH elements pretty */
thead.fixedHeader th {

}

html>body tbody.scrollContent {
	display: block;
	height: 616px;
	overflow: auto;
	width: 100%
}

html>body thead.fixedHeader {
	display: table;
	overflow: auto;

}

/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/                             */
tbody.scrollContent tdx, tbody.scrollContent tr.normalRow td {
}

tbody.scrollContent tr.alternateRow td {
}



div#plantList{
	padding: 10px 10px;
}
div#plantList div#plantListTable table thead {
	background-color: #5a5858;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
}
div#plantList div#plantListTable table thead th{
	cursor: pointer;
}

div#plantList div#plantListTable table .firstCol{
	word-break: break-all;
}


div#plantList div#plantListTable table thead th{
	text-align: left;
	padding-left: 7px;
	padding-right: 7px;
}

tr.dataheader{
	height: 28px;
	background-color:#777777;
}
tr.datalist td{
	padding-left: 7px;
	text-align:left;
	vertical-align:top;
	background-color: #eee;
}


a.simpleButton{
	font-family:arial;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #000 !important;
	background-color:#d9d2cb !important;
	border: none;
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	margin:5px !important;
}
a.simpleButton:hover{
	background-color:#aa835a !important;
}


/* Tabs mit radio-Buttons */
.tabbed { 
	margin: 20px 0px 40px 0px;
	float: left;
}

.tabbed figure { 
	display: block; 
	margin-left: 0; 
	border-bottom: 1px solid silver;
	clear: both;
 }
 
 .tabbed > input,
 .tabbed figure > div { display: none; }
 
 .tabbed figure>div {
   padding: 10px 10px;
   width: 100%;
   border: 1px solid silver;
   background: #fff;
   line-height: 1.5em;
   letter-spacing: 0.3px;
   color: #444;
   float:left;
 }

#tab1:checked ~ figure .tab1,
#tab2:checked ~ figure .tab2,
#tab3:checked ~ figure .tab3,
#tab4:checked ~ figure .tab4,
#tab5:checked ~ figure .tab5,
#tab6:checked ~ figure .tab6,
#tab7:checked ~ figure .tab7,
#tab8:checked ~ figure .tab8 { display: block; }

nav label {
	float: left;
	padding: 15px 15px;
	border-top: 1px solid silver;
	border-right: 1px solid silver;
	/* background: hsl(210,50%,50%); */
	background: #ddd;
	/* color: #eee; */
	color: #111;
 }
 
 nav label:nth-child(1) { border-left: 1px solid silver; }
 nav label:hover { background: hsl(210,50%,40%); }
 nav label:active { background: #ffffff; }
 
 label.taberror { 
	 background:red;
	 color: #111;
 }

 label.tabchanged { 
	xbackground:#aaf;
	color: red;
 }

 #tab1:checked ~ nav label[for="tab1"],
 #tab2:checked ~ nav label[for="tab2"],
 #tab3:checked ~ nav label[for="tab3"],
 #tab4:checked ~ nav label[for="tab4"],
 #tab5:checked ~ nav label[for="tab5"],
 #tab6:checked ~ nav label[for="tab6"],
 #tab7:checked ~ nav label[for="tab7"],
 #tab8:checked ~ nav label[for="tab8"] {
   background: white;
   color: #111;
   position: relative;
   border-bottom: none;
 }
 
 #tab1:checked ~ nav label.taberror[for="tab1"],
 #tab2:checked ~ nav label.taberror[for="tab2"],
 #tab3:checked ~ nav label.taberror[for="tab3"],
 #tab4:checked ~ nav label.taberror[for="tab4"],
 #tab5:checked ~ nav label.taberror[for="tab5"],
 #tab6:checked ~ nav label.taberror[for="tab6"],
 #tab7:checked ~ nav label.taberror[for="tab7"],
 #tab8:checked ~ nav label.taberror[for="tab8"] {
   /* background: red; */
 }
 
 #tab1:checked ~ nav label[for="tab1"]:after,
 #tab2:checked ~ nav label[for="tab2"]:after,
 #tab3:checked ~ nav label[for="tab3"]:after,
 #tab4:checked ~ nav label[for="tab4"]:after,
 #tab5:checked ~ nav label[for="tab5"]:after,
 #tab6:checked ~ nav label[for="tab6"]:after,
 #tab7:checked ~ nav label[for="tab7"]:after,
 #tab8:checked ~ nav label[for="tab8"]:after {
   content: "";
   display: block;
   position: absolute;
   height: 2px;
   width: 100%;
   background: white;
   left: 0;
   bottom: -1px;
 }

/***********************************************************************************/
/** Verträge ******************************************************/
/***********************************************************************************/

.hide {display:none;}

.td-0-5, .td-1, .td-1-5, .td-2,
.td-2-5, .td-3, .td-4, .td-5,
.td-6, .td-8, .td-12{
	xborder: 1px solid red;
}

.td-0-5{ width: 4%}
.td-1{ width: 8%;}
.td-1-5{ width: 12%}
.td-2{ width: 16%}
.td-2-5{ width: 20%}
.td-3{ width: 25%}
.td-4{ width: 33%}
.td-5{ width: 41%}
.td-6{ width: 50%}
.td-8{ width: 66%}
.td-12{ width: 100%}

th.th-left{
	text-align: left !important;
}

th.th-right{
	text-align: right !important;
}

th.th-center{
	text-align: center !important;
}


td.td-left,
td.td-topleft,
td.td-bottomleft{
	text-align: left;
	justify-content: left;
}

td.td-left,
td.td-right,
td.td-center{
	vertical-align: middle;
	align-items : center;

}

td.td-center,
td.td-topcenter,
td.td-bottomcenter{
	text-align: center;
	justify-content: center;
}

td.td-right,
td.td-topright,
td.td-bottomright{
	text-align: right;
	justify-content: right;
}

td.td-top,
td.td-topleft,
td.td-topcenter,
td.td-topright{
	vertical-align: top;
	align-items : flex-start;
}

td.td-bottom,
td.td-bottomleft,
td.td-bottomcenter,
td.td-bottomright{
	vertical-align: bottom;
	align-items : flex-end;
}

table.contractheaderdata {
	border:1px solid #aa835a;
	width:100%;
	background-color: #fff;
	line-height: 24px;	
}

table.contractheaderdata tr {
}
table.contractheaderdata th {
	width:15%;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	padding: 4px 10px;	
}

table.contractheaderdata td {
	vertical-align: top;
	padding: 4px 10px;	
}

table.contractheaderdata td.subdata {
	padding: 4px 10px 4px 0px;	
}

table.contactdata {
	width: 100%;
	line-height: 18px;
}

table.contractdata {
	border:1px solid #aa835a;
	width:100%;
	line-height: 24px;	
}

table.contractdata tr {
	border:1px solid black;
}

table.contractdata tr:hover {
	background-color: #eee;
}

table.contractdata th {
	border-left: 1px solid #aaa;
	background-color: #ddd;
	white-space: nowrap;
	padding: 4px 10px;
}

table.contractdata th.th-first {border-left: 0px;}

table.contractdata td {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 4px 10px;		
}

table.contractdata td.topborder {
	border-top: 3px solid #666;
}
	

/***** TABLE SCROLL *****/

table.scroll{
	table-layout: fixed;
}

table.scroll thead{
	line-height: 24px;
	width: 100%;
	display:block;
}
table.scroll thead tr:after {
	content: '';
	overflow-y: scroll;
	visibility: hidden;
}
table.scroll thead th {
	flex: 1 auto;
	display: block;
	padding: 2px 4px;
	text-align: center;
	overflow-x: hidden;
}
table.scroll tbody {
	display: block;
	width: 100%;
	overflow-y: auto;
	height: auto;
	xmax-height: 586px;
	max-height: 850px;

}

table.scroll thead tr,
table.scroll tbody tr {
	display: flex;
}
table.scroll tbody tr {
	height: 52px;
	background-color: #f4f4f4;
}

table.scroll tbody tr:nth-of-type(odd){
	background-color: #ffffff;
}

/* 1., 3. ... HAUPT-Zeile */
table.scroll tbody tr.odd{
	background-color:#ffffff;
}
/* 2., 4. ... HAUPT-Zeile */
table.scroll tbody tr.even{
	background-color:#f4f4f4;
}

table.scroll tbody tr:hover{
	background-color: #e8e8e8;
}

table.scroll tbody tr td {
	flex: 1 auto;
	word-wrap: break;
	padding: 5px 5px;
	overflow: hidden;
	display:flex;
}

table.scroll tbody tr td a.myButton{
	padding-left: 6px;
	padding-right: 6px;
	margin-right: 6px;
}

table.scroll thead th.list_sort_up,
table.scroll thead th.list_sort_down{
}

table.scroll thead th.list_sort_up:after,
table th.list_sort_up:after{
	content: "\2191";
	padding-left: 3px;
}
table.scroll thead th.list_sort_down:after,
table th.list_sort_down:after{
	content: "\2193";
	padding-left: 3px;
}

table.fixed{
	table-layout: fixed;
}

td.td-data {
	word-wrap: break-word;
	overflow: hidden;
	line-height: 22px;
}


div#projectContainer div.projectForm  div.formFieldcontainer.contentbox{
	width: 50%;
	float: left;
	overflow:auto;
}

.caption{
	font-size: larger;
	font-weight: bold;
	line-height: normal;
}

div.tableEmployee{ 
	max-width: 1180px;
}
table.tableEmployeeRight{
	margin-left:30px;
}

@media only screen and (max-width: 1800px) {
	table.scroll tbody {
		max-height: 700px;
	}
}

@media only screen and (max-width: 1580px) {

	div#projectContainer div.projectForm  div.formFieldcontainer.contentbox{
		width: 100%;
	}

	#header div.mainNavigation div.naviElement a
	{
		height: 32px;
		line-height: 32px;
		font-size: 11px;
		font-weight: bold;
		padding-left: 5px;
		padding-right: 5px;
		margin-right: 3px;
	}

	.iconProfile, .iconLogout, .iconPuzzle, .iconNew, .iconNewHover,
	.iconExcel, .iconFilter, .iconEdit, .iconArrow, .iconArrowWhite, .iconEye {
		display:none;
	}

	table.scroll tbody {
		max-height: 650px;
	}
	
}

@media only screen and (max-width: 1400px) {
	table.scroll tbody {
		max-height: 570px;
	}
}

@media only screen and (max-width: 1200px) {
	div.tableEmployee{ 
		max-width: 800px;
	}
	
	table.tableEmployeeRight{
		margin-top: 20px;
		margin-left:0px;
	}
}

@media only screen and (max-width: 1100px) {
	#header div.mainNavigation div.naviElement a{
		font-size: 10px;
	}

	table.scroll tbody {
		max-height: 500px;
	}

}

@media only screen and (max-width: 960px) {
	#header div.mainNavigation div.naviSpacer{
		display: none;
	}
}