@CHARSET "UTF-8";

/* Eingabefeld */
.hasDatepicker{
	background: url(../img/selector-e.gif);
	background-position: 73px 8px;
	background-repeat: no-repeat;
	width: 77px; 
  border: solid 1px #ABADB3;	
  height: 20px;
  line-height: 20px;
  padding: 1px 3px 1px 3px;
  font-size: 12px;
  color: #3e4246;  
}

.form_element> .hasDatepicker{
  height: 19px;
  background-color: #f7f9ff;
  background-image: url(../img/selector-e.gif);
  background-position: 174px 8px;
  background-repeat: no-repeat;  
  width: 178px;
}

/* Popup Containerelement */
.ui-datepicker{
	position: absolute;
	margin-top: -117px; 
	margin-left: 71px;
  color: #FFFFFF;
  display: none;
  background: url(../img/dd-nav_solid_datepicker.png);
  padding: 12px 12px 12px 19px;
  -webkit-border-radius: 11px 2px 2px 11px;
  border-radius: 11px 2px 2px 11px;
  -moz-border-radius-topleft: 11px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomleft: 11px;  
  -moz-border-radius-bottomright: 2px;    
  -khtml-border-top-left-radius: 11px;     
  -khtml-border-top-right-radius: 2px;
  -khtml-border-bottom-left-radius: 11px;
  -khtml-border-bottom-right-radius: 2px;
  filter: alpha(opacity=95);
  opacity: 0.95;
	height: 204px;
}
.ui-datepicker.ui-widget-content {
	border: none;
}
/* dies ist im Header - die Anzeige der Monatswahl (Monat und Pfeile) */
.ui-datepicker .ui-datepicker-header {
  position:relative;
  margin-left: 6px;
  width: 184px;
  /*width: 90%;
  margin-left: 5%;  */
  padding-bottom: 8px;
  border-bottom: 1px solid #bccfe9;; 
}

/* Pfeil nach links */
.ui-icon-circle-triangle-w{
	height: 19px;
	width: 19px;
	background: url(../img/arrow-white-w.gif);
	background-position: center;
	background-repeat: no-repeat;
  font-size: 0; /* verbirgt Text "Prev" */
}

/* Pfeil nach rechts */
.ui-icon-circle-triangle-e{
  height: 19px;
  width: 19px;
  background: url(../img/arrow-white-e.gif);
  background-position: center;
  background-repeat: no-repeat;  
  font-size: 0; /* verbirgt Text "Next" */
}

/* Ausrichtung der Pfeile */
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 0px; width: 19px; height: 19px;}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {  }
.ui-datepicker .ui-datepicker-prev { left:0px; }
.ui-datepicker .ui-datepicker-next { right:0px; }
.ui-datepicker .ui-datepicker-prev-hover { filter: alpha(opacity=60); opacity: 0.60; }
.ui-datepicker .ui-datepicker-next-hover { filter: alpha(opacity=60); opacity: 0.60; }

.ui-datepicker .ui-datepicker-prev span {
	display: block; position: absolute; left: 50%; margin-left: -14px; top: 50%; margin-top: -8px;
}

.ui-datepicker .ui-datepicker-next span {
	display: block; position: absolute; left: 50%; margin-left: -5px; top: 50%; margin-top: -8px;
}

.chrome .ui-datepicker .ui-datepicker-prev span {
	margin-left: -15px;
}
.chrome .ui-datepicker .ui-datepicker-next span {
	margin-left: -6px;
}


/* dies ist im Header - die Anzeige der Monate */
.ui-datepicker .ui-datepicker-title {
	line-height: 18px;
	text-align: center;
	/*margin : 0em 2.3em;*/
  font-family: FrutigerLTCom-Bold;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
}

.ui-datepicker .ui-datepicker-title select {
	float:left; /* ? */
	font-size:1em; margin:1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
	font-size : 10px;
}

.ui-datepicker select.ui-datepicker-month {
	width: 49%
}

.ui-datepicker select.ui-datepicker-year {
	width: 49%
}

.ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
	float: right
}

.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }


/* Der eigentliche Kalender als Tabelle */
.ui-datepicker table {
	/*width: 182px;*/
	/*width: 90%;
	margin-left: 5%;*/
	border-collapse: collapse;
}

/* Kopfzeile mit Wochentagen */
.ui-datepicker th {
  width: 28px;
  height: 28px;
  line-height: 28px;
  vertical-align: middle;
  padding-top: 4px;
	text-align: center;
	color: #bccfe9;
  text-transform: uppercase;
  font-family: FrutigerLTCom-Bold;
  font-weight: normal;
  font-style: normal;	
  font-size: 10px;
}

/* Kalendertage */
.ui-datepicker td {
  width: 28px;
  height: 23px;
  cellspacing: 0px;	
  /*padding: 6px 0px 6px 0px;*/
  text-align: center;
  font-family: FrutigerLTCom-Bold;
  font-weight: normal;
  font-style: normal;
  font-size: 12px;
}

/* Kalendertage */
.ui-datepicker td a{
	display: block;
  width: 28px;
  height: 23px;
	line-height: 23px;
	vertical-align: middle;
  font-family: FrutigerLTCom-Bold;
  font-weight: normal;
  font-style: normal;
  font-size: 12px;
  text-decoration: none;
  color: #FFFFFF;
}

.ui-datepicker td a:hover{
  background: #eb1a3b;
  color: #FFFFFF;
}

/*
.ui-datepicker-other-month a{
  color: #bccfe9 !important;
} */

/* nicht wählbar z.B. in der Zukunft, Einstellung in jquery funktion */
.ui-datepicker-unselectable{
  color: #bccfe9;
}

/* active = ausgewähler Tag */
.ui-datepicker td .ui-state-active {
  background: #a4bcdd;
}


/* heutiger Tag 
.ui-datepicker td .ui-state-highlight{
  background: #a4bcdd;
} */



/*
.ui-datepicker .ui-state-active a {
  color: #FFFFFF;
  outline: none;
  text-decoration: none
}*/

/* *** STATI *** 

.ui-datepicker > .ui-state-default a {
  padding: 6px;
  color: #FFFFFF;
  text-decoration: none;
  outline: none
}

 .ui-datepicker > .ui-state-default a:link {
  color: #FFFFFF;
  text-decoration: none;
  outline: none
}

.ui-datepicker > .ui-state-default a:visited {
  color: #FFFFFF;
  text-decoration: none;
  outline: none
}



.ui-datepicker > .ui-state-hover{
	padding: 6px;
  background: #eb1a3b;
}

 .ui-datepicker .ui-state-focus {
	background: #eb1a3b;
}

*/