@charset "UTF-8";

/* Formatierung für Dispositionstabelle */
/*===============================================================================================================================*/
#DispoBody table, #DispoBody3M table
{
    width:100%
}

#DispoHead td[rowspan="2"],
#DispoHead3M td[rowspan="2"],
#DispoFoot td[rowspan="2"],
#DispoFoot3M td[rowspan="2"]
{
    text-align: center;
}

.dispoTable
{
    border-collapse: collapse;
	overflow: visible;
	width: 100%;
	table-layout: fixed
}
.DispoHead { width: 196px }

.DispoFoot { width: 20px }
				
tr.gitter, tr.height17 { height: 17px }
				
	tr.gitter { background-color: ButtonFace }
	
	tr.gitter > td { border: 1px solid black }
    
    .DispoHead tr.gitter , .DispoFoot tr.gitter 
    {
	    font-weight: bold; 
	    text-align: center
    }
    #Dispo tr.gitter > td.unsicht,
    #Dispo3M tr.gitter > td.unsicht,
    #Dispo tr.markerTop > td.unsicht,
    #Dispo tr.markerBot > td.unsicht,
    #Dispo3M tr.markerTop > td.unsicht,
    #Dispo3M tr.markerBot > td.unsicht
	{
	    border: 0px none;
		text-align: right; 
		padding-right: 2px
    }       					
	.DispoBody td.tonnage { text-align: right }
	
#Dispo3M tr.markerTop > td
{
    border-width: 1px 1px 0px 1px;
    border-color: black;
    border-style: solid;
}
#Dispo3M tr.markerBot > td
{
    border-width: 0px 1px 1px 1px;
    border-color: Black;
    border-style: solid;
}
#Dispo3M tr.gitter > td
{
    border-width: 0px 1px;
    border-color: Black;
    border-style: solid;
}
    
	/* Formatierung für Termine und Aufträge */
/*-------------------------------------------------------------------------------------------------------------------------------*/
	
			/* Minizeile zum markieren von Geräteterminen und Personalterminen 
	@-moz-document url-prefix() /* Firefox */
	/*{
		#Dispo tr.markerTop,
		#Dispo3M tr.markerBot
		{
		    height: 3px
		}
		
		#Dispo tr.markerBot,
		#Dispo3M tr.markerTop
		{
		    height: 2px
		}  
	}	
	@media screen and (-webkit-min-device-pixel-ratio:0) /* Chrome/Safari */
	/*{
		#Dispo tr.markerTop,
		#Dispo3M tr.markerBot
		{
		    height: 2px
		}
		
		#Dispo tr.markerBot,
		#Dispo3M tr.markerBot
		{
		    height: 3px
		}
	}
	@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) /* Opera */
	/*{
		#Dispo tr.markerTop,
		#Dispo3M tr.markerBot
		{
		    height: 2px
		}
		
		#Dispo tr.markerBot,
		#Dispo3M tr.markerTop
		{
		    height: 3px
		}
	}*/
	.perTerKonfl, .gerTerKonfl, .perTer, .gerTer,
	#DispoBody tr.gitter, #DispoBody3M tr.gitter,
	span.nummer, span.mandant
	{
		font-size: 0;
		color: transparent
	}
	td.projAnfang, td.konflAnfang, td.back, td.forw 
	{ cursor: pointer }		
	
    td.beschreibung { vertical-align: top }
    
    td.tonnage { text-align: right }
    	                
    div.label
    {
        font-weight: bold;
	    font-size: 0.9em;
        position: absolute;
        z-index: 1;
        background-color: ButtonFace;
        border-width: 0px 5px 0px 5px;
        border-style: solid;
        border-color: ButtonFace;
    }    
    span.genSta, span.gerSta, span.auftrKnz1, span.auftrKnz2, span.auftrKnz3 { margin-right: 3px }   
  
	span.smallText1 { font-size: 0.9em }
	span.smallText2 { font-size: 0.85em }
	span.smallText3 { font-size: 0.8em }
	span.smallText4 { font-size: 0.7em }
	
	
	/* Datumsüberschriften*/
/*-------------------------------------------------------------------------------------------------------------------------------*/			
	th[colspan="72"] { font-weight: bold }
	
	th[colspan="3"] { text-align: left }
	
	td[colspan="3"].we, th.we { color: gray }
	
    td[colspan="3"].holiday, th.holiday
    {
        font-weight: bold;
        color: red;
    }

	/* Spaltenbreiten */
/*-------------------------------------------------------------------------------------------------------------------------------*/
	th.dispoPos { width: 60px }
	
	th.header { width: 120px }
	
	td.pfeil, th.pfeil { width: 12px }
	
	
	/* Formatierung für Tagesübergänge im Dispoplan */
/*-------------------------------------------------------------------------------------------------------------------------------*/
	.dayBorder3 td:first-child, .dayBorder3 th:first-child
	{ border-left: 1px solid navy }
	 
	td.innerBorder3, th.innerBorder3 { border-right: 1px dotted gray }
	
	.dayBorder7 td:first-child, .dayBorder7 th:first-child
	{ border-left: 1px solid gray }
	
	td.weekBorder31 { border-right: 1px solid gray }
	
	td.weekBorder31 + td tr.gitter > td:first-child
	{ border-left-width: 0px }
	
	tr.gitter > td:last-child
	{ border-right-width: 0px } 
	
	
	
	/* Überschrift für Gerätespalte */
/*-------------------------------------------------------------------------------------------------------------------------------*/
	th.header
	{
	    color: blue;
	    border: 2px groove white;
	    width: 120px;
	    font-weight: 900;
    }

	/* Zeitbalken */
/*-------------------------------------------------------------------------------------------------------------------------------*/
#timeBar
{
    background-color: transparent;
    display: none;
    position: absolute;
    border-left: 1px solid;
    width: 1px;
    top: 36px;
}
button.hoch, button.runter
{
	width: 26px;
	padding: 0 3px;
	height: 26px
}
/*===============================================================================================================================*/