/*-- Posthuistheater                           --*/
/*-- powered by Peppered                       --*/
/*-- www.Peppered.nl                           --*/
/*-- Versie 1.00 - 14 mei 2007                 --*/
/*-- Auteur: BB                                --*/

#middleColumn .content {
	/*overflow: visible;*/
	position: relative;
	z-index: 50
}

a.active:link, a.active:visited, a.active:active, a.active:hover {
	color: #000000;
	text-decoration: none;
}

#middleColumn .content .paddingBox {
	overflow: visible;
}

.overzicht a:link, .overzicht a:visited {
	color: #000000;
	text-decoration: none;
}

.overzicht a:active, .overzicht a:hover {
	color: #000000;
	text-decoration: none;
}

.overzicht a:link .h3, .overzicht a:visited .h3{
	color: #e31818;
	text-decoration: none;
}

.overzicht a:active .h3, .overzicht a:hover .h3 {
	color: #000000;
	text-decoration: none;
}

.overzicht a:link span.voorstellingsdatum, .overzicht a:visited span.voorstellingsdatum {
	color: #ffffff;
	text-decoration: none;
}

.overzicht a:active span.voorstellingsdatum, .overzicht a:hover span.voorstellingsdatum {
	color: #ffffff;
	text-decoration: none;
}

/*-- ----------------------------------- content ----------------------------------- --*/

#middleItem .content .paddingBox {
	padding: 0;
}

body#bodyZoekResultaten #middleItem .content .paddingBox,
body#bodyWinkelmandje #middleItem .content .paddingBox {
	padding: 7px 8px 10px 5px;
}

/*-- ----------------------------------- overzicht --------------------------------- --*/

#middleItem .content .paddingBox {
	float: left;
}

.overzicht {
	display: block;
	width: 100%;
	width: 483px;
	padding: 0!important;
	margin: 23px 0 0 0;
	float: left;
}


body#bodyZoekResultaten .overzicht,
body#bodyWinkelmandje .overzicht {
	width: 470px;
}

.overzicht li {
	width: 100%;
	display: inline;
	list-style: none!important;
	clear: both;
	float: left;
	position: relative;
	width: auto;
}


.overzicht li.overviewItem {
	display: block;
	padding-left: 129px;
	margin-bottom: 20px;	
	height: 130px;	
	float: none;
}

html>body .overzicht li.overviewItem {
	height: auto;
	min-height: 130px;
}

.overzicht li.overviewItem-reserved .beschrijving {
	height: 40px;
}

html>body .overzicht li.overviewItem-reserved .beschrijving {
	height: auto;
	min-height: 40px;
}

.overzicht li.overviewItem a {
	display: block;
	cursor: pointer;
}

.overzicht li span.voorstellingsfotoContainer {
	display: block;
	width: 110px;
	height: 110px;
	float: left;
	position: absolute;
	left: 0;
	top: 0;
}

.overzicht li img {
	float: left;
	position: absolute;
	left: 0px;
	top: 0;
	
}

.overzicht .beschrijving {
	margin: 0 0 0 0;
	height: 88px;
	padding: 0;
	display: block;
}

html>body .overzicht .beschrijving {
	height: auto;
	min-height: 88px;
}

body#bodyZoekResultaten .overzicht .beschrijving,
body#bodyWinkelmandje .overzicht .beschrijving {
}

.overzicht li span.voorstellingsdatum {
	position: absolute;
	top: 0;
	right: 0px;
	background-color: #e31818;
	color: #ffffff;
	float: left;
}

.overzicht li a span.voorstellingsdatum {
	background-color: #e31818
}

.overzicht li a:hover span.voorstellingsdatum {
	background-color: #717174
}

.overzicht .beschrijving span {
	display: block;
}

.overzicht .beschrijving span.teaser {
	padding: 0 0 9px 0;
}

#pageNumbersContainer {
	float: right;
	font-weight: bold;
}

.pageNumbers {
	float: right;
	padding: 0 0 10px 0;
}

.pageNumbers li {
	display: inline;
	float: left;
	padding: 3px 0.2em  0 0.2em;
}

.pageNumbers li.buttonVorige { padding: 0; width: 45px; background: transparent url(/images/button_vorige_over.gif) no-repeat 100% 0; }
.pageNumbers li.buttonVorige a { width: 41px; background: transparent url(/images/button_vorige.gif) no-repeat 100% 0; }

.pageNumbers li.buttonVolgende { 
	clear: none;
	padding: 0;
	width: 62px;
	background: transparent url(/images/button_volgende_over.gif) no-repeat 100% 0!important; 
}

.pageNumbers li.buttonVolgende a { 
	width: 62px;
	background: transparent url(/images/button_volgende.gif) no-repeat 100% 0; 
}

/*-- ----------------------------------- extralinks ------------------------------- --*/

.overzicht ul.extraLinks {
	display: inline;
	float: right;
	width: 178px;
	padding: 0!important;
	height: 8px;
	position: relative;
	z-index: 1;
}

ul#paginaLijst ul.extraLinks {
	width: 102px!important;
}

#bodyWinkelmandje .overzicht ul.extraLinks {
	width: auto!important;
	float: left;
}

.overzicht ul.extraLinks li.button {
	width: 99px;
	padding: 0!important;
	margin: 0;
	clear: none!important;
}

.overzicht ul.extraLinks li.status {
	color: #000000;
	width: 99px;
	font-weight: bold;
	padding: 0!important;
	margin: 0;
	clear: none!important;
}

.overzicht ul.extraLinks li.buttonLeesMeer {
	width: 65px;
	margin: 0 10px 0 0;
	border-right: 1px solid #747474;
}

/*-- ----------------------------------- eigenschappen ------------------------------- --*/

ul.eigenschappen {
	position: relative;
	z-index: 20;
	display: inline;
	float: left;
	clear: both!important;
	width: 150px;
	margin: -6px 0 0 0;
	clear: both!important;
	padding: 0;
}

ul.eigenschappen li {
	display: inline!important;
	clear: none!important;
	float: left!important;
	width: 30px;
	height: 27px;
	padding: 0!important;
}

ul.eigenschappen li a {
	cursor: help;
}

ul.extralinks {
	display: block;
}

ul.eigenschappen li.leeftijd2 { background: transparent url(/images/icons/icon_2plus_over.gif) no-repeat 0 0; }
ul.eigenschappen li.leeftijd2 a { background: transparent url(/images/icons/icon_2plus.gif) no-repeat 0 0; }

ul.eigenschappen li.leeftijd3 { background: transparent url(/images/icons/icon_3plus_over.gif) no-repeat 0 0; }
ul.eigenschappen li.leeftijd3 a { background: transparent url(/images/icons/icon_3plus.gif) no-repeat 0 0; }

ul.eigenschappen li.leeftijd4 { background: transparent url(/images/icons/icon_4plus_over.gif) no-repeat 0 0; }
ul.eigenschappen li.leeftijd4 a { background: transparent url(/images/icons/icon_4plus.gif) no-repeat 0 0; }

ul.eigenschappen li.leeftijd5 { background: transparent url(/images/icons/icon_5plus_over.gif) no-repeat 0 0; }
ul.eigenschappen li.leeftijd5 a { background: transparent url(/images/icons/icon_5plus.gif) no-repeat 0 0; }

ul.eigenschappen li.leeftijd6 { background: transparent url(/images/icons/icon_6plus_over.gif) no-repeat 0 0; }
ul.eigenschappen li.leeftijd6 a { background: transparent url(/images/icons/icon_6plus.gif) no-repeat 0 0; }

ul.eigenschappen li.leeftijd7 { background: transparent url(/images/icons/icon_7plus_over.gif) no-repeat 0 0; }
ul.eigenschappen li.leeftijd7 a { background: transparent url(/images/icons/icon_7plus.gif) no-repeat 0 0; }

ul.eigenschappen li.leeftijd8 { background: transparent url(/images/icons/icon_8plus_over.gif) no-repeat 0 0; }
ul.eigenschappen li.leeftijd8 a { background: transparent url(/images/icons/icon_8plus.gif) no-repeat 0 0; }

ul.eigenschappen li.leeftijd9 { background: transparent url(/images/icons/icon_9plus_over.gif) no-repeat 0 0; }
ul.eigenschappen li.leeftijd9 a { background: transparent url(/images/icons/icon_9plus.gif) no-repeat 0 0; }

ul.eigenschappen li.leeftijd10 { background: transparent url(/images/icons/icon_10plus_over.gif) no-repeat 0 0; }
ul.eigenschappen li.leeftijd10 a { background: transparent url(/images/icons/icon_10plus.gif) no-repeat 0 0; }

ul.eigenschappen li.leeftijd11 { background: transparent url(/images/icons/icon_11plus_over.gif) no-repeat 0 0; }
ul.eigenschappen li.leeftijd11 a { background: transparent url(/images/icons/icon_11plus.gif) no-repeat 0 0; }

ul.eigenschappen li.leeftijd12 { background: transparent url(/images/icons/icon_12plus_over.gif) no-repeat 0 0; }
ul.eigenschappen li.leeftijd12 a { background: transparent url(/images/icons/icon_12plus.gif) no-repeat 0 0; }

ul.eigenschappen li.maaltijden { background: transparent url(/images/icons/icon_bestek_over.gif) no-repeat 0 0; }
ul.eigenschappen li.maaltijden a { background: transparent url(/images/icons/icon_bestek.gif) no-repeat 0 0; }

ul.eigenschappen li.plus { background: transparent url(/images/icons/icon_plus_over.gif) no-repeat 0 0; }
ul.eigenschappen li.plus a { background: transparent url(/images/icons/icon_plus.gif) no-repeat 0 0; }

ul.eigenschappen li.jongeren { background: transparent url(/images/icons/icon_jongeren_over.gif) no-repeat 0 0; }
ul.eigenschappen li.jongeren a { background: transparent url(/images/icons/icon_jongeren.gif) no-repeat 0 0; }

ul.eigenschappen li.koffie { background: transparent url(/images/icons/icon_koffie_over.gif) no-repeat 0 0; }
ul.eigenschappen li.koffie a { background: transparent url(/images/icons/icon_koffie.gif) no-repeat 0 0; }

/*-- ----------------------------------- aantallen ------------------------------- --*/

#bodyWinkelmandje .overzicht .select {

	width: 150px;
	margin: -18px 0 0 0px;
	float: right;
}

#bodyWinkelmandje .overzicht .select label {
	width: 100px;
}

/*-- ----------------------------------- help ------------------------------- --*/

a.help {
	display: block;
	float:left;
    position: relative;
    width: 27px;
    height: 27px;
    z-index: 24;
    color:#000;
    text-decoration:none;
}

a.help:hover {
	z-index:25;
	background-position: 0 0px;
	background: none;
}

a.help span {
	display: none;
}

a.help span.genre {
	display: block;
	width: 27px;
	height: 27px;
	text-indent: -666666px;
	overflow: hidden;
}

a.help:hover span.title { 
    display:block;
    position:absolute;
    left: 20px;
    top: 15px;
    padding: 0.3em 0.5em 0.7em 0.5em;
    margin: 0;
    width: 150px;
 	background-color:#747474;
	color: #ffffff;
}