@charset "utf-8";
/* CSS Document */

div.maLine, div.maInfo,	div.maYear, div.maYear div.maTime { height:32px; } 
			
			div.maLine { line-height: 32px; opacity:0.8; background-image: url(pic/calscale.svg); background-repeat: repeat-y; background-position: right; background-size: 85%; }
			div.maLine:hover { opacity:1; }
			
			div.maLine:hover div.maInfo { background: rgba(65,65,65,1.00); color:rgba(255,255,255,1.00) }
			
			
			div.maInfo,	div.maYear { display:inline-block; float:left; width:90%; position:relative; margin-bottom: 1px;  }
			div.maInfo { width:15%; text-align: left; background: rgba(230,230,230,1.00); padding-left: 12px; }

			div.maYear { width:85%; 

				background: -moz-linear-gradient(top, rgba(0,0,0,0.04) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.04) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.04) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
			
			
			div.maYear div.maTime { display:block; position:absolute; top:0px; min-width:4px; z-index:20; opacity:1; }
			div.maYear div.maTime.urlaub { background-color:rgba(0,92,255,1.00) !important; z-index:21;}
			div.maYear div.maTime.krank  { background-color:rgba(255,90,93,1.00) !important; z-index:22;}
			div.maYear div.maTime.other  { background-color:rgba(167,167,167,1.00) !important; } 
			
			
			
			div.maYear div.maTime.hidden { display:none !important; }


div.switch.urlaub,
div.switch.krank,
div.switch.other
{ display:inline-block !important; border-radius: 0px !important; width:auto !important; padding:12px !important; margin:4px !important; float:left !important; cursor:pointer !important; opacity:0.5 !important; -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */ } 
div.switch.active { opacity:1 !important; } 


	div.mininav { display:inline-block; float:right; position:relative; width:156px; height:42px; background: rgba(233,233,233,1.00); margin: 4px 12px; line-height: 42px; }
	div.mininav > span, div.mininav > a { display:inline-block; float:left; position:relative; height:40px; margin: 1px 0px; line-height: 40px; text-align: center;}
	div.mininav > span { width:50%;  font-weight: bold }
	div.mininav > a { width:25%; background-color: rgba(0,0,0,0.10); background-size: 17px; background-position: center; background-repeat: no-repeat; }
	div.mininav > a:hover { background-color: rgba(0,0,0,0.20); }

div.mininav > a:first-child { background-image: url(material/ic_arrow_back_black_24px.svg);}
div.mininav > a:last-child  { background-image: url(material/ic_arrow_forward_black_24px.svg);}