a {
	text-decoration:none;
	color:inherit;
	transition: color .25s ease-in-out; -moz-transition: color .25s ease-in-out; -webkit-transition: color .25s ease-in-out;

}
a:hover {
	color: #ee7202;
	transition: color .25s ease-in-out; -moz-transition: color .25s ease-in-out; -webkit-transition: color .25s ease-in-out;
}
body, html {
	font-family: 'Raleway';
	font-weight: 300;
	font-size:14px;
	line-height:150%;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}

input, select, textarea {
	font-family: 'Open Sans';
	font-weight: 400;
	border: none;
	padding:5px;
	background-color:#e6eaeb;
	color:black;
	font-size:10pt;
	width: 300px;
}

table {
	border:0;
	border-collapse:collapse;
	width:100%;
}
table tr td, table tr th {
	padding:5px;
	font-family: 'Open Sans';
	font-weight: 400;
}

#header1 {
	width: 100%;
	height: 100px;
	background-image:url(header.jpg);
	background-position:center;
	background-size:cover;
}
#header2 {
	margin:-70px 0 20px 0;
	padding: 0 20px;
	text-align:right;
	position:relative;
}
#header2content {
	text-align:left;
	position:absolute;
	top: calc(50% + 15px);
	color: #ee7202;
	font-size:22px;
	line-height:150%;
}

#header2login {
	text-align:left;
	color: black;
	font-size:16px;
	line-height:150%;
}

#menu {
	width: calc(100% - 20px);
	margin: 0 0 20px 0;
	padding-left:20px;
	background-color:#373b3c;
	float: left;
}

#menu ul {
	list-style:none;
	padding: 0;
	margin:0;
}


#menu ul li {
	color:white;
	float:left;
	padding: 20px 40px 20px 40px;
	text-decoration:none;
	font-size:14pt;
	background-repeat:no-repeat;
	background-position: 0;
	transition: background-image .25s ease-in-out, color .25s ease-in-out; -moz-transition: background-image .25s ease-in-out, color .25s ease-in-out; -webkit-transition: background-image .25s ease-in-out, color .25s ease-in-out;
}

#menu ul li:hover {
	color:#ee7202;
	transition: background-image .25s ease-in-out, color .25s ease-in-out; -moz-transition: background-image .25s ease-in-out, color .25s ease-in-out; -webkit-transition: background-image .25s ease-in-out, color .25s ease-in-out;
}

#menu ul li:hover > * {
	max-height:1000px;
	transition:max-height 1.3s;
	
}

#menu ul li ul {
	background-color:#373b3c;
	display: block;
  	position: absolute;
	margin-top:20px;
	margin-left:-40px;
	max-height:0;
	overflow:hidden;
	
}
#menu ul li ul li {
	padding:10px;
	font-size: 12pt;
	float:none;
}

#menu ul li ul li.active {
	color:#ee7202 !important;
}

#content {
	font-family: 'Open Sans';
	font-weight: 400;
	width: calc(100% - 40px);
	margin: 0 20px;
	float:right;
}

.text {
	line-height:150%;
}
	
.box_header {
	background-color:#e6eaeb;
	padding:10px;
}
.box_header .box_header_title {
	position: relative;
	margin-left: 20px;
	cursor: pointer;
}
.box_header .box_header_title:before {
	content: '';
	position: absolute;
	left: -20px;
	top: 6px;
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #000;
	clear: both;
}
.box_header.closed .box_header_title:before {
	border-bottom: none;
	border-top: 7px solid #000;
}
.box_header_left {
	background-color:#e6eaeb;
	width: calc(50% - 30px);
	padding:10px;
	float:left;
}

.box_header_right {
	background-color:#e6eaeb;
	width: calc(50% - 30px);
	padding:10px;
	float:right;
}
.box_content {
	padding:10px;
	border-style: solid;
    border-width: 3px;
	border-color:#e6eaeb;
	margin-bottom:20px;
}
.box_content.closed {
	height:0;
	overflow: hidden;
	padding: 0;
}
.box_content_left {
	padding:10px;
	float:left;
	width: calc(50% - 36px);
	border-style: solid;
    border-width: 3px;
	border-color:#e6eaeb;
}
.box_content_right {
	padding:10px;
	float:right;
	width: calc(50% - 36px);
	border-style: solid;
    border-width: 3px;
	border-color:#e6eaeb;
}
.box_left {
	width: calc(50% - 10px);
	float:left;
}
.box_right {
	width: calc(50% - 10px);
	float:right;
}
.plus {
	height:18px;
	width:18px;
	float:right;
	background-image: url(icons/plus.png);
	transition: background-image .25s ease-in-out; -moz-transition: background-image .25s ease-in-out; -webkit-transition: background-image .25s ease-in-out;
}
.plus:hover {
	background-image: url(icons/plus_hover.png);
	transition: background-image .25s ease-in-out; -moz-transition: background-image .25s ease-in-out; -webkit-transition: background-image .25s ease-in-out;
}

.edit {
	margin-left:10px;
	height:16px;
	width:14px;
	float:right;
	background-image: url(icons/edit.png);
	transition: background-image .25s ease-in-out; -moz-transition: background-image .25s ease-in-out; -webkit-transition: background-image .25s ease-in-out;
}
.edit:hover {
	background-image: url(icons/edit_hover.png);
	transition: background-image .25s ease-in-out; -moz-transition: background-image .25s ease-in-out; -webkit-transition: background-image .25s ease-in-out;
}

.delete {
	margin-left:10px;
	height:14px;
	width:14px;
	float:right;
	background-image: url(icons/delete.png);
	transition: background-image .25s ease-in-out; -moz-transition: background-image .25s ease-in-out; -webkit-transition: background-image .25s ease-in-out;
}
.delete:hover {
	background-image: url(icons/delete_hover.png);
	transition: background-image .25s ease-in-out; -moz-transition: background-image .25s ease-in-out; -webkit-transition: background-image .25s ease-in-out;
}


.custombutton {
	padding:5px;
	margin-bottom:10px;
	border: solid 1px #ee7202;
	width:auto !important;
	display:inline-block;
	color: #ee7202;
	transition: background-color .25s ease-in-out, color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out, color .25s ease-in-out; -webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out;
}
.custombutton:hover {
	background-color: #ee7202;
	color:white;
	transition: background-color .25s ease-in-out, color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out, color .25s ease-in-out; -webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out;
}

.trennlinie {
	width: 100%;
	height: 1px;
	background-color: #e6eaeb;
	margin: 10px 0 10px 0;
	clear:both;
}



#li_allgemeines { background-image: url(icons/allgemeines.png); } #li_allgemeines:hover, #li_allgemeines_active { background-image: url(icons/allgemeines_hover.png); color:#ee7202 !important; }
#li_bewohner { background-image: url(icons/bewohner.png); } #li_bewohner:hover, #li_bewohner_active { background-image: url(icons/bewohner_hover.png); color:#ee7202 !important; }
#li_benutzer { background-image: url(icons/bewohner.png); } #li_benutzer:hover, #li_benutzer_active { background-image: url(icons/bewohner_hover.png); color:#ee7202 !important; }
#li_kalender { background-image: url(icons/kalender.png); } #li_kalender:hover, #li_kalender_active { background-image: url(icons/kalender_hover.png); color:#ee7202 !important; }
#li_kontakt { background-image: url(icons/kontaktdaten.png); } #li_kontakt:hover, #li_kontakt_active { background-image: url(icons/kontaktdaten_hover.png); color:#ee7202 !important; }
#li_link { background-image: url(icons/link.png); } #li_link:hover, #li_link_active { background-image: url(icons/link_hover.png); color:#ee7202 !important; }
#li_duschliste { background-image: url(icons/duschliste.png); } #li_duschliste:hover, #li_duschliste_active { background-image: url(icons/duschliste_hover.png); color:#ee7202 !important; }
#li_logout { background-image: url(icons/logout.png); } #li_logout:hover, #li_logout_active { background-image: url(icons/delete_hover.png); color:#ee7202 !important; }


.benutzerzeile {
	transition: background-color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out; -webkit-transition: background-color .25s ease-in-out;
}
.benutzerzeile td {
	padding:10px;
}
.benutzerzeile:hover {
	background-color: #e6eaeb;
	border: none;
	cursor:pointer;
	transition: background-color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out; -webkit-transition: background-color .25s ease-in-out;
}

.tagebucheintrag {
	width: calc(100% - 27px);
	padding: 20px 10px;
	transition: background-color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out; -webkit-transition: background-color .25s ease-in-out;
	border-bottom: #e6eaeb 1px solid;
}

.tagebucheintrag:hover {
	background-color: #e6eaeb;
	transition: background-color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out; -webkit-transition: background-color .25s ease-in-out;
}


/* KALENDER */

.after, .before{
    color: #e6eaeb;
}
.after:hover, .before:hover {
	background-color:transparent !important;
}
.day {
	overflow-y:scroll;
	overflow-x:hidden;
    float:left;
	width: calc(14.28% - 10px);
    height:150px;
    text-align: left;
	padding:5px;
	transition: background-color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out; -webkit-transition: background-color .25s ease-in-out;
}

.day.woche div div div {
	padding: 15px 0 15px 5px;
	margin: 0 0 0 0;
	border-bottom: solid thin #333;
}

.day:hover {
	background-color: #e6eaeb;
	transition: background-color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out; -webkit-transition: background-color .25s ease-in-out;
	
}
.day.woche:hover {
	background-color:transparent;
}
.day.headline {
	height:auto;
	background-color:transparent !important;
	text-align:left;
	overflow:hidden;
}
.day.current {
	background-color: #ee7202;
}
.day.current a:hover {
	color:black;
}
.day.woche.current {
	background-color:#ffffff;
}

div.day.headline.current {
	background-color: #ee7202;
}
.monday {
	clear: left;
}
.clear {
    clear:left;
}
.pagination {
    text-align: center;
    height:20px;
    line-height:20px;
    font-weight: bold;
}
.pagihead { 
   display:inline-block;
   background: white;
   width: 140px;
   height: 20px;
   color: black;
}
.pagination a {
    width:20px;
    height:20px;
}




/* MINIKALENDER */


.tcalActive {
	
}
/* container of calendar's pop-up */
#tcal {
	position: absolute;
	visibility: hidden;
	z-index: 100;
	width: 200px;
	background-color: white;
	margin-top: 2px;
	padding: 0 2px 2px 2px;
	border: 1px solid silver;
}
#tcal2 {
	position: absolute;
	visibility: hidden;
	z-index: 100;
	width: 200px;
	background-color: white;
	margin-top: 2px;
	padding: 0 2px 2px 2px;
	border: 1px solid silver;
}

/* table containing navigation and current month */
#tcalControls {
	border-collapse: collapse;
	border: 0;
	width: 100%;
}
#tcalControls td {
	border-collapse: collapse;
	border: 0;
	padding: 0;
	width: 16px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	cursor: pointer;
}
#tcalControls th {
	border-collapse: collapse;
	border: 0;
	padding: 0;
	line-height: 25px;
	font-size: 10px;
	text-align: center;
	font-weight: bold;
	white-space: nowrap;
}
#tcalPrevYear { background-image: url('icons/cal/prev_year.gif'); }
#tcalPrevMonth { background-image: url('icons/cal/prev_mon.gif'); }
#tcalNextMonth { background-image: url('icons/cal/next_mon.gif'); }
#tcalNextYear { background-image: url('icons/cal/next_year.gif'); }

/* table containing week days header and calendar grid */
#tcalGrid {
	border-collapse: collapse;
	border: 1px solid silver;
	width: 100%;
}
#tcalGrid th {
	border-bottom: 1px solid silver;
	border-collapse: collapse;
	padding: 3px 0;
	text-align: center;
	font-size: 12px;
}
#tcalGrid td {
	border: 0;
	border-collapse: collapse;
	padding: 2px 0;
	text-align: center;
	width: 14%;
	font-size: 12px;
	cursor: pointer;
	transition: background-color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out; -webkit-transition: background-color .25s ease-in-out;
}	
#tcalGrid td:hover {
	background-color: #e6eaeb;
	transition: background-color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out; -webkit-transition: background-color .25s ease-in-out;
}
#tcalGrid td.tcalOtherMonth { color: #e6eaeb; }
#tcalGrid td.tcalWeekend { }
#tcalGrid td.tcalToday { background-color: #ee7202; font-weight:bold; }
#tcalGrid td.tcalSelected { border: solid 1px #ee7202; }		





.duschliste {
    float:left;
	width: calc(10% - 10px);
    padding: 15px 5px 15px 5px;
    text-align: center;
	transition: background-color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out; -webkit-transition: background-color .25s ease-in-out;
	color: white;
	background-color:white;
}
.duschliste:hover {
	background-color: #e6eaeb;
	transition: background-color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out; -webkit-transition: background-color .25s ease-in-out;
}
.duschliste.headline {
	color:inherit;
	height:auto;
	background-color:transparent !important;
}
.duschliste.headline.heute {
	background-color: #ee7202 !important;
	color: white;
}
.duschliste.name, .duschliste.name:hover {
	color:inherit;
	width: calc(30% - 10px);
	text-align:left;
	background-color:transparent;
}
.duschliste.geduscht, .duschliste.geduscht:hover {
	background-color: #ee7202;
	color: white;
}





.textvorschau {
	overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}




@media print {
	#header1, #header2, #menu {
		display:none;
	}
	#content {
		width:100%;
		margin:0;
	}
	.box_header a {
		display:none;
	}
	
}