/*= --- voorstellingen kalender --- */

#bodyWrap { margin-bottom: 0em }

#bodyVoorstellingen h1 {
	min-height: 0;
	padding: 0;
	background: transparent!important;
	color: #ffcc00!important;
	font-size: 3.64em;
	font-weight: bold;
	text-transform: uppercase;
	position: relative; z-index: 1;
	line-height: normal;
}
#kopMaandBlader p { margin :0 }
#kopMaandBlader a {
	position: absolute;
}
#kopMaandBlader a.IRActive {
	width: 30px; height: 30px;
	z-index: 1;
	/*top: 39%;*/
}

a#bladerMaand-vorige {
	left: 27em;
	white-space: nowrap;
	top: 20%;
}
#bladerMaand-vorige.IRActive {	
	left: -15px; 
}

a#bladerMaand-volgende {
	left: 27em;
	white-space: nowrap;
	bottom: 20%;
	top: auto;
}
#bladerMaand-vorige.IRActive .IR-aid {
	background-color: #000;
	background-image: url(/images/ico_arrow-left-bm.gif);
}
#bladerMaand-volgende.IRActive {
	right: -15px;
	left: auto;
}
#bladerMaand-volgende.IRActive .IR-aid {
	background-color: #000;
	background-image: url(/images/ico_arrow-right-bm.gif);
}

#kopMaandBlader a.IRActive .IR-aid { background-position: 50% }

#kopMaandBlader {
	position: absolute;
	left: 200px;
	top: -65px;
	width: 28em;
	text-align: center;
}

ul.voorstellingenLijst  { float: left; padding-bottom: 5.5em }

#content { position: relative; zoom: 1; float: left; } /* +ie6c */
#top { top: 0; }
#formVoorstellingenFilter { right: 0; top: 50px }
#formVoorstellingenFilter.fx { right: 0; top: 52px }

#content ul.voorstellingenLijstKalender li.voorstelling {
	float: left;
	width: 128px; height: 128px;
	position: relative;
	margin: 1px;
	background: #262626;
	padding: 0;
	overflow: hidden;
}

/* hide contents */
#content ul.voorstellingenLijstKalender .voorstellingKop,
#content ul.voorstellingenLijstKalender dd,
#content ul.voorstellingenLijstKalender form,
#content ul.voorstellingenLijstKalender p.options {
	position: absolute;
	top: -999999px;
}
#content ul.voorstellingenLijstKalender dd.datum {
	position: static;
}
/*
#content ul.voorstellingenLijstKalender li.voorstellingHover .voorstellingKop,
#content ul.voorstellingenLijstKalender li.voorstellingHover dd {
	position: static; 
}
#content ul.voorstellingenLijstKalender li.voorstellingHover form {
	position: absolute; top: auto;
}
*/


/* ul.voorstellingenLijstKalender li span.datum { display: block; width: 35px; height: 35px; position: absolute; top:0; left:0; text-align: center; line-height: 1.12 } */
#content ul.voorstellingenLijstKalender li.voorstellingMelding { padding: 4px; width: 120px; height: 120px; }
#content ul.voorstellingenLijstKalender li.voorstellingMelding a { margin-top: 4em; display: block; text-transform: none; color: #999 }
#content ul.voorstellingenLijstKalender li.voorstellingMelding a:focus,
#content ul.voorstellingenLijstKalender li.voorstellingMelding a:hover,
#content ul.voorstellingenLijstKalender li.voorstellingMelding a:active {
	color: #fff;
}

#content ul.voorstellingenLijstKalender li.voorstellingMelding a .voorstellingDatum { font-size: 1.1em }
#content ul.voorstellingenLijstKalender li.voorstellingMelding a .leesMeer { display:block; color: #fff; text-transform: uppercase; margin-top: 1em }
#content ul.voorstellingenLijstKalender li.voorstellingMelding a:focus .leesMeer,
#content ul.voorstellingenLijstKalender li.voorstellingMelding a:hover .leesMeer,
#content ul.voorstellingenLijstKalender li.voorstellingMelding a:active .leesMeer {
	color: #FFDE00;
}

ul.voorstellingenLijstKalender li.voorstellingVacant .voorstellingDatum { color: #666666!important; background: transparent!important }
ul.voorstellingenLijstKalender li span.datum span.weekdag { font-size: 1.8em; text-transform: uppercase; }
ul.voorstellingenLijstKalender li.greyed span.datum { background-color: #666666 }

ul.voorstellingenLsijstKalender li.voorstelling { visibility: hidden; }
ul.voorstellingenLijstKalender li.voorstelling .voorstellingWrap {
	position: absolute;
	z-index: -1;
} 

#voorstellingPop {
	width: 260px; 	
	padding: 0;
	/*color: #ffde00;*/
}
#voorstellingPop h2 { margin-top: 0 }

#voorstellingPop .voorstellingWrap {
	position: relative;
	height: 98px;
	padding: 10px 10px;
	background: #000;
	border-bottom: 1px solid #4a4a4a;
}

.voorstellingPopHover { cursor: pointer; }

/*
ul.voorstellingenLijstKalender li.voorstellingHover .voorstellingWrap {
	lseft: 130px;
	z-index: 2;
	top: 35px;
	bordser: 1px solid red;
	background: #000;
}
*/

ul.voorstellingenLijstKalender li.voorstellingHover .voorstellingWrap img { z-index: 1 }

ul.voorstellingenLijstKalender li.voorstellingWeekdag1 { margin-left: 0!important }
ul.voorstellingenLijstKalender li.voorstellingWeekdag2 { margin-left: 130px!important }
ul.voorstellingenLijstKalender li.voorstellingWeekdag3 { margin-left: 260px!important }
ul.voorstellingenLijstKalender li.voorstellingWeekdag4 { margin-left: 390px!important }
ul.voorstellingenLijstKalender li.voorstellingWeekdag5 { margin-left: 520px!important }
ul.voorstellingenLijstKalender li.voorstellingWeekdag6 { margin-left: 650px!important }
ul.voorstellingenLijstKalender li.voorstellingWeekdag7 { margin-left: 780px!important }


/* -- xfade -- */
ul.voorstellingMultiple li { display: none; position: absolute; top: 0; left: 0; }
ul.voorstellingMultiple li.first { display: list-item }
ul.voorstellingMultiple li.hide {
	display: none;
	position: absolute!important;
	top: 0;
}

#snelmenu {
	bottom: 1em;
}


#maandKalenderOpties {
	position: absolute;
	right: 20px;
	bottom: 1em;
}
#maandKalenderOpties li {
	float: left;
}
#maandKalenderOpties a {
	display: block;
	padding: 4px 0 4px 30px;
	margin-left: 22px;
	width: auto!important;
}
#maandKalenderOpties-winkelmandje a {
	padding: 4px 0 4px 30px;
	background: transparent url(/images/ico_winkelmandje_bk.gif) no-repeat 0 30%;
}
#maandKalenderOpties-winkelmandje a span { color: #666!important }


#maandKalenderOpties a.voorstellingenLijstLink {
	position: static;
}