/* --------  TAGS ANFANG  -------- */
*{
    margin: 0;
    padding: 0;
}
html{
	min-height:100.01%;
}
body{
	font-family: verdana,sans-serif,Arial,Helvetica;
    font-size: 12px;
    text-decoration: none;
    color:#333333;
    background-color:#ffffff;
    padding:0 0 20px 0;
}
fieldset{
    border:none;
}
img{
    border:none;
}
a{
    text-decoration:none;
    color:#00598F;
    background-color:transparent;
}
a:hover{
    color:#bbbbbb;
    background-color:transparent;
}
ul{
    margin:7px 0 7px 15px;
}
li{
    padding:1px 0;
}
h2{
    font-size:18px;
    font-weight:bold;
    margin-bottom:20px;
}
h3{
    font-size:14px;
    font-weight:bold;
}

h5{
    font-size:14px;
    margin-bottom:6px;
    padding-top:5px;
    color: #00598F;
}

option{
    padding-right:20px;
}




/* --------  TAGS ENDE  -------- */
/* --------  ALLGEMEINE KLASSEN ANFANG -------- */
h2.pic{
    margin-left:-2px;
}
h3.pic{
    margin-left:-2px;
}
.balken_orange{
    float:left;
    margin-right:3px;
    margin-top:-8px;
}
.input_text{
    width:266px;
    position:relative;
    top:-3px;
}
.b_r{
    border-right:1px solid #00598F;
}


.input_textarea{
    font-family: verdana,sans-serif,Arial,Helvetica;
    width:262px;
    height:100px;
    margin:0 10px 0 0;
    padding-top:2px;
    padding-left:2px;
    padding-right:2px;
    font-size:14px;
    color:#333333;
}



.zeile_form{
    height:32px;
    padding:1px 0;
    clear:both;
}
*+html div.zeile_form{    /* Browserweiche IE7 */
   height:32px;
}

.select{
    width:269px;
    padding:2px 5px;
}
.error{
    color:#d00303 !important;
}
.fehlermeldung_title{
    font-weight:bold;
    font-size:14px;
    color:#d00303;
}
.fehlermeldungen{
    margin-bottom:20px;
}
.fehlermeldungen li{
    margin-left:10px;
}
tr.heading{
    background-image:url(../gfx/menu_main_bg.png);
    background-repeat:repeat-x;
    background-color:#40ace7;
    background-size:100% auto;
    color:#ffffff;
    font-weight:bold;
    height:20px;
}
tr.heading a{
    background-color:transparent;
    color:#ffffff;
}
tr.offen{
    color:#333333;
}
tr.ok{
    color:#007f05;
}
tr.vorbehalt{
    color:#ff8a00;
}
tr.nak{
    color:#d00303;
}

/* --------  ALLGEMEINE KLASSEN ENDE  -------- */
/* --------  STRUKTUR ANFANG  -------- */
#container{
    max-width:1100px;
    margin:0 auto;
}
/* --------  STRUKTUR ENDE  -------- */
/* --------  HEADER ANFANG  -------- */
#header_top{
    width:100%;
    height:90px;
    margin-bottom:2px;
    color:inherit;
    background-color:#000000;
    background-image:url(../gfx/header_top_bg_infi.png);
    background-repeat:repeat-x;
}
#header_top #logo{
    width:263px;
    height:90px;
    margin-left:30px;
}
#header_img{
    width:100%;
    height:220px;
    margin-bottom:2px;
}
/* --------  HEADER ENDE  -------- */
/* --------  HAUPTMENUE ANFANG  -------- */
#menu_main{
    width:100%;
    height:25px;
    margin-bottom:2px;
    color:inherit;
    background-color:#34a1dd;
    background-image:url(../gfx/menu_main_bg.png);
    background-repeat:repeat-x;
    background-size:100% auto;
}
#menu_main ul{
    margin:0;
	padding:0;
	list-style:none;
}
#menu_main li{
    float:left;
    padding:6px 10px 2px 10px;
    border-right:1px solid #0c8ecf;
}
#menu_main a{
	color:#ffffff;
	background-color:inherit;
    font-weight:bold;
    font-size:12px;
    position:relative;
    top:-2px;
}
#menu_main a:hover{
	text-decoration:none;
	color:#0084D7;
	background-color:inherit;
}


/* --------  HAUPTMENU ENDE  -------- */
/* --------  SUBMENUE ANFANG  -------- */
#menu_sub{
    width:100%;
    height:20px;
    margin-bottom:2px;
    color:inherit;
    background-color:#000000;
    background-image:url(../gfx/header_top_bg_infi.png);
    background-repeat:repeat-x;
    background-position:left -70px;
}

/* --------  SUBMENU ENDE  -------- */
/* --------  CONTENT ANFANG  -------- */
#content{
    width:100%;
    margin-bottom:2px;
    background-image:url(../gfx/content_top_bg_infi.png);
    background-repeat:repeat-x;
}
#content .padd{
    padding:20px 10px 10px 10px;
}

/* --------  CONTENT ENDE  -------- */
/* --------  FOOTER ANFANG  -------- */
#footer{
    width:100%;
    height:20px;
    margin-top:20px;
    border-top:5px solid #32A1DD;
    color:#bbbbbb;
    background-color:inherit;
    font-size:10px;
}

    .footer_left{
        width:40%;
        padding-left:10px;
        float:left;
        text-align:left;
        position:relative;
        top:4px;
    }
    .footer_right{
        width:40%;
        float:right;
        text-align:right;
        position:relative;
        top:4px;
    }
    #footer a{
        padding:0 10px;
        background-color:inherit;
        color:#bbbbbb;
    }
    #footer a:hover{
        text-decoration:underline;
        color:#0084D7;
    }
/* --------  FOOTER ENDE  -------- */
/* --------  FORMS ANFANG  -------- */
.edit_form .inp_txt{
    width:340px;
    color:#333333;
	background-color:#ffffff;
    background-repeat:repeat-x;
}
.box_title{
    position:relative;
    z-index:2;
    top:6px;
    left:10px;
    padding:2px 5px;
    background-color:#34a1dd;
    background-image:url(../gfx/menu_main_bg.png);
    background-repeat:repeat-x;
    background-position: -250px -5px;
    color:#ffffff;
	border:1px solid #0084D7;
}
.box{
    position:relative;
    z-index:1;
	background-color:#ffffff;
	border:1px solid #bbbbbb;
	padding:15px 15px 8px 15px;
}
a.u{
    text-decoration:none;
    color:#bbbbbb;
    background-color:inherit;
    text-decoration:underline;
    font-weight:normal;
}
a.u:hover{
    color:#00598F;
    background-color:inherit;
}

.zeile_form{
    height:24px;
    clear:both;
    
}
.zeile_form td{
    border-bottom:1px dashed #ccc;
}

.zeile_form img{
    margin-top:4px;
    margin-left:2px;
}

.spalte_a{
    width:120px;
    float:left;
    text-align:left;
}
.details .spalte_a{
    width:150px;
    font-weight:bold;
}

.details_moebel .spalte_a{
    width:344px;
    font-weight:bold;
}
.details_moebel .spalte_b{
    width:52px;
}
.details_moebel .spalte_c{
    float:left;
    text-align:left;
}
.details_moebel .spalte_c img{
    position:relative;
    top:-4px;
    left:1px;
}
.spalte_a .untertitel{
    font-weight:normal;
    color:#999999;
    font-size:12px;
}
.spalte_am .untertitel{
    font-weight:normal;
    color:#999999;
    font-size:12px;
}

.spalte_b{
    float:left;
    text-align:left;
}

ul.error_msg{
    margin-left:20px;
}
.tr_a{
    background-color:#fafafa;
}
.tr_a:hover{
    background-color:#f0f0f0;
}
.tr_b{
    background-color:inherit;
}
.tr_b:hover{
    background-color:#f0f0f0;
}
.kalender .zeile td{
    height:40px;
    padding-top:6px;
    text-align:center;
    vertical-align: middle;
    border:1px dashed #ccc;
}
/* --------  FORMS ENDE  -------- */
/* --------  DATABROWSER ANFANG  -------- */
    .databrowser a{
        height: 13px;
    	margin: 0 2px;
    	padding:0 2px;
    	display:block;
    	color:#333333;
    	background-color:inherit;
    	float:left;
    	border:1px solid #cccccc;
    	text-align:center;
    	text-decoration:none;
    	font-size:10px;
    }
    .databrowser .w{
        width:20px;
    }
    .databrowser a:hover{
    	font-weight:normal;
    	border:1px solid #000000;
    	color:#ffffff;
    	background-image:url(../gfx/button_bg_hover.png);
        background-repeat:repeat-x;
    }

    .databrowser div.a{
    	display:block;
    	float:left;
    	padding:0 2px;
    	height: 13px;
    	margin: 0 2px;
    	border:1px solid <br />
<b>Warning</b>:  Undefined array key "hell" in <b>/var/customers/webs/ait/wichtel.arnoldt.it/css/layout.css.php</b> on line <b>452</b><br />
;
    	text-align:center;
    	color:#000000;
        background-color:#333333;
        background-image:url(../gfx/button_bg_sel.png);
        background-repeat:repeat-x;
    }

    .databrowser span{
    	display:block;
    	float:left;
    	width: 20px;
    	height: 12px;
    	margin: 0 2px;
    	color:#00598F;
    }

    .databrowser a.page_active{
    	font-weight:bold;
    	color:#ffffff;
    	border:1px solid #0084D7;
    	background-image:url(../gfx/menu_main_bg.png);
        background-position: -500px -5px;
        background-repeat:repeat-x;
    }


    .databrowser{
    	padding-bottom:4px;
    	font-size:10px;
    }
/* --------  DATABROWSER ENDE  -------- */
/* --------  LEGENDE ANFANG  -------- */
.legende{
    width:160px;
    float:right;
}
.legende .input_text{
    width:149px;
}
.legende .spalte_a{
    width:60px;
}

.legende #report .spalte_a{
    width:100px;
}
.legende #report .zeile_form{
    height:16px;
}
.legende select{
    width:150px;
}
/* --------  LEGENDE ENDE  -------- */
/* --------  AITIP ANFANG  -------- */
.tooltip_button{
    width:12px;
    height:15px;
    margin-left:5px;
}
.tooltip_button1:hover{
    width:13px;
    height:23px;
    background-image:url(../gfx/<br />
<b>Warning</b>:  Undefined array key "p" in <b>/var/customers/webs/ait/wichtel.arnoldt.it/css/layout.css.php</b> on line <b>515</b><br />
/help_hover.png);
    background-position:left top;
    background-repeat:no-repeat;
}

* html img.tooltip_button{ /* IE6 */
    margin-left:0px;
}



#AIT_close_left, #AIT_close_right{font-size: 1.1em;}
#AIT_copy p, #AIT_copy ul{font-size: 1.1em;}

#contentPad{
margin:20px;
}

.formInfo a, .formInfo a:active, formInfo a:visited{
	background-color:#FF0000;
	font-size: 1.3em;
	font-weight:bold;
	padding:1px 2px;
	margin-left:5px;
	color:#FFFFFF;
	text-decoration: none;
}

.formInfo a:hover{
	color:#660000;
	background-color:inherit;
	text-decoration: none;
}

#AIT_arrow_left{
	background-image: url(../gfx/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#AIT_arrow_right{
	background-image: url(../gfx/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#AIT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	color:inherit;
	background-color: #fff;
}

#AIT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
	background-color: inherit;
}

.AIT_loader{
	background-image: url(../gfx/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#AIT_close_left{
    color:inherit;
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#AIT_close_right{
    color:inherit;
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#AIT_copy p{
    margin:3px 0;
}

#AIT_copy img{
}

.jTip{
    cursor:help;
}
/* --------  AITIP ENDE  -------- */
/* --------  AIT KALENDER ANFANG  -------- */

table.kalender{
    width:100%;
    border-collapse:collapse;
    empty-cells:hide;
    border:1px solid #666666;
    cursor:default;
}
table.kalender tr.heading td{
    text-align:center;
}

table.kalender tr.heading td.monatsname{
    height:35px;
    vertical-align:middle;
    font-size:18px;
    font-weight:bold;
}
table.kalender tr.heading td.navi_left{
    cursor:pointer;
    font-weight:bold !important;
    background-image:url(../gfx/rew.png);
    background-position:center center;
    background-repeat:no-repeat;
    text-align:left;
}
table.kalender tr.heading td.navi_left:hover{
    background-image:url(../gfx/rew_hover.png);
}
table.kalender tr.heading td.navi_right{
    cursor:pointer;
    font-weight:bold !important;
    background-image:url(../gfx/ff.png);
    background-position:center center;
    background-repeat:no-repeat;
    text-align:right;
}
table.kalender tr.heading td.navi_right:hover{
    background-image:url(../gfx/ff_hover.png);
}
table.kalender .wochentag{
    padding:4px 0;
    color:#000000;
    background-color:#cccccc;
    border:1px solid #666666;
    text-align:center;
    font-size:12px;
    font-weight:bold;
}
table.kalender tr.woche td{
    width:13%;
    padding:4px 4px;
    color:#333333;
    background-color:inherit;
    border:1px dashed #cccccc;
    text-align:left;
    vertical-align:top;
    font-size:12px;
    font-weight:bold;
}
table.kalender tr.woche td.tag:hover{
    background-color:#f0f0f0 !important;
}
table.kalender  tr.woche td.we{
    color:#6c9cb7;
    background-color:#f7fcff;
}
table.kalender td.feiertag{
    background-color:#ffffe7 !important;
}
table.kalender td.fertig{
    background-color:#d4ffbf !important;
}

/* neu */
table.kalender td.urlaub{
    background-color:#ffdffe !important;
    background-image: url(../gfx/weather_sun.png);
    background-position:23px 4px;
    background-repeat:no-repeat;
}
table.kalender td.krank{
    background-color:#ffdffe !important;
    background-image: url(../gfx/weather_clouds.png);
    background-position:26px 5px;
    background-repeat:no-repeat;
}
.a_feiertag{
	position: absolute;
    top:2px;
    left:21px;
    color: #333333;
    font-size: 9px;
    font-weight: normal;
    text-align: left;
    letter-spacing:-1px;
}
.a_urlaub{
	position: absolute;
    top:2px;
    left:35px;
    color: #333333;
    font-size: 9px;
    font-weight: normal;
    text-align: right;
    letter-spacing:-1px;
}
.a_krank{
	position: absolute;
    top:2px;
    left:40px;
    color: #333333;
    font-size: 9px;
    font-weight: normal;
    text-align: right;
    letter-spacing:-1px;
}
.a_halbtags{
	position: absolute;
    right:0;
    bottom:-1px;
    color: #000;
    font-size: 9px;
    font-weight: normal;
    text-align: right;
}
.a_gutschrift{
	position: absolute;
    left:0;
    bottom:-2px;
    color: #333333;
    font-size: 10px;
    font-weight: normal;
    text-align: left;
}
.zukunft .a_gutschrift{
    color: #aaa;
}
.zukunft .a_gutschrift b{
    font-weight:normal !important;
}
    
.a_azeit{
	position: absolute;
    left:0;
    bottom:-2px;
    color: #333333;
    font-size: 10px;
    font-weight: normal;
    text-align: left;
}
.a_vzeit{
	position: absolute;
    left:0;
    bottom:11px;
    color: #888;
    font-size: 9px;
    font-weight: normal;
    text-align: left;
}
.a_azeit_oben{
	position: absolute;
    left:0;
    bottom:9px;
    color: #333333;
    font-size: 10px;
    font-weight: normal;
    text-align: left;
}
.a_vzeit_oben{
	position: absolute;
    left:0;
    bottom:21px;
    color: #999;
    font-size: 9px;
    font-weight: normal;
    text-align: left;
}










table.kalender td.unfertig{
    background-color:#ffede7 !important;
}
table.kalender td.heute{
    background-color:#0075af !important;
    color:#ffffff !important;
}
table.kalender tr.woche td.fertig:hover{
    background-color:#aeef8e !important;
}
table.kalender tr.woche td.urlaub:hover,table.kalender tr.woche td.krank:hover{
    background-color:#ffbffe !important;
}
table.kalender tr.woche td.unfertig:hover{
    background-color:#ffe1d7 !important;
}
table.kalender tr.woche td.heute:hover{
    background-color:#00608f !important;
}
table.kalender tr.woche td.feiertag:hover{
    background-color:#feffc7 !important;
}
table.kalender td.fertig .arbeitszeit{
    position:absolute;
    bottom:-3px;
    left:0;
    font-size:11px;
    font-weight:normal;
}



table.kalender tr.woche td.tag div.td{
    height:50px;
    position:relative;
}
table.kalender span.feiertag{
    float:right;
    position:absolute;
    bottom:0;
    right:2px;
    font-size:10px;
    font-weight:normal;
    color:#333333;
    text-align:right;
}
table.kalender tr.woche td.tag div.td div.buttons{
    position:absolute;
    top:0;
    right:2px;
}
table.kalender tr.woche td.kw{
    width:9%;
    color:#999999;
    background-color:#eeeeee;
    font-size:12px;
    font-weight:normal;
    text-align:center;
    vertical-align:middle;
}
table.kalender tr.woche td.kw:hover{
    color:#666666;
    background-color:#dcdcdc !important;

}
table.kalender tr.woche td.kw span{
    color:#ababab;
    background-color:inherit;
    font-size:10px;
}
/* --------  AIT KALENDER ENDE  -------- */
/* --------  AIT DATEPICKER ANFANG  -------- */

table.datepicker{
    border-collapse:collapse;
    empty-cells:hide;
    border:1px solid #666666;
    cursor:default;
}
table.datepicker tr.heading td{
    text-align:center;
}

table.datepicker tr.heading td.monatsname{
    height:15px;
    vertical-align:middle;
    font-size:12px;
    font-weight:bold;
}
table.datepicker tr.heading td.navi_left{
    cursor:pointer;
    font-weight:bold !important;
    background-image:url(../gfx/rew.png);
    background-position:center center;
    background-repeat:no-repeat;
    text-align:left;
}
table.datepicker tr.heading td.navi_left:hover{
    background-image:url(../gfx/rew_hover.png);
}
table.datepicker tr.heading td.navi_right{
    cursor:pointer;
    font-weight:bold !important;
    background-image:url(../gfx/ff.png);
    background-position:center center;
    background-repeat:no-repeat;
    text-align:right;
}
table.datepicker tr.heading td.navi_right:hover{
    background-image:url(../gfx/ff_hover.png);
}
table.datepicker .wochentag{
    padding:2px 0;
    color:#000000;
    background-color:#cccccc;
    border:1px solid #666666;
    text-align:center;
    font-size:12px;
    font-weight:bold;
}
table.datepicker tr.woche td{
    width:35px;
    padding:1px 2px;
    color:#333333;
    background-color:inherit;
    border:1px dashed #cccccc;
    text-align:left;
    vertical-align:top;
    font-size:10px;
    font-weight:bold;
}
table.datepicker tr.woche td.tag:hover{
    background-color:#f0f0f0 !important;
}
table.datepicker  tr.woche td.we{
    color:#6c9cb7;
    background-color:#f7fcff;
}
table.datepicker td.feiertag{
    background-color:#ffffe7 !important;
}
table.datepicker td.heute{
    background-color:#0075af !important;
    color:#ffffff !important;
}
table.datepicker tr.woche td.tag div.td{
    height:20px;
    position:relative;
}
table.datepicker tr.woche td.kw{
    width:25px;
    color:#999999;
    background-color:#eeeeee;
    font-size:10px;
    font-weight:normal;
    text-align:center;
    vertical-align:middle;
}
table.datepicker tr.woche td.kw:hover{
    color:#666666;
    background-color:#dcdcdc !important;

}
table.datepicker td.marked{
    background-color:#dfffe3 !important;
}
/* --------  AIT DATEPICKER ENDE  -------- */

/* --------  AIT KALENDERWEEKS ANFANG  -------- */

table.kalender_weeks{
    border-collapse:collapse;
    empty-cells:hide;
    border:1px solid #666666;
    cursor:default;
}
table.kalender_weeks tr.heading td{
    text-align:center;
}

table.kalender_weeks tr.heading td.monatsname{
    height:35px;
    vertical-align:middle;
    font-size:18px;
    font-weight:bold;
}
table.kalender_weeks tr.heading td.navi_left{
    cursor:pointer;
    font-weight:bold !important;
    background-image:url(../gfx/rew.png);
    background-position:center center;
    background-repeat:no-repeat;
    text-align:left;
}
table.kalender_weeks tr.heading td.navi_left:hover{
    background-image:url(../gfx/rew_hover.png);
}
table.kalender_weeks tr.heading td.navi_right{
    cursor:pointer;
    font-weight:bold !important;
    background-image:url(../gfx/ff.png);
    background-position:center center;
    background-repeat:no-repeat;
    text-align:right;
}
table.kalender_weeks tr.heading td.navi_right:hover{
    background-image:url(../gfx/ff_hover.png);
}
table.kalender_weeks .wochentag{
    padding:4px 0;
    color:#000000;
    background-color:#cccccc;
    border:1px solid #666666;
    text-align:center;
    font-size:12px;
    font-weight:bold;
}
table.kalender_weeks  tr.woche td.we{
    color:#6c9cb7;
    background-color:#f7fcff;
}
table.kalender_weeks tr.woche td{
    width:110px;
    padding:4px 4px;
    color:#333333;
    background-color:inherit;
    border:1px dashed #cccccc;
    text-align:left;
    vertical-align:top;
    font-size:12px;
    font-weight:bold;
}


table.kalender_weeks tr.markiert td{
    background-color:#effff6 !important;
}
table.kalender_weeks tr.markiert td.kw{
    color:#666666;
    background-color:#cadfd3 !important;
    vertical-align:top !important;
}
table.kalender_weeks tr.markiert td.kw div.wochenh{
    color:#000000;
    text-align:center;
    font-size:14px;
    margin-top:4px;
}
table.kalender_weeks span.feiertag{
    display:none;
}
table.kalender_weeks tr.markiert td.we{
    color:#54849f;
    background-color:#cfffe3 !important;
}
table.kalender_weeks tr.markiert td.feiertag{
    background-color:#acefc8 !important;
}
table.kalender_weeks tr.markiert td.heute{
    background-color:#40cf7c !important;
}



table.kalender_weeks tr.woche:hover td{
    background-color:#f0f0f0 !important;
}
table.kalender_weeks tr.woche:hover td.kw{
    color:#666666;
    background-color:#dcdcdc !important;
}
table.kalender_weeks tr.woche:hover td.we{
    color:#54849f;
    background-color:#e0eff7 !important;
}
table.kalender_weeks tr.woche:hover td.feiertag{
    background-color:#feffc7 !important;
}
table.kalender_weeks tr.woche:hover td.heute{
    background-color:#006597 !important;
}

table.kalender_weeks td.feiertag{
    background-color:#ffffe7 !important;
}
table.kalender_weeks td.heute{
    background-color:#0075af !important;
    color:#ffffff !important;
}
table.kalender_weeks tr.woche td.tag div.td{
    height:50px;
    position:relative;
}

table.kalender_weeks tr.woche div.buttons{
    position:absolute;
    top:0;
    right:2px;
}
table.kalender_weeks tr.woche td.kw{
    width:85px;
    color:#333333;
    background-color:#eeeeee;
    font-size:12px;
    font-weight:bold;
    text-align:left;
    vertical-align:top;
}

table.kalender_weeks tr.woche td.kw span{
    color:#ababab;
    background-color:inherit;
    font-size:10px;
    font-weight:normal;
    position:relative;
    top:-1px;
}
/* --------  AIT KALENDERWEEKS ENDE  -------- */


/* --------  AIT KALENDERDAYS ANFANG  -------- */
div.kalender_days .scoll_hori{
    width:1048px;
    overflow:auto;
    border-left:1px solid #666666;
    border-right:1px solid #666666;
    border-top:1px solid #666666;
}
div.kalender_days table.kalender_days{
    border-collapse:collapse;
    empty-cells:hide;
    border:1px solid #666666;
    cursor:default;
}

/*-- Navigation --*/
div.kalender_days div.monatsname{
    text-align:center;
    height:23px;
    vertical-align:middle;
    font-size:18px;
    font-weight:bold;
    color:#ffffff;
    background-color:#34a1dd;
}
div.kalender_days .navi_left{
    width:100px;
    height:23px;
    float:left;
    cursor:pointer;
    font-weight:bold !important;
    background-image:url(../gfx/rew.png);
    background-position:center center;
    background-repeat:no-repeat;
    text-align:left;
}
div.kalender_days .navi_left:hover{
    background-image:url(../gfx/rew_hover.png);
}
div.kalender_days .navi_right{
    width:100px;
    height:23px;
    float:right;
    cursor:pointer;
    font-weight:bold !important;
    background-image:url(../gfx/ff.png);
    background-position:center center;
    background-repeat:no-repeat;
    text-align:right;
}
div.kalender_days .navi_right:hover{
    background-image:url(../gfx/ff_hover.png);
}

/*-- Monatsnamen --*/
div.kalender_days table.kalender_days tr.monate td.hell{
    height:20px;
    text-align:center;
    vertical-align:middle;
    font-size:14px;
    font-weight:bold;
    color:#ffffff;
    background-color:#999999;
}
div.kalender_days table.kalender_days tr.monate td.dunkel{
    height:20px;
    text-align:center;
    vertical-align:middle;
    font-size:14px;
    font-weight:bold;
    color:#ffffff;
    background-color:#666666;
}


/*-- Wochentage --*/
div.kalender_days table.kalender_days tr.tage td{
    padding:2px 8px;
    color:#333333;
    background-color:#cccccc;
    border:1px solid #666666;
    text-align:center;
    font-size:12px;
    font-weight:normal;
}
div.kalender_days table.kalender_days tr.tage td.we{
    font-weight:bold;
}

/*-- Einzelne Daten --*/
div.kalender_days table.kalender_days tr.datum td{
    width:110px;
    padding:5px;
    color:#333333;
    background-color:inherit;
    border:1px dashed #cccccc;
    text-align:center;
    vertical-align:middle;
    font-size:10px;
    font-weight:normal;
}
div.kalender_days table.kalender_days tr.datum td.we{
    color:#6c9cb7;
    background-color:#f7fcff;
}
div.kalender_days table.kalender_days tr.datum td.heute{
    font-weight:bold;
    color:#ffffff;
    background-color:#34a1dd;
}
/* --------  AIT KALENDERDAYS ENDE  -------- */


/* --------  AIT KALENDERDAYSMONTH ANFANG  -------- */
table.kalender_days_month{
    width:100%;
    border-collapse:collapse;
    empty-cells:hide;
    border:1px solid #666666;
    cursor:default;
}
table.kalender_days_month tr.heading td{
    text-align:center;
}

table.kalender_days_month tr.heading td.monatsname{
    height:35px;
    vertical-align:middle;
    font-size:18px;
    font-weight:bold;
}
table.kalender_days_month tr.heading td.navi_left{
    cursor:pointer;
    font-weight:bold !important;
    background-image:url(../gfx/rew.png);
    background-position:center center;
    background-repeat:no-repeat;
    text-align:left;
}
table.kalender_days_month tr.heading td.navi_left:hover{
    background-image:url(../gfx/rew_hover.png);
}
table.kalender_days_month tr.heading td.navi_right{
    cursor:pointer;
    font-weight:bold !important;
    background-image:url(../gfx/ff.png);
    background-position:center center;
    background-repeat:no-repeat;
    text-align:right;
}
table.kalender_days_month tr.heading td.navi_right:hover{
    background-image:url(../gfx/ff_hover.png);
}

table.kalender_days_month  tr.woche td.we{
    color:#6c9cb7;
    background-color:#f7fcff;
}
table.kalender_days_month tr.woche td{
    padding:4px 4px;
    color:#333333;
    background-color:inherit;
    border:1px dashed #cccccc;
    text-align:left;
    vertical-align:top;
    font-size:12px;
    font-weight:bold;
}

table.kalender_days_month  td.u {
    width:100%;
    height:15px !important;
    padding:0 !important;
    vertical-align:middle;
}
table.kalender_days_month  td.u div.u_l{
    width:50%;
    height:10px;
    float:left;
}
table.kalender_days_month  td.u div.u_r{
    width:50%;
    height:10px;
    float:right;
}


/*-- Wochentage --*/
table.kalender_days_month tr.tage td{
    padding:2px 4px;
    color:#333333;
    background-color:#cccccc;
    border:1px solid #666666;
    text-align:center;
    font-size:12px;
    font-weight:normal;
}
table.kalender_days_month tr.tage td.we{
    font-weight:bold;
}

/*-- Einzelne Daten --*/
table.kalender_days_month tr.datum td{
    width:40px;
    padding:5px;
    color:#333333;
    background-color:inherit;
    border:1px dashed #cccccc;
    text-align:center;
    vertical-align:middle;
    font-size:10px;
    font-weight:normal;
}
table.kalender_days_month tr.datum td.we{
    color:#6c9cb7;
    background-color:#f7fcff;
}
table.kalender_days_month tr.datum td.heute{
    font-weight:bold;
    color:#ffffff;
    background-color:#34a1dd;
}
table.kalender_days_month td.u .u5{     /*Urlaub*/
    background-color:#339933;
}
table.kalender_days_month td.u .u6{
    background-color:#ffee00;
}
table.kalender_days_month td.u .u14{
    background-color:#CC3333;
}
table.kalender_days_month td.u .u7{
    background-color:#3333AA;
}
table.kalender_days_month td.u .u17{
    background-color:#ff77ef;
}
table.kalender_days_month td.u .u18{
    background-color:#b977ff;
}
table.kalender_days_month td.u .u20{    /*Zeitausgleich*/
    background-color:#72d7a5;
}


.cu1{     /*Feiertag*/
    color:#978a00;
}
.cu2{     /*Planungstag*/
    color:#978a00;
}
.cu3{     /*Betriebsausflug*/
    color:#978a00;
}
.cu4{     /*Schließtag*/
    color:#978a00;
}
.cu5{     /*Urlaub*/
    color:#339933;
}
.cu6{     /*Sonderurlaub*/
    color:#ffee00;
}
.cu7{     /*Fortbildung*/
    color:#3333AA;
}
.cu14{     /*krank*/
    color:#cc3333;
}
.cu17{     /*Freistellung*/
    color:#ff77ef;
}
.cu18{     /*Schule*/
    color:#b977ff;
}
.cu20{     /*Zeitausgleich*/
    color:#72d7a5;
}


/* --------  AIT KALENDERDAYSMONTH ENDE  -------- */



/* --------  AIT KALENDERDAYS USER ANFANG  -------- */

div.kalender_days_user .kalender_days_user_usernames{
    width:120px;
    float:left;
    margin-top:1px;
}


div.kalender_days_user .scoll_hori{
    width:calc(100% - 121px);
    overflow:auto;
    border-right:1px solid #666666;
    border-top:1px solid #666666;
}
div.kalender_days_user table.kalender_days{
    border-collapse:collapse;
    empty-cells:hide;
    border:1px solid #666666;
    cursor:default;
}

/*-- Navigation --*/
div.kalender_days_user div.monatsname{
    text-align:center;
    height:23px;
    vertical-align:middle;
    font-size:18px;
    font-weight:bold;
    color:#ffffff;
    background-color:#34a1dd;
}
div.kalender_days_user .navi_left{
    width:100px;
    height:23px;
    float:left;
    cursor:pointer;
    font-weight:bold !important;
    background-image:url(../gfx/rew.png);
    background-position:center center;
    background-repeat:no-repeat;
    text-align:left;
}
div.kalender_days_user .navi_left:hover{
    background-image:url(../gfx/rew_hover.png);
}
div.kalender_days_user .navi_right{
    width:100px;
    height:23px;
    float:right;
    cursor:pointer;
    font-weight:bold !important;
    background-image:url(../gfx/ff.png);
    background-position:center center;
    background-repeat:no-repeat;
    text-align:right;
}
div.kalender_days_user .navi_right:hover{
    background-image:url(../gfx/ff_hover.png);
}

/*-- Monatsnamen --*/
div.kalender_days_user table.kalender_days tr.monate td.hell{
    height:20px;
    text-align:center;
    vertical-align:middle;
    font-size:14px;
    font-weight:bold;
    color:#ffffff;
    background-color:#999999;
    overflow:hidden;
    white-space: nowrap;
}
div.kalender_days_user table.kalender_days tr.monate td.dunkel{
    height:20px;
    text-align:center;
    vertical-align:middle;
    font-size:14px;
    font-weight:bold;
    color:#ffffff;
    background-color:#666666;
    overflow:hidden;
    white-space: nowrap;
}


/*-- Wochentage --*/
div.kalender_days_user table.kalender_days tr.tage td{
    padding:2px 8px;
    color:#333333;
    background-color:#cccccc;
    border:1px solid #666666;
    text-align:center;
    font-size:12px;
    font-weight:normal;
}
div.kalender_days_user table.kalender_days tr.tage td.we{
    font-weight:bold;
}

/*-- Einzelne Daten --*/
div.kalender_days_user table.kalender_days tr.datum td{
    width:110px;
    padding:5px;
    color:#333333;
    background-color:inherit;
    border:1px dashed #cccccc;
    text-align:center;
    vertical-align:middle;
    font-size:10px;
    font-weight:normal;
}
div.kalender_days_user table.kalender_days tr.datum:hover td{
    background-color:#eeeeee;
}
div.kalender_days_user table.kalender_days tr.datum td.we{
    color:#6c9cb7;
    background-color:#f7fcff;
}
div.kalender_days_user table.kalender_days tr.datum td.heute{
    font-weight:bold;
    color:#ffffff;
    background-color:#34a1dd;
}


td.u {
    width:100%;
    height:30px;
    padding:0 !important;
    vertical-align:middle;
}
td.u div.u_l{
    width:50%;
    height:20px;
    float:left;
}
td.u div.u_r{
    width:50%;
    height:20px;
    float:right;
}
td.u .u0{
    background-color:#cccccc;
}
td.u .u1{
    background-color:#007f05;
}
td.u .u2{
    background-color:#ffc62f;
}
td.u .u9{
    background-color:#d00303;
}


/* --------  AIT KALENDERDAYS ENDE  -------- */




/* --------  AIT KELENDER HOURS ANFANG  -------- */

.kalender_hours .scoll_hori{
    width:1098;

}
table.kalender_hours{
    width:100%;
    border-collapse:collapse;
    empty-cells:hide;
    border:1px solid #666666;
    cursor:default;
     -moz-user-select: -moz-none;
}


table.kalender_hours .u_kommentar td{
	border-top:1px dashed #ccc;
}
table.kalender_hours .inp_kommentar{
   -moz-user-select: text;
    font-size: 10px;
    height: 12px;
    margin: 0 0 0 40px;
    width: 920px;
    border:none;
    position:relative;
    top:-2px;
    overflow-y:auto;
    border-left:1px dashed #999;
}

table.kalender_hours tr.user:nth-of-type(odd){
	background-color: #f5f5f5;
}
table.kalender_hours tr.u_kommentar:nth-of-type(even){
	background-color: #f5f5f5;
}
table.kalender_hours tr.u_kommentar:nth-of-type(even) .inp_kommentar{
	background-color: #f5f5f5;
}


table.kalender_hours tr.heading td{
    height:24px;
    vertical-align:middle;
    font-size:18px;
    font-weight:bold;
    text-align:center;
}

/*-- ganze Stunden --*/
table.kalender_hours tr.stunden td{
    font-weight:bold;
    text-align:center !important;
}
table.kalender_hours tr.stunden td.hell{
    color:#ffffff !important;
    background-color:#999 !important;
}
table.kalender_hours tr.stunden td.dunkel{
    color:#ffffff !important;
    background-color:#666 !important;
}
/*-- 1/4 Stunden --*/
table.kalender_hours tr.minuten td{
    color:#333333;
    border:1px solid #666666;
    text-align:center;
    font-size:9px;
    font-weight:normal;
}
table.kalender_hours tr.minuten td.m00{
    background-color:#d3d3d3;
    width:23px;
}
table.kalender_hours tr.minuten td.m00 span{
   display:block;
    width:23px;
}
table.kalender_hours tr.minuten td.m15{
    background-color:#dddddd;
}
table.kalender_hours tr.minuten td.m30{
    background-color:#e3e3e3;
}
table.kalender_hours tr.minuten td.m45{
    background-color:#eeeeee;
}

/*-- Einzelne Daten --*/
table.kalender_hours tr.user td{
    height:17px;
    color:#333333;
    background-color:inherit;
    border:1px dashed #777;
    border-bottom:none;
    text-align:center;
    vertical-align:middle;
    font-size:9px;
    font-weight:normal;
    cursor:crosshair;
}

table.kalender_hours tr.user td:nth-of-type(4n+1){
border-right:1px solid #aaa;
}
table.kalender_hours tr.user td:nth-of-type(8n+2), table.kalender_hours tr.user td:nth-of-type(8n+3), table.kalender_hours tr.user td:nth-of-type(8n+4), table.kalender_hours tr.user td:nth-of-type(8n+5){
background-color:#eee;
}

table.kalender_hours tr.user td img{
opacity:0.5;
}

table.kalender_hours tr.user td:nth-of-type(8n+2) img, table.kalender_hours tr.user td:nth-of-type(8n+3) img, table.kalender_hours tr.user td:nth-of-type(8n+4) img, table.kalender_hours tr.user td:nth-of-type(8n+5) img{
opacity:1;
}

table.kalender_hours tr.user td span{
display:block;
width:15px;
}
table.kalender_hours tr.user td img{
	position:relative;
	top:1px;
}
table.kalender_hours tr.user:hover td{
    background-color:#eeeeee;
}


table.kalender_hours tr.user td.a{
    background-color:#7dbf92;
}
table.kalender_hours tr.user td.b{
    background-color:#fff8a7;
}
table.kalender_hours tr.user td.v{
    background-color:#ffbffe;
}
table.kalender_hours tr.user td.h{
    padding:0 !important;
    font-family: Arial,Helvetica,verdana,sans-serif;
    width:23px !important;
}

.bl{
    border-left:3px solid #aaa !important;
}


/*-- Auswahlbuttons --*/
.ajax_kalender_options{
    margin-top:15px;
}
.ajax_kalender_options .ajaxbutton{
    padding: 1px 8px;
    margin-right: 8px;
}
.ajax_kalender_options .aa{
    background-color:#7dbf92;
}
.ajax_kalender_options .ba{
    background-color:#fff8a7;
}
.ajax_kalender_options .va{
    background-color:#ffbffe;
}
.ajax_kalender_options .inactive{
    border:1px solid #333;
}
.ajax_kalender_options .inactive:hover{
    padding: 3px 10px;
    border:1px solid #333;
    margin-right:4px !important;
}
.ajax_kalender_options .active{
    padding: 7px 14px;
    border:1px solid #333;
}





/* --------  AIT KELENDER HOURS ENDE  -------- */

/* -------- AUSWERTUNGEN ANFANG ------- */

.auswertungen_text{
    vertical-align:top;
    padding-right:15px;
    padding-bottom:5px;
    color:#666;
}
.z_details td{
    border-bottom:none !important;
}
.z_details td.first{
    border-left:1px solid #999 !important;
}
.z_details td.last{
    border-right:1px solid #999 !important;
}
.zd_details td{
    border:1px solid #999 !important;
    border-top:1px dotted #ccc !important;
    padding:5px;
}
.klein{
    font-size:10px;
}


table.userdetails{
    width:100%;
}
table.userdetails td{
    border:1px solid #999 !important;
}
table.userdetails th[scope="row"]{
   text-align:right;
   font-weight:normal;
   font-style:italic;
   padding:right:5px;
}
table.userdetails th[scope="col"]{
   text-align:right;
   padding:right:5px;
   text-align:center;
}
table.userdetails td{
   border:none !important;
}
table.userdetails .b{
   font-weight:bold;
}
/* -------- AUSWERTUNGEN ENDE ------- */

.ar{
    text-align:right;
}