


#bookbox {
	width:600px;
	margin-left:12px;
	border:1px solid #c3cee0;
	-moz-border-radius:10px;
	background:#E1ECFE;
}


#bookbox input, #booking select {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	padding:5px 0;
	/*-moz-border-radius:5px;*/
	/*border:1px solid #999;*/
	width:250px;
}

.bookfields {
	/*width:610px;*/
	text-align:center;
	margin-top:10px;
	width:570px;
}

.bookfields td {
	font-size:12px;
	text-align:right;
	padding:0;
}

.label {
	font-size:18px;
	color:#06a;
	font-weight:bold;
}

.step {
	font-size:2em;
}

#bookbutton {
	cursor:pointer;
	background:url(images/buchung.png) top left no-repeat;
	width:247px !important;
	height:48px;
	border:none;
	text-indent:-9000px;
}

#bookbutton:hover {
	background-position:bottom left;
}

/**************/



div.dateField {
	/*background:url(images/button-bg.gif) no-repeat top left;*/
  /*width: 198px;*/
	width:249px;
	border:1px solid #ccc;
	background:#f1f1fb;
	height:34px;
	color: #ff6600;
  text-align: center;
	text-decoration:underline;
	font-size:22px;
	letter-spacing:0.5px;
	float:right;
	line-height:30px;
}

div.dateField:hover
{
  cursor: pointer;
	background-color:#FF6600;
	color:#fff;
}


/******** calendario ******/


div.calendar
{
  /*font-size: smaller;*/
	font-size:12px;
  color: #000;
	text-align:right;
}

div.calendar.popup
{
  margin-left: -40px;
  margin-top: -100px;
}

div.calendar table
{
	background-color: #eee;
  border: 1px solid #aaa;
  border-collapse: collapse;
	float:right;
	width:250px;
	clear:both;
}

div.calendar thead {
  background-color: white;
}

div.calendar td,
div.calendar th
{
  padding: 3px 4px;
  text-align: center;
}

div.calendar td.title
{
  font-weight: bold;
}

div.calendar th
{
  background: #ddd;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  font-weight: bold;
  color: #555;
}

div.calendar tr.days td {
  width: 2em;
  color: #555;
  text-align: center;
  cursor: pointer;
}

div.calendar tr.days td:hover,
div.calendar td.button:hover
{
  background-color: #4d94ec;
  cursor: pointer;
	color:#fff;
}

div.calendar tr.days td:active
div.calendar td.button:active
{
  background-color:#cde;
}

div.calendar td.selected
{
  font-weight: bold;
  background-color: #FF6600;
  color: #fff !important;
}

div.calendar td.today
{
  font-weight: bold;
  color: #D50000;
}

div.calendar td.otherDay
{
  color: #bbb;
}


/******** efectos *********/


#lightbox {
	left:0;
	position:absolute;
	text-align:center;
	top:40px;
	width:100%;
	z-index:123456789;
}



#searching {
	background:#fdfdfd; 
	position:relative; 
	width:600px; 
	height:400px; 
	margin:0 auto; 
	border:8px solid #06a;
	text-align:center;
	-moz-border-radius:10px;
}

#searching h3 {
	font-size:1.5em;
}

#searching h4 {
	font-size:1.3em;	
}

#searching h5 {
	font-size:1.2em;	
}


#overlay {
	background-color:#fff;
	height:2500px;
	left:0;
	opacity:0.9;
	position:absolute;
	top:0;
	width:100%;
	z-index:12345678;
}
