#headline {
	 display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	 display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	 display: -ms-flexbox;
	/* TWEENER - IE 10 */
	 display: -webkit-flex;
	/* NEW - Chrome */
	 display: flex;
	 background-color: #384454;
}
 #headline #logo-box {
	 display: block;
	 width: 227px;
	 height: 80px;
	 flex: 2;
}
 #headline .customer-links-kachel {
	 display: flex;
	 flex-direction: row;
}
/* #headline .customer-links-dropdown {
	 display: none;
}*/
 #headline .customer-links-menu {
	 width: 80px;
}
 #headline .customer-links-single {
	 display: flex;
}
 #headline .customer-links .active-item {
	 background-color: #ff4b4b;
}
 #headline .customer-links .navi-item {
	 color: white;
	 text-decoration: none;
	 height: 100%;
	 padding: 0 10px;
	 display: flex;
	 flex-direction: column;
	 justify-content: center;
	 align-items: center;
}
 #headline .customer-links .navi-item i {
	 /*line-height: normal;*/
}
 #headline .customer-links .navi-item span {
	 /*line-height: normal;*/
	 margin-top: 10px;
}
 #headline .customer-links .navi-item:hover {
	 color: #000;
	 background-color: #ccd0d4;
}
 #headline .customer-links .customer-link:hover {
	 cursor: pointer;
}
 #headline .customer-links .customer-link-active {
	 color: #000;
	 background-color: #ccd0d4;
}
 #headline .customer-links .customer-link-menu {
	 display: flex;
	 flex-direction: column;
}
 #headline .customer-links .customer-link-menu a {
	 display: flex;
	 flex-direction: row;
	 padding: 10px 10px;
	 align-items: center;
	 justify-content: flex-start;
}
 #headline .customer-links .customer-link-menu a i {
	 margin-right: 10px;
	 margin-bottom: 0;
}
 #headline .customer-links .customer-link-menu a span {

}
 #headline .customer-links .customer-link-menu a:hover {
	 background-color: #efefef;
}
 #headline .customer-links .customer-link-menu-active {
	 display: block;
	 width: 300px;
	 left: -219px;
	 position: relative;
	 background-color: #fff;
	 overflow-y: auto;
	 z-index: 25;
	 border: 1px solid #ccd0d4;
	 border-top: none;
}
 #headline .customer-links .customer-link-menu-inactive {
	 display: none;
}
 #headline #job-info-notification {
	 display: block;
	 width: 80px;
}
 #headline #job-info-notification #job-info-notification-icon {
	 height: 100%;
	 width: 80px;
	 /*margin-left: auto;
	 margin-right: auto;
	 text-align: center;*/
	 display: flex;
	 flex-direction: column;
	 justify-content: center;
	 align-items: center;
}
 #headline #job-info-notification #job-info-notification-icon:hover {
	 cursor: pointer;
	 background-color: #313b47;
}
 #headline #job-info-notification #job-info-notification-icon.job-menu-active {
	 background-color: #313b47;
	 color: #fff;
}
 #headline #job-info-notification #job-info-notification-icon.job-menu-inactive {
	 color: #fff;
}
 #headline #job-info-notification #job-info-notification-icon #job-info-notification-text {
	 /*line-height: normal;*/
	 margin-top: 10px;
}
 #headline #job-info-notification #job-info-notification-icon i {
	 /*line-height: 40px;
	 margin-top: 10px;*/
}
 #headline #job-info-notification #job-info-notification-icon #openjobs-badge {
	 background-color: #f00 !important;
	 color: #fff !important;
	 top: -60px;
	 left: 45px;
	 width: 16px;
}
 #headline #job-info-notification #job-info-notification-list-container {
	 display: flex;
	 flex-direction: column;
	 width: 400px;
	 left: -321px;
	 position: relative;
	 border-width: 0 1px 1px 1px;
	 border-style: solid;
	 background-color: #fff;
	 overflow-y: auto;
	 z-index: 25;
}
 #headline #job-info-notification #job-info-notification-list-container #job-info-notification-list-container-header {
	 color: #666;
	 font-size: 18px;
	 padding: 7px 5px;
	 line-height: 21px;
}
 #headline #job-info-notification #job-info-notification-list-container #job-info-notification-list-container-header i {
	 float: right;
	 color: #848484;
	 margin-right: 13px;
	 font-size: 20px;
	 cursor: pointer;
}
 #headline #job-info-notification #job-info-notification-list-container #job-info-notification-list {
	 list-style: none;
	 padding: 0;
	 display: block;
	 margin: 0;
	 max-height: 400px;
}
 #headline #job-info-notification #job-info-notification-list-container #job-info-notification-list .job-info-notification-list-element {
	 display: flex;
	 border-top: 1px solid #ccc;
	 border-left: 3px solid #fff;
	 background-color: #fff;
	 flex-direction: row;
	 align-items: center;
	 padding: 7px 5px;
}
 #headline #job-info-notification #job-info-notification-list-container #job-info-notification-list .job-info-notification-list-element:hover {
	 background-color: #efefef;
	 cursor: pointer;
}
 #headline #job-info-notification #job-info-notification-list-container #job-info-notification-list .job-info-notification-list-element i {
	 color: #848484;
}
#headline #job-info-notification #job-info-notification-list-container #job-info-notification-list .job-info-notification-list-element .job-info-notification-type-icon {
	padding-left: 5px;
}
 #headline #job-info-notification #job-info-notification-list-container #job-info-notification-list .job-info-notification-list-element .job-info-notification-list-element-description {
	 flex: 1;
	 padding-left: 10px;
}
 #headline #job-info-notification #job-info-notification-list-container #job-info-notification-list .job-info-notification-list-element .job-info-notification-list-element-description .job-info-notification-list-element-description-header {
	 font-weight: bold;
	 line-height: 16px;
	 margin-bottom: 3px;
}
 #headline #job-info-notification #job-info-notification-list-container #job-info-notification-list .job-info-notification-list-element .job-info-notification-list-element-description .job-info-notification-list-element-description-text {
	 line-height: 18px;
}
 #headline #job-info-notification #job-info-notification-list-container #job-info-notification-list .job-info-notification-list-element .job-info-notification-list-element-status {

 }
 #headline #job-info-notification #job-info-notification-list-container #job-info-notification-list .readStatus-read {
	 border-left-color: #fff;
}
 #headline #job-info-notification #job-info-notification-list-container #job-info-notification-list .readStatus-read:hover {
	 border-left-color: #efefef;
}
 #headline #job-info-notification #job-info-notification-list-container #job-info-notification-list .readStatus-unread {
	 border-left-color: #009149;
}
 #headline #job-info-notification #job-info-notification-list-container #job-info-notification-list-empty {
	 padding: 10px 5px;
	 border-top: 1px solid #ccc;
}
 #headline #job-info-notification #job-info-notification-list-container #job-info-notification-list-empty #job-info-notification-list-empty-icon {
	 color: #009149;
}
 #headline #job-info-notification #job-info-notification-list-container #job-info-notification-list-empty #job-info-notification-list-empty-text {
	 line-height: 18px;
}
 #headline #headline-menu-button {
	 display: none;
}
#logout-form{
	display: flex;
	flex-direction: row;
	align-content: center;
	justify-content: center;
	padding: 0 10px;
	align-items: center;
}
 #headline #headline-logout-button {
	 background-color: #009149;
	 display: flex;
	 flex-direction: row;
	 padding: 5px 15px;
}
 #headline #headline-logout-button:hover {
	 background-color: #313b47;
}
 #headline #headline-userinfo-container .headline-userinfo-active {
	 cursor: pointer;
}
 #headline #headline-userinfo-container #headline-userinfo,
 #headline #headline-userinfo-container #headline-userinfo-initial {
	 /*height: 65px;
	 min-width: 175px;
	 display: flex;
	 flex-direction: row;
	 padding: 15px 10px 0 10px;
	 max-width: 350px;
	 justify-content: space-between;*/
	 height: 100%;
	 min-width: 175px;
	 display: flex;
	 flex-direction: row;
	 padding: 0 10px;
	 max-width: 350px;
	 align-items: center;
}
 #headline #headline-userinfo-container #headline-userinfo .headline-userinfo-box,
 #headline #headline-userinfo-container #headline-userinfo-initial .headline-userinfo-box {
	 display: flex;
	 flex-direction: row;
	 align-items: center;
}
 #headline #headline-userinfo-container .headline-userinfo-usermenu-active {
	 display: block;
}
 #headline #headline-userinfo-container .headline-userinfo-usermenu-inactive {
	 display: none;
}
 #headline #headline-userinfo-container #headline-userinfo-usermenu {
	 background-color: #fff;
	 border: 1px solid #313b47;
	 border-top: none;
	 color: #313b47;
	 z-index: 100;
	 position: relative;
}
 #headline #headline-userinfo-container #headline-userinfo-usermenu .headline-userinfo-usermenu-menuitem a {
	 display: block;
	 line-height: 50px;
	 height: 50px;
}
 #headline #headline-userinfo-container #headline-userinfo-usermenu .headline-userinfo-usermenu-menuitem a i {
	 line-height: 50px;
	 text-align: center;
	 width: 50px;
	 float: left;
}
 #headline #headline-userinfo-container #headline-userinfo-usermenu .headline-userinfo-usermenu-menuitem a span {
	 line-height: 50px;
	 float: left;
	 display: block;
}
 #headline #headline-userinfo-container #headline-userinfo-usermenu .headline-userinfo-usermenu-menuitem a:hover {
	 background-color: #efefef;
}