/*
 * Allgemeine Formatierungen
 */

html, body,form
{
	color: black;
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	
	height: 100%; 
	margin: 0px; 
	padding: 0px; 
}

body
{
	/*background-image:url('../img/bottom_skyline.jpg');*/
	background-repeat:repeat-x;
	background-attachment:fixed;
	background-position:bottom;
}

body h1
{
	color: #666;
	font-size: 18px;
}

body h2
{
	color: #666;
	font-size: 14px;
}

body a,a:visited, a:hover
{
	text-decoration:underline;
	color: Black;
	font-weight: bold;
}

img
{
	border: 0px;
}


/*
 * Spezifische Formatierungen
 */


div#overallCenter
{
	margin-left: auto;
	margin-right: auto;
}

div#top
{
	max-width: 1000px;
	height: 244px;
	
	margin-left: auto;
	margin-right: auto;
	 
	background-image:url('../img/top_waschmaschine_2020.jpg');
	background-repeat:no-repeat;	
	border-left: 1px solid black;
}

div#topmenu
{
	vertical-align: text-bottom;    
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	border: 1px solid black;    
	text-align: right;
	max-width: 990px;
	margin-left: auto;
	margin-right: auto;
}

div#topmenu a,a:visited, a:hover
{
	text-decoration:underline;
	color: Black;
	font-weight: bold;
}

div#title
{
	border: 1px solid black;    
	text-align: left;
	padding-left: 10px;
	max-width: 990px;
	margin-left: auto;
	margin-right: auto;
}

div#contentArea
{
	margin-left: auto;
	margin-right: auto;
	max-width: 950px;
	padding: 25px;
	border: 1px solid black;
}

div#content
{
	
}

div#LoginForm
{
	border: 0px solid black;
	float: left;
	min-width:50%;
	max-width:50%;
	padding:20px;
}

div#LoginRegisterArea
{
	border: 0px solid black;
	padding: 20px;
	min-width:40%;
	max-width:40%;
	float:left;
}

div#LoginRegisterTextArea
{
	border: 0px solid black;
	width: 100%;
	float:left;
}

div#LoginRegisterButtonArea
{
	border: 0px solid black;
	width: 100%;
	float:left;
	text-align:right;
}

div#LoginRegisterGlobalMessageArea
{
    float:left;
    padding-top: 10px;
}

.LoginFormTextBox
{
	border01px solid black;
	width:250px;
	text-align:left;
    margin: 5px;
    padding: 0px;
    float: left;
}

.PasswordChangeTextBox
{
	border:0px solid black;
	width:auto;
	text-align:right;
    margin: 0px;
    padding: 5px;
    float: left;
    width: 180px;
}

.PasswordChangeValidBox
{
	border:0px solid black;
	width:auto;
	text-align:left;
    margin: 0px;
    padding: 5px;
    float: left;
    width: 350px;
}

.PasswordChangeBox
{
	border:0px solid black;
	width:auto;
	text-align:right;
    margin: 0px;
    padding: 5px;
    float: left;
    width:100px;
}

.RegisterInputArea
{
	border: 0px solid black;
	float: left;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-right: 5px;
	width: 60%;
}

.registerNextButton
{
	margin-right: 400px;
	left: 0px;    
}

.AddInfo
{
	border: 0px solid black;
	float: left;
	padding: 20px;
	width: 30%;
}

.RegisterFormTextBox
{
	border:0px solid black;
	max-width:450px;
	text-align:right;
	margin-bottom:5px;
}

.RegisterWizard
{
	width: 100%;
	border: 0px solid black;
	padding-right:15px;
	margin: 0px;
}

/*  Suchformulare */

.SearchFormTextBox
{
	border:0px solid red;
	width:260px;
	text-align:right;
	margin-bottom:5px;    
    left: 80px;
}
.SearchFormTextBoxDescription {
    float:left;
    border:0px solid green;    
}


.SearchFormGroup {
    border: 0px solid violet;
    float: left;
    width: 300px;
}

/* Such-Ergebnisse*/

.paging a, a:link, a:hover, a:active, a:focus{
    text-decoration:none;
    color: black;
    font-weight: bold;
}


.SearchResultTable {
   
    border-collapse:collapse;
    width: 950px;
}

.SearchResultTable tr {
    background-color: #ffffff;
	padding:5px;
    border-collapse:collapse;
}

.SearchResultTableHeader tr {
    background-color: #ffffff;
	padding:50px;

    border-collapse: collapse;
}

.SearchResultTable td {

      border-collapse: collapse;
      color: rgb(0, 0, 0);
      display: table-cell;
      font-family: arial, helvetica, sans-serif;
      font-size: 13px;
      height: 30px;
      text-align: -webkit-center;
      vertical-align: middle;
            
      border: 1px solid rgb(128, 128, 128);

      padding-left: 5px; 
      padding-right: 5px;
}

.SearchResultTable th {
      border-collapse: collapse;
      color: rgb(0, 0, 0);
      display: table-cell;
      font-family: arial, helvetica, sans-serif;
      font-size: 13px;
      height: 60px;
      text-align: -webkit-center;
      vertical-align: middle;
      
      background-color: white;

      border: 1px solid rgb(128, 128, 128);
}

.SearchResultTable thead {
    border-collapse: collapse;
}


/* Alignment of Checkboxes in registration form */

div.RegisterCheckBoxListInfo ul li { margin: 7px 0px; }
div.RegisterCheckBoxListInfo ul li input { width: 15px; display: block; float:left;}
div.RegisterCheckBoxListInfo ul li label { padding-left: 28px; display: block; }
div.RegisterCheckBoxListInfo ul li div { margin-left: 28px; clear: both; font-size: .9em; }

.rbListSecurityAnswers
{
	border: 0px solid black;
}

/* 
 * START CALENDAR FORMATIERUNG
 */
 
.calendarBooking_DayHeaderStyle
{
	font-size: 13px;
}
.calendarBooking_DayStyle
{
	font-size: 13px;
	padding:8px;
}

.calendarBooking_DayStyle a
{
	text-decoration: none;
	display: block;
}

.calendarBooking_WeekendDayStyle
{
	font-size: 13px;
}

 
/* Das Padding muss zum a damit die ganze Zelle anklickbar wird!! */
.calendarBooking_WeekendDayStyle a
{
	text-decoration: none;
	display: block;
}

.calendarBooking_NextPrevStyle
{
	 font-size: 13px;
	 
}

.calendarBooking_OtherMonthDayStyle
{
	 font-size: 13px;
	 color: White;	 
	 padding: 8px;
}
.calendarBooking_OtherMonthDayStyle a
{
	 text-decoration: none;
	 display: block;
}
.calendarBooking_SelectedDayStyle
{
	 font-size: 13px;
	 color: Red;
	 border: 4px solid Red;
	 background-color: #00FF00;
}
.calendarBooking_SelectedDayStyle a
{
	 display: block;
	 border:3px solid yellow;
}
.calendarBooking_SelectorStyle
{
	 font-size: 13px;
}
.calendarBooking_TitleStyle
{
	 font-size: 13px;
}
.calendarBooking_TodayDayStyle
{
	 font-size: 13px;
}
.calendarBooking_TodayDayStyle a
{
}

.dayNotBookable
{
	background-color: #848284   /*#FFCCCC*/;
	color: White;	
	border: 1px solid black;
}
td.dayNotBookable
{
    height: 30px;
}

.dayBookable
{
	background-color: #00FF00;
	color:White;
	min-height: 10px;
	border: 1px solid black;
}

td.dayBookable
{
    height: 30px;  
}

.dayBookable a
{
	color:White;
	padding: 6px;   /* Ohne Padding nicht ganze Zelle klickbar! */
	/*background-color: Yellow;*/
	height: 10px;
	margin:0px;
}

.dayMyReservation
{
	background-color: #00FFFF;
	color: White;
	padding: 10px;
	border: 1px solid black;
}

/* 
 * ENDE CALENDAR FORMATIERUNG
 */


div#bookingSelectionArea
{
	border: 0px solid black;
	
	float: left;
	
	padding: 15px;
	width: 250px;
}

div#bookingCalendarArea
{
	border: 0px solid black;
	
	float: left;
	
	padding: 15px;
	width: 250px;
	margin-left:50px;
}

div#bookingBookArea
{
	border: 0px solid black;
	
	float: left;
	
	padding: 15px;
	width: 250px;
}

.bookingRowStyle
{
	background-color: #CCCCCC;
	padding:50px;
}


div#BookingsBookings
{
	border: 0px solid black;
	float: left;
	max-width:80%;
}

div#BookingsFunctions
{
	border: 0px solid black;
	margin-left:30px;
	float:left;
	max-width: 15%;
	min-width: 15%;
}

div#BookingsFunctions ul
{
	padding-left: 5px;
	margin-top: 0px;
}

.BookingsFuncButton
{
    width: 135px;
    white-space: normal;
    height: 100%;
} 

div#BookingsFunctions li
{
	margin-bottom: 15px;
	border: 0px solid black;
}


.helpChapter
{
	border: 0px solid black;
}


/* CSS Class for progress roation symbol for AddBooking */
.spinner
{
}




div#Footer
{
	margin-left: auto;
	margin-right: auto;   
}

div#FooterContent
{
    margin-left: auto;
	margin-right: auto;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-top: 10px;
	max-width: 950px;
	text-align: right;
}

div#FooterContent a
{
    font-size: 11px;
}


.panelGlobalMessage
{
    padding: 5px;
    border: 2px solid black;
    margin-bottom: 5px;
}

.panelPersonalMessage
{
    padding: 5px;
    border: 2px solid black;
    margin-bottom: 5px;
}

.panelLaundryMessage
{
    padding: 5px;
    border: 2px solid black !important;
    margin-top: 5px;
    margin-bottom: 5px;
}