/**
 * Voorhuys voorstellingen css
 * powered by peppered -> http://www.peppered.nl
 * @author: arjen
 *
 */

@import url("base.css");



/***** DETAIL *****/


#voorstelling-headerContainer {
	width: 100%;
	float: left;
	margin: 0 0 1.5em 0;
	background: transparent url(../images/stippel_dgrey.gif) repeat-x 0 100%;
	padding: 0 0 0.5em 0;
}


#block-voorstelling h2 {
	background: none;
	font-size: 1em;
}

#block-voorstelling h2 span,
#block-voorstelling h3 span {
	display: block;
	text-indent: 0;
}

#block-voorstelling h2 span.titel,
#block-voorstelling h3 span.titel {
	line-height: 0.8;
}

#block-voorstelling h2 span.artiest,
#block-voorstelling h3 span.artiest {
	margin-bottom: 0;
	line-height: 1.2;
}


#block-voorstelling h2 {
	float: left;
	width: 67%;
}


/* -- afbeelding -- */

#voorstellingAfbeeldingContainer {
	background: #e7e7e7;
	width: 100%;
	float: left;
}

#voorstellingAfbeeldingContainer img {
	display: block;
	margin: auto;
}

/* -- voorst. navigatie -- */


#voorstelling-navigatie {
	/* background: transparent url(../images/nav_docs.gif) no-repeat 50% 50%; */
	height: 13px;
	position: relative;
	float: right;
	/* width: 15%; */
}

#voorstelling-navigatie li {
	float: left;
	width: 18px;
}

/*
#voorstelling-navigatie-prev  {
	float: left;
}
#voorstelling-navigatie-next {
	float: right;
}
*/

#voorstelling-navigatie li a,
#voorstelling-navigatie li a span.outer {
	display: block;
	width: 14px;
	height: 13px;
	text-decoration: none;
	position: relative; /* ie6 behaves better */
}

#voorstelling-navigatie li a {
	cursor: pointer; cursor: hand;
}

#voorstelling-navigatie li a span.outer {
	display: none;
}

#voorstelling-navigatie li a span span {
	position: absolute;
	right: 0;
	top: 2em;
	color: #000000;
	font-weight: normal;
	white-space: nowrap;
	width: 110px;
}

#voorstelling-navigatie #voorstelling-navigatie-prev  a span span {
	right: -56px;
}
#voorstelling-navigatie #voorstelling-navigatie-overzicht  a span span {
	right: -56px;
}

#voorstelling-navigatie li a:hover span.outer {
	display: block;
}


#voorstelling-navigatie-overzicht a {
	background: transparent url(../images/nav_docs.gif) no-repeat 50% 0px;
}
#voorstelling-navigatie-overzicht a span.outer {
	background: transparent url(../images/nav_docs-over.gif) no-repeat 50% 0px;
}
#voorstelling-navigatie-prev a {
	background: transparent url(../images/nav_arrow-left.gif) no-repeat 50% 1px;
}
#voorstelling-navigatie-prev a span.outer {
	background: transparent url(../images/nav_arrow-left-over.gif) no-repeat 50% 2px;
}

#voorstelling-navigatie-next a {
	background: transparent url(../images/nav_arrow-right.gif) no-repeat 50% 1px;
}
#voorstelling-navigatie-next a span.outer  {
	background: transparent url(../images/nav_arrow-right-over.gif) no-repeat 50% 2px;
}




/* -- foto menu -- */

#voorstelling-fotoMenu {
	float: left;
	width: 100%;
	margin: 4px 0 0 0;
	font-size: 0.91em;
}

#voorstelling-fotoMenu li {
	float: left;
	text-align: center;
	margin-right: 0.1em;
}

#voorstelling-fotoMenu li a {
	display: block;
	width: 1em;
	height: 1em;
	line-height: 1.0;
	padding: 0.2em;
	border: 1px solid #ffffff;	
}

#voorstelling-fotoMenu li a:hover {
	border: 1px solid #E00000;
	text-decoration: none;
}

#voorstelling-fotoMenu li.active a:hover {
	border-color: white;
}

#voorstelling-fotoMenu li.active a  {
	background: #E00000 url(../images/ladder_datum_bg.jpg) repeat-x 0 0;
	color: #ffffff;
	text-decoration: none;
}


/* -- media menu -- */

#voorstelling-mediaMenu li a { /* class linksMenu */
	padding-bottom: 2px;
}

#voorstelling-mediaMenu li.active a {
	position: relative;
	background: transparent url(../images/arrow_select_down.gif) no-repeat 50% 100%;
	padding-bottom: 2px;
}


#voorstelling-mediaMenu li.active a span {

	
}


#voorstelling-media-content {
	margin-top: 1.85em;
	float: left;
	width: 100%;
}


#voorstelling-gegevensContainer {
	background: transparent url(../images/stippel_dgrey.gif) repeat-x 0 100%;
	float: left;
	width: 100%;
	padding: 0 0 1em 0;
	margin: 22px 0 22px 0;
}

#voorstelling-gegevens {
	float: left;
	width: 350px;
	
}

#voorstelling-gegevens-meta {
	float: left;
	width: 200px;
}

#voorstelling-gegevens-prijzen {
	float: right;
	width: 150px;

}

#voorstelling-gegevens dt {
	display: none;
}

#voorstelling-gegevens-meta dt {
	width: 4.1em;
	min-width: 50px;
}


#voorstelling-gegevens-meta dd {
	float: right;
	text-align: left;
	width: 11em;
	min-width: 120px;
}



#voorstelling-gegevens-prijzen dt {
	width: 7em;
	min-width: 90px;
}

#voorstelling-gegevens-prijzen dd {
	float: right;
	text-align: left;
	width: 4em;
	min-width: 45px;
}

#voorstelling-gegevens dl dt {
	font-weight: bold;
	float: left;
	display: block;
	white-space: nowrap;
}

#voorstelling-gegevens dl dd {
	white-space: nowrap;
}


/* --- action menu --- */

#formVoorstActions {
	clear: both;
}

#voorstelling-actionMenu {
	float: right;
}
#voorstelling-actionMenu li {
	text-align: right;

}
#voorstelling-actionMenu-kopen {
	font-size: 1.64em;
}
#voorstelling-actionMenu-kopen input {
	background: transparent url(../images/tickets.gif) no-repeat 0 0.54em;
	padding-left: 20px;
	white-space: nowrap;
	float: none;
	width: auto;
	display: inline;
	overflow: visible; /* IE padding */
}

#voorstelling-actionMenu-gajemee {
	font-size: 1.27em;
}


/* --- suggesties --- */

#block-suggesties {
	float: left;
	width: 100%;
}

#block-suggesties h2 span {
	background: transparent url(../images/kop_suggesties.gif) no-repeat 0 50%;
}

#block-suggesties ul {
	float: left;
	width: 100%;
}
#block-suggesties li {
	width: 50%;
	float: left;
}
#block-suggesties li img {
	float: left;
}
#block-suggesties li span.outer {
	display: block;
	margin: 0 5px 0 65px;
	width: 105px;
	overflow: visible;
}


#block-suggesties a:hover span.artiest,
#block-suggesties a:active span.artiest {
	text-decoration: underline;
}



/***** OVERZICHT *****/

div.voorstellingen h3 {
	font-size: 1em;
}

div.voorstellingen h2 span {
	background: transparent url(../images/kop_overzicht.gif) no-repeat 100% 50%;
}

div.voorstellingen div.item {
	background: transparent url(../images/stippel_lgrey.gif) repeat-x 0 100%;
	float: left;
	padding: 0 0 0.5em 0;
	margin: 0 0 2em 0;
	width: 100%;
}

/*#block-voorstellingen div.item div.tekst,
#block-voorstellingen div.item ul {
	float: right;
	width: 270px;
}*/

div.voorstellingen div.item div.bla {
	margin-left: 85px;
}

div.voorstellingen div.item img {
	float: left;
	margin: 0 10px 10px 0;
}

div.voorstellingen div.item h3,
#block-zoekresultaten div.item h4 {
	font-size: 1em;
}

div.voorstellingen div.item h3 a,
#block-zoekresultaten div.item h4 a {
	font-size: 1em!important;
}


div.voorstellingen div.item span.artiest,
#block-suggesties li span.artiest {
	font-size: 1.27em;
	line-height: 1.0;
	font-weight: bold;
}

div.voorstellingen div.item span.titel,
#block-suggesties li span.titel {
	display: block;
	color: #000000;
	font-size: 1.27em;
	line-height: 1.3;
	font-weight: normal;
}

div.voorstellingen div.item div.meta,
#block-suggesties li span.datum {
	color: #606060;
	margin: 0.4em 0 0.5em 0;
	font-weight: normal;
}

#block-suggesties span  {
	font-size: 1em!important;
}
#block-suggesties span.titel {
	line-height: 1.0!important;
	margin-top: 0.15em;
}


div.voorstellingen div.item ul a {
	font-size: 0.92em!important;
	line-height: 20px;
	white-space: nowrap;
}

div.voorstellingen div.item ul {
	font-size: 1.09em;
}

div.voorstellingen div.item ul input.submit {
	float: none;
	font-size: 0.92em!important;
	overflow: visible; /* IE */
	display: inline;
}



/* -- links -- */

ul.linksMenu {
	float: left;
}

div.voorstellingen div.item ul li,
ul.linksMenu li {
	float: left;
	display: block;
	/*border-right: 1px solid #000000;*/
	/*line-height: 0.84;*/
	line-height: normal;
	padding: 0 5px;
	/* font-size: 1.09em; */
	background: transparent url(../images/list-item_border.gif) no-repeat 100% 50%;

}
div.voorstellingen div.item ul li.first,
ul.linksMenu li.first {
	padding-left: 0;
}
div.voorstellingen div.item ul li.last,
ul.linksMenu li.last {
	padding-right: 0;
	border-right: 0;
	background: none;
}

/* ul.linksMenu li a:hover,*/
ul.linksMenu li.active a {
	color: #000000;
	text-decoration: none;
}


/* ---- winkelmandje / reserveren ---- */

#block-winkelmandje h2 span {
	background: transparent url(../images/kop_winkelmandje.gif) no-repeat 100% 50%;
}

body.reserveer #block-winkelmandje h2 span {
	background: transparent url(../images/kop_reserveren.gif) no-repeat 100% 50%;
}

#winkelmandje-totaal {
	background: transparent url(../images/stippel_lgrey.gif) repeat-x 0 100%;
	text-align: right;
	padding: 5px 0;
}

#winkelmandje-links {
	font-size: 1.45em;
}

#winkelmandje-links a {
	font-size: 1em;
}

#winkelmandje-links li {
	float: left;
}

#winkelmandje-links #winkelmandje-links-iDeal,
#winkelmandje-links #winkelmandje-links-incasso,
#winkelmandje-links #winkelmandje-links-kassa {
	float: none;
}

#winkelmandje-links #winkelmandje-links-afrekenen {
	background: transparent url(../images/tickets.gif) no-repeat 0 0.54em;
	padding-left: 20px;
	float: right;
}

#winkelmandje-links #winkelmandje-links-afrekenen.disabled {
	background-image: url(../images/tickets_disabled.gif);
}


#form-afrekenen label {
	background: transparent url(../images/info.gif) no-repeat 100% 50%;
	padding-right: 18px;
}

#block-winkelmandje form.kaarten {
	clear: both;
}
#block-winkelmandje form.kaarten table {
	border-collapse: separate;
	border-spacing: 4px;
	width: 200px;
	float: right;
}

#block-winkelmandje form.kaarten th {
	text-align: left;
}

#block-winkelmandje form.kaarten td {
	white-space: nowrap;
}

#block-winkelmandje form.kaarten table input {
	width: 3em;
}

#block-winkelmandje form.kaarten p.legend {
	width: 150px;
	float: left;
	
}

#kaartenForm div {
	float: right;
	clear: none; /* IE6 */
	padding-bottom: 0.2em;
}

#kaartenForm div.submit {
	float: left;
	width: 100%;
}

#kaartenForm div.submit input {
	float: left;
	background: transparent url(../images/list-item_border.gif) no-repeat 100% 60%;
	padding: 0 5px;
}

#kaartenForm div.submit input.last {
	background: none;
	padding-right: 0;
	float: right;
}

body.reserveer #kaartenForm {
	position: relative;
	width: 100%;
}

body.reserveer #kaartenForm input#verwijderUitWinkelmandje {
	fposition: absolute;
	fleft: 0;
	background: none;
	overflow: visible;
}

body.reserveer #kaartenTotalen {
	padding-left: 85px;
	clear: both;
}

body.reserveer #kaartenTotalen table {
	border-collapse: separate;
}

body.reserveer #kaartenTotalen th {
	font-weight: normal;
}
body.reserveer #kaartenTotalen td {
	padding: 0 5px;
	text-align: right;
}



#kaartenForm div.aantal input {
	width: 2em;
	display: inline;
	float: left;
	margin-right: 5px;
}

#kaartenForm div.aantal label {
	display: inline;
	float: left;
}

#kaartenForm div.aantal span {
	float: left;
}

#kaartenForm label span.prijs-omschrijving {
	font-weight: bold;
	width: 9.12em;
}

#kaartenForm label span.prijs-prijs {
	width: 4.12em;
	text-align: right;
}

#content #block-winkelmandje ul.kaarten {
	margin-left: 85px;
}

#content #block-winkelmandje ul.kaarten li {
	background: none;
	float: none;
	display: list-item;
	padding: 0;
}

body.afrekenen #content #block-winkelmandje input.submit {
	font-size: 1.36em;
}

body.afrekenen #afrekenForm-annuleren {
	float: left;
	font-size: 1.18em;
}

body.afrekenen #afrekenForm div.submitContainer {
	
}

body.afrekenen #afrekenForm legend { font-weight: bold; font-size: 13px; padding-top: 20px;}
body.afrekenen #afrekenForm img { float: left; margin-right: 10px; }
body.afrekenen #afrekenForm .select { float: left; margin: -15px 0 0 53px; }
body.afrekenen #afrekenForm .select label { display: none; }
body.afrekenen #afrekenForm #afrekenForm-terug { font-size: 1.36em; }



/* ---- kalender ---- */

table.calendar {
	width: 150px;
	border-collapse: separate;
	border-spacing: 0px;
	table-layout: fixed;
}
table.calendar td,
table.calendar th {
	text-align: center;
	vertical-align: middle;
}

table.calendar a,
table.calendar span {
	display: block;
	padding: 1px;
	font-weight: normal!important;
}
table.calendar a.active,
table.calendar a:hover,
table.calendar a:active {
	font-weight: bold!important;
	color: #e00000;
}

table.calendar td a.selected,
table.calendar td span.selected {
	background: #E00000 url(../images/ladder_datum_bg.jpg) repeat-x 0 0;
	font-weight: bold;
	color: #ffffff;
}

/* -- pagination -- */

ul.pageNumbers {
	clear: both;
	width: 100%;
	margin: 1px 0 2em 0;
}
ul.pageNumbers li {
	float: left;
	text-align: center;
	margin-right: 0.1em;
}


ul.pageNumbers li a {
	display: block;
	width: 1em;
	height: 1em;
	line-height: 1.0;
	padding: 0.2em;
	border: 1px solid #ffffff;
}

ul.pageNumbers li a:hover {
	border: 1px solid #e00000;
	text-decoration: none;	
}

ul.pageNumbers li.active a:hover {
	border-color: #ffffff;
}

ul.pageNumbers li.active a  {
	background: #E00000 url(../images/ladder_datum_bg.jpg) repeat-x 0 0;
	color: #ffffff;
	text-decoration: none;
}

div.voorstellingen div.pageNumbersContainer {
	clear: both;
	width: 100%;
}
div.voorstellingen ul.pageNumbers {
	float: right;
	width: auto;
}


/* ------- zoekresultaten -------- */


#block-zoekresultaten h2 span {
	background: transparent url(../images/kop_zoekresultaten.gif) no-repeat 100% 50%;
}

#block-zoekresultaten h3 {
	margin: 1em 0 1em 0;
}


/* ----- ga je mee ----- */

#bodyGajemee #content div.voorstellingen div.item {
	background: none;
	margin-bottom: 1em;
}

#bodyGajemee #content div.voorstellingen div.item div {
	clear: none;
}

#bodyGajemee #block-gajemee-form h2 span {
	background: transparent url(../images/kop_gajemee.gif) no-repeat 100% 50%;
}

#bodyGajemee #block-gajemee-preview h2 span {
	background: transparent url(../images/kop_preview.gif) no-repeat 100% 50%;
}

#bodyGajemee #block-gajemee-form input.submit {
	font-weight: normal;
	float: none;
	overflow: visible;
	text-align: left;
}

#bodyGajemee #templateContent-bericht {
	margin-bottom: 1em;
}


#formGaJeMee fieldset {
	position: relative;
}

#formGaJeMee legend {
}

#formGaJeMee legend span {
}

#formGaJeMee legend span.label {
	display: none;
}

#formGaJeMee legend span.button {
	position: absolute;
	right: 0px;
}