@charset "UTF-8";
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 29.10.2015, 10:00:20
    Author     : steinkellner
*/

html {
    font-size: 100%;
}

body {
    background-color: #f4f4f4;
    margin: 0;
}

a, body, div, em, h1, h2, h3, h4, i, label, legend, li, ol, p, td, th, u, ul {
    font-family: Verdana, sans-serif;
}

a, body, div, label, legend, li, ol, ul, p, td, th, form, input, select, textarea {
    color: #000;
    font-size: 12px;
}

.h1 {
    font-size: 14px;
}

#container {
	clear: both;
	padding-top: 60px;
}

#container_login {
    padding-top: 60px;
}

#table_div {
    width: auto;
    height: auto;
    min-height: 200px;
    overflow-x: auto;
    white-space: nowrap;
	margin-top: 10px;
	margin-bottom: 10px;
}

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

.uebersicht, 
.history, 
#anmeldungen, 
.tbl_zeiterfassung {
    margin: 2px 0 !important;
    background-color: #fff;
}

.uebersicht, 
.uebersicht ul, 
.history, 
.history ul,
#anmeldungen, 
.tbl_zeiterfassung, 
.tbl_zeiterfassung ul{
    margin: 0;
    padding: 0;
}

.uebersicht th, 
.history th, 
#anmeldungen th, 
.tbl_zeiterfassung th {
    background: #f6f6f6 none repeat scroll 0 0;
    border-top: 1px solid #e9e9e9;
    padding: 5px;
    text-align: left;
}

.uebersicht td, 
.uebersicht th, 
.history td, 
.history th,
 #anmeldungen td, 
 #anmeldungen th, 
 .tbl_zeiterfassung td, 
 .tbl_zeiterfassung th {
    border-bottom: 1px solid #e9e9e9;
    padding-left: 6px !important;
    padding-right: 6px !important;
    white-space: nowrap;
}

.tbl_zeiterfassung td {
	padding-right: 0 !important;
}

.uebersicht tr td, 
.history tr td, 
.anmeldungen tr td, 
.tbl_zeiterfassung {
    background: #fff;
    white-space: nowrap;
}

.uebersicht tr:nth-child(odd) td, 
.history tr:nth-child(odd) td, 
.anmeldungen tr:nth-child(odd) td {
    background: #fafafa;
}

.uebersicht a:hover, 
.history a:hover {
    color: #999;
}

.tbl_zeiterfassung .bemerkung {
    min-width: 300px;
}

.tbl_zeiterfassung .input {
    width: 35px;
    height: 18px;
    margin: 2px 0px 2px 0px;
    text-align: center;    
}

.tbl_zeiterfassung .bemerkung {
    width: 290px;
    text-align: left;
}

#anmeldeuebersicht {
	padding: 0px;
}

#anmeldungen {
    border: 1px solid #e9e9e9;
}

#anmeldungen .erg {
    text-align: center;
}

#anmeldungen .summe {
    font-weight: bold;
}

.edit {
    float: left;   
    position: relative;
    }

.edit .input {
    width: 250px;
    height: 20px;
    margin: 0 0 5px 10px;
}

.edit .input.Zeit_a_Beginn, 
.edit .input.Zeit_a_Ende, 
.edit .input.Zeit_b_Beginn, 
.edit .input.Zeit_b_Ende, 
.edit .input.MaxPersonen  {
    width: 100px !important;
}

.edit .input.Datum_a, 
.edit .input.Datum_b {
    width: 100px !important;
}

#fahrtenbuch .mf_text {
	margin-top: 10px;
}

#row1 .input,
#row1 .select {
	float: left;
}

#fahrtenbuch .input.mf {
	width: 90%;
	margin-bottom: 10px;
}

#fahrtenbuch tr:nth-child(even) {
	background-color: #f2f2f2;
}

#fahrtenbuch .uebersicht_fahrtenbuch {
	margin-bottom: 20px;
}

#fahrtenbuch td, th {
	padding: 10px;
	border-bottom: solid 1px;
}

#fahrtenbuch .input {
	margin-left: 0px;
	margin-right: 5px;
}

#fahrtenbuch .datum {
	width: 70px;
}

#fahrtenbuch .start,
#fahrtenbuch .ziel {
	width: 300px;
}

#fahrtenbuch .zweck {
	width: 350px;
}

#fahrtenbuch .anfang,
#fahrtenbuch .ende {
	width: 80px
}

#fahrtenbuch .mitfahrer {
	width: 30px;
}

#fahrtenbuch .mitarbeiter {
	margin-top: 10px;
}

#fahrtenbuch .von,
#fahrtenbuch .bis {
	width: 45px;
}

#fahrtenbuch .select {
	
}

#fahrtenbuch .btn_hinzufuegen {
	margin-top: 5px;
	width: 40px;
	height: 40px;
}

#fahrtenbuch .gesamt,
#fahrtenbuch .summe {
	width: 120px;
	margin-top: 2px;
	margin-bottom: 20px;
}

#fahrtenbuch .zeile1 {
	margin-top: 10px;
}

#fahrtenbuch .zeile {
	display: flex;
}

#fahrtenbuch .gesamtsumme {
	font-weight: bold;
}

#fahrtenbuch .mailto {
	width: 50%;
	padding-top: 15px;
	padding-bottom: 15px;
}

#fahrtenbuch .mailto .btn_submit {
	margin-right: 20px;
}

#fahrtenbuch .email_to {
	width: 250px;
	margin-right: 10px;
	height: 25px;
}

#fahrtenbuch .info {
	text-decoration: underline;
	margin-top: 20px;
}

#fahrtenbuch #inputField th,
#fahrtenbuch #inputField td {
	padding: 2px 0px;
	border-bottom: 0;
}

#fahrtenbuch #inputField th {
	text-align: left;
	vertical-align: bottom;
}

#fahrtenbuch #inputField tr:nth-child(2n) {
	background-color: inherit;
}

textarea{
    margin: 0 0 5px 10px;
    width: 450px;
    height: 85px;
    padding: 5px;
}

.tbl_zeiterfassung .combobox {
    margin: 0;
}

.combobox {
    height: 25px;
    margin: 0 0 5px 10px;  
}

#main .head {
    margin: 0 0 15px 0;
}

.kopf {
	min-height: 100px;
	height: auto;
}

.kopf_buttons {
	float: left;
	position: relative;
	margin-right: 50px;
}

.btn_submit, 
.btn_submit_1  {
    background: #851811;
    border: 1px solid #fff;
    border-radius: 3px;
	-webkit-border-radius: 3px;
    color: #fff;
    cursor: pointer;
    line-height: 1;
    padding: 10px 12px 10px 13px;
	font-size: 13px;
}

.btn_submit:hover, 
.btn_submit:focus {
    box-shadow: 0 0 2px 2px #000;
}

button .btn_print img,
button .btn_save img {
	width: 50px;
}
	

#header {
    -webkit-box-shadow: 0 5px 6px grey;
    box-shadow: 0 5px 6px grey;
    border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
    width: 100%;
    position: fixed;
    z-index: 1000;
}

#header, .login_header {
    background: #fff;
    border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
    color: #851811;
    font-size: 11pt;
    font-weight: bold;
    padding: 10px 0;
    text-align: center;
}

#header .h1, 
#header .h2 {
    color: #851811;
    padding-left: 20px;
    text-align: left;
    font-weight: bold;
}

#header .h2 a {
    color: #851811;
}

#header .h2 {
    font-size: 12px;
    color: #851811;
    text-align: right;
    padding-right: 20px;
}

#header table {
    width: 100%;
}

#login {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #575757;
    border-radius: 5px;
	-webkit-border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 80px;
    text-align: left;
    width: 385px;
    height: auto;
	padding: 10px;
}

.login_label {
    width: 150px; 
    float: left;
    height: 25px;
    display: block;
    vertical-align: middle;
}

.login_label.confirm {
	line-height: 15px;
}

.login_input {
    margin-bottom: 10px;
    line-height: 25px;
    
}

#login .input {
    width: 222px;
    height: 25px;
    padding-left: 5px;
    
}
.login_form {
    margin: 20px auto 0 auto;
}

#login .btn_submit {
    position: relative;
	padding-right: 30px;
	padding-left: 30px;
	margin-top: 15px;
}  

#login .btn_submit_1 {
	float: right;
	margin-top: 15px;
}

#menu {
    border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
    width: 160px;
    float: left;
    background-color: #575757;
    padding: 10px 10px 10px 10px;
    margin: 0 20px 0 20px;
    min-height: 500px;
	position: fixed;
}

#menu .btn_submit {
    width: 100%;
    margin-bottom: 10px;
}

#main {
    border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	background-color: #fff;
    margin: 0 20px 0 210px;
    padding: 10px;
    min-height: 500px;
}

.menuUeberschrift, 
.menuUeberschriftAdmin {
    font-weight: bold;
    display: block;
    border-bottom: 1px solid #fff;
	color: #fff;
	margin-bottom: 15px;
	text-align: center;
	font-size: 14px;
	padding-bottom: 5px;
}

.menuUeberschriftAdmin {
    margin-top: 15px;
}

.filter {
	float: left;
}

input.disabled, 
select.disabled {
	background-color: #f0f0f0;
	border: 1px solid #f0f0f0;
}

fieldset {
    width: 320px;
    border-radius: 5px;	
	-webkit-border-radius: 5px;
    margin-right: 10px;
	color: #000;
	border: 1px solid #000;
}

#urlaub fieldset, 
#za fieldset {
    width: 420px;
}

#urlaub,
#za {
    float:left;
    position: relative;
}

legend {
    padding: 0px 10px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
	color: #851811;
}

.info legend {
	margin-top: 20px;
	text-align: left;

	font-size: 12px;
}

#za {
    margin-left: 20px;
}

#fahrtenbuch fieldset { 
	width: 96%;
}

fieldset#monat, 
fieldset#info {
    float: left;
    position: relative;
    height: auto;
}

fieldset#info {
	width: 500px;

}
#table_div.maze {
    margin-top: 20px; 
}

#buttons {
    margin-top: 7px;
}

fieldset#sonderurlaub, 
fieldset#krankenstand {
    width: 350px;
    float: left;
    position: relative;
    margin-right: 20px;
}

fieldset#arztbesuch {
    width: 350px;
    float: none;
}

fieldset#pflegefreistellung {
    margin-top: 50px;
    margin-right: 20px;
    width: 350px;
    float: left;
    position: relative;
}

fieldset#sonstiges {
    margin-top: 50px;
    width: 350px;
    float: none;
}

.red {
    color: #ff0000;
}

fieldset#stats {
    width: 350px;
}

fieldset#dokumente {
	width: auto;
}

.doc1,
.doc2,
.doc3 {
	float: left;
	margin-right: 50px;
}

.doc1 a, 
.doc2 a,
.doc3 a,
.doc4 a,
.doc_archiv a {
	text-decoration: none;
}

.doc1 a:hover, 
.doc2 a:hover,
.doc3 a:hover,
.doc4 a:hover,
.doc_archiv a:hover {
	text-decoration: underline;
}

.backforward {
	float: right;
	position: relative;
	top: -20px;
}

.zeiterfassung_footer {
	background-color: #575757;
	height: 50px;
}

.zeiterfassung_footer td {
	color: #fff;
}

#newPW fieldset {
	width: 500px;
}

#newPW .btn_submit {
	margin-top: 10px;
}

.password-container {
  position: relative;
  display: inline-block;
}

.input .pw {
  padding-right: 30px; /* Platz für das Auge-Symbol */
}

.toggle-password {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  cursor: pointer;
}