html,body{
font-family: 'Magistral', 'Ubuntu', "Open Sans", Helvetica, Arial, sans-serif;
background-color:#fbfbfb;
padding:0;
margin:0;
font-size: 12px;
overflow-x: hidden;
}
img{border:0;}
h1{font-size:26px;color:#aaa;line-height:20px;}
h2{font-size:18px;color:#515151;line-height:20px;}
h3{font-size:16px;color:#515151;}
h4{font-size:14px;margin-top:5px;color:#515151;font-weight:bold;}
.light h1{font-size:26px;color:#515151;line-height:20px;}
h1 a, h2 a, h3 a, h4 a{
	color:#515151;
}


body {
  padding: 0;
  margin: 0;
  min-height: 100vh;
  background: #2A2A2A;
	font-family: 'Magistral', 'Ubuntu', "Open Sans", Helvetica, Arial, sans-serif;
}

h1 {
    font-size: 20px;
}

h2 {
    font-size: 18px;
}
h3 {
    font-size: 17px;
}
h4 {
    font-size: 16px;
}

a{
	
	text-decoration: none;
}

select{
	border-radius: 5px;
	padding: 2px;
}

.text_gross{
display:block;
font-size:18px;
color:#5f5f5f;
margin:0;
padding:10px 0;
}

#page{
	width: 90%;
	margin: 0 auto;
	padding:30px;
	overflow: overlay;
}

#head {
background-image: -webkit-linear-gradient(top,#fff 0,#f8f8f8 100%);
background-image: linear-gradient(to bottom,#fff 0,#f8f8f8 100%);
background-repeat: repeat-x;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#fff8f8f8',GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 5px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 5px rgba(0,0,0,0.075);
	font-size: 20px;
	vertical-align: top;
	padding: 8px;
}

#head a.header_logo{
	margin-right: 15px;
}

#head #nav_header a.header_link{
	color: #515151;
	line-height: 20px;
}

#head #nav_header{
	display: inline-block;
	margin: 5px;
}

#nav{
	margin: 10px 0px;
	border-bottom: 1px solid #ededed;
	border-top: 1px solid #ededed;
	width: 100%;
}

#nav ul{
	margin: 0;
	padding: 0;
}

#nav_right{
	margin: 10px 0px;
	margin-top: 25px;
	float: right;
}

#nav ul  li, #nav_right ul  li{
	
	list-style-type: none;
	margin: 0px 5px;
	line-height: 26px;
	vertical-align: center;
	float: left;
}
#nav ul  li a, #nav_right ul  li a{
	
	text-transform: uppercase;
	color: #BABABA;
	font-weight: bold;
	margin: 0 10px;
}
#nav ul  li a:hover, #nav_right ul  li a:hover{
	
	border-bottom: 1px solid #636363;
}
#nav ul  li a.aktiv, #nav_right ul  li a.aktiv{
	
	border-bottom: 3px double #636363;
}
#nav ul , #nav_right ul  {
	
	list-style-type: none;
}

#title {
	font-weight:bold;
	font-size: 18px;
	color:#7b6f64;
}
#sub_title {
	color:#7b6f64;
	
}

.sp_clearfix {
	clear:both;
	margin:0;
	padding:0;
	height:0px;
}
	
#content{
text-align:left;
margin:0;
display:inline-block;
color:#535353;
position:relative;
	width: 100%;
}
	
.uebresicht_diagramm{
border: 1px solid #aaa;
border-radius: 8px;
margin-bottom: 10px;
padding: 0 25px 25px;
background-color:#FFF;
	box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}

.header{
display:table-cell;
vertical-align: middle;
height:120px;
width:1024px;
border-bottom:1px dotted #999;
}

.header .sp_logo{
display:inline-block;
background-image:url(../img/logo.jpg);
background-repeat: no-repeat;
background-position: top left;
padding-left:166px;
height:55px;
margin-left:20px;
margin-top: 15px;
}
.header .sp_logo p{
color:#645649;
vertical-align: middle;
font-size:14px;
}
.header .sp_logo p .tel_icon{
display:inline-block;
background-image:url(../img/tel_icon_klein.png);
background-repeat: no-repeat;
background-position: center left;
font-size:20px;
padding-left:25px;
font-weight:bold;
color:#7b6f64;
}
.header .sp_logo p .kosten{
display:inline-block;
font-size:14px;
font-weight:normal;
margin-left:205px;
position:absolute;
top:70px;
color:#7ab51d;

}

.live_chat {
display:inline-block;
background-image:url(https://www.seniorplace.de/landing/v002/img/livechat.png);
background-repeat: no-repeat;
background-position: center left;
width:246px;
height:83px;
float: right

}
.live_chat div {
	padding:10px 0 2px 100px;
	color:#7ab51d;
	font-size:20px;
	
	
}
.live_chat a{
	padding-left:100px;
	color:#535353;
	
	font-size:11px;
}
.formular{
display:inline-block;
width:512px;
float:left;
}
.formular .cont{
padding: 0px 5px 20px 20px;
}
.teaser{
display:inline-block;
background-image:url(../img/teaser.png);
background-repeat: no-repeat;
background-position: top right;
width:512px;
height:646px;
}

.sp_block{
padding:10px 0;
border-bottom:1px dotted #999;
font-size:12px;
}
.sp_block:last-child{
border-bottom:none;
}

.sp_label{
display:inline-block;
width:180px;
margin:8px 0;
}
.sp_label_schnell{
display:inline-block;
width:150px;
margin:8px 0;
}

.form_desc{
	
	font-size:14px;
	margin-top:5px;
	color:#7b6f64;
	font-weight:bold;
}

.sp_input{
display:inline-block;
width:280px;
border:1px solid #bbb;
padding-left:10px;
}
.sp_input:focus{
	border:1px solid #79b51c ;
}
.sp_input.sp_error_field {border:1px solid #DC143C; background-color:#FFEFEF;}

.sp_input.sp_error2_field {border:1px solid #DC143C; background-color:#FFEFEF;}

.sp_select{
display:inline-block;
width:290px;
border:1px solid #bbb;
padding-left:10px;
}
.input_tipp {
	position:relative;
	z-index:20;
}
.input_tipp span{
	display:none;
}
.input_tipp:hover{
	z-index:21;
}
.input_tipp:hover span{
	display:block;
	padding:5px;
	background-color:#E9F0E1;
	border:#999 1px dotted;
	left:512px;
	top:5px;
	width:200px;
	position:absolute;
	border-radius:6px;
}

.sp_callday select{
border:1px solid #bbb;
width:112px;
}
input[type=submit], input[type=button]{
  background-image: linear-gradient(#8ac628, #67a303 100%);
  border:1px solid #addd6d;
  cursor:pointer;
  font-size:16px;
  
  font-weight:bold;
  color:#FFF;
  padding:5px 10px;
  margin-left:0px;
}
input:hover[type=submit], input:hover[type=button]{
background-image: linear-gradient(#67a303,#8ac628 100%);
}
input:active[type=submit], input:active[type=button]{
  background-image: linear-gradient(#8ac628, #67a303 100%);
}


input.error[type=submit], input.error[type=button]{
  background-image: linear-gradient(#ffc628, #dea303 100%);
  outline: 1px solid #a97c15;
  border:1px solid #ffdd6d;
  cursor:pointer;
  font-size:16px;
  
  font-weight:bold;
  color:#FFF;
  padding:5px 10px;
  margin-left:0px;
  border:0px;
}
input.error:hover[type=submit],input.error:hover[type=button]{
  background-image: linear-gradient(#dea303, #ffc628 100%);
}







.pflicht{
display:inline-block;
color:#999; 
font-size:12px;
bottom:0;
margin-top:10px;
}
.extra_conten{
border-top:1px dotted #999;
margin-top:0;
padding:0 20px;
}

.sp_frame{
margin:20px 0;
border-bottom:1px dotted #999;
}
.dotted_line{
display:block;
border-bottom:1px dotted #999;
margin: 20px 0;
}

.box_2{
display:inline-block;
width:480px;
height:auto;
vertical-align:top;
}
.left{
float:left;
}

.right{
float:right;
}
.box_4{
display:inline-block;
}
.box_4 p{
vertical-align:top;
float:left;
width:238px;
margin-left:10px;
}
.box_4 p:first-child{
margin-left:0;
}
.box_4 .grafik_4{
	
display:inline-block;
float:left;
width:238px;
height:158px;
background-repeat:no-repeat;
background-position:top right;
margin-top:20px;
}

.einrichtung_mit_sternen{
background-image:url(../img/einrichtung_mit_sternen.png);
}

.sp_checklisten {
	display:inline-block;
	background-image:url(../img/formulare.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:221px;
	padding-bottom:150px;
	border:none;
}
.sp_errors {
	 font-size:14px;
    position:absolute;
	margin-left:512px;
	margin-top:40px;
    display:none; 
    z-index:15; 
    color:#DC143C; 
    font-weight:bold;
}
.sp_errors_close{
	position:absolute; 
	background:url(../img/close.png) no-repeat;
	cursor:pointer;
	width:40px;
	height:40px;
	left:270px;
	
}
.sp_error_div {
    width:250px; 
    margin:0 10px;
}
.sp_error_arrow {
    position:absolute; 
    left:0px; 
    top:50%; 
    background:url(../img/errors_arrow.png) no-repeat; 
    width:40px; 
    height:30px; 
}
.sp_error_top {
    background:url(../img/errors_top.png) no-repeat; 
    width:330px; 
    height:29px;
 
}
.sp_error_middle {
    background:url(../img/errors_middle.png) repeat-y; 
    width:330px;
    height:150px; 
    padding-left:40px; 
}
.sp_error_bottom {
    background:url(../img/errors_bottom.png) no-repeat;
    width:330px;
    height:30px; 
}
.sp_errors2 {
	 font-size:14px;
    position:absolute;
    display:none;
	margin-top:50px;
	margin-left:250px;
    z-index:15; 
    color:#DC143C; 
    font-weight:bold;
}
.sp_errors2_close{
	position:absolute; 
	background:url(../img/close.png) no-repeat;
	cursor:pointer;
	width:40px;
	height:40px;
	left:30px;
	
}
.sp_error2_div {
    width:300px; 
    margin:0 10px;
}
.sp_error2_arrow {
    position:absolute;
	right:0px;
	margin-right:25px;
    top:50%; 
    background:url(../img/errors_arrow2.png) no-repeat; 
    width:40px; 
    height:30px; 
}
.sp_error2_top {
    background:url(../img/errors_top.png) no-repeat; 
    width:330px; 
    height:30px; 
}
.sp_error2_middle {
    background:url(../img/errors_middle.png) repeat-y; 
    width:330px;
    height:150px; 
    padding-left:40px; 
}
.sp_error2_bottom {
    background:url(../img/errors_bottom.png) no-repeat;
    width:330px;
    height:30px;
}
.abbinder{
padding:0 20px;
display:inline-block;
}
.abbinder .banner{
display:inline-block;
width:482px;
margin-right:10px;
}
.sp_beraterin {
		display:inline-block;
	background-image:url(../img/beraterin.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:141px;
	margin-left:20px;
	width:300px;
	display:inline-block;
}
.sp_telnummer {
	background-image:url(../img/tel_icon.png);
	background-repeat:no-repeat;
	background-position:top left;
	position:relative;
	line-height:40px;
	padding-left:50px;
	
	font-weight:bold;
	color:#76b82a;
	font-size:34px;
}
.sp_telnummer span{
font-size:14px;
line-height:14px;
display:inline-block;

color:#999; 
font-weight:normal;
width:90px;
margin-left:10px;
}
.green_squer{
color:#7ab51d;
list-style-type:square;
}
.green_squer span {
color:#535353;
}
.mini_form{
border:1px dotted #999;
display:inline-block;
vertical-align:top;
width:462px;
padding:10px;
}
.house_line{
	background-image: url(../img/haeuser.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding-right:1024px;
	padding-bottom:100px;
	margin-top:20px;
}
.blank_line{
	padding-top:10px;
}
.gray_line{
	width: 1024px;
	background-color:#CCCCCC;
	height:1px;
}
#footer {
	color: #FFF;	
}
#footer ul li {
	margin-right:10px;
	float:right;
	padding-left:10px;
	list-style:none;

}
#footer a{
	text-decoration:none;
	color:#535353;
}
#footer a:hover{
	text-decoration:underline;
}
.tipp{
margin-top:10px;
display:inline-block;
}
.tipp span{
color:#7ab51d;
font-weight:bold;
}
.was_ist_sp{
display:block;
height:250px;
width:100%;
color:#645649;
}
.wisp_title{
padding:10px 0;
text-align:center;
font-size:20px;

font-weight:bold;
text-align:left;
padding-left:20px;
}
.wisp_cont{
display:inline-block;
width:200px;
text-align:center;
font-size:20px;
}
.wisp_cont p{
font-size:18px;
}

.wisp_bild{
  display:inline-block;		
	background-repeat:no-repeat;
	background-position:40px 0;
	width:100%;
	height:120px;
}
.wisp_b1{
	background-image:url(../img/wisp_bild1.png);
}
.wisp_b2{
	background-image:url(../img/wisp_bild2.png);
}
.wisp_b3{
	background-image:url(../img/wisp_bild3.png);
}
.wisp_b4{
	background-image:url(../img/wisp_bild4.png);
}
.wisp_pfeil{
background-image:url(../img/pfeil.png);
  display:inline-block;		
	background-repeat:no-repeat;
	background-position:top left;
	width:40px;
	height:40px;	
  margin-bottom: 60px;

}

#keine_tabs > ul > li.diagramm_aktiv{
	background: #fff;
}

#keine_tabs > ul > li.diagramm_tab{
	cursor: pointer;
}


.error {
	font-size:14px;
    color:#DC143C; 
    font-weight:bold;
}













.sp_input{
display:inline-block;
width:280px;
border:1px solid #bbb;
padding-left:10px;
}
.sp_input:focus{
	border:1px solid #79b51c ;
}
.sp_input.sp_error_field {border:1px solid #DC143C; background-color:#FFEFEF;}

.sp_input.sp_error2_field {border:1px solid #DC143C; background-color:#FFEFEF;}

.sp_select{
display:inline-block;
width:290px;
border:1px solid #bbb;
padding-left:10px;
}
.input_tipp {
	position:relative;
	z-index:20;
}
.input_tipp span{
	display:none;
}
.input_tipp:hover{
	z-index:21;
}
.input_tipp:hover span{
	display:block;
	padding:5px;
	background-color:#E9F0E1;
	border:#999 1px dotted;
	left:512px;
	top:5px;
	width:200px;
	position:absolute;
	border-radius:6px;
}

.sp_callday select{
border:1px solid #bbb;
width:112px;
}
input[type=submit], button.submit{
  background-image: linear-gradient(#8ac628, #67a303 100%);
  border:1px solid #addd6d;
  cursor:pointer;
  font-size:16px;
  
  font-weight:bold;
  color:#FFF;
  padding:5px 10px;
  margin-left:0px;
  border-radius: 10px;
}
input:hover[type=submit], button.submit:hover{
background-image: linear-gradient(#67a303,#8ac628 100%);
}
input:active[type=submit], button.submit:active{
  background-image: linear-gradient(#8ac628, #67a303 100%);
}


input.error[type=submit], button.error{
  background-image: linear-gradient(#ffc628, #dea303 100%);
  border:1px solid #ffdd6d;
  cursor:pointer;
  font-size:16px;
  
  font-weight:bold;
  color:#FFF;
  padding:5px 10px;
  margin-left:0px;
}
input.error:hover[type=submit], button.error:hover{
  background-image: linear-gradient(#dea303, #ffc628 100%);
}


input.add[type=submit], button.add{
	background: #8ac628 url(/images/tr_plus.png) 5px 40% no-repeat;
	border:1px solid #addd6d;
	cursor:pointer;
	font-size:16px;

	font-weight:bold;
	color:#FFF;
	padding:5px 10px;
	padding-left:25px;
	margin-left:0px;
	border-radius: 10px;
}
input.add:hover[type=submit], button.add:hover{
	background: #67a303 url(/images/tr_plus.png) 5px 40% no-repeat;
}


input.remove[type=submit], button.remove{
	background: #dd4628 url(/images/tr_delete.png) 5px 40% no-repeat;
	border:1px solid #dd4628;
	cursor:pointer;
	font-size:16px;

	font-weight:bold;
	color:#FFF;
	padding:5px 10px;
	padding-left:25px;
	margin-left:0px;
	border-radius: 10px;
}
input.remove:hover[type=submit], button.remove:hover{
	background: #994628 url(/images/tr_delete.png) 5px 40% no-repeat;
	border:1px solid #994628;
}

input.haken[type=submit]{
	background: #8ac628 url(/images/tr_haken.png) 6px 40% no-repeat;
	border:1px solid #addd6d;
	cursor:pointer;
	font-size:16px;

	font-weight:bold;
	color:#FFF;
	padding:5px 15px;
	padding-left:25px;
	margin-left:0px;
	border-radius: 10px;
}

input.haken:hover[type=submit]{
	background: #67a303 url(/images/tr_haken.png) 6px 40% no-repeat;
}

input.haken_small[type=submit], input.haken_small:hover[type=submit]{
	padding:5px 15px;
}


input.save[type=submit]{
  background-image: linear-gradient(#33cc33, #337733 100%);
  border:1px solid #555;
  cursor:pointer;
  font-size:16px;
  
  font-weight:bold;
  color:#FFF;
  padding:5px 10px;
  margin-left:0px;
}
input.save:hover[type=submit]{
  background-image: linear-gradient(#337733, #33cc33 100%);
}




.pflicht{
display:inline-block;
color:#999; 
font-size:12px;
bottom:0;
margin-top:10px;
}
.extra_conten{
border-top:1px dotted #999;
margin-top:0;
padding:0 20px;
}

.sp_frame{
margin:20px 0;
border-bottom:1px dotted #999;
}
.dotted_line{
display:block;
border-bottom:1px dotted #999;
margin: 20px 0;
}

.box_2{
display:inline-block;
width:480px;
height:auto;
vertical-align:top;
}
.left{
float:left;
}

.right{
float:right;
}
.box_4{
display:inline-block;
}
.box_4 p{
vertical-align:top;
float:left;
width:238px;
margin-left:10px;
}
.box_4 p:first-child{
margin-left:0;
}
.box_4 .grafik_4{
	
display:inline-block;
float:left;
width:238px;
height:158px;
background-repeat:no-repeat;
background-position:top right;
margin-top:20px;
}

.einrichtung_mit_sternen{
background-image:url(../img/einrichtung_mit_sternen.png);
}

.sp_checklisten {
	display:inline-block;
	background-image:url(../img/formulare.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:221px;
	padding-bottom:150px;
	border:none;
}
.sp_errors {
	 font-size:14px;
    position:absolute;
	margin-left:512px;
	margin-top:40px;
    display:none; 
    z-index:15; 
    color:#DC143C; 
    font-weight:bold;
}
.sp_errors_close{
	position:absolute; 
	background:url(../img/close.png) no-repeat;
	cursor:pointer;
	width:40px;
	height:40px;
	left:270px;
	
}
.sp_error_div {
    width:250px; 
    margin:0 10px;
}
.sp_error_arrow {
    position:absolute; 
    left:0px; 
    top:50%; 
    background:url(../img/errors_arrow.png) no-repeat; 
    width:40px; 
    height:30px; 
}
.sp_error_top {
    background:url(../img/errors_top.png) no-repeat; 
    width:330px; 
    height:29px;
 
}
.sp_error_middle {
    background:url(../img/errors_middle.png) repeat-y; 
    width:330px;
    height:150px; 
    padding-left:40px; 
}
.sp_error_bottom {
    background:url(../img/errors_bottom.png) no-repeat;
    width:330px;
    height:30px; 
}
.sp_errors2 {
	 font-size:14px;
    position:absolute;
    display:none;
	margin-top:50px;
	margin-left:250px;
    z-index:15; 
    color:#DC143C; 
    font-weight:bold;
}
.sp_errors2_close{
	position:absolute; 
	background:url(../img/close.png) no-repeat;
	cursor:pointer;
	width:40px;
	height:40px;
	left:30px;
	
}
.sp_error2_div {
    width:300px; 
    margin:0 10px;
}
.sp_error2_arrow {
    position:absolute;
	right:0px;
	margin-right:25px;
    top:50%; 
    background:url(../img/errors_arrow2.png) no-repeat; 
    width:40px; 
    height:30px; 
}
.sp_error2_top {
    background:url(../img/errors_top.png) no-repeat; 
    width:330px; 
    height:30px; 
}
.sp_error2_middle {
    background:url(../img/errors_middle.png) repeat-y; 
    width:330px;
    height:150px; 
    padding-left:40px; 
}
.sp_error2_bottom {
    background:url(../img/errors_bottom.png) no-repeat;
    width:330px;
    height:30px;
}
.abbinder{
padding:0 20px;
display:inline-block;
}
.abbinder .banner{
display:inline-block;
width:482px;
margin-right:10px;
}
.sp_beraterin {
		display:inline-block;
	background-image:url(../img/beraterin.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:141px;
	margin-left:20px;
	width:300px;
	display:inline-block;
}
.sp_telnummer {
	background-image:url(../img/tel_icon.png);
	background-repeat:no-repeat;
	background-position:top left;
	position:relative;
	line-height:40px;
	padding-left:50px;
	
	font-weight:bold;
	color:#76b82a;
	font-size:34px;
}
.sp_telnummer span{
font-size:14px;
line-height:14px;
display:inline-block;

color:#999; 
font-weight:normal;
width:90px;
margin-left:10px;
}
.green_squer{
color:#7ab51d;
list-style-type:square;
}
.green_squer span {
color:#535353;
}
.mini_form{
border:1px dotted #999;
display:inline-block;
vertical-align:top;
width:462px;
padding:10px;
}
.house_line{
	background-image: url(../img/haeuser.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding-right:1024px;
	padding-bottom:100px;
	margin-top:20px;
}
.blank_line{
	padding-top:10px;
}
.gray_line{
	width: 1024px;
	background-color:#CCCCCC;
	height:1px;
}
#footer {
	color: #FFF;	
}
#footer ul li {
	margin-right:10px;
	float:right;
	padding-left:10px;
	list-style:none;

}
#footer a{
	text-decoration:none;
	color:#535353;
}
#footer a:hover{
	text-decoration:underline;
}
.tipp{
margin-top:10px;
display:inline-block;
}
.tipp span{
color:#7ab51d;
font-weight:bold;
}
.was_ist_sp{
display:block;
height:250px;
width:100%;
color:#645649;
}
.wisp_title{
padding:10px 0;
text-align:center;
font-size:20px;

font-weight:bold;
text-align:left;
padding-left:20px;
}
.wisp_cont{
display:inline-block;
width:200px;
text-align:center;
font-size:20px;
}
.wisp_cont p{
font-size:18px;
}

.wisp_bild{
  display:inline-block;		
	background-repeat:no-repeat;
	background-position:40px 0;
	width:100%;
	height:120px;
}
.wisp_b1{
	background-image:url(../img/wisp_bild1.png);
}
.wisp_b2{
	background-image:url(../img/wisp_bild2.png);
}
.wisp_b3{
	background-image:url(../img/wisp_bild3.png);
}
.wisp_b4{
	background-image:url(../img/wisp_bild4.png);
}
.wisp_pfeil{
background-image:url(../img/pfeil.png);
  display:inline-block;		
	background-repeat:no-repeat;
	background-position:top left;
	width:40px;
	height:40px;	
  margin-bottom: 60px;

}

p.error{
	color: #ff0000;
}

span.error{
	color: #ff0000;
}

span.richtig{
	color: #00ff00;
}

.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; margin-bottom: -10px;}
.ui-timepicker-div dl dt{ height: 20px; }
.ui-timepicker-div dl dd{ margin: -10px 0px 0px 65px; height:15px; }
.ui-timepicker-div td { font-size: 90%; }


input.error{ border-color: #ff5555;}

tr.durchstreichen td{
	text-decoration: line-through;
}

#suchenbox {
width: 331px;
height: 28px;
background: #FFF;
border-radius: 3px;
padding: 5px;
float: left;
}

#suchenbox img {
padding: 5px;
float: left;
}

#suchenbox input{
width: 283px;
margin: 0;
font-size: 14px;
height: 21px;
line-height: 21px;
color: #555;
z-index: 8;
border: 0px solid #aaa;
padding: 4px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
top: 0;
left: 8px;
background: 0 0;
}

#suchenbox input:active, #suchenbox input:focus{
border: 0px;
box-shadow: 0 0 0 0;
}

img.prio{
	margin: 0px 10px;
}

tr.kundenzeile td{
	background-color: #f1f1f1;
	font-weight: bold;
}



#todos_sidebar{
	position:absolute;
	width:335px;
	left:-320px;
	top:150px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 10px;
	z-index: 99;
    -webkit-transition: all 0.5s ease-out;
	overflow: hidden;
	padding: 10px 0 10px 10px;
}
#todos_sidebar.anzeigen{
	left:0px;
}
#todos_sidebar_show{
	position:absolute;
	width:25px;
	height:25px;
	right:0px;
	top:0px;
	background-image:url(/images/pfeile_nach_rechts.png);
	background-repeat: no-repeat;
	background-position: center center;
	
}
#todos_sidebar_show.anzeigen{
	background-image:url(/images/pfeile_nach_links.png);
	background-repeat: no-repeat;
	background-position: center center;
	
}
#todos_sidebar_inner{
	position:relative;
	width:310px;
	left:0px;
}

#todos_sidebar_inner .ui-accordion .ui-accordion-content{
	margin:0px;
	padding:0px;
}

#keine_tabs > ul > li {
	padding: 5px 10px;
}

.content_background{
	padding: 10px;
	border-radius:5px;
	background-color: #fff;
	border: 1px solid #aaa;
}

#logout{
	position: absolute;
	right: 10px;
	top: 0px;
	text-align: right;
}
#logout .einstellungen_links{
	position: relative;
	display: none;
	background-color: #eee;
	padding: 5px 15px;
	top: -5px;
    z-index: 5515;
}
#logout:hover  .einstellungen_links{
	display: block;
}
#logout .einstellungen_links a{
	font-size: 12px;
	color: #515151;
}





#dashboard_sidebar{
	position:absolute;
	width:335px;
	right:-310px;
	top:150px;
	background-color: #0F1113;
	border: 1px solid #ccc;
	border-radius: 10px;
	z-index: 99;
    -webkit-transition: all 0.5s ease-out;
	overflow: hidden;
	padding: 10px 0 10px 10px;
	color: #E9E9E9;
}
#dashboard_sidebar:hover{
	right:0px;
}
#dashboard_sidebar_show{
	position:absolute;
	width:25px;
	height:25px;
	left:0px;
	top:0px;
	background-image:url(/images/pfeile_nach_links.png);
	background-repeat: no-repeat;
	background-position: center center;
	
}
#dashboard_sidebar_show.anzeigen{
	background-image:url(/images/pfeile_nach_rechts.png);
	background-repeat: no-repeat;
	background-position: center center;
	
}
#dashboard_sidebar_inner{
	position:relative;
	width:310px;
	left:0px;
}

#dashboard_sidebar_inner .ui-accordion .ui-accordion-content{
	margin:0px;
	padding:0px;
}

	div#dashboard_loader {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		display: none;
		background-color: rgba(155,155,155,0.5);
		z-index: 1000;
		background-image: url("https://tools.42digital.com/images/loading.gif");
		background-position: center;
		background-size: 50px;
		background-repeat: no-repeat;
	}
	
	
  .ui-tabs-vertical { width: 55em; }
  .ui-tabs-vertical > .ui-tabs-nav  { padding: .2em .1em .2em .2em; float: left; width: 12em; }
  .ui-tabs-vertical > .ui-tabs-nav > li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
  .ui-tabs-vertical > .ui-tabs-nav > li a { display:block; }
  .ui-tabs-vertical > .ui-tabs-nav > li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; }
  
.ui-tabs-vertical > .ui-tabs-panel {
  padding: 0!important;
  float: left;
    width: 100%;
}
  
  
  
#dashboardwidget_change_tabs_dialog{
	overflow: visible;
}


#dashboardwidget_change_tabs{ 
	border:0px;
}
#dashboardwidget_change_tabs > ul.ui-tabs-nav{ 
  border: 0px;
  background: transparent;
  margin-top: 25px;
  margin-left: -120px;
  width: 99px;
}
#dashboardwidget_change_tabs > ul.ui-tabs-nav > li{ 
	  border-top-right-radius: 0px;
	  border-bottom-right-radius: 0px;
}
#dashboardwidget_change_tabs > ul.ui-tabs-nav > li, #dashboardwidget_change_tabs > ul.ui-tabs-nav > li > a{ 
	outline-color: transparent!important;
}
	




button.login {
    background-color: #5cb85c;
    color: #fff;
    border: 0px;
    border-radius: 5px;
    margin-left: 5px;
    transition: all 0.5s;
    display: block;
    margin: 10px 0;
    width: 100%;
    padding: 6px 0px;
}
button.login:hover {
    background-color: #598e59;
}

.container.loginDiv {
    width: 100%;
    max-width: 350px;
    background-color: #fff;
    margin: auto;
    padding: 10px;
    border-radius: 5px;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

td {
    margin: 0;
    padding: 2px 3px;
    border: 0;
}

table tr{
    background-color: #d6d6d6;
	border-bottom: 1px solid #666;
}

table tr:nth-child(2n){
    background-color: #efefef;
}

table.buchunskalender2 {

}

table.buchunskalender2 td {
    height: 30px;
    overflow:hidden;
    position: relative;
    display: table-cell;
    width: 100px;
    margin: 0;
    padding: 0;
}

table.buchunskalender2 td.datum {
    height: 30px;
    overflow:hidden;
}

table.buchunskalender2 td > span {
    height: 40px;
    overflow:hidden;
    vertical-align: middle;
    line-height: 40px;
    display: block;
    white-space: nowrap;
}

table.buchunskalender2 td div.dayContent {
    height: 40px;
    overflow:hidden;
    vertical-align: middle;
    line-height: 40px;
}

table.buchunskalender2 td div.dayContent span.arrival {
    background-color:#0f0;
}

table.buchunskalender2 td div.dayContent span.departure{
    background-color:#f00;
}

table.buchunskalender2 td div.dayContent span.departure, table.buchunskalender2 td div.dayContent span.arrival {
    width:50%;
    display: inline-block;
}

.buchunskalender_content {
    white-space: nowrap;
    padding: 0 10px;
    height: 30px;
    line-height: 14px;
}

.buchunskalender_content.zimmer {
    white-space: nowrap;
    padding: 0 10px;
}

.buchunskalender_content.datum {
    text-align:center;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

th .buchunskalender_content.datum {
    width: 40px;
}

td .buchunskalender_content.datum {
    position:absolute;
    top: 0px;
    left: 0;
    /* height: 30px; */
    /* background-color: #88c426; */
    z-index: 1;
}

td .buchunskalender_content.datum .arrival, td .buchunskalender_content.datum .departure
{
    width: 50%;
    height: 30px;
    display:inline-block;
    margin: 5px 0;
    line-height: 30px;
}

td .buchunskalender_content.datum .arrival {
    background-color: transparent;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 18px solid #88c426;
    float: right;
}

td .buchunskalender_content.datum .departure {
    background-color: transparent;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 18px solid #88c426;
    float: left;
}


td .buchunskalender_content.datum .gebucht{height: 30px;display:inline-block;margin: 5px 0;line-height: 30px;background-color: #88c426;width: 100%;}



.buchunskalender_content_day,.buchunskalender_content_weekday{
    text-align:center;
    opacity: 0.7;
    z-index:0;
}

.buchunskalender_content_weekday{
    display:none;
}

table tr:nth-child(2n) .buchunskalender_content_weekday {
    display:block;
}

table tr:nth-child(2n) .buchunskalender_content_day {
    display:none;
}

.buchungsuebersicht input[type="text"] {
    max-width: 40px;
}

i.fa-info-circle+div.beschreibungspopup {
    
    display:none;
    position:absolute;
    background-color: #eee;
    border: 1px solid #333;
    padding: 10px;
}

table.buchungsuebersicht i.fa-info-circle:hover+div {
    display:block;
}




td .buchunskalender_content.datum .gebucht.bg_status_0,
table.buchungsuebersicht tr.status_0{
	background-color:#B7AC8A;
}
td .buchunskalender_content.datum .gebucht.bg_status_1,
table.buchungsuebersicht tr.status_1{
	background-color:#FFFFB5;
}
td .buchunskalender_content.datum .gebucht.bg_status_2,
table.buchungsuebersicht tr.status_2{
	background-color:#FFB74E;
}
td .buchunskalender_content.datum .gebucht.bg_status_3,
table.buchungsuebersicht tr.status_3{
	background-color:#00E400;
}
td .buchunskalender_content.datum .gebucht.bg_status_4,
table.buchungsuebersicht tr.status_4, td .buchunskalender_content.datum .gebucht.bg_status_9,
table.buchungsuebersicht tr.status_9, td .buchunskalender_content.datum .gebucht.bg_status_8,
table.buchungsuebersicht tr.status_8{
	background-color:#8182FF;
}
td .buchunskalender_content.datum .gebucht.bg_status_5,
table.buchungsuebersicht tr.status_5{
	background-color:#FF8181;
}
td .buchunskalender_content.datum .gebucht.bg_status_6,
table.buchungsuebersicht tr.status_6{
	background-color:#DE9FDE;
}
td .buchunskalender_content.datum .gebucht.bg_status_7,
table.buchungsuebersicht tr.status_7{
	background-color:#eee;
}


td .buchunskalender_content.datum .arrival.bg_status_0{
	border-right: 18px solid #B7AC8A;
}
td .buchunskalender_content.datum .arrival.bg_status_1{
	border-right: 18px solid #FFFFB5;
}
td .buchunskalender_content.datum .arrival.bg_status_2{
	border-right: 18px solid #FFB74E;
}
td .buchunskalender_content.datum .arrival.bg_status_3{
	border-right: 18px solid #00E400;
}
td .buchunskalender_content.datum .arrival.bg_status_4, td .buchunskalender_content.datum .arrival.bg_status_9, td .buchunskalender_content.datum .arrival.bg_status_8{
	border-right: 18px solid #8182FF;
}
td .buchunskalender_content.datum .arrival.bg_status_5{
	border-right: 18px solid #FF8181;
}
td .buchunskalender_content.datum .arrival.bg_status_6{
	border-right: 18px solid #DE9FDE;
}
td .buchunskalender_content.datum .arrival.bg_status_7{
	border-right: 18px solid transparent;
}

td .buchunskalender_content.datum .departure.bg_status_0{
	border-left: 18px solid #B7AC8A;
}
td .buchunskalender_content.datum .departure.bg_status_1{
	border-left: 18px solid #FFFFB5;
}
td .buchunskalender_content.datum .departure.bg_status_2{
	border-left: 18px solid #FFB74E;
}
td .buchunskalender_content.datum .departure.bg_status_3{
	border-left: 18px solid #00E400;
}
td .buchunskalender_content.datum .departure.bg_status_4, td .buchunskalender_content.datum .departure.bg_status_9, td .buchunskalender_content.datum .departure.bg_status_8{
	border-left: 18px solid #8182FF;
}
td .buchunskalender_content.datum .departure.bg_status_5{
	border-left: 18px solid #FF8181;
}
td .buchunskalender_content.datum .departure.bg_status_6{
	border-left: 18px solid #DE9FDE;
}
td .buchunskalender_content.datum .departure.bg_status_7{
	border-left: 18px solid transparent;
}

th.datum, td.datum {
    border-left: 1px solid #555;
}
.buchunskalender2 {
}
.buchunskalender2 thead th {
    white-space: nowrap;
}
.buchunskalender2 tbody td {
    white-space: nowrap;
}

.zui-wrapper {
    position: relative;
}
.zui-scroller {
    margin-left: 160px;
    overflow-x: scroll;
    overflow-y: visible;
    padding-bottom: 5px;
    width: calc(100% - 180px);
}
.buchunskalender2 .zui-sticky-col {
    left: 0;
    position: absolute;
    top: auto;
    width: 160px;
    line-height:30px;
    vertical-align:middle;
    background-color: #efefef;
    padding-top:7px;
}


.buchunskalender2 .ungerade .zui-sticky-col {
    background-color: #d6d6d6;
}

th.datum.wochentag_6, th.datum.wochentag_7, td.datum.wochentag_6, td.datum.wochentag_7 {
    background-color: #8e8e8e;
}














































.buchunskalender2_easy td, .buchunskalender2_easy th{
	position:relative;
	padding:  0;
	margin: 0;
}

.buchunskalender2_easy td .buchunskalender_content.datum{
	position:relative;
}




.buchunskalender2_easy .buchunskalender_content.zimmer{
    padding: 0;
    height: 20px;
}
.buchunskalender2_easy .buchunskalender_content.datum{
    padding: 0;
    height: 20px;
    width: 20px;
    font-size: 11px;
    line-height: 11px;
}

.buchunskalender2_easy td .buchunskalender_content.datum .gebucht{
	height: 20px;
	padding: 0;
	margin: 0;
}


.buchunskalender2_easy td .buchunskalender_content.datum .departure.bg_status_3 {
    border-left: 9px solid #00E400;
}

.buchunskalender2_easy td .buchunskalender_content.datum .departure {
    background-color: transparent;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left-width: 9px;
    float: left;
    margin: 0;
}

.buchunskalender2_easy td .buchunskalender_content.datum .arrival.bg_status_3 {
    border-right: 9px solid #00E400;
}

.buchunskalender2_easy td .buchunskalender_content.datum .arrival {
    background-color: transparent;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right-width: 9px;
    float: right;
    margin: 0;
}



.buchunskalender2_easy td .buchunskalender_content.datum .arrival.bg_status_0{
	border-right-width: 9px!important;
}

.buchunskalender2_easy td .buchunskalender_content.datum .departure.bg_status_0{
	border-left-width: 9px!important;
}


.detail_buchung_content{
    display: none;
    position: absolute;
    background-color: #eee;
    border: 1px solid #000;
    z-index: 99999;
    padding: 5px;
    border-radius: 5px;
}

.detail_buchung:hover + .detail_buchung_content, .detail_buchung_content:hover{
    display: block;
}

table.buchunskalender2 td.datum {
    height: 30px;
    overflow: inherit;
}

span.gereinigt, span.angereist{
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background-color: #2f6924;
    position: absolute;
}

span.gereinigt{
    top: 1px;
    left: 1px;
}

span.angereist{
    top: 1px;
    right: 1px;
}

.bg_status_7 span.gereinigt, .bg_status_7 span.angereist {
    display: none;
}

div.kommentare {

    width: 350px;
    position: absolute;
    background-color: #ccc;
    padding: 10px;
    box-shadow: 2px 2px 2px #777;
}

div.kommentare input, div.kommentare button, div.kommentare textarea {width: 100%!important;max-width: 100%!important;}




span.corona_abgelaufen, span.corona_aktuell {
    width: 20px;
    height:20px;
    border-radius: 30px;
    display: block;
    margin: 5px auto;
}

span.corona_abgelaufen{
    background-color: #f03737;
}

span.corona_aktuell{
    background-color: #37f037;
}
.doprint
{
    display:none!important;
}

@media print {
    .donotprint {
        display:none!important;
        opacity:0!important;
        height:0px!important;
        width:0px!important;
    }

    .donotprint * {
        display:none!important;
        opacity:0!important;
        height:0px!important;
        width:0px!important;
    }
    .doprint
    {
        display:initial!important;
    }
}