/***********************************************************
 * Matterhorn Gotthard Bahn Styles EVK (C) by aseantic     *
 **********************************************************/

/* --- Basket Elements ---- */
.basketBox
{
	display: block;
	background-image: url('/publishingimages/basket_bg.gif');
	background-color: #a3171a;
	background-repeat: repeat-x;
	background-position: top;
	width: 173px;
	margin-bottom: 11px;
	text-decoration: none;
}

.basketHeader {
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	padding-top: 8px;
	padding-left: 10px;
	padding-bottom: 5px;
	text-decoration: none;
}

.basketBoxLink {
	display: block;
	background-image: url('/publishingimages/basket_bg.gif');
	background-repeat: repeat;
	width: 173px;
	height: 52px;
	margin-bottom: 11px;
	text-decoration: none;

}

.basketHeader a, .basketContent a {
	text-decoration: none;
	color: #ffffff;
}

.basketContent .arrowButton {
	color: #ffffff;
}

.basketContent p{
	padding-bottom: 0px;
}

.basketBox a{
	text-decoration: none;
}

.basketContent {
	display: block;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	padding-left: 9px;
	padding-bottom: 9px;
	text-decoration: none;
}
/* --- Angebot WebPart Teaser ---- */
.prodText
{
	font-size:100%;
	clear:both;
	padding-right:0px;
}

.prodTeaserImage1ColBig
{
	padding-bottom:0px;
	padding-top:4px;
	width: 538px;
}
.prodEditTitle1Col
{
	width:552px;
}

.prodTeaser1ColSmallImg
{
	padding-bottom:0px;
	padding-top:3px;
	max-width: 123px;
	float: left;
}
.prodTeaser1ColSmallText
{
	float:left;
	margin-left: 15px;
	/*width:400px;*/
	max-width:400px;
}
.prodTeaser1ColSmallText h2
{
	margin: 0px;
}
.prodEditTitleRelated
{
	width:193px;
}
.boxRelatedHeader h2
{
	margin: 0px;
}

.relatedColumn
{
	z-index:2000;
}
.footerBox
{
	z-index:-1000;
}

.prodTeaserImage2ColBig
{
	
}

.prodTeaserImage2ColTitle
{
	background: #DFE8ED;
	font-weight: bold;
	padding: 4px 4px 4px 9px;
}
.prodTeaserImage2ColTitle h2
{
	margin: 0px;
}
.prodTeaserImage2ColSmallPic
{
	padding-bottom:0px;
	padding-top:11px;
	max-width: 123px;
	float: left;
}
.prodTeaser2ColSmallText
{
	float:left;
	margin-left: 15px;
	margin-top: 8px;
	max-width: 123px;
}
/* --- Angebot WebPart Detail ---- */
.prodDetailLead
{
	padding: 5px 0px 5px 0px;
}
.prodDetailTitelImg
{
	
}


/* --- Angebot WebPart 1 Elements ---- */
/* !!! TODO: Prototypenbereinigung!!! */
.contentAngebot
{
	float:left;
	font-size: 11px;
	padding-bottom: 25px;
	padding-right: 16px;
}

.contentAngebotImgHeader
{
	padding-top: 4px;
}

.contentAngebotText
{
	clear: both;
	font-size: 11px;
	padding-top: 20px;
	padding-bottom: 25px;
	padding-right: 16px;
	padding-left: 16px;
	width:506px;
	background-color:#EBDFCF;
	float:left;}

.contentAngebotTextDetail
{
	width:300px;float:left;
}

.contentAngebotImgBox
{
	float:right;
	width:200px;
}
.contentAngebotImgBoxImg
{
	float:right;
	padding-bottom:10px;
}

/* --- Angebot WebPart 2 Elements ---- */
/* !!! TODO: Prototypenbereinigung!!! */
.contentAngebot2
{
	float:left;
	font-size: 11px;
	padding-bottom: 25px;
	padding-right: 16px;
}

.contentAngebot2ImgHeader
{
	padding-top: 4px;
}

.contentAngebot2Title
{
	clear: both;
	font-family:arial,helvetica,sans-serif;
	font-size:18px;
	padding-top: 8px;
	background-color:#FFFFFF;
	float:left;
}

.contentAngebot2Text
{
	clear: both;
	font-size: 11px;
	padding-top: 20px;
	padding-bottom: 0px;
	width:538px;
	background-color:#FFFFFF;
	float:left;
}

.contentAngebot2TextDetail
{
	width:286px;
	float:left;
}

.contentAngebot2ImgBox
{
	float:right;
	width:232px;
}
.contentAngebot2ImgBoxImg
{
	float:right;
	padding-bottom:10px;
}

.headerRowAngebot2
{
	background-color: #ede4d9;
	font-weight: bold;
	font-size: 11px;
	padding: 4px 0px 4px 9px;
	border-bottom: solid 1px #d5b4a6;
	text-align:left;
}

.evenRowAngebot2
{
	font-size: 11px;
	font-weight:normal;
	background-color: #f2eee4;
	border-bottom: solid 1px #e7dcd1;
	padding: 3px 0px 3px 9px;
}

.oddRowAngebot2
{
	font-size: 11px;
	font-weight:normal;
	border-bottom: solid 1px #e7dcd1;
	padding: 3px 0px 3px 9px;
}

/* --- Form general --- */

.nextButtonContainer
{
	clear:both;
	float: right;
	padding-top: 5px;
	/*padding:5px 0px 10px 0px;*/
}

.arrowButton
{
	cursor: pointer;
	background: url('/publishingimages/arrowLink.gif') left top no-repeat;
	
	font-family: arial,helvetica,sans-serif;
	font-size: 1em;
	font-weight: bold;
	line-height:13px;

	padding-left:10px;
	padding-right:0px;
	margin: 0;

	border: none;

	overflow: visible;
}

.maskNav
{
	display:inline;

}
.maskNavBack
{
	float:left;
	display:inline;

}
.maskNavNext
{
	float:right;
	display:inline;
}
p
{
	margin:0px;
	padding: 10px 0px 10px 0px;
}
table.EVKTable th
{
	background-color: #dfe8ed;
	font-weight: bold;
	padding: 4px 3px 4px 3px;
}
table.EVKTable .spacerRow td
{
	padding: 0px;
}
table.EVKTable td
{
	padding: 4px 3px 4px 3px;
}
table.EVKTable .orderUnderlined td, .orderUnderlined th
{
	border-bottom: solid 1px #93b2c4;
}
table.EVKTable td.orderUnderlined
{
	border-bottom: solid 1px #93b2c4;
}
table.EVKTable th
{
	background-color: #ffffff;
	border-bottom:1px solid #D2DBE4;
	font-weight: bold;
	padding: 4px 3px 4px 3px;
}
table.EVKTable .rowHeadEven, .rowDataEven
{
	background-color: #ffffff;
	border-bottom:1px solid #D2DBE4;
	font-weight: bold;
	padding: 4px 3px 4px 3px;
}
table.EVKTable .rowHeadOdd, .rowDataOdd
{
	background-color:#F1F5F7;
	border-bottom:1px solid #D2DBE4;
	font-weight: bold;
	padding: 4px 3px 4px 3px;
}
table.EVKTable .rowDataEven, .rowDataOdd
{	/*override font-weight for datacells*/
	font-weight: normal;
}
table.EVKTable caption
{
	background-color: #dfe8ed;
	font-weight: bold;
	padding: 4px 3px 4px 3px;
	border-bottom: 1px solid #93B2C5;
}

/* --- Form Traveldata --- */
.orderFormReiseDaten
{
	margin-top: 20px;
}

.orderFormReiseDaten fieldset,
.orderFormPersons fieldset,
.orderFormPersonalien fieldset,
.orderFormGexOption fieldset
{
	border: 0px;
	padding: 0px;
	margin: 0px;
}

.orderFormReiseDaten legend,
.orderFormPersons legend,
.orderFormPersonalien legend,
.orderFormGexOption legend
{
	display: none;
}

.orderFormReiseDaten label,
.orderFormPersonalien label
{
	margin-right: 0px;
}

.orderFormReiseDaten .input,
.orderFormPersonalien .input
{
	font-family: arial, helvetica, sans-serif;
	font-size: 1.0em ;
	border: solid 1px #000000;
	width:auto;
}

.orderFormReiseDaten .formItem
{
	clear:both;
}

.orderFormReiseDaten .labelTravelItem
{
	float:left;
	width: 120px;
	margin-bottom: 10px;
}

.orderFormReiseDaten .inputTravelItem
{
	float:left;
	margin-bottom: 10px;
}

/* --- Form Connection--- */
.GEXConnectionContainer
{
	clear:both;
	float:none;
}
.GEXConnectionInfo
{
	width:50%;
	float:left;
}
.GEXConnectionPrice
{
	width:50%;
	float:right;
	padding-left: 0px;
}
.GEXConnectionButtonContainer
{
	clear:both;
	float:none;
}
.GEXConnectionButton
{
	float:right
}
/* --- Form Personalien --- */
table.orderTable th
{
	background-color: #dfe8ed;
	font-weight: bold;
	padding: 4px 3px 4px 3px;
}
table.orderTable .spacerRow td
{
	padding: 0px;
}
table.orderTable td
{
	padding: 8px 3px 8px 3px;
}
table.orderTable .orderUnderlined td, .orderUnderlined th
{
	border-bottom: solid 1px #93b2c4;
}
table.orderTable td.orderUnderlined
{
	border-bottom: solid 1px #93b2c4;
}
.travelDataTotalContainer
{
	font-weight:bold;
}
.travelDataTotalText
{
	float:left;
	display:inline;
	padding: 8px 3px 8px 3px;
}
.travelDataTotalValue
{
	float:right;
	display:inline;
	padding: 8px 3px 8px 3px;
}
.personalienHead
{
	background-color: #DFE8ED;
	font-weight:bold;
	padding:4px 3px;
}
.personalienInput
{
	padding: 10px 0px 0px 0px;
}
.personalienInputData
{
	float:left;
}
.personalienTrash
{
	float:right;
}
.personalienAbo
{
	float:left;
}
.orderFormPersons fieldset
{
	padding: 0px 0px 15px 0px;
}
.inputCol
{
	float:left;
}
.inputItemLbl
{
	padding: 10px 3px 5px 0px;
}
.inputItem
{
	padding: 10px 10px 0px 0px;
}

/* --- Form GEX Options--- */
.DLGEXOptions
{

}
.DLGEXOptions dt
{
	float: left;
}


/* --- Basket --- */
.inputBasket
{
	border:1px solid #000000;
	font-size:70%;
	text-align:right;
	
}
	


/* !!! TODO: Check if all styles below are necessary !!! */
/* !!! TODO: Prototypenbereinigung!!! */

/* --- Abfrage Form --- */
.boxRelatedAbfrageText
{
	background-color: #dfe8ed;
	padding-left: 9px;
	padding-top: 15px;
	padding-bottom: 6px;
	font-size: 11px;
	color: #000000;
	border-bottom: solid 1px #d2dbe4;
}

/* --- Basket --- */
/* Basket table spacer row --> no padding... */
table.basketTable .spacerRow td
{
	padding: 0px;
}

/* Basket table header item */
table.basketTable th
{
	background-color: #dfe8ed;
	font-weight: bold;
	padding: 4px 3px 4px 3px;
}

/* Basket table data item */
table.basketTable td
{
	padding: 8px 3px 8px 3px;
}

/* Basket table sub-table data item --> no padding */
table.basketTable td td
{
	padding: 0px;
}

/* Basket table underline */
table.basketTable .basketUnderlined td, .basketUnderlined , .basketUnderlined tr
{
	border-bottom: solid 1px #93b2c4;
}

/* Basket table underline */
table.basketTable td.basketUnderlined
{
	border-bottom: solid 1px #93b2c4;
}

table.basketTable .basketBorderRight
{
	border-right: solid 1px #93b2c4;
}

/* Basket table no underline for subtables */
table.basketTable .basketUnderlined td td
{
	border-bottom: none;
}

/* Basket table no underline for subtables */
table.basketTable td.basketUnderlined td
{
	border-bottom: none;
}

/***************************
  --- Checkout progress --- 
****************************/
/*--- progressbar ---*/
ul#checkoutProgress
{
	float:left;
	list-style-type:none;
	margin:0;
	padding:0px 0px 10px 0px;
}

ul#checkoutProgress li
{
	float:left;
	margin:0;
	padding:0;
	height: 70px;
	margin-right: 6px;
}

ul#checkoutProgress li.last
{
	margin-right: 0px;
}

ul#checkoutProgress a
{
	display:block;
	float:left;
	text-decoration:none;
	height: 70px;
	cursor:default;
}

ul#checkoutProgress li a img 
{
	border: 0px;
	display:block;
	float:left;
	cursor:default;
}

ul#checkoutProgress li a span.text 
{
	display:block;
	float:left;
	top:-65px;
	padding-left:7px;
	position:relative;
	color: #ffffff;
	cursor:default;
}
ul#checkoutProgress li a span.active, ul#checkoutProgress li a span.done

{
	color: #000000;
}
ul#checkoutProgress li a span.active
{
	font-weight: bold;
}

.checkoutProgressBar
{
	padding: 4px 0px 0px 0px;
}

.checkoutProgressStep
{
	float: left;
	margin: 0px 6px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 123px;
	height: 70px;
	background-repeat: no-repeat;
	background-position: top left;
}

.checkoutProgressStepSelected
{
	font-weight: bold;
}

/*--- address mask---*/
div.addressForms
{
}
.addressForms h2
{
	margin-bottom:5px;
}
div.addressFormsTop
{
	clear:both;
	float:left;
	width: 538px;
}
div.addressFormsLeft
{
	float: left;
	width: 261px;
	padding-right:16px;
}

div.addressFormsRight
{
	float: left;
	width: 261px;
}

.checkoutFormAddress fieldset
{
	border: 0px;
	padding: 0px;
	margin: 0px;
}

.checkoutFormAddress legend
{
	display: none;
}

.checkoutFormAddress .formItem
{
	clear:both;
}
.checkoutFormAddress .labelShippingItem, .addressForms .labelEmailItem
{
	float:left;
	width: 80px;
	margin-bottom: 10px;
}

.checkoutFormAddress .inputShippingItem, .addressForms .inputEmailItem
{
	float:left;
	margin-bottom: 10px;
}

.checkoutFormAddress .inputShippingItem .input, .addressForms .inputEmailItem .input
{
	width: 179px;
}
.checkoutFormAddress .inputShippingItem .select
{
	width: 181px;
}

.validationErrorMessage
{
	float: left;
	width: 100%;
	color: Red;
}


/* 3 step */

.checkoutProgress3StepStep
{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 0px 7px;
	width: 171px;
	height: 70px;
	background-repeat: no-repeat;
	background-position: top left;
}

.checkoutProgress3StepStep1On
{
	background-image: url(../../Checkout.UserControls/images/checkoutprogress_3/01_checkout_01.jpg);
}

.checkoutProgress3StepStep2On
{
	background-image: url(../../Checkout.UserControls/images/checkoutprogress_3/01_checkout_01.jpg);
}

.checkoutProgress3StepStep2OnSemi
{
	background-image: url(../../Checkout.UserControls/images/checkoutprogress_3/01_checkout_01.jpg);
	color: #ffffff;
}

.checkoutProgress3StepStep3On
{
	background-image: url(../../Checkout.UserControls/images/checkoutprogress_3/01_checkout_01.jpg);
}

.checkoutProgress3StepStep3OnSemi
{
	background-image: url(../../Checkout.UserControls/images/checkoutprogress_3/01_checkout_01.jpg);
	color: #ffffff;
}

.checkoutProgress3StepStep1Off
{
	background-image: url(../../Checkout.UserControls/images/checkoutprogress_3/01_checkout_01.jpg);
	color: #ffffff;
}

.checkoutProgress3StepStep2Off
{
	background-image: url(../../Checkout.UserControls/images/checkoutprogress_3/01_checkout_01.jpg);
	color: #ffffff;
}

.checkoutProgress3StepStep3Off
{
	background-image: url(../../Checkout.UserControls/images/checkoutprogress_3/01_checkout_01.jpg);
	color: #ffffff;
}

/* 5 step */
.checkoutProgressStep1On
{
	/*background-image: url(../../Checkout.UserControls/images/checkoutprogress_4/01_checkout_01.jpg);
	*/
}

.checkoutProgressStep2On
{
	background-image: url(../../Checkout.UserControls/images/checkoutprogress_4/02_checkout_02.jpg);
}

.checkoutProgressStep2OnSemi
{
	background-image: url(../../Checkout.UserControls/images/checkoutprogress_4/02_checkout_01.jpg);
	color: #ffffff;
}

.checkoutProgressStep3On
{
	background-image: url(../../Checkout.UserControls/images/checkoutprogress_4/03_checkout_03.jpg);
}

.checkoutProgressStep3OnSemi
{
	background-image: url(../../Checkout.UserControls/images/checkoutprogress_4/03_checkout_02.jpg);
	color: #ffffff;
}

.checkoutProgressStep3Off
{
	background-image: url(../../Checkout.UserControls/images/checkoutprogress_4/03_checkout_01.jpg);
	color: #ffffff;
}

.checkoutProgressStep4On
{
	background-image: url(../../Checkout.UserControls/images/checkoutprogress_4/04_checkout_03.jpg);
	margin: 0px 0px 0px 0px;
}

.checkoutProgressStep4OnSemi
{
	background-image: url(../../Checkout.UserControls/images/checkoutprogress_4/04_checkout_02.jpg);
	color: #ffffff;
	margin: 0px 0px 0px 0px;
}

.checkoutProgressStep4Off
{
	background-image: url(../../Checkout.UserControls/images/checkoutprogress_4/04_checkout_01.jpg);
	color: #ffffff;
	margin: 0px 0px 0px 0px;
}

/*--- payment mask---*/
div.paymentForm
{
}
.paymentForm h2
{
	margin: 10px 0px 5px 0px;
}
div.paymentFormMethod
{
	float: left;
	width: 538px;
}
div.paymentFormDetail
{
	float: left;
	width: 538px;
}
.paymentForm fieldset
{
	border: 0px;
	padding: 0px;
	margin: 0px;
}
.paymentForm legend
{
	display: none;
}
.paymentForm .formItem
{
	clear: both;
}

.checkoutFormPaymentDetail .labelPaymentItem, .checkoutFormPaymentMethod .labelPaymentItem, .paymentForm .labelEmailItem
{
	float:left;
	width: 100px;
	margin-bottom: 10px;
}

.checkoutFormPaymentDetail .inputPaymentItem, .checkoutFormPaymentMethod .inputPaymentItem, .paymentForm .inputEmailItem
{
	float:left;
	margin-bottom: 10px;
}
.paymentForm .inputPaymentItem .input, .paymentForm .inputEmailItem .input
{
	width: 198px;
}
.checkoutFormPaymentMethod .inputPaymentItem .select
{
	width: 200px;
}
.checkoutFormPaymentDetail .inputPaymentItem .select
{
	width: auto;
}
.checkoutFormPaymentCreditCardValid
{
	float:left;
}

/*--- overview mask---*/

.confirmationForm p
{
	padding: 0px 0px 10px 0px;
}


/* --- Checkout forms --- */
div.checkoutForm
{
}

div.checkoutLeftColumn
{
	float: left;
	width: 315px;
}

div.checkoutRightColumn
{
	float: left;
	width: 220px;
}

div.checkoutLeftColumnCard
{
	float: left;
	width: 265px;
}

div.checkoutRightColumnCard
{
	float: left;
	width: 270px;
}

div.checkoutForm div
{
	clear: both;
	margin-bottom: 5px;
}

div.checkoutForm label
{
	float: left;
	width: 80px;
}

div.checkoutForm select
{
	width: 137px;
}

div.checkoutForm input
{
	width: 133px;
}

div.checkoutFormCard div
{
	clear: both;
	margin-bottom: 5px;
}

div.checkoutFormCard label
{
	float: left;
	width: 100px;
}

div.checkoutFormCard select
{
	width: 167px;
}

div.checkoutFormCard input
{
	width: 163px;
}

/* --- Tabels --- */
/* Basket table spacer row --> no padding... */
table.ticketsTable .spacerRow td
{
	padding: 0px;
}

/* Basket table header item */
table.ticketsTable th
{
	background-color: #dfe8ed;
	font-weight: bold;
	padding: 4px 3px 4px 3px;
}
table.ticketsTable .rowHead
{
	background-color: #ffffff;
	font-weight: bold;
	padding: 4px 3px 4px 3px;
}

/* Basket table data item */
table.ticketsTable td
{
	padding: 3px 3px 3px 3px;
}

/* --- Profile --- */
.LoginItem
{
	float:left;
	width:269px;
	padding: 5px 0px 10px 0px;
}

.LoginItem fieldset
{
	border: 0px;
	padding: 0px;
	margin: 0px;
}

.LoginItem legend
{
	display: none;
}

.LoginItem .LoginItemHeader
{
	padding: 3px 3px 3px 2px;
	background-color: #dfe8ed;
}
.LoginItemHeader h2
{
	margin: 0px;
}
.LoginItem .LoginItemBody
{
	float:left;
	padding: 5px 0px 0px 2px;
}
.LoginItem .formItem
{
	float:left;
	padding: 5px 30px 0px 2px;
	width: 235px;

}
.LoginItem .formButton
{
	padding: 5px 30px 0px 2px;
	float:right;
}

.LoginItem .LoginItemBody .labelitem
{
	float:left;
	padding: 0px 2px 0px 0px;
	width: 70px;
}
.LoginItem .LoginItemBody .inputitem
{
	float:right;
	padding: 0px 0px 0px 0px;
}
.LoginItem .LoginItemBody .input
{
	width: 157px;
}

/* --- New B2C Profile --- */

.profItem
{
	float: left;
	padding: 10px 0px 0px 0px;
}
.pnlDetailForm fieldset
{
	border: 0px;
	padding: 0px;
	margin: 0px;
}

.pnlDetailForm legend
{
	display: none;
}
.profItem .left
{
	padding: 0px 54px 0px 0px;
}
.profItem .right
{
	padding: 0px 0px 0px 0px;
}
.profItem .item
{
	width: 90px;
	padding: 0px 0px 0px 0px;
}
.profItem .ctrl
{
	padding: 0px 0px 0px 0px;
}
.profItem .input
{
	width: 150px;
	padding: 0px 0px 0px 0px;
}
.profItem .select
{
	width: 152px;
}
.profItem .button
{
	float: right;
	width:242px
}
.profItem .lbl
{
	width: 152px;
}

/* --- B2C Newsletter list--- */
.newsletterlist fieldset
{
	border: 0px;
	padding: 0px;
	margin: 0px;
}

.newsletterlist legend
{
	display: none;
}

/* --- B2C Merchandise stuff--- */
.pnlRepeaterItem fieldset
{
	border: 0px;
	padding: 0px;
	margin: 0px;
}

.pnlRepeaterItem legend
{
	display: none;
}