/*****************
  Buchungsmodul */

a#buchungsmodul_search_link {margin-bottom:5px; display:block;}
#content div#wrapper_details_journey {border: 1px solid #ddd; padding:10px; margin-bottom:15px;}
#content div#wraper_highlight_content {border: 1px solid #ddd; padding:10px; margin-bottom:15px; font-size:15px; font-weight:bold;}
#content div#wraper_highlight_content ul {padding:0; }
#content div#wraper_highlight_content ul li {margin-bottom:5px; }

div#journeyProgressBar {padding-left:20px;}
#content p.ui-state-error{ margin-top: 10px; margin-bottom: 10px;}
#content p.ui-state-highlight {padding:5px;}
#content form.buchungsmodul input.buchungsmodul_custom_submit {margin-top: 20px; margin-bottom: 10px; padding:0px 20px; clear:both; display:block;}
#content form#summary input.buchungsmodul_custom_submit {margin-top: 5px; margin-bottom: 20px; padding:0px 20px; clear:both; display:block;}

div#wrapper_search_forms ul.ui-widget-header {background: none; border:none;}
div#wrapper_search_forms ul#list_tabs {padding: 0px; display:none;}
div#wrapper_search_forms ul#list_tabs li {background: #fff; padding:0px; display: inline; }
div#wrapper_search_forms ul#list_tabs li.ui-state-default a {color: #bfbfbf; }
/*div#wrapper_search_forms ul#list_tabs li.ui-tabs-selected a {color: #679D04; }
div#wrapper_search_forms ul#list_tabs li a { color: #bfbfbf;} /* es gibt leider nur ui-tabs-selected auf den selektierten tab - darum m�ssen die union-styles per javascript gesetzt werden*/
div#wrapper_search_forms div.ui-tabs-panel {border: 1px solid #CDE89C; padding: 10px; margin-bottom:10px;}
div#wrapper_search_forms form.buchungsmodul fieldset label {width: 270px;}
div#wrapper_search_forms form.buchungsmodul fieldset input {width: 246px;}
#content p#info_journeys_alternatives {margin-bottom: 10px; margin-top: 10px;}

form.buchungsmodul select {width: 250px; float:left; }
form.buchungsmodul label {float:left; padding-left:3px; }
form.buchungsmodul fieldset input {border:1px solid #7f9db9; padding: 1px;}
form.buchungsmodul fieldset input:focus {background:#F7FCF6; border: 1px solid #9AE688; color: #333;}
form.buchungsmodul fieldset {margin-top: 3px;}
form.buchungsmodul input#input_date_start_city {background-image: url(/graphics/buchungsmodul/calendar_icon.png); background-repeat:no-repeat; background-position: right;}
form.buchungsmodul input#input_date_end_city {background-image: url(/graphics/buchungsmodul/calendar_icon.png); background-repeat:no-repeat; background-position: right;}
form.buchungsmodul input#input_date_start_cultural {background-image: url(/graphics/buchungsmodul/calendar_icon.png); background-repeat:no-repeat; background-position: right;}
form.buchungsmodul input#input_date_end_cultural {background-image: url(/graphics/buchungsmodul/calendar_icon.png); background-repeat:no-repeat; background-position: right;}

#content fieldset#booking_code_cultural {margin-top:15px; font-weight:bold;}
#content fieldset#booking_code_city {margin-top:15px; font-weight:bold;}

#content p.info_journey_details {margin:0px; padding: 0px 0px 0px; font-weight:bold; font-size: 15px;}
#content p.info_journey_details_icons {margin-top:3px; padding: 0px 0px 5px 0px; height: 20px;}
#content p.info_journey_details_icons img {border:none; margin-right:7px;}
#content div.booking_link p {padding:0px 0px 3px;}

form.buchungsmodul fieldset#extended_benefits label {display:block; width:auto; float:none;}
form.buchungsmodul fieldset#extended_benefits input {display:block; width:20px; float:left;}

form.buchungsmodul div.container_person_detail {border: 1px solid #ddd; padding: 1px; margin-bottom:20px; width: 330px; float:left; margin-right: 15px;}
form.buchungsmodul div.inner_container_person_detail {background: #fff url(/graphics/buchungsmodul/verlauf.jpg) bottom repeat-x; padding:15px; height: 160px;}
form.buchungsmodul div.container_person_detail input {}
form.buchungsmodul div.container_person_detail .radio_button {width: 16px; margin-right: 4px; margin-left: 10px;}
form.buchungsmodul div.container_person_detail .container_radio_buttons {margin-left: 74px; margin-bottom:5px;}
form.buchungsmodul div.container_person_detail .container_radio_buttons input {border:none}
form.buchungsmodul div.container_person_detail .name_field label {width: 85px;}
form.buchungsmodul div.container_person_detail .name_field input {width: 200px;}
form.buchungsmodul div.container_person_detail .name_field {margin-bottom:10px;}
*+html form.buchungsmodul div.container_person_detail input.is_child_checkbox {margin-left:82px; margin-right:5px; border:none;}
form.buchungsmodul div.container_person_detail input.is_child_checkbox {margin-left:85px; margin-right:5px; border:none;}
form.buchungsmodul div.container_person_detail .date_field label {width: 85px;}
form.buchungsmodul div.container_person_detail .date_field input {width: 200px;}

#content h3.hl_detail_person{ font-size: 14px; font-weight: bold; color: #0039A6; padding: 0 0 18px 0; }

form.buchungsmodul fieldset.date_of_birth_child input {background-image: url(/graphics/buchungsmodul/calendar_icon.png); background-repeat:no-repeat; background-position: right;}

form#detailPerson button#pruefen {display:block; clear:left;}
form.buchungsmodul button {}

#content form.buchungsmodul div.package_details_outer_container {border: 1px solid #ddd; margin-top: 10px; padding: 1px;}
#content form.buchungsmodul div.package_details_outer_container input {border: none;}
#content form.buchungsmodul div.package_details { padding:0px 8px 8px 8px; background: #fff url(/graphics/buchungsmodul/verlauf.jpg) bottom repeat-x; }
#content form.buchungsmodul div.package_details h3 {padding-bottom:3px; padding-top:8px;}
#content form.buchungsmodul div.package_details input { width:auto; clear:left; float:left; margin-right: 5px;}
#content form.buchungsmodul div.package_details label { width:auto;}
#content form.buchungsmodul div.package_details p { margin-top:5px;}
div.journey_inner_container { background: #fff url(/graphics/buchungsmodul/verlauf.jpg) bottom repeat-x; padding: 5px; width: 355px; height: 250px; overflow:auto;}
div.journey {  padding:1px; margin-bottom:10px; margin-right: 10px; float:left; border: 1px solid #ddd;}
div.service_allocation { border: 1px solid #eee; padding:5px; margin-top:5px;}
div#insurance { border: 1px solid #ddd; padding: 5px; margin-top:5px;}
#content div.journey div.container_journey_icon img {border:none; margin-right: 10px; padding-bottom:5px;}
#content div.journey div.container_journey_icon {margin-left: 10px; margin-top: 10px;}
div.journey div.container_journey_icon {clear: right;}
div.journey div.container_journey_text {clear: left;}
#content div.journey div.container_journey_text p {padding: 0px;}
#content div.journey div.container_journey_text p.search_result_date {margin-bottom:5px;}
#content div.journey div.container_journey_text p.search_results_details_link {margin-top:5px;}
#content div.journey div.container_journey_text p.search_results_price {font-weight:bold; margin-top:5px;}
#content div.journey h3.search_result_title { padding:5px 0px 5px 0px;}
#content div.journey h4.search_result_subtitle {padding: 0px; margin-left:10px; margin-bottom: 5px;}
#content div.journey div.container_journey_text p span.search_result_label {display: block; width: 130px; float: left;}
#content div.journey p {margin-left:10px;}


a.link_journey_detail {margin-top:10px;}

#content h1.journey_title_detail_page {color: #77B700; font-size: 25px; height: 23px; margin-top:10px;}
div.journey_text {width: 430px; float: left; margin-bottom: 20px; margin-top:20px;}
div.journey_pictures {width: 300px; float: right; margin-top:20px;}
div#content div.journey_pictures img.picture {margin-top:0px; margin-right:0px; margin-bottom: 10px; border-right: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;}
#content a.link_book_journey {font-size: 15px; clear:both; font-weight:bold;}
#content div.booking_link {clear: both;}

#content p.error {color:red; border: 1px solid red; padding: 5px; margin-bottom: 10px; margin-top:10px;}
#content p.info {color:green; border: 1px solid green; padding: 5px; margin-bottom: 10px; margin-top:10px;}
#content p.success {color:#679D04; margin-bottom:10px; background:#F3FFDF; border:1px solid #679D04; padding:5px;}

div#journey_overview p.journey_overview_detail {padding:0px; font-weight:bold;}
div#journey_overview h3.hl_choose_package {padding-bottom:5px;}

.room_selection_error {background: #FFD3D3; }
form.buchungsmodul fieldset#eb_headline0 { font-weight:bold; margin-top:20px;}

img.icon {}
img.picture {border: 1px solid #ddd; padding: 2px; margin-right: 20px; margin-top:20px; clear:both; }

form#stage div.outer_container_person_stage_info {border: 1px solid #ddd; margin-top:10px; padding:1px;}
form#stage div.person_stage_info {padding:10px; background: #fff url(/graphics/buchungsmodul/verlauf.jpg) bottom repeat-x;}
form#stage div.person_stage_info div.single_stage_select {margin-top:2px; float:left;}
form#stage div.person_stage_info div.single_stage_select label {}
form#stage div.person_stage_info div.single_stage_select input {margin-right: 5px; float:left; border:none;}
#content form#stage div.person_stage_info h3 {padding-bottom: 5px;}
form#stage div.person_stage_info div.single_stage_select .stage_description {display: block; width: 300px; float:left;}
form#stage div.person_stage_info div.single_stage_select .stage_date {display: block; width: 150px; float:left;}
form#stage div.person_stage_info div.single_stage_select .stage_time {display: block; width: 150px; float:left;}

#content div#ajax_container_search_results {overflow:hidden;}
#content div.outer_wrapper_journeyDetail {border:1px solid #ddd; padding:1px; margin-bottom:10px; }
#content div.journeyDetail {padding:10px; background: #fff url(/graphics/buchungsmodul/verlauf.jpg) bottom repeat-x;}
#content div.journeyDetail p {padding: 0px;}
#content div.journeyDetail h3 {padding-bottom: 5px;}
#content div.journeyDetail p.journey_person_list {margin-top:5px; font-style:italic;}
#content div.journeyDetail div.service_allocation {background: #fff;}
#content p#linkDetailJourney {margin-top:10px;}


#content div#wrapper_invoice_recipient_form {border: 1px solid #ddd; padding:1px; }
#content div#inner_wrapper_invoice_recipient_form {padding:15px; background: #fff url(/graphics/buchungsmodul/verlauf.jpg) bottom repeat-x;}
#content form#invoiceRecipient label {width: 150px;}
#content form#invoiceRecipient input {width: 250px;}
#content form#invoiceRecipient div#wrapper_invoice_recipient_gender_select input {width: 20px; margin-right: 5px; margin-left:10px; border:none;}
#content form#invoiceRecipient div#wrapper_invoice_recipient_gender_select {margin-left:135px;}
#content form#invoiceRecipient input#pruefen {margin-top:20px; margin-bottom:0px; width: 120px;}
#content form#invoiceRecipient select {width:70px;}
#content form#invoiceRecipient textarea {width:250px; height: 150px;}
#content form#invoiceRecipient fieldset#accept_agb {margin-left:10px;}
#content p#deposit_description {margin-left: 150px; padding-top:0px;}
#content div#take_passenger_data input {font-weight:normal; margin-top:20px; font-size:13px; width: 250px;}
#content p#deposit_description {margin-left: 10px;}


#content form#summary {margin-left:10px;}
#content form#summary fieldset#accept_agb label {float:right; margin-right:280px;}
#content form#summary fieldset#accept_agb input {margin-top:2px; border:none;}
#content form#summary p#agb_link_container {padding-bottom:10px; padding-top:10px;}

#content span.label_invoice_recipient_detail {width: 170px; display: block; float:left;}
#content span.invoice_recipient_detail {font-weight:bold;}
#content div#container_invoice_recipient_details { padding: 5px; background:#fff;}
#content div#container_invoice_recipient_details p { padding-bottom: 5px; border-bottom: 1px solid #ddd;}

#content h3#price_all_together {padding-bottom:3px; margin-left:10px;}
#content h3#price_deposit {margin-left:10px; padding-bottom: 5px;}

div.unavailable {margin-bottom: 10px; color:red; font-weight:bold;}

#content fieldset#info_text_read {margin-top: 10px; margin-bottom: 30px; width: 348px;}
#content fieldset#info_text_read input {margin-left: 7px; margin-top:2px;}
#content fieldset#info_text_read label {float:right;}
#content form#showConfirmText input#pruefen {margin-left:6px;}

div#search_query_overlay { }
h3#journey_search_results {padding:0px; margin-top: 10px; margin-bottom:3px;}
p.journey_title { font-weight: bold;}
span.journey_title { font-weight: bold;}

p.errorMeldung {color:red;}

/* tabs */
.ui-tabs-hide { display: none; }
.hide { display: none; }
#ajax_load_graphic {}
div#wrapper_load_graphic {height: 30px;}


/* progress bar */

div#journeyProgressBar h3 {padding-bottom:10px;}
div#journeyProgressBar {margin-bottom:20px; margin-top:10px; border-bottom:1px solid #ddd; padding-bottom:4px;}
div#journeyProgressBar span.booking_step {border: 1px solid #ddd; padding: 5px 8px; background: #fff; margin-right: 10px; }
div#journeyProgressBar span.booking_step a {color: #555; font-weight:normal;}
div#journeyProgressBar span.current_step {background: white; border-bottom: 1px solid white;}
div#journeyProgressBar span.future_step {background: #dfdfdf; color: #888;}
div#journeyProgressBar span.past_step {background: #dfdfdf;}