/*
 * **************************************************************
 *   Copyright notice
 *   2012 Daniel Zabel
 *
 *   (c) 2012 Daniel Zabel <zabel@it-d.de>, WebSolutions
 *   All rights reserved
 *   This script is part of the TYPO3 project. The TYPO3 project is
 *   free software; you can redistribute it and/or modify
 *   it under the terms of the GNU General Public License as published by
 *   the Free Software Foundation; either version 3 of the License, or
 *   (at your option) any later version. 
 *
 *   The GNU General Public License can be found at
 *   http://www.gnu.org/copyleft/gpl.html.
 *
 *   This script is distributed in the hope that it will be useful,
 *   but WITHOUT ANY WARRANTY; without even the implied warranty of
 *   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *   GNU General Public License for more details.
 *
 *   This copyright notice MUST APPEAR in all copies of the script!
 * *************************************************************
 */
body {
  color: #003366;
  font-family: Verdana, Arial, sans-serif;
}

table {
  font-size: 1em;
}

.tabs-bottom {
  position: relative;
}

.tabs-bottom .ui-tabs-panel {
  height: auto;
  overflow: auto;
}

.tabs-bottom .ui-tabs-nav {
  position: absolute !important;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0 0.2em 0.2em 0;
}

.tabs-bottom .ui-tabs-nav li {
  margin-top: -2px !important;
  margin-bottom: 1px !important;
  border-top: none;
  border-bottom-width: 1px;
}

.ui-tabs-selected {
  margin-top: -3px !important;
}

.ui-tabs .ui-tabs-panel {
  overflow: hidden;
}

.two-column-content-container {
  position: relative;
  margin: auto;
  padding: 0px;
  margin: auto;
}

.two-column-content-container .column {
  padding: 5px;
  list-style: none;
  /*
  width: 45%;
  */
  display: inline-block;
}

#packages .two-column-content-container span.column {
  padding: 0px 5px 0px 5px;
}

.action-bar {
  margin: 20px 0;
}

.action-bar li {
  display: inline;
}

#typo3-inner-docbody {
  font-size: 0.9em;
}

input,
textarea,
select,
button {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

.ui-widget-header th.fixed-noBorder-r, .ui-widget-content td.fixed-noBorder-r {
  padding: 5px;
  margin: 5px;
  height: 18px;
  width: 200px;
}

th.fixed2 {
  width: 134px;
}

th.price, td.price {
  padding: 5px;
  margin: 5px;
}

th.price {
  text-align: right;
}

td.price {
  text-align: center;
  border-left: 0px !important;
}

td.fixed-noBorder-r {
  border-right: 0px !important;
}

.wellness-accordion h3 {
  padding: 5px;
  font-size: 1.3em;
}

.wellness-accordion h3 em {
  width: 180px;
  position: absolute;
  left: -220px;
  text-align: center;
  padding: 20px 12px 10px;
  font-style: normal;
  z-index: 2;
  font-size: 0.9em;
  display: none;
  background-color: #FFF3C7;
  border: 1px solid #F0E0A5;
}

div.tx-wellness h1 {
  font-size: 1.7em;
  font-weight: normal;
}

div.tx-wellness {
  /*width: 740px;*/
  font-size: 11px;

}

div.wellness-accordion h3.ui-accordion-icons {
  font-weight: normal;
  font-size: 1.2em;
}

#error {
  display: none;
}

.error {
  color: #AA0225;
  background-color: #F6D3CF;
  background-image: url('../../../../../../../typo3/sysext/t3skin/icons/gfx/error.png');
  border-color: #D66C68;
  border: 1px solid;
  background-position: 10px 12px;
  background-repeat: no-repeat;
  margin-bottom: 4px;
  padding: 12px;
  padding-left: 36px;
}

em.notice {
  background-image: url('../../../../../../../typo3/sysext/t3skin/icons/gfx/information.png');
  background-position: 2px 2px;
  background-repeat: no-repeat;
}

#buchungsformular input.error, #askForm input.error, #askForm textarea.error {
  padding: 3px;
  background-position-y: 2px;
  background-position-x: 99%;
  background-position: 99% 2px;
}

.red {
  color: #AA0225;
}

.smallDates {
  font-size: 0.8em;
}

#calendarwidget .ui-state-active {
  border: 0;
}

#calendarwidget .ui-state-active a, #calendarwidget .ui-state-active a:link, #calendarwidget .ui-state-active a:visited {
  text-decoration: none;
  color: #fff;
  background: #D66C68;
  border-color: #AA0225;
}

div.growlUI h1, div.growlUI h2 {
  padding: 5px 5px 5px 35px;
  text-align: left;
  color: #000;
}

div.growlUI h1 {
  margin: 0;
  font-size: 12px;
  font-weight: bold;
}

div.growlUI h2 {
  font-size: 11px;
  margin: 0;
}

.hide {
  display: none;
}

/* Rating */
div.rating {
  width: 65px;
  height: 13px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

div.star {
  width: 13px;
  height: 13px;
  float: left;
  background: url(/rating/punkte_css.gif) no-repeat 0 0px;
}

div.rating1 {
  background-position: 0 -130px;
}

div.rating0, div.rating10 {
  background-position: 0 0px;
}

div.rating11 {
  background-position: 0 -13px;
}

div.rating12 {
  background-position: 0 -26px;
}

div.rating13 {
  background-position: 0 -39px;
}

div.rating14 {
  background-position: 0 -52px;
}

div.rating15 {
  background-position: 0 -65px;
}

div.rating16 {
  background-position: 0 -78px;
}

div.rating17 {
  background-position: 0 -91px;
}

div.rating18 {
  background-position: 0 -104px;
}

div.rating19 {
  background-position: 0 -117px;
}

.singleRating {
  padding: 10px !important;
}

button.remove {
  margin-left: 7px;
}

/* Angebotsdarstellung */
#bookingForm {
  position: relative;
}

#bookingForm .inline {
  margin-top: 20px;
}

#angebotsbeschreibung {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

#angebotsbeschreibung .ui-border-bottom {
  margin-bottom: 20px;
  margin-top: 10px;
}

#wrapper {
  width: 740px;
  height: 600px;
  position: relative;
}

#angebotsbeschreibung, #ask, #buchungsformular, #confirm, #create {
  border: 1px solid #CCC;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #FAFAFA;
  padding: 1em 1.4em;
}

#ask {
  font-size: 1em;
}

#ask p {
  padding-left: 1%;
}

#angebotsbeschreibung {
  font-size: 1em;
}

#angebotsbeschreibung h2, #ask h2, #buchungsformular h2 {
  text-transform: uppercase;
  color: #990000;

}

#wrapper #ask, #wrapper #buchungsformular {
  display: none;
}

H2 {
  font-size: 1.2em;
}

#headertabs ul.ui-tabs-nav {
  padding: 0px;
}

#headertabs .ui-tabs-active {
  margin-bottom: -5px;
  margin-top: -4px;
  padding-bottom: 2px;
  padding-top: 4px;
}

#buchungsformular {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

#buchungsformular .ui-selectmenu {
  padding-bottom: 0.2em;
  /*margin-left: 0.4em;*/
  height: 2em;
  margin-bottom: 0.4em;
}

.ui-selectmenu-menu li {
  font-size: 0.7em;
}

.ui-selectmenu-menu li .ui-selectmenu-item-header {
  font-weight: bold;
}

.ui-selectmenu-menu li .ui-selectmenu-item-content {
  font-weight: normal;
  font-size: .9em;
}

#buchungsformular .addRoom {
  /*margin-left: 0.4em;*/
  margin-top: 5px;
}

.apartmentChoose .addRoom {
  margin-top: 5px;
}

#buchungsformular .kleingrau {
  color: #666;
  font-size: 10px;
}

#buchungsformular div#tabs H2 {
  color: #000;
  font-weight: bold;
  background-color: #FFDECB;
  padding: 0.5em;
}

#buchungsformular #leistungen {
  height: 105px;
  overflow: auto;
  border-left: #CCC solid 1px;
  background-color: #F8F8F8;
}

#packages {
  width: 100%;
}

#buchungsformular #calendar-widget td {
  font-size: 1em;
}

#calendar-widget .ui-state-default, #calendar-widget .ui-widget-content .ui-state-default, #calendar-widget .ui-widget-header .ui-state-default {
  background: none;
}

table.legend {
  padding-left: 0;
}

#packages .hasDatepicker td.ui-state-calhover a.ui-state-default,
#packages .hasDatepicker td.ui-state-calhover span.ui-state-default,
#buchungsformular #calendar-widget td.ui-state-calhover a.ui-state-default,
#buchungsformular #calendar-widget td.ui-state-calhover span.ui-state-default,
#packages .hasDatepicker td.ui-state-selected,
#packages .hasDatepicker td.ui-state-selected a.ui-state-default,
#packages .hasDatepicker td.ui-state-selected span.ui-state-default,
#buchungsformular #calendar-widget td.ui-state-selected,
#buchungsformular #calendar-widget td.ui-state-selected a.ui-state-default
#buchungsformular #calendar-widget td.ui-state-selected span.ui-state-default {
  background: #FEC600 !important;
  opacity: 1;
  filter: Alpha(Opacity=1);
}

#packages .hasDatepicker td.ui-state-calhover-last,
#packages .hasDatepicker td.ui-state-calhover-last .ui-state-default,
#buchungsformular #calendar-widget td.ui-state-calhover-last .ui-state-default,
#packages .hasDatepicker td.ui-state-selected-last,
#packages .hasDatepicker td.ui-state-selected-last .ui-state-default,
#buchungsformular #calendar-widget td.ui-state-selected-last,
#buchungsformular .ui-state-selected-last .ui-state-default {
  /* Fallback for web browsers that doesn't support RGBa */
  background: #FDE58F !important;
  border: 1px solid #D66C68;
}

#packages .hasDatepicker td.ui-state-selected-last,
#packages .hasDatepicker td.ui-state-selected-last a.ui-state-default,
#packages .hasDatepicker td.ui-state-selected-last span.ui-state-default,
#buchungsformular #calendar-widget a.ui-state-selected-last,
#buchungsformular #calendar-widget td.ui-state-selected-last,
#buchungsformular #calendar-widget td.ui-state-selected-last a.ui-state-default {
  opacity: 1;
  filter: Alpha(Opacity=1);
}

#packages .hasDatepicker td.ui-state-calhover-last,
#buchungsformular #calendar-widget td.ui-state-calhover-last,
#packages .hasDatepicker td.ui-state-selected-last,
#buchungsformular #calendar-widget td.ui-state-selected-last {
  border: 0px;
}

/* Booked */
.ui-state-booked .ui-state-default,
#packages .hasDatepicker td.ui-state-calhover-last.ui-state-booked.ui-state-disabled span.ui-state-default,
#buchungsformular #calendar-widget td.ui-state-calhover-last.ui-state-booked.ui-state-disabled span.ui-state-default {
  text-decoration: line-through;
  background: #D66C68 !important;
  border-color: #AA0225 !important;
  color: #ffffff;
}

div.tableRow div.img img {
  cursor: pointer;
}

a.bewertung {
  cursor: pointer;
}

a.bewertung:hover {
  color: #FF8000 !important;
}

/* end booked */

#newPackageDate {
  margin-top: 20px
}

.gross {
  font-size: 16px;
  font-weight: bold;
}

.grossrot {
  color: #C00;
  font-size: 16px;
  font-weight: bold;
}

div.row {
  clear: both;
  padding: 0.2em;
}

td.cell1, td.cell2, td.cell3 {
  vertical-align: top;
  margin-bottom: 5px;
}

td.cell1 table {
  padding-left: 10px;
}

td.cell1 {
  width: 40%;
}

td.cell3 {
  width: 60%;
}

.cell1 {
  padding-left: 1%;
  padding-right: 1%;
}

div.cell2 {
  padding: 0 5px 0 5px;
  margin: 0;

  font-size: 12px;
}

label {
  font-size: 11px;
}

.cell2, .cell2 td {
  font-size: 12px;
}

.cell2 {
  padding: 0 5px 0 5px;
  margin: 0;
}

.cell2 ul {
  padding-left: 15px;
}

.cell2 li {
  font-size: 12px;
}

#packageproperties .cell2 .bodytext {
  padding-left: 0px;
  color: #999;
}

#apartments #inline_content {
  padding: 10px 20px;
}

#additionalService .cell2, #wellnessService .cell2, .customerDiv .cell2, #confirm .cell2, #create .cell2, #ask .cell2 {
  margin: 20px;
  margin-bottom: 40px;
  padding: 10px 20px;
}

#dateandroom .cell2, #packageproperties .cell2 {
  margin: 0 10px 0 10px;
  padding: 0 10px 10px 10px;
}

div.cell3 div.row {
  height: 25px;
  padding-top: 3px;
}

div.cell3 div#slider, div.cell3 div#slider div {
  padding-top: 0px;
  font-size: 0.9em;
}

div#slider, div.slider {
  top: 8px;
  margin-left: 10px;
}

td div#slider, td div.slider {
  top: 0;
}

div#nightButton, div.nightButton {
  font-size: 1em;
  float: left;
  width: 12%;
  height: 25px;
}

div#nightSlider, div.nightSlider {
  font-size: 1em;
  float: left;
  width: 88%;
  height: 25px;
  margin-top: auto;
}

td#nightButton, td.nightButton {
  float: left;
  width: 12%;
  height: 25px;
}

td#nightSlider {
  float: left;
  width: 88%;
  height: 25px;
  margin-top: auto;
}

td.nightSlider {
  width: 80%;
  height: 25px;
  margin-top: auto;
}

div.fullPrice div.cell1, tr.fullPrice td.cell1 {
  padding-bottom: 5px;
  height: 30px;
  margin: 20px;
}

tr.fullPrice td.cell1 {
  border-right: 0px;
}

div.fullPrice div.cell2, tr.fullPrice td.cell2 {
  border-left: 0px;
  width: 55%;
  text-align: right;
  height: 30px;
  padding: 0px 5px 0px 5px;
}

div.fullPrice h2, tr.fullPrice h2 {
  color: #003366;
  float: left;
  margin: 0;
  padding: 0.5em;
  width: 47%;
}

.scrollable {
  display: block;
  overflow: auto;
  max-height: 250px;
  overflow-y: auto;

  font-size: 11px;
}

div.scrollable table td {
  padding: 1px;

  font-size: 11px;
}

div.scrollable table {
  width: 100%;
}

td.buttonset {
  position: relative;
}

.partheadline {
  color: #990000 !important;
  font-size: 14px;
  font-weight: normal;
  padding: 5px 10px;
}

.subpartheadline {
  border-bottom: 1px dotted;
  background: none;
  color: #990000 !important;
  border-radius: 0;
  font-size: 14px;
  font-weight: normal;
  padding: 2px 10px;
}

input[type=submit], span.activate, a.activate {
  border: 1px solid #C00 !important;
  background: #C00 !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: bold;
  line-height: 1.4em;
  padding-left: 1.4em;
  padding-right: 1.4em;
}

span.activate.small, a.activate.small {
  font-size: 13px !important;
}

span.activate:hover, a.activate:hover, button.activate:hover {
  background: #ec6e00 !important;
}

input[type=submit].ui-state-hover, span.activate.ui-state-hover, a.activate.ui-state-hover {
  border: 1px solid #ec6e00 !important;
  background: #ec6e00 !important;
  color: #ffffff !important;
}

span.close, a.close {
  background: #C00 !important;
  color: #ffffff !important;
  margin-bottom: 1px;
  padding: 0 7px !important;
}

span.close.ui-state-hover, a.close.ui-state-hover {
  background: #ec6e00 !important;
  color: #ffffff !important;
}

a.close span.ui-button-text {
  padding: 2px;
  font-size:14px;
}

.close
{
	opacity: .8  !important;
}

div.buttonAction {
  text-align: center;
}

iframe.auto-resize {
  overflow: hidden;
  border: none;
}

iframe::-webkit-scrollbar {
  display: none;
}

div.calcPrice h2, span.calcPrice {
  color: #cc0000 !important;
  font-weight: bold;
}

div#calcPriceAfterApartment div.fullPrice {
  height: 45px;
}

div#calcPriceAfterApartment .cell2 {
  padding: 10px;
}

div#calcPriceAfterApartment .cell2 h2 {
  float: left;
}

div#calcPriceAfterApartment .cell2 .calcPrice {
  float: right;
}

div#calcPriceAfterApartment div.fullPrice h2 {
  padding: 3%;
  width: 43%;
}

div#calcPriceAfterApartment h3 {
  text-align: left;
  text-transform: uppercase;
  color: #990000;
  text-decoration: none;
}

div.calcPrice {
  text-align: right;
}

.ui-dialog {
  font-size: 0.8em;
  z-index: 9999;
}

div.dialog_iframe {
  background: #FFFFFF;
}

.dialog_iframe .ui-dialog-titlebar-close .ui-icon {
  margin-top: -8px;
  margin-left: -8px;
}

.dialog_iframe .ui-dialog-titlebar-close {
  width: 18px;
  height: 18px;
  margin-top: -9px;
}

.dialog_iframe .ui-dialog-titlebar {
  font-size: 9px;
}

/* searchForm */
ul.sortmenu {
  display: inline;
  width: 100%;
}

ul.sortmenu li.header {
  margin-left: 3px;
  padding: 1px 3px 1px 3px;
  position: relative;
  display: inline;
  list-style: none;
  font-size: 10px !important;
}

li.sorted, li.sorted-desc {
  color: #cc0000;
}

.initHeight {
  height: 350px;
}

form#searchForm fieldset, form#searchFormPost fieldset {
  margin-bottom: 10px;
}

form#searchForm legend, form#searchFormPost legend {
  padding: 0 2px;
  font-weight: bold;
}

form#searchForm label, form#searchFormPost label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}

form#searchForm fieldset ol, form#searchFormPost fieldset ol {
  margin: 0;
  padding: 0;
}

form#searchForm fieldset li, form#searchFormPost fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}

form#searchForm fieldset fieldset, form#searchFormPost fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}

form#searchForm fieldset fieldset legend, form#searchFormPost fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}

form#searchForm fieldset fieldset label, form#searchFormPost fieldset fieldset label {
  display: block;
  width: auto;
}

form#searchForm em, form#searchFormPost em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}

form#searchForm label, form#searchFormPost label {
  width: 120px; /* Width of labels */
}

form#searchForm fieldset fieldset label, form#searchFormPost fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}

form#searchForm select, form#searchFormPost select {
  width: 180px;
  font-size: 14px;
  height: 27px;
  padding: 4px 4px 4px 8px;
  border: 1px solid #CCC;
  color: #333;
  font-family: Arial, Arial, sans-serif;
}

#left form#searchForm select {
  margin-top: 2px;
}

#searchFormWrapper {
  height: 50px;
  margin-top: 3px;
}

#searchFormWrapper form {
  margin-top: 6px;
  padding-left: 10px;
}

/*
 * grid.css
 */
/*
Functional
*/
.ui-grid .ui-grid-body {
  overflow: hidden;
  background: #fff none;
}

.ui-grid ins {
  background-image: url("../jstree/d.png");
  background-repeat: no-repeat;
  background-color: transparent;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  cursor: pointer;
  vertical-align: top;
  float: left;
}

.ui-grid span.number {
  line-height: 18px;
}

.ui-grid ins.closed {
  background-position: 0 0;
}

.ui-grid ins.open {
  background-position: -18px 0;
}

.ui-grid .ui-grid-head-table,
.ui-grid .ui-grid-body-table,
.ui-grid .ui-grid-foot-table {
  border-collapse: collapse;
  width: 100%;
}

.ui-grid .ui-grid-head-table th, .ui-grid .ui-grid-head-table td,
.ui-grid .ui-grid-body-table th, .ui-grid .ui-grid-body-table td,
.ui-grid .ui-grid-foot-table th, .ui-grid .ui-grid-foot-table td {
  /*overflow: hidden;
  white-space: nowrap;*/
}

/*
.ui-grid .ui-grid-body-table td {
    height: 80px;
}
*/
.ui-grid .ui-grid-body-table td.mini {
  padding-top: 50px;
}

.ui-grid .ui-grid-body-table td.mini div.ui-border-bottom {
  border-bottom: 1px solid #ebe7e4;
}

/*
Presentational
*/
.ui-grid .ui-grid-head caption {
  padding: 0.4em;
  border-top-width: 0;
}

.ui-grid .ui-grid-head {
  border: 0px !important;
  border-bottom-width: 0;
}

.ui-grid .ui-grid-head,
.ui-grid .ui-grid-foot {
  border-left-width: 0;
  background: none;
}

.ui-grid .ui-grid-foot {
  border-top-width: 0;
}

.ui-grid .ui-grid-head-table,
.ui-grid .ui-grid-foot-table {
  border: none;
  font-size: 11px;
}

.ui-grid .ui-grid-head tr,
.ui-grid .ui-grid-foot tr {
  border-left-width: 0;
  border-right-width: 0;
}

.ui-grid .ui-grid-head th, .ui-grid .ui-grid-head td,
.ui-grid .ui-grid-foot th, .ui-grid .ui-grid-foot td {
  border-right-width: 0;
  border-bottom-width: 0;
}

.ui-grid .ui-grid-body {
  border: 0;
}

.ui-grid .ui-grid-body tr {
  height: 2em;
  border-top-width: 0;
  border-left-width: 0;
  border-right-width: 0;
}

.ui-grid .ui-grid-body td {
  border-top-width: 0;
  border-right-width: 0;
  background: none;
}

.ui-grid th, .ui-grid td {
}

.ui-grid .ui-grid-foot {
  border-top-width: 0;
}

.ui-grid .ui-grid-body {
  background-image: none;
}

.ui-grid tr.ui-state-default,
.ui-grid td.ui-state-default {
  background-image: none;
}

.ui-grid-resizable .ui-resizable-se {
  width: 17px;
  height: 17px;
  bottom: -4px;
  right: -2px;
}

.ui-grid-resizable .ui-resizable-s {
  width: auto;
  bottom: -7px;
  right: 16px;
}

.ui-grid-resizable .ui-resizable-e {
  height: auto;
  bottom: 10px;
}

/* specific for sort extension */
.ui-grid ul.sortmenu li.header {
  cursor: default;
}

.ui-grid ul.sortmenu li.header .ui-icon-asc, .ui-grid ul.sortmenu li.header .ui-icon-desc {
  visibility: hidden;
  display: inline-block;
  height: 12px;
}

.ui-grid ul.sortmenu li.header .ui-icon-desc {
  margin-left: -17px;
}

.ui-grid ul.sortmenu li.sorted .ui-icon-asc {
  visibility: visible;
}

.ui-grid ul.sortmenu li.sorted-desc .ui-icon-desc {
  visibility: visible;
}

.ui-grid tfoot td {
  text-align: center;
}

.ui-grid .ui-grid-body-table span.price {
  	font-size: 16px;
  	line-height: 30px;
  	font-weight: bold;
	margin:10px 0 0 0 !important;	
}

.ui-grid .ui-grid-body-table span.note, .ui-grid .ui-grid-body-table span.note p {
  color: #999999;
}

p.anreistag {
  color: #999999;
  font-size: 12px;
}

.ui-grid .ui-grid-body-table h3.listHeader {
  margin: 0;
  text-transform: uppercase;
  font-size: 18px;
  margin-bottom: 4px;
}

div.pager {
  text-align: center;
}

.pager
{margin: 10px 0 !important;
font-size:14px}

/* Tooltip */
.tooltip {
  font-size: 0.7em;
  color: #003366;
  font-family: Verdana, Arial, sans-serif;
}

/* headless styles */
#headless {
  padding: 1em 1.4em;
}

#headless h1,
#headless h2,
#headless h4,
#headless h3,
.wellnesshead h1,
.wellnesshead h2,
.wellnesshead h3,
.wellnesshead h4 {
  padding: 0;
  margin: 7px 0;
  color: #990000;
}

.wellnesshead {
  padding-left: 1%;
  padding-right: 1%;
  padding-bottom: 30px;
}

.wellnesshead .note {
  font-size: 14px !important;
  color: #777;
  line-height: 20px !important;
}

.wellnesshead h1 {
  text-transform: uppercase;
  font-weight: bolder;
  margin-bottom: 5px;
}

.wellnesshead h2 {
  text-transform: none;
  font-weight: normal;
  font-size: 1.5em;
  margin-top: 0;
}

.wellnesshead a, .wellnesshead a:visited {
  text-decoration: none;
  color: #c00;
}

.wellnesshead a:hover {
  color: #FF8000;
}

.wellnesshead img {
  border: none;
}

#buchungsformular #newPackageDate {
  margin-bottom: 10px;
}

#headless h2, #headless h3 {
  text-transform: uppercase;
  color: #990000;
}

#headless span.note .bodytext, #buchungsformular span.note .bodytext {
  color: #999;
  font-size: 11px;
  margin-bottom: 0px;
  margin-top: 0px;
  line-height: 14px;
}
#buchungsformular #newPackageDate span.note {
  display: block;
  color: #990000;
  line-height: 1.3em;
  font-size: 16px;
}

span.deactivated {
  color: #cccccc;
}

.cell2 .bodytext .ui-state-default {
  background: #fff none;
  font-weight: normal;
  border: 1px solid #990000;
  color: #990000;
}

#headless .cell2 ul li {
  font-size: 11px;
}

.tooltip1 {
  font-size: 9px;
  color: #003366;
  font-family: Verdana, Arial, sans-serif;
}

ul.apartmentInfo {
  width: 500px;
  padding-left: 0px;
}

ul.apartmentInfo li {
  margin-left: 3px;
  padding: 2px 3px 2px 3px;
  position: relative;
  display: inline;
  list-style: none;
  white-space: nowrap;
  line-height: 25px;
}

.zimmerpreise {
  width: 100%;
  margin: 0px;
}

.zimmerpreise ul {
  margin-top: 0px;
}

.zimmerpreise H3 {
  margin: 0 0 10px 0;
}

.zimmerpreise .ui-border-bottom {
  clear: both;
  margin-bottom: 20px;
}

.zimmerpreise li {
  padding-bottom: 10px;
  list-style: none;
}

.zimmerpreise li ul li {
  padding-bottom: 0px;
  list-style: disc;
}

.zimmerpreise .ui-state-default.cell2 td {
  font-size: 12px;
  line-height: 16px;
}

#angebotsbeschreibung .zimmerpreise li div.ui-border-bottom {
  margin: 0;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 0;
}

#packages .zimmerpreise .activate {
  font-size: 11px;
}

#packages .zimmerpreise li div.ui-border-bottom {
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 0;
}

.zimmerpreise li table {
  width: 100%;
}

.zimmerpreise li table td {
  color: #990000;
}

#packages h3 {
  padding: 0;
  margin: 5px 0 3px 0;
  color: #990000;
}

#packages div.inline .ui-tabs {
  margin-top: 30px;
}

#packages div.inline div.ui-tabs {
  margin-top: 40px;
}

#packages .ui-tabs-nav {
  border-radius: 0;
  border: 0px;
  background: none;
  border-bottom: 1px solid #24607a;
  padding: .2em .2em 0 0;
  margin-top: -32px;
}

#packages .ui-tabs-nav li.close {
  border-radius: 0;
  border: 0px;
  background: none;
  float: right;
}

#packages div.tableRow {
  padding: 40px 10px 0px 10px;
  padding: 30px 10px 30px 10px;
  margin-bottom: 20px;
  margin-top: 20px;
  border: 1px solid #CCC;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #FAFAFA;
}

#packages div.tableRow div.inline {
  clear: both;
  padding-top: 1px;
}

#packages div.tableRow div.space {
  clear: both;
  padding-top: 39px;
}

.ui-border-bottom {
  border-bottom: 1px solid #ebe7e4;
}

#packages .inline .ui-widget-content {
  background: none;
}

#packages .inline .comment {
  padding-bottom: 10px;
}

#packages .ui-tabs-panel {
  min-height: 70px;
  padding-top: 20px;
}

#packages .hasDatepicker td {
  font-size: 1em;
}

#packages .hasDatepicker {
  font-size: 1.5em;
}

div#buchungsformular .hasDatepicker {
  font-size: 1.3em;
}

#packages div.img {
  float: left;
  width: 35%;
}

#packages div.desc {
  width: 65%;
  float: left;
}

#packages div.desc .buttonset {
  padding-top: 20px;
}

#packages div.desc .buttonset a {
  font-size: 16px;
}

#packages div.included, #packages div.included h3 {
  font-size: 13px;
}

#packages div.included ul {
  list-style-type: square;
}

#packages .desc span.note {
  font-size: 14px;
  line-height: 18px;
  color: #069;
}

#packages .desc span.listSmaller {
  font-size: 11px;
  display: block;
  margin-bottom: 2px;
  color: #777;
}

div.apartmentChoose {
  width: 55%;
  float: left;

  font-size: 14px;
}

div.apartmentChoose h2 {
  margin: 0;
}

#packages select.apartment {
  border: medium none;
  color: #333333;
  font-family: Arial;
  background: #FEF8F1 url(images/ui-bg_flat_100_FEF8F1_40x100.png) 50% 50% repeat-x;
  border: 1px solid #C8DDEE;
  margin: auto;
  padding: 4px 4px 4px 8px;
}

#ui-id-1 {
    max-width: 390px !important;
}

#rubrikenseiten #packages h2 {
  background-url: none;
  margin: 5px 0;
  padding: 5px 5px 0;
  font-weight: bold;
}

#rubrikenseiten .partheadline {
  color: #990000 !important;
  border: 0;
}

#rubrikenseiten .subpartheadline {
  border: 0;
}

#packages div.apartmentChoose a.activate span {
  font-size: 14px !important;
}

#packages .newPackageDate {
  margin-top: 20px;
}

#packages .newPackageDate span.note {
  display: block;
  font-size: 13px;
  color: #990000;
}

div.ldatepicker {
  float: left;
  width: 45%;
}

.ldatepicker ul.two-column-content-container {
  width: 140px;
}

.ui-pointer {
  cursor: pointer;
}

.ui-pointer:hover {
  color: #FF8000
}

/*##################### Suchformular ###############*/
#searchForm, #searchFormPost {
  text-align: center;
  width: 785px;
  padding: 5px 0 5px 0;
  background-color: #F2FDDB;
  font-size: 14px;
  border: solid 1px #586E47;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

#searchFormPost select {
  width: 190px !important;
  font-size: 14px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding: 4px 4px 5px 8px;
  border: solid 1px #586E47;
  line-height: 18px !important;
!important;
  height: 28px;
}

#searchForm .suchknopf, #searchFormPost .suchknopf {
  -webkit-appearance: none;
  cursor: pointer;
  border: none !important;
  background: #C00 !important;
  color: #ffffff !important;
  font-size: 14px;
  padding: 3px !important;
  padding-top: 1px !important;
  text-align: center;
  width: 160px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  line-height: 14px;
  height: 28px !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin: 3px
}

#searchForm .suchknopf:hover, #searchFormPost .suchknopf:hover {
  background: #ec6e00 !important
}

a.directBooking {
  display: block;
  font-weight: normal;
}

a.directBooking:hover {
  cursor: pointer;
  color: #ec6e00;
}

div.social div.facebook, div.social div.google, div.social div.twitter, div.social div.share {
  float: left;
}

div.social div.share {
  width: 80px;
  text-transform: uppercase;
  color: #ebe7e4;
  margin-right: 10px;
  font-size: 15px;
  font-weight: bold;
}

div.social {
  margin-top: 30px;
  margin-left: 100px;
}

#arrivalDate, #arrivalDateSearch, #arrivalDateLatest, #region, #theme, #searchForm #nights, #searchFormPost #nights, #regions, #themes, #maxPrice {
  width: 190px !important;
  display: inline-block;
  height: 28px;
  padding: 2px 4px !important;
  margin-bottom: 3px !important;
  font-size: 14px;
  line-height: 22px !important;
  color: #000 !important;;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  cursor: pointer;
}

#arrivalDate, #arrivalDateSearch, #arrivalDateLatest {
  background: #fff url('/typo3conf/ext/wellness/Resources/Public/Icons/tx_wellness_domain_model_date.gif') no-repeat 167px;
}

#navi #arrivalDate, #navi #arrivalDateLatest {
  width: 167px !important;
  background: #fff url('/typo3conf/ext/wellness/Resources/Public/Icons/tx_wellness_domain_model_date.gif') no-repeat 157px;
  margin: auto;
}

#navi .klein {
  text-align: left;
  width: 177px;
  display: inline-block;
}

#searchForm .klein, #searchFormPost .klein {
  padding-left: 5px;
}

#meldung {
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #FAFAFA;
  width: 250px;
  margin-left: -125px;
  margin-top: -150px;
  border: 1px solid #CCC;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;;
  display: none;
  text-align: center;
  padding: 20px;
  z-index: 110;
}

#fadeOut {
  opacity: 0.5;
  background-color: #FAFAFA;
  width: 100%;
  height: 100%;
  z-index: 100;
  top: 0;
  left: 0;
  position: fixed;
}

/* Apartment Booked */
.ui-state-apartmentBooked .ui-state-default,
#packages .hasDatepicker td.ui-state-calhover-last.ui-state-apartmentBooked.ui-state-disabled span.ui-state-default,
#buchungsformular #calendar-widget td.ui-state-calhover-last.ui-state-apartmentBooked.ui-state-disabled span.ui-state-default {
  border-color: #FDE58F !important;
}

#voucherForm #calcPriceAfterApartment h3 {
  margin: 0;
  text-transform: none;
}

#buchungsformular .gutscheintext-oben {
  margin-top: 10px !important;
  font-size: 12px;
}

/* fix row at least in booking and voucher form */
#buchungsformular .row, #buchungsformular div.row {
  margin: 0;
}

/* Gutscheinbestellung */

#voucherForm .ui-selectmenu {
  margin-left: 0;
  height: 32px;
}

#voucherForm {
  font-size: 1.3em;
}
#voucherForm h2 {
  font-size: 1em;
}

#voucherForm #season-button {
	max-width:370px !important;
}

.form-control.error {
  color: #AA0225;
  background-image: url('../../../../../../../typo3/sysext/t3skin/icons/gfx/error.png');
  border-color: #D66C68;
  border: 1px solid;
  background-repeat: no-repeat;
  margin-bottom: 4px;
  padding: 12px;
  padding-left: 36px;
}

/* override datepicker */
div#buchungsformular .hasDatepicker.boot {
  font-size: 1.6em;
}

.ui-selectmenu-open {
  font-size: 1.5em;
}

.angebotstabelle-hotelseiten td, .ratingtabelle-hotelseiten td
{padding: 2px}