/* +------------------------------------+ */
/* | Additional styles for STS          | */
/* |                                    | */
/* | Author: Sebastian Patino-Lang      | */
/* | patino[at]schmoe[dot]de            | */
/* |                                    | */
/* | Schoelzel, Moehring GmbH           | */
/* | http://www.schmoe.de/              | */
/* +------------------------------------+ */

/* Page Globals */

body {   
	/* overwrites cms_style.css declaration */
	/* background-image:none; */ 
	/* background-color:#FFFFFF;*/  
	margin:0;
}
div.content_4col {
	/* overwrites cms_style.css declaration */
	margin:0 0 10px 10px;
	/* background-color:#EEEEEE; */
}
div.content_4col_sr {
	/* overwrites cms_style.css declaration */
	margin:0 0 10px 10px;
}
div.hr {
	/* overwrites cms_style.css declaration */
	padding-bottom:2px;

}
input.checkbox {
	/* overwrites cms_style.css declaration */
  border: 0;
	width:auto;
  /*padding-left: 1px;*/
}
.bold {
	font-weight:bold;
}
.white {
	background-color:#FFFFFF;
	background-image:none;
}
div.content_3col div.whiteline {
	border-bottom: 1px solid #ffffff;
	padding-bottom: 3px;
}
.error,
#error {
	background-color:#FFCCCC;
}

/* Boxen Globals */
div.col_4col {
	margin-bottom:10px;
}

div.content_4col div.content {
	margin-right: 6px;
}
div.content_4col_element {
	border-bottom: 1px solid #ffffff;
	padding-left:83px;
}
div.content_4col_element_no_border {
	padding-left:83px;
}
div.content_4col_element_wide {
	border-bottom: 1px solid #ffffff;
	padding-left:8px;
}
div.content_4col_element_wide_no_border {
	padding-left:8px;
}
div.content_4col_element_wide_content_right {
	margin-left:11px;
	float: left;
	background-color:#99FF33;
	width:541px;
}
div.row_caption{
	margin: 6px 10px 6px 0;
}
div.header_top{
	height:auto;
}
div.head_content_big {
	margin: 5px 10px 7px 0;
}
div.head_content_small {
	margin: 1px 10px 1px 0;
}
div.head_content_small h1 {
	font-size:1.2em
}
div.detail_right {;
  width: 139px;
}

div.detail_right1 {
 width: 130px;
 padding-left:5px;
 float:left;
}

div.content_4col_sr h1 {
	font-size: 1.2em;
}

div.content_4col_sr .search_box_error h1 {
	font-size: 1em;
}

/* Table Globals */
th.col_name 	{ width:170px;  /* background-color:#FFCC99; */ }
th.col_group,
th.col_rate 	{ width:130px;  /* background-color:#CC66CC; */  }
th.col_discount	{ width:50px;  /* background-color:#336633; */ }
th.col_date 	{ width:90px;  /* background-color:#00FFFF; */ }
th.col_last_col,
th.col_class 	{ width:70px;  /* background-color:#669966; */ }
th.col_duration	{ width:60px;  /* background-color:#993333; */ }
th.col_kill		{ width:40px; text-align:center; /* background-color:#339966; */ }
th.col_price	{ width:50px;  /* background-color:#CC66FF; */ }
th.col_price_fix	{ width: 77px; /* background-color:#CC9999; */ }
th.col_product	{ width:110px;  /* background-color:#CC66FF; */ }
th.col_customer	{ width:95px;  /* background-color:#CC66FF; */ }
th.col_validity	{ width:80px; }
th.col_allowance{ width:95px; }

td.col_label 	{ width:511px; }
td.col_value 	{ width:43px; text-align:right; }
td.col_currency	{ width:50px; text-align:right; }

a.kill_link {text-decoration:none; color:#FF0000;}
a.edit_link {text-decoration:none; color:#339900;}

caption {
	text-align:left;
	font-weight:bold;
	padding-bottom:10px;
}

.caption1 {
	font-weight:normal;
	padding-bottom:5px;
}

	/* Tab Caption*/
div.tab_caption {
	float: left;
	width: 170px;
}
div.tab_caption_options {
	float: right;
	padding-right:28px;
	font-weight:normal;
}
div#overview caption a{
	font-weight:normal;
}
	/* Tab SubCaption*/
div.tab_subtotal {
	float: left;
	width: 440px;
	font-weight:bold;
}
div.tab_subtotal_value {
	float: left;
	font-weight:bold;
}

/* Form Globals */

p.pflichtfelder {
	font-size:0.9em;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Start: Teaser */

span.teaser_price {
	color:#FF0000;
	font-weight:bold;
}
a.teaserlinks {
	display:block;
	margin-top:3px;
}

/* Results: Overview */

div#overview {
	padding-top: 0px;
	padding-bottom: 0px;
}
div#overview table {
	margin-bottom: 0px;
}
div#overview table.last_table {
	margin-bottom: 10px;
}
/* Results: Overview Tables */

div#overview caption {
	text-align:left;
	font-weight:bold;
	padding-bottom:10px;
}

.tabledivider {

	padding-bottom:10px;
	margin-top:10px;
}

div#overview th {
	height:1.3em;
}
div#overview th,
div#overview td {
	text-align:left;
	vertical-align:top;
}
div#overview div.zwischensumme {
	margin-left:450px;
}

/* Results: upsells */

div.content_4col_sr h2 {
	font-size: 1.2em;

}
div#upsells div.content_4col_sr div.content_4col_element_wide_no_border,
div#upsells div.content_4col_sr div.content_4col_element_wide {
	margin-top:10px;
	margin-bottom:5px;
}
div.content_4col_sr img.upsell_head {
	position:absolute; 
	top:10px; 
	left:8px;
}
div.content_4col_sr div.header_top {
	position:relative;
}
div.content_4col_sr div.header_top div.oneline {
	margin-bottom:8px;
}
div.content_4col_sr ul {
	float:left;
	margin-right:10px;
}
div.content_4col_sr li {
	width:160px;
	margin: 0 0 10px 0;
}

/* Checkout: Subtotal */

div.subtotal {
	float: left;
	font-weight:bold;
	width:300px;
}
div.subtotal_value {
	float: left;
	padding-left: 245px;
	font-weight:bold;
}

/* Checkout: Payment Forms */

	/* Checkout: Summen  */
table.zwischensumme {
	margin-top:10px;
	padding-bottom:5px;
}
table#final_price {
	font-weight:bold;
}

    /* START transfered from old cms_styles.css */
form fieldset.form_data label, 
form fieldset.form_data input, 
form fieldset.form_data select {
  display: block;
  float: left;
  margin-bottom: 3px;
  
}
div#final_price input,
div#final_price label {
    width:auto;
}
    /* END transfered from old cms_styles.css */
    
div.content_4col_element_wide p,
div.content_4col_element_wide_no_border p {
	margin: 4px 0 4px 0;
}
fieldset.form_data textarea {
	width:450px;
}
fieldset.form_data label{
	width:150px;
	padding:0;
	margin:0;
	display:block;
}
fieldset.form_data label.inline{
	margin-left:27px;
	width:auto;
	margin-right:10px;
}

fieldset.form_data input{
	width:11em;
}
fieldset.form_data input.name,
fieldset.form_data input.street{
	width:13em;
}
fieldset.form_data input.email{
	width:17em;
}
fieldset.form_data input.street_no{
	width:4.5em;
}
fieldset.form_data input.checkbox{
	width:auto;
	position:relative;
	top:-2px;
}
fieldset.form_data label.checkbox{
	width:auto;
	margin-right:10px;
}
fieldset.form_data div.bemerkung {
	float:left;
	padding-bottom:5px;
	font-size:0.8em;
	width:365px;
}

fieldset.form_data span.bemerkung {
	font-size:0.8em;
}

fieldset.form_data div.cc_date_picker {
	float:left;
	font-weight:bold;
}
fieldset.form_data div.cc_date_picker select {
	/* overwrites cms_style.css declaration */
	float:none;
	display:inline;
}
div#verisign_logo {
	position:absolute;
	top:0;
	right:9px;
}
#cc {
	position:relative;
}
fieldset#delivery_data input{
	width:400px;
}
fieldset#delivery_data input{
	border:0;
	position:relative;
	top:-1px;
	width:auto;
}
fieldset#delivery_data label {
	display: block;
	clear: both;
	padding-bottom:5px;
	margin: 0 0 10px 0;
}
fieldset#delivery_data div{
	float:left;
	margin-right:15px;
	padding-bottom:3px;
	width:auto;
}
fieldset#delivery_data div.label{
	width:450px;
}
fieldset#delivery_data div.price{
	float:right;
	margin-right:3px;
}
fieldset#delivery_data div.radio input{
	position:relative;
	top:-1px;
}
div#final_price input.checkbox {
	position:relative;
	top:2px;
}
div#final_price div#endsumme {
	position:relative;
	right:10px;
	font-weight:bold;
	text-align:right;
	margin-bottom:10px;
}



/* Checkout: Payment Information 
fieldset.customer_data_x {
	margin: 0 0 10px 0;
	padding: 0;
}
fieldset.customer_data_x label {
	margin: 0 0 5px 0;
	padding: 0;
	width: auto;
	clear: both;
}
fieldset.customer_data_x span.new_customer_form {
	width: 150px;
	display: block;
	float: left;
}
fieldset.customer_data_x input,
fieldset.customer_data_x select {
	margin: 0;
	padding: 0;
}
fieldset.customer_data_x div.bemerkung {
clear:both;
	padding-left:212px;
	padding-bottom:5px;
	width:250px;
	font-size:0.8em;
	background-color:#33FF99;
}






fieldset.customer_data div#verisign_logo {
	position:absolute;
	top:10px;
	right:10px;
}
fieldset.customer_data span.new_customer_form{
	width:210px;
	display:block;
	float:left;
}
fieldset#delivery_data label,
fieldset.customer_data label{
	display: block;
	clear: both;
	padding-bottom:5px;
}
fieldset.customer_data div.bemerkung {
	padding-left:212px;
	padding-bottom:5px;
	width:250px;
	font-size:0.8em;
}
fieldset.customer_data textarea,
fieldset.customer_data input{
	width:237px;
}
fieldset.customer_data input.phone{
	width:157px;
}
fieldset.customer_data input.street{
	width:180px;
	margin-right: 10px;
}
fieldset.customer_data input.street_no{
	width:43px;
	margin-right: 10px;
}
*/

/* Approval */

div#approval div.content_4col_element_wide_no_border {
	margin-top: 7px;
	margin-bottom: 7px;
}


/* Ausfluege */

table.angebot {
	width: 100%;
}
table.angebot th,
table.angebot td {
	text-align:left;
	padding: 1px 0 1px 5px;
}
table.angebot td {
	background-color:#cccccc;
	border-bottom: 3px solid #EEEEEE;
}
table.angebot .col_1{
	width:333px;
}
p.kleingedruckt {
	font-size:0.9em;
}

div#ausfluege ul {
	float:left;
	width:140px;
	padding: 0 10px 10px 0;
}

/* Bestaetigung */

div.key {
	vertical-align:top;
	float:left;
}
div.value {
	vertical-align:top;
	width:300px;
	margin-left:163px;
}

/* Bestaetigung */

ul.popup_list li {
	width:425px;
	background-color:#eeeeee;
	margin-bottom: 3px;
}
ul.popup_list img.pop_list_image {
	float:none; 
	margin-bottom:0;
}
div.button_wrapper {
	width:446px; 
}

/* Preis�bersicht */

div.content p.headline {
	padding-top:7px;
	padding-bottom:2px;
}
div#price_overview div.button {
	margin-top:7px;
}
div#price_overview table {
	clear:both;
}

/* Buchung */

div.search_box_top {
	margin-top: 5px;
	margin-bottom: 5px;
}
div.search_box_top a {
	/*color: #FFFFFF;*/
}
div.search_box div.caption {
	margin-bottom:10px;
}
	div.inputfields_height { /* nur IE */
		height:150px; 
		overflow:visible;
	}
	html>body div.inputfields_height { /* html>body for alle - IE */
		height:auto;
		min-height:150px;
	}


/* Buchung: Forms */

fieldset.reisedaten label, 
fieldset.reisedaten input, 
fieldset.reisedaten select, 
fieldset.reisedaten img.calendar {
  /* display: inline; */
  float: none;
  margin:0;
  padding:0;
}

div.search_box select {
	font-size:1em;
	border: 1px solid #eeeeee;
}
fieldset.reisedaten label,
fieldset.reisedaten input {
	width:auto;
}
fieldset.reisedaten select {
	display: inline;
}
fieldset.reisedaten div.zeilenkopf {
	margin-bottom:5px;	
}
fieldset.reisedaten div.zeilenkopf,
fieldset.reisedaten div.zeile  {
	clear:both;
}
fieldset.reisedaten div.zeile  {
	padding-bottom:8px;
}

fieldset.reisedaten div.discount_swisscard,
fieldset.reisedaten div.klasse_swisscard,
fieldset.reisedaten div.reisebeginn_vignetten,
fieldset.reisedaten div.option,
fieldset.reisedaten div.vorname,
fieldset.reisedaten div.nachname,
fieldset.reisedaten div.reisebeginn,
fieldset.reisedaten div.klasse,
fieldset.reisedaten div.discount,
fieldset.reisedaten div.klasse_dauer,
fieldset.reisedaten div.dauer {
	float:left;
}

fieldset.reisedaten div.option 			{ width:210px; }
fieldset.reisedaten div.reisebeginn 	{ width:180px;}
fieldset.reisedaten div.reisebeginn_vignetten { width:320px; }
fieldset.reisedaten div.klasse_swisscard { width:120px; }
fieldset.reisedaten div.klasse 			{ width:50px; }
fieldset.reisedaten div.dauer 			{ width:85px;}
fieldset.reisedaten div.klasse_dauer 	{ width:135px; } 
fieldset.reisedaten div.discount 		{ width:75px; }
fieldset.reisedaten div.discount_swisscard { width:75px; }
fieldset.reisedaten div.kosten 			{ width:auto; }

fieldset.reisedaten div.vorname,
fieldset.reisedaten div.nachname { 
	width:90px; 
}
fieldset.reisedaten div.vorname input,
fieldset.reisedaten div.nachname input {
	width: 80px;
	height:17px;
	margin-top:-1px;
}

/* Buchung: Forms: Swisspass */
fieldset#swisspass_anzahl .connect_forms {
	margin-right:5px;
	margin-left:5px;

}
.fueralle {
	display:block;
	margin-top:1px; 
	margin-bottom:2px; 
}
html>body .fueralle { /* html>body for alle - IE */
	margin-top:5px; 
	margin-bottom:5px; 
}
/* ========================================= */
/* eingefuegt von Nicole | 20.09.2006*/

.button_back_button {
	position: relative;
	top: 0px;
	left: 10px;
}

.button_margin {
	margin-bottom: 2px;
	margin-right: 3px;
}

.clear_fields {
	float:left; 
	margin-left:35px;
}

div#ausfluege_angebot li {
	float:left;
	width:445px;
	padding: 0px 10px 0px 10px;
}

div#ausfluege li {
	float:left;
	width:130px;
   	margin:0;
}

.priceoverwiev {
	margin:20px;
	/*padding-top:10px;*/
	background-color:#FFFFFF;
	width:650px;
}

.priceoverwiev_print {
	padding-bottom:10px; 
	width:630px; 
	text-align:right;
}

fieldset.form_data label.inline1{
	margin-left:50px;
	width:65px;
	margin-right:10px;
}

div.border_bottom {
  border-bottom: 1px solid #ffffff;
  border-top: none;
}

div.wkicon {
	margin:0px 0px 10px -71px;
}


/* Hotels aus styles_stc.css */

/* Hotels: Elements */
.hotels_element {
	margin: 10px 0 0 0;
}
.hotels_element div.button {
	margin-bottom:5px;
}
.hotels_element_image{
	width: 73px;
	float: left;
}
div.hotels_element_image img {
	border: 1px solid #ffffff;
}
.hotels_element_head {
	padding: 10px 0 0 8px;
}
.hotels_element_body {
	width:532px;
	float: left;
}
div.hotels_element_body h1{
	font-size:13px;
	margin: 0 0 0 0;
}
div.hotels_element_body h2,
div.hotels_element_body span.h2{
	font-size:13px;
	margin: 0;
	padding: 0;
}
div.hotels_element_body a.details {	
	font-weight:bold; 
}

/* Hotels: Table Hotel */
.table_hotel 				{ margin-top:10px; border-collapse: collapse; }
.table_hotel td 			{ height:10px; }
.table_hotel th 			{ white-space:nowrap; padding-bottom:3px;}
.table_hotel th.hotel_hroom { width:auto; }
.table_hotel th.hotel_roomt { width:auto; }
.table_hotel th.hotel_extra { width:auto; }
.table_hotel th.hotel_total { width:auto; }
.table_hotel th.hotel_radio { width:auto; }

td.upsell_option { text-align:right; padding-right:5px; width: 90px; }
td.upsell_option a { font-weight:bold; }

.table_hotel th.offer_product { width: 140px; }



/* ========================================= */
/* eingefuegt von Nicole | 12.2006  nur fuer Standalone */

div.contentwrapper_standalone {
  height: 620px;
  margin-left: auto;
  margin-right: auto;
  background-position: top left; 
}


div.headerwrapper_standalone {
  width:628px; 
  height: 75px;
  margin-left: 11px;
  margin-right: auto;
 margin-top: 10px;
  
}

div.mainwrapper_standalone {
  width: 650px;
  margin-left:10px;
  }

div.mainwrapperframe_standalone {
  width: 770px;
  margin-left: auto;
  margin-right: auto;
  margin-top:2px;
  background-color: #FFFFFF;
  background-repeat: repeat-y;
  background-position: top left;
  }

div.footerwrapper_standalone {
  clear: both;
  width: 770px;
  /*height: 25px;*/
  /*padding-left: 5px;*/
  padding-right: 0px;
  padding-top: 5px;
  text-align:right;
  margin-left:0px;
}


div#metawrapper_standalone {
  background-color: #263863;
  width: 643px;
  height: 23px;
  /*padding-left: 5px;
  padding-right: 5px;*/
}

div#langnav_standalone {
	float: right;
  	color: #000000;
  	font-size: 1.1em;
}


div#footer_standalone {
  clear: both;
  width: 770px;
  /*height: 25px;
  border:1px solid #000000;
  padding-left: 5px;*/
  padding-right: 0px;
  /*padding-top: 5px;*/
  text-align:left;
  margin-left: auto;
  margin-right: auto;
  color:#FFFFFF;
}


div#footer_standalone span.logo {
  float: left;
  padding-left:6px;
  color:#FFFFFF;
}

div.shadowwrapper_standalone {
  margin-left: auto;
  margin-right: auto;
  width:701px;
  height:730px;
  margin-top:20px;
  
  background-image:url(../images/bg_content_701px.gif);
  background-repeat:repeat;
} 
html > body div.shadowwrapper_standalone {
	/* -> FF Hack to compensate for IE6 lack of min.height */
	height:auto;
	min-height:730px; 
}

div.shadowend_standalone {
	background-image:url(../images/bg_contenttop_701px.gif);
  	background-repeat:no-repeat;
}

div.shadowfooter_standalone{
	background-color:#99FF66; 
	height:5px; 
	width:701px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(../images/bg_contentbottom_701px.gif);
  	background-repeat:no-repeat;
	font-size:0;
}

.error_radio {
    background-color:#FFCCCC;
    outline: solid 3px #FFCCCC;
} 

div.teaser_2col h3 a, div.teaser h3 a {
	color: #FFFFFF;
	text-decoration: none;
}

div.teaser_2col h3 a:hover, div.teaser h3 a:hover {
   text-decoration: underline;
}

.mittlerer_abstand {
	margin-bottom:10px;
}


/* ---------------------------------------------------------------------------------*/
/* ---------------------- BEGINN ProduktWizard ----------------------------------------*/
.wizard {
	width:630px;
}

div.wizard div.resultrow {
	text-align:right; 
	background-color: #EEEEEE;
	height: 18px;
	padding-top: 3px;
	padding-right: 5px;
	margin-bottom: 8px;
}

.wizard ul {
	line-height: 2.5;
	width:630px;
}

.wizard li {
	background-position: 0;
	background-image: none;
	width:630px;
	border-bottom: 1px solid #CCCCCC;
}

.wizard li span{
	color: #000000;
	font-size: 11px;
	line-height: 1;
	width:630px;
	padding-bottom:8px;
}


.wizard li a{
	color:#000000;
	font-weight: bold;
	text-decoration: underline;
	
}

.wizard li a:hover{
	text-decoration: underline;
}
/*
#question {
	background-image: url(/images/btn_search_right.gif);
        background-position: right top;
        background-repeat: no-repeat;
}
*/
#question a {
	color: #DA202C;
        /*color:#fff;*/
        padding: 4px;
	font-weight: bold;
	/*background: #DA202c;*/
}


#newquest {
	background-image: url('/images/quest_right.gif');
	background-repeat: no-repeat;
	background-position: right top;
	height: 18px;
	width: auto;
	float: left;
	padding: 0px 3px 0px 0px;
}

#newquest a {
    background-image: url('/images/quest_left.gif');
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
	color: #fff;
	height: 18px;
	widows: auto;
	padding: 2px 0px 0px 3px;
}

/* ---------------------- ENDE ProduktWizard -----------------------------------------*/
/*********************************************
 * REGIONAL PASS UPDATE START
 *********************************************/
 table.angebot tr td.price
 {
 	width: 60px;
 }
 
 .search_box_top .twoToOneAction,
 .search_box_top .validity
 {
 	font-weight: bold;
 }
 
 .twoToOneAction table.regiopasstable td.regiopass
 {
 	width: 300px;
 }
 
 .preSettings 
 {
 	border-bottom: 1px solid #ffffff;
 	padding: 5px 0 5px 0;
 }
 
 .preSettings .traveldate
 {
 	margin: 5px 0 5px 0;
 	float: left;
 	width: 100%;
 }
 
 .preSettings .traveldate span
 {
 	float: left;
 	margin: 0 20px 0 0;
 }
 
 .preSettings .traveldate .jdpicker_w,
 .preSettings .traveldate .jdpicker_w input
 {
 	float: left;
 }
 
 input#twoToOneAction
 {
 	width: auto;
 	border: 0;
 }
 
 .preSettings .class
 {
 	clear: both;
 }
 
 .preSettings .class span
 {
 	float: left;
 	margin: 0 49px 0 0;
 }
 
 #rates .row
 {
 	padding: 5px 0 5px 0;
 }
 
 #rates .row .rate
 {
 	width: 250px;
 }
 
 #rates .row .duration
 {
 	width: 100px;
 }
 
 #rates .row .discount
 {
 	display: none;
 }
 
 #rates .row .discount input
 {
 	width: 20px;
 	text-align: right;
 }
 
 #rates .row .price input
 {
 	width: 45px;
 	text-align: right;
 }
 
 #rates .row input.readonly
 {
 	background: 0;
 	border: 0;
 }
 
 .date_selector .nav .month_nav .month_name
 {
 	margin: 0 0 0 21px;
 }
 
 .date_selector .nav .year_nav .button.prev
 {
 	left: -20px;
 }
 
 .date_selector .nav .year_nav .year_name
 {
 	margin: 0 0 0 4px;
 }
 
 #moreRegioPasses ul li
 {
 	margin: 0 0 10px 0;
 }
 
 #gallery_regiopass.detail_img_big
 {
 	height: auto;
 } 
 
   /*********************************************
 * BUGFIXES BEI SWISS PASS BESTELLMASKE
 *********************************************/
 .reisebeginn label select,
 .reisebeginn select
 {
 	float: left !important;
 }
 
 .reisebeginn #trigger-1
 {
 	display: block;
 	float: right;
 	margin-right: 35px;
 }
 
 .reisebeginn #adultsalle_date
 {
 	clear: both;
 }
 
 /*********************************************
 * REGIOPASS AKTION
 *********************************************/
 #contentwrapper_standalone .detail_left #twoToOneAction
 {
 	margin: 10px 0 5px 0;
 }
 
  .twoToOneAction em
 {
 	font-style: normal;
 	color: #F60000;
 }
 /*****************************************************************
 * FLEXI PASS PROMOTION START 
 ****************************************************************/
#flexi_pass_promotion table tr th,
#flexi_pass_promotion table tr td
{
	font-size: 12px;
	padding-right: 20px;
}
/*****************************************************************
 * FLEXI PASS PROMOTION ENDE
 ****************************************************************/
 
 .twoToOneAction .note,
 #flexi_pass_promotion .note
 {
 	margin-top: 10px;
 	font-weight: normal;
 }