.spacer-40{
	height: 40px;
}


.content_title{
	font-weight: 600;
}

#newBerichtForm input[type=file]{
	-webkit-appearence: none;

}

#newBerichtForm .inputWrap label{
	    font-weight: 300;
	    font-size: 12px;
}
#newBerichtForm .inputWrap .radio label,
#newBerichtForm .inputWrap label.checkboxLabel{
	font-weight: 400;
	    text-transform: none;
	    font-size: 16px;
}

#newBerichtForm .multipleCheckbox .inputWrap{
	float: left;
	margin-right: 25px;
}

#newBerichtForm .multipleCheckbox .inputWrap.last{
	
	margin-right: 0;
}

.inputWrap label.checkboxLabel{
	display: inline;
	padding-top: 0px;
	line-height: 20px;
}

#newBerichtForm .inputWrap span{
	display: inline;
	font: 500 16px/20px 'Mark Pro',sans-serif;
}

#newBerichtForm textarea{
	width: 100%;
}


.radioGroup .radio.last.usr_source2{
	margin-right: 20px;
}

.showForSource{
	display: none;
}

.chosen-container{
	width: auto !important;
}

.NFI-wrapper {
    width: 100%;
    position: relative;
  
}
.NFI-button {
    display: inline-block;
    padding: 10px 15px 13px 15px;
    border: 0;
    font: 500 16px/20px 'Mark Pro',sans-serif;
    
    position: relative;
    
    z-index: 15;
    height: 40px;
    
    background: #005baa;
    color: #fff;
    transition: 0.2s;
    float: right !important;
}
.NFI-button:hover{
	 background: #01447f;
}
.NFI-button:active{
	background: #000;
}
.NFI-filename {
    position: absolute;
    left: 0;
    right: 200px;
    z-index: 10;
}


.anhangImage{
	width: 80px;
	height: auto;
}

.coloredContainer .person,
.coloredContainer .firma{
	float: left;
	width: 60%;
}
.coloredContainer .anhang,
.coloredContainer .karte{
	float: right;
	width: 40%;
}

.coloredContainer .person .innerContainer{
	padding: 0px 10px 0px 0px;
}
.coloredContainer .anhang .innerContainer{
	padding: 0px 10px 10px 0px;
}

.coloredContainer .anhang .innerContainer .anhangImage{
	width: 100%;
	height: auto;
}


.floatRight{
	float: right;
}
.floatLeft{
	float: left;
}


.btn-red{
	background: #b80035 !important;
}

.btn-red:hover{
	background: #8c022a !important;
}

.btn-green{
	background: #3c763d !important;
}

.btn-green:hover{
	background: #2a512a !important;
}

#forwardLead {
	position: relative;
	min-height: 40px;
}
#forwardLead input.recipientInput{
	
}
#forwardLead input[type=submit]{
	position: absolute;
	right: 0;
	top: 0;
	height: 40px;
	width: 120px;
}

#forwardLead .dynLeft{
	position: absolute;
	right: 130px;
	left: 0;
}

#forwardLead .wrapRecipient{
	position: absolute;
	right: 160px;
	top: 0;
	left: 0;
}

#forwardLead .dynLeft .recipientInput{
	text-align: left;
	padding-right: 10px;
}
#forwardLead .dynLeft .domainInput{
	width: 160px;
	position: absolute;
	right: 0;
	top: 0;
	padding-left: 0px;
	text-indent: 10px;
	border-left: 0;
}

#forwardLead .staticRight{
	position: absolute;
	width: 120px;
	top: 0;
	right: 0;
}

#forwardLead textarea{
	width: 100%;
	margin-bottom: 8px;
}

.erfasserImage{
	width: 30%;
	height: auto;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}
.erfasserText{
	float: left;
	width: 70%;
}
.erfasserTextInner{
	padding: 0 10px 0 10px;
}

.dynWrap{
	min-height: 40px;
	position: relative;
}



.dont-break-out {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}

.mobileSelectNav{
	display: none;
}


.loggedUser{
	position: absolute;
	right: 30px;
	top: 30px;
}


.loggedUser .erfasserImage{
	width: 50px;
	height: auto;
	border-radius: 50px;
	margin: 0;
	position: relative;
	top: -2px;
	margin-right: 10px;
}

.loggedUser .erfasserName{
	margin-right: 15px;
}


body.backend .tx-felogin-pi1{
	display: none;
}

.dtAnhang{
	padding-top: 1.2em !important;
}

.dtPerson p{
	margin-top: 0;
}