@charset "UTF-8";

/* Formatierung für Kontroll-Leiste */
/*===============================================================================================================================*/
#Kontroll
{
    width: 100%;
	clear: both;
	padding-right: 10px;
	background-color: ButtonFace
}
#kontrollTable { border-spacing: 12px 4px }

#InfoBox, #InspektorInfo, #MarkerInfo, #WTag
{
	border-width: 1px;
	text-align: center; 
	width: 100%;
}
						
	/* Filter und Funktionsleisten */
	/*-------------------------------------------------------------------------------------------------------------------------------*/	
	/*#Optionen { width: 380px; }*/
	
	#Optionen > table
	{
		border-spacing: 2px;
	}
	#Optionen tr
	{
		padding: 1px;
		height: 24px
	}
	#Optionen td:first-child, #Optionenth:first-child
	{
		outline: 1px outset white;
		padding: 1px
	}
	span.Filter > button, #Funktionen > a, #Funktionen > button, #Zeitraum > label, #Zeitraum > input, #mode2
	{ 
		margin-right: 0px;
	  	float: left 
	}		
	#Optionen button
	{
		border-width: 1px;
		padding: 0
	}			
	#Info, #Arbeit, #ProjektPlan, #Personal
	{
		height: 22px;
		min-width: 22px;
		float: left
	}
	#Optionen button.aktiv
	{
		border: 1px inset ThreeDFace;
		background-color: ButtonHighlight
	}
	
	#projektFilter
	{
	    width: 80px;
	    height: 100%;
	    border: 2px inset ThreeDFace;
	}

	/* Datepicker Bereich */
	/*-------------------------------------------------------------------------------------------------------------------------------*/
	#Heute  
	{
		font-weight: bold;
	    width: 90px
	}
		#Heute table { border-spacing: 0px 9px }
		
		#Heute td {	text-align: center }
		
	#Datepicker { width: 180px }

		#Datepicker table
		{
		    border-spacing: 12px 5px;
		    width: 100%
		}
			
		#Datepicker input[type=button]
		{
			width: 100%;
			font-weight: bold;
		}	
		#Eingabe
		{
			width: 78%;
			height: 20px;
			border: 2px inset ThreeDFace
		}
		button.ui-datepicker-trigger { width: 24px; padding: 1px }	
									
	#InspektorInfo
	{
		color: red;
		font-weight: bold;
	}
		
	/* Menuzeile */
	/*-------------------------------------------------------------------------------------------------------------------------------*/
	#Menu > table
	{
	    min-width: 240px;
		height: 88%;
		border-spacing: 10px;
		margin-top: 7px;
	}
	#Menu button
	{
		width: 100%;
		font-size: 0.9em;
		padding: 5px;
		height: 48px
	}
	#Menu span { margin-right: 5px }					
	#MarkerInfo
	{
		color: green;
		font-weight: bold;
	}	
	#Beenden
	{
	    max-width: 110px
	}					
	#DispInsp
	{
	    max-width: 110px
	}					
	#MandWechsel
	{
	    max-width: 110px
	}		
/*===============================================================================================================================*/


/* Benutzerdefiniertes Layout für JQuery Datepicker */
/*===============================================================================================================================*/
.ui-datepicker 
{
	background-color: white;
	border: 1px solid black;
	display: none
}

	/* Kopfzeile */
	/*-------------------------------------------------------------------------------------------------------------------------------*/
.ui-datepicker-header
{
	background-color: ButtonFace;
	border-bottom: 1px solid black;
	text-align: center;
	padding: 3px
}
	.ui-datepicker-header select { width: 33% }
	
	.ui-datepicker-month { margin-right: 15px }
	
	.ui-datepicker-prev { float: left }
	
	.ui-datepicker-next { float: right }
	
	.ui-datepicker-prev, .ui-datepicker-next
	{
		margin: 3px;
		cursor: pointer
	}
	
	/* Rumpf/Kalender */
	/*-------------------------------------------------------------------------------------------------------------------------------*/
.ui-datepicker-calendar 
{
	border-collapse: collapse;
	padding: 0 2px;
	font-size: 1.1em
}
	
	.ui-datepicker-calendar tr:last-child
	{ border-bottom: 1px solid ButtonFace }
	
	.ui-datepicker-calendar td, .ui-datepicker-calendar th
	{
		padding: 4px;
		text-align: center
	}
	
	.ui-datepicker-calendar a
	{
		display: block;
		padding: 3px;
		color: Black
	}
	td.ui-datepicker-week-col { color: Blue }
	
	.ui-priority-secondary { color: Gray }

	/* Fußzeile/Buttonleiste */
	/*-------------------------------------------------------------------------------------------------------------------------------*/
.ui-datepicker-buttonpane
{
	padding: 10px;
	text-align: center 
}
	.ui-datepicker-buttonpane button
	{
		 padding: 3px;
		 /*width: 50%;*/
	}
	
	/* Sonstiges */
	/*-------------------------------------------------------------------------------------------------------------------------------*/
a.ui-state-highlight { border: 1px solid maroon }

a.ui-state-active
{
	background-color: navy;
	color: white
}
.ui-icon
{
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	background-image: url(images/ui-icons_000000_256x240.png)
}
.ui-icon-circle-triangle-e { background-position: -48px -192px; }

.ui-icon-circle-triangle-w { background-position: -80px -192px; }
/*===============================================================================================================================*/