body { 
	font-size:11px;
	font-family: Arial,Verdana,sans-serif;
	color:#4179a1;
	padding:0;
	margin:0;
}

.clear	{
	clear:both;
}

body div#body{
	padding:0;
	margin:0;
	height:100%;
	width:100%;
	overflow:hidden;
	background-color:white;
}

body body.small{
	width:160px;
}

body body.big{
	width:380px;
}


a {
	color:#4179a1;
	text-decoration:none;
}

div.header { padding:5px 5px 0px 5px; margin:0; overflow:hidden; width:100%; }
div.header p { margin:0px; padding:0 0 2px 0; font-weight: bold; }
div.header img.hht_logo { float:right; }
div.header ul {
	padding:0;
	margin:0;
}

div.header ul li {
	margin:0 0 2px 0;
	padding:0 0 0 14px;
	font-size:1em;
	list-style-type: none;
	background-image: url(../images/check.gif);
	background-repeat: no-repeat;
}

.big div.tabs #package div.teasers {
    position:absolute;
    bottom:10px;
}

.big div.tabs #hotel div.teasers {
    margin-top:3px;
}

.big div.tabs div.teasers div.teaser {
	background-color: #E8EEF6;
    border: medium none;
    font-size: 11px;
    overflow: hidden;
    padding: 3px 5px;
    position: relative;
}

.small div.tabs div.teasers div.teaser {
	background-color: #E8EEF6;
    border: medium none;
    font-size: 11px;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.small div.tabs #hotel div.teasers div.teaser div.teaser_content,
.small div.tabs #package div.teasers div.teaser div.teaser_content {
	padding:6px 5px;
}

.small div.tabs #ticket div.teasers div.teaser {
    background-color: #E8EEF6;
    border: medium none;
    font-size: 11px;
    margin: 6px 0;
    overflow: hidden;
    position: relative;
}

body.big div.tabs #package div.teasers div.teaser {
    background-color: #E8EEF6;
    border: medium none;
    float: left;
    font-size: 11px;
    height: 107px;
    margin: 0 0 0 10px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 113px;
}

body.big div.tabs #hotel div.teasers div.teaser {
    background-color: #E8EEF6;
    border: medium none;
    float: left;
    font-size: 11px;
    height: 107px;
    margin: 0 0 0 10px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 113px;
}

body.big div.tabs #package div.teasers div.teaser div.teaser_content,
body.big div.tabs #hotel div.teasers div.teaser div.teaser_content {
    padding: 7px 5px;
}

/*body.small div.tabs #package div.teasers div.teaser {
    background-color: #E8EEF6;
    border: medium none;
    float: left;
    font-size: 11px;
    height: auto;
    margin: 0 0 1px;
    overflow: hidden;
    padding: 7px 7px 0;
    position: relative;
    width: 100%;
}*/

body.big div.tabs #ticket div.teasers .teaser {
    background-color: #E8EEF6;
    float: left;
    height: 118px;
    margin: 10px 0 0px 10px;
    width: 174px;
    padding: 0;
	position:relative;
}

body.big div.tabs #ticket div.teasers .teaser div.teaser_content {
    padding: 10px;
}

/*.big div.tabs #hotel div.teasers div.teaser {
    background-color: transparent;
    border: medium none;
    float: left;
    font-size: 11px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 126px;
}*/

div.tabs #ticket div.teasers div.teaser h3 {
	font-size:11px;
	line-height:1;
	margin:0;
	padding:0;
}

div.tabs #ticket div.teasers div.teaser p{
	font-size:11px;
	line-height:1.2;
	margin:0;
	padding:0;
}

div.tabs #package div.teasers div.teaser h3, div.tabs #package div.teasers div.teaser p,
div.tabs #hotel div.teasers div.teaser h3, div.tabs #hotel div.teasers div.teaser p {
    font-size: 11px;
    line-height: 1;
    margin: 0 0 10px;
    padding: 0;
}

.big div.tabs #package div.teasers div.teaser h3,
.big div.tabs #hotel div.teasers div.teaser h3 {
    font-size: 11px;
    line-height: 1;
    margin: 0 0 3px;
    padding: 0;
}

.big div.tabs #package div.teasers div.teaser p,
.big div.tabs #hotel div.teasers div.teaser p {
    font-size: 11px;
    line-height: 1.2;
    margin: 0;
    padding: 0;
}

/*div.tabs #hotel div.teasers div.teaser h3, 
div.tabs #hotel div.teasers div.teaser p {
    font-size: 11px;
    line-height: 1;
    margin: 0;
    padding: 0 10px;
}*/

body.big div.tabs #package div.teasers div.teaser img {
    margin:0 20px 3px 0;
}

body.big div.tabs #hotel div.teasers div.teaser img {
    margin:0 20px 3px 0;
}

body.small div.tabs #package div.teasers div.teaser img {
    margin:0 10px 0 0;
}

div.tabs div.teasers div.teaser h3{
	font-weight:bold;
}

/*.big div.tabs #hotel div.teasers div.teaser h3 {
    background-color: #E8EEF6;
    font-weight: bold;
    height: 19px;
    line-height: 1.3;
    margin-bottom: 5px;
    margin-top: -2px;
    padding: 7px 10px 0;
}*/

.big div.tabs #ticket div.teasers div.teaser h3 {
    font-weight: bold;
    position: absolute;
    bottom: 10px;
    font-size: 11px;
	left:10px;
}

div.tabs #hotel div.teasers div.teaser img.teaser_image{
	float:left;
	margin: -3px 0px -3px 5px;
}

.small div.tabs #hotel div.teasers div.teaser img.teaser_image,
.small div.tabs #package div.teasers div.teaser img.teaser_image {
	float:right;
	margin: 0px 0px 0px 5px;
}

body.big div.tabs #ticket div.teasers div.teaser img.teaser_image {
    margin-right:10px;
    float: left;
}

body.small div.tabs #ticket div.teasers div.teaser img.teaser_image {
    float: left;
    margin: 0 10px -3px 0;
}

body.small div.tabs div.teasers div.teaser img.teaser_image {
    float: left;
    margin: 0 10px -3px 0;
}

div.tabs form {
	margin:5px 0 5px 0;
	padding:0;
	border:none;
	position:relative;
}

html>body.small div.tabs form fieldset {
    background-color: #E8EEF6;
    border: medium none;
    margin: 1px 5px;
    overflow: hidden;
    padding: 2px 5px;
    position: relative;
	height:24px;
}

body.small div.tabs form fieldset {
    background-color: #E8EEF6;
    border: medium none;
    margin: 1px 5px;
    overflow: hidden;
    padding: 2px 5px;
    position: relative;
	height:28px;
}

div.tabs form fieldset span label {
    display: block;
    float: left;
    font-weight: normal;
    padding: 2px 3px 3px 2px;
}

.small div.tabs form fieldset span label {
    display: block;
    float: left;
    font-weight: normal;
    padding: 2px 3px 3px 0;
}

div.tabs form fieldset label {
    display: block;
    float: left;
    font-weight: bold;
    left: 0;
    padding: 4px 20px 3px 2px;
}

div.tabs form fieldset input,
div.tabs form fieldset select {
	border: 1px solid #B0CEE8;
    color: #4179A1;
    font-size: 11px;
    height: 18px;
}

.small div.tabs form fieldset input,
.small div.tabs form fieldset select {
	float:right;
}

.small div.tabs form fieldset select#package_group {
	width:136px;
}

.small div.tabs form fieldset .formField{ width:136px; }
.small div.tabs form fieldset .formField {
    display: block;
    float: left;
    margin: 2px 0;
}

div.tabs form fieldset .formField {
    display: block;
    float: left;
    margin: 2px 0 2px 3px;
	width:auto;
}

div.tabs form fieldset .fieldGroup_left .formField {
    margin: 2px 0 2px 0px;
}

body.big div.tabs form fieldset.when div.fieldRow div.fieldGroup_left,
body.big div.tabs form fieldset.when div.fieldGroup_left ,
body.big div.tabs form fieldset.when div.fieldRow div.fieldGroup_right,
body.big div.tabs form fieldset.what div.fieldRow div.fieldGroup_left,
body.big div.tabs form fieldset.what div.fieldRow div.fieldGroup_right,
body.big div.tabs form fieldset.what div.fieldRow div.fieldGroup_right #formField_hotel_room_1_adults,
body.big div.tabs form fieldset.what div.fieldRow div.fieldGroup_right #formField_hotel_room_1_children,
body.big div.tabs form fieldset.how div.fieldRow div.fieldGroup_left,
body.big div.tabs form fieldset.how div.fieldRow div.fieldGroup_right,
body.big .ui-tabs form fieldset.when .fieldGroup_right {
    width: auto;
}

div.tabs form fieldset .formError label,
div.tabs form fieldset .formError input,
div.tabs form fieldset .formError select { color:red }

div.tabs form fieldset input.datepicker {
	width: 90px;
	background-image: url('../images/calendar.png');
	background-position: right top;
	background-repeat: no-repeat;
	border:1px solid #B0CEE8;
	padding: 2px;
	margin:0;
	height:20px;
	cursor:pointer;
}

div.tabs form fieldset div.fieldRow {
	overflow:hidden;
	margin:2px 0;
	padding:0;
	height:auto;
	width:287px;
}

div.tabs form fieldset div.fieldRowHidden{
	display:none;
}

div.tabs form fieldset div.fieldRow div.fieldGroup{
	overflow:hidden;
	margin:0;
	padding:0;
	float:left;
	width:auto;
}

div.tabs form fieldset div.fieldRow div.fieldGroup_right{
	float:right;
	width:auto;
	padding:0;
	margin:0;
}
/* jQuery UI Tabs 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; padding:0; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding:0; overflow:hidden; width:100%; position:relative; top:1px; z-index: 20; }
.small .ui-tabs .ui-tabs-nav li { 
	list-style: none; 
	float: left; position: 
	relative; top: 1px; 
	margin: 0; 
	border: 1px solid #B0CEE8; 
	padding: 0; 
	white-space: nowrap; 
	background-color:#dbe5f1; 
	border-radius: 5px 5px 0 0; 
	width:77px;
}

.big .ui-tabs .ui-tabs-nav li { 
	list-style: none; 
	float: left; position: 
	relative; top: 1px; 
	margin: 0; 
	border: 1px solid #B0CEE8; 
	padding: 0; 
	white-space: nowrap; 
	background-color:#dbe5f1; 
	border-radius: 5px 5px 0 0; 
	width:127px;
}

.big .ui-tabs .ui-tabs-nav li.ui-tabs-selected { 
	width:126px;
}

html>body.big .ui-tabs .ui-tabs-nav li { 
	width:125px;
}

html>body.big .ui-tabs .ui-tabs-nav li.ui-tabs-selected { 
	width:124px;
}

.ui-tabs .ui-tabs-nav li a { float: left; padding: .3em .5em; text-decoration: none; color:inherit; text-decoration: none; font-weight:bold;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; background-color:white; border-bottom:1px solid #fff;  }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border: 1px solid #B0CEE8; margin:0; background: none; border-top:none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

.ui-tabs .ui-tabs-nav li a {padding: 5px;}


/* adjustments  for hht */
.ui-tabs .ui-tabs-nav li a { background-image: none; background-repeat:no-repeat; padding: 5px 0px 5px 0px;  background-position: 4px 4px ; }
.big .ui-tabs .ui-tabs-nav li a span { padding-left:30px; }
.ui-tabs .ui-tabs-nav li a.ui-tabs-item-hotel   { background-image: url('../images/hotel.png'); }
.ui-tabs .ui-tabs-nav li a.ui-tabs-item-package { background-image: url('../images/package.png'); }
.ui-tabs .ui-tabs-nav li a.ui-tabs-item-ticket  { background-image: url('../images/ticket.png'); }

.ui-tabs .ui-tabs-nav a.ui-tabs-item-hotel {}
.ui-tabs .ui-tabs-nav a.ui-tabs-item-package {}
.ui-tabs .ui-tabs-nav a.ui-tabs-item-ticket {}

/* adjust tabs for small form */
body.small .ui-tabs .ui-tabs-nav li a { text-align: center; width:76px; font-weight:bold; font-size:0.9em;  background-position: 4px 4px ; padding: 5px 1px 5px 0px; }
body.small .ui-tabs .ui-tabs-nav li a.ui-tabs-item-hotel {    }
body.small .ui-tabs .ui-tabs-nav li a.ui-tabs-item-package {background-position: 0px 4px ;  }
body.small .ui-tabs .ui-tabs-nav li a.ui-tabs-item-ticket {    }
body.small .ui-tabs .ui-tabs-nav li a span {
    margin-left: 17px;
}
body.small .ui-tabs .ui-tabs-panel { width: 156px; height:172px; overflow:hidden; }
body.small .ui-tabs #ticket {
    height: 171px;
    overflow: hidden;
    padding-top: 1px;
    width: 156px;
}

body.small div.tabs form fieldset.arrival input.datepicker { width: 90px; }
body.small div.tabs form fieldset.arrival label,
body.small div.tabs form fieldset.departure label { width:40px;}

body.small div.tabs form fieldset.adults label,
body.small div.tabs form fieldset.nights label { width:83px; }

body.small div.tabs form fieldset.adults select,
body.small div.tabs form fieldset.nights select { width:auto; }

body.small div.tabs form fieldset.submit {
    background-color: white;
    padding: 5px 0 0 0;
    text-align: right;
}
body.small div.tabs form fieldset.submit input {
    border: medium none;
    float: right;
    height: auto;
}

body.small div.tabs div.teasers div.teaser {
	width:100%;
}

body.small div.tabs #ticket div.teasers div.teaser {
    padding: 7px 5px 10px;
}

body.small div.tabs #hotel div.teasers div.teaser h3,
body.small div.tabs #package div.teasers div.teaser h3 {
    float: left;
    margin: 0;
    padding: 0 10px 0 0;
    width: 50px;
}
body.small div.tabs #hotel div.teasers div.teaser p {
    float: right;
    font-size: 11px;
    margin: 0;
    padding: 0 0 3px 0;
    width: 86px;
}


/* adjust tabs for big form */
body.big .ui-tabs .ui-tabs-nav li a { text-align: center; width:124px; }
body.big .ui-tabs .ui-tabs-nav li a.ui-tabs-item-hotel   { background-position: 23px 4px; }
body.big .ui-tabs .ui-tabs-nav li a.ui-tabs-item-package { background-position: 14px 4px;}
body.big .ui-tabs .ui-tabs-nav li a.ui-tabs-item-ticket  { background-position: 23px 4px;}
body.big .ui-tabs .ui-tabs-panel {
    height: 270px;
    width: 380px;
	position:relative;	
	overflow:hidden;
}

html>body.big .ui-tabs .ui-tabs-panel {
  width:378px;       /*diesen Child-Selektor versteht der IE nicht und ignoriert ihn*/
  border-top: 1px solid #B0CEE8;
} 

.big div.tabs form fieldset {
    background-color: #E8EEF6;
    border: medium none;
    margin: 0 0 1px;
    overflow: hidden;
    padding: 4px 3px;
    position: relative;
}

body.big div.tabs form fieldset.submit { text-align:right; background-color:white; padding:2px 0; }
body.big div.tabs form fieldset.submit input {
    border: medium none;
    height: auto;
}

.big div.tabs form {
    border: medium none;
    margin: 0;
    padding: 10px 10px 0 10px;
    position: relative;
}

html>body.big .ui-tabs form fieldset.what,
html>body.big .ui-tabs form fieldset.when,
html>body.big .ui-tabs form fieldset.how {
	background-image:none; background-repeat:no-repeat; background-position:0 0;
	padding: 6px 0px 4px 65px;
}

body.big .ui-tabs form fieldset.what,
body.big .ui-tabs form fieldset.when,
body.big .ui-tabs form fieldset.how {
	background-image:none; background-repeat:no-repeat; background-position:0 0;
	padding: 7px 0px 5px 65px;
}

html>body.big .ui-tabs form#packageForm fieldset.what,
html>body.big .ui-tabs form#packageForm fieldset.when,
html>body.big .ui-tabs form#packageForm fieldset.how {
	padding: 8px 7px 7px 65px;
	height:23px;
}

body.big .ui-tabs form#packageForm fieldset.what,
body.big .ui-tabs form#packageForm fieldset.when,
body.big .ui-tabs form#packageForm fieldset.how {
	padding: 7px 7px 7px 65px;
	height:38px;
}

body.big .ui-tabs form.de fieldset.what { background-image: url(../images/question_was.png);  }
body.big .ui-tabs form.de fieldset.when { background-image: url(../images/question_wann.png); }
body.big .ui-tabs form.de fieldset.how  { background-image: url(../images/question_wie.png);  }

body.big .ui-tabs form.en fieldset.what { background-image: url(../images/question_what.png); }
body.big .ui-tabs form.en fieldset.when { background-image: url(../images/question_when.png); }
body.big .ui-tabs form.en fieldset.how  { background-image: url(../images/question_how.png);  }


body.big .ui-tabs form fieldset.what select {width:auto;}


body.big .ui-tabs form fieldset.what select#package_group, body.big .ui-tabs form fieldset.when select#package_nights {
    float: right;
}


body.big .ui-tabs form fieldset.when .fieldGroup_right {
    float: right;
}


/*
 * jQuery UI Datepicker 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: 156px; display: none; background-color:white; border: 1px solid #B0CEE8; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; background-color:#DBE5F1; color:#797774;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 2px 1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: 3px; text-align: center; font-weight: bold; border: 0; background-color: #B2CDE9; color: #797774; font-size:1.2em; }
.ui-datepicker td { border: 0; padding: 0; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker td span {color:grey;}
.ui-datepicker td a { color: #4179a1}
.ui-datepicker td.ui-datepicker-today a{ background-color:#E2001A;color:white; }
.ui-datepicker td a.ui-state-active,.ui-datepicker td a.ui-state-hover  { background-color:B2CDE9;color:#4179a1; }

/*
 
 border-bottom: 1px solid #C2D8EE;

*/

.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }


body.small #ui-datepicker-div {
	left:0px !important;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/* Einzelner Tab: */

body.big .ui-tabs .ui-tabs-single {
    border-top: 1px solid #B0CEE8;
    margin-top: 3px;
}