/******* CONTAINER *******/
#container {
	width: 600px;
	margin: 40px auto;
	text-align: left;
	/* frank */
	border: 1px solid black;
}

/******* /CONTAINER *******/ /******* FORM *******/
#customForm {
	padding: 0 10px 10px;
}

label {
	float: left;
	padding-top: 4px;
	padding-right: 6px;
	color: black;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
	font-weight: 400;
	width: 145px;
}

input {
	width: 225px;
	padding: 2px;
	color: #5e5e5e;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #cecece;
}

#homepostalcode {
	width: 75px;
	padding: 2px;
	color: #5e5e5e;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #cecece;
}

#homestreet_housenumber {
	width: 25px;
	padding: 2px;
	color: #5e5e5e;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #cecece;
}

#streetnr_suffix {
	width: 25px;
	padding: 2px;
	color: #5e5e5e;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #cecece;
}

#approvemc {
	width: 25px;
	padding: 0px;
	text-align: left;
	border: 0px solid;
}

#approvepolicy {
	width: 25px;
	padding: 0px;
	text-align: left;
	border: 0px solid;
}

input.error {
	background: #f8dbdb;
	/* border-color: #e77776;*/
	/* uitgezet vanwege straat, huisnr en toevoeging
	   geen standaardbreedte */
	border-color: #cecece;
}

#form div {
	margin-bottom: 15px;
}

#login_form div {
	margin-bottom: 15px;
}

#form div span { /*display: none;*/
	float: left;
	margin-left: 150px;
	color: #b1b1b1;
	font-size: 11px;
	font-style: italic;
	width: 225px;
}

#form div span.error {
	display: block;
	color: #e46c6e;
}

#form .intro {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #000000;
	padding: 10px;
}

#aanmaken_account {
	border: 0;
	cursor: pointer;
	color: #ffffff;
	font-size: 1px;
	background: url(../images/shop/button_aanmaken_account.gif) no-repeat;
	width: 233px;
	height: 13px;
	margin-left: 152px;
}

#aanmaken_account:hover {
	background: url(../images/shop/button_aanmaken_account_h.gif) no-repeat;
}

#inloggen {
	border: 0;
	cursor: pointer;
	background: url(../images/shop/button_inloggen.gif) no-repeat;
	width: 233px;
	height: 13px;
	margin-left: 152px;
}

#inloggen:hover {
	background: url(../images/shop/button_inloggen_h.gif) no-repeat;
}

#wachtwoord_vergeten {
	border: 0;
	cursor: pointer;
	background: url(../images/shop/button_wachtwoord_sturen.gif) no-repeat;
	width: 233px;
	height: 13px;
	margin-left: 152px;
}

#wachtwoord_vergeten:hover {
	background: url(../images/shop/button_wachtwoord_sturen_h.gif) no-repeat
		;
}

#wijziging_opslaan {
	border: 0;
	cursor: pointer;
	background: url(../images/shop/button_wijziging_opslaan.gif) no-repeat;
	width: 233px;
	height: 13px;
	margin-left: 152px;
}

#wijziging_opslaan:hover {
	background: url(../images/shop/button_wijziging_opslaan_h.gif) no-repeat
		;
}

#profiel_opslaan {
	border: 0;
	cursor: pointer;
	background: url(../images/shop/button_wijziging_opslaan.gif) no-repeat;
	height: 13px;
	margin-top: 24px;
}

#profiel_opslaan:hover {
	background: url(../images/shop/button_wijziging_opslaan_h.gif) no-repeat
		;
}

#kaartenbestellen {
	border: 0;
	cursor: pointer;
	background: url(../images/shop/button_kaartenbestellen.gif) no-repeat;
}

#kaartenbestellen:hover {
	background: url(../images/shop/button_kaartenbestellen_h.gif) no-repeat;
}

.readonly {
	border: 1px solid #ffffff;
}

#error {
	margin-bottom: 20px;
	border: 1px solid #efefef;
}

#error ul {
	list-style: square;
	padding: 5px;
	font-size: 11px;
}

#error ul li {
	list-style-position: inside;
	line-height: 1.6em;
}

#error ul li strong {
	color: #e46c6d;
}

#error.valid ul li strong {
	color: #93d72e;
}

#confirmReservation {
	padding: 0 10px 10px;
}

#zoekbox {
	width: 140px;
}

#zoek1 {
	border: 0;
	width: 44px;
	height: 25px;
}

#main2 {
	float: left;
}

#content {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-family: arial, sans-serif;
	line-height: 15px;
	color: #000000;
	padding: 8px;
}

/******* FORM *******/ /******* mijn KKP ******/
ul#mijnkkp {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-image: none;
}

#mijnkkp li {
	list-style: none;
	padding: 2px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#mijnkkp li a {
	text-decoration: underline;
	color: #000000;
}

#mijnkkp li a:hover {
	text-decoration: none;
	color: #ff0000;
}

#right_column .right_column {
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	font-family: arial, sans-serif;
	line-height: 15px;
	color: #000000;
}

/******* Winkelwagen ******/
#tableheader {
	background: black;
	/*	height:17px; */
	color: white;
	/*	padding: 4px 0 2px 6px; */
	font-size: 11px;
	font-weight: bold;
}

#tableheader .tableheader {
	background: black;
	padding: 0 4px 0 0;
	height: 17px;
	color: white;
	font-size: 11px;
	font-weight: bold;
}

#shoppingcard {
	border-bottom: 2px solid #000000;
	width: 400px;
	margin: 0 auto;
	height: 100%;
}

#shoppingcard .row {
	background: #F3F4F5;
	padding: 4px;
	line-height: 15px;
	margin: 0 auto;
	border-bottom: 1px dotted #000000;
}

#previoustickets .row {
	background: #F3F4F5;
	padding: 0;
	line-height: 15px;
	margin: 0 auto;
	border-bottom: 1px dotted #000000;
}

.subtotalrow {
	background: #F3F4F5;
	padding: 0;
	line-height: 15px;
	margin: 0 auto;
	border-top: 1px solid #000000;
}

.servicecosts {
	background: #F3F4F5;
	padding: 0;
	line-height: 15px;
	margin: 0 auto;
	border-bottom: 1px solid #000000;
}

.total {
	background: #F3F4F5;
	padding: 4px 0 4px 0;
	line-height: 15px;
	margin: 0 auto;
	border-bottom: 2px solid #000000;
	margin-bottom: 15px;
}

.pay {
	background: #ffffff;
	padding: 15px 0 15px 0;
	line-height: 15px;
	margin-top: 15px;
	border-top: 2px solid #000000;
}

.sc_artist {
	float: left;
	width: 350px;
}

.sc_artist a {
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}

.sc_artist a:hover {
	color: #ff0000;
	text-decoration: underline;
}

#sc_change {
	float: right;
	text-align: right;
	width: 35px;
	padding: 0 0 0 0;
}

#sc_change a {
	color: #cc0000;
	font-size: 11px;
	font-weight: normal;
	padding: 2px 2px 2px 2px;
	color: #ff0000;
	text-decoration: none;
	padding: 0 2px 0 2px;
}

#sc_change a:hover {
	color: #ff0000;
	text-decoration: underline;
}

.sc_location {
	color: #000000;
	font-size: 11px;
	font-weight: normal;
	/*	padding: 0 4px 0 2px; */
}

.details {
	color: #000000;
	font-size: 11px;
	font-weight: normal;
	/*	padding: 0 2px 0 2px; */
}

.block {
	width: 100%;
	height: 100%;
	padding: 0px;
}

#betalen {
	border: 0;
	cursor: pointer;
	color: #ffffff;
	font-size: 1px;
	background: url(../images/shop/button_naar_betalen.gif) no-repeat;
	width: 233px;
	height: 13px;
	margin: 15px 0 0 8px;
}

#betalen:hover {
	background: url(../images/shop/button_naar_betalen_h.gif) no-repeat;
}

/******* Stoelselector ******/
.legenda {
	font-size: 11px;
	text-align: left;
}

/******* Mijn eerder bestelde kaartjes ******/
#previoustickets {
	border-bottom: 2px solid #000000;
	width: 400px;
	margin: 0 auto;
	height: 100%;
}

#tablesubheader {
	background: #616161;
	height: 100%;
	color: white;
	padding: 2px 4px 2px 4px;
	font-size: 11px;
	font-weight: bold;
}

#tablesubheader th {
	padding: 2px 2px 2px 2px;
	font-size: 11px;
	color: #fff;
}

#tablesubheader td {
	padding: 2px 2px 2px 2px;
	font-size: 11px;
	font-weight: normal;
	color: #fff;
}

.production {
	float: left;
	width: 285px;
}

.production a {
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}

.production a:hover {
	color: #ff0000;
	text-decoration: underline;
}

#download {
	float: right;
	text-align: right;
	width: 96px;
	padding: 0 2px 0 2px;
}

#download a {
	color: #cc0000;
	font-size: 11px;
	font-weight: normal;
	color: #ff0000;
	text-decoration: none;
}

#download a:hover {
	color: #ff0000;
	text-decoration: underline;
}

.row table {
	line-height: 15px;
}

.message {
	width: 125px;
	padding: 2px;
	color: #f00;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
}

#aanmaken_reservering {
	border: 0;
	cursor: pointer;
	color: #ffffff;
	font-size: 1px;
	background: url(../images/shop/button_aanmaken_reservering.gif)
		no-repeat;
	width: 233px;
	height: 13px;
	margin-left: 152px;
}

#aanmaken_reservering:hover {
	background: url(../images/shop/button_aanmaken_reservering_h.gif)
		no-repeat;
}

#toon_bestelformulier {
	border: 0;
	cursor: pointer;
	color: #ffffff;
	font-size: 1px;
	background: url(../images/shop/button_toon_bestelformulier.gif)
		no-repeat;
	width: 233px;
	height: 13px;
	margin-left: 152px;
}

#toon_bestelformulier:hover {
	background: url(../images/shop/button_verberg_bestelformulier.gif)
		no-repeat;
}

#rang1 {
	width: 25px;
	padding: 2px;
	color: #5e5e5e;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #cecece;
}

#rang2 {
	width: 25px;
	padding: 2px;
	color: #5e5e5e;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #cecece;
}

#rang3 {
	width: 25px;
	padding: 2px;
	color: #5e5e5e;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #cecece;
}

#approveai {
	width: 25px;
	padding: 2px;
	color: #5e5e5e;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #cecece;
}

table#tbl_getUnplacedSeatsTable td:first-child {
	text-align: center;
	vertical-align: text-bottom;
	width: 130px;
}

table#tbl_getUnplacedSeatsTable td {
	text-align: right;
	width: 80px;
	vertical-align: text-bottom;
	padding: 4px;
}

table#tbl_getUnplacedSeatsTable td:last-child {
	text-align: left;
	width: 80px;
	vertical-align: text-bottom;
	padding: 4px;
}

.r {
	text-align: right;
}
}
