* {
            font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            font-size: 8pt;
        }
        @media print {
            body, html {
                margin: 0;
            }
			img.logo {
				max-width: 25em;
                margin-bottom: 5em;
			}
        }
        @media screen {
            body, html {
                margin: 0;
                width: 100%;
                height: 100%;
                background-color: rgb(250, 252, 255);
            }

            .print-only {
                display: none;
            }
        }

        body.ferienkalender {
            max-width: unset;
        }
        
        div#calendar {
            display: flex;
            width: 100%;
            margin: 0;
            overflow: hidden;
            flex-direction: row;
            flex-wrap: wrap;
        }

        div#calendar table {
            border-collapse: collapse;
            display: inline-block;
            padding: 1em;
        }

        div#calendar table thead tr th {
            font-weight: normal;
        }
        div#calendar table thead tr:first-child th {
            font-weight: bold;
        }

        div#calendar td.wochenende {
            background: rgb(210,210,210);
            filter:none;
        }

        div#calendar td.feiertag_morgens {
            background: linear-gradient(
                to right bottom, 
                rgb(230,230,230) 0%, 
                rgb(230,230,230) 50%, 
                rgba(0,0,0,0) 50%, 
                rgba(0,0,0,0) 100%
            );
            filter: progid:DXImageTransform.Microsoft.gradient( 
                startColorstr='#E6E6E6', endColorstr='#FFFFFF',GradientType=1 );
        }
        div#calendar td.feiertag_nachmittags {
            background: linear-gradient(
                to right bottom, 
                rgba(0,0,0,0) 0%, 
                rgba(0,0,0,0) 50%,
                rgb(230,230,230) 50%, 
                rgb(230,230,230) 100%
            );
            
            filter: progid:DXImageTransform.Microsoft.gradient( 
                startColorstr='#FFFFFF', endColorstr='#E6E6E6',GradientType=1 );
        }
        div#calendar td.feiertag_morgens.feiertag_nachmittags {
            background: rgb(230,230,230);
            filter:none;
        }
        div#calendar td.absenz_morgens {
            background: linear-gradient(
                to right bottom, 
                rgb(210,230,250) 0%, 
                rgb(210,230,250) 50%, 
                rgba(0,0,0,0) 50%, 
                rgba(0,0,0,0) 100%
            );
            filter: progid:DXImageTransform.Microsoft.gradient( 
                startColorstr='#D2E6FA', endColorstr='#FFFFFF',GradientType=1 );
        }
        div#calendar td.absenz_nachmittags {
            background: linear-gradient(
                to right bottom, 
                rgba(0,0,0,0) 0%, 
                rgba(0,0,0,0) 50%,
                rgb(210,230,250) 50%, 
                rgb(210,230,250) 100%
            );
            filter: progid:DXImageTransform.Microsoft.gradient( 
                startColorstr='#FFFFFF', endColorstr='#D2E6FA',GradientType=1 );
        }
        div#calendar td.absenz_morgens.absenz_nachmittags {
            background: rgb(210,230,250);
            filter: none;
        }
        div#calendar td.absenz_morgens.feiertag_nachmittags {
            background: rgb(210,230,250); /* Fallback IE8 */
            background: linear-gradient(
                to right bottom, 
                rgb(210,230,250) 0%, 
                rgb(210,230,250) 50%, 
                rgb(230,230,230) 50%, 
                rgb(230,230,230) 100%
            ); 
            filter: none;
        }
        div#calendar td.absenz_nachmittags.feiertag_morgens {
            background: rgb(210,230,250); /* Fallback IE8 */
            background: linear-gradient(
                to right bottom, 
                rgb(230,230,230) 0%, 
                rgb(230,230,230) 50%, 
                rgb(210,230,250) 50%, 
                rgb(210,230,250) 100%
            ); 
            filter: none;
        }
        div#calendar td.wochenende {
            background: rgb(240, 240, 240);
        }
        
                
        div#calendar tr:first-child th {
            padding-top: 0;
        }
        div#calendar td:first-child {
            text-align: left;
            
        }
        div#calendar thead tr:nth-child(2)>* {
            border-bottom: solid rgb(200, 200, 200) 1px;
            font-size: 6pt;
        }
        div#calendar td {
            text-align: center;
            padding: 0.3em;
            border-left: solid white 1px;
            border-top: solid white 1px;
            min-width: 1em;
        }
        div#calendar td:hover {
            background-color: rgb(200, 120, 120) !important;
        }

		h1, h2 {
			font-size: 24pt;
		}