/* CSS Document */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////// description for the whole site //////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* Eric Meyer's CSS Reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} table {border-collapse: collapse; border-spacing: 0;} /* End of Eric Meyer's CSS Reset */ html {height: 100%; min-height: 100%;} article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;} body {font: 12px/18px Arial, sans-serif; height: 100%; min-height: 100%; background-color: #ebeff2;} .clearfix::after {content: ""; clear: both; display: table;} /****** WRAPPER*****************************************************************************************************/ .wrapper {display: grid; grid-template-columns: 180px 2fr; grid-template-areas: "header header" "sidebar content";} /****** WRAPPER*****************************************************************************************************/ /****** HEADER*****************************************************************************************************/ header {grid-area: header; background-color: #0287d2; height: 50px;} .header_image {float: left;} .header_navi {} .header_navi a {text-decoration: none; color: #dee2e3;} .header_navi a:focus {} .header_navi a:hover {font-style: italic;} .header_navi a:active {} .header_navi_icon {float: left; padding-left: 20px; padding-right: 10px; padding-top: 14px;} .header_navi_text {font-family: Calibri, Trebuchet MS, Kartika, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #ffffff; padding-top: 16px;} .red {color: #A60002; font-weight: bold; font-size: 16px;} .black {font-weight: bold;} /****** HEADER*****************************************************************************************************/ /****** SideNavi*****************************************************************************************************/ aside {grid-area: sidebar; background-color: #fafafa; height: 900px; border-right: 1px solid #dee2e3; border-bottom: 1px solid #dee2e3;} .side_navi_elements {padding-top: 20px;} .side_navi_icon {float: left; padding-left: 20px; padding-top: 14px; padding-right: 10px;} .side_navi_button {font-family: Calibri, Trebuchet MS, Kartika, Verdana, Arial, Helvetica, sans-serif; font-size: 18px; line-height: 40px; padding-left: 20px;} .side_navi_button a {text-decoration: none; color: #797979;} .side_navi_button a:focus {} .side_navi_button a:hover {color: #26add9;} .side_navi_button a:active {} .side_navi_button_current {font-family: Calibri, Trebuchet MS, Kartika, Verdana, Arial, Helvetica, sans-serif; font-size: 18px; line-height: 40px; padding-left: 20px;} .side_navi_button_current a {text-decoration: none; color: #26add9;} .side_navi_button_current a:focus {} .side_navi_button_current a:hover {} .side_navi_button_current a:active {} .side_navi_divider {font-family: Calibri, Trebuchet MS, Kartika, Verdana, Arial, Helvetica, sans-serif; font-size: 18px; line-height: 20px; padding-left: 10px; padding-top: 15px; color: #26add9;} /****** SideNavi*****************************************************************************************************/ /****** SideNavi*****************************************************************************************************/ article {grid-area: content; background-color: #fafafa; margin: 20px; padding: 20px; border: 1px solid #dee2e3;} /****** SideNavi*****************************************************************************************************/ /****** LOGIN*****************************************************************************************************/ .loginbackground {} .login {margin-left: auto; margin-right: auto; width: 200px; margin-top: 60px;} .startlogo {margin-left: auto; margin-right: auto; width: 864px; margin-top: 60px; border: 1px solid #797979; height: 198px;} /****** LOGIN*****************************************************************************************************/ /****** landing Page*****************************************************************************************************/ .block_1 {float: left; height: 410px; width: 300px; top: 20px; background: #ffffff; border: 1px solid #dee2e3;} .block_2 {float: left; height: 410px; width: 300px; top: 20px; background: #ffffff; border: 1px solid #dee2e3; margin-left: 12px;} .block_3 {float: left; height: 410px; width: 300px; top: 20px; background: #ffffff; border: 1px solid #dee2e3; margin-left: 12px;} .block_head {background: #0287d2; height: 35px; padding: 15px 0 0 15px; font-family: Calibri, Trebuchet MS, Kartika, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 15px; color: #c4f8ff;} .landing_date_container {height: 65px; border-top: 1px solid #dee2e3; clear: both;} .landing_date_image {left: 15px; padding-left: 15px; padding-top: 10px; float: left; } .landing_date_date {left: 10px; top: 5px; font-family: Calibri, Trebuchet MS, Kartika, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #797979; position: relative;} .landing_date_name {left: 10px; top: 10px; font-family: Calibri, Trebuchet MS, Kartika, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #26add9; position: relative;} .landing_date_line {border-top: 1px solid #dee2e3; } .landing_info_container {height: 65px; border-top: 1px solid #dee2e3; clear: both; width: 300px;} .landing_info_image {left: 15px; padding-left: 15px; padding-top: 20px; float: left; } .landing_info_date {left: 10px; top: 5px; font-family: Calibri, Trebuchet MS, Kartika, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #797979; position: relative;} .landing_info_name {left: 10px; top: 10px; font-family: Calibri, Trebuchet MS, Kartika, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #26add9; position: relative;} .landing_info_line {border-top: 1px solid #dee2e3; } .landing_email_container {height: 55px; border-top: 1px solid #dee2e3; clear: both; width: 300px;} .landing_email_image {left: 15px; padding-left: 15px; padding-top: 20px; float: left; } .landing_email_date {left: 10px; top: 5px; font-family: Calibri, Trebuchet MS, Kartika, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #797979; position: relative;} .landing_email_name {left: 10px; top: 10px; font-family: Calibri, Trebuchet MS, Kartika, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #26add9; position: relative;} .landing_email_name a {text-decoration: none; font-family: Calibri, Trebuchet MS, Kartika, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #26add9;} .landing_email_name a:focus {text-decoration: none; font-family: Calibri, Trebuchet MS, Kartika, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #26add9;} .landing_email_name a:hover {text-decoration: none; font-family: Calibri, Trebuchet MS, Kartika, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #26add9;} .landing_email_name a:active {text-decoration: none; font-family: Calibri, Trebuchet MS, Kartika, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #26add9;} .landing_email_line {border-top: 1px solid #dee2e3; } .landing_page_last {width: 650px;} /****** landing Page*****************************************************************************************************/ /****** Monatsübersicht *****************************************************************************************************/ .monatsuebersicht_head_year {font-size: 20px; font-weight: bold; margin-top: 20px; margin-bottom: 20px;} .name_header {font-family: Calibri, Trebuchet MS, Kartika, Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #797979; line-height: 25px; clear: both;} .head {font-family: Calibri, Trebuchet MS, Kartika, Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #797979; line-height: 25px; text-align: center; min-width: 1250px;} .head_calenderweek {width: 50px; border: 1px solid #26add9; position: relative; left: 00px; float: left; top: 20px; height: 51px; line-height: 45px;} .head_monday {width: 135px; border: 1px solid #26add9; position: relative; left: -1px; float: left; top: 20px;} .head_tuesday {width: 135px; border: 1px solid #26add9; position: relative; left: -2px; float: left; top: 20px;} .head_wednesday {width: 135px; border: 1px solid #26add9; position: relative; left: -3px; float: left; top: 20px;} .head_thursday {width: 135px; border: 1px solid #26add9; position: relative; left: -4px; float: left; top: 20px;} .head_friday {width: 135px; border: 1px solid #26add9; position: relative; left: -5px; float: left; top: 20px;} .head_saturday {width: 135px; border: 1px solid #26add9; position: relative; left: -6px; float: left; top: 20px;} .head_sunday {width: 135px; border: 1px solid #26add9; position: relative; left: -7px; float: left; top: 20px;} .head_sum {width: 55px; border: 1px solid #26add9; position: relative; left: -8px; float: left; top: 20px; height: 51px; line-height: 45px;} .head_sum_industry {width: 55px; border: 1px solid #26add9; position: relative; left: -9px; float: left; top: 20px; height: 51px; line-height: 45px;} .head_soll {width: 55px; border: 1px solid #26add9; position: relative; left: -10px; float: left; top: 20px; height: 51px; line-height: 45px;} .head_diff {width: 55px; border: 1px solid #26add9; position: relative; left: -11px; float: left; top: 20px; height: 51px; line-height: 45px;} .head_time_1 {width: 89px; border: 1px solid #26add9; position: relative; left: 51px; float: left; top: -7px; clear: both;} .head_pause_1 {width: 45px; border: 1px solid #26add9; position: relative; left: 50px; float: left; top: -7px;} .head_time_2 {width: 89px; border: 1px solid #26add9; position: relative; left: 49px; float: left; top: -7px;} .head_pause_2 {width: 45px; border: 1px solid #26add9; position: relative; left: 48px; float: left; top: -7px;} .head_time_3 {width: 89px; border: 1px solid #26add9; position: relative; left: 47px; float: left; top: -7px;} .head_pause_3 {width: 45px; border: 1px solid #26add9; position: relative; left: 46px; float: left; top: -7px;} .head_time_4 {width: 89px; border: 1px solid #26add9; position: relative; left: 45px; float: left; top: -7px;} .head_pause_4 {width: 45px; border: 1px solid #26add9; position: relative; left: 44px; float: left; top: -7px;} .head_time_5 {width: 89px; border: 1px solid #26add9; position: relative; left: 43px; float: left; top: -7px;} .head_pause_5 {width: 45px; border: 1px solid #26add9; position: relative; left: 42px; float: left; top: -7px;} .head_time_6 {width: 89px; border: 1px solid #26add9; position: relative; left: 41px; float: left; top: -7px;} .head_pause_6 {width: 45px; border: 1px solid #26add9; position: relative; left: 40px; float: left; top: -7px;} .head_time_7 {width: 89px; border: 1px solid #26add9; position: relative; left: 39px; float: left; top: -7px;} .head_pause_7 {width: 45px; border: 1px solid #26add9; position: relative; left: 38px; float: left; top: -7px;} .zusatzzeiten {font-family: Calibri, Trebuchet MS, Kartika, Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #797979; line-height: 25px; text-align: left; position: relative; top: 20px;} .zusatzzeiten_bold {font-family: Calibri, Trebuchet MS, Kartika, Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #797979; text-align: left; font-weight: bold;} .table {font-family: Calibri, Trebuchet MS, Kartika, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #797979; line-height: 35px; text-align: center; position: relative; top: 20px;} .table_calenderweek {width: 50px; border: 1px solid #26add9; position: relative; left: 00px; float: left; top: -1px; height: 51px; line-height: 45px; clear: both; background-color: #EDEFFF;} .table_time_1 {width: 89px; border: 1px solid #26add9; position: relative; left: -1px; float: left; top: -1px; height: 51px; line-height: 15px; background-color: #EDEFFF;} .table_pause_1 {width: 45px; border: 1px solid #26add9; position: relative; left: -2px; float: left; top: -1px; height: 51px; line-height: 15px; background-color: #EDEFFF;} .table_time_2 {width: 89px; border: 1px solid #26add9; position: relative; left: -3px; float: left; top: -1px; height: 51px; line-height: 15px; background-color: #EDEFFF;} .table_pause_2 {width: 45px; border: 1px solid #26add9; position: relative; left: -4px; float: left; top: -1px; height: 51px; line-height: 15px; background-color: #EDEFFF;} .table_time_3 {width: 89px; border: 1px solid #26add9; position: relative; left: -5px; float: left; top: -1px; height: 51px; line-height: 15px; background-color: #EDEFFF;} .table_pause_3 {width: 45px; border: 1px solid #26add9; position: relative; left: -6px; float: left; top: -1px; height: 51px; line-height: 15px; background-color: #EDEFFF;} .table_time_4 {width: 89px; border: 1px solid #26add9; position: relative; left: -7px; float: left; top: -1px; height: 51px; line-height: 15px; background-color: #EDEFFF;} .table_pause_4 {width: 45px; border: 1px solid #26add9; position: relative; left: -8px; float: left; top: -1px; height: 51px; line-height: 15px; background-color: #EDEFFF;} .table_time_5 {width: 89px; border: 1px solid #26add9; position: relative; left: -9px; float: left; top: -1px; height: 51px; line-height: 15px; background-color: #EDEFFF;} .table_pause_5 {width: 45px; border: 1px solid #26add9; position: relative; left: -10px; float: left; top: -1px; height: 51px; line-height: 15px; background-color: #EDEFFF;} .table_time_6 {width: 89px; border: 1px solid #26add9; position: relative; left: -11px; float: left; top: -1px; height: 51px; line-height: 15px; background-color: #EDEFFF;} .table_pause_6 {width: 45px; border: 1px solid #26add9; position: relative; left: -12px; float: left; top: -1px; height: 51px; line-height: 15px; background-color: #EDEFFF;} .table_time_7 {width: 89px; border: 1px solid #26add9; position: relative; left: -13px; float: left; top: -1px; height: 51px; line-height: 15px; background-color: #EDEFFF;} .table_pause_7 {width: 45px; border: 1px solid #26add9; position: relative; left: -14px; float: left; top: -1px; height: 51px; line-height: 15px; background-color: #EDEFFF;} .table_sum {width: 55px; border: 1px solid #26add9; position: relative; left: -15px; float: left; top: -1px; height: 51px; line-height: 25px; background-color: #EDEFFF;} .table_sum_industry {width: 55px; border: 1px solid #26add9; position: relative; left: -16px; float: left; top: -1px; height: 51px; line-height: 25px; background-color: #EDEFFF;} .table_soll {width: 55px; border: 1px solid #26add9; position: relative; left: -17px; float: left; top: -1px; height: 51px; line-height: 25px; background-color: #EDEFFF;} .table_diff {width: 55px; border: 1px solid #26add9; position: relative; left: -18px; float: left; top: -1px; height: 51px; line-height: 25px; background-color: #EDEFFF;} .table_calenderweek_2 {width: 50px; border: 1px solid #26add9; position: relative; left: 00px; float: left; top: -1px; height: 51px; line-height: 45px; clear: both; background-color: #FFF7F0;} .table_time_1_2 {width: 89px; border: 1px solid #26add9; position: relative; left: -1px; float: left; top: -1px; height: 51px; line-height: 15px; background-color: #FFF7F0;} .table_pause_1_2 {width: 45px; border: 1px solid #26add9; position: relative; left: -2px; float: left; top: -1px; height: 51px; line-height: 15px; background-color: #FFF7F0;} .table_time_2_2 {width: 89px; border: 1px solid #26add9; position: relative; left: -3px; float: left; top: -1px; height: 51px; line-height: 15px; background-color: #FFF7F0;} .table_pause_2_2 {width: 45px; border: 1px solid #26add9; position: relative; left: -4px; float: left; top: -1px; height: 51px; line-height: 15px; background-color: #FFF7F0;} .table_time_3_2 {width: 89px; border: 1px solid #26add9; position: relative; left: -5px; float: left; top: -1px; height: 51px; line-height: 15px; background-color: #FFF7F0;} .table_pause_3_2 {width: 45px; border: 1px solid #26add9; position: relative; left: -6px; float: left; top: -1px; height: 51px; line-height: 15px; background-color: #FFF7F0;} .table_time_4_2 {width: 89px; border: 1px solid #26add9; position: relative; left: -7px; float: left; top: -1px; height: 51px; line-height: 15px; background-color: #FFF7F0;} .table_pause_4_2 {width: 45px; border: 1px solid #26add9; position: relative; left: -8px; float: left; top: -1px; height: 51px; line-height: 15px; background-color: #FFF7F0;} .table_time_5_2 {width: 89px; border: 1px solid #26add9; position: relative; left: -9px; float: left; top: -1px; height: 51px; line-height: 15px; background-color: #FFF7F0;} .table_pause_5_2 {width: 45px; border: 1px solid #26add9; position: relative; left: -10px; float: left; top: -1px; height: 51px; line-height: 15px; background-color: #FFF7F0;} .table_time_6_2 {width: 89px; border: 1px solid #26add9; position: relative; left: -11px; float: left; top: -1px; height: 51px; line-height: 15px; background-color: #FFF7F0;} .table_pause_6_2 {width: 45px; border: 1px solid #26add9; position: relative; left: -12px; float: left; top: -1px; height: 51px; line-height: 15px; background-color: #FFF7F0;} .table_time_7_2 {width: 89px; border: 1px solid #26add9; position: relative; left: -13px; float: left; top: -1px; height: 51px; line-height: 15px; background-color: #FFF7F0;} .table_pause_7_2 {width: 45px; border: 1px solid #26add9; position: relative; left: -14px; float: left; top: -1px; height: 51px; line-height: 15px; background-color: #FFF7F0;} .table_sum_2 {width: 55px; border: 1px solid #26add9; position: relative; left: -15px; float: left; top: -1px; height: 51px; line-height: 25px; background-color: #FFF7F0;} .table_sum_industry_2 {width: 55px; border: 1px solid #26add9; position: relative; left: -16px; float: left; top: -1px; height: 51px; line-height: 25px; background-color: #FFF7F0;} .table_soll_2 {width: 55px; border: 1px solid #26add9; position: relative; left: -17px; float: left; top: -1px; height: 51px; line-height: 25px; background-color: #FFF7F0;} .table_diff_2 {width: 55px; border: 1px solid #26add9; position: relative; left: -18px; float: left; top: -1px; height: 51px; line-height: 25px; background-color: #FFF7F0;} .buttons {width: 1226px;} /****** Monatsübersicht *****************************************************************************************************/ /****** Jahreskarte *****************************************************************************************************/ .personal {height: 200px;} .personal2 {} .personal_name {float: left; width: 125px; font-family: Calibri, Trebuchet MS, Kartika, Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #26add9; line-height: 25px; position: relativ;} .personal_birth {float: left; width: 125px; font-family: Calibri, Trebuchet MS, Kartika, Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #26add9; line-height: 25px;} .personal_address {float: left; width: 125px; font-family: Calibri, Trebuchet MS, Kartika, Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #26add9; line-height: 25px;} .personal_bank {float: left; width: 125px; font-family: Calibri, Trebuchet MS, Kartika, Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #26add9; line-height: 25px;} .personal_name_php {font-family: Calibri, Trebuchet MS, Kartika, Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #797979; line-height: 25px;} .personal_birth_php {font-family: Calibri, Trebuchet MS, Kartika, Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #797979; line-height: 25px;} .personal_address_php {font-family: Calibri, Trebuchet MS, Kartika, Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #797979; line-height: 25px;} .personal_bank_php {font-family: Calibri, Trebuchet MS, Kartika, Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #797979; line-height: 25px;} .monatsuebersicht_plan_year {font-size: 20px; font-weight: bold; margin-top: 20px; margin-bottom: 20px;} .year_plan {font-family: Calibri, Trebuchet MS, Kartika, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; color: #797979; height: 515px; width: 1060px;} .year_month_first_t {float: left; width: 39px; height: 25px; border-left: 1px solid #797979; border-top: 1px solid #797979; clear: both; line-height: 40px;} .year_month_first_t_invisible {float: left; width: 39px; height: 25px; border-left: 1px solid #797979; border-bottom: 1px solid #797979; clear: both;} .year_month_middle_t {float: left; width: 26px; height: 25px; border-left: 1px solid #797979; border-top: 1px solid #797979; line-height: 40px;} .year_month_middle_t_invisible {float: left; width: 26px; height: 25px; border-left: 1px solid #797979; border-bottom: 1px solid #797979;} .year_month_arbeitstage_t {float: left; width: 73px; height: 25px; border-left: 1px solid #797979; border-top: 1px solid #797979;} .year_month_Krank_Urlaub_t {float: left; width: 73px; height: 25px; border-left: 1px solid #797979; border-top: 1px solid #797979; border-right: 1px solid #797979;} .year_month_soll_t {float: left; width: 36px; height: 25px; border-left: 1px solid #797979; border-bottom: 1px solid #797979;} .year_month_ist_t {float: left; width: 36px; height: 25px; border-left: 1px solid #797979; border-bottom: 1px solid #797979;} .year_month_krank_t {float: left; width: 36px; height: 25px; border-left: 1px solid #797979; border-bottom: 1px solid #797979;} .year_month_urlaub_t {float: left; width: 36px; height: 25px; border-left: 1px solid #797979; border-bottom: 1px solid #797979; border-right: 1px solid #797979;} .month_name {float: left; width: 39px; height: 25px; border-left: 1px solid #797979; border-bottom: 1px solid #797979; clear: both;} .day {float: left; width: 26px; height: 25px; border-left: 1px solid #797979; border-bottom: 1px solid #797979;} .day_out {float: left; width: 26px; height: 25px; border-left: 1px solid #797979; border-bottom: 1px solid #797979; background-color: #5F5F5F;} .day_holiday {float: left; width: 26px; height: 25px; border-left: 1px solid #797979; border-bottom: 1px solid #797979; background-color: #84E0FF;} .day_sunday {float: left; width: 26px; height: 25px; border-left: 1px solid #797979; border-bottom: 1px solid #797979; background-color: #B9B9B9;} .day_free {float: left; width: 26px; height: 25px; border-left: 1px solid #797979; border-bottom: 1px solid #797979; background-color: #DBADFF;} .day_ill {float: left; width: 26px; height: 25px; border-left: 1px solid #797979; border-bottom: 1px solid #797979; background-color: #B89E5C;} .day_minus {float: left; width: 26px; height: 25px; border-left: 1px solid #797979; border-bottom: 1px solid #797979; background-color: #FDE3E3;} .day_plus {float: left; width: 26px; height: 25px; border-left: 1px solid #797979; border-bottom: 1px solid #797979; background-color: #DCFFDB;} .day_zero {float: left; width: 26px; height: 25px; border-left: 1px solid #797979; border-bottom: 1px solid #797979; background-color: #F4F4F4;} .day_halffree {float: left; width: 26px; height: 25px; border-left: 1px solid #797979; border-bottom: 1px solid #797979; background-color: #FBFF7A;} .year_plan_bottom {width: 1060px; font-family: Calibri, Trebuchet MS, Kartika, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; color: #797979;} /****** Jahreskarte *****************************************************************************************************/ /****** Überblick alle Konten *****************************************************************************************************/ .overview_name { width: 1205px; height: 35px; border: 2px solid #797979; text-align: center; background-color: #77D6F8; font-size: 20px; font-weight: bold; line-height: 38px; margin-bottom: 5px;} .overview_bank_account { width: 1197px; height: 25px; border-left: 1px solid #797979; vertical-align: middle; background-color: #F7C75F; border-top: 1px solid #797979; border-right: 1px solid #797979; margin-top: 35px; line-height: 25px; font-weight: bold; padding-left: 10px;} .overview_main_cat {clear: both; width: 1187px; height: 25px; border-left: 1px solid #797979; border-top: 1px solid #797979; vertical-align: middle; border-right: 1px solid #797979; background-color: #FFA1A3; padding-left: 20px; line-height: 25px; font-weight: bold; font-size: 11px;} .overview_sec_cat {clear: both; width: 1177px; height: 25px; border-left: 1px solid #797979; border-top: 1px solid #797979; vertical-align: middle; border-right: 1px solid #797979; background-color: #B3F5C7; padding-left: 30px; line-height: 25px; font-weight: bold; font-size: 11px;} .overview_3rd_cat {float: left; width: 250px; height: 25px; border-left: 1px solid #797979; border-top: 1px solid #797979; vertical-align: middle; background-color: #7CA2F9; padding-left: 40px; line-height: 25px; font-weight: bold; font-size: 10px;} .overview_first {float: left; width: 290px; height: 25px; border-left: 1px solid #797979; border-top: 1px solid #797979; vertical-align: middle; text-align: center; line-height: 25px; font-size: 11px; font-weight: bold;} .overview_month {float: left; width: 67px; height: 25px; border-left: 1px solid #797979; border-top: 1px solid #797979; vertical-align: middle; text-align: center; line-height: 25px; font-size: 11px; font-weight: bold;} .overview_last {float: left; width: 100px; height: 25px; border-left: 1px solid #797979; border-top: 1px solid #797979; vertical-align: middle; text-align: center; border-right: 1px solid #797979; line-height: 25px; font-size: 11px; font-weight: bold;} .overview_bottom {} /****** Überblick alle Konten *****************************************************************************************************/ /****** Notdienstplan *****************************************************************************************************/ .notdienst_month_name { width: 914px; height: 15px; border-left: 1px solid #797979; border-top: 1px solid #797979; border-right: 1px solid #797979; background-color: #9CC0FF; font-weight: bold; text-indent: 10px; text-align: center;} .notdienst_day {float: left; width: 20px; height: 18px; border-left: 1px solid #797979; border-top: 1px solid #797979; text-align: center;} .notdienst_holiday {float: left; width: 20px; height: 18px; border-left: 1px solid #797979; border-top: 1px solid #797979; background-color: #DBADFF; text-align: center;} .notdienst_sunday {float: left; width: 20px; height: 18px; border-left: 1px solid #797979; border-top: 1px solid #797979; background-color: #B9B9B9; text-align: center;} .notdienst_apo_name1 {float: left; width: 290px; height: 18px; border-left: 1px solid #797979; border-top: 1px solid #797979; text-indent: 10px;} .notdienst_apo_name2 {float: left; width: 290px; height: 18px; border-left: 1px solid #797979; border-top: 1px solid #797979; text-indent: 10px;} .notdienst_apo_name3 {float: left; width: 290px; height: 18px; border-left: 1px solid #797979; border-top: 1px solid #797979; border-right: 1px solid #797979; text-indent: 10px;} .notdienst_end { width: 916px; height: 50px; border-top: 1px solid #797979; text-align: right;} .notdienst_input_apo { width: 280px; border: 0px; font-family: Arial; font-size: 12px;} .notdienst_speichern {background-color: #D49192; height: 25px;} .notdienst_view_head { width: 100%; border-bottom: 1px solid #c12020; height: 50px;} .notdienst_view_datum {float: right; font-size: 25px; line-height: 55px; text-align: right; height: 50px; font-weight: bold; color: #c12020;} .clock {float: right; font-size: 30px; line-height: 50px; text-align: right; height: 50px; padding-right: 40px; font-weight: bold; color: #c12020;} .notdienst_view_frames {height: 100%;} .notdienst_view_headline{font-size: 50px; font-weight: bold; height: 120px; line-height: 100px; text-align: center;} .notdienst_view_left {float: left; width: 750px;} .notdienst_view_right {float: left; } .notdienst_apotheken_frame {} .notdienst_apotheken_frame_name { font-size: 32px; font-weight: bold; text-indent: 15px; line-height: 40px; color: #c12020;} .notdienst_apotheken_frame_strasse { font-size: 25px; text-indent: 15px; line-height: 30px;} .notdienst_apotheken_frame_plz {float: left; font-size: 25px; text-indent: 15px; line-height: 30px;} .notdienst_apotheken_frame_ort { font-size: 25px; text-indent: 15px; line-height: 30px;} .notdienst_apotheken_frame_telefon {float: left; font-size: 21px; font-weight: bold; text-indent: 15px; line-height: 30px;} .notdienst_apotheken_frame_telefax { font-size: 21px; font-weight: bold; text-indent: 15px; line-height: 30px; padding-bottom: 30px;} /****** Notdienstplan *****************************************************************************************************/ /****** Urlaubsplaner *****************************************************************************************************/ .urlaubsplan_plan_year {font-size: 20px; font-weight: bold; margin-top: 20px; margin-bottom: 20px;} .urlaubsseite_monatsnamen {float: left; width: 220px; height: 15px; border-left: 1px solid #797979; border-top: 1px solid #797979; background-color: #9CC0FF; font-weight: bold; text-indent: 10px;} .urlaubsseite_tage_monat {float: left; width: 20px; height: 15px; border-left: 1px solid #797979; border-top: 1px solid #797979; background-color: #9CC0FF; text-align: center; font-weight: bold;} .urlaubsseite_apotheke {float: left; width: 220px; height: 15px; border-left: 1px solid #797979; border-top: 1px solid #797979; background-color: #FFDCDC; font-weight: bold; text-indent: 20px;} .urlaubsseite_tage {float: left; width: 20px; height: 15px; border-left: 1px solid #797979; border-top: 1px solid #797979; text-align: center;} .urlaubsseite_tage_apotheke {float: left; width: 20px; height: 15px; border-left: 1px solid #797979; border-top: 1px solid #797979; text-align: center; background-color: #FFDCDC;} .urlaubsseite_tage_leer {float: left; width: 20px; height: 15px; border-left: 1px solid #797979; border-top: 1px solid #797979; text-align: center; background-color: #B9B9B9;} .urlaubsseite_tage_sonntag {float: left; width: 20px; height: 15px; border-left: 1px solid #797979; border-top: 1px solid #797979; text-align: center; background-color: #B9B9B9;} .urlaubsseite_tage_urlaub {float: left; width: 20px; height: 15px; border-left: 1px solid #797979; border-top: 1px solid #797979; background-color: #84E0FF; text-align: center;} .urlaubsseite_tage_krank {float: left; width: 20px; height: 15px; border-left: 1px solid #797979; border-top: 1px solid #797979; background-color: #B89E5C; text-align: center;} .urlaubsseite_tage_out {float: left; width: 20px; height: 15px; border-left: 1px solid #797979; border-top: 1px solid #797979; background-color: #5F5F5F; text-align: center;} .urlaubsseite_tage_feiertag {float: left; width: 20px; height: 15px; border-left: 1px solid #797979; border-top: 1px solid #797979; background-color: #DBADFF; text-align: center;} .urlaubsseite_tage_abwesend {float: left; width: 20px; height: 15px; border-left: 1px solid #797979; border-top: 1px solid #797979; background-color: #F45659; text-align: center;} .urlaubsseite_tage_sonderurlaub {float: left; width: 20px; height: 15px; border-left: 1px solid #797979; border-top: 1px solid #797979; background-color: #84E0FF; text-align: center;} .urlaubsseite_tage_schulung {float: left; width: 20px; height: 15px; border-left: 1px solid #797979; border-top: 1px solid #797979; background-color: #31F7C3; text-align: center;} .urlaubsseite_mitarbeiter {float: left; width: 220px; height: 15px; border-left: 1px solid #797979; border-top: 1px solid #797979; text-indent: 30px;} .urlaubsseite_tage_abschluss {float: left; height: 16px; border-left: 1px solid #797979;} .urlaubsseite_abschluss_nach_monat {clear: left; height: 30px; border-top: 1px solid #797979; width: 873px;} .urlaubsseite_end {width: 880px;} /****** Urlaubsplaner *****************************************************************************************************/ /****** Anträge *****************************************************************************************************/ .antraege_list_head {} .antraege_list_head2 {margin-top: 40px;} .antraege_list_ma {float: left; width: 100px; height: 15px; border-left: 1px solid #797979; border-top: 1px solid #797979; border-bottom: 1px solid #797979; text-indent: 10px;} .antraege_list_ma_2 {float: left; width: 100px; height: 15px; border-left: 1px solid #797979; border-bottom: 1px solid #797979; text-indent: 10px;} .antraege_list_ma_2r {float: left; width: 100px; height: 15px; border-left: 1px solid #797979; border-bottom: 1px solid #797979; text-indent: 10px; color: #A80002; font-weight: bold;} .antraege_list_from {float: left; width: 100px; height: 15px; border-left: 1px solid #797979; border-top: 1px solid #797979; border-bottom: 1px solid #797979; text-indent: 10px;} .antraege_list_from_2 {float: left; width: 100px; height: 15px; border-left: 1px solid #797979; border-bottom: 1px solid #797979; text-indent: 10px;} .antraege_list_from_2r {float: left; width: 100px; height: 15px; border-left: 1px solid #797979; border-bottom: 1px solid #797979; text-indent: 10px; color: #A80002; font-weight: bold;} .antraege_list_to {float: left; width: 100px; height: 15px; border-left: 1px solid #797979; border-top: 1px solid #797979; border-bottom: 1px solid #797979; text-indent: 10px;} .antraege_list_to_2 {float: left; width: 100px; height: 15px; border-left: 1px solid #797979; border-bottom: 1px solid #797979; text-indent: 10px;} .antraege_list_to_2r {float: left; width: 100px; height: 15px; border-left: 1px solid #797979; border-bottom: 1px solid #797979; text-indent: 10px; color: #A80002; font-weight: bold;} .antraege_list_type {float: left; width: 200px; height: 15px; border-left: 1px solid #797979; border-top: 1px solid #797979; border-bottom: 1px solid #797979; text-indent: 10px;} .antraege_list_type_2 {float: left; width: 200px; height: 15px; border-left: 1px solid #797979; border-bottom: 1px solid #797979; text-indent: 10px;} .antraege_list_type_2r {float: left; width: 200px; height: 15px; border-left: 1px solid #797979; border-bottom: 1px solid #797979; text-indent: 10px; color: #A80002; font-weight: bold;} .antraege_list_comment {float: left; width: 300px; height: 15px; border-left: 1px solid #797979; border-top: 1px solid #797979; border-bottom: 1px solid #797979; text-indent: 10px;} .antraege_list_comment_2 {float: left; width: 300px; height: 15px; border-left: 1px solid #797979; border-bottom: 1px solid #797979; text-indent: 10px;} .antraege_list_comment_2r {float: left; width: 300px; height: 15px; border-left: 1px solid #797979; border-bottom: 1px solid #797979; text-indent: 10px; color: #A80002; font-weight: bold;} .antraege_list_date {float: left; width: 200px; height: 15px; border-left: 1px solid #797979; border-top: 1px solid #797979; border-bottom: 1px solid #797979; border-right: 1px solid #797979; text-indent: 10px;} .antraege_list_date_2 {float: left; width: 200px; height: 15px; border-left: 1px solid #797979; border-bottom: 1px solid #797979; border-right: 1px solid #797979; text-indent: 10px;} .antraege_list_date_2r {float: left; width: 200px; height: 15px; border-left: 1px solid #797979; border-bottom: 1px solid #797979; border-right: 1px solid #797979; text-indent: 10px; color: #A80002; font-weight: bold;} .bantraege_list_ma_2 {float: left; width: 90px; height: 110px; border-left: 1px solid #797979; border-bottom: 1px solid #797979; padding-left:10px;} .bantraege_list_ma_2r {float: left; width: 90px; height: 110px; border-left: 1px solid #797979; border-bottom: 1px solid #797979; padding-left: 10px; color: #A80002; font-weight: bold;} .bantraege_list_from_2 {float: left; width: 90px; height: 110px; border-left: 1px solid #797979; border-bottom: 1px solid #797979; padding-left: 10px;} .bantraege_list_from_2r {float: left; width: 90px; height: 110px; border-left: 1px solid #797979; border-bottom: 1px solid #797979; padding-left: 10px; color: #A80002; font-weight: bold;} .bantraege_list_to_2 {float: left; width: 90px; height: 110px; border-left: 1px solid #797979; border-bottom: 1px solid #797979; padding-left: 10px;} .bantraege_list_to_2r {float: left; width: 90px; height: 110px; border-left: 1px solid #797979; border-bottom: 1px solid #797979; padding-left: 10px; color: #A80002; font-weight: bold;} .bantraege_list_type_2 {float: left; width: 190px; height: 110px; border-left: 1px solid #797979; border-bottom: 1px solid #797979; padding-left: 10px;} .bantraege_list_type_2r {float: left; width: 190px; height: 110px; border-left: 1px solid #797979; border-bottom: 1px solid #797979; padding-left: 10px; color: #A80002; font-weight: bold;} .bantraege_list_comment_2 {float: left; width: 290px; height: 110px; border-left: 1px solid #797979; border-bottom: 1px solid #797979; padding-left: 10px;} .bantraege_list_comment_2r {float: left; width: 290px; height: 110px; border-left: 1px solid #797979; border-bottom: 1px solid #797979; padding-left: 10px; color: #A80002; font-weight: bold;} .bantraege_list_date_2 {float: left; width: 190px; height: 110px; border-left: 1px solid #797979; border-bottom: 1px solid #797979; border-right: 1px solid #797979; padding-left: 10px;} .bantraege_list_date_2r {float: left; width: 190px; height: 110px; border-left: 1px solid #797979; border-bottom: 1px solid #797979; border-right: 1px solid #797979; padding-left: 10px; color: #A80002; font-weight: bold;} .request_link {text-decoration: none; font-size: 15px; width: 300px; height: 35px; padding-top: 15px; border-bottom: 1px solid #E0E0E0; padding-left: 35px; color: #004793;} .request_link a {text-decoration: none; font-size: 13px; width: 300px; height: 25px; padding-top: 5px; padding-left: 35px; color: #004793;} .request_link a:focus {color: #004793;} .request_link a:hover {color: #004793; font-style: italic;} .request_link a:active {color: #004793;} .request_link a:checked {color: #004793;} .back_button {} .back_button a {text-decoration: none; font-size: 13px; width: 300px; height: 25px; padding-top: 5px; color: #004793;} .back_button a:focus {color: #004793;} .back_button a:hover {color: #004793; font-style: italic;} .back_button a:active {color: #004793;} .back_button a:checked {color: #004793;} .holiday_request_headline {font-size: 18px; color: #004793; padding-top: 20px; padding-bottom: 20px;} .holiday_request_name {float: left; padding-right: 30px; font-size: 14px;} .holiday_request_days_left {font-size: 14px;} .antraege_input_reason {float: left; margin-left: -1px; border: 1px solid #000000; height: 15px; margin-top: -1px;} .bantraege_input_reason {float: left; margin-left: -1px; border: 1px solid #000000; height: 110px; margin-top: -1px;} .inputReason {font-size: 11px; border: 0px; vertical-align: top;} .antraege_input_release {float: left; margin-left: -1px; border: 1px solid #000000; height: 15px; margin-top: -1px;} .antraege_input_cancel {float: left; margin-left: -1px; border: 1px solid #000000; height: 15px; margin-top: -1px;} .antraege_input_delete {float: left; margin-left: -1px; border: 1px solid #000000; height: 15px; margin-top: -1px;} .bantraege_input_release {float: left; margin-left: -1px; border: 1px solid #000000; height: 110px; margin-top: -1px;} .bantraege_input_cancel {float: left; margin-left: -1px; border: 1px solid #000000; height: 110px; margin-top: -1px;} .bantraege_input_delete {float: left; margin-left: -1px; border: 1px solid #000000; height: 110px; margin-top: -1px;} .inputButton {font-size: 11px; border: 0px; vertical-align: top;} .training_request_points {padding-top: 10px;} .fillout_error {padding-top: 10px; color: #FF0004; font-size: 16px;} .antraege_end {width: 1260px;} /****** Anträge *****************************************************************************************************/ /****** Dokumente *****************************************************************************************************/ .document_headline {font-weight: bold; font-size: 17px; margin-top: 10px; margin-bottom: 20px;} .document_folder {font-weight: bold; font-size: 16px; margin-top: 40px; margin-bottom: 0px; background-color: #E3E8EF; width: 1000px; height: 27px; vertical-align: middle; padding-left: 10px; padding-top: 7px;} .document_file {float: left; font-size: 14px; margin-left: 30px; margin-right: 30px;} .document_head_realName {float: left; font-size: 14px; width: 590px; height: 25px; padding-top: 8px; background-color: #F4F4F4; border-bottom: 2px solid #E0E0E0; padding-left: 25px;} .document_head_lastModified {float: left; font-size: 14px; width: 395px; height: 25px; padding-top: 8px; background-color: #F4F4F4; border-bottom: 2px solid #E0E0E0;} .document_icon {float: left; width: 10px; height: 25px; padding-top: 5px; border-bottim: 1px solid #E0E0E0; padding-left: 35px; color: #004793;} .document_file_realName {} .document_file_realName a {text-decoration: none; float: left; font-size: 13px; width: 570px; height: 25px; padding-top: 5px; border-bottom: 1px solid #E0E0E0; padding-left: 20px; color: #004793;} .document_file_realName a:focus {color: #004793;} .document_file_realName a:hover {color: #004793; font-style: italic;} .document_file_realName a:active {color: #004793;} .document_file_realName a:checked {color: #004793;} .document_file_lastModified {float: left; font-size: 13px; width: 375px; height: 25px; padding-top: 5px; border-bottom: 1px solid #E0E0E0;} .document_spacer {height: 30px;} .document_end {width: 1030px;} /****** Dokumente *****************************************************************************************************/ /****** CONTENT Dienstplan*****************************************************************************************************/ .dienstplan_head_year {font-size: 20px; font-weight: bold; margin-top: 20px; margin-bottom: 20px;} .dienstplan_kalenderwoche_a {font-weight: bold; font-size: 17px; margin-top: 30px; width: 1735px;} .dienstplan_apotheken_name {font-weight: bold; font-size: 16px; margin-top: 20px;} .dienstplan_leer {float: left; width: 246px;} .dienstplan_wochentag {border-left: 2px solid #797979; border-top: 2px solid #797979; float: left; width: 207px; text-align: center;} .dienstplan_wochentag_last {border-left: 2px solid #797979; border-top: 2px solid #797979; border-right: 2px solid #797979; float: left; width: 207px; text-align: center;} .dienstplan_name_mitarbeiter_a {border-left: 1px solid #797979; border-top: 1px solid #797979; font-weight: bold; float: left; width: 245px;} .dienstplan_name_mitarbeiter_b {border-left: 1px solid #797979; border-top: 1px solid #ffffff; font-weight: bold; float: left; width: 245px;} .dienstplan_stunde_first {border-left: 2px solid #797979; border-top: 2px solid #797979; border-bottom: 1px solid #797979; float: left; width: 12px; font-size: 8px; text-align: center; vertical-align: middle;} .dienstplan_stunde {border-left: 1px solid #797979; border-top: 2px solid #797979; border-bottom: 1px solid #797979; float: left; width: 12px; font-size: 8px; text-align: center; vertical-align: middle;} .dienstplan_stunde_workstime {border-left: 1px solid #797979; border-top: 2px solid #797979; border-bottom: 1px solid #797979; float: left; width: 12px; font-size: 8px; text-align: center; vertical-align: middle; background-color: #F8E192;} .dienstplan_stunde_last {border-left: 1px solid #797979; border-top: 2px solid #797979; border-bottom: 1px solid #797979; border-right: 2px solid #797979; float: left; width: 12px; font-size: 8px; text-align: center; vertical-align: middle;} .dienstplan_ist_stunde_first {float: left; width: 13px; height: 19px; font-size: 8px; text-align: center; vertical-align: middle; border-left: 1px solid #797979;} .dienstplan_ist_stunde {float: left; width: 13px; height: 19px; font-size: 8px; text-align: center; vertical-align: middle;} .dienstplan_ist_stunde_last {float: left; width: 13px; height: 19px; font-size: 8px; text-align: center; vertical-align: middle; border-right: 2px solid #797979;} .dienstplan_name_mitarbeiter_letzte_zeile {border-top: 1px solid #797979; font-weight: bold; float: left; width: 246px;} .dienstplan_stunde_letzte_zeile {float: left; width: 13px; height: 19px; font-size: 8px; text-align: center; vertical-align: middle; border-top: 2px solid #797979;} .dienstplan_stunde_letzte_zeile2 {float: left; width: 9px; height: 19px; font-size: 8px; text-align: center; vertical-align: middle; border-top: 2px solid #797979;} .workingHours {float: left; width: 13px;} .planner_name {float: left; width: 245px;} .planner_name_select {float: left; width: 245px;} .planner_input {float: left; width: 104px;} .planner_input_i { width: 94px;} .planner_input2 {float: left; width: 104px;} .planner_input_2i { width: 94px;} /****** CONTENT Dienstplan*****************************************************************************************************/ /****** CONTENT Auswertung****************************************************************************************************/ .auswertung_Zeitraum {font-size: 20px; font-weight: bold; text-align: center;} .auswertung_apo_name {font-size: 15px; font-weight: bold; background-color: #92C7FF; margin-top: 20px; margin-bottom: 20px;} .auswertung_konto_name {font-size: 15px; font-weight: bold; background-color: #CAEDF8;} .auswertung_buchungsliste_negativ {font-size: 11px; float: left; width: 598px;} .auswertung_buchungsliste_positiv {font-size: 11px; float: left; width: 598px;} .auswertung_buchungsliste_eintrag_sum_diff {width: 1191px; border: 1px solid #797979; text-align: center;} .auswertung_buchungsliste_eintrag_category {font-size: 11px; float: left; width: 593px; background-color: #D7FFAF; border-top: 1px solid #797979; border-left: 1px solid #797979; font-weight: bold;} .auswertung_buchungsliste_eintrag_category_sum1 {font-size: 11px; float: left; width: 527px; border-top: 1px solid #797979; border-left: 1px solid #797979; font-weight: bold;} .auswertung_buchungsliste_eintrag_category_sum2 {font-size: 11px; float: left; width: 60px; background-color: #FFC695; border-top: 1px solid #797979; border-left: 1px solid #797979; font-weight: bold; text-align: right; padding-right: 5px;} .auswertung_buchungsliste_eintrag_first_sum {width: 588px; border-top: 1px solid #797979; border-left: 1px solid #797979; border-right: 1px solid #797979; text-align: right; padding-right: 5px;} .auswertung_buchungsliste_eintrag_id {float: left; width: 43px; border-top: 1px solid #797979; border-left: 1px solid #797979; text-align: right; padding-right: 5px;} .auswertung_buchungsliste_eintrag_buchungstag {float: left; width: 60px; border-top: 1px solid #797979; border-left: 1px solid #797979; text-align: right; padding-right: 5px;} .auswertung_buchungsliste_eintrag_client {float: left; width: 140px; border-top: 1px solid #797979; border-left: 1px solid #797979;} .auswertung_buchungsliste_eintrag_text {float: left; width: 90px; border-top: 1px solid #797979; border-left: 1px solid #797979;} .auswertung_buchungsliste_eintrag_description {float: left; width: 180px; border-top: 1px solid #797979; border-left: 1px solid #797979;} .auswertung_buchungsliste_eintrag_betrag {float: left; width: 60px; border-top: 1px solid #797979; border-left: 1px solid #797979; text-align: right; padding-right: 5px;} .auswertung_buchungsliste_eintrag_last {float: left; width: 0px; border-top: 1px solid #797979; border-left: 1px solid #797979;} .auswertung_buchungsliste_eintrag_last_line {float: left; width: 595px; border-top: 1px solid #797979;} .auswertung_zuordnung_grid_id {float: left; width: 55px; height: 90px; border-top: 1px solid #797979; border-left: 1px solid #797979; text-align: right; padding-right: 5px;} .auswertung_zuordnung_grid_buchungstag {float: left; width: 75px; height: 90px; border-top: 1px solid #797979; border-left: 1px solid #797979; text-align: right; padding-right: 5px;} .auswertung_zuordnung_grid_auftr_empf {float: left; width: 180px; height: 90px; border-top: 1px solid #797979; border-left: 1px solid #797979;} .auswertung_zuordnung_grid_buchungstext {float: left; width: 280px; height: 90px; border-top: 1px solid #797979; border-left: 1px solid #797979;} .auswertung_zuordnung_grid_werte {float: left; width: 280px; height: 90px; border-top: 1px solid #797979; border-left: 1px solid #797979;} .auswertung_zuordnung_grid_betrag {float: left; width: 80px; height: 90px; border-top: 1px solid #797979; border-left: 1px solid #797979; text-align: right; padding-right: 5px;} .auswertung_zuordnung_grid_konto {float: left; width: 190px; height: 90px; border-top: 1px solid #797979; border-left: 1px solid #797979;} .auswertung_zuordnung_grid_eintrag_last {float: left; width: 0px; height: 90px; border-top: 1px solid #797979; border-left: 1px solid #797979;} .auswertung_zuordnung_grid_eintrag_last_line{float: left; width: 1163px; border-top: 1px solid #797979;} .auswertung_zuordnung_grid_id_h {float: left; font-weight: bold; width: 55px; border-top: 1px solid #797979; border-left: 1px solid #797979; text-align: right; padding-right: 5px;} .auswertung_zuordnung_grid_buchungstag_h {float: left; font-weight: bold; width: 75px; border-top: 1px solid #797979; border-left: 1px solid #797979; text-align: right; padding-right: 5px;} .auswertung_zuordnung_grid_auftr_empf_h {float: left; font-weight: bold; width: 180px; border-top: 1px solid #797979; border-left: 1px solid #797979;} .auswertung_zuordnung_grid_buchungstext_h {float: left; font-weight: bold; width: 280px; border-top: 1px solid #797979; border-left: 1px solid #797979;} .auswertung_zuordnung_grid_werte_h {float: left; font-weight: bold; width: 280px; border-top: 1px solid #797979; border-left: 1px solid #797979;} .auswertung_zuordnung_grid_betrag_h {float: left; font-weight: bold; width: 80px; border-top: 1px solid #797979; border-left: 1px solid #797979; text-align: right; padding-right: 5px;} .auswertung_zuordnung_grid_konto_h {float: left; font-weight: bold; width: 190px; border-top: 1px solid #797979; border-left: 1px solid #797979;} .auswertung_zuordnung_grid_eintrag_last_h {float: left; font-weight: bold; width: 0px; border-top: 1px solid #797979; border-left: 1px solid #797979;} .auswertung_zuordnung_grid_eintrag_last_line_h {float: left; width: 1163px; border-top: 1px solid #797979;} .auswertung_zuordnung_form_inputfield {float: left;} .auswertung_zuordnung_form_inputfield2 {} .auswertung_zuordnung_form_auftraggeber_empfaenger{float: left;} .auswertung_zuordnung_form_text {width: 150px; float: left;} .auswertung_zuordnung_form_text {} /****** CONTENT Dienstplan*****************************************************************************************************/ .test_ausgabe_div {float: left; width: 700px;} .test_ausgabe_div2 {float: left; width: 700px;} .test_ausgabe_pzn {float: left; width: 80px;} .test_ausgabe_name {float: left; width: 400px;} .test_ausgabe_nnek {float: left; width: 200px;} .test_ausgabe_buchek {float: left; width: 200px;} .test_ausgabe_lieferant {float: left; width: 350px;} .gh_month_first {float: left; clear: both; width: 400px; border-left: 1px solid #2B2B2B; border-top: 1px solid #2B2B2B;} .gh_month {float: left; width: 100px; border-left: 1px solid #2B2B2B; border-top: 1px solid #2B2B2B; text-align: right;} .gh_month_last {float: left; width: 100px; border-left: 1px solid #2B2B2B; border-top: 1px solid #2B2B2B; text-align: right;border-right: 1px solid #2B2B2B;} .gh_month_first_t {float: left; clear: both; width: 400px; border-left: 1px solid #2B2B2B; border-top: 1px solid #2B2B2B;} .gh_month_t {float: left; width: 100px; border-left: 1px solid #2B2B2B; border-top: 1px solid #2B2B2B; text-align: right;} .gh_month_last_t {float: left; width: 100px; border-left: 1px solid #2B2B2B; border-top: 1px solid #2B2B2B; text-align: right; border-right: 1px solid #2B2B2B;} .gh_month_first_l {float: left; clear: both; width: 400px; border-left: 1px solid #2B2B2B; border-top: 1px solid #2B2B2B; border-bottom: 1px solid #2B2B2B;} .gh_month_l {float: left; width: 100px; border-left: 1px solid #2B2B2B; border-top: 1px solid #2B2B2B; text-align: right; border-bottom: 1px solid #2B2B2B;} .gh_month_last_l {float: left; width: 100px; border-left: 1px solid #2B2B2B; border-top: 1px solid #2B2B2B; text-align: right; border-right: 1px solid #2B2B2B; border-bottom: 1px solid #2B2B2B;} .vsa_head_first {float: left; clear: both; width: 80px; border-left: 1px solid #2B2B2B; border-top: 1px solid #2B2B2B; text-align: center;} .vsa_head_1 {float: left; width: 80px; border-left: 1px solid #2B2B2B; border-top: 1px solid #2B2B2B; text-align: center;} .vsa_head_2 {float: left; width: 80px; border-left: 1px solid #2B2B2B; border-top: 1px solid #2B2B2B; text-align: center;} .vsa_head_3 {float: left; width: 70px; border-left: 1px solid #2B2B2B; border-top: 1px solid #2B2B2B; text-align: center;} .vsa_head_4 {float: left; width: 70px; border-left: 1px solid #2B2B2B; border-top: 1px solid #2B2B2B; text-align: center;} .vsa_head_42 {float: left; width: 70px; border-left: 1px solid #2B2B2B; border-top: 1px solid #2B2B2B; text-align: center;} .vsa_head_5 {float: left; width: 80px; border-left: 1px solid #2B2B2B; border-top: 1px solid #2B2B2B; text-align: center;} .vsa_head_6 {float: left; width: 50px; border-left: 1px solid #2B2B2B; border-top: 1px solid #2B2B2B; text-align: center;} .vsa_head_62 {float: left; width: 50px; border-left: 1px solid #2B2B2B; border-top: 1px solid #2B2B2B; text-align: center;} .vsa_head_63 {float: left; width: 50px; border-left: 1px solid #2B2B2B; border-top: 1px solid #2B2B2B; text-align: center;} .vsa_head_7 {float: left; width: 60px; border-left: 1px solid #2B2B2B; border-top: 1px solid #2B2B2B; text-align: center;} .vsa_head_8 {float: left; width: 80px; border-left: 1px solid #2B2B2B; border-top: 1px solid #2B2B2B; text-align: center;} .vsa_head_9 {float: left; width: 80px; border-left: 1px solid #2B2B2B; border-top: 1px solid #2B2B2B; text-align: center;} .vsa_head_10 {float: left; width: 70px; border-left: 1px solid #2B2B2B; border-top: 1px solid #2B2B2B; text-align: center;} .vsa_head_11 {float: left; width: 75px; border-left: 1px solid #2B2B2B; border-top: 1px solid #2B2B2B; text-align: center;} .vsa_head_12 {float: left; width: 70px; border-left: 1px solid #2B2B2B; border-top: 1px solid #2B2B2B; text-align: center;} .vsa_head_13 {float: left; width: 70px; border-left: 1px solid #2B2B2B; border-top: 1px solid #2B2B2B; text-align: center;} .vsa_head_14 {float: left; width: 70px; border-left: 1px solid #2B2B2B; border-top: 1px solid #2B2B2B; text-align: center;} .vsa_head_15 {float: left; width: 70px; border-left: 1px solid #2B2B2B; border-top: 1px solid #2B2B2B; text-align: center;} .vsa_head_16 {float: left; width: 70px; border-left: 1px solid #2B2B2B; border-top: 1px solid #2B2B2B; text-align: center;} .vsa_head_17 {float: left; width: 70px; border-left: 1px solid #2B2B2B; border-top: 1px solid #2B2B2B; text-align: center;} .vsa_head_18 {float: left; width: 70px; border-left: 1px solid #2B2B2B; border-top: 1px solid #2B2B2B; text-align: center;} .vsa_head_19 {float: left; width: 70px; border-left: 1px solid #2B2B2B; border-top: 1px solid #2B2B2B; text-align: center;} .vsa_head_last {float: left; width: 20px; border-left: 1px solid #2B2B2B; border-top: 1px solid #2B2B2B; text-align: center; border-right: 1px solid #2B2B2B;} .supplier_only_beleg {clear: both; height: 25px; width: 1520px; border: 1px solid #2B2B2B; background-color: #97BFFB; margin-bottom: 5px; margin-top: 40px; } .supplier_only_beleg_1 {float: left; height: 22px; width: 150px; font-weight: bold; padding-left: 5px; padding-top: 4px;} .supplier_only_beleg_2 {float: left; height: 22px; width: 200px; border-left: 1px solid #2B2B2B; font-weight: bold; padding-left: 5px; padding-top: 4px;} .supplier_only_beleg_3 {float: left; height: 22px; width: 220px; border-left: 1px solid #2B2B2B; font-weight: bold; padding-left: 5px; padding-top: 4px;} .supplier_only_beleg_4 {float: left; height: 22px; width: 920px; border-left: 1px solid #2B2B2B; font-weight: bold; padding-right: 5px; text-align: right; padding-top: 4px;} .supplier_only_beleg_b {clear: both; width: 1480px; margin-left: 40px; height: 20px; border: 1px solid #2B2B2B; background-color: #E7E7E7;} .supplier_only_beleg_b_1 {float: left; height: 20px; width: 450px; padding-left: 5px; padding-top: 1px;} .supplier_only_beleg_b_2 {float: left; height: 20px; width: 80px; border-left: 1px solid #2B2B2B; padding-left: 5px; padding-top: 1px;} .supplier_only_beleg_b_3 {float: left; height: 20px; width: 120px; border-left: 1px solid #2B2B2B; padding-left: 5px; padding-top: 1px;} .supplier_only_beleg_b_4 {float: left; height: 20px; width: 120px; border-left: 1px solid #2B2B2B; padding-left: 5px; padding-top: 1px;} .supplier_only_beleg_b_5 {float: left; height: 20px; width: 120px; border-left: 1px solid #2B2B2B; padding-left: 5px; padding-top: 1px;} .supplier_only_beleg_b_6 {float: left; height: 20px; width: 180px; border-left: 1px solid #2B2B2B; padding-left: 5px; padding-top: 1px;} .supplier_only_beleg_b_7 {float: left; height: 20px; width: 183px; border-left: 1px solid #2B2B2B; padding-left: 5px; padding-top: 1px;} .supplier_only_beleg_b_8 {float: left; height: 20px; width: 177px; border-left: 1px solid #2B2B2B; padding-left: 5px; padding-top: 1px; text-align: right;} .supplier_only_beleg_c {height: 25px; width: 1520px; border: 1px solid #2B2B2B; background-color: #FB9797; margin-bottom: 5px; margin-top: 40px;} /** AUSWERTUNG **/ .supplier_only_beleg_c_1 {height: 25px; width: 400px; border: 1px solid #2B2B2B; background-color: #E7E7E7; margin-left: 40px;} /** ANZ ARTIKEL **/ .supplier_only_beleg_c_2 {height: 25px; width: 400px; border: 1px solid #2B2B2B; background-color: #E7E7E7; margin-left: 40px; float: left;} /** BELEGSUMME **/ .supplier_only_beleg_c_3 {height: 25px; width: 400px; border: 1px solid #2B2B2B; background-color: #E7E7E7; margin-left: 40px;} .supplier_only_beleg_c_4 {height: 25px; width: 400px; border: 1px solid #2B2B2B; background-color: #E7E7E7; margin-left: 40px;} .supplier_only_beleg_c_5 {height: 25px; width: 400px; border: 1px solid #2B2B2B; background-color: #E7E7E7; margin-left: 40px;} .supplier_only_beleg_c_6 {height: 25px; width: 400px; border: 1px solid #2B2B2B; background-color: #E7E7E7; margin-left: 40px;} .supplier_only_beleg_c_7 {height: 25px; width: 400px; border: 1px solid #2B2B2B; background-color: #E7E7E7; margin-left: 40px;} .supplier_only_beleg_c_8 {height: 25px; width: 400px; border: 1px solid #2B2B2B; background-color: #E7E7E7; margin-left: 40px;} .supplier_only_beleg_c_9 {height: 25px; width: 400px; border: 1px solid #2B2B2B; background-color: #E7E7E7; margin-left: 40px;} .supplier_only_beleg_c_10 {height: 25px; width: 400px; border: 1px solid #2B2B2B; background-color: #E7E7E7; margin-left: 40px;} .supplier_only_beleg_c_11 {height: 25px; width: 400px; border: 1px solid #2B2B2B; background-color: #E7E7E7; margin-left: 40px;} .supplier_only_beleg_c_12 {height: 25px; width: 400px; border: 1px solid #2B2B2B; background-color: #E7E7E7; margin-left: 40px;} .supplier_only_beleg_d_1 {height: 20px; margin-left: 40px; width: 1482px; padding-left: 5px; padding-top: 3px;} .supplier_only_beleg_d_2 {height: 20px; margin-left: 1033px; width: 482px; padding-right: 5px; padding-top: 3px; text-align: right; font-weight: bold; border: 1px solid #2B2B2B;} .auswertungMAName {clear: both; width: 220px; padding-top: 20px;} .auswertungMASollStunden {clear: both; width: 220px; padding-left: 20px;} .auswertungMAMonth1 {clear: both; float: left; width: 120px; text-align: center; border-left: 1px solid #2B2B2B; border-top: 1px solid #2B2B2B;} .auswertungMAMonth2 {float: left; width: 120px; text-align: center; border-left: 1px solid #2B2B2B; border-top: 1px solid #2B2B2B;} .auswertungMAMonth3 {float: left; width: 120px; text-align: center; border-left: 1px solid #2B2B2B; border-top: 1px solid #2B2B2B; border-right: 1px solid #2B2B2B;} .sales_totalNumber {width: 800px; border-left: 1px solid #2B2B2B; border-top: 1px solid #2B2B2B; border-right: 1px solid #2B2B2B; background-color: #B6D9FF;} .sales_subTotalNumber {width: 780px; margin-left: 20px; border-left: 1px solid #2B2B2B; border-top: 1px solid #2B2B2B; border-right: 1px solid #2B2B2B; background-color: #F1B6FF;} .sales_subTotalLineNumber {width: 760px; margin-left: 40px; border-left: 1px solid #2B2B2B; border-top: 1px solid #2B2B2B; border-right: 1px solid #2B2B2B; background-color: #FFEAB6;} .sales_product {width: 740px; margin-left: 60px; border-left: 1px solid #2B2B2B; border-top: 1px solid #2B2B2B; border-right: 1px solid #2B2B2B; background-color: #B6FFE0;} .sales_realVK {float: left; width: 160px; margin-left: 60px; border-left: 1px solid #2B2B2B; border-top: 1px solid #2B2B2B; background-color: #CDCDCD;} .sales_MWST {float: left; width: 160px; border-left: 1px solid #2B2B2B; border-top: 1px solid #2B2B2B; border-right: 1px solid #2B2B2B; background-color: #CDCDCD;} .sales_nettoVK {float: left; width: 160px; border-top: 1px solid #2B2B2B; border-right: 1px solid #2B2B2B; background-color: #CDCDCD;} .sales_planVK {clear: both; width: 160px; margin-left: 60px; border-left: 1px solid #2B2B2B; border-top: 1px solid #2B2B2B; background-color: #CDCDCD; border-right: 1px solid #2B2B2B;} .sales_nettoEK {clear: both; width: 160px; margin-left: 60px; border-left: 1px solid #2B2B2B; border-top: 1px solid #2B2B2B; background-color: #CDCDCD; border-right: 1px solid #2B2B2B;} .sales_rohgewinn {clear: both; width: 300px; margin-left: 60px; border-left: 1px solid #2B2B2B; border-top: 1px solid #2B2B2B; background-color: #CDCDCD; border-right: 1px solid #2B2B2B;} .sales_rabatt {clear: both; width: 160px; margin-left: 60px; border-left: 1px solid #2B2B2B; border-top: 1px solid #2B2B2B; background-color: #CDCDCD; border-right: 1px solid #2B2B2B;} .sales_table_head {clear: both; width: 1392px; border-top: 1px solid #2B2B2B; border-left: 1px solid #2B2B2B; border-right: 1px solid #2B2B2B; background-color: #CDCDCD; font-weight: bold;} .sales_row_start_h {clear: both; float: left; width: 139px; font-weight: bold; padding-left: 5px; border-top: 1px solid #2B2B2B; border-left: 1px solid #2B2B2B; border-right: 1px solid #2B2B2B; background-color: #FACFFF;} .sales_row_middle_h { float: left; width: 90px; font-weight: bold; padding-left: 5px; border-top: 1px solid #2B2B2B; border-right: 1px solid #2B2B2B; background-color: #E2F3FF;} .sales_row_end_h { float: left; width: 90px; font-weight: bold; padding-left: 5px; border-top: 1px solid #2B2B2B; border-right: 1px solid #2B2B2B; background-color: #E2F3FF;} .sales_row_start {clear: both; font-size: 11px; float: left; width: 139px; height: 57px; padding-left: 5px; border-top: 1px solid #2B2B2B; border-left: 1px solid #2B2B2B; border-right: 1px solid #2B2B2B;} .sales_row_middle { font-size: 11px; float: left; width: 90px; height: 57px; padding-left: 5px; border-top: 1px solid #2B2B2B; border-right: 1px solid #2B2B2B;} .sales_row_end { font-size: 11px; float: left; width: 90px; height: 57px; padding-left: 5px; border-top: 1px solid #2B2B2B; border-right: 1px solid #2B2B2B;} .bwa_month {float: left; width: 200px; border: 1px solid #515151;} .bwa_month_empty {float: left; width: 300px; border: 1px solid #515151;} .time_side {float: left; width: 250px; height: 100%; background-color: #3B3B3B;} .time_side_image {height: 250px; vertical-align: middle; text-align: center; padding-top: 40px;} .time_side_head {height: 320px; font-size: 30px; color: #FFFFFF; vertical-align: middle; text-align: center;} .time_side_time {height: 45px; font-size: 50px; font-weight: bold; color: #FFFFFF; vertical-align: middle; text-align: center;} .time_side_date {height: 50px; font-size: 20px; color: #FFFFFF; vertical-align: middle; text-align: center;} .people_side {float: left; padding-left: 70px; padding-top: 120px;} .people_button_0 {float: left; width: 135px; margin-right: 30px; margin-top: 15px; height: 135px; border: 1px solid #000000;} .people_button_1 {float: left; width: 135px; margin-right: 30px; margin-top: 15px; height: 135px; border: 1px solid #000000;} .people_button_2 {float: left; width: 135px; margin-right: 30px; margin-top: 15px; height: 135px; border: 1px solid #000000;} .people_button_3 {float: left; width: 135px; margin-right: 30px; margin-top: 15px; height: 135px; border: 1px solid #000000;} .people_image {} .people_button_real {border: none; background-color: transparent; background-repeat: no-repeat; overflow: hidden; outline: none; width: 135px; height: 135px;} .person_view_head {font-size: 25px; line-height: 45px;}