.tx-huettenbuchung-pi1 { margin-top:1em;

}
.tx-huettenbuchung-pi1 td, 
.tx-huettenbuchung-pi1 th
{
   vertical-align:top;
}
.hiddenElement{ display:none; }

/*   Dieses DIV-TAG beinhaltet nur die ganz oben stehende Felder für Monat und Jahreseingabe*/
#divmonatauswahl
{}
/*   Dieses DIV-TAG beinhaltet die Zimmertabelle und den Kalender*/
#divzimmercalendar
{width:52em;
	overflow: scroll;}
/*   Diese TABELLE beinhaltet nur eine Zeile und 2 Spalten
     Spalte 1 = Zimmer aus Datenbank
     Spalte 2 = Buchungskalender 
*/
#tablezimmercalendar
{ border-collapse:collapse; 	 }
/*   Spalte 1 = Zimmer aus Datenbank    */
#divzimmerausdb
{
     margin: 45px auto;
}

#tablezimmerausdb
{

}
#tablezimmerausdb th
{

}
#tablezimmerausdb td
{

}


/*   Spalte 2 = Buchungskalender    */
#divbuchungscalendar
{}
#tablebuchungscalendar
{}
#tablebuchungscalendar table {
	border:0 none; border-collapse:collapse;
}
#tablebuchungscalendar table caption {
	font-weight:bold; text-align:left; margin-left:106px;margin-top:1em
}
#tablebuchungscalendar table td {
	padding:2px; border-bottom:1px solid #ccc; width:15px; text-align:center;
}
#tablebuchungscalendar table td.roomName {
  width:80px; text-align:left;
}
/*   Diese Tabellen sind */
.tablecalendar1, .tablecalendar2 {
  border:0px solid #ccc;
  empty-cells: show;
  width:700px;
  background:white;
}
/*   Monatnamen stylen   */
.tablecalendar1 .monat, .tablecalendar2 .monat
{
   font-size:11px;
	font-weight:bold;
	border-bottom:1px solid #333;
}
/*   Wochentage stylen   */
.tablecalendar1 .wochentag, .tablecalendar2 .wochentag
{
     background-color: #dfdfdf;
}
/*   Wochenenden stylen  */
.tablecalendar1 .wochenende, .tablecalendar2 .wochenende
{
     background-color: #bdbdbd;
}
/*   Die Tage als Nummer 1-28,29,30,31  */
.tablecalendar1 .tage, .tablecalendar2 .tage
{
     background-color: #FFFFFF;
     text-align: center;
}
/*   Die belegten Tage stylen  */
.tablecalendar1 .belegt, .tablecalendar2 .belegt
{
	  background-color:#9F3003;
}
.legende .belegt
{
	  border:1px solid #000000;
	  background-color:#9F3003;
}
.tablecalendar1 .teilbelegt, .tablecalendar2 .teilbelegt
{
	  background-color:#ff9966;
}
.legende .teilbelegt
{
	  border:1px solid #000000;
	  background-color:#ff9966;
}
/*   Die reservierten Tage stylen  
.tablecalendar1 .reserviert, .tablecalendar2 .reserviert
{
     background-color: #9F3003;
}
*/
/*   Die freien Tage stylen  */
.tablecalendar1 .frei, .tablecalendar2 .frei
{
}
.legende .frei
{
	  border:1px solid #000000;
}
/*
**   ALGEMEINES
*/
/*   Diese DIV-TAGS umranden jeweilige Schritte   */
.stepOn
{
     position: relative;
     margin-top: 10px;
     height: auto;
	  border-bottom:2px solid #222;
}
/*   Die Überschriften des jeweiligen Schrittes*/
.steps
{
     height:15px;
     padding: 5px 3px;
     border: 1px solid #222222;
}
/*  Dieses DIV-TAG beinhaltet die Stepbuttons */
.stepButton
{ margin-top:.5em; text-align:left; margin-bottom:1em}





/*
****************************************************
*         SCHRITT - 1 BEGIN
****************************************************
*/
/*   
     Dieses DIV-TAG befindet sich in der Schritt-1
     und in diesem DIV-TAG befindet sich die Tabelle mit den Zeitraumeingaben. 
*/
.divzeitraum
{}
/*   Diese TABELE befindet sich in der Schritt-1 */
#tablezeitraum
{}
/*   Dieses DIV-TAG erscheint unter der Schritt-1 */
#divzeitraummeldung
{
     margin: 5px auto 5px 5px;
          
}
/*
****************************************************
*         SCHRITT - 1 ENDE
****************************************************
*/



/*
****************************************************
*         SCHRITT - 2 BEGIN
****************************************************
*/
/*   
     Dieses DIV-TAG befindet sich in der Schritt-2
     und in diesem DIV-TAG befindet sich die Tabelle mit den Zimmereingaben. 
*/
.divzimmer
{}
/*   Diese TABELE befindet sich in der Schritt-2 */
#tablezimmer{ text-align:left; }
#tablezimmer td, #tablezimmer th{ padding:0.1em 0.3em 0.1em 0.3em; }
#tablezimmer td.midCell, #tablezimmer th.midCell{ text-align:center; }


/*   Dieses DIV-TAG erscheint unter der Schritt-2 */
#divzimmermeldung
{}
/*
****************************************************
*         SCHRITT - 2 ENDE
****************************************************
*/



/*
****************************************************
*         SCHRITT - 3 BEGIN
****************************************************
*/
/*   
     Dieses DIV-TAG befindet sich in der Schritt-3
     und in diesem DIV-TAG befindet sich die Tabelle mit den Kundeneingaben. 
*/
.divkundeninfos
{}
/*   Diese TABELE befindet sich in der Schritt-3 */
#tablekundeninfos
{}

/*   
     Dieses DIV-TAG befindet sich in der Schritt-3.1
     und in diesem DIV-TAG befindet sich die Tabelle mit den Kontoeingaben. 
*/
.divbankinfos
{}
/*   Diese TABELE befindet sich in der Schritt-3.1 */
#tablebankinfos
{}
/*
****************************************************
*         SCHRITT - 3 ENDE
****************************************************
*/


/*
****************************************************
*         SCHRITT - 4 BEGIN
****************************************************
*/
/*   
     Dieses DIV-TAG befindet sich in der Schritt-4
     und in diesem DIV-TAG befindet sich die Tabelle mit den eingegebenen
     An- Ab- Kunden und Kontondaten. 
*/
.divgetbuchung
{}
/*   Diese TABELE befindet sich in der Schritt-4 */
#tablegetbuchung
{}
/*
****************************************************
*         SCHRITT - 4 ENDE
****************************************************
*/



/*
****************************************************
*         SCHRITT - 5 BEGIN
****************************************************
*/

.divgetbuchungsbestaetigung
{}

/*
****************************************************
*         SCHRITT - 5 ENDE
****************************************************
*/