/* Styles definition here */
.ahbfield_service {
	display: none }

/* Label */
#fbuilder, #fbuilder label, 
#fbuilder span {
	color: #000; }

/* Button Absenden */
#fbuilder .pbSubmit {
	background:#71cbfe;
	text-transform: uppercase;
	color:#fff; 
	font-weight:600; }

/* Farbe Kalenderkopf */
#fbuilder .ui-datepicker-header {
	background:#d1d1d1;
	color:#333;
	text-shadow:none;
	border: 1px solid black}

.ui-datepicker th {
	background: #d5d5d5;
	color: #333;
	text-shadow: none;}

/* Breite Kalender */
#fbuilder .ui-datepicker-multi .ui-datepicker-group table {
	width: 100%;}

#fbuilder .ui-datepicker-multi-2 .ui-datepicker-group {
	width: 100%;}

/* Datum */
#fbuilder .ui-datepicker table, #fbuilder .ui-datepicker thead, #fbuilder .ui-datepicker tr, #fbuilder .ui-datepicker th, #fbuilder .ui-datepicker td {
	border: 1px solid black}

#fbuilder .ui-datepicker{
	box-shadow:none}

.ui-datepicker-calendar .ui-state-default {
	background: #84bf67;}

.ui-datepicker-unselectable .ui-state-default {
	background: #f4f4f4;}

.ui-datepicker td span, .ui-datepicker td a {
	height: 40px;
	line-height: 40px;
	color: #fff;
	text-shadow: none;}

#fbuilder table.ui-datepicker-calendar{
	table-layout: fixed;}

.ui-datepicker {
	height: auto;
	margin: 5px 0;
	font: 12pt Catamaran, sans-serif;}

#fbuilder .ui-state-default.ui-state-hover{
	background:#333;
	color:#fff}

#fbuilder .ui-state-default.ui-state-active{
	background:#333;
	color:#fff}

/* Timeslots */
#fbuilder .slots{
	box-shadow:none}
 
#fbuilder .slots div{
	border:0px}

#fbuilder .slots div a{
	background:#84bf67;
	color:#fff}

#fbuilder .slots div a:hover{
	background:#333;}

#fbuilder .slots div.htmlUsed a{color:#fff;}
#fbuilder .slots .htmlUsed a{text-decoration: none;background:#e20101;}
#fbuilder .slots .currentSelection a{background:#333;}

/* belegtes Datum */
#fbuilder .notavailslot a{
	background:#e20101;
	color:#fff}