/* CSS Document */
html {
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	font-family: 'Inter', sans-serif;
}
body {
	font-size: 12px;
	font-variant: normal;
	font-weight: 700;
	color: black;
	margin: 0px;
	padding: 0px;
	background: white;
}
.light {
font-weight:300;
}
.normal {
font-weight:400;
}
.semibold {
font-weight:600;
}
.bold {
font-weight:700;
}
.extrabold {
font-weight:800;
}

#div_top {
	position: fixed;
	top:0;
	width:100%;
	height: 60px;
	overflow:hidden;
	background: #2870ED;
	margin-left: auto;
	margin-right: auto;
	z-index: 10;
}
#div_top2 {
	position: fixed;
	top:60px;
	width:100%;
	height: 76px;
	overflow:hidden;
	background: white;
	margin-left: auto;
	margin-right: auto;
	z-index: 6;
}
#div_data {
	position: absolute;
	top:136px;
	width:100%;
	overflow:auto;
	background: white;
	margin-left: auto;
	margin-right: auto;
	z-index: 4;
}
.div_chart1 {
	position: relative;
	background: #F6F8F9;
	width: 1140px;
	height:1000px;
	overflow:hidden;
	float: left;
	z-index: 2;
}
.div_chart2 {
	position: relative;
	*background: #F6F8F9;
	background: white;
	width: 555px;
	height:320px;
	overflow:hidden;
	float: left;
	z-index: 2;
}
.div_chart2_link {
	position: relative;
	background: #F6F8F9;
	width: 555px;
	height:320px;
	overflow:hidden;
	float: left;
	z-index: 2;
}
.div_chart3 {
	position: relative;
	*background: #F6F8F9;
	background: white;
	width: 360px;
	height:80px;
	overflow:hidden;
	float: left;
	z-index: 2;
}
.div_chart4 {
	position: relative;
	background: #F6F8F9;
	width: 262px;
	height:220px;
	overflow:hidden;
	float: left;
	z-index: 2;
}
.div_chart5 {
	position: relative;
	background: #F6F8F9;
	width: 204px;
	height:178px;
	overflow:hidden;
	float: left;
	z-index: 2;
}
.tbl{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
	width: 1140px;
	border: 0px solid #bbbbbb;
	border-width: 0;
	border-collapse: collapse;
	border-spacing: 0;
    padding: 0;
    border: 0;
}
#tbl_menu{
	width: 100%;
	height: 100%;
	border: 0px solid #bbbbbb;
	border-width: 0;
	border-collapse: collapse;
	border-spacing: 0;
    padding: 0;
    border: 0;
}
#tbl_filter{
	width: 100%;
	height: 100%;
	border: 0px solid #bbbbbb;
	border-width: 0;
	border-collapse: collapse;
	border-spacing: 0;
    padding: 0;
    border: 0;
	line-height: 34px;
}
#tbl_fd{
	width: 100%;
	height: 100%;
	border: 0px solid #bbbbbb;
	border-width: 0;
	border-collapse: collapse;
	border-spacing: 0;
    padding: 0;
    border: 0;
	line-height: 12px;
}
#tbl_team{
	width: 100%;
	height: 100%;
	border: 0px solid #bbbbbb;
	border-width: 0;
	border-collapse: collapse;
	border-spacing: 0;
    padding: 0;
    border: 0;
	line-height: 10px;
}
td{
	border-width: 0;
	border-collapse: collapse;
	border-spacing: 0;
    padding: 0;
    border: 0;
}
#div_menu {
	display: none;
	position: absolute;
	top:60px;
	right:381px;
	width:800px;
	height: 793px;
	overflow:hidden;
	background: white;
	z-index: 8;

}
#div_filter {
	display: none;
	position: absolute;
	top:114px;
	right:381px;
	width:284px;
	height: 181px;
	overflow:hidden;
	background: white;
	z-index: 7;

}
#div_fd {
	display: none;
	position: absolute;
	top:45px;
	right:871px;
	width:320px;
	overflow:hidden;
	background: white;
	z-index: 11;
}
#div_team {
	display: none;
	position: absolute;
	top:45px;
	right:519px;
	width:240px;
	max-height:600px;
	overflow-y: auto;
	overflow-x: hidden;
	background: white;
	z-index: 11;
}
.menu_links{
	text-decoration:none;
	color: inherit;
	font-weight: 600;
	font-size: 12px;
	letter-spacing: 1px;
}
.menu1{
	text-decoration:none;
	font-weight: 300;
	font-size: 24px;
	color:#2870ED;
}
.menu2{
	text-decoration:none;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 1px;
	color:white;
}
.menu_inaktiv{
	text-decoration:none;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 1px;
	color:#D7DDE1;
}
.menu2:hover{
	font-weight: 800;
}
.menu21{
	text-decoration:none;
	font-weight: 600;
	font-size: 12px;
	*letter-spacing: 1px;
	color:black;
}
.menu21:hover{
	font-weight: 800;
}
.menu3{
	text-decoration:none;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 1px;
	color:black;
}
.menu3:hover{
	font-weight: 800;
}
.menu4{
	text-decoration:none;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 1px;
	color:#D7DDE1;
}
.menu4:hover{
	font-weight: 800;
}
.menu_sel{
	text-decoration:none;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 1px;
	color:white;
}
.menu_sel_bl{
	text-decoration:none;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 1px;
	color:black;
}
.menu_sel_blue{
	text-decoration:none;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 1px;
	color:#2870ED;
}
.menu_inactive{
	text-decoration:none;
	font-weight: 600;
	font-size: 12px;
	letter-spacing: 1px;
	color:#DEE5E9;
}
.green{
	color:#00D296;
}
.green_dark1{
	color:#36BC87;
}
.green_dark2{
	color:#005028;
}
.red{
	color:#F95654;
}
.red_dark1{
	color:#EF4644;
}
.red_dark2{
	color:#D93B3B;
}
.orange{
	color:#FF9258;
}
.orange_dark1{
	color:#F2884F;
}
.orange_dark2{
	color:#862F01;
}

input[type="text"]  {
	background: #F6F8F9;
	padding: 10px;
	border: 0;
	border-bottom: solid 2px #c9c9c9;
	transition: border 0.3s;
	background-image: url('img/login_user.png');
	background-repeat: no-repeat;
    background-position: 0 10px;
    text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 1px;
}
input[type="password"] {
	background: #F6F8F9;
	padding: 10px;
	border: 0;
	border-bottom: solid 2px #c9c9c9;
	transition: border 0.3s;
	background-image: url('img/login_pwd.png');
	background-repeat: no-repeat;
    background-position: 7px 10px;
    text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 1px;
}
input[type="text"]:focus,input[type="text"].focus {
  border-bottom: solid 2px #969696;
}
input[type="password"]:focus,input[type="password"].focus {
  border-bottom: solid 2px #969696;
}
input[type="submit"] {
	background: #F6F8F9;
	border: 0;
}
.txt01{
	font-size: 24px;
	letter-spacing: 1px;
	color:#000000;
	font-weight:300;
}
.txt02{
	font-size: 12px;
	letter-spacing: 1px;
	color:#D7DDE1;
	font-weight:400;
}
.txt2{
	text-decoration:none;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 1px;
	color:black;
}
.txt2_white{
	text-decoration:none;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 1px;
	color:white;
}
.txt3{
	text-decoration:none;
	font-weight: 700;
	font-size: 10px;
	letter-spacing: 1px;
	color:black;
}
#nutz_mouseover1{
	display: none;
	background-image: url('img/nutz_info_ges.png?&v=1');
	background-repeat: no-repeat;
	position: absolute;
	top: 36px;
	left: 9px;
	width: 158px;
	height: 90px;
	z-index: 5;
}
#nutz_mouseover2{
	display: none;
	background-image: url('img/nutz_info_monat.png?&v=1');
	background-repeat: no-repeat;
	position: absolute;
	top: 86px;
	left: 9px;
	width: 158px;
	height: 90px;
	z-index: 5;
}
#nutz_mouseover{
	display: none;
	background-image: url('img/nutz_info.png?v=1');
	background-repeat: no-repeat;
	position: absolute;
	top: 36px;
	left: 9px;
	width: 158px;
	height: 90px;
	z-index: 5;
}
#info_mouseover{
	display: none;
	background-image: url('img_info.php?i=1?&v=1');
	background-repeat: no-repeat;
	position: relative;
	top: 20px;
	left: 100px;
	width: 350px;
	height: 50px;
	z-index: 12;
}
#info_mouseover2{
	display: none;
	background-image: url('img_info.php?i=99&v=random(99)');
	background-repeat: no-repeat;
	position: relative;
	top: 42px;
	left: 100px;
	width: 350px;
	height: 50px;
	z-index: 12;
}
.onoffswitch {
	position: relative; width: 90px;
	-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
	display: none;
}
.onoffswitch-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	*border: 1px solid #999999;
	border: 0;
	border-radius: 5px;
}
.onoffswitch-inner {
	display: block;
	width: 200%;
	margin-left: -100%;
	transition: margin 0.2s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
	display: block;
	float: left;
	width: 50%;
	height: 20px;
	padding: 0;
	line-height: 20px;
	font-size: 12px;
	color: white;
	font-weight:600;
	box-sizing: border-box;
}
.onoffswitch-inner:before {
	content: "Jahr";
	padding-left: 10px;
	background-color: #E0F0FF;
	color: #2870ED;
}
.onoffswitch-inner:after {
	content: "Quartal";
	padding-right: 10px;
	background-color: #EFF8FF;
	color: #2870ED;
	text-align: right;
}
.onoffswitch-switch {
	display: block;
	width: 8px;
	margin: 6px;
	background: #2870ED;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 68px;
	*border: 1px solid #999999;
	border: 0;
	border-radius: 5px;
	transition: all 0.5s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
	margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
	right: 0px;
}
.dl_link{
	text-decoration:none;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 1px;
	color:black;
	text-decoration: underline;
}
.dl_link:hover{
	font-weight: 800;
}
.onoffswitchRM {
	position: relative; width: 120px;
	-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitchRM-checkbox {
	display: none;
}
.onoffswitchRM-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	*border: 0;
	border: 1px solid #999999;
	border-radius: 5px;
}
.onoffswitchRM-inner {
	display: block;
	width: 200%;
	margin-left: -100%;
	transition: margin 0.2s ease-in 0s;
}
.onoffswitchRM-inner:before, .onoffswitchRM-inner:after {
	display: block;
	float: left;
	width: 50%;
	height: 20px;
	padding: 0;
	line-height: 20px;
	font-size: 12px;
	color: white;
	font-weight:600;
	box-sizing: border-box;
}
.onoffswitchRM-inner:before {
	content: "Personen";
	padding-left: 10px;
	background-color: #E0F0FF;
	color: #2870ED;
}
.onoffswitchRM-inner:after {
	content: "Betreuung";
	padding-right: 10px;
	background-color: #EFF8FF;
	color: #2870ED;
	text-align: right;
}
.onoffswitchRM-switch {
	display: block;
	width: 8px;
	margin: 6px;
	background: #2870ED;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 98px;
	border: 1px solid #999999;
	*border: 0;
	border-radius: 5px;
	transition: all 0.5s ease-in 0s;
}
.onoffswitchRM-checkbox:checked + .onoffswitchRM-label .onoffswitchRM-inner {
	margin-left: 0;
}
.onoffswitchRM-checkbox:checked + .onoffswitchRM-label .onoffswitchRM-switch {
	right: 0px;
}