/**
 * voorstelling css
 */

#bodyWrap { padding-bottom: 4em }

#mainColumn {
	width: 742px;
	width: 390px;
	float: left;
	position: relative;
	padding-bottom: 30px
}

.pageContent p.afbeelding img { position: absolute; top:0; left: 392px; padding-bottom: 30px} 


#subColumn {
	width: 166px;
	float: right;
}

#bodyVoorstelling #suggesties { float: left; width: 166px; clear: left; margin-bottom: 2em }
#winkelmandje { float: right; width: 166px }

#top { top: 0 }

#mainColumn .pageContent { padding: 14px; margin-bottom: 20px }

.pageContent .omschrijving,
.pageContent .weblink  { margin-top: 1em; }

.pageContent .weblink a			{ color: #5D2E89; background: none;  }
.pageContent .weblink a:hover 	{ color: #E60098; background: none;  }

.credits { font-style: italic;}

#mainColumn .voorstellingDatum { width: 6em; height: 6em; margin: 0; left: 392px; z-index: 1; line-height: 1.4 }
#mainColumn .voorstellingDatum .weekdag { font-size: 2.48em; font-weight: bold }
#mainColumn .voorstellingDatum .datum { font-size: 1.38em; }


h1.voorstellingKop { margin: 0; min-height: 51px; } /*66px*/

#mainColumn .mainColumnPart { padding: 10px 14px 5px 14px; }
#mainColumn .mainColumnPart dt { float: left; font-weight: bold; width: 20%; }
#mainColumn .mainColumnPart dd { float: right; text-align: left; width: 65%; }

#kaartenKopenForm input { float: none }

#kaartenKopenForm-winkelmandje { 
	/*color: #000;
	font-weight: bold;
	position: absolute;	
	text-decoration: none!important;
	top: 5px;
	background: #ffcc00; */
	width: 133px!important;
	height: 23px;
}

#mainColumn #prijzenContainer { float: left; position: relative; }
#mainColumn #voorstellingActies { background: #262626; position: relative; padding: 0px; width: 390px; }
#mainColumn #voorstellingActies .statusBtn	{ position: absolute; top: 10px; right: 32px;}
#mainColumn #voorstellingActies .statusBtn	p.status { position: absolute; top: -6px; right: 0px; width: 160px; }
#mainColumn #voorstellingActies fieldset {  
	float: left;
	width: 110px;
}
#mainColumn #voorstellingActies .properties {
	float: left; 
	width: 390px;
}
#mainColumn #voorstellingActies .properties .timeLocation,
#mainColumn #voorstellingActies .properties .propTitel{
	border: 1px solid #3a3a3a;
	border-width: 0px 0px 1px 0px;
	float: left;
	width: 370px;
	padding: 10px;	
}
#mainColumn #voorstellingActies .properties .timeLocation dt {
	clear: both;
}
#mainColumn #voorstellingActies .properties .propTitel { padding: 10px 10px 10px 10px; }
#mainColumn #voorstellingActies .properties .propTitel li { float: left; width: 100px; }
#mainColumn #voorstellingActies .properties #voorstellingPrijzen {
	border: 1px solid #3a3a3a;
	border-width: 0px 0px 1px 0px;
	float: left;
	display: block;
	width: 390px;
	padding: 10px 0px;
}
#mainColumn #audioFragmenten li a.active {
	
}

table#voorstellingPrijzen caption		{ display: none; }
table#voorstellingPrijzen td.kaartsoort { font-weight: bold; width: 123px!important;  padding: 0px 10px 0px 10px!important; vertical-align: bottom; text-align: left;  }
table#voorstellingPrijzen td.prijs 		{ width: 46px!important; white-space: nowrap; vertical-align: bottom; }

#maxinColumn #voorstellingActies fieldset input { float: left!important}
#voorstellingActies ul li a { display: block }

#vEigenschappen	{ float: left; width: 370px; padding: 10px 10px 10px 10px; margin: 0px;  border: 1px solid #3a3a3a; border-width: 0px 0px 1px 0px;}


#mainColumn #voorstellingActies p.status{ position: absolute; top: 0; }
#mainColumn #voorstellingActies p.status-extra { position: absolute; bottom: 0.6em; margin: 0; line-height: 1.1;  }

#voorstellingActies-video a,
#voorstellingActies-audio a {
	display: block;
	padding-left: 20px;
	background: transparent no-repeat 0 50%
}
#voorstellingActies-video a { background-image: url(../../images/ico_video.gif) }
#voorstellingActies-audio a { background-image: url(../../images/ico_audio.gif) }
#voorstellingActies li a.active { color: #fc0; }

#bodyVoorstelling #prijzenNTijden { width: 146px; margin-top:78px; padding: 10px 10px 10px 10px; }
#bodyVoorstelling #prijzenNTijden span.prijs { white-space: nowrap; }

#bladerAnchors { position: absolute; top: -65px; left: -550px }
#bladerAnchors .seperator { position: absolute; top: -999999px }
#bladerAnchors span { float: left; width: 180px }
#bladerAnchors .vorige { padding-left: 20px; background: transparent url(../../images/ico_vorige.gif) no-repeat 0 50% }
#bladerAnchors .volgende { text-align: right; padding-right: 20px; background: transparent url(../../images/ico_volgende.gif) no-repeat 100% 50% }
#bladerAnchors span.empty { padding-left: 20px; }

#formVoorstellingenFilter { right: 0; }

.pageContent form { position: relative; }

table#voorstellingPrijzen {
	table-layout: auto;
}
/* -- flash -- */
#mainContent .flashMediaPlayer {
	margin-left: -14px;
	margin-right: -14px; /*ie6*/
	margin-top: -10px;
}
#mainColumn #mainContent.mediaShow {
	background: #262626;
	color: #ffffff;
}
#mainColumn #mainContent.mediaShow .mediafragmenten {
	text-align: right;
}
#mainColumn #mainContent.mediaShow .mediafragmenten p { margin-top: 1em }
#mainColumn #mainContent.mediaShow .mediafragmenten a {
	background:none;
	color: #fff;
	text-decoration:underline;
	text-align: left;
}
#mainColumn #mainContent.mediaShow .mediafragmenten a:focus,
#mainColumn #mainContent.mediaShow .mediafragmenten a:hover,
#mainColumn #mainContent.mediaShow .mediafragmenten a:active {
	background:none;
	color: #fff;
	text-decoration:none;
	text-align: left;
}
#mainColumn #mainContent.mediaShow .mediafragmenten a.active {
	display: none;
}