body {
	font-family: Tahoma;
	font-size: 11pt;
	width: 99%;
	padding-bottom: 40px;
}

a {
	text-decoration: none;
	color: #2222aa;
}

a:hover {
	color: #770000;
	background-color: #b0b0b0;
	text-decoration: underline;
}

h2 {
	background-color: #ddd;
	padding: 10px;
	color: #555555;
}

img {
	border: 0;
}
.img_sort {
	padding: 5px 10px;
}
form {
	margin: 0px;
	padding: 0px;
}

.main {
	padding-left: 210px;
}

.left {
	background-color: #DDD;
	width: 200px;
	height: 900px;
	position: relative;
	float: left;
	margin-right: 10px;
	height: 100%;
	min-height: 500px;
}

.right {
	width: 270px;
	margin-top: 50px;
	margin-left: 10px;
	position: static;
	float: right;
	min-height: 500px;
}

/*leftmenü*/
.vertical-menu {
	width: 200px; /* Set a width if you like */
}

.vertical-menu a {
	background-color: #eee; /* Grey background color */
	color: black; /* Black text color */
	display: block; /* Make the links appear below each other */
	padding: 12px; /* Add some padding */
	text-decoration: none; /* Remove underline from links */
}

.vertical-menu a:hover {
	background-color: #ccc; /* Dark grey background on mouse-over */
}

.vertical-menu a.active {
	background-color: #4CAF50;
	/* Add a green color to the "active/current" link */
	color: white;
}

/*topmenü*/
.topnav {
	overflow: hidden;
	background-color: #333;
	margin-bottom: 15px;
}

.topnav a {
	float: left;
	color: #f2f2f2;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 17px;
}

.topnav a:hover {
	background-color: #ddd;
	color: black;
}

.topnav a.active {
	background-color: #4CAF50;
	color: white;
}

.print {
	padding-left: 5px;
	width: 1100px;
}

.main_table {
	
}

.main_table tr:hover {
	background-color: #babdb6;
}

.main_table td {
	font-size: 11pt;
	border-color: #e1e1e1;
	border-style: solid;
	padding-left: 5px;
	padding-right: 5px;
	min-width: 20px;
}

.main_table th {
	background-color: #e1e1e1;
	padding: 4px;
	min-width: 25px;
}

.sel_tr {
	background-color: #73d216;
}


.clear, .clear:hover {
	border: 0;
	background-color: #fff;
	height: 10px;
}

.menu_sel {
	background-color: #eeeeee;
}

.smallfont {
	font-size: 9pt;
}

.info {
	font-size: 10pt;
}

.info_green {
	font-size: 10pt;
	background-color: limegreen;
	margin: 2px 15px;
	padding: 2px 5px;
}

.menu td {
	padding: 5px 2px;
	width: 190px;
}
/*
.menu a:hover {
	padding: 5px 5px;
	margin-left: 0px;
	background-color: #ccc;
}
.menu a:active {
	padding: 5px 5px;
	margin-left: 1px;
	background-color: #ccc;
}
*/
.menu a {
	color: #555;
	font-size: 14px;
	font-weight: bold;
	margin-left: 5px;
}

.uhrzeit {
	color: #555555;
	font-size: 23px;
	font-weight: bold;
}

.wochentag {
	color: #555555;
	font-size: 12px;
}

.balken {
	background-color: #ffb1b1;
	border-color: #ccc;
	height: 20px;
}

/*
Kalender
*/
.kalender_main {
	background-color: #ddd;
	padding: 5px;
}

.kalender_main_caption {
	font-size: 14pt;
	font-weight: bold;
	padding: 20px;
	margin-top: 10px;
	background-color: #ffff00;
}

.kalender_main_caption_schicht1 {
	font-size: 14pt;
	font-weight: bold;
	padding: 20px;
	margin-top: 10px;
	background-color: #ccc;
}

.kalender_main_caption_schicht2 {
	font-size: 14pt;
	font-weight: bold;
	padding: 20px;
	margin-top: 10px;
	background-color: #eee;
}

.kalender_main_caption_schicht3 {
	font-size: 14pt;
	font-weight: bold;
	padding: 20px;
	margin-top: 10px;
	background-color: #aaa;
}

.kalender_main tr:hover {
	background-color: #babdb6;
}

.kalender_header {
	text-align: center;
}

.kalender_cell {
	background-color: #fff;
	height: 28px;
	text-align: center;
}

.kalender_header_cell {
	width: 28px;
}

.kalender_header_cell_sa {
	background-color: #ccc;
	width: 28px;
}

.kalender_header_cell_so {
	background-color: #bbb;
	width: 28px;
}

.kalender_cell_sa {
	background-color: #ccc;
	text-align: center;
}

.kalender_cell_so {
	background-color: #bbb;
	text-align: center;
}

.kalender_cell_mark {
	background-color: #9999FF;
	height: 25px;
	text-align: center;
}

.kalender_heute {
	width: 24px;
	border-style: solid;
	border-color: #DD0000;
	background-image: url("../images/kal_back.png");
}

.kalender_feiertag {
	width: 28px;
	background-color: rgb(153, 193, 222); 
	text-align: center;
}
.feiertag {
	background-color: rgb(153, 193, 222) !important;
	padding: 10px;
}
.feiertag_fest {
	background-color: rgb(153, 193, 222);
}
.feiertag_wechselt {
	background-color: #fce94f;
}

.ausgaben {
	background-color: #ffb1b1;
}

.einkommen {
	background-color: #a9ff93;
}

.prozent {
	color: #666;
}
/*
Kalender divs
*/
.kalender_div_main {
	position: relative;
	margin-left: 0px;
}

.kalender_div_uhrzeit {
	padding: 0 10 0 10;
	color: #555;
}

.kalender_div_col1 {
	background-color: #d0d0d0;
}

.kalender_div_col2 {
	background-color: #eee;
}

.kalender_div_titel {
	background-color: #f7dc6f;
	padding: 0 5 0 5;
	margin: 0 -3 0 -3;
	border-radius: 5 0 0 5;
}

.kalender_div_titel_eigen {
	background-color: #5dade2;
	padding: 0 5 0 5;
	margin: 0 -3 0 -3;
	border-radius: 5 0 0 5;
}

.kalender_div_eintraege {
	margin-left: 70px;
	position: absolute;
}

.kalender_div_eintrag {
	background-color: #fcf3cf;
	padding: 0 3 0 3;
	float: left;
	position: absolute;
	font-size: 10pt;
	border: solid 1px;
	border-color: #f7dc6f;
	box-shadow: 3px 5px #888;
	border-radius: 5px;
	overflow: hidden;
}

.kalender_div_eintrag_eigen {
	background-color: #d5f5e3;
	padding: 0 3 0 3;
	float: left;
	position: absolute;
	font-size: 10pt;
	border: solid 1px;
	border-color: #5dade2;
	box-shadow: 3px 5px #888;
	border-radius: 5px;
	overflow: hidden;
}

.kalender_div_eintrag:hover {
	z-index: 1;
}

.kalender_div_eintrag_eigen:hover {
	z-index: 1;
}

.user_text {
	margin: 0 0 10px 10px;
}

.zeitlinie {
	position: absolute;
	height: 0px;
	border: solid 1px;
	border-color: red;
	left: 60px;
	z-index: 10;
}

.login {
	position: relative;
	width: 4px;
	margin-left: 10px;
	height: 4px;
	left: 0;
	bottom: 260px;
	vertical-align: bottom;
	clear: left;
	color: #fff;
}

/*
Textinputs
*/
.inputtext {
	width: 250px;
}
.short {
	width: 125px;
}
.double {
	width: 250px;
}
textarea {
	width: 400px;
	height: 200px;
}
/*
diverse
*/
.anker {
	padding-top: 100px;
}

.bereitschaft_nachtschicht {
	background-color: #58d68d;
}

.col1 {
	background-color: #d0d0d0;
}

.col2 {
	background-color: #eee;
}
.errorbg {
	color: white;
	background-color: #ea4a4a;
}
.error {
	color: white;
	background-color: #ea4a4a;
	padding: 3px;
	margin: 3px;
	min-width:300px;
}
.hinweis {
	color: white;
	background-color: #4CAF50;
	padding: 3px;
	margin: 3px;
	min-width:300px;
}
.hinweisbg {
	color: white;
	background-color: #4CAF50;
}
.einheit {
	width: 40px;
	float: right;
	text-align:left;
	padding-left: 5px;
}
.yellowbg{
	background-color: #f4d03f; #f1c40f 
}
.bluebg{
	background-color: #7fb3d5;
}
.redbg{
	background-color: #e74c3c;
}
.greenbg{
	background-color: #27ae60;
}	

.mitarbeiter_pplan {
	background-color: #5dade2;
}

.mitarbeiter_gebdat {
	background-color: #e9b96e;
}

.mitarbeiter_gebdat_monat {
	background-color: #ffe3b8;
}

.monat_titel {
	width: 200px;
	display: inline-block;
}

.text_left {
	text-align:left;
}
.text_right {
	text-align:right;
}
.text_center {
	text-align:center;
}

.user_aktiv {
	background-color: #a9ff93;
}

.user_deaktiv {
	background-color: #ffb1b1;
}

.wartungsplan_deaktiv {
	background-color: #ffb1b1;
	color: black;
}

.heute {
	color: limegreen;
}

.heute_bg {
	background-color: #d5ffcb !important;
}

.heute_rand {
	border-style: solid;
	border-color: #DD0000;
	background-image: url("../images/kal_back.png");
}

.icon {
	height: 15px;
}

.icon_button {
	padding: 0 10px;
}

.navi_icon {
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
	border: solid 1px lightgrey;
}
.seiten {
	padding: 0px 10px;
}
.seiten_aktiv {
	padding: 0px 10px;
	font-weight:bold;
	background-color: limegreen;
}

.gemittelte_werte {
	background-color: #d3d7cf;
}