/* CSS Document */

ol#reservatiestappen {
	list-style-position: inside;
	margin: 0px;	
}
ol#reservatiestappen li {
	color: #666;
	margin-bottom: 10px;
	
}
ol#reservatiestappen li.bold {
	color: #333;
	background: #fff;
	font-weight: bold;
}

select {
	border: 1px solid #000;
	margin: 2px;
}

.abostrook_select {
	float: left;
	width: 20px;
	text-align: left;
	padding: 10px 2px 2px 2px;
	margin: 2px;
}

.abostrook_datum {
	float: left;
	width: 60px;
	text-align: center;
	color: #666;
	background: #ccc;
	padding: 2px;
	margin: 2px 0px 0px 2px;
}

.abostrook_voorstelling {
	float: left;
	width: 310px;
	padding: 2px 2px 2px 6px;
	margin: 2px 2px 0px 0px;
	background: #fff;
	border-right: solid 3px #999;
}

.humor .abostrook_voorstelling {
	border-right-color: #a8ca07;
}
.cowboys .abostrook_voorstelling{
	border-right-color: #EC3089;
}
.theater .abostrook_voorstelling{
	border-right-color: #d5c404;
}
.muziek .abostrook_voorstelling{
	border-right-color: #2FC2F2;
}
.opdekoffie .abostrook_voorstelling{
	border-right-color: #14D17F;
}
.literair .abostrook_voorstelling{
	border-right-color: #AE2AD4;
}

.abostrook_prijs {
	float: left;
	width: 50px;
	text-align: center;
	padding: 2px;
	margin: 2px 2px 0px 0px;
	color: #666;
	background: #ccc;
}


div.kaartje, div.shopping-cart, div.klant {
	font-size: 1.2em;
	border-left: solid 5px #ddd;
	width: 460px;
	padding: 10px;
	margin-bottom: 10px;
	background: #eee;
}

div.shopping-cart div.info {
    padding: 15px 0px 0px 5px;
	float: left;
}

div.kaartje .gegevenskort {
	padding: 15px 0px 0px 5px;
	float: left;
}

div.kaartje .uitvoerder, div.kaartje .titel{
	font-size: 1.25em;
	font-weight: bold;
}	
div.kaartje .titel{
	font-weight: normal;
	color: #333;
}

div.kaartje.humor {
	border-left-color: 	#a8ca07;
	background:			#f1f4d6;
}
div.kaartje.cowboys{
	border-left-color: 	#EC3089;
	background:			#f9dce9;
}
div.kaartje.theater{
	border-left-color: 	#d5c404;
	background:			#f7f4d6;
}
div.kaartje.muziek{
	border-left-color: 	#2FC2F2;
	background:			#def4fc;
}
div.kaartje.opdekoffie{
	border-left-color: 	#14D17F;
	background:			#dff6e8;
}
div.kaartje.literair{
	border-left-color: 	#AE2AD4;
	background:			#eedcf6;
}	

.gegevens, .detail{
	float: left;
	height: auto;
	padding-right: 10px;
}
div.kaartje .detail{
	border-left: 2px solid #777;
	color: #777;
	padding-left: 10px;
	margin: 0px 0px 20px 20px;
}


#gegevenspaneel {
	font-size: 1.2em;
}

#gegevenspaneel table {
	margin-top: 5px;
	margin-bottom: 5px;
}

#gegevenspaneel table tr td {
	padding: 5px;
}

#tabelTickets .totaalrijCel {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
}

td.textveld_fout {
	background: #CC3300;
}

#tabelOverschrijving {
	font-size: 1.2em;
	margin-top: 20px;
	background: #FFCC66;
}

.itemuitleg {
	width: 480px;
	font-size: 1.2em;
	padding-top: 5px;
	padding-left: 2px;
	color: #666666;
}
.itemuitleg h1 {
	font-size: 1.4em;
	padding: 20px 0px 0px 0px;
	margin: 0px;
	color: #666666;
}


.foutmelding {
	font-weight: bold;
	color: #CC3333;
}

.itemuitleg ul {
	padding: 5px;
	margin-left: 30px;
}
.itemuitleg ol {
	padding: 5px;
	margin-left: 30px;
}

ul.leveringlijst {
	list-style: none;
	padding: 8px 0px 8px 10px
}
ul.leveringlijst li {
	padding: 3px 0px 3px 0px
}

#volgendestap{
	background:url(../images/bg_streep_grijs.png);
	width: 480px;
	margin: 20px 0px 0px 0px;
	height: auto;
}

.knop{
	padding: 2px 4px 2px 4px;
	font-size: 11px;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
	color: #FFFFFF;
	height: auto;
}

.knop {
    text-decoration: none;
    display: block;
    border: none;
}

.knop a{
	color: #FFFFFF;
}
.knop a:hover{
	background:#000;
	color:#FFF;
}

.annuleer {
	background-color: #CC3333;
	float: left;
}

.next {
	background-color: #66CC33;
	float: right;
}

.edit, .previous {
	margin-right: 8px;
	background-color: #3366CC;
	float: right;
}

div.abonnement-waarschuwing {
    color: maroon;
    font-weight: bold;
}

form.gratis-tickets {
    margin-top: 1em;
}

form.gratis-tickets table td {
    padding-right: 1em;
}