/*
 * **************************************************************
 *   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!
 * *************************************************************
 */





.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;
}
.two-column-content-container .column {
    padding: 2px;
    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;
}

.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:28px;
	line-height:36px;
    font-weight: normal;
}

div.tx-wellness h2{
    margin-top:0;
}

div.tx-wellness {
	margin-top:30px;
	margin-left: auto;
	margin-right: auto;
	line-height:1.3em;
	width:767px;
}
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;font-weight:normal;
}
#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('//www.wellnessurlaub-exklusiv.de/t3response/css/images/rating.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;margin-bottom: 6px;padding: 5px;float: right;}
/* Angebotsdarstellung */
#bookingForm {
    position:relative;
}
#bookingForm .inline{
    margin-top:20px;
}
#angebotsbeschreibung, #ask
{
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
#angebotsbeschreibung .ui-border-bottom {
    margin-bottom: 20px;
}
#wrapper {
    width: 740px;
    height: 600px;
    position: relative;
}
#angebotsbeschreibung, #ask, #buchungsformular, #confirm, #create
{padding:30px; border: 1px solid #DDD;
border-radius: 5px;
background: none repeat scroll 0% 0% #FBFBFB;}
#ask {font-size:1em;}
#ask p {padding-left:1%;}
#angebotsbeschreibung {font-size: 1em;}
#angebotsbeschreibung h2, #ask h2, #buchungsformular h2 {

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

.tx-wellness H2
{
    font-size: 1.2em;
}
#headertabs ul.ui-tabs-nav {
    padding: 0px;
}

#headertabs li
{font-size:16px}

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

#buchungsformular .ui-selectmenu {
    padding-bottom: 0.2em;

    height: 2.2em;
    margin-bottom: 10px;
	margin-top:-5px;
}
.ui-selectmenu-menu li {
    font-size: 1em;
}
.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;
}

.ui-selectmenu-menu-dropdown
{width:320px !important}

.ui-selectmenu
{max-width:100%}

#buchungsformular .addRoom {

}
#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:16px}

#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;
}
a.directBooking {
    display: block;
}
a.directBooking:hover {
    cursor: pointer;
    color: #ec6e00;
}
/* end booked */
#newPackageDate {
    margin-top:20px;
}


.gross
{
    font-size:16px;
    font-weight:bold;
}
.grossrot
{
    color:#C00;
    font-size:1.2em;
    font-weight:bold;
}
div.row {
    clear:both;

}
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{

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

    font-size:12px;
}
label{

}
.cell2, .cell2 td{
    font-size:12px;
	padding:2px;
}
.cell2 {
    padding:0 5px 0 5px;
    margin:0;
}
.cell2 ul{
    padding-left: 15px;
}
.cell2 li{
    font-size: 12px;
}

#packages .hotel{
    font-size:14px;color:#32679b
}

#packageproperties .cell2 .bodytext, #packageproperties .cell2 p, #packages .note p, #packages .note{
    padding-left: 0px;
	margin: 0;
	font-size:12px;
	color: #AD7B48 !important;
}

#apartments {
    margin: 0 !important;
}

#apartments #inline_content {
    padding: 10px;
}
#additionalService .cell2, #wellnessService .cell2, .customerDiv .cell2, #confirm .cell2, #create .cell2, #ask .cell2,
#additionalService .row, #wellnessService .row, .customerDiv .row, #confirm .row, #create .row, #ask .row{
    margin: 0;
    margin-bottom: 20px;
    padding: 10px 20px;
}
#dateandroom .cell2, #packageproperties .cell2 {
    margin: 0 10px 20px 10px;
    padding: 0 10px 10px 10px;
}

#additionalService table td, #wellnessService table td
{font-size:13px !important;margin:0 !important;padding:0 !important}

#additionalService label, #wellnessService label
{margin:3px }

#packageproperties
{margin:0 !important}

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 {
    width: 12%;
    height: 25px;
}
td#nightSlider {
    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: 40px;
    margin: 20px 0;
}
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: #C00;
    float: left;
    margin: 0;
    padding: 0.5em;
    width: 47%;
	font-size:18px;
	font-weight:bold
}
.scrollable {
    display:block;
    overflow:auto;
    max-height: 250px;
    overflow-y: auto;

    font-size:11px;
}
div.scrollable table td{
    padding: 1px;

    font-size:12px;
}
div.scrollable table {
    width: 100%;
}
td.buttonset {
    position: relative;
}
.partheadline {
    font-size: 14px;
    padding: 8px 10px !important;
}


#calcPriceAfterApartment .partheadline
{color: #990000 !important;}

.cell1 .ui-widget-header
{background:#f2fddb !important; background-image:none !important; border: 1px solid #449306;}

.subpartheadline {
    border-bottom: 1px dotted;
    background: none;
    color: #990000 !important;
    border-radius: 0;
    font-size: 14px;
    font-weight: normal;
    padding: 2px 10px;
}
#inhaltsbereich input[type=submit], span.activate, a.activate, .button {
	border:none !important;
    background: #C00 !important;
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: bold;
    line-height:1.4em;
    padding: 10px 20px !important;
	border-radius: 4px;
	white-space: nowrap;
	box-shadow: 0px 0px 5px grey;
}

.ui-button-text
{padding:0 !important}

span.activate:hover, a.activate:hover, .button.activate:hover, .button:hover  {
    background:#FF8000 !important;
	border:none !important
}

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

.addRoom
{padding: 5px !important; background:#C5C5C5 !important; font-size:12px !important;margin-top:5px}

span.close, a.close {
    background: #990000 !important;
    color: #ffffff !important;
    margin-bottom: 1px;
    padding: 0 7px !important;
	line-height: 1em;
}
span.close.ui-state-hover, a.close.ui-state-hover {
    background:#FF8000 !important;
    color: #ffffff !important;
}
a.close span.ui-button-text {
    padding: .4em 0;
}
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;
margin-left: 0;
width: 100%;
}
.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;
}
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 {
    margin-bottom: 10px;
}
form#searchForm legend {
    padding: 0 2px;
    font-weight: bold;
}
form#searchForm label {
    display: inline-block;
    line-height: 1.8;
    vertical-align: top;
}
form#searchForm fieldset ol {
    margin: 0;
    padding: 0;
}
form#searchForm fieldset li {
    list-style: none;
    padding: 5px;
    margin: 0;
}
form#searchForm fieldset fieldset {
    border: none;
    margin: 3px 0 0;
}
form#searchForm fieldset fieldset legend {
    padding: 0 0 5px;
    font-weight: normal;
}
form#searchForm fieldset fieldset label {
    display: block;
    width: auto;
}
form#searchForm em {
    font-weight: bold;
    font-style: normal;
    color: #f00;
}
form#searchForm label {
    width: 120px; /* Width of labels */
}
form#searchForm fieldset fieldset label {
    margin-left: 123px; /* Width plus 3 (html space) */
}

#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: none !important;
}
.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;
    font-weight:bold;
}
.ui-grid .ui-grid-body-table span.note, .ui-grid .ui-grid-body-table span.note p {

    font-size:12px;
}
p.anreistag {
    color:#999999;
    font-size:12px;
}
.ui-grid .ui-grid-body-table h3.listHeader {
    margin:0;
    font-size: 24px !important;
    margin-bottom: 4px;
}
div.pager {
    text-align: center;
}
/* 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;
	padding-top:20px;
}
.wellnesshead .note {
    font-size: 14px !important;
    color: #777;

    line-height:20px;
}
.wellnesshead h1 {
    text-transform: uppercase;
    font-weight: bolder;
    margin-bottom: 5px;
	text-align:left !important;
}
.wellnesshead h2 {
    text-transform: none;
    font-weight: normal;
    font-size: 1.5em;
    margin-top: 0;
}
.wellnesshead p, #ask .wellnesshead p{
    font-size:14px;
	line-height:20px;
	padding-left:0;
}
.wellnesshead img {
    border:none;
}

.wellnesshead a, .wellnesshead a:visited {
    text-decoration: none;
    color: #069;
	font-size:1.2em;
	line-height:2em;
}

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

#buchungsformular #newPackageDate {
    margin-bottom: 10px;
}
#buchungsformular #newPackageDate span.note {
    display: block;
    font-size:14px; line-height:20px;
    color: #C00;
	font-weight:bold;
}
#headless h2, #headless h3 {
    text-transform: uppercase;
    color: #990000;
}
#headless span.note .bodytext,#buchungsformular span.note .bodytext, #buchungsformular span.note {
    color: #777;
    font-size: 11px;
    margin-bottom: 0px;
    margin-top: 0px;
    line-height: 14px;
}
span.deactivated {
    color: #cccccc;
}
.cell2 .bodytext .ui-state-default{

    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 H3{
    margin:0 0 10px 0;
	font-size:18px !important
}


.zimmerpreise .ui-border-bottom {
    clear: both;
    margin-top: 20px;
    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;
}
#angebotsbeschreibung .zimmerpreise li div.ui-border-bottom {
    margin: 0;
    margin-bottom: 5px;
    margin-top: 5px;
    padding:0;
}

#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 15px 0;
	font-size:18px;
    color: #990000;
}
#packages div.inline .ui-tabs {
    margin-bottom: 20px;
}
#packages div.inline div.ui-tabs {
    margin-top: 40px;
}
#packages .ui-tabs-nav {
    border-radius: 0;
    border: 0px;
    background: none;
    padding: 0;
    margin-top: -36px;
	border-bottom:#C5C5C5 solid 1px;
}
#packages .ui-tabs-nav li{
    font-size:11px !important;
}

#packages .ui-tabs-nav li a{
    font-size:13px !important;
	padding: 0.5em 0.9em;
}
#packages .ui-tabs-nav li.close {
    border-radius: 0;
    border: 0px;
    background: none;
    float:right;
}
#packages div.tableRow

{
    padding: 30px 10px;
    margin-bottom: 20px;
    margin-top: 20px;
    border: 1px solid #C5C5C5;
    border-radius: 5px;
    background: #F6F6F6;
}

#packages div.tableRow .ui-border-bottom {
    border:none !important;
}


#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:none;
}
#packages .inline .ui-widget-content {
    background: none;
}
#packages .inline .comment {
    padding-bottom: 10px;
	width:100%;
}
#packages .ui-tabs-panel {
    min-height: 70px;
}
#packages .hasDatepicker td {
    font-size: 1em;
}
#packages .hasDatepicker {
    font-size: 1.5em;
}
div#buchungsformular .hasDatepicker {
    font-size: 1.3em;
}

.PersDaten
{margin-left:0;margin-right:0}

.PersDaten input
{margin-top:3px;margin-bottom:3px}
.Anmerkungen .form-control
{font-size:12px !important}

#packages div.img {
    float:left;
    width: 35%;
}
#packages div.desc {
    width: 65%;
    float: left;
}
#packages div.desc .buttonset{
    padding-top:30px;
}
#packages div.desc .buttonset a{
    font-size: 14px;
}
#packages div.included, #packages div.included h3 {
    font-size: 13px;
}
#packages div.included ul {
    list-style-type: square;

}
#packages div.included ul li{
	font-size: 12px !important;
}
#packages .desc span.note {
    font-size: 13px;
}
#packages .desc span.listSmaller {
    font-size: 11px;
    display: block;
    margin-bottom: 2px;
}
div.apartmentChoose {
    width: 50%;
    float: left;
	margin-top:20px;
	margin-left:20px;

    font-size:14px;
}
div.apartmentChoose .comment{
   font-size:12px;
}
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;
    width: 310px;
}
#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: 1.2em;
}

#packages .apartmentChoose button.button {
    margin-top: 10px;
}
#packages .newPackageDate {
    margin-top: 20px;
}
#packages .newPackageDate span.note {
    display: block;
    font-size:14px; line-height:20px;
    color: #990000;
}
div.ldatepicker {
    float:left;
    width: 45%;
	margin-top:20px;
}
.ldatepicker ul.two-column-content-container {
    width: 140px;
}
.ui-pointer {
    cursor: pointer;
}
#coninhalt {
    float:left;
}
/*##################### Suchformular ###############*/




/*##################### Suchergebnisliste ###############*/


#pager
{font-size:16px !important}

#pager .ui-button
{font-size: 14px !important;
width: 110px;
padding: 5px;}

#pager .ui-button-text-icon-primary
{text-align:right;}

#pager .ui-button-text-icon-secondary
{text-align:left;}

.pagerbutton
{font-size:20px !important;height:30px}

#searchResult p, #searchResult li
{font-size: 12px; line-height: 18px; color: #036;}

#searchResult .sortmenu li
{color: #990000;}

#searchResult .ui-widget-header a
{color: #32679b}

#searchResult div.apartmentChoose h2{
    margin-bottom:10px;
}

#searchResult .ui-widget-content, #searchResult .ui-state-active
{background:#FFF !important;}

#searchResult .ui-state-active a
{color:#C00 !important}

#searchResult .preisberechnenundbuchen
{margin-top:20px; text-align:center}

#searchResult .preisfarbe
{color:#C00; font-size:20px}

#searchResult .partheadline
{color:#990000 !important}

#searchResult .ui-datepicker
{font-size: .8em; !important}

#searchResult .apartmentChoose .ui-selectmenu-status, #searchResult .apartmentChoose a.ui-selectmenu
{width: 320px !important}

a.close
{background: #C00 !important;
color: #ffffff !important;
margin-bottom: 1px;
padding: 9px 10px !important;
opacity:1 !important;
}

.close
{opacity:1 !important;}

a.close:hover
{background:#FF8000 !important;}

.note-angebote
{font-size:11px; color:#C59D9D;line-height:16px}

/*##################### hotelinfo-seite (f�r die angebotsliste) ###############*/

#hotelinfo
{width:695px;}

#hotelinfo #bilder
{width: 695px; height: 150px; overflow: auto; line-height: 11px; margin:20px 0 10px 0;white-space: nowrap;}

#hotelinfo #bilder img {
margin: 0 0 0 6px;}

#hotelinfo h2 {
    color: #036; font-size:14px !important; margin-bottom:10px !important; margin-top:20px; font-weight:normal;line-height:24px}
	
#hotelinfo h3  {
    color: #036; font-size:14px !important; margin-bottom:6px !important; margin-top:20px; font-weight:bold}

#hotelinfo p, #hotelinfo a
{font-size:12px; line-height: 18px; margin-top:5px}

#hotelinfo a.button
{font-weight:bold}

#hotelinfo a:hover, a:hover, .rating-kommentare:hover
{color: #FF8000}

/*##################### hotelinfo-seite (f�r die angebotsliste) ###############*/

div.rating { width:65px;height:13px;margin:0;padding:0;overflow:hidden;}
div.star {width:13px;height:13px;float:left;background:url(/t3response/css/images/rating.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;}

.rating-kommentare
{color:#C00; text-transform:uppercase; font-weight:bold; text-decoration:none}

/*####################################*/


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

#buchungsformular .gutscheintext-oben a{
  font-size: 12px; !important;
  line-height:18px !important;
}


/* Gutscheinbestellung */


#voucherForm div.calcPrice {
	margin-bottom:10px;
}

#voucherForm .ui-selectmenu
{width: 400px !important}

/*###########Disclaimer Confirm#######################*/

.Disclaim a
{text-decoration:underline !important}


/* neu */
#searchResult span.closeButton {
    border: none !important;
    background: #C00 !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: bold;
    line-height: 1.4em;
    border-radius: 4px;
    padding: 8px 15px;
    cursor: pointer;
}

#searchResult span.closeButton:hover {
    background:#FF8000 !important;
}

/*##################### Suchergebnisliste Tabs neu ###############*/

.navold 
{background: none;
padding: 0;
border-bottom: #C5C5C5 solid 1px;
margin-bottom: 0;
height:36px;
}

.navold li
{list-style: none;
float: left;
position: relative;
top: 0;
margin: 0px 3px 0 0;
padding: 8px 13px;
white-space: nowrap;
border: 1px solid #586e47;
border-bottom: none;
background: #f2fddb;
font-weight:bold;
border-top-right-radius: 5px;
border-top-left-radius: 5px;}

.navold li.active
{border-bottom: 1px solid #FFF;
background: #FFF;}

.navold li.close
{border:none;
background:none;
float: right;
padding: 8px 0;}

.tab-pane
{padding-top:15px}