@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);

html, body  
{
	background-color: #fff;
	text-align: center; 
	font-size: 13px; 
	font-family: 'Open Sans', sans-serif, arial;
	margin:0;
	padding:0;
}

header, section, footer, aside, nav, main, article, figure {
    display: block;
}
header {
	width: 100%;
	background-color: #fafafa;
	height: 60px;
	border-bottom: 1px solid #eee;
}
.logo {
	width: 145px;
	margin: 9px 0 0 14px;
	float: left;
}
.logo1 {
	font-size: 28px;
	font-weight: 700;
	margin-top: 60px;
}
#login {
	margin-left:auto; 
	margin-right:auto;  
	margin-top: 60px;
	font-size: 14px; 
	/* border: 1px solid #aa3537;*/
	width: 300px;
	padding: 10px 10px 20px 10px;
	background-color: #f7f7f7;
	border-radius: 2px;	
	box-shadow: 0px 0px 2px #ccc;
	background-image: url(/img/profile1.png);
	background-position: center 20px;
	background-repeat: no-repeat;
	background-size: 64px 64px;
	padding-top: 80px;
}
#login form {
	width: 80%;
	margin-left:auto; 
	margin-right:auto;  
}
#login input {
	width: 100%;
	color: #444;
	border: 1px solid #aaa;
	border-radius: 1px;
	padding: 8px 8px;
	font-size: 16px;
	margin-top: 10px;
}

#login input:focus {
	box-shadow: 0 0 3px #84BD00;
	color: #000;
}
#login input[type="text"], #login input[type="password"], #login input[type="submit"] {
	box-sizing: border-box;
}
#login input[type="submit"] {
	background-color: #84BD00;
	color: #fff;
	cursor: pointer;
}
.err {
	color: red;
	margin: 2px;
	text-align: left;
}
.container {
	/* background-color: #777; */
	min-width: 1310px;

}
.c_left {
	background-color: #f7f7f7; 
	width: 110px;
	float: left;
	padding-bottom: 16px;
}
.c_main {
	background-color: #fff;
	min-width: 1200px;
	width: 88%;
	float: left;
	text-align: left;
	margin-left: 20px;
	margin-bottom: 40px;
}
.c_main h1 {
	color: #84BD00;
	font-weight: normal;
}	
.c_main h1 a {
	color: #84BD00;
	text-decoration: none;
}
.c_main h1 a:hover {
	color: #76a600;
	text-decoration: underline;
}
.c_main h2 {
	color: #000;
	font-weight: normal;
	margin: 0 0 14px 0;
}
.c_main_l {
   min-width: 630px; width: 50%; float: left; margin-top: 20px; 
}
.c_main_r {
	min-width: 420px;
	width: 44%;
	float: right;
}
.footer {
	clear: both;
	width: 100%;
	background-color: #fafafa;
	height:30px;
	border-top: 1px solid #eee;	
	padding-top: 10px;
}
.h_name {
	float: right;
	margin: 22px 14px 0 0;
	color: #444;
}
.h_user {
	float: right;
	margin: 16px 20px 0 0;	
	width: 32px;
	height: 32px;
	background-image: url(/img/profile1.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 26px 26px;
	cursor: pointer;
}
#h_user_menu {
	display: none;
	position: absolute;
	right: 20px;
	top: 50px;
	width: 167px;
	padding: 6px 0 0 6px;
	background-color: #f7f7f7;
	border-radius: 2px;	
	box-shadow: 0px 0px 2px #ccc;
	z-index: 101;
}
#h_user_menu a {
	width: 126px;
	height: 30px;
	background-color: #fff;
	border: 1px solid #eee;
	display: block;
	text-align: left;
	color: #000;
	text-decoration: none;
	margin-bottom: 5px;
	padding: 12px 0 0 34px;
	background-repeat: no-repeat;
}
#h_user_menu a:hover {
	background-color: #84BD00;
	color: #fff;
}
.h_user_menu_settings {
	background-image: url(/img/gear.png);
	background-position: 4px center;
}
.h_user_menu_exit {
	background-image: url(/img/exit.png);
	background-position: 10px center;
}
.n_button {
	width: 80px;
	height: 80px;
	background-repeat: no-repeat;
	background-color: #eaeaea;
	border: 1px solid #ccc;
	border-radius: 3px;	
	box-shadow: 0px 0px 2px #ccc;
	margin-top: 14px;	
	margin-left: 14px;	
	color: #555;
	font-weight: 700;
	background-position: center 6px;
	/* padding-top: 54px;*/
}
.n_button a {
	color: #555;
	width: 80px;
	height: 30px;
	display: block;
	padding-top: 54px;
	text-decoration: none;
	font-size: 13px;
}
.n_button:hover {
	background-color: #84BD00;
}
.n_button a:hover {
	color: #fff;
}
.n_button_two_rows a {
	padding-top: 30px;
	line-height: 14px;
}
.n_sel {
    background-color: #84BD00;
}
.n_sel a {
    color: #fff;
}
.n_clients {
	background-image: url(/img/user.png);
}
.n_alerts {
	background-image: url(/img/bell.png);
}
.n_tasks {
	background-image: url(/img/task.png);
}
.n_docs {
	background-image: url(/img/document.png);
}
.n_report {
	background-image: url(/img/report.png);
}
.n_calendar {
	background-image: url(/img/calendar.png);
}
.n_termine {
	background-image: url(/img/calendar.png);
	background-size: 20px 20px;
}
.n_projects {
	background-image: url(/img/project.png);
}
.n_mailing {
	background-image: url(/img/mailing.png);
}
.n_mmailing {
	background-image: url(/img/mmailing.png);
}
#datetime1 {
	margin: 22px 24px 0 0;
	float: right;
	color: #999;
}
#time, .clock {
	display: inline;
}
.clock {
	padding-left: 10px;
}
.floatingHeader {
  position: fixed;
  top: 0px;
  visibility: hidden;
}

.tab1 {
	/* margin: 20px 10px 20px 0px; */
	border: 1px solid #444;
	width: 100%;
	font-size: 13px;
	margin-bottom: 20px;
}

.tab1 td {
	vertical-align: top;
	border-bottom: 1px solid #ddd;
	padding: 3px 3px 3px 3px;
}
.tab1 th {
	padding: 3px 3px 3px 3px;
	border-bottom: 1px solid #618800;
	vertical-align: middle;	
	background-color: #84BD00;
	font-weight: normal;
	text-shadow: 1px 1px #444;
	color: #fff;
	text-align: left;
}
.tab1 span a, .t_dokumente span a {
	color: #000;
	text-decoration: none;
}
.tab1 span a:hover, .t_dokumente span a:hover {
	color: #000;
	text-decoration: underline;
}
table.tab1 tbody tr:nth-child(2n) td {
  background: #ebebeb;
}
table.tab1 tbody tr:nth-child(2n+1) td {
  background: #f7f7f7;
}
table.tab1 tbody tr:nth-child(2n+1):hover td {
	background: rgba(132, 189, 0, .3);
}
table.tab1 tbody tr:nth-child(2n):hover td {
	background: rgba(132, 189, 0, .3);
}
.found {
	float: right;
	margin-top: 30px;
	color: #000;
}
.vis {
	display: block;
}
.nvis {
	display: none;
}
#filter {
	float: right;
	margin-top: 30px;
	color: #000;
	background-image: url(/img/filter.png);
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-left: 30px;
	cursor: pointer;
}
#filter_box {
	padding: 10px;
	background-color: #f7f7f7;
	border-radius: 2px;	
	box-shadow: 0px 0px 2px #ccc;	
	margin-bottom: 20px;
}
#filter_box input, #filter_box select, .filter select {
	color: #444;
	border: 1px solid #aaa;
	border-radius: 1px;
	padding: 4px 4px;
	margin-top: 10px;
}
#user-id, .f_select {
	color: #444;
	border: 1px solid #aaa;
	border-radius: 1px;
	padding: 4px 4px;
}
#sel_task {
	display: inline;
}
#sel_task select {
	color: #444;
	border: 1px solid #aaa;
	border-radius: 1px;
	padding: 4px 4px;
}

#filter_box input:focus, #filter_box select:focus, .filter select:focus, #sel_task select:focus {
	box-shadow: 0 0 3px #84BD00;
	color: #000;
}
#filter_box input[type="text"], #filter_box input[type="submit"] {
	box-sizing: border-box;
}
#filter_box input[type="submit"] {
	background-color: #84BD00;
	color: #fff;
	cursor: pointer;
	border-radius: 2px;
	border: 1px solid #618800;
	margin-left: 10px;
}
#filter_box input[type="submit"]:hover {
	border: 1px solid #618800;
	box-shadow: 0px 1px 1px #bbb;
}
.filter_emails {
	position: absolute;
	top: 72px;
	left: 260px;
}
.bpages {
	clear: both;
	text-align: right;
	padding-bottom: 20px;
}
.bpages b {
	padding: 4px 8px;
}
.bpages a {
	padding: 4px 8px;
	background-color: #f6f6f6;
	border: 1px solid #ddd;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;	
	text-decoration: none;
	color: #333;
	margin-left: 4px;
}
.bpages a:hover {
	background: rgba(132, 189, 0, 1);
	border: 1px solid #618800;
	color: #fff;
}
.button1 a {
	display: block;
	background-color: #ddd;
	border: 1px solid #ccc;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;	
	text-align: center;
	text-decoration: none;
	color: #000;
	padding: 3px 6px;
}
.button1 a:hover {
	background-color: rgba(132, 189, 0, 1);
	border: 1px solid #618800;
	box-shadow: 0px 1px 1px #bbb;
	color: #fff;
}
.bupdate {
	display: block;
	background-color: #ddd;
	border: 1px solid #ccc;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;	
	text-align: center;
	text-decoration: none;
	color: #000;
	padding: 5px 12px;
	cursor: pointer;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif, arial;
}
.bupdate a {
	text-decoration: none;
	color: #000;
}
.bupdate:hover {
	background: rgba(132, 189, 0, 1);
	border: 1px solid #618800;
	box-shadow: 0px 1px 1px #bbb;
	color: #fff;
}
.bupdate a:hover {
	color: #fff;
}
.bupdate1 {
	display: block;
	background-color: #ddd;
	border: 1px solid #ccc;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;	
	text-align: center;
	text-decoration: none;
	color: #000;
	padding: 3px 12px 3px 34px;
	cursor: pointer;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif, arial;	
}
.bupdate1:hover {
	background-color: rgba(132, 189, 0, 1);
	border: 1px solid #618800;
	box-shadow: 0px 1px 1px #bbb;
	color: #fff;
}
.bupdate1 a {
	text-decoration: none;
	color: #000;
}
.bupdate1 a:hover {
	color: #fff;
}
#dialog_n textarea {
	color: #444;
	border: 1px solid #aaa;
	border-radius: 1px;
	padding: 2% 2%;
	width: 96%;
	height: 200px;
	font-size: 16px;
}
#dialog_n p {
	margin: 10px 0 0 0;
}

#dialog_n textarea:focus {
	box-shadow: 0 0 3px #84BD00;
	color: #000;
}

.bnote {
	padding: 10px 20px;
	background-color: #f7f7f7;
	border-radius: 2px;	
	box-shadow: 0px 0px 2px #ccc;	
	margin-bottom: 20px;
}
.search {
	background-image: url(/img/search.png);
	background-position: 8px center;
	background-repeat: no-repeat;
}
.note {
	background-image: url(/img/write.png);
	background-position: 8px center;
	background-repeat: no-repeat;
}
.doc {
	background-image: url(/img/doc.png);
	background-position: 10px center;
	background-repeat: no-repeat;
}
.kontakt_ico {
	background-image: url(/img/kontakt.png);
	background-position: 8px center;
	background-repeat: no-repeat;
}
.mail {
	background: url(/img/mail.png) no-repeat 8px center;
}	
.calendar {
	background-image: url(/img/calendar.png);
	background-position: 8px center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
}
.k_note {
	width: 100%;
	background-color: #fff;
	background-image: url(/img/bg-note.png);
	background-position: 6px 6px;
	background-repeat: repeat-y;
	margin: 20px 0;
	border: 1px solid #eee;
	position: relative;
}
.k_note2 {
	width: 100%;
	background-color: #e0f4d0;
	background-image: url(/img/bg-note.png);
	background-position: 6px 6px;
	background-repeat: repeat-y;
	margin: 20px 0;
	border: 1px solid #c1e9a3;
	position: relative;
}
.k_note_h {
	padding: 12px 20px 0 40px;
	font-weight: 600;
	color: #84BD00;
}
.k_note_h a {
	color: #84BD00;
	text-decoration: none;
}
.k_note_h a:hover {
	text-decoration: underline;
}
.k_note_n {
	padding: 12px 20px 0 40px;
}
.k_note_u {
	clear: both;
	margin: 10px 20px 0 40px;
	border-top: 1px solid #ddd;
	padding-top: 4px;
	padding-bottom: 8px;
}
.k_note_d {
	float: right;
}
.settings {
	padding: 10px 10px 20px 10px;
	background-color: #f7f7f7;
	border-radius: 2px;	
	box-shadow: 0px 0px 2px #ccc;	
	margin-bottom: 20px;
}
.settings input, .settings select {
	color: #444;
	border: 1px solid #aaa;
	border-radius: 1px;
	padding: 4px 4px;
}

.settings input:focus, .settings select:focus {
	box-shadow: 0 0 3px #84BD00;
	color: #000;
}
.settings input[type="text"], .settings input[type="submit"] {
	box-sizing: border-box;
}
.settings input[type="submit"] {
	background-color: #84BD00;
	color: #fff;
	cursor: pointer;
	border-radius: 2px;
	border: 1px solid #618800;
	margin-left: 10px;
	text-shadow: 1px 1px #618800;
	font-weight: 600;
	font-size: 15px;
	font-family: 'Open Sans', sans-serif, arial;
	padding: 3px 8px;
}
.settings input[type="submit"]:hover {
	border: 1px solid #618800;
	box-shadow: 0 1px 1px #bbb;
}
.kontakt {
	padding: 20px;
	background-color: #f7f7f7;
	border-radius: 2px;	
	box-shadow: 0 0 2px #ccc;
	margin-bottom: 20px;
}
.k-title {
	font-weight: bold;
	padding-top: 20px;
	clear: both;
}
.k-label {
	padding: 8px;
	border-top: 1px solid #618800;
	border-bottom: 1px solid #618800;
	vertical-align: middle;	
	background-color: #84BD00;
	text-shadow: 1px 1px #618800;
	color: #fff;
	text-align: left;
	width: 120px;
	font-weight: bold;
	float: left;
	height: 18px;
	margin-top: 20px;
	clear: both;
}
.k-label-none {
	margin-left: 136px;
	float: left;
}
.k-input {
	float: left;
	margin-top: 20px;
}
.k-input input {
	padding: 8px;
	width: 450px;
	border: 1px solid #eee;
	box-sizing: border-box;
	height: 36px;
}
.k-input select {
	padding: 8px;
	width: 200px;
	border: 1px solid #eee;
	box-sizing: border-box;
	height: 36px;
}
.k-white {
	width: 100%;
	border: 1px solid #eee;
	height: 36px;
	background-color: #fff;
}
.k-label-text {
	padding: 8px;
	border-top: 1px solid #618800;
	border-bottom: 1px solid #618800;
	vertical-align: middle;	
	background-color: #84BD00;
	text-shadow: 1px 1px #618800;
	color: #fff;
	text-align: left;
	width: 120px;
	font-weight: bold;
	float: left;
	height: 130px;
	margin-top: 20px;
	clear: both;
}
.k-text {
	float: left;
	margin-top: 19px;
}
.k-text textarea {
	padding: 8px;
	width: 450px;
	border: 1px solid #eee;
	box-sizing: border-box;
	height: 148px;
	font-family: sans-serif, arial;
	font-size: 13px;
}
.k-label.k-referral, .k-input.k-referral, .k-label-text.k-referral, .k-text.k-referral {
	margin-top: 10px;
}

.two-lines {
	height: 60px !important;
}
.two-lines textarea {
	height: 78px !important;
}
.tabs1 {
	border-top: 1px solid #618800;
	border-left: 1px solid #618800;
	border-right: 1px solid #618800;
	vertical-align: middle;	
	background-color: #84BD00;
	text-shadow: 1px 1px #618800;
	text-align: center;
	color: #fff;
	padding-top: 8px;
	float: left;
	height: 26px;
	width: 140px;
	font-weight: bold;
	margin-right: 6px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	margin-bottom: 1px;
}
.tabs0 {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	vertical-align: middle;	
	background-color: #ddd;
	text-shadow: 1px 1px #ccc;
	text-align: center;
	color: #555;
	padding-top: 8px;
	float: left;
	height: 26px;
	width: 140px;
	font-weight: bold;
	margin-right: 6px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	margin-bottom: 1px;
}
.tabs {
	cursor: pointer;
}
.tabs:hover {
	border-top: 1px solid #618800;
	border-left: 1px solid #618800;
	border-right: 1px solid #618800;
	vertical-align: middle;	
	background-color: #84BD00;
	text-shadow: 1px 1px #618800;
	text-align: center;
	color: #fff;
	padding-top: 8px;
	float: left;
	height: 26px;
	width: 140px;
	font-weight: bold;
	margin-right: 6px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	margin-bottom: 1px;	
}
.clear {
	clear: both;
}

.tab2 td, .tab2 th {
	padding: 6px;
}
.tab6 td, .tab6 th {
	padding: 6px 6px 6px 0;
	vertical-align: top;
}
.tab6 a {
	color: #000;
}
.tab6 b {
	padding-top: 4px;
	display: block;
}
#map-canvas {
	width: 100%;
	height: 500px;
}
table.tab4 a {
	text-decoration: none;
	color: #000;
}
#t3, #t4, #email-c {
	display: none;
}
#email-c {
	background-color: #fff;
	margin-bottom: 20px;
	padding: 10px;
}


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

	.tab_cal0 td {
		width: 175px;
		padding-bottom: 6px;
	}
	.tab_cal td {
		width: 175px;
		height: 120px;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		vertical-align: top;
	}
	.tab_cal0 .cday6, .tab_cal .day6, .tab_cal0 .cday7, .tab_cal .day7 {
		width: 120px !important;		
	}	
}
@media screen and (min-width:1501px)
{

	.tab_cal0 td {
		width: 216px;
		padding-bottom: 6px;
	}
	.tab_cal td {
		width: 216px;
		height: 120px;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		vertical-align: top;
	}
	.tab_cal0 .cday6, .tab_cal .day6, .tab_cal0 .cday7, .tab_cal .day7 {
		width: 120px !important;		
	}
}
@media screen and (max-width:1332px)
{
.c_main {
	min-width: 1000px;
	width: 80%;
	
}
.c_main_r {
	min-width: 360px;
	width: 36%;
}

}
.tab_cal {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;		
}
.tc_td span {
	cursor: pointer;
}
.tc_td span:hover {
	font-weight: bold;
}
.tab_cal span {
	margin: 4px 6px;
	display: block;
}
.tc_user {
	float: right;
}
.tc_name {
	clear: both;
}
.tc_place {
	font-size: 11px;
	font-weight: bold;
	clear: both;
}
.grey {
	color: #888;
}
.box_termin {
	margin: 4px;
	padding: 2px 4px;
	border-radius: 2px;
	cursor: pointer;
}
.ttype1 {
	background-color: #f0c6c8;
}
.ttype2 {
	background-color: #bdee98;
}
.ttype3 {
	background-color: #ff744f;
}
.box_infomaterial {
	margin: 4px;
	padding: 2px 4px;
	border-radius: 2px;
	cursor: pointer;
	background-color: #bde3f8;
}

.ctype {
	font-weight: 600;
}
.ctype1 {
	color: #c03493;
}
.ctype2 {
	color: #469c00;
}
.ctype3 {
	color: #da2900;
}
.day-today {
	background-color: rgba(132, 189, 0, .3);
	/*
	border-left: 1px solid #ccc !important;
	border-top: 1px solid #ccc !important;
	border-right: 2px solid #ccc !important;
	border-bottom: 2px solid #ccc !important;
	*/
	box-shadow: 0 0 2px #ccc !important;
}
.day6 {
	background-color: #fdf9ed;
}
.day7 {
	background-color: #fdf6e1;
}
#info {
	position: absolute;
	background-color : #E4F0CA;
	box-shadow: 0 0 2px #fafafa;
	width: 300px;
	padding: 6px;
	margin-top: 21px;
	right: 200px;
	z-index: 100;
}
#info1 {
	position: absolute;
	background: rgb(228, 240, 202);
	box-shadow: 0 0 2px #fafafa;
	width: 300px;
	padding: 6px;
	margin-top: 21px;
	right: 100px;
	z-index: 100;
}
.tab3 {
	background-color: #fefefe;
	width: 100%;
}
.tab3 th {
	padding: 8px;
	border-top: 1px solid #618800;
	border-bottom: 1px solid #618800;
	vertical-align: middle;	
	background-color: #84BD00;
	text-shadow: 1px 1px #618800;
	color: #fff;
	text-align: left;
	
}

table.tab3 tbody tr td {
	background: #fff;
	padding: 8px;
	border-bottom: 1px solid #eee;
}
table.tab3 tbody tr:hover td {
	background: rgba(132, 189, 0, .3);
}
.tabclick td {
	cursor: pointer;
}
.tuser td {
	vertical-align: top;
}
.tab3 span a {
	text-decoration: none;
	color: #000;
}
.tab3 span a:hover {
	text-decoration: underline;
}
table.tab4 {
	background-color: #fefefe;
	width: 100%;
}
table.tab4 th {
	padding: 8px;
	border-top: 1px solid #618800;
	border-bottom: 1px solid #618800;
	vertical-align: middle;	
	background-color: #84BD00;
	text-shadow: 1px 1px #618800;
	color: #fff;
	text-align: left;
	
}

table.tab4 tbody tr td {
	padding: 8px;
	border-bottom: 1px solid #eee;
}

table.tab4 tbody tr:nth-child(2n) td {
  background: #fff;
}
table.tab4 tbody tr:nth-child(2n+1) td {
  background: #f7f7f7;
}
table.tab4 tbody tr:nth-child(2n):hover td {
	background: rgba(132, 189, 0, .2);
}
table.tab4 tbody tr:nth-child(2n+1):hover td {
	background: rgba(132, 189, 0, .2);
}

.bsubmit {
	box-sizing: border-box;
	background-color: #84BD00;
	color: #fff;
	cursor: pointer;
	border-radius: 2px;
	border: 1px solid #618800;
	padding: 3px 6px;
	margin-top: 10px;	
}

.bsubmit:hover {
	border: 1px solid #618800;
	box-shadow: 0 1px 1px #bbb;
}
#radio .ui-state-active, #radio2 .ui-state-active, #radio3 .ui-state-active, #task_radio .ui-state-active, #task_radio2 .ui-state-active, .task_radio2 .ui-state-active {
    background: #84BD00 !important;
	color: #fff !important;
	text-shadow: 1px 1px #618800 !important;
	font-weight: bold !important;
}
.dialog {
	text-align: left;
}
.dialog input, .dialog select {
	color: #444;
	border: 1px solid #aaa;
	border-radius: 1px;
	padding: 4px 4px;
}

.dialog input:focus {
	box-shadow: 0 0 3px #84BD00;
	color: #000;
}
.dialog input[type="text"], .dialog input[type="submit"] {
	box-sizing: border-box;
}
.k_aufgabe {
	position: absolute;
	margin-top: 2px;
	margin-left: 140px;
}
.dok_check {
	position: absolute;
	margin-top: 20px;
	margin-left: 350px;
}
.cal_month {
	position: absolute;
	margin-top: 20px;
	margin-left: 140px;
	width: 300px;
}
.cal_month div {
	float: left;
}
.cal_month .button1 {
	margin-left: 10px;
	width: 40px;
}
.arrow-right {
	background-image: url(/img/arrow-right.png);
	background-position: center center;
	background-repeat: no-repeat;
	height: 22px;
}

.arrow-left {
	background-image: url(/img/arrow-left.png);
	background-position: center center;
	background-repeat: no-repeat;
	height: 22px;
}
.note_del {
	position: absolute;
	/* margin-left: 390px;*/
	top: 5px;
	right: 6px;
	
}
.note_del img {
	width: 10px;
	height: 10px;
}
.v_del {
	float: right;
	
}
.v_del img {
	width: 10px;
	height: 10px;
}
input:-moz-read-only { /* For Firefox */
    background-color: #eee;
}

input:read-only {
    background-color: #eee;
} 
.ico {
	vertical-align: middle;
	padding-left: 4px;
}
.ico1 {
	vertical-align: middle;
}
.bar {
	animation-duration: 2.0s;
    animation-name: fadeAndScale;
	color: #fff;
	font-weight: bold;
	padding-top: 6px;
	text-align: center;
	font-size: 14px;
	height: 24px;
	text-shadow: 1px 1px green;
}
#piechart_3d {

	animation-duration: 2.0s;
    animation-name: fadeAndScale2;

}
@keyframes fadeAndScale {
    from {
        /*opacity: 0.3;
         transform: scale(.6, .6);*/
		width: 0;
    }
    to {
        /*opacity: 1;
        /* transform: scale(1, 1);*/
		
    }
}
@keyframes fadeAndScale2 {
    from {
        opacity: 0.1;
       /*  transform: scale(.6, .6);*/
	
    }
    to {
        opacity: 1;
    /*   transform: scale(1, 1);*/
		
    }
}

.t-small {
	font-size: 11px;
	font-weight: 600;
}
.green {
	color: green;
}
#radio2 {
	padding-left: 10px;
}

.a_users {
	width: 20px;
	height: 20px;
	vertical-align: middle;
}
.tab_alerts td {
	vertical-align: top;
}
.yf td {
    background-color: #fffbbb !important;
}
.tab_term {
	width: 100%;
}	
.tab_term td {
	vertical-align: top;
}
.tab_term b {
	display: block;
}
#dialog_t .tab_term b {
	margin-top: 6px;
}
.alert_k {
	/*padding: 12px 20px 0 40px;*/
	font-weight: 600;
	color: #84BD00;
}
.alert_k a {
	color: #84BD00;
	text-decoration: none;
}
.alert_k a:hover {
	text-decoration: underline;
}
.alert_del {
	float: right;
	margin-left: 2px;
}
.alert_del img {
	width: 10px;
	height: 10px;
}
#search_box {
	margin-top: 6px;
	display: none;
	clear: both;
}
.t_kontakt {
	text-decoration: none;
	color: #000;
}
#t_kontakt_name, .kontakt_name {
	display: inline;
	font-weight: 600;
	padding-left: 4px;
}
#t_kontakt_name a, .kontakt_name a {
	text-decoration: none;
}
#t4 input, #t4 select {
	color: #444;
	border: 1px solid #aaa;
	border-radius: 1px;
	padding: 4px 4px;
}

#t4 input:focus, #t4 select:focus {
	box-shadow: 0 0 3px #84BD00;
	color: #000;
}
#t4 input[type="text"], #t4 input[type="submit"] {
	box-sizing: border-box;
}
#e_body {
	height: 400px;
}
.afiles {
	float: left;
	margin: 10px 20px 10px 0;
}
.afiles a {
	text-decoration: none;
	color: #555;
}
.afiles div {
	padding: 10px;
	width: 180px;
	height: 180px;
	background-color: #eee;
}
#add-file {
	padding: 20px;
	background-color: #fff;
	border-radius: 2px;
	box-shadow: 0px 0px 2px #ccc;
	margin-bottom: 20px;
}

.file-del {
	display: none;
	position: absolute;
	margin-top: -4px;
}
.file-del img {
	width: 12px;
	height: 12px;
	padding-left: 4px;
}
.file-rot {
	display: none;
	position: absolute;
	margin-top: 10px;
	margin-left: -14x;
}
.k-projekt {
	float: right;
	margin-top: 28px;
	cursor: pointer;
}
.k-projekt img {
	width: 24px;
	height: 24px;
}
#k-projekt-list {
	display: none;
	position: absolute;
	right: 20px;
	top: 126px;
	width: 200px;
	padding: 6px 6px 0 6px;
	background-color: #f7f7f7;
	border-radius: 2px;	
	box-shadow: 0px 0px 2px #ccc;
	z-index: 101;
}
#k-projekt-list a {
	background-color: #fff;
	border: 1px solid #eee;
	display: block;
	text-align: left;
	color: #000;
	text-decoration: none;
	margin-bottom: 5px;
	padding: 4px 4px 4px 26px;
	background-repeat: no-repeat;
}
#k-projekt-list a:hover {
	background-color: #84BD00;
	color: #fff;
	background-image: url(/img/active.png);
	background-position: 6px 6px;
	background-repeat: no-repeat;
	background-size: 16px 16px;	
}
.k-projekt-v {
	float: right;
	margin-top: 30px;
}
.k-projekt-v a {
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 4px;
	font-size: 12px;
	color: #000;
	text-decoration: none;
	border-radius: 3px;	
	margin-right: 4px;
}
.k-projekt-a {
	background-image: url(/img/active.png);
	background-position: 6px 6px;
	background-repeat: no-repeat;
	background-size: 16px 16px;
}
.termin_k {
	float: right;
	margin-top: 25px;
	margin-right: 20px;
	font-weight: 600;
}
.moreplusa img {
	margin-top: 20px;
}
.tab5 td {
	vertical-align: top;
}
.c_type {
	font-weight: bold;
	float: left;
	padding-top: 15px;
}
.url {
	color: #000;
	word-wrap: break-word;
}
.url:hover {
	color: #84BD00;
}

#emailing-list {
	display: none;
	clear: both;
	margin-top: 80px;
	width: 200px;
	padding: 1px;
	background-color: #f7f7f7;
	border-radius: 2px;	
	box-shadow: 0px 0px 2px #ccc;
	z-index: 101;
}
#emailing-list .bupdate {
	margin: 3px;
}
.emailc {
	width: 30px;
	cursor: pointer;
    display: inline;
}
.emaila {
    display: inline;
    cursor: pointer;
}
.attachments {
	max-height: 200px;
	overflow: auto;
}
.t_preview {
	cursor: pointer;
}
.mailbox1 {
    border-bottom: 3px solid red;
}
.star {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 10px;
	left: 10px;
	cursor: pointer;
	background: url("/img/star.png") no-repeat;
	background-size: 90%;
}
.k_note .star, .k_note .star_h {
	background-color: #fff;
}
.k_note2 .star, .k_note2 .star_h {
	background-color: #e0f4d0;
}
.star_na {
	background-position: 1px 1px;
	background-size: 90%;
	display: none;
}
.star_a {
	background-position: 1px -22px;
	background-size: 90%;
	display: block;
}
.star:hover, .star_h:hover {
	background: url("/img/star.png") no-repeat 1px -22px;
	background-size: 90%;
}
.k_note .star:hover, .k_note .star_h:hover {
	background-color: #fff;
}
.k_note2 .star:hover, .k_note2 .star_h:hover {
	background-color: #e0f4d0;
}
.star_h {
	background: url("/img/star.png") no-repeat;
	background-size: 90%;
	width: 24px;
	height: 24px;
	float: right;
	cursor: pointer;
}
.star_h_na {
	background-position: 1px 1px;
}
.star_h_a {
	background-position: 1px -22px;
}
.docs {
	background-color: #eee;
	width: 100%;
        position: relative;       
}

.docs_dir {
	width: 15%;
	float: left;
}
.docs_files {
	width: 84.5%;
	float: right;
	padding-left: 0.5%;
	background-color: #fff;
	min-height: 400px;
}
.docs_dir ul {
	margin: 0;
	padding: 0;
}
.docs_dir ul li {
	list-style-type: none;
	font-size: 14px;
	font-weight: bold;
	margin: 1px;
}
.docs_dir a {
	padding: 10px 6px 10px 36px;
	display: block;
	color: #000;
	text-decoration: none;
	background: url("/img/folder.png") no-repeat 6px 7px;
}
.docs_dir ul li:hover {
	background-color: #ddd;
}
.dir_active {
	background-color: #ddd;
}
.dir_options {
    position: absolute;
    bottom: 10px;
    left: 10px;
}
.dir_options span {
    display: block;
    background-image: url("/img/folder_options.png");
    opacity : 0.4;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    float: left;
    cursor: pointer;
    margin-right: 10px;
}
.dir_add {
   background-position: 0 0;
}
.dir_delete {
   background-position: 0 -18px;
}
.dir_edit {
   background-position: 0 -36px;
}
#dialog_d #directory {
    width: 300px;
}

#distance-block {
	display: inline;
}
#distance-block select {
	margin-top: 4px;
}
#quelle-block {
	float: left;
	padding: 15px 0 0 20px;
}
#quelle-block select {
	margin-top: 4px;
}

@media screen and (max-width: 720px)
{
    #datetime1 {
        display: none;
    }
}    
@media screen and (min-width: 821px)
{
    .menu {
        display: none;
    }   
}    
@media screen and (max-width: 820px)
{

    .c_left {
        display: none;
        position: absolute;
        border-right: 1px solid #eee;
        z-index: 1000;
    }
    .menu {
        display: block;
        position: absolute;
        border: 1px solid #618800;
	border-radius: 2px;	
	box-shadow: 0px 0px 2px #ccc;
        color: #fff;
        font-weight: bold;
        width: 50px;
        height: 30px;
        text-align: center;
        padding-top: 10px;
        top: 10px;
        left: 180px;
        background: #84BD00 url(/img/menu.png) no-repeat center center;
        background-size: contain;
        cursor: pointer;
    }    
    .container, .c_main_r, .c_main_l {
        width: 100%;
        min-width: 0;
        
    }
    .c_main {
        margin-left: 2%;
        margin-right: 2%;
        width: 96%;
        min-width: 0;
    }
    .c_main_r, .c_main_l {
       /* display: none;*/
    }
    .kontakt {
        /* padding: 0; */
    }
    #p_alerts_header, #p_cal_header, #p_notes_header {
        cursor: pointer;
        position: relative;
    }

    #p_alerts, #p_cal, #p_notes {
        /* display: none; */
        height: 1px;
        overflow: hidden;
    }
    #p_cal_header {
        clear: both;
        margin-top: 20px;
    }
    .p_main .note {
        display: none;
    }
    .hline {
        display: block;
        width: 100%;
        border-top: 1px solid #ccc;
        clear: both;
        height: 1px;
    }
    .tabs1 {
        margin-bottom: 0;
    }

}
.quelle-tag {
	float: left;
	border: 1px solid #ddd;
	background-color: #eee;
	font-size: 11px;
	padding: 1px 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
}
.table_contact_appointments {
	width: 100%;
	border: 0;
	padding: 0;
	border-spacing: 0;
	margin: 8px 0 8px 0;
}
.table_contact_appointments td {
	vertical-align: top;
}
.table_contact_appointments_label {
	padding: 8px;
	border-top: 4px solid #f7f7f7;
	border-bottom: 1px solid #618800;
	vertical-align: middle;
	background-color: #84BD00;
	text-shadow: 1px 1px #618800;
	color: #fff;
	text-align: left;
	width: 120px;
	font-weight: bold;
	margin-top: 20px;
}
.table_contact_appointments_label_field {
	border-top: 4px solid #f7f7f7;
	border-bottom: 1px solid #eeeeee;
	background-color: #fff;
	padding: 8px;
}
.myAppointment, .myContactWithInfoMaterial {
	margin: 4px 0;
}
.bg-grey td {
	background-color: #f7f7f7 !important;
}
.block-done {
	width: 100px;
	float: right;
}
#numer_kontaktowy::placeholder {
	font-style: italic;
}