/* ---------------------------------------------------------------------------
 * this file is generated by ext:swisstypo3_config
 * --------------------------------------------------------------------------- */

/* include from fileadmin/css/ext/simple_reservation_tool/simple_reservation.css */


.tx-simplereservationtool-pi1 .main {

 }
 

.tx-simplereservationtool-pi1 .calendar {
	margin-bottom: 1em;
	margin-right: 1em;
	float: left;
	display: block;
  

 }


.tx-simplereservationtool-pi1 .tabelle {
	margin-bottom: 1em;

 }
 
.tx-simplereservationtool-pi1 .normal {
	height:300px;
}


 .tx-simplereservationtool-pi1 .main_table {
	border: 1px solid #003366;
	
 }


.tx-simplereservationtool-pi1 td,
.tx-simplereservationtool-pi1 table,
.tx-simplereservationtool-pi1 th {
  border-collapse: separate;
  font-size: 11px;
}


.tx-simplereservationtool-pi1 th {
 vertical-align:top;
 height : 27px;
}

.tx-simplereservationtool-pi1 td {
 vertical-align:middle;
 text-align:center;
 height :26px;
 width : 26px;
}


.tx-simplereservationtool-pi1 .prev_month {
    background-color:#9BB0D0;
    vertical-align:middle;
    text-align:center;
}

.tx-simplereservationtool-pi1 .next_month {
    background-color:#9BB0D0;
    vertical-align:middle;
    text-align:center;
}

.tx-simplereservationtool-pi1 .month {
    background-color: #9BB0D0;
    vertical-align: middle;
    text-align: center;
}

.tx-simplereservationtool-pi1 .weekday {
    background-color:#F0F3F8;
    vertical-align:middle;
    text-align:center;
}

.tx-simplereservationtool-pi1 .other_month {
  background-color:#F0F3F8;
  cursor: not-allowed;
}


.tx-simplereservationtool-pi1 .available {
  background-color:PaleGreen;
  cursor: pointer;
}

.tx-simplereservationtool-pi1 .scarce {
  background-color:#fdff5f;
  cursor: pointer;
}

.tx-simplereservationtool-pi1 .un_available {
  background-color:salmon;
  cursor: not-allowed;
}

.tx-simplereservationtool-pi1 .past {
  background-color: #C0C0C0;
  cursor: not-allowed;
}

.tx-simplereservationtool-pi1 .actual_day {
  font-weight: bolder;
}

.tx-simplereservationtool-pi1 .error_message {

  background-color:salmon;
  padding: 1em;
  margin: 1em 0em;
  width: 442px;
}

.tx-simplereservationtool-pi1 .success_message {

  background-color:PaleGreen;
  padding: 1em;
  margin: 1em 0em;
  width: 442px;
}

.tx-simplereservationtool-pi1 .success_back_button {
  padding: 1em;
  text-align: center;
}

.tx-simplereservationtool-pi1 .formular {
 }
 
.tx-simplereservationtool-pi1 .formelement {
  overflow: hidden;
}

* html .tx-simplereservationtool-pi1 .formelement {
  overflow: visible;
  height: 1%;
}

.tx-simplereservationtool-pi1 #date {
    margin-bottom: 0em;
}

.tx-simplereservationtool-pi1 .locked {
  background-color:Gainsboro;
}

.tx-simplereservationtool-pi1 .icon_group {
  height: 20px;
}

.tx-simplereservationtool-pi1 .icon {
  margin: 1px;
}


.tx-simplereservationtool-pi1 label,
.tx-simplereservationtool-pi1 .t_and_c_link
 {
  width: 80px;
  display: block;
  font-size: 11px;
  float: left;
  margin: 3px 5px 2px;
  text-align: right;
}

.tx-simplereservationtool-pi1 input {
  width: 159px;
}

.tx-simplereservationtool-pi1 .read_and_accepted{
  font-weight:normal;
  font-size: 11px;
  width: 135px;
}

.tx-simplereservationtool-pi1 .button {
   padding-top: 1em;
}

.tx-simplereservationtool-pi1 .checkbox {
  float: left;
  width: 20px;
}

.tx-simplereservationtool-pi1 .legend {
    margin-bottom: 1em;
    margin-top: 1em;
}

.tx-simplereservationtool-pi1 .legend_box {
    width: 12px;
    height: 12px;
    float: left;
    margin-right:1em;
    border: 1px solid black;
}

.tx-simplereservationtool-pi1 .legend_line {
    margin-bottom: 2px;
}

 
.tx-simplereservationtool-pi1 .normal {
 } 

.tx-simplereservationtool-pi1 .logged_in{
  margin-top:2em;    
  width: 530px;
}

.tx-simplereservationtool-pi1 .logged_in table{
  background-color: white;
  overflow: hidden;
  width: 530px;

}

.tx-simplereservationtool-pi1 .logged_in th{
    vertical-align:middle;
    text-align:left;
    height : 10px;
    padding: 0.5em 0px ;
    font-size: 1.2em;
}

.tx-simplereservationtool-pi1 .logged_in td{
    vertical-align:top;
    text-align:left;
    height : 1px;
    width : 1px;
    font-size: 11px;
    padding: 2px;
}

.tx-simplereservationtool-pi1 .logged_in .datum
{
    font-size: 2em;
    font-weight: bold;
    text-align: right;
    vertical-align: top;
    padding: 16px 10px ;
    width: 32px;
}

.tx-simplereservationtool-pi1 .logged_in .datum_small
{
    font-size: 1em;
    font-weight: bold;
    text-align: right;
    vertical-align: top;
    padding: 4px 4px ;
    width: 42px;
}
    
.tx-simplereservationtool-pi1 .logged_in .not_fetched{
    border: 4px solid salmon;
    background-color: salmon;
    clear 
}

.tx-simplereservationtool-pi1 .logged_in .not_fetched .header{
    padding-right: 2em;
}

.tx-simplereservationtool-pi1 .logged_in .actual_day{
    background-color: orange;
}


.tx-simplereservationtool-pi1 .logged_in .day
{
    background-color:#9BB0D0;

}

.tx-simplereservationtool-pi1 .logged_in .line{
    white-space: nowrap;
    
}

.tx-simplereservationtool-pi1 .logged_in .line img{
    margin-bottom: -5px;
    
}

.tx-simplereservationtool-pi1 .logged_in .logged_in_button{
    border: 1px solid black;
    background-color: Gainsboro;
    text-align: center;
}

.tx-simplereservationtool-pi1 .logged_in .reserviert{
    background-color: #FDFF5F;
    padding: 3px;

}

.tx-simplereservationtool-pi1 .logged_in .abgegeben{
    background-color: PaleGreen;
    padding: 3px;

}

.tx-simplereservationtool-pi1 .logged_in .nicht_abgegeben{
    background-color: salmon;
    padding: 3px;

}

.tx-simplereservationtool-pi1 .logged_in .vert_spacer{
    width: 3px;
    margin: 0px;
    padding: 0px;
}

.tx-simplereservationtool-pi1 .logged_in .hor_spacer{
    height: 3px;
}



.tx-simplereservationtool-pi1 .logged_in .statistics{
    background-color: gainsboro;
    border: 0px solid transparent;
    padding: 0.5em 1em;
    overflow:hidden;
    width: 96%;
    height: 1%;
    font-size: 11px;
}

.tx-simplereservationtool-pi1 .logged_in .stat_line{
    clear:left;
}


.tx-simplereservationtool-pi1 .logged_in .stat_0_block{
    width: 70px;
    float: left;
}

.tx-simplereservationtool-pi1 .logged_in .stat_1_block{
    width: 76px;
    float: left;
}

.tx-simplereservationtool-pi1 .logged_in .stat_2_block{
    width: 70px;
    float: left;
    text-align: right;
}

.tx-simplereservationtool-pi1 .logged_in .stat_3_block{
    width: 58px;
    float:left;
    text-align: right;
}

.tx-simplereservationtool-pi1 .logged_in .stat_4_block{
    width: 66px;
    float:left;
    text-align: right;
}

.tx-simplereservationtool-pi1 .logged_in .stat_link{
    clear: left;
    margin-top: 2em;
    text-align: right;
}

.tx-simplereservationtool-pi1 .logged_in .stat_link_2{
    clear: left;
    margin-top: 1em;
}

.tx-simplereservationtool-pi1 .logged_in .change_view{
    float: right;
    font-size: 11px;
    font-weight: normal;
}

.tx-simplereservationtool-pi1 .quickjumpform select{
      width: 120px;
      margin-top: 1em;
}

.tx-simplereservationtool-pi1 .conf_form .address{
   float: left;
   width: 240px; 

}

.tx-simplereservationtool-pi1 .conf_form .article{
   width: 240px;
   display: block;
   overflow: hidden;

}

.tx-simplereservationtool-pi1 .conf_form .header{
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 1em;
}

.tx-simplereservationtool-pi1 .conf_form .left_col{
    float: left;
    width: 100px;
}

.tx-simplereservationtool-pi1 .statistics_page{
      width: 100%;
      background-color: white;
}

.tx-simplereservationtool-pi1 .statistics_page .headline{
    background-color: DeepSkyBlue;
    color: white;
    padding: 0.3em;
    font-size: 1.3em;
    font-weight: 150%;
    border: 2px solid transparent;

}

.tx-simplereservationtool-pi1 .statistics_page .headline_2{
    background-color: DeepSkyBlue;
    padding: 0.3em;
    color: white;
    margin-top: 6em;
    margin-bottom: 2px;
    border: 2px solid transparent;
}

.tx-simplereservationtool-pi1 .statistics_page .short{
    width : 50%;
}

.tx-simplereservationtool-pi1 .statistics_page .date_line{
    font-size: 10px;
    margin-top: 1em;
    margin-bottom: 2em;

}

.tx-simplereservationtool-pi1  .statistics_page .stat_table{
  background-color: white;
  width : 100%;
}

.tx-simplereservationtool-pi1 .statistics_page .stat_table td{
  background-color: white;
  vertical-align:middle;
  text-align:right;
  height : 20px;
  width : 7%;
  font-size: 10px;
  padding-right: 3px;
}

.tx-simplereservationtool-pi1 .statistics_page .stat_table th {
 background-color: Gainsboro;
 vertical-align:top;
 height : 20px;
 font-size: 9px;
}


.tx-simplereservationtool-pi1  .statistics_page .stat_table_small{
  width : 50%;
  background-color: transparent;
}

.tx-simplereservationtool-pi1 .statistics_page .stat_table_small td{
  background-color: white;
  vertical-align:top;
  text-align:right;
  height : 20px;
  width : 25%;
  font-size: 10px;
  padding-right: 3px;
}

.tx-simplereservationtool-pi1 .statistics_page .stat_table_small th {
 background-color: Gainsboro;
 vertical-align:top;
 height : 20px;
 font-size: 9px;
}

.tx-simplereservationtool-pi1 .statistics_page .info_table_spalte_1{
    float: left;
    width: 120px;
}

.tx-simplereservationtool-pi1 .statistics_page .info_table_spalte_2{
    float: left;
    width: 60px;
    text-align:right;
}

.tx-simplereservationtool-pi1 .statistics_page .info_table{
  height: 1%;
  overflow: hidden;
  margin-top: 1em;
  margin-bottom: 1em;
  border: 0px solid grey;
  width: 200px;
  padding: 3px;
  font-size: 10px;
  background-color: Gainsboro;
  border: 2px solid transparent;
}

.tx-simplereservationtool-pi1 .statistics_page .info_table_line{
  clear:left;

}
.tx-simplereservationtool-pi1 .statistics_page .stat_table .highlight {
    background-color: LightSkyBlue;
}

.tx-simplereservationtool-pi1 .conf_form .backbutton{
    margin-top: 1em;
}

.tx-simplereservationtool-pi1 .statistics_page .backbutton{
}

/* include from typo3conf/ext/simple_reservation_tool/css/stylesheet_print.css */

@media print { 



}

/* include from fileadmin/css/ext/mailform/mailform.css */

/*******************************************************************************

	Element container layout definition

	All elements are shown in a container which uses one of the following
	classes. Please read the specific container description for more
	Information.

*******************************************************************************/

/**
 * This class represents the outer mailform table. In this table
 * all fields and elements are shown in cells
 */
.mailform-table-outer { }

/**
 * If you like to access every single cell, please use the form wizard
 * You may input here a class which is used for every cell, but you must
 */

/**
 * td-no-style represents every single defined cell. But you can change the
 * class of every cell in the field wizard
 */
.td-no-style { background-color: #ffffff; }
/**
 * This class is used for the outer container of a Form-Element
 * IF the current form content is valid
 * In the current version not used, for later purposes
 */
.tx_mailform_valid { }

/**
 * This class is used for the outer container of a Form-Element
 * IF the current form content is not valid.
 */
.tx_mailform_invalid { }

/**
 * This class is used for the outer container of a Form-Element
 * IF the current content is required, and the user has not yet input
 * the required data
 */
.tx_mailform_required { }

/**
 * This class is used for the outer container of a Form-Element
 * The class is used, if the form has not yet sent, and is not corrected.
 * Actually this is the class, the user will see the most (if he inputs correct
 * data)
 */
.tx_mailform_none { }

/**
 * If the user inputs invalid data, the error will be displayed with
 * this text formation
 */
.tx_mailform_FieldErrorMessage {
	color: #FF0000;
	font-weight: bold;
}

/**
 * This is the class which will be the outer container class for Layout
 * elements.
 * That excludes all form elements.
 * It Includes eg title-element, html-element, separator-element
 */
.tx_layout_element_container {
	color: #ff0000;
}

/*******************************************************************************

 Formular required star

 All existing possibilities for a required star are listed below

*******************************************************************************/
.tx_mailform_required_star {}
.tx_mailform_required_star-ok {}
.tx_mailform_required_star-required {}
.tx_mailform_required_star-error {}

/*******************************************************************************

 Formular element label definition

 All current existing elements are listed below
 You can separately design every different element type

*******************************************************************************/



.tx_mailform_label_global {
	font-weight: normal;
	line-height: 20px;
	margin: 0;
	padding: 0;
}

.tx_mailform_label_textarea {

}

.tx_mailform_label_title {

}

.tx_mailform_label_text {

}

.tx_mailform_label_textwdesc {

}

.tx_mailform_label_default {
	width:200px;
}

.tx_mailform_label_submit {

}

.tx_mailform_label_file {

}

.tx_mailform_label_password {

}

.tx_mailform_label_radio {

}

.tx_mailform_label_select {

}

.tx_mailform_label_layout_default {

}

.tx_mailform_label_navi_nextpage {

}

.tx_mailform_label_navi_previouspage {

}

.tx_mailform_label_navi_pagenavi {

}

.tx_mailform_label_navi_reset {

}

.tx_mailform_label_submit {

}

/*******************************************************************************

 Formular element layout definition

 All current existing elements are listed below
 You can separately design every different element type

*******************************************************************************/

 /**
  * Normal Text element
  */
.tx_mailform_text {
  font-size: 11px;
  color: #000000;
  border: 1px solid #000000;
  height: 15px;
}

/**
 * Select (Dropdown / Multiselect)
 */
.tx_mailform_select {
  font-size: 10px;
  color: #000000;
  border: 1px solid #000000;
  margin-bottom: 5px;
}

.tx_mailform_option {
  font-size: 10px;
  color: #000000;
}

/**
 * Textarea
 */
.tx_mailform_textarea {
  font-size: 11px;
  font-family: Arial;
  color: #000000;
  /*background-color: #eeeeee;*/
  margin-bottom: 5px;
  border: 1px solid #000000;
  width: 192px;
 }

/**
 * Hidden Field
 * (Actually it does not make sense to design a invisible element)
 */
.tx_mailform_hidden {
  font-size: 10px;
  color: #000000;
  border: 1px solid #000000;
}

/**
 * Password field
 */
.tx_mailform_password {
  font-size: 10px;
  color: #000000;
  border: 1px solid #000000;
  margin-bottom: 5px;
}

/**
 * File Upload
 * Currently not functional
 */
.tx_mailform_file {
  font-size: 10px;
  color: #000000;
  border: 1px solid #000000;
  margin-bottom: 5px;
 }

/**
 * Captcha
 */
.tx_mailform_captcha {
  font-size: 15px;
  color: #000000;
  border: 1px solid #000000;
  height: 18px;
  width: 192px;
}

/**
 * Checkboxes
 */
input.tx_mailform_checkbox_box {
border: none;
}
div.tx_mailform_checkbox_wrap {
	overflow:hidden;
	float:left;
}
* html div.tx_mailform_checkbox_wrap {
	overflow:visible;
	height:1%;
}

div.tx_mailform_checkbox_element {
	width:90px;
	height:1%;
	margin-top: 2px;
}

td.tx_mailform_checkbox_text {
  font-size: 10px;
  color: #000000;
}

label.tx_mailform_cb_label {
  font-size: 11px;
  font-weight: normal;
  margin-left: 5px;
}

/**
 * Radio Buttons
 */
input.tx_mailform_radio_button { }

td.tx_mailform_radio_text {
  font-size: 10px;
  color: #000000;
  padding: 5px;
}
label.tx_mailform_rb_label {
  font-size: 10px;
  color: #000000;
  /*margin-bottom: 2px;*/
}


div.tx_mailform_radio_element {
	width:90px;
	height:1%;
	margin-top: 2px;
}

/*******************************************************************************

 Layout-element layout definition

 All current existing elements are listed below
 You can separately design every different element type

*******************************************************************************/

/**
 * Popular HR Separator
 */
.tx_mailform_hrSeparator {
  width: 100%;
  height: 2px;
}

/**
 * Text Title
 */
.mailform-table-outer h3 {
  display: block;
  color: #000000;
  font-size: 12px;
  font-weight: bold;
  margin: 15px 0 5px 0;
}

/**
 * HTML - Element
 *
 * - The HTML Element is not accessable over CSS.
 * - Please Include your CSS Definition in your specified HTML Element
 * - In the Wizard
 */

 /*******************************************************************************

 Navigation-element layout definition

 All current existing elements are listed below
 You can separately design every different element type

*******************************************************************************/
 /**
 * Submit Button
 */
.tx_mailform_submit {
  font-size: 10px;
  color: #000000;
  border: 1px solid #000000;
  margin-bottom: 5px;
 }

/**
 * Submitbutton with extended features
 */
.tx_mailform_submitextended {
  font-size: 10px;
  color: #000000;
  border: 1px solid #000000;
  margin-bottom: 5px;
}

.tx_mailform_navi_nextpage {
	font-size: 10px;
	color: #000000;
	border: 1px solid #000000;
	margin-bottom: 5px;
}

.tx_mailform_navi_previouspage {
	font-size: 10px;
	color: #000000;
	border: 1px solid #000000;
	margin-bottom: 5px;
}

.tx_mailform_navi_reload {
	font-size: 10px;
	color: #000000;
	border: 1px solid #000000;
	margin-bottom: 5px;
}

.tx_mailform_navi_pagenavi {
	font-size: 10px;
	color: #000000;
	border: 1px solid #000000;
	margin-bottom: 5px;
}

.tx_mailform_navi_reset {

}

/******************************************************************************
 * Faebi Code
 ******************************************************************************
 */

.tx_mailform_field_text,
.tx_mailform_field_textwdesc,
.tx_mailform_field_textwdesc-anderes_textfeld,
.tx_mailform_field_textarea,
.tx_mailform_field_select,
.tx_mailform_field_radio,
.tx_mailform_field_password,
.tx_mailform_field_submit,
.tx_mailform_field_submitimage,
.tx_mailform_field_submitextended,
.tx_mailform_field_file {
  width:100%;
	overflow:hidden;
}

.tx_mailform_field_text-float,
.tx_mailform_field_text-float_labelrechts {
	float:left;
}

.tx_mailform_field_text-float_ohnelabel {
	float:left;
	overflow:hidden;
}

.tx_mailform_field_select-float_left_withlabel,
.tx_mailform_field_select-float_left {
	float:left;
	width:100%;
}

.tx_mailform_field_checkbox {
	overflow:hidden;
}

.tx_mailform_field_captcha {}
.tx_mailform_field_staticcountry {}
.tx_mailform_field_contelement {}


/**
 * Layout Elements
 */
.tx_mailform_layout_default {}
.tx_mailform_layout_title {}
.tx_mailform_layout_htmlelement {}
.tx_mailform_layout_error {}

/**
 * Navigation
 */
.tx_mailform_navi_pagenavi {}
.tx_mailform_navi_nextpage {}
.tx_mailform_navi_previouspage {}
.tx_mailform_navi_reset {}


.tx_mailform_td_label{
	width:220px;
	/*display: block;*/
}

.tx_mailform_div_label_left {
	width:220px;
	float:left;
}

.tx_mailform_div_label_error {
  color:#ff0000;
	font-weight: bold;
}

.tx_mailform_div_input {
	float:left;
}

.tx_mailform_div_icon {
	float:left;
}

.tx_mailform_div_err_msg,
.tx_mailform_div_err_msg_block {
	display:block;
}
.tx_mailform_div_err_msg,
.tx_mailform_div_err_msg_float-left {
	float:left;
}

.tx_mailform_div_err_msg_float-none {
	float:none;
}
.tx_mailform_div_err_msg_1 {
	color: #ff0000;
}

.tx_mailform_field_text-float_labelrechts_input {
	width:60px;
}

.tx_mailform_div_label_left_nowidth {
	float:left;
}

.tx_mailform_div_output_select_width {
	float:left;
	width:200px;
}

.tx_mailform_div_output_select-check {
	float:left;
}

.mailform_radio_box, .mailform_checkbox_box {
	border: none;
	margin: 0;
	padding: 0;
	height: 15px;
}

.tx_mailform_layout_title {
clear: both;
 }



#tx_mailform_input-item-2673-FDU653PZU{
visibility:hidden;

}