@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, input, textarea, select
{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: inherit;
    font: inherit;
    vertical-align: baseline;
    line-height: inherit;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section
{
    display: block;
}

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;
}

html
{
    box-sizing: border-box;
    font-family: 'Source Sans Pro', arial, sans-serif;
    background-color: transparent;
    width: 100%;
    height: 100%;
}

*, *:before, *:after
{
    box-sizing: inherit;
    background-color: inherit;
}
/* --------------------------------------------------------------------- */


html
{
    font-size: 15px;
    line-height: 20px;
}

body
{
}

input[type=date], input[type=text], select, input[type=submit], textarea
{
    border: solid 1px #ccc;
    border-radius: 5px;
}

input[type=date], input[type=text], select, input[type=submit], input[type=checkbox]
{
    height: 24px;
    display: inline-block;
    vertical-align: top;
}

    input[type=date]:focus, input[type=text]:focus, select:focus, input[type=submit]:focus
    {
        background-color: #e8e8ff;
    }

input[type=submit]
{
    background-image: linear-gradient(to bottom, #eee, #aaa);
    padding: 0px 5px;
}

    input[type=submit]:enabled:hover
    {
        box-shadow: 0px 0px 10px #aaa;
    }

    input[type=submit]:active
    {
        box-shadow: inset 2px 5px 20px #555;
    }

select
{
    padding-left: 5px;
}


input[type=date], input[type=text]
{
    padding: 0px 5px;
}

label
{
    margin-left: 10px;
    margin-right: 8px;
}

header label:first-child
{
    margin-left: 0px;
}

#ctlProjektliste, #ctlKundenliste, #ctlRechnungsnr
{
    width: 250px;
}


header
{
    width: 100%;
    padding: 10px;
    border-bottom: double #ccc;
    display: inline-block;
    vertical-align: top;
}

    header p:first-child
    {
        width: 800px;
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;
    }

        header p:first-child > *
        {
            width: 130px;
        }

/*       header > *
        {
            display: inline-block;
            vertical-align: top;
        }
     */
article
{
    padding: 10px;
}

h1
{
    font-size: 20pt;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
}



#zusammenfassung
{
    display: table;
    width: 100%;
    color: darkblue;
}

    #zusammenfassung div
    {
        display: table-cell;
        width: 33.33%;
    }

        #zusammenfassung div:nth-child(1)
        {
            text-align: left;
        }

        #zusammenfassung div:nth-child(2)
        {
            text-align: center;
        }

        #zusammenfassung div:nth-child(3)
        {
            text-align: right;
        }


#ctlZeigeAbgerechnete + label
{
    font-size: 90%;
}

#GridView2
{
    font-family: Fixed, monospace;
    font-size: 14px;
    line-height: 16px;
    table-layout: fixed;
    width: 100%;
    background-color: lavender;
}














#GridView1
{
    font-family: Fixed, monospace;
    font-size: 14px;
    line-height: 16px;
    table-layout: fixed;
    width: 100%;
}

    #GridView1 th
    {
        font-weight: bold;
    }

    #GridView1 th, #GridView1 td
    {
        padding: 5px;
        border: solid 1px black;
        text-align: center;
    }

    #GridView1 td
    {
        vertical-align: top;
    }

        #GridView1 td:nth-child(5)
        {
            text-align: left;
        }

        #GridView1 td:nth-child(6)
        {
            vertical-align: middle;
        }

    #GridView1 th:nth-child(1) /* Datum */
    {
        width: 90px;
    }

    #GridView1 th:nth-child(2) /* von - bis */
    {
        width: 125px;
    }

    #GridView1 th:nth-child(3) /* Dauer */
    {
        width: 50px;
    }

    #GridView1 th:nth-child(4) /* Projekt */
    {
        width: 150px;
    }

    #GridView1 th:nth-child(6) /* abrechnen oder Befehl*/
    {
        width: 80px;
    }

    #GridView1 input[type=text]
    {
        width: 100%;
        font-size: 12px;
    }

    #GridView1 textarea
    {
        width: 100%;
        font-size: 12px;
        min-height: 48px;
    }

#ctlSumme, #ctlAuswahl
{
    margin-left: 161px;
    font-size: 14px;
    line-height: 16px;
    font-family: Fixed, monospace;
}

#GridView2
{
    font-family: Fixed, monospace;
    font-size: 14px;
    line-height: 16px;
    table-layout: fixed;
    width: 500px;
}

    #GridView2 th
    {
        font-weight: bold;
    }

    #GridView2 th, #GridView2 td
    {
        padding: 5px;
        border: solid 1px black;
        text-align: center;
    }


/*@page
{
    size: A4;
    margin: 0;
}*/


/*@media print
{
    html
    {
        font-family: Arial;
        font-size: 8pt;
        line-height: 9pt;
    }


    body
    {
        padding-top: 4.5cm;
        padding-bottom: 2cm;
        padding-left: 2cm;
        padding-right: 1.5cm;
        background-image: url("./images/briefbogen_neu_S2.png");
        background-size: 210mm;
    }

    header
    {
        display: none;
    }

    h1
    {
        font-size: 16pt;
        line-height: 16pt;
        font-weight: bold;
        text-align: center;
        margin-bottom: 15px;
    }


    #zusammenfassung
    {
        display: table;
        width: 100%;
    }

        #zusammenfassung div
        {
            display: table-cell;
            width: 33.33%;
        }

            #zusammenfassung div:nth-child(1)
            {
                text-align: left;
            }

            #zusammenfassung div:nth-child(2)
            {
                text-align: center;
            }

            #zusammenfassung div:nth-child(3)
            {
                text-align: right;
            }


    #GridView1
    {
        font-size: 2.6mm;
        line-height: 1;
        table-layout: fixed;
        width: 100%;
    }

        #GridView1 th
        {
            font-weight: bold;
            font-size: 2.8mm;
        }

        #GridView1 td, #GridView1 th
        {
            padding: 0.8mm 0.5mm;
            border: solid 1px black;
            text-align: center;
        }

            #GridView1 td:nth-child(5)
            {
                text-align: left;
            }

            #GridView1 th:nth-child(1)
            {
                width: 12mm;
            }

            #GridView1 th:nth-child(2)
            {
                width: 25mm;
            }

            #GridView1 th:nth-child(3)
            {
                width: 13mm;
            }

            #GridView1 th:nth-child(6),
            #GridView1 td:nth-child(6),
            #GridView1 th:nth-child(4),
            #GridView1 td:nth-child(4)
            {
                display: none;
            }

    #ctlSumme
    {
        margin-left: 30.6mm;
        font-size: 2.6mm;
        line-height: 1;
        text-decoration: underline double;
    }
}*/