html, body {
	overflow-x: hidden;
}

body
{
	font-size: 8pt;
	line-height: 13pt;
	font-family: Verdana, Sans-Serif;
	text-align: center;
	width: 100%;
	height: 100%;
	margin: 0px 0px; 
	padding: 0px;
	text-align: left;
	background-color:#F8F8F8;
}

#content
{
	width: 996px;
	margin: auto;
	text-align: left;	
	padding-bottom: 30px;
}

img 
{
	border: 0px;
}

.agendaOuterDiv {
	height: 195px;
	margin-left: 28px;
	background-position: left top;
	background-image: url(../images/theater/streep.gif);
	background-repeat: repeat-y;
}

.agendaDagenPnl {
	position: relative;
	z-index: 200;
	width: 140px;
	height: 20px;
	margin-left: 20px;
	background-position: left top;
	background-image: url(../images/theater/agenda_patroon.gif);
	background-repeat: repeat-y;
}

.agendaPnl {
	margin-left: 20px;
	background-position: left top;
	background-image: url(../images/theater/agenda_patroon.gif);
	background-repeat: no-repeat;
}

.agendaDagLabel {
	position: relative;
	z-index: 200;
	float: left;
	width: 20px;
	height: 20px;
	text-align: center;
	font-size: 10px;
	display: block;
}

.agendaDagVerleden {
	width: 20px;
	height: 20px;
	background-color: #e4e6eb;
	color: #ada99c;
	cursor: pointer;
	display: block;
}

.agendaDagVerledenVorigeMaand {
	width: 20px;
	height: 20px;
	background-color: #f5f0e3;
	color: #ada99c;
	cursor: pointer;
	display: block;
}

.agendaDagVolgendeMaand {
	width: 20px;
	height: 20px;
	background-color: #adddf6;
	cursor: pointer;
	display: block;	
	color: #000;
}

.agendaDag {
	width: 20px;
	height: 20px;
	background-color: #9fc2d4;
	cursor: pointer;
	display:block;
	color: #000;
}

.agendaDagVandaag {
	width: 20px;
	height: 20px;
	background-color: #a50278;
	cursor: pointer;
	display:block;
	color: #fff;
}

.agendaMaand
{
	width: 20px;
	height: 10px;
	overflow: hidden;
}

.agendaMaandTitel {
	font-size: 9px;
	position: relative;
	top: -5px;
	overflow: hidden;

}

.agendaMaandBorder {
	float: left;
	margin-top: 4px;
	width: 1px;
	height: 26px;
	background-color: #000000;
	overflow: hidden;
}

.agendaItem
{
	width: 20px;
	height: 30px;
	float: left;
	text-align: center;
}

.agendaItemSmall
{
	width: 19px;
	height: 30px;
	float: left;
	text-align: center;
	
}

.agendaItem a, .agendaItemSmall a {
	text-decoration: none;
}

.agendaPaneel {
	position: absolute;
	z-index: 199;
}

.agendaPaneel2 {
	position: relative;
	font-size: 10px;
	line-height: 14px;
	border: solid 1px #000;
	padding: 10px;
	left: -250px;
	top: -5px;
	width: 400px;
	z-index: 199;
	background-color: #f8f8f8;
	height: auto !important;
	min-height: 200px;
	height: 200px;
}

.agendaPaneel3 {
	width: 220px;
	height: auto !important;
	min-height: 200px;
	height: 200px;
}

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

.agendaPaneel3 a:hover {
	text-decoration: underline;
	color: #f12c14;
}

.ExtraStream
{
	width: 320px;
	margin: -30px 0px 10px 10px;
	text-align: left;
	float: right;
}

#main
{	
	width: 996px;
	float: left;
	border: 1px #DDD solid;
	background-color: #FFF;	
	margin-bottom: 30px;
	background-position: center bottom;
	background-image: url(../images/theater/balkjes_onder.gif);
	background-repeat: no-repeat;	
	padding-bottom: 45px;
}

#streamHolder
{
	position:relative; 
	z-index: 2;
	float: left;
	width: 670px;
	margin-top: 150px;
	left: 30px;
	margin-bottom: 30px;	
}

#streamHolderHome
{
	
	float: left;
	margin-left: 30px;
	width: 670px;
	margin-top: 150px;
	left: 30px;
	margin-bottom: 30px;	
}

/* BEGIN COLUMN, FESTIVAL EN VOORSTELLING */

#mainFestival {
	height: auto !important;
	min-height: 520px;
	height: 520px;
}

#festivalNameHolder {
	position: absolute;
	z-index: 200;
	width: 483px;
	height: auto !important;
	min-height: 90px;
	height: 90px;
	margin-top: 61px;
	margin-left: 30px;

}

#festivalName {
	width: 360px;
	height: auto !important;
	min-height: 90px;
	height: 90px;
	float: left;
	background: black url(../images/theater/fsm.jpg) bottom right no-repeat;

}


#streamHolderFestival {
	float: left;
	width: 705px;
	margin-top: 150px;
	padding-left: 30px;
	margin-bottom: 30px;
}

#streamExtraFestival {
	width: 270px;
	margin: 0px 30px 10px 0px;
	text-align: left;
	float: left;
}

#streamContentFestival {
	width: 705px;
	float: right;
}

#mainColumn {
	width: 996px;
	padding-bottom: 45px;
	background: url(../images/theater/balkjes_onder.gif) center bottom no-repeat #ffffff;
	border: 1px solid #DDDDDD;
}

#paginaFotoColumn {
	position: relative;
	margin-top: 30px;
	margin-left: 30px;
}

#afbeelingCredits 
{
	background: #000;
	color: #fff;
	width: 379px;
	height: 18px;
	position: absolute;
	overflow: hidden;
	z-index: 200;
	margin-top: 482px;
	padding-left: 5px;
}

#paginaContentHolderColumn {
	position: relative;
	top: -500px;
	left: 160px;
	width: 806px;
	margin-bottom: -500px;
	margin-left: 30px;
}

#paginaContentHolderVoorstelling {
	position: relative;
	top: -500px;
	left: 0px;
	width: 966px;
	margin-bottom: -500px;
	margin-left: 30px;
}

#balkenHolderColumn {
	float: right;
	width: 430px;
	margin-right: 30px;
}

#th_balkenColumn {
	float: right;
	width: 400px;
	text-align: left;
}

#columnDatum {
	position: relative;
	width: 200px;
	top: 165px;
	background: white;
}

#columnHolder {
	display: table;
	clear: both;
	width: 806px;
}

#columnHolderVoorstelling {
	display: table;
	clear: both;
	width: 966px;
}

#columnContent {
	float: left;
	width: 566px;
	height: auto !important;
	min-height: 350px;
	height: 350px;
	padding-top: 35px;
	background: white;
}

#voorstellingContentExtra1 {
	float: left;
	width: 383px;
	height: auto !important;
	min-height: 0px;
	height: 0px;
	margin-top: 305px;
	padding-top: 20px;
}

#voorstellingContentExtra2 {
	width: 726px;
	height: auto !important;
	min-height: 0px;
	height: 0px;
	padding-top: 30px;
}

#voorstellingColumnContent {
	float: left;
	width: 343px;
	height: auto !important;
	min-height: 350px;
	height: 350px;
	background: white;
}

#menuHolderColumn {
	float: right;
	width: 240px;
	height: auto !important;
	min-height: 350px;
	height: 350px;
	padding-top: 15px;
	overflow-x: hidden;
}

#menuHolderVoorstelling {
	float: right;
	width: 240px;
	height: auto !important;
	min-height: 350px;
	height: 350px;
	padding-top: 15px;
		overflow-x: hidden;
}

#menuHolder {
	float: right;
	width: 240px;
	top: 0px;
	padding-top: 210px;	
	overflow-x: hidden;
}

#bestelTickets {
	float: right;
	width: 583px;
	height: 900px;
	display: none;
	background: white;
}

#bestelTicketsFrame {
	width: 553px;
	height: 900px;
	margin: 0px;
	padding: 0px;
}

/* EINDE COLUMN, FESTIVAL EN VOORSTELLING */

a.voorstZoeken {
	color: black;
	text-decoration: none;
}

a.voorstZoeken:hover {
	color: #f12c14;
	text-decoration: underline;
}


ol
{
	margin: 0px 0px 0px 2em;
	padding: 0px;
}

ul 
{
	margin: 0px 0px 0px 1.4em;
	padding: 0px;
}

p
{
	/*
	padding: 0px;
	margin: 0px;
	*/
	margin-top: 0px;
	padding-top: 0px;
}

#voorstellingHolder
{
	position:relative; 
	z-index: 2;
	float: left;
	width: 735px;
	top: 195px;
	left: 30px;
	margin-bottom: 30px;
}

#ExtraVoorstellingContent
{
	/*float: left;*/
	width: 385px;
	height: 30px;
	text-align: right;
	margin-top: 320px;
}

#voorstellingContent
{
	background-color: White;
	float: right;
	width: 350px;
	height: auto !important;
	min-height: 350px;
	height: 350px;
}

#streamHolderSub
{
	float: left;
	width: 705px;
	margin-top: 150px;
	padding-left: 30px;
	margin-bottom: 30px;
}

#streamContent
{
	width: 705px;
	top: 0px;
	left: 30px;
	float: left;
}

#streamLinks
{
	width: 320px;
	min-height: 320px;
	top: 0px;
	left: 30px;
	float: left;
}

#streamMidden
{
	width: 320px;
	background-color: #FFF;
	top: 0px;
	float: right;
	/*margin-top: 150px;*/
	margin-bottom: 30px;
}


#balkenHolder
{
	float: right;
	width: 430px;
	margin-top: 30px;
	height: 0px;
}

#th_balken
{
	display: block;
	position: absolute;
	float: right;
	width: 400px;
	text-align: left;
	overflow: visible;
	height: auto;
	z-index: 3;
}

.th_voorstellingAfbeelding
{
	margin-bottom: 3px;
	margin-top: 0px;
	padding-top: 0px;
}

.th_datumFloot
{
	position: absolute;
	width: 320px;
	height: 265px;
	vertical-align: bottom;
	text-align: right;
	margin-right: 6px;
	overflow: hidden;
}

.th_datumBlock
{
	height: 30px;
	width: 30px;
	margin: 235px auto auto auto;
	background-color: #E92D13;
	float: right;
}

.th_datumDag
{
	height: 30px;
	margin: 235px auto auto auto;
	background-color: White;
	float: left;
}

#paginaFoto
{
	position: absolute;
	margin-top: -1px;
}

#paginaFotoSub
{
	position: absolute;
	margin-top: -31px;
}


#paginaFotoVoorstelling
{
	position: absolute;
	margin-top: 30px;
	margin-left: 30px;
}


.menuItemTree
{
	margin-left: -7px;
	margin-bottom: 15px;
}

.th_menuItem
{
	margin-bottom: 15px;
	margin-left: 28px;
	padding-left: 10px;
	height: auto;
	background-position: left top;
	background-image: url(../images/theater/streep.gif);
	background-repeat: repeat-y;
}

.th_Item
{
	padding-bottom: 10px;
	margin-bottom: 10px;
	background-position: left bottom;
	background-image: url(../images/theater/streepHori.gif);
	background-repeat: repeat-x;
}

.MeerDiv
{
	font-size: 9px;
	color: #4f9dc8;
	cursor: pointer;
	background: url(/images/theater/streepHori.gif) bottom left repeat-x;
	padding-bottom: 10px;
	margin-bottom: 10px;
	float: right;
}

.element
{
	display: block;
	/* border: 1px solid #C00; */
	vertical-align: top;
}

a
{
	color: Black;
	text-decoration: underline;
}

a:hover {
	color: Black;
	text-decoration: none;
}

.seAfbeeldingFestivalMetTekst img {
	float: left;
	margin: 0px 20px 20px 0px;
}

/* -------------------------------- seLink ----------------------------------- */

.seLink A
{
	color: Black;
	background-position: left center;
	background-image: url(../images/theater/seStandaard/seBullLink.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
}
.seLink A:hover
{
	background-image: url(../images/theater/seStandaard/seBullLinkHi.gif);
	text-decoration: none;
}

.seLinkDown A
{
	color: Black;
	background-position: left center;
	background-image: url(../images/theater/seStandaard/seBullDown.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
}
.seLinkDown A:hover
{
	background-image: url(../images/theater/seStandaard/seBullDownHi.gif);
	text-decoration: none;
}

.seLinkExtern A
{
	color: Black;
	background-position: left center;
	background-image: url(../images/theater/seStandaard/seBullExtern.gif);
	background-repeat: no-repeat;
	padding-left: 10px;

}

.seLinkExtern A:hover
{
	background-image: url(../images/theater/seStandaard/seBullExternHi.gif);
	text-decoration: none;
}

.seLinkEmail A
{
	color: Black;

	background-position: left center;
	background-image: url(../images/theater/seStandaard/seBullEmail.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
}
.seLinkEmail A:hover
{
	background-image: url(../images/theater/seStandaard/seBullEmailHi.gif);
	text-decoration: none;
}

/* -------------------------------- seLink end ------------------------------- */



/* caroussel carrousel*/

#omvatCaroussel {
	width: 320px;
	height: 400px;
	overflow: hidden;
	background: #FFF;
	position: relative;
	clear: both;
}

#omvatCaroussel2 {
	width: 320px;
	height: 800px;
	overflow: hidden;
	background: #FFF;
	position: relative;
	clear: both;
}

.google 
{
	position: absolute;
	top: 0px;
	left: 0px;
}

.google h1 
{
	font-size: 10px;
	font-weight: normal;
}

.google a 
{
	text-decoration: none;
	color: #f8f8f8;
	cursor: default;
}

a.addthis_button
{
	margin: 0px;
	padding: 0px;
	background: none;
	float: right;
}