/*-- Theater op Hodenpijl                  	   --*/
/*-- powered by Peppered                       --*/
/*-- www.Peppered.nl                           --*/
/*-- Versie 1.00 - 23 july 2007                --*/
/*-- Auteur: Lieselot                          --*/

/*-- Laatstgewijzigd door Lieselot             --*/


/* --- voorstelling overzicht binnenkort --- */

#bodyActiviteiten .contentItem {
	padding-bottom: 35px;

}


#TipListItem {
	margin: 0 0 120px 0;
	float: left;
}

#TipListItem dl.voorstellingenOverzicht dt {
	position: relative;
	padding-left: 275px;
	clear: both;
	float: left;
	width: 208px;
}

#TipListItem dl.voorstellingenOverzicht dt img {
	position: absolute;
	left: 9px;
	top: 10px;
	border: 1px solid #9c9c9c;
}

#TipListItem dl.voorstellingenOverzicht dt span.imgBig {
	position: absolute;
	left: 0;
	border: none;
	background: transparent url(../../images/background_big.jpg) no-repeat left top;
	width: 260px;
	height: 272px;
	cursor: pointer;
}

#TipListItem dl.voorstellingenOverzicht span.titel,
#TipListItem dl.voorstellingenOverzicht span.datum {
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.0;
	color: #5f2013;
}

#TipListItem dl.voorstellingenOverzicht span.artiest {
	font-size: 2em;
	font-weight: bold;
	line-height: 1.0;
	color: #d11242;
}

#TipListItem dl.voorstellingenOverzicht p.meta {
	padding-top: 15px;
}


#TipListItem dl.voorstellingenOverzicht dd {
	clear: both;
	padding-left: 275px;
}

#TipListItem dl.voorstellingenOverzicht dd {
	width: 208px;
}

#TipListItem ul.anchors {
	padding: 15px 0;
}

#TipListItem ul.anchors li {
	display: block;
	clear: both;
	padding: 0 1em;
	line-height: 0.85; /* control the border height */
	float: left;
	border: none;
}

#TipListItem ul.anchors li.first {
	padding: 30px 0 0 0;
}

#TipListItem ul.anchors li.last {
	padding: 10px 0 0 0;
}


.expositieOverzicht dd {
	line-height: 1.2em;
}


dl.voorstellingenOverzicht p.meta {
	padding: 0px;
	margin: 0px;
	color: #b4967d;
}

body.programma dl.voorstellingenOverzicht p {
	margin: 0;
}

img#rolstoel {
	background: transparent url(../../images/icon_rolstoel.gif) no-repeat top left;
	position: absolute;
	right: 0px;
	top: -10px;
	height: 18px;
	width: 18px;
	display: block;
	text-indent: -99999px;
	cursor: pointer;
}

/* ---- expositie item -- */

span.imgBig {
	position: absolute;
	left: 0;
	top: 0px;
	background: transparent url(../../images/background_big.jpg) no-repeat left top;
	width: 260px;
	height: 272px;
	cursor: pointer;
	border: none;
}

span.imgBig img {
	position: absolute;
	left: 9px;
	top: 9px;
	cursor: pointer;
	border: 1px solid #9c9c9c;
}

dl.expositieOverzicht dt {
	position: relative;
	left: 0px;
	height: 8px;
	padding-left: 275px;
	width: 208px;
}

dl.expositieOverzicht dd {
	padding-left: 340px;
	position: relative;
	left: 0px;
	top: -0.45em;
	width: 130px;
}

dl.expositieOverzicht span.titel {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.0;
	color: #5f2013;
}

ul.anchors.detail {
	position: relative;
	left: 270px;
	top: 20px;
	width: 120px;
	padding-bottom: 20px;
	height: 20px;
}

ul.anchors li#aanmelding {
	border: none;
	clear: none;
	display: block;
	padding: 5px 0px;
	height: 20px;
}

ul.anchors li#geweest {
	border: none;
	clear: none;
	display: block;
	padding: 5px 0px;
	height: 20px;
}

ul.anchors li#tipEenVriend {
	border: none;
	clear: none;
	display: block;
	padding: 0px 0px;
	height: 20px;
}

dl.expositieOverzicht ul.anchors li.last {
	padding: 10px 0 0 0;
}



/* ---- suggesties ---- */

#suggestiesItem ul {
	float: left;
	width: 100%;
}

#suggestiesItem li {
	float: left;
	width: 50%;
}

#suggestiesItem li img {
	float: left;
	height: 68px;
	width: 68px;
	border: 1px solid #9c9c9c;
	top: 7px;
	left: 8px;
	position: relative;
	
}

#suggestiesItem li span.outer {
 	display: block;
 	margin: 0 5px 0 100px;
 	overflow: visible;
 	width: 120px;
}

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

table.calendar {
	width: 134px;
	border-collapse: separate;
	border-spacing: 0px;
	table-layout: fixed;
	color: #d11242;
	font-size: 1em;
}

table.calendar td,
table.calendar th {
	text-align: center;
	vertical-align: middle;
}

table.calendar .weekNr span {
	text-align: center;
	vertical-align: middle;
	font-weight: bold!important;
	color: #d11242;
}

table.calendar span {
	display: block;
	padding: 1px;
	font-weight: normal!important;
	color: #bca48b;
}

table.calendar a {
	font-weight: normal;
	font-size: 1em;
}


table.calendar th a {
	font-weight: bold!important;
	font-size: 1em;
}


table.calendar a.active,
table.calendar a:hover,
table.calendar a:active {
	font-weight: bold!important;
	color: #5f2013;
}


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;
}

select#formCalendar-maand {
	width: 132px;
}