/* ------------ reserveer -------------------- */
#reserveer #master { padding: 0 10px; }

#reserveer .progOverzicht					{ width: 700px; float: left; } /* ie6 fix 700 nodig om breedthe van progOVerzicht aan te geven bij reserveren 1ste pagina */
#reserveer #infoContainer					{ width: 195px; float: left;  }
#reserveer .blok h3							{ margin: 10px 6px; }
#reserveer .blok p							{ color: #c37fa4; padding: 6px;}
#reserveer .bestelItem						{ float: left; width: 100%;  }
#reserveer .progOverzicht #infoContainer 	{ clear: none; float: none!important; margin: 0px!important; }
#reserveer .progInfo-button 				{ float: right; width: 100%; height: 32px; margin: 0; display: block; text-indent: -66666px; }
#reserveer .progInfo-button span,
#reserveer .progInfo-button a    			{ overflow: hidden; background-image: url(/images/bt_status.gif); color: #ffffff; float: right; display: block; height: 32px; text-indent: -66666px;}
#reserveer .progArtiest						{ width: 211px;    }
#reserveer .progOverzicht .sum li			{ margin-bottom: 0px; }
#reserveer .overzichtItemHover				{ background: transparent url(/images/bg_fade.gif) repeat-x 0 0; cursor: default; }
#reserveer .voorstellingToegewezen  .overzichtItemHover,		
#reserveer .besteld .overzichtItemHover		{ background: #ffffff url(/images/zin_gereserveerd.gif) no-repeat scroll 90px 55px; z-index: 1; }

#reserveer-menu 							{ position: absolute; bottom: 0; flsoat: left; width: 475px; height: 36px; margin-top: 55px;}
#reserveer-menu p							{ overflow: hidden; background-image: url(/images/reserveer_menu.gif); height: 36px; color: #ffffff; float: left; display: block; text-indent: -66666px;}
#reserveer-menu #btn-stap1					{ background-position: 0px 0px; width: 172px;}
#reserveer-menu #btn-stap2					{ background-position: -172px 0px; width: 142px;}
#reserveer-menu #btn-stap3					{ background-position: -312px 0px; width: 160px;}
#reserveer-menu #btn-stap1.active 			{ background-position: 0px -35px; width: 172px;}
#reserveer-menu #btn-stap2.active 			{ background-position: -172px -35px; width: 142px;}
#reserveer-menu #btn-stap3.active 			{ background-position: -316px -35px; width: 160px;}

.res-kaartinfo								{ float: right; background-color: #ffffff; width: 200px; margin-left: 18px; min-height: 75px;   }
.res-kaartinfo p							{ float: left; padding: 0.2em 1em 0 1em;  width: 176px;  }
.res-kaartinfo p span						{ float: left; }
.res-kaartinfo p .kaartinfo					{ float: left; text-align: left; width: 110px;}
.res-kaartinfo .total 						{ float: left; text-align: left; font-weight: bold;}
.res-kaartinfo .gereserveerd				{ color: #c37fa4; font-size: 1.2em; width: 172px; margin: 0;  padding: 0 1em 1em 1em; }

.row select									{ height: auto; }
.progOverzicht .progOverzicht-item			{ float: left; margin-bottom: 1em; }

.report										{ float: left; width: 880px; background-color: #ffffff; padding: 10px; }
.tekst-zin									{ float: right; width: 100%; text-align: right; padding-right: 10px; }

.btn-mijngegevens							{ float: left; width: 100%; height: 34px; margin: 0 0 0px 0; display: block; text-indent: -66666px; }
.btn-mijngegevens span,
.btn-mijngegevens a   						{ overflow: hidden; background-image: url(/images/btn_mijngegevenswijzigen.gif); color: #ffffff; float: left; display: block; height: 34px; text-indent: -66666px;}

.btn-mgwijzigen								{ background-position: 0px 0px; width: 187px;}
.btn-mgwijzigen	a							{ background-position: 0px -34px; width: 187px;}
.btn-mgwijzigen a:hover						{ background-position: 0px -68px; width: 187px;}

#btn-bestellingannuleren 					{ height: 25px; overflow: hidden; text-indent: -66666px; width: 141px; position: absolute; bottom: 5px; right: 0; float: right; right: 211px;  }
#btn-bestellingannuleren span				{ background-image: url(/images/btn_bestellingannuleren.gif); float: left; height: 25px; width: 141px; }
#btn-bestellingannuleren a:hover span		{ background-position: 0px 25px; }

.progOverzicht .besteld		{  }
.progOverzicht .wachtende	{  }
.progOverzicht .actief		{  }

/* ------------ reserveer - gegevens wijzigen -------------------- */	
#reserveer .mijnGegevens #mijntheater					{ width: 462px; }
#reserveer .mijnGegevens .pageDetail					{ width: 462px; }
#reserveer .mijnGegevens #gegevensForm	div				{ margin-right: 0px; }
#reserveer .mijnGegevens #mijntheater .notice,
#reserveer .mijnGegevens #mijntheater .warning			{ margin-right: 1em;}	
#reserveer #mijntheater div.buttonlb					{ float: right; width: 144px; padding: 0px 1em; margin-top: 1em;   }
#reserveer #mijntheater div.buttonlb a					{ color: #ffffff; text-decoration: none;  }
#resContainer #infoContainer  							{ float: left; width: 418px; }


/* ------------ reserveer - actief flash2-------------------- */	
#reserveer #actief .progInfo-button		{ bottom: 32px; } /* ie6 fix */
#plaatsing							{ float: left; width: 100%;  }
#plaatsing	form					{ float: left; width: 100%;  }
#plaatsing fieldset					{ padding: 0px; }
#plaatsing input					{ width: 134px; }
#btn-automatischeplaatsing			{ width: 179px!important; }
#btn-zelfstoelenkiezen				{ width: 142px!important; }
#btn-verwijdervoorstelling			{ margin-top: 40px; width: 126px; position: absolute; right: 425px; z-index: 1; } 
#btn-verwijdervoorstelling	input	{ border: 0px; } 
#btn-verwijder						{ margin-top: 46px; width: 126px; position: absolute; right: 433px; z-index: 1;  } /* input button + iec */ 
#btn-verwijder input 				{ border: 0px; background-color: transparent;  }  
#actief #btn-verwijdervoorstelling	{ margin-top: 40px; width: 126px; right: 227px; z-index: 1; position: relative; } 

#flashError							{ float: left; padding: 1em; background-color: #ffffff; width: 450px;  }
#flashError	p,	#flashError	a		{ float: left;  width: 90%; text-align: center; }

/* ------------ reserveer - flash plaatsing-------------------- */
#flash-stoelkeuze					{ margin-bottom: 1em; width: 690px; height: 490px; float: left;  }
#actief #btn-verwijdervoorstelling 	{ display: none; }

/* ------------ reserveer - automatische plaatsing-------------------- */
.autoplaatsing			{ margin-bottom: 1em;  width: 475px; float: left;  pposition: absolute; mmargin-top: 75px; }
.autoplaatsing			{ background-color: #ffffff;}
.autoplaatsing #actief 	{ position: relative; left: 0px;   }
.autoplaatsing .overzichtItem	{ margin-bottom: 0px;  }

#btn-reserveer			{ width: 113px!important; float: right; }

#ticketForm				{ width: 100%; background: transparent url(/images/bg_fade.gif) repeat-x 0 0; padding-bottom: 0em; }
#ticketForm	p			{ padding: 1em 0 0 1em;  }
#ticketForm	select		{ background-color: #ffffff; }
#ticketForm	div	span	{ margin-right: 1em; float: left; width: 60px;  }
#ticketForm	label		{ margin-right: 0px;  width: 170px;  }

/* ------------ reserveer - wachtende flash3-------------------- */	
.wachtende .progImage-small		{ filter:alpha(opacity= 40); -moz-opacity:.40; opacity:.40; }
.wachtende .progDatum			{ background-image: url(/images/gradient_datum_pink.jpg); }
.wachtende .progInfo-tekst		{ color: #af4b76; }	

/* ------------ reserveer - besteld flash3-------------------- */
.besteld .progImage-small			{ filter:alpha(opacity= 40); -moz-opacity:.40; opacity:.40; }
.besteld .progDatum					{ background-image: url(/images/gradient_datum_pink.jpg); }
.besteld							{ margin-bottom: 1em; float: left; width: 100%; }
.besteld #btn-verwijdervoorstelling { display: none; }
.besteld .progTitel, 
.besteld .progGenre					{ display: none; }
.besteld .progInfo					{ background: #ffffff url(/images/zin_gereserveerd.gif) no-repeat 90px 55px; }
.besteld .progArtiest				{ width: 325px!important; color: #C37FA4;  }

.voorstellingListItem 						{ float: left; background-color: #ffffff; margin: 1em 0 2em 0; width: 100%; }
.voorstellingListItem input, 
.voorstellingListItem select				{ background-color: #ffffff; border: 1px solid #A1B10A;}
.voorstellingListItem p						{ float: left; }
.voorstellingListItem .betaal-uitleg 		{ float: right; width: 100%; }
.voorstellingListItem .betaal-uitleg span	{ float: right; width: 160px; padding: 5px; font-size: 0.9em; }
.voorstellingListItem .tegoedbonnen-uitleg 	{ float: left; width: 670px; padding: 0 0 0 30px;  }

.sum 										{ float: left; width: 100%;   }
.sum li 									{ float: left; width: 100%; }
.sum li span								{ float: left; padding-left: 2em; text-align: right; width: 60%;  }
.sum .reserveringskosten-bedrag				{ float: right; padding-right: 2em; width: 20% }
.sum .total-omschrijving					{  }

.betaalcolumn								{ float: left; width: 100%;  }
.betaalcolumn div							{ padding: 1em;  float: left;  }
.betaaloptie								{ float: right;}
.betaaloptie input							{ width: 170px; }

.afrekenmethode									{ float: left; width: 100%; }
.afrekenmethode	form							{ margin: 0px; }
.afrekenmethode	form input						{ margin-right: 5px;   }
.afrekenmethode	form p							{ border: 1px solid #A1B10A; background-color: #ffffff; padding: 1em; text-align: center; margin: 1em; float: left;   }
.afrekenmethode fieldset div					{ padding: 1em; clear: both;  }
.afrekenmethode fieldset #afrekenForm-afrekenen	{ padding: 0em;  }

/* -- tegoedbonnen -- */
#afrekenForm-tegoedbonnen { margin-bottom: 1em; }
#afrekenForm-tegoedbonnen input.text {
	width: 4em;
	float: none;
	margin-right: 15px;
	margin-bottom: 0;
}

#kortingskaartContainer						{ float: left; background-color: #ffffff; padding: 0 0 0 1em; margin: 1em 0 2em 0; width: 100%;   }

/* ------------ reserveer - betalen creditcard -------------------- */
#creditcard-form							{ float: left; }
#afreken-creditcard input					{ margin-right: 5px;   }
#creditcard-form #btn-afrekenen				{ float: right; margin: 0px;  }
#creditcard-form .text	label				{ width: 190px; text-align: right;  }
#creditcard-form .text	input				{ width: 190px; }
#creditcard-form .ccardnumber input			{ float: left; width: 50px; }
#creditcard-form .ccverval input			{ float: left; width: 70px; }
#afrekenForm-kaartsoort	span				{ width: auto; float: left; margin-left: 1em;}
#afrekenForm-kaartsoort	div					{ width: auto; float: left; margin-left: 1em;}
#afrekenForm-kaartsoort						{ float: left; margin-left: 5.5em; margin-bottom: 1em;  }
#afrekenForm-betaalopties p					{ width: 140px; margin-left: 5px;  }
#afrekenForm-gegevens .text					{ margin-bottom: 1em;} /* ie7 nodig bij creditcard gegevesn. */
#betaalmethodeForm							{ float: right; margin-top: 1em;  }
#betaalmethodeForm	p,
#betaalmethodeForm label					{ padding: 0px 6px; }
#betaalmethodeForm label					{ margin-right: 9px; }
#betaalMethodesOuterWrap					{ float: left; width: 100%; }
#betaalMethodesWrap							{ float: right; width: 100%;  }
#afrekenForm-afrekenen	#btn-afrekenen		{ float: right; margin: 0px; }
.afrekenmethode .error,
.autoplaatsing .error,
.betaalmethode .error						{ float: left; margin: 1em 0 0 1em; }
.betaalmethode								{ width: 700px;  }

#afrekenForm .info							{ float: left; width: 500px; margin: 1em; padding: 1em;   }
#afrekenForm-afrekenen						{ float: left; width: 100%; }

/* ------------ reserveer - betalen iDeal -------------------- */
#afrekenForm-ideal-bank .radiobutton input	{ float: left; text-align: right; }
#afrekenForm-ideal-bank .radiobutton label	{ margin-left: 1em; float: left; width: 200px; text-align: left;  }
#afrekenForm-ideal-bank .radiobutton		{ float: left; margin-left: 2em; width: 50%; }

/* ------------ reserveer - betalen aan de kassa / incasso -------------------- */
#afreken-aandekassa								{ float: left; width: 100%; }
#afreken-aandekassa #afrekenForm				{ width: 100%;  }
#afreken-aandekassa .sum li span				{ width: 48%;  }
#afreken-aandekassa .sum li						{ width: 87%; float: right; }
#afreken-aandekassa fieldset,
#afreken-incasso fieldset						{ padding: 0px; width: 100%; float: left;  }
#afreken-incasso form							{ width: 100%; }
#afreken-incasso input.text						{ width: 14em; }
#afrekenform-incasso-rekeningnummerContainer label { width: 160px; }
#afrekenform-incasso-akkoordContainer { padding-left: 10px; margin-left: 180px; }
#afrekenform-incasso-akkoordContainer label { margin-left: 0; }

/* ------------ reserveer - stap 3 overzicht -------------------- */
.voorstellingToegewezen						{ background-color: transparent!important; margin-top: 0em; }
.voorstellingToegewezen .overzichtItem		{ margin-bottom: 0em; }
.voorstellingToegewezen .res-kaartinfo		{ float: left; }

.betalingsoverzicht							{ background-color: transparent; margin-bottom: 2em; margin-top: 0em;}
.betalingsoverzicht .bestelling-tekst		{ float: left; width: 90%; background-color: #fff; padding: 1em; }
.betalingsoverzicht	div						{ float: left; width: 90%; background-color: #fff; padding: 1em; }
.betalingsoverzicht dl						{ float: left; width: 350px; margin-right: 1em; }
.betalingsoverzicht dd						{ float: left; width: 170px; }
.betalingsoverzicht dt						{ float: left; width: 170px; }
.betalingsoverzicht h4						{ margin-top: 0em;}

#btn-terugnaardewebsite					{ height: 32px; overflow: hidden; text-indent: -66666px; width: 162px; padding: 0px; position: relative; left: -12px; bottom: -12px; }
#btn-terugnaardewebsite span			{ background-image: url(/images/btn_terugnaardewebsite.gif); float: left; height: 32px; width: 162px; }
#btn-terugnaardewebsite a:hover span	{ background-position: 0px 32px; }