@font-face {
font-family: "Open Sans";  src: url(OpenSans-Regular.ttf) format("truetype");} 
@font-face {
font-family: "Open Sans Bold";  src: url(OpenSans-Bold.ttf) format("truetype");} 
@font-face {
font-family: "Open Sans Semibold";  src: url(OpenSans-Semibold.ttf) format("truetype");} 
@font-face {
  font-family: "Open Sans Condense";
  src: url(OpenSans-CondLight.ttf) format("truetype");
}
@font-face {
  font-family: "Open Sans Bold Condensed";
  src: url(OpenSans-CondBold.ttf) format("truetype");
}
html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	vertical-align: baseline;} 
html {overflow-y: scroll;	-webkit-text-size-adjust: 100%;	-ms-text-size-adjust: 100%;} 
body {
	font-family: 'Open Sans';	
	text-rendering: optimizeLegibility;	
	color: #444;  
	font-size:14px;
	background-color: #fafafa;  
	-webkit-font-smoothing: antialiased;    
	-moz-osx-font-smoothing: grayscale;
	margin:0;
	padding:0;
} 
div{
	/* overflow:hidden; */
}
h3, b, strong{
	font-family:Open Sans Condensed;
	font-weight:600;
	font-size:14.5px;
	line-height:18px;
	letter-spacing:0.1px;
	margin:3px 0 5px;
}
.regular{
	font-family: Open Sans;
	font-weight: normal;
	font-size: 14.3px;
}
ol, ul {
  border-top: 1px solid #bbb;
  line-height: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-position: outside;
}
li {
  list-style-position: outside;
}
li {
  padding: 1px 0px 3px 13px;
  border-bottom: 1px solid #bbb;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAJCAYAAADkZNYtAAAAbklEQVQYV2NkwATzgUIHgXgBuhQjFsUKQLH1QLwQiCcgy4MUC2DRwA8U2wzE64C4ASYPUgyy1gGLBg6gmBgQgzR+AcljcwZI3ADqlEZkt2NTDLIFZFshEG9AdzO6Czyg1h5Bl8DlDCxewO1mrIoBU+0OCpjq9nYAAAAASUVORK5CYII=') no-repeat;
  background-position: 0px 10px;
}
a, a:hover, a:visited {
	text-decoration:none; 
	outline: none; 
	color: #ff9000;
	cursor:pointer;
}
a:hover {
	/* text-decoration:underline; */
}
.delete{
	background-image: url(../src/icons/trash-bin.svg);
	background-repeat: no-repeat;
	background-size: 22px 24px;
	width: 22px;
	height: 24px;
	float: right;
	margin: 2px 0 0;
	cursor:pointer;
	opacity: 0.6;
}
.link-button, .link-button:visited, .link-button:hover{
	height: 22px;
	margin: 0;
	font-size: 11px;
	padding: 4px 7px 0px;
	line-height: 12px;
	box-sizing: border-box;
	background: #bbb;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.logout, .logout:hover, .logout:visited {
    position: absolute;
    top: 0px;
    right: 3%;
    height: 22px;
    margin: 0;
    font-size: 11px;
    padding: 4px 7px 0px;
    line-height: 12px;
    box-sizing: border-box;
    background: #bbb;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.logout:hover {
    background: #ff9000;
}
table{
	border:0px solid red;
	width:100%;
	border-style: outset;
	border-spacing: 0px;
	border-collapse: collapse;
	border-collapse: separate;
}
td{
	padding:0;
	margin:0;
	vertical-align:bottom;
}
input[type=time]{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	font-family:Open Sans;
	font-size:11.5px;
	color:#000;
	background:#fff;
	border:none;
	/* text-align:center; */
	height:17px;
}
input[type=email], input[type=text], input[type=number], input[type=password], input[type=date], .zeitausgleich input[type=time], select, textarea{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #ccc;
	border-radius: 2px;
	font-family: inherit;
	/* font-size: 11.6px; */
	padding: 0px 0 0px 5px;
	height: 25px;
	color: #555;
	box-sizing: border-box;
	margin: 0px 4px 4px 0;
	font-size:14px;
} 
.time-wrapper input[type=time]{
	width:58px;
	padding: 0 0 0 1px;
}
.zertifikat-form input[type=text]{
	width:100%;
}
input[type=date]{
	line-height: 18px;
	width: 129px;
	padding: 0 3px 0 2px;
}
.datetime-edit-field {
	padding:0px 0px 0px 0px !important;
}
.datetime-reset-button{
	display:none;
}
textarea{
	line-height: 16px;
	padding: 4px 5px 5px 7px;
	line-height: 17px;
	margin: 3px 4px 4px 0;
	resize: none;
	min-height:75px;
	box-sizing:border-box;
	/* transition: height 0.5s; */
} 
select {
	font-family:Open Sans, sans-serif;
    padding: 0px 16px 1px 3px;
    cursor: pointer;
    background-image: url(../src/select_toggle.svg);
    background-repeat: no-repeat;
    background-position: right 5px top 10px;
    background-size: 9px 4px;
    letter-spacing:0;
	background-color:#fff;
}
/* Chrome, Safari, AND NOW ALSO the Edge Browser and Firefox */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.time-wrapper input[type=time] {
		padding: 0 0 0 4px;
	}
	select {
		padding: 0px 16px 1px 5px;
	}
}
/* Chrome 29+ */
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
	.time-wrapper input[type=time] {
		padding: 0 0 0 4px;
	}
	select {
		padding: 0px 18px 1px 5px;
	}
}
@-moz-document url-prefix() {

	.time-wrapper input[type=time] {
		padding: 0 0 0 1px;
	}
	select {
		/* padding: 0px 16px 1px 3px; */
	}
}
.jahr{
	position:absolute; top:8px; right:28px; z-index:113; width:60px;
}
.dashboard-user-daten .jahr{
	top:3px;
}
.meldung td{
	height: 24px;
	vertical-align: middle;
	padding: 0 2px 2px 0;
}
.meldung .zeile td{
	border-bottom:1px solid #ccc;
}
.meldung .verbleibend td{
	border-top:2px solid #666;
}
.zahlen{
	text-align:right;
	width:130px;
}
.date-toggle{
	/* letter-spacing:0.5px; */
}
.date{
	/* padding:1px 0 0px 5px !important; */
}

.krankschreibung{
	margin:7px 0 0; padding:3px 0 0; clear:both; border-top:1px solid #ccc;
	position:relative;
	overflow:hidden;
}

.upload-btn{
	height: 23px;
	margin: 0;
	font-size: 11px;
	padding: 5px 7px 0px;
	line-height: 12px;
	box-sizing: border-box;
	background: #bbb;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.6px;
}
.upload-btn.hover {
	background: #aaa;
}
.upload-btn-wrapper input[type=file] {
  position: absolute;
  width:60px;
  height:35px;
  cursor:pointer;
  right: 0;
  top: 0;
  opacity: 0;
}
/* #zeiterfassung{
	padding: 1px 10px 14px 12px;
} */
.zeiterfassung{
	font-family:Open Sans; font-size:11.5px; margin:5px 0 0px; overflow:hidden;
}
.zeiterfassung .monat.freigabe{
	background: #e4f0cb;
	color: #83a380;
}
.zeiterfassung .monat.fehlt{
	background: #ffe6c4;
	color: #ff9000;
}
.zeiterfassung select{
	padding: 0px 0px 1px 3px;
	font-size:11.5px;
	height:20px;
	background:none;
}
.zeiterfassung .zeiten select{
	width:44px;
}
.zeiterfassung td{
	vertical-align:top;
	height:20px;
	line-height:19px;
	padding: 3px 0px 3px 0;
	border-bottom: 4px solid #fff;
	background:#f8f2c8;
}

.zeiterfassung .datum{
	font-family:Open Sans Condensed;
	font-weight:700;
	padding: 4px 10px 0 5px;
	font-size: 14px;
	line-height: 17px;
	color:#777;
}
.wt{
	display:inline-block;
	width:22px;
	/* color:#f0d87a; */
	opacity:0.5;
}
.frei select{
	margin-bottom:0px;
}
.frei td, .frei .zeiten{
	background: #f6ddfc;
	color:#666;
}
.frei .wochenende td, .frei .wochenende .zeiten{
	background: #eee;
}
.frei.unterbrechung td, .frei.unterbrechung .zeiten{
	background: #e4f0cb;
}
.frei.unterbrechung.krank td, .frei.unterbrechung.krank .zeiten{
	background: #ffecce;
}
.zeiterfassung .zeiten, .frei .zeiten{
	padding-right: 3px;
}
.zeiterfassung .stunden{
	color:#666;
	padding:3px 5px;
}
.frei .datum{
	color: #87a290;
	/* padding: 4px 5px 0 3px; */
}
.frei.unterbrechung  .datum{
	color: #83a380;
}
.frei.unterbrechung.krank  .datum{
	color: #eea342;
}
.zeiterfassung .monate{
	/* border-right: 1px solid #ccc; */
	display: flex; 
	justify-content: space-between;
	margin:0 0 4px;
}
.zeiterfassung .monat{
	float: left;
	width: 22.6px;
	/* border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc; */
	text-align: center;
	font-family:Open Sans Condensed;
	font-weight:700;
	font-size: 14px;
	line-height: 21.5px;
	height: 22.5px;
	background:#eee;
	color:#999;
	cursor:pointer;
}
.zeiterfassung .monat.active{
	border-bottom: 0;
	background:#fff;
	color:#444;
}
.time-wrapper{
	border: 1px solid #bbb;
	border-radius: 2px;
	width:45px;
	overflow:hidden;
	position:relative;
	background:#fff;
	opacity:0.6;
	box-sizing:border-box;
}
.time-wrapper .placeholder{
	color: #888;
	position: absolute;
	width: 30px;
	line-height: 16.5px;
	left: 5px;
	display:none;
}
.time-wrapper.empty .placeholder{
	display:block;
}
.time-wrapper.disabled .placeholder{
	display:none;
}

.time-wrapper.empty input[type=time]{
	opacity:0;
}
.time-wrapper.disabled input[type=time]{
	color:#eee;
	background:#eee;
	opacity:1;
}
.gesamt.soll{
	color:#ff9000;
}
/* a {
    color:black;
    text-decoration: none;
} */
.wochenende, .feiertag, .wochenende td, .feiertag td{
	background: #eee;
	margin: 0 0 4px;
	/* padding: 2px 0 0 3px; */
}
.sa.wochenende, .sa.wochenende td, .sa.wochenende .zeiten{
	background: #dde9ef;
}
.sa.wochenende .datum{
color: #87a290;
}
.wochenende.datum, .feiertag.datum{
	color: #a9a9a9;
	font-family: Open Sans Condensed;
	font-weight: 700;
}
.abrechnung .wochenende.datum, .feiertag.datum{
	color: #999;
}
.datum.so{
	height: 22px;
	/* padding: 3px 5px 0 3px; */
}
.sa .zeiten{
	/* padding: 3px 0 3px 3px; */
}
.sa.wochenende.datum{
	/* padding: 2.6px 5px 0 3px; */
}
.feiertag{
	background: #e4f0cb;
}
.feiertag.datum{
	color: #83a380;
	height:22px;
	padding:3px 10px 0 5px;
}
.save{
	background-image:url(../src/save.svg);
	background-repeat:no-repeat;
	background-size:19px auto;
	background-position:right 0;
	width:20px;
	height:20px;
	float:right;
	cursor:pointer;
	margin: 0 5px 0 1px;
}
.zeit_form .save{
	opacity:0.3;
}
.save.active{
	background-image:url(../src/save_active.svg);
	opacity:1;
}
.wo{
	background-image:url(../src/pfeil3.png);
	background-repeat:no-repeat;
	background-size:18px auto;
	width:18px;
	height:20px;
	transform: scaleY(-1);
	opacity: 0.24;
	position: relative;
	top: -2px;
	cursor:pointer;
	margin:0 6px 0 3px;
	
}
.switch {
    position: relative;
	display: inline-block;
	width: 30px;
	height: 17px;
	top: 4px;
	margin: 0 6px 0 0px;
}
.content .TN-menu label{
	display:none;
}
.switch input {
    display: none;
}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ff9000;
    -webkit-transition: .1s;
    transition: .1s;
}
input:checked + .slider {
    background-color: #8ebf05;
}
.slider::before {
    position: absolute;
	content: "";
	height: 12px;
	width: 12px;
	left: 2px;
	bottom: 2.5px;
	background-color: white;
	-webkit-transition: .1s;
	transition: .1s;
}
input:checked + .slider::before {
    transform: translateX(13.5px);
}
.slider.round {
    border-radius: 24px;
}
.slider.round::before {
    border-radius: 50%;
}
.mitarbeiter-table .head select{
	background-color:#fafafa; 
}
input[type=text]:disabled{
  /* background: #fafafa; */
  color: #aaa;
  cursor: not-allowed;
}

/* klein */

.switch {
  width: 26px;
  height: 14px;
  border-radius: 12px;
  top:2px;
}
.slider:before {
  height: 10px;
  width: 10px;
  left: 2px;
  bottom: 2px;
}
input:checked + .slider:before {
  transform: translateX(12px);
}

input[type=submit], .neu .submit, #overlay .submit{
/* input[type=submit], .neu .submit, #overlay .submit{ */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/* width:95px; */
	border: 1px solid #a44005;
	border-radius: 2px;
	cursor: pointer;
	/* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff9000, endColorstr=#e28a00); */
	font-family: 'Open Sans';
	font-size: 12px;
	line-height: 1px;
	height:24px;
	padding:0 7px;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	color: #fff;
	text-shadow: 0px -1px 0px #EF6223;
	vertical-align: middle;
	background: #ff9000;
	border-color: #EF6223;
 	-webkit-box-shadow: inset 0 1px 0 rgba(239, 239, 239, 0.5), 0 1px 0 rgba(0,0,0,.15);
 	box-shadow: inset 0 1px 0 rgba(239, 239, 239, 0.5), 0 1px 0 rgba(0,0,0,.15);
	letter-spacing:0.7px;
	box-sizing: border-box;
	min-width:110px;
}
button{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:0;
	color:#fff;
	background:#bbb;
	font-size: 12px;
	line-height: 1px;
	height:25px;
	padding:0 7px;
	font-weight: 500;
	text-align: center;
	letter-spacing:0.7px;
	box-sizing: border-box;
	cursor:pointer;
}
#technik_table button{
	background:#ababab;
}
button:hover, button:active{
	background:#ff9000;
}
input[type=submit]:active, #overlay .submit:active, .head-menu input[type=submit]:active, .wrapper .head-menu button:active, .head-menu .submit:active, .submit:active {
	background: #dc8112;
	background: linear-gradient(#dc8112, #ff9000);
	border: 1px solid #a95d00;
	box-shadow: inset 0 1px 0 rgba(239, 239, 239, 0.5), 0 1px 0 rgba(0,0,0,.15);
}
.searchform input[type="text"], #MA_display_value{
	box-sizing:border-box;
	background:#fff url(../src/icons/lupe.png)no-repeat left 7px top 6px;
	background-size: 15px 15px;
	color: #6f6a57;
	height:28px;
	padding: 2px 3px 3px 28px;
	border: 1px solid #f4f4f2;
	border-radius:5px;
	font-size: 13px;
	letter-spacing:-0.5px;
	line-height: 15px;
	box-shadow: 1px 1px 2px #aaa inset;
	/* border-radius: 7px; */
	width:100%;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #989898;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #989898;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #989898;
}
:-moz-placeholder { /* Firefox 18- */
  color: #989898;
}

#searchsubmit, .screen-reader-text{
	display:none;
}
option{
	border-bottom: 1px solid #ccc;
}
button::-moz-focus-inner, input[type=submit]::-moz-focus-inner{
  border: 0;
}

.search-select {
  /* position: relative; */
}
.search-options {
  padding: 5px;
  display: none;
  text-align: left;
  background-color: #fff;
  border: 1px solid #b3c2c2;
  border-radius: 4px;
  box-shadow: 1px 1px 8px #ddd;
  margin: -1px auto 0;
  position: absolute;
  z-index:100;
}
.search-options ul{
  list-style-type: none;
  border:0;
  width:100%;
  max-height: 224px;  
  overflow-y: auto;
  padding:0;
}
.search-options li {
  padding: 2.5px 0 0 6px;
  height:28px;
  line-height:22px;
  border:0;
  background:0;
  box-sizing: border-box;
  overflow:hidden;
  cursor: pointer;
}
.search-options li:hover {
  background-color: #e4e5e5;
  /* background-color: #cdebeb; */
}

/*//////////// H E A D E R (.site-header) //////////////*/

.site-header {
	box-sizing:border-box; 
	padding:4px 0px 0 10px; 
	/* height:100px;  */
	width:100%; 
	background:none; 
	position:relative; 
	z-index:1111; 
	text-align:left; 
	margin:0 0 5px 0; 
	overflow:hidden;
	box-sizing:border-box;
	min-height:28px;
} 
.site-header #menu{
	box-sizing:border-box;
	/* height:19px; */
}
.header-image {
	float:left; 
	height:100px; 
	width:auto; 
	margin-right:5px; 
	border:none; 
	box-shadow:none; 
	position:static;
} 
.header-title{
	font-family: Open Sans Condensed;
	font-weight:700;
	color:#ccc;
	/* text-transform:uppercase; */
}
.site {
	border:0px solid red;
	/* padding:0 10px; */
}
.site-content{
	overflow:visible;
} 
.wrapper{
	box-sizing:border-box; 
	padding:10px 10px 50px 10px;
	clear:both; 
	overflow: hidden; 
	text-align:left;
	border:0px solid blue;
}

/*///////////  L O G I N  ///////////*/

.login{
	width:230px;
	margin:20px auto 0;
	overflow:visible;
}
.login-logo{
	width:210px;
	overflow:visible;
}
.login-form{
	text-align:left;
	width:210px;
	margin: 0 0 0 25px;
}
.login .label{
	padding: 10px 0 2px 0;
}
.login-form .input{
	text-align:center;
	/* text-align:center; */
	box-sizing:border-box;
	padding:2px 5px 5px 5px;
	width: 100px;
}
.login-form .input.email{
	padding-right:7px;
	text-align:center;
}
.login .submit{
	margin:20px 0 0 0;
	width: 100px;
}
.login-form .sufix{
	font-family: Open Sans Condensed;
	font-weight:700;
	color:#ccc;
	font-size:19px;
	line-height:13px;
	/* padding:0 0 0 3px; */
	margin: 0 0 0 4px;
	display:inline-block;
	position:relative;
	top:3px;
}
.help{
	font-size:12px;
	line-height:16px;
	/* height:30px; */
	color:#aaa;
	font-family:"Open Sans";
	font-weight:400;
}
.help h3{
	font-size: 11pt;
	line-height:16pt;
	letter-spacing:-0px;
	font-family: "Open Sans Condensed";
	font-weight:700;
	margin:0 0 -2px 0;
	color:#bbb;
}
.antwort{
	font-size: 10pt;
	line-height:13pt;
	letter-spacing:-0px;
	/* font-family: "Open Sans Condensed";
	font-weight:700; */
	color:#ff9000;
	/* height:30px; */
	margin: 25px 0 0 0;
}

/*/////////  M I T A R B E I T E R  /////////*/

.head{
	margin:0 0 15px;
	clear:both;
	overflow:hidden;
	/* width:620px; */
}
.menu{
	
}
.menu .filter{
	width:100%;
}
.new_user{
	float:right;
	width:50px;
	margin:5px 0 0;
}
#filter_submit{
	display:none;
}
.mitarbeiter-table{
	width:100%;
	margin:0 auto;
	text-align:left;
}
.mitarbeiter-table a, .mitarbeiter-table a:hover, .mitarbeiter-table a:visited {
	text-decoration:none; 
	outline: none; 
	color: #444;
	cursor:pointer;
}
.mitarbeiter-table a:hover, .mitarbeiter-table a:visited.hover {
	text-decoration:underline;
} 
.projekt-zeile{
	margin:5px 0 0;
	overflow:hidden;
	font-size:13.7px;
}
.projekt-zeile.standort{
	margin:10px 0 10px;
	border-bottom: 2px solid #444;
	height:23px;
	width: 615px;
}
.projekt-zeile .kontakt{
	display:inline-block;
}
.projekt-name{
	font-family:Open Sans Condensed;
	font-weight:600;
	font-size:16px;
	line-height:17px;
	box-sizing:border-box;
	height:20px;
	color:#bbb;
	margin:0 0 10px 0;
}
.standort .projekt-name{
	color:#444;
	font-size:17px;
	line-height:16px;
}
.projekt-zeile .kontakt.fon{
	color:#aaa;
	margin:0 15px 0 0;
}
.projekt-zeile.standort .kontakt.fon{
	color:#444;
}
.projekt-zeile .kontakt a, .projekt-zeile .kontakt a:hover, .projekt-zeile .kontakt a:visited {
	color: #aaa;
}
.projekt-zeile.standort .kontakt a, .projekt-zeile.standort .kontakt a:hover, .projekt-zeile.standort .kontakt a:visited {
	color: #444;
}
.visitenkarte #image_row{
	display:none;
}
.mitarbeiter-table .bild,  #image_row .bild{
	border-radius:20px; width:31px; height:31px; border:0px solid red; position:absolute; text-align:center;
	display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
	z-index:1;
	transition: all 0.3s;
	box-shadow: none;
	border:0;
}
.mitarbeiter-table .bild img{
	/* width:30px; margin:0px auto; */
	flex-shrink: 0;
	min-height: 35px;
    max-width: 35px;
	transition: all 0.3s;
}
.mitarbeiter-table .bild.full{
	border-radius:100px; width:100px; height:100px; margin: -50px 0 0 -10px; z-index:11;
	/* border:1px solid #aaa; */
	box-shadow: 1px 1px 2px 0px #ccc;
	/* cursor:crosshair; */
}
.mitarbeiter-table .bild.full img{
	/* width:30px; margin:0px auto; */
	flex-shrink: 0;
	min-height: 100px;
    max-width: 100px;
}
.personal .leitung{
    font-family: "Open Sans Condensed";
    font-weight: 700;
    font-size: 14pt;
    line-height: 17pt;
    letter-spacing: 0;
    cursor: pointer;
    margin: 30px 0 20px 0;
    color: 333;
}

@-moz-document url-prefix() {
	.stammdaten select{
		padding: 0px 22px 1px 2px;
	}
} 
.vorlagen{
	width:60%;
	margin:0 auto;
	text-align:left;
}
/* .vorlagen a{
	color:#333;
}
.vorlagen a span{
	text-decoration:underline;
} */
.vorlagen .icon{
	width:25px;
	height:auto;
	margin:0 1px -3px 0;
}
.vorlagen .row{
	overflow:visible;
}
.vorlagen .screenshot{
	overflow: hidden;
	box-shadow: 1px 1px 4px #ccc;
	background:#fff;
	margin:20px 0 10px;
}
.vorlagen .screenshot img{		
	width: 100%;
}

#image_row .bild{
	border-radius:60px; width:60px; height:60px; margin: -45px 0 0 0px; z-index:11;
	border:0;
	box-shadow:0;
}
.nutzerdaten #image_row .bild {
	margin: 0px 0 0 0px;
	position:static;
}
#image_row .bild img{
	min-height: 60px;
    max-width: 60px;
}
.werkschau{
	margin:4px 0 0 0;
}
.werkschau .modul{
	padding:3px 10px 0 0;
	font-size:12px;
}
.werkschau td{
	/* margin:2px 0 1px; */
	padding:2px 0 0px 0;
}
.werkschau .head{
	padding:4px 4px;
	background:#eee;
	border-top:1px solid #888;
}
.werkschau input[type=text]{
	/* line-height:14px;
	padding:3px 5px;
	height:20px; */
}
.werkschau .modul input, .werkschau select{
	line-height:12px;
	font-size:12px;
	padding:2px 5px 3px;
	height:20px;
	box-sizing:border-box;
}
.werkschau select{
	line-height:1px;
	height:23px;
	margin:7px 0 7px;
	padding:0 0 4px 0;
	width:100%;
}
.werkschau .stunden input{
	width:32px;
}
.werkschau textarea{
	margin:2px 0 0;
}
.werkschau .modul .datum{
	float:left;
}
.werkschau .stunden{
	float:right;
}
.werkschau .protokoll{
	height:85px;
}
.werkschau button{
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0px;
	line-height: 10px;
	height: 21px;
	padding: 1px 5px 2px;
	margin: 2px 0 6px;
	width: auto;
	color: #444;
	border: 1px solid #999;
	border-radius: 2px;
	text-shadow: 0px 1px 0px #eee;
	box-shadow: inset 0 1px 0 rgba(256, 256, 256, 0.4), 0 1px 0 rgba(256,256,256,0.7);
	background: linear-gradient(#fff, #eee);
	text-shadow: 0px 1px 0px #efefef;
}
.werkschau .werkstatt textarea{
	margin: 0 0 6px;
}
.werkschau .submit, .zertifikat-form .submit{
	margin:8px 0 0 0;
}
.zertifikat-form td{
	padding:4px 0;
	vertical-align: middle;
}
.zertifikat-form .label{
/* font-family: Open Sans Condensed;
font-weight: 600;
font-size: 14.5px; */
width:75px;
}
.zertifikat-form .linie div{
	border-top:1px dashed #aaa;
	margin:2px 0 0px;
}
.nutzerdaten{
	width:340px;
	margin:0 auto;
}
.meldung div{
	overflow:visible;
}
#overlay .nutzerdaten{
	width:325px;
	margin:0 auto;
}
#overlay .nutzerdaten div{
	overflow:hidden;
}
.acc{
	background-color: #fafafa;
 	border: 1px solid #ccc;
	box-shadow: 2px 2px 3px 0px #f1f1f1;
	border-radius:3px;
	overflow:hidden;
	box-sizing:border-box;
	padding:0px 0px 3px 8px;
	margin:0 0 5px 37px;
	/* font-size:10.3pt; */
	max-height:33px;
	transition: all 0.3s;
	background-color: #fafafa;
}
.nutzerdaten .acc{
	margin:0 0 5px 0px;
	padding: 1px 12px 14px 12px;
}
.werkschau .acc{
	width:100%;
	margin: 0 0 4px 0px;
}
.open{
	/* max-height:300px; */
	transition: all 0.8s;
	background-color: #fff;
}
.row .open{
	max-height:300px;
}
.nutzerdaten .open{
	max-height:2500px;
}

.werkschau .open{
	max-height:10000px;
}
.werkschau .open{
	max-height:10000px;
}
.plus{
 	float:right;
	margin:7px 10px 0px 0px;
	background:#464646 url(../src/toggle.png)no-repeat  4px 1px;
	width:14px; height:14px;	
	background-size: 84%;		
 	webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
	cursor:pointer;
 	transform: none;
	background-position: 2px -2px;
	background-color: #ff9000;
	transition: all 0.4s ease-in-out;
 }
.nutzerdaten .plus{
	margin:7.5px -2.5px 0px 0px;
}
.open .plus{
 	transform: none;
 	background-position: 2px -20px;
	background-color: #8d8c8c;
	transition: all 0.4s ease-in-out;
 }
.acc .daten{
	padding:0 0 0 0;
	float:left;
	overflow:hidden;
}
.acc .namen, .zertifikat-form .name, .divice-status .namen{
	font-family: "Open Sans Condensed";
	font-weight:700;
	font-size:11.8pt;
	/* line-height:14.5pt; */
	line-height:17pt;
	letter-spacing:0;
	cursor: pointer;
	margin: 3px 0 5px 0;
	color:333;
}
.vorname{
  font-family: Open Sans;
  font-weight: normal;
  font-size: 14.3px;
}
.acc .daten .namen{
	margin: 4px 0 3px 0;
}
.acc .funktion{
	font-style:italic;
	/* font-size:9.8pt; */
	line-height:17px;
	/* margin-top:-3px; */
}
.acc .projekt{
	margin: 5px 0 7px 0;
	font-size:9.7pt;
	line-height:12pt;
}
.kontakt-daten{
	overflow:hidden;
	width:200px;
}
.acc .kontakt{
	padding: 6px 0 0 0;
	min-height:26px;
}
.acc .kontakt{
	border-bottom:1px dashed #aaa;
}
.acc .kontakt:last-of-type{
	border-bottom:0;
}
.acc .first{
	width:174px;
}
.acc .numbers{
	width:160px;
}
.acc .last{
	width:200px;
}
.symbol, .data-item{
	display: table-cell;
	/* height:26px; */
	box-sizing:border-box;
	vertical-align:top;
	padding:0px;
}
.symbol img{
	position:relative;
	width: auto;
	height: 16px;
	margin: 0 3px 0 0;
}
.symbol.fon img{
	height:15px;
	margin: 0 4px 0 0;
}
.symbol.email img{
	height:15px;
}
.symbol.fax img{
	height:16px;
	top:0px;
	margin: 0px 4px 0 0;
}
.symbol.mobil img{
	top:1px;
	left:-1.5px;
	height:19px;
	margin: 0 0 0 0;
}
.symbol.internet img{
	top:1px;
	margin: 0 0 0 0;
}

/*/////////  D A T A - F O R M U L A R  /////////*/

.nutzerdaten {
	/* padding: 5px 0 10px 0; */
	font-size:13px; 	
	line-height:18px;	
} 
.nutzerdaten .form{
	/* padding: 0px 0 10px 0;	 */
	border-top: 1px solid #ccc;
	margin: 2px 0 0;
} 
.form-table{
	/* width:300px; */
	box-sizing:border-box;
	margin:5px auto 0;
}
.nutzerdaten #profil_daten_formular.form{
	/* padding: 0px 0 10px 0;	 */
	border-top: 0;
	margin: 0;
} 
#profil_daten_formular.profil{
	padding-top:70px;
}
#profil_daten_formular .form-table{
	
} 
#profil_daten_formular td{
	padding:3px 0; 
	vertical-align:middle;
} 
#image_row td{
	padding:0;
}
.label{
	width:80px;
}
.checkbox, .checked{
	display:none;
}
.checkbox, .checked {
	margin:0px 0 0 5px;
	padding:0;
}

#profil_daten_formular input[type=text]{
	width:100%;
}
#profil_daten_formular select{
	width:100%;
} 
.auswahl{
	padding: 0px 0 3px 2px;
	border: 1px solid #ccc;
    border-radius: 3px;
    font-family: inherit;
    font-size: 13px;
    line-height: 16px;
    padding: 3px 0 5px 6px;
	min-height:25.6px;
	box-sizing:border-box;
    color: #333;
	background:#fff;
	overflow: hidden;
	position:relative;
}
#projekt_select{
	font-size:13px;
	margin:0 0 10px 0;
}

.projektauswahl option{
	padding: 0px 0 2px 2px;
}
#stammdaten .zeiten, #new_user .zeiten, .technik-typ .zeiten  {
    border-bottom: 1px solid #ccc;
    padding: 4px 0 5px;
    overflow:hidden;
}
.top{
	vertical-align:top;
}
.hidden-fields{
	display:none;
}
.sternchen{
	color:#ff9000;
	padding:0 0 0 2px;
	/* display:inline-block; */
}
.jquery-toggle{
	cursor:pointer;
	/* text-decoration:underline; */
	color:#ff9000;
	font-size:12px;
	/* line-height:1px; */
	padding:0;
	overflow:hidden;
	/* border-bottom:1px solid #ff9000; */
}
.jquery-toggle:active{
	color:#ff6c00;
}
.riqired{
	color:#db04e9;
	display:none;
}
.neu-td td{
	padding:0 !important;
}

.zeugnis{
  /* background-color: #9DC107; */
  background-color: #999;
  background-image: url(../src/auge_weiss.svg);
  background-repeat: no-repeat;
  background-size: 17px;
  background-position: 3px 4.7px;
  display: block;
  width: 24px;
  height: 22px;
  box-sizing: border-box;
  float: right;
  margin: 0 5px 0 0;
  cursor:pointer;
}

/*/////////  V I S I T E N K R T E N  /////////*/

.visitenkarte{
	margin: 0 auto;
	position:relative; left:-7px; box-sizing:border-box; box-shadow: 4px 3px 4px 0px #ccc; margin: 5px 0 10px; width:85mm;
}
#overlay .visitenkarte{
	left:0px;
}
.visitenkarte-form td{
	border-bottom: 1px solid #ccc;
}
.visitenkarte-form .standort td{
	border:0;
	vertical-align: top !important;
	padding: 4px 0 0 !important;
}
.visitenkarte-form .check{
	text-align:right;
}
#karte{
	width:300px; 
	height:194px;
	/* width:85mm; 
	height:55mm; */ 	
	font-size: 8pt;
	line-height: 9.6pt;
	letter-spacing:-0px;
	box-sizing:border-box; 
	background:#fff; 
	color:#98989c; 
	box-shadow: 1px 1px 4px 0px #e2e2e2; 
	border:1px solid e2e2e2; 
	margin:20px 0 20px 0;
	float:left;
} 
#karte #projekt{
	padding:0 0 3pt 0;
}
#karte #fon{
	padding:3pt 0 0 0;
}
#karte #internet{
	padding: 3pt 0 0 0;
}
#karte .kontakt-item{
	display:none;
}
#karte td{
	/* border:1px solid pink; */
}
.links, .rechts{
	/* height:46mm; */
	box-sizing:border-box;
	padding: 0 0 5.5mm 0;
}
.links{
	/* border:1px solid red; */
	padding-left: 6mm;
	width:37mm;
}
.rechts{
	/* border:1px solid blue; */
	width:40mm;
}
#karte .name{
	font-size: 9.7pt;
	line-height:10.4pt;
	letter-spacing:0px;
	font-family: "Open Sans Condensed";
	font-weight:700;
	display:inline-block;
	/* border:1px solid purple; */
}
#karte .funktion{
	/* line-height:7.5pt */
	font-style:italic;
}
.logo{
	height:25mm;
}
.logo-img{
	margin:0 0 -3px -13px;
	/* width:100%; */
	width:33mm;
}
.visitenkarte-form .checkbox, .visitenkarte-form .checked{
	display:inline-block;
	margin: 0px 2px 0 5px;
}
.jquery-toggle.pdf{
	margin:20px 0 20px 0; 
	/* height:50px; */
	float:right;
}
.karten-formular{
	float:left;
}

/*///////////  A D M I N  ///////////*/	

.row{
	overflow:hidden;
	clear:both;
}
.admin-edit{
	margin:0 0 0 0;
	padding:3px 0 15px 0;
	float:right;
	width:100%;
	/* overflow:hidden; */
	transition: all 0.8s;
	height:33px;
	box-sizing:border-box;
}
.edit-tooltip {
    background: #333;
    color: #eee;
    padding: 3px 6px 0;
	margin: -5px 0 0 5px;
	height: 20px;
    display: inline-block;
    box-sizing: border-box;
    opacity: 0;
    position: absolute;
    transition: all 0.25s;
    pointer-events: none;
    z-index: 100;
    font-size: 11px;
    line-height: 12px;
    font-family: Open Sans;
    font-weight: normal;
    text-align: center;
}
.edit-tooltip.in{
    margin: -23px 0 0 -10px;
	opacity:1;
}
.HK-warnung .edit-tooltip.in{
    margin: -30px 0 0 -10px;
	opacity:1;
}
.HK-anfrage .edit-tooltip.in{
    margin: -17px 0 0 -18px;
}
.personal .toggle{
	margin: 0 10px 0 3px;
	cursor:pointer;
	font-size:11px;
	float:left;
	/* position:relative; */
}
.personal .toggle:hover{
	color: #ff8400;
}
.personal .toggle img{
	margin: 0 0 0 0;
	width:18px;
}
.personal .edit.toggle img{
	/* width:14px; */
}
.personal .neu.toggle img{
	width:14px;
	margin-bottom:-1px;
}
.personal .vk.toggle img{
	width:13px;
	margin-top:-2px;
}
.personal .neu.toggle{
	margin:10px 0 0 10px;
	/* float:right; */
}
#error_wrapper{
	position:fixed;
	z-index:6666;
	width:100%;
	height:100%;
	top:30%;
	text-align:center;
	overflow:hidden;
	display:none;
}
#error{
	text-align:left;
	padding:10px;	
	overflow:hidden;
	box-sizing:border-box;
	background-color: #fafafa;
	box-shadow: 2px 2px 15px #594e3a;
	border-radius:3px;
	transition: all ease-out 0.4s;
	margin:30px auto;
	display:inline-block;
	max-width:325px;
}
#error_message{
	position: relative;
	background:#ddd;
	/* background: #eb555c; */
	padding: 9px 10px 10px;
	font-size:14.2px;
	line-height:20px;
	overflow: hidden;
	/* color:#fff; */
	text-align: center;
}
#error_message b{
	font-size:16px;
}
#error_wrapper .submit{
	text-transform:uppercase;
	background:#ff9000;
	border:0;
	text-shadow:none;
	border-radius:0;
	text-transform:uppercase;
	margin:10px 0 0 10px;
	font-size:12px;
	letter-spacing:0.4px;
	/* width:70px; */
	/* float:right; */
}
#error_wrapper .submit.abbrechen{
	background:#aaa;
}
#error_wrapper .submit.abbrechen:hover{
	background:#ff9000;
}
#grey{
	pointer-events: none; 
	overflow:hidden; 
	height:100%; 
	width:100%; 
	background:#56524a; 
	opacity:0; 
	position:fixed; 
	top:0px; 
	left:0px; 
	z-index:110;
	transition: all ease-out 0.35s;	
	/* display:none; */
}
#overlay_wrapper {
    position: absolute;
    z-index: 5555;
    left: -105%;
    width: 100%;
    text-align: center;
    overflow: hidden;
    padding: 0 0 50px 0;
    transition: width ease-out 0.3s, left ease-out 0.35s, opacity ease 0.5s;
}
#overlay{
	/* padding:10px 12px 15px; */
	padding: 7px 12px 15px;
	overflow:hidden;
	background-color: #fff;
 	border: 0;
	box-shadow: 2px 2px 15px #594e3a;
	border-radius:3px;
	transition: all ease-out 0.4s;
	margin:70px auto 0;
	width:350px;
	box-sizing:border-box;
	position:relative;
	text-align:left;
}
.overlay-head {
    width: 100%;
    height: 22px;
    padding: 0px 0px 7px 0;
    margin: 0;
    z-index: 112;
    /* text-align: right; */
	position:relative;
	overflow:visible;
}
.overlay-title{
	/* float: left; */
	margin: 0 0 0 px;
	font-family: Open Sans Condensed;
	font-weight: 700;
	font-size: 17px;
}
.overlay-title:first-letter{
	text-transform:capitalize;
}
.overlay-title-name{
	font-family:Open Sans; font-weight:normal; font-size:13.6px; margin:0 0 0 4px;
}

#close{
	background:url('../src/close.svg') no-repeat right;
	background-size:15px 15px;
	/* width:60px; */
	width:0px;
	height:18px;
	padding:1px 18px 0 0;
	position:absolute;
	top: 3.5px;
	right: -2px;
	z-index:112;
	text-align:right;
	font-size:12px;
	color:#ff9000;
	cursor:pointer;
}

/* #overlay.HK{
	background-color: #fafafa;
} */

.HK-liste, .kontakt-liste{
	max-width:643px;
	margin: 0 auto;
	text-align: left;
}
.HK-extern .HK-liste{
	max-width:620px;
}
.HK-liste.projekt-einsaetze{
	max-width:620px;
}
.HK-liste button{
	/* padding:0; */
}
.HK-liste .filter-menu{
	display:none;
	clear:both;
}
.HK-liste div{
	/* overflow:hidden; */
}
.HK-liste button{
	letter-spacing:1px;
}
.HK-liste input[type=date]{
	padding: 0 3px 0 4px;
}
.HK .acc{
	height:auto;
	max-height:none;
}

.HK .form {
  margin:1px 0 0;
  /* padding: 5px 6px 4px 7px; */
  padding: 0 0 0 8px;
  /* background: #c2c2bb; */
  overflow: hidden;
}
.HK .form .label, #overlay.HK label {
  display: block;
  font-family: Open Sans Condensed;
  font-weight: 600;
  letter-spacing: 0.4px;
  color: #fff;
  margin: 0px 2px 5px 1px;
  font-size: 16px;
  line-height: 18px;
}
 #overlay .projekt-name {
	 margin:0;
 }
.HK .form input[type=text], .HK .form select, .HK .form input[type="date"], .HK .form input[type="time"], .HK .form input[type="number"]{
	margin: 3px 0 3px;
	width:100%;
	font-size:13px;
	text-align:left;
	height: 25px;
	box-sizing: border-box;
}
.HK .disabled{
	background: #f4f4f4;
}
.HK input:disabled{
	background: #f4f4f4;
	color: #444;
}
.HK li{
	background-position: 0px 8px;
}
.HK .form .datum {
  display: inline-block;
  padding: 1px 0px 2px 0px;
  font-family: Open Sans;
  font-weight: normal;
  font-size: 12px;
  width:55px;
}
.HK .form .datum.jahr {
	width:73px;
	margin:0;
	position:static;
}
.HK .form .datum.jahr {
	width:73px;
	margin:0;
	position:static;
}
.HK .acc {
	margin: 0 0 5px;
	padding:0;
	background-color:#fff;
}
.HK .open {
  margin: 0 0 12px;
}
.HK-checkliste{
	border-top:1px solid #bbb; margin:5px 0 0; padding:2px 0 0; clear:both;
}
.einsatz_entry .HK.open {
  margin: 0;
}
.einsatz_feld{
	appearance: none;
    border: 1px solid #ccc;
    border-radius: 2px;
	margin: 3px 0 3px;
    width: 100%;
    font-size: 13px;
    text-align: left;
    height: 25px;
    box-sizing: border-box;
	color: #555;
	background:#fff;
	padding: 2px 0 0 6px;
	cursor: not-allowed;
	overflow:hidden;
}
.HK .plus{
	margin: 8.5px 10px 0px 0px;
}
.HK-stammdaten-status{
	margin: 6px 8px 0px 0px;
	float: right;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	background-size: 100%;
	border-radius: 10px;
	cursor: pointer;
	transform: none;
}
.HK-stammdaten-status.ok{
	background-image: url(../src/HK-icons/ok.svg);
}
.HK-stammdaten-status.angaben_fehlen{
	background-image: url(../src/HK-icons/angaben_fehlen.svg);
}
.HK-stammdaten-status.freigabe_fehlt{
	background-image: url(../src/HK-icons/freigabe_fehlt.svg);
}
.HK-stammdaten-status.zeugnis_fehlt{
	background-image: url(../src/HK-icons/zeugnis_fehlt.svg);
}

.HK .namen {
	padding: 1px 0 0 8px;
	margin: 3px 0 5px 0;
	/* width:250px;	 */
	box-sizing: border-box;
	/* float:left; */
}
.HK.HK_neu .namen {
	float:none;
}
.einsatz_entry .HK .namen {	
	padding: 0.5px 0 0 5px;
	margin: 5px 8px 0;
	width: auto;
	background: #fff;
	height: 25px;
	position:relative;
	float:none;
}
.einsatz_entry .HK .HK-toggle, .HK-anfrage {	
	width: 14px;
	height: 14px;
	float: right;
	background-image: url(../src/toggle_arrow.svg);
	background-repeat: no-repeat;
	background-position: top 4px right 0px;
	background-size: 14px auto;
	margin: 4.5px 10px;
	transition: all 0.5s;
	/* border: 1px solid #000; */
}
.einsatz_entry .HK.open{	
	background:none;
}
.einsatz_entry .HK.open .HK-toggle {	
	transform: rotate(-180deg);
}
.HK-anfrage, .HK-einsatz-status, .HK-buchung, .HK-rechnung, .HK-warnung{
	background-image: url(../src/icons/anfrage-anfragen-edit.svg);
	background-repeat:no-repeat;
	background-size: 25px;
	background-position: 0 0;
	width: 25px;
	height: 20px;
	cursor: pointer;
	position: absolute;
	z-index: 5;
	right: 80px;
	top: 1px;
	margin: 0;
}
.HK-menu .HK-anfrage{
	background-size: 22.5px;
	background-position: 1.7px 2px;
}
.HK-menu .HK-rechnung {
  background-size: 21.5px;
  background-position: 0px 0px;
}
.HK-menu .HK-vertrag{
	height:25px;
	width:21px;
	margin: -2px 0px 0 !important;
	background-size: 18.5px;
}
.HK-anfrage.polizei{
	background-image: url(../src/icons/anfrage-polizei-edit.svg);
}
.HK-anfrage.angefragt{
	background-image: url(../src/icons/anfrage-angefragt-edit.svg);
}
.HK-anfrage.zugesagt{
	background-image: url(../src/icons/anfrage-zugesagt-edit.svg);
}
.HK-anfrage.abgesagt{
	background-image: url(../src/icons/anfrage-abgesagt-edit.svg);
}
/* .HK-anfrage.gebucht{
	background-image: url(../src/icons/HK-einsatz-gebucht.svg);
	background-size: 19px;
	background-position: 1px 2px;
	height: 22px;
} */
.HK-anfrage.gebucht{
	background-image: url(../src/icons/HK-gebucht-edit.svg);
	background-size: 21px;
	background-position: 3px 1px;
	height: 22px;
}
.HK-warnung{
	background-image: url(../src/icons/email-anfrage-warnung.svg);
	right: 80px;
	z-index: 6;
}
.HK-einsatz-status{
    background-size: 16px;
    width: 16px;
    height: 16px;
    z-index: 3;
    right: 10px;
    top: 8px;
}
.HK-einsatz-status.angefragt{
	background-image: url(../src/icons/HK-angefragt.svg);
}
.HK-einsatz-status.zugesagt{
	background-image: url(../src/icons/HK-zugesagt.svg);
}
.HK-einsatz-status.abgesagt{
	background-image: url(../src/icons/HK-abgesagt.svg);
}
.HK-einsatz-status.gebucht{
	background-image: url(../src/icons/HK-einsatz-gebucht.svg);
}
.HK-einsatz-status.storniert{
	background-image: url(../src/icons/einsatz-storniert.svg);
}
.HK-buchung, .HK-rechnung{
    background-size: 20.5px 20.5px;
	width: 21px;
	height: 22px;
	z-index: 3;
	right: 30px;
	top: 1.5px;
}
.HK-buchung{
	right: 55px;
	z-index: 4;
}
/* .HK-buchung.buchen{
	background-image: url(../src/icons/HK-buchen.svg);
}
.HK-buchung.gebucht{
	background-image: url(../src/icons/HK-gebucht.svg);
} */
.HK-buchung.storniert{
	background-image: url(../src/icons/HK-storniert.svg);
}
.HK-rechnung{
	background-image: url(../src/icons/HK-rechnung.svg);
}
.HK-rechnung.ok{
	background-image: url(../src/icons/HK-rechnung-ok.svg);
}
.HK-vertrag{
	background-image: url(../src/icons/HK-vertrag_edit.svg);
}
.HK-row{
	background:#cbcbcb;	
	position:relative;
	padding: 1px 0px 0px 0;
	clear:both;
	overflow:hidden;
}
.HK-stammdaten{
	padding: 2px 0px 15px 0;
	overflow:hidden;
}
.HK-stammdaten div{
	overflow:hidden;
}
.HK-checkliste{
	border-top:1px solid #bbb; margin:5px 0 0; padding:2px 0 0; clear:both;
}
.HK-row .form{
	padding: 0px 2px 0px 7px;
	/* background:#d3d3cc; */
}
.HK-row .einsatz_entry_content .form{
	padding: 0 0 0 7px;
	/* background:#d3d3cc; */
}
.einsatz_entry_content{
	overflow:hidden;
}
.HK-block{
	width:303px;
	float:left;
	box-sizing:border-box;
}
.einsatz_entry .HK-block{
	width:305px;
}
.einsatz_entry .HK-stammdaten .HK-block{
	width:303px;
}
.personal .HK-block{
	width:287px;
}
.filter-menu .HK-block{
	width:317px;
}
.HK-block .namen {
	padding: 1px 0 0 8px;
	margin: 5px 0 2px 0;
}
.HK-block .kategorie {
	padding: 1px 0 0 8px;
	margin: 5px 0 2px 0;
	color: #747370;
	font-family: "Open Sans Condensed";
	font-weight: 700;
	font-size: 11.8pt;
	line-height: 17pt;
	letter-spacing: 0;
	cursor: pointer;
}
.HK label{
	font-family: Open Sans Condensed;
	font-weight: 700;
	color: #777;
	font-size: 13.8px;
}
.HK input[type="text"], .HK select{
	height:25px;
	/* width:100%; das funktioniert nicht für rechnungsansicht */
	font-size:13px;
}
.HK .form input.mehrfach{
	width:272px;
}
.HK .form .mehrfach-auswahl{
	background-color: #fff;
	min-height: 25px;
	margin: 3px 0 3px;
	padding: 2px 7px 4.5px;
	font-size: 13px;
	line-height: 17px;
	box-sizing: border-box;
	background-image:url(../src/icons/edit.svg);
	background-repeat: no-repeat;
	background-size: 16.5px;
	background-position: top 3px right 4px;
	cursor:pointer;
}
.nurlesen{
	background-color: #fff;
	min-height: 24px;
	margin: 3px 0 3px;
	padding: 2px 7px 4.5px;
	font-size: 13px;
	line-height: 17.5px;
	box-sizing: border-box;
}
.HK .upload-field{
	position:relative;
}
.HK .upload-btn-wrapper{
	margin:5px 0 0;
	float:right;
	position:relative;
	cursor:pointer;
}
.HK .HK_einsatz.einsatz_entry .upload-btn-wrapper {
  margin: 2px 5px 0 0;
  float:left;
}
.checkliste .upload-btn-wrapper{
	margin:1px 0 0;
}
.HK .upload-btn-wrapper input[type="file"] {
	width: 20px;
	height: 20px;
}
.HK .upload-btn, .HK .upload-btn-wrapper a, .HK .nachweis, .HK .download-btn, .HK .send-account-login{
	width:20px;
	height:20px;
	margin:1px 0 0;
	background-image: url(../src/icons/upload_weiss.svg);
	background-repeat:no-repeat;
	background-size: 14px;
	background-position: 3px 2px;
	background-color:#888;
	cursor:pointer;
}
.HK .send-account-login{
	background-image: url(../src/icons/email.svg);
	background-size: 20.5px;
	background-position: 0px 0px;
	background-color:#9DC107;
}
.HK .download-btn{
	background-image: url(../src/icons/download_weiss.svg);
}
.HK .upload-btn-wrapper a, .HK .upload-btn-wrapper a:hover, .HK .upload-btn-wrapper a:visited, .HK .upload-btn-wrapper a:active, .HK .nachweis{
	background-color:#9DC107;
	background-image: url(../src/auge_weiss.svg);
	background-size: 17px;
	background-position: 1px 4px;
	display:block;
}
.HK .plus-btn{
	width: 15px;
	height: 15px;
	margin: 2px 5px 0 0px;
	background-image: url(../src/icons/plus.svg);
	background-repeat: no-repeat;
	background-size: 9px;
	background-position: 3px 3px;
	background-color: #888;
	float: left;
	cursor: pointer;
}
.HK .save{
	display:none;
}
.HK .changed .save{
	display:block;
}
.HK-menu{
	float:right;
	margin: 6px 7px 0 0;
}
.HK-menu-item{
	float:right;
	margin:0 0 0 10px;
	color:#ff9000;
	cursor:pointer;
}
.HK .einsatz_entry{
	position:relative;
	background:#fff;
}
.HK .einsatz_entry .einsatz-toggle, .HK .toggle{
	padding: 3px 0 4.4px 5px;
	/* background: #bdbdb5; */
	background: #bdbdba;
	margin: 0;
	cursor: pointer;
	border-top: 5px solid #fff;
	font-family: "Open Sans Condensed";
	font-weight: 700;
	font-size: 11.2pt;
	line-height: 11pt;
	overflow:hidden;
	/* letter-spacing: 0.2px; */
}
.HK .einsatz_entry .einsatz-toggle.monat-toggle{
	background: #939691;
	color:#fff;
}
.HK .einsatz-monat{
	
}
.HK .toggle{

}
.HK .einsatz-jahr .toggle{
	color: #333;
	background: #bdbdb5;
	padding: 4px 0 5px 5px;
}
.HK .einsatz-monat .toggle{
	color: #75756b;
	background: #d3d3cc;
	padding: 3px 0 6px 5px;
}
.HK .monat-entries, .HK .jahr-entries{
	display:none;
}
.einsatz-toggle .einsatz-datum{
	display:block; 
	margin: 0 7px 2px 0;
	float:left; 
	font-family: Open Sans;
	font-weight: normal;
	font-size: 13.6px;
	overflow:hidden;
}
.HK .einsatz_entry .einsatz_entry_content{
	/* background:#d3d3cc; */
	/* background: #d6d4cf; */
	background: #d5d5d5;
	/* border-top: 1.5px solid #7e7d7b; */
	display:none;
	padding: 1px 0 10px;
	clear:both;
}
.HK-count-menu{
	float:right;
}
.HK-count{
	width: 16px;
	height: 16px;
	margin:0 3px 0 0;
	background: #fff;
	box-sizing: border-box;
	text-align: center;
	font-family:Open Sans condensed;
	font-weight:600;
	float:right;
	font-size: 13px;
	padding: 0.5px 0 0;
	color:#fff;
}
.HK-count.soll-count{
	background:#666;
}
.HK-count.angefragt-count{
	background:#999;
}
.HK-count.zugesagt-count{
	background:#9DC107;
}
.HK-count.abgesagt-count{
	background:#ff9000;
}
.HK-count.gebucht-count{
	color:#444;
}
/* .HK .einsatz_entry .einsatz_entry_content.second{
	background:#e6e6dc;
} */
.einsatz-count {
	width: 24px;
	height: 19.5px;
	text-align: center;
	font-family: "Open Sans Condensed";
	font-weight: 700;
	font-size: 12px;
	line-height: 17px;
	box-sizing: border-box;
	color: #fff;
	float: right;
	margin: 6px 10px 0 0;
}
.rav #close{
	right:28px;
}
.medienbildung .wrapper{
	width:1170px;
}
.rav .wrapper{
	width:1220px;
}
.documente.brief .wrapper{
	
}
/*///////////  C S C  ///////////*/	

.csc .wrapper{
	width:100%;
	width:1300px;
}
.alle{
	border-bottom:1px solid #9c9b81;
}
.teilnehmer-table {
	width:100%;
	margin:0 0 0 0;
	border-top:1px solid #666;
	border-left:1px dotted #777;
}
.teilnehmer-table input{
	/* height:20px; */
	box-sizing:border-box;
}
.teilnehmer-table select{
	font-size:11.5px;
	padding: 0px 0px 1.5px 0px;
	height:21.6px;
}
.teilnehmer-table option{
	height:17px;
}
#menu-head{
	background:#6a6964;
	background: linear-gradient(#8e8c81, #6a6964);
	text-shadow: 0px -1px 0px #3c3b39;
	color:#eee;
	padding:2px 0 3px 3px;
	box-sizing:border-box;
	border:1px dotted #888;
	border-bottom:1px solid #000;
	border-top:1px solid #4f4e4a;
	font-size:11px;
	line-height:10px;
	z-index:222;
	top:0;
	/* box-shadow: inset 0 12px 0 rgba(239, 239, 239, 0.15), 0 1px 0 rgba(256,256,256,0.3); */
}
.csc #menu-head{
	width:1300px;
}
#menu-head td{
	padding:0px 4px 0 0;
	vertical-align:middle;
}
#menu-head select, #menu-head .searchform input[type="text"]{
	padding:0 5px 0 0;
	line-height:1px;
	font-size:11.5px;
	height:22px;
	border-top-color:#6a6964;
	border-left-color:#6a6964;
	border-bottom-color:#9a9994;
	/* background:#7e7c71; */
}
#menu-head select{
	/* color:#eee; */
}
#menu-head option{
	line-height:1px !important;
}
#menu-head .searchform input[type="text"]{
	background: #fff url(../src/icons/lupe.png)no-repeat left 4.5px top 4px;
    background-size: auto auto;
	background-size: 13px 13px;
	padding: 2px 3px 0px 22px;
	border-radius:3px;
	border:0;
	height:20px;
	margin-top:1px;
	width:230px;
}

#menu-head .head-menu select{
	cursor:pointer;
	color:#efefef;
	background:#6a6964;
	height:21px;
	font-size:11px;
	/* line-height:1px; */
	border:1px solid #000;	
	border-radius: 2px;
	text-shadow: 0px -1px 0px #3c3b39;
	background: linear-gradient(#8e8c81, #6a6964);
	border-color: #000;
 	box-shadow: inset 0 1px 0 rgba(256,256,256,0.3), 0 1px 0 rgba(256,256,256,0.3);
	letter-spacing:0.5px;
	/* -webkit-appearance:none; */
	-moz-appearance:none;
	padding:0px 4px 2px 0px;
	text-align:center;
}
#menu-head .alphabet-menu{
	padding:0 0 0 0px;
	width:56px;
}
#menu-head .zeitraum-menu, #menu-head .filter{
	padding:0 5px 0 0px;
	width:130px;
}
#menu-head .event-menu{
	padding:0 0 0 0px;
	width:460px;
}
#menu-head .gesamt{
	width:350px;
	padding: 0 5px 0.5px 5px;
}
#menu-head .alphabet-menu select{
	width:50px;
}
#menu-head .filter button{
	padding:3px 0 4px 0px;
	width:100%;
}
#filter select{
	text-align:left;
	width:100%;
	font-size:11.5px;
	padding: 0px 0px 3px 0px;
	height:21px;
}
#filter td{
	height:25px;
	box-sizing:border-box;
}
#menu-head .event-menu select{
	width:455px;
	padding:0px 5px 2px 7px;
	text-align:left;
}
#menu-head .event-menu option{
	padding:0px 0px 2px 5px;
}
#menu-head option, #menu-head .event-menu option, #menu-head .zeitraum-menu option, #filter option{
	text-shadow: 0px 0px 0px #fff;
	letter-spacing:0;
	color:#333;
	background:#fff;
	height:18px;
	border-bottom:1px solid #ccc;
	text-align:left;
}
#menu-head .alphabet-menu option{
	text-align:center;
}
#menu-head .neu{
	/* text-align:right; */
	width:40px;
	padding: 0 5px 0 0;
}
#menu-head .speichern{
	padding: 0 4px 0 0;
	width:112px;
}
#menu-head .excel{
	padding: 0 4px 0 3px;
	width:124px;
	text-align:right;
}
#menu-head .excel button{
padding: 2px 0 4px 2px;
width:125px;
}
#menu-head .neu button{
	width:40px;
}
#menu-head .speichern button{
	width:110px;
}
#menu-head input[type=submit], #menu-head button{
	border: 1px solid #000;
	border-radius: 2px;
	cursor: pointer;
	/* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff9000, endColorstr=#e28a00); */
	font-family: 'Open Sans';
	font-size: 11px;
	line-height: 1px;
	height:21px;
	font-weight: 500;
	text-align: center;
	text-align: center;
	text-decoration: none;
	color:#efefef;;
	text-shadow: 0px -1px 0px #3c3b39;
	vertical-align: middle;
	padding:3px 0 4px;
	background: #6a6964;
	background: linear-gradient(#8e8c81, #6a6964);
	border-color: #000;
 	box-shadow: inset 0 1px 0 rgba(256,256,256,0.3), 0 1px 0 rgba(256,256,256,0.3);
	letter-spacing:0.8px;
}

#menu-head input[type=submit]:active, #menu-head button:active{
	border: 1px solid #000;
	text-shadow: 0px -1px 0px #EF6223;
	vertical-align: middle;
	background: #ff9000;
 	box-shadow: inset 0 1px 0 rgba(0,0,0,.15), 0 1px 0 rgba(239, 239, 239, 0.5);
}
.grau{
	background:#f3f2df;
}
.blau{
	background:#e1e0c6;
}
.kontakt-table table {
	margin:0 0 0 0;
}
.teilnehmer-table td{
	border:0;
	font-size:12px;
	vertical-align:top;
	height:auto;
	height:26.9px;
	border-right: 1px dotted #aaa;
}
.teilnehmer-table table td{
	border:0;
	padding:2px 3.5px 2.5px 3px;
	box-sizing:border-box;
	border-bottom: 1px dotted #aaa;
	vertical-align:middle;
}
/* .teilnehmer-table table tr:last-child td{
	border-bottom: 0;
} */
.teilnehmer-table table td table td{
	height:auto;
}
.teilnehmer-table table .table-head td{	
	font-family:'Open Sans Condensed';
	font-weight:700;
	font-size:12.5px;
	color:#555;
	padding: 1.5px 3.5px 3.5px 7px;
	border-bottom: 1px dotted #333;
	box-sizing:border-box;
	vertical-align:bottom;
}
.teilnehmer-table  table .table-head .name{
	width:170px;
	color:#333;
	padding-left:3px;
}
.teilnehmer-table .vorname{
	font-family:'Open Sans';
	font-size:12px;
	line-height:16px;
	font-weight:normal;
}
.teilnehmer-table .nachname{
	font-size:13.5px;
	line-height:14px;
}
.teilnehmer-table table .table-head .submit{
	width:30px;
	padding: 0 0 0 3px;
}
.teilnehmer-table table .table-head .number{
	width:22px;
	font-family:Open Sans;
	font-size:11.5px;
	font-weight:normal;
	color:#333;
	padding:0 0px 0 5px;
	vertical-align:middle;
	text-align:center;
}
.teilnehmer-table a{
	text-decoration:underline;
	color:#9f4b98;
	cursor:pointer;
}
.teilnehmer-table .label{
	padding-left:7px;
}
.teilnehmer-table table .label{
	width:50px;
}
.teilnehmer-table .ampel{
	/* padding:6.3px 3px 2px; */
	/* height:25.5px; */
}
.kontakt-table{
	width:200px;
}
.teilnehmer-table .kontakt-table table table td{
	padding:0;
}
.teilnehmer-table .adresse {
	width:170px;
}
.teilnehmer-table .adresse td{
	padding:0;
	border:0;
}
.strasse .teilnehmer-kontakt input{
	width:125px;
}
.strasse .teilnehmer-kontakt .PLZ {
	width:42px;
	padding-left:3px;
	float:right;
}
.teilnehmer-table .kontakt-symbol{
	vertical-align:middle;
	width:20px;
	padding: 3px 1px 1.5px 0px;
}
.teilnehmer-table .kontakt-symbol img{
	width:20px;
	height:auto;
}
.rechnung-table{
	width:120px;
}
.rechnung-table .rechnung{
	text-align:right;
}
.formulare-table{
	width:130px;
}
.person-table{
	width:170px;
}
.esf-table td{
	vertical-align:middle;
}
.esf-table select{
	width:100%;
	margin:3px 0 0 0;
}
.esf-table label{
	cursor:pointer;
}
.teilnehmer-table .esf-table input[type=radio]{
	height:7px;
	position:relative;
	margin:0;
	top:1px;
}
.esf-toggle, .beratung-toggle, .buchung-neu, .add-boocking-toggle{
	cursor:pointer;
	text-decoration:underline;
	font-family: Open Sans;
	font-weight:normal;
	color:#333;
	font-size:11.7px;
	/* color:#74639b; */
}
.esf-table, .beratung-table, .add-boocking-table{
	display:none;
}
.teilnehmer-table .beratung-table table .info-item{
	padding: 3px 0px 4px 0px;
}
.teilnehmer-table .beratungstermin .info {
	border:0;
}
.event-table{
	width:440px;
}
.teilnehmer-table .event-table td{
	line-height:13.5px;
	vertical-align:middle;
	padding: 1.5px 3.5px 2.8px 3px;
}
.teilnehmer-table .event-table .table-head td{
	line-height:17.5px;
}
.teilnehmer-table .event-table .table-head .teilgenommen{
	text-align:right; font-weight:normal; font-family:'Open Sans'; font-size:12px; color:#333; width:255px;
}
.teilnehmer-table .event-table .label{
	width:122px;
}
.teilnehmer-table .event-table .check{
	vertical-align:middle;
	width:30px;
}
.teilnehmer-table .event-table .event-name{
	width:165px;
}
.teilnehmer-table .event-table .beratungstermin .datum{
	width:192px;
}
.teilnehmer-table .event-table .stunden{
	text-align:right;
	width:20px;
	vertical-align:middle;
}
.teilnehmer-table .event-table .label{
	padding-left: 9px;
}
.verbleib-table{
	width:130px;
}
.teilnehmer-table  .verbleib-table .table-head td{
	/* padding: 2px 3.5px 3px 9px; */
	/* height:27.2px; */
	box-sizing:border-box;
}
.teilnehmer-table .verbleib-table .label{
	width:80px;
}
.teilnehmer-table .verbleib-table .table-head .label{
	/* display:inline-block; */
	float:left;
	/* padding:1.7px 0 0 0; */
	width:50px;
}
.teilnehmer-table .verbleib-table input{
	margin-right:3px;
	font-family: Open Sans;
	font-size: 11.5px;
	float:right;
}
.teilnehmer-table .verbleib-table .zertifikat{
	/* text-align:right; */
	padding-right:9px;
}
.teilnehmer-table .verbleib-table .zertifikat input[type=checkbox]{
	margin-right:5px;
	float:right;
	position:static;
}
.teilnehmer-table input, textarea{
	/* padding:4px 5px 3px 5px; */
	border-color:#ccc;
	width:100%;
	box-sizing:border-box;
	/* font-size:11.5px; */
	/* line-height:15px; */
	overflow:hidden;
	/* text-align:right; */
	/* margin:0; */
}
.teilnehmer-table .date input{
	width:57px;
	padding: 1px 4px 1px 4px;
}
.teilnehmer-table input[type=checkbox]{
	/* margin:0 0 0 0; */
	height:11px;
	position:relative;
	top:2px;
}
.teilnehmer-table .submit input[type=submit]{
	width:16px;
	height:16px;
	margin:-10px 0 0 0;
	padding:0;
	background:none;
	background:url('https://wetek.de/toolbox/src/icons/save.gif') no-repeat right;
	border:0;
	border-radius:0;
} 
.teilnehmer-table .submit:active{
	background:none;
	border:0;
}
.teilnehmer-table .submit input[type=submit]:active{
	background:none;
	background:url('https://wetek.de/toolbox/src/icons/save_active.gif') no-repeat right;
} 
.teilnehmer-table .sparte{
	width:60px;
}
.teilnehmer-table .rg-betrag{
	width:50px;
}
.geburtsdatum .label, .rg-zugestellt, .ze, .austritt, .zertifikat{
	width:80px;
}
.einwilligung, .fb-person, .bildrechte, .verbleib{
	width:75px;
}
.teilnehmer-table .beratungen{
	width:30px;
}
.teilnehmer-table .beratungen input, .teilnehmer-table .stunden input,  .stunden input{
	width:30px;
	text-align:right;
}
.teilnehmer-table .datepicker, .werkschau .datepicker{
	box-sizing:border-box;
	width:60px;
}
.teilnehmer-table .kontakt-name{
	width:50%;
}
.ampel input[type='radio']:checked,
.ampel input[type='radio']:not(:checked) {
  /* background: transparent; */
  position: relative;
  visibility: hidden;
  display:none;
  margin:0;
  padding:0;
}
input[type='radio']{
  /* width:10px; */
  display:inline-block;
}
.ampel input[type='radio']:checked + label::before,
.ampel input[type='radio']:not(:checked) + label::before {
    content:' ';
    display:inline-block;
    width: 11px;
    height:11px;
    position: relative;
    top:0px;
    border: 1px solid #bbb;
    background: white;
    margin: 0;
    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);
	cursor: pointer;
}
.ampel input[type=radio]:checked + label::before,
.ampel input[type=radio]:not(:checked) + label::before {
  border-radius: 11px;
}
.ampel input[type='radio']:hover  + label::before {
  background:#ccc;
  box-shadow: inset 0 0 0 2px white;
}
.red input[type='radio']:checked  + label::before {
  background:#dc7130;
}
.yellow input[type='radio']:checked  + label::before {
  background:#f6dd4f;
}
.green input[type='radio']:checked  + label::before {
  background:#9aa754;
}
.visitenkarte .red input[type='radio']:checked  + label::before {
  background:#ff9000;
}
.blau .event-table button, .grau .event-table button{
	font-size:11.5px;
	/* font-weight:300; */
	letter-spacing:0.45px;
	line-height:10px;
	height:20px;
	padding: 1px 0 1px 0;
	margin:0px 1px 0 0;
	width:75px;
	color:#444;
	border-color: #999;
	border-radius:2px;
	text-shadow: 0px 1px 0px #eee;
	box-shadow: inset 0 1px 0 rgba(256, 256, 256, 0.4), 0 1px 0 rgba(256,256,256,0.7);
	
}
.blau .event-table button{
	background: #e1e0c6;
	background: linear-gradient(#e1e0c6, #d4d3ba);
}
.grau .event-table button{
	background: #f3f2df;
	background: linear-gradient(#f3f2df, #e6e5c4);
	text-shadow: 0px 1px 0px #efefef;
}
.add-booking{
	display:none;
}
.add-booking table td{
	/* padding: 2.5px 3.5px 3.5px 3px; */
	vertical-align:middle;
}
.add-booking option{
	width:100%;
}
.csc #overlay{
	width:230px;
	padding: 21px 22px 17px 21px;
	margin-bottom:30px;
}
.csc #close{
	width:17px;
	right:auto;
	top:5px;
	left:232px;
}
.neu{
	border:0;
}
.neu{
	border:0;
}
.neu .add-boocking-table button{
	background:transparent;
	color:#999;
	letter-spacing:0;
	border:1px solid #aaa;
	padding: 3px 0.5px 5px 0px;
	text-shadow:none;
	box-shadow:none;
	font-size:18px;
	line-height:1px;
	margin:0 0 0 3px;
	height:21px;
	width:21px;
	cursor:pointer;
}
.teilnehmer-table .add-boocking-table  td{
	vertical-align:bottom;
	line-height:15px;
	height: 20px;
	padding: 4px 0 3px 0;
	border-bottom: 1px dotted #aaa;
}
.add-boocking-toggle{
	margin:2px 0 0;
}
.teilnehmer-table .add-boocking-table .datum{
padding:8px 0 0 0; 
font-family:Open Sans Condensed;
font-weight:700;
font-size:12.5px;
border-bottom: 1px solid #333;
}
.teilnehmer-table .add-boocking-table .beratungstermin td{
	padding: 2px 0px 3px 0px;
	border:0;
}
.teilnehmer-table .add-boocking-table .beratungstermin.erste td{
	border-bottom:1px dotted #aaa;
	padding:3px 0 5px 0;
}
.teilnehmer-table .add-boocking-table .beratungstermin .web{
	border-bottom:1px dotted #aaa;
	padding-bottom:7px;
}
.teilnehmer-table .add-boocking-table .beratungstermin .datum{
	padding: 3px 0 3px 0;
}
.teilnehmer-table .add-boocking-table .datepicker {
	width:100px;
}
.teilnehmer-table .add-boocking-table .datepicker {
	width:105px;
	float:right;
	margin-right:3px;
}
.teilnehmer-table .add-boocking-table .stunden, .teilnehmer-table .add-boocking-table .stunden input[type=text]{
	width:20px;
}
.add-boocking-table .new-event-bookings{
	margin-bottom:5px;
}
.neu .esf-table{
	margin:0 0 10px;
}
.neu .esf-toggle{
	margin:12px 0 5px;
}
.neu .label{
	width:70px;
	padding:0px;
}
.neu select{
	width:100%;
}
.neu td, .neu table td{
	border:0;
	/* padding: 2px 0 2px 0; */
	vertical-align:middle !important;
	/* border-bottom: 1px dotted #aaa; */
}
.neu .esf-table td{
	border:0;
	padding:1px 0 1px 0;
}
.teilnehmer-table.neu input[type="text"], .teilnehmer-table .beratung-table input[type="text"], .teilnehmer-table .beratung-table textarea{
	text-align:left;
	font-family:Open Sans;
}
.ausbildung{
	margin:3px 0.5px 4px 0;
	padding:5px 5px 3px 5px;
	border-radius: 0px;
	background:#fff; 
	padding:3px; 
	border: 1px solid #bcbcbc;
}
.berufe{
	/* width:225px; */
}
#new, .wie-oben {
    color: #368ba4;
}
.wie-oben {
    font-size: 11px;
    font-size: 11px;
    letter-spacing: 0px;
    margin: 10px 0 0 0;
    margin: 0;
    text-decoration: underline;
    float: right;
    cursor: pointer;
	display:none;
}
/*///////////  E D I T O R  ///////////*/	

.editor{
	width:1300px;
	background:#9b9a94;
	box-shadow: 0px 0px 5px #555 inset;
	margin:0 auto;
	overflow: hidden;
	border-right: 1px solid #c5c5c5;
}
.editor  #menu-head {
    position:static !important;
}
.editor  #menu-head td {
    padding: 0px 6px 0 0;
	padding: 1px 10px 1px 0;
    vertical-align: middle;
}
#menu-head .head-menu.button button{
	padding: 3px 7px 4px;
}
.editor #menu-head{
	/* width:1300px; */
	
}
.editor #menu-head .head-menu.button button{
	letter-spacing:0.5px;
	padding: 2px 7px 5px;
	/* padding: 6px 10px 5px 29px; */
	/* text-transform:capitalize; */
	/* text-transform:uppercase; */
	font-family:Open Sans Condensed;
	font-weight:600;
	/* text-shadow:none; */
	height:27px;
	width:29px;
	/* height:26px;
	width:auto; */
	font-size:11px;
	background-repeat: no-repeat;
	background-position:5px 3px;
}
/* .editor #menu-head .head-menu.button .open-file{
	background-image:url(../src/icons/editor/ohne/open.svg);
	background-size: 36%;
	background-position:5px 3.5px;
}
.editor #menu-head .head-menu.button .save-file{
	background-image:url(../src/icons/editor/ohne/save.svg);
	background-size: 28%;
}
.editor #menu-head .head-menu.button .download-pdf{
	background-image:url(../src/icons/editor/ohne/pdf_zeichen.svg);
	background-size: 28%;
	background-position:3px 3px;
} */
.editor #menu-head .datei-menu{
	padding-left:5px;
}
.editor #menu-head .datei-menu button{
	width:115px; font-size:13px; padding: 2px 7px 5px; box-sizing:border-box; height:27px;
}
.editor #menu-head button:active, .editor #menu-head .datei-menu button:active{
	background:#7f7e75;
	text-shadow:none !important;
	padding-top:3px;
	/* box-shadow: inset 0 1px 0 rgba(239, 239, 239, 0.5), 0 1px 0 rgba(0,0,0,.15); */
}
.save-menu{
	position:absolute;
	z-index:333;
	color:#333;
	text-shadow:none;
	font-size:13px;
	margin:0px 0 0 0px;
	/* border:1px solid red; */
	width:115px;
	box-sizing:border-box;
	overflow:hidden;
	/* box-shadow:1px 1px 2px #aaa !important; */
	display:none;
}
.save-menu div{
	border:1px solid #bbb;
	border-top:none;
	padding:11px 0px 13px 7px;
	background:#fff;
	cursor:pointer;
}
.save{

}
.save-menu .save-as{

}

/* .editor #menu-head .head-menu.button .open-file{
	background-image:url(../src/icons/editor/open.svg);
	background-size: 35%;
}
.editor #menu-head .head-menu.button .save-file{
	background-image:url(../src/icons/editor/save.svg);
	background-size: 27%;
}
.editor #menu-head .head-menu.button .download-pdf{
	background-image:url(../src/icons/editor/pdf_zeichen.svg);
	background-size: 27%;
	background-position:3px 3px;
} */
.editor #menu-head .head-menu.button .open-file:active{
	background-image:url(../src/icons/editor/ohne/open.svg);
}
.editor #menu-head .head-menu.button .save-file:active{
	background-image:url(../src/icons/editor/ohne/save.svg);
}
.editor #menu-head .head-menu.button .save-file-as:active{
	background-image:url(../src/icons/editor/ohne/save_as_schatten.svg);
}
.editor #menu-head .head-menu.button .download-pdf:active{
	background-image:url(../src/icons/editor/ohne/pdf_zeichen.svg);
}
.editor #menu-head .head-menu.button .open-file{
	background-image:url(../src/icons/editor/ohne/open.svg);
	background-position:2px 2.5px;
	background-size: 85%;
}
.editor #menu-head .head-menu.button .save-file{
	background-image:url(../src/icons/editor/ohne/save.svg);
	background-size: 75%;
	background-position:3px 2px;
}
.editor #menu-head .head-menu.button .save-file-as{
	background-image:url(../src/icons/editor/ohne/save_as_schatten.svg);
	background-size: 75%;
	background-position:2.5px 2px;
}
.editor #menu-head .head-menu.button .download-pdf{
	background-image:url(../src/icons/editor/ohne/pdf_zeichen.svg);
	background-size: 85%;
	background-position:0px 1px;
}
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
	z-index:333;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: auto;
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 9px 8px 13px;
    border-radius: 0px;
	font-family:Open Sans Condensed;
	font-weight:600;
	font-size:12px;
    /* Position the tooltip text */
    position: absolute;
    z-index: 111;
    top: 145%;
    margin-left: -100%;
    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
	text-shadow:none !important;
}
.tooltip .tooltiptext:active {
	text-shadow:none !important;
}
/* Tooltip arrow */
.tooltip .tooltiptext::after {	
	 content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #333 transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
/*///////////  F O O T E R  ///////////*/	

footer{
	width:100%;
	overflow:hidden;
}

#totop {
  background: url(../src/totop_kreis.svg) no-repeat 0px 0px;
    background-color: rgba(0, 0, 0, 0);
    background-size: auto;
  background-color: #ff9000;
  background-size: 33px 33px;
  position: fixed;
  bottom: 10px;
  right: 0px;
  cursor: pointer;
  width: 33px;
  height: 33px;
  opacity: 0;
  transition: opacity 0.7s, bottom 0.5s;
  right: 35px;
  bottom: 35px;
}

/*#######################################
          R E S P O N S I V E 
########################################*/
@media screen and (max-width: 600px) {
	.mitarbeiter-table{	
		width:100%;
	}
}
@media screen and (min-width: 400px) {	
	.projekt-name{
		float:left;
	}
}
@media screen and (min-width: 640px) {
	.logout, .logout:hover, .logout:visited {
		right: 8%;
	}
	.login{
		width:680px;
		margin:100px auto 0;
	}
	.login-logo{
		float:left;
	}
	.login-form{
		margin: 60px 0px 0 20px;
		overflow: hidden;
		float: left;
	}
	.menu{
		clear:both; display: flex; justify-content: space-between; width:617px; float:left;
	}	
	.searchform input[type="text"]{
		width:240px;
		margin:0 0 25px 0;
		float:right;
	}
	.HK-liste .searchform{
		float:right;
	}
	.HK .einsatz_entry .einsatz-toggle{
		padding: 4px 0 5px 5px;
	}
	#overlay .einsatz-toggle{
		padding: 4px 0 6.7px 6px;
		line-height:17px;		
	}
	.einsatz-toggle .einsatz-datum{
		margin: 0 7px 0 1px; float:left; 
	}
	#overlay .einsatz-toggle .einsatz-datum{
		clear:both;
		float:none;
		margin:0 0 3px;		
	}
	.new_user{
		float:none;
	}
	.menu .filter{
		width:220px;
	}
	.menu .filter.standort{
		width:160px;
	}
	 .kontakt-daten{
		width:370px;
	}	
	.projekt-name{
		float:left;
		width:216px;
	}
	.projekt-zeile .kontakt.fon{
		width:160px;
		margin:0;
	}
	.vorlagen{
		width:250px;
		margin:90px auto;
		text-align:left;
		padding:0 0 0 5px;
	}
	.vorlagen .row{
		height:85px;
		border-bottom:1px dashed #ccc;
		margin:0 0 35px;
	}
	.vorlagen a{
		margin:0 0 0 90px;
		/* color:#333; */
		/* text-decoration:underline; */
		/* text-align:right; */
	}
	.vorlagen .screenshot{
		margin: -50px 0 0 0px; 
		position: absolute;
		z-index: 1;
		max-width: 70px;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: hidden;
		transition: all 0.4s;
		box-shadow: 1px 1px 4px #ccc;
	}
	.vorlagen .screenshot img{		
		max-width: 70px;
		flex-shrink:0;
		transition: all 0.4s;
	}
	.vorlagen a:hover .screenshot {
		flex-shrink: 0;
		max-width: 170px;
		margin: -120px 0 0 -55px; 
		z-index:11;
	}
	.vorlagen a:hover .screenshot img{
		max-width: 170px;
	}
}
@media screen and (min-width: 667px) {
	.site-header {
		padding:4px 25px 0 7px; 
	}
	.header-image {
		height:145px; 
		margin: 0 0 0 0; 
	}
	.header-title{
		font-size:83px;
		margin:28px 0 0 150px;
	}
	
	.menu{
		clear:both; display: flex; justify-content: space-between; width:585px; float:left;
	}
	.menu .filter{
		width:210px;
	}
	.menu .filter.standort{
		width:150px;
	}
	.new_user{
		float:left;
		margin:0 0 0 10px;
	}
	.visitenkarte{
		/* max-width:650px; */
	}
	#karte{
		float:right;
	}
}
@media screen and (min-width: 700px) {
	.menu{
		width:617px;
	}
	.menu .filter{
		width:220px;
	}
	.menu .filter.standort{
		width:160px;
	}
}
@media screen and (min-width: 800px) {
	.site {
		margin: 0 auto; 
		box-sizing:border-box; 
		text-align:center;
	} 
	.wrapper{

	} 
	.site-header {
		/* padding:10px 25px 20px 10%;  */
	}
	
	.vorlagen{
		width:500px;
	}
	.mitarbeiter-table{
		width:770px;
	}
	.mitarbeiter-table.trash{
		width:800px;
	}	
	.mitarbeiter-table .bild.full{
		border-radius:100px; width:100px; height:100px; margin: -50px 0 0 -30px;
	}
	.mitarbeiter-table .bild.full img{
		/* width:30px; margin:0px auto; */
		flex-shrink: 0;
		min-height: 100px;
		max-width: 100px;
	}
	.personal .acc{
		width:580px;
		float:left;
	}	

	.admin-edit{
		margin:0 0 0px 0;
		padding:5px 0 9px 0;
		float:right;
		width:140px;
		overflow:hidden;
		border-bottom:1px dashed #aaa;
	}
	.trash .admin-edit{
		width:175px;
	}
	.personal .toggle{
		margin: 0 12px 0 0;
	}
	 #totop {
		background-size: 35px 35px;
		width: 35px;
		height: 35px;
		opacity: 0;
		right: 11%;
		bottom: 40px;
	  }
}
@media print {
	table { page-break-inside:auto }
	tr    { page-break-inside:avoid; page-break-after:auto }
	.site-header, .submenu, .trash img{
		display:none;
	}
	.csc .wrapper{
		width:200mm;
	}
	#menu-head{
		display:none;
	}
	.kontakt-table{
		width:265px;
	}
	.verbleib-table, .event-table, .verbleib-table table, .event-table table{
		display:none;
	}
	.number, .submit{
		visibility:collapse;
	}
	.teilnehmer-table .ampel input[type='radio']:checked,
	.teilnehmer-table .ampel input[type='radio']:not(:checked) {
	  background: initial;
	  position: relative;
	  visibility: visible;
	  display:inline-block;
	  margin:0;
	  padding:0;
	}
	.teilnehmer-table .ampel input[type='radio']:checked + label::before,
	.teilnehmer-table .ampel input[type='radio']:not(:checked) + label::before {
		content:' ';
		display:none;
	}
}
.ui-corner-all{
	border-radius:0 !important;
}
.ui-datepicker{
	width:150px !important;
}
.ui-datepicker{
	font-size:11px !important;
}
.ui-datepicker .ui-datepicker-header{
	padding:0 !important;
}
.ui-datepicker th{
	padding:2px 0 2px 0 !important;
}
.ui-state-default{
	padding:2px 4px 2px 3px !important;
	width:10px !important;
	/* text-align:center !important; */
}
.ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{
	margin-top:-10px !important;
}