/***********************************
*** Théâtre Varia - http://www.varia.be
*** Design en development by Megaluna - http://www.megaluna.be
*** Medium: Screen
***********************************/

/** Eric meyer's reset
******************************************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


/** Body
******************************************/
body
{
	background-color: #000000;
	font: 62.5% "Lucida Grande", Verdana, Arial, sans-serif;	
}


/** Belangrijkste structuur elementen
******************************************/
#container
{
	width: 1024px;
}

#header
{
	background:#000 url(../images/header_20112012_large.jpg) no-repeat;
	width: 724px;
	height: 306px;
}

#saison
{
	width: 724px;
	height: 150px;
	padding: 20px 0 0 0;
}

#saisonsmall
{
	background: transparent url(../images/saisonsmall.gif) no-repeat;
	width: 724px;
	height: 96px;
	padding: 30px 0 0 0;	
}

#saison0910
{	
	width:328px;
	height:121px;
	float:left;
	display:inline;
	margin:20px 0 0 75px;
}

#wrapper
{
	background: transparent url(../images/wrapper.gif) repeat-y;
	width: 724px;
	min-height:800px;
	height:auto !important;
	height:800px;	
	float: left;
	padding:10px 0 0 0; 
}

#optiebalk1
{
	width: 239px;
	float: left;
}

/*
#optiebalk2
{
	background: transparent url(../images/optiebalk2.gif) no-repeat;
	width: 170px;
	height: 720px;
	float: left;
	margin: -150px 0 0 0;
	padding: 35px 25px 0 20px;
}
*/
#optiebalk2
{
	width: 215px;	
	float: left;	
}

#inhoud
{
	width: 430px;
	height: auto;
	margin: 0 0 0 25px;
	float: left;
	overflow: hidden;
}

#inhoud_conditions
{
	width: 430px;
	height: auto;
	margin: 0 0 0 100px;
	float: left;
	overflow: hidden;
}

#footer
{
	background: transparent url(../images/footer.gif) no-repeat;
	width: 724px;
	height: 100px;
	float: left;
}

#gagnez
{
	text-indent: -9999px;
	width: 180px;
	height: 135px;
	float: left;
	margin: -150px 0 0 30px;	
}

#gagnez a,
#gagnez a:link,
#gagnez a:visited,
#gagnez a:active 
{
	display: block;
	background: transparent url(../images/gagnez3.jpg) 0 0 no-repeat;
	width: 130px;
	height: 131px;
}

#gagnez a:hover
{
	display: block;
	background: transparent url(../images/gagnez3.jpg) 0 -131px no-repeat;
	height: 131px;
}
/*
#annonce
{
	width: 180px;
	height: 135px;
	float: left;
	margin: -430px 0 0 35px;	
	background: transparent url(../images/annonce.jpg) 0 0 no-repeat;
}

#annonce a,
#annonce a:link,
#annonce a:visited,
#annonce a:active 
{
	display: block;	
	width: 130px;
	height: 131px;
	text-decoration:none;
	color:#FFFFFF;
}

#annonce a:hover
{
	color:#FF0000;
	text-decoration:none;
}

#annonce .titel
{
	border:1px red solid;
	width:100px;
	height:90px;	
	vertical-align:middle;
	text-align:center;
	font-size:1.5em;
	font-weight:bold;
	margin:20px 15px;
}
*/
#annonce 
{
	width: 130px;
	height: 131px; 
	overflow: hidden; 
	position: relative;
	margin: -150px 0 0 755px;	
	background: transparent url(../images/annonce_red.jpg) 0 0 no-repeat;
	
}

#annonce[id] 
{
	display: table; 
	position: static;
}

#middle 
{
	position: absolute; 
	top: 50%;
} /* for explorer only*/

#middle[id] 
{
	display: table-cell; 
	vertical-align: middle; 
	position: static;
}

#inner 
{
	position: relative; 
	top: -50%;
	text-align:center;
	width:100px;
	margin:20px 15px;
	
} /* for explorer only */


#inner a
{
	color:#FFFFFF;
	font-size:1.5em;
	font-weight:bold;
	text-decoration:none;
	border:1px green solid;
}

#inner a:hover
{
	/*color:#BA0001;*/
	color:#B3CA34;
}


/** Header
************************/
#header h1
{
	background: none;
	text-indent: -9999px;
	width: 155px;
	height: 110px;
	margin: 5px 0 0 30px;
}

#header h1 a,
#header h1 a:link,
#header h1 a:visited,
#header h1 a:hover,
#header h1 a:active {
	display: block;
	width: 155px;
	height: 110px;
}

#tickets
{
	/*background: transparent url(../images/gagnez.jpg) no-repeat;*/
	width: 165px;
	height: 164px;
	margin: 0 0 0 90px;
	float: left;
}

/*
#tickets a,
#tickets a:link,
#tickets a:visited,
#tickets a:hover,
#tickets a:active {
	display: block;
	width: 165px;
	height: 164px;
	text-indent: -9999px;
}
*/

blockquote
{
	font-size: 1.05em;	
	margin:0 25px 0 25px;
	width:380px;
	font-style:italic;
}

blockquote p
{
	margin:5px 0 0 0;
}

blockquote a strong
{
	color: red;
}


blockquote a
{
	color: black;
	text-decoration: none;
}

blockquote a:hover
{
	color: #ffffff;
	text-decoration: none;
}


	
/** Menu
******************************************/
#header ul
{
	font-weight:bold;
	list-style-type: none;
	height: 20px;
	width:645px;
}

#header #primair
{
	font-size: 1.3em;
	margin: 120px 0 0 70px;
	width:645px;	
}

#header #primair .boord
{
	border-right: 2px #7E9190 solid;
}

#header #secundair
{
	font-size: 1.2em;
	margin: 5px 0 0 70px;
	border-top: 1px #7E9190 solid;
	width:645px;
}

#header #secundair .boord
{
	border-right: 2px #7E9190 solid;
}

#header ul li
{
	float: left;
	margin: 5px 5px 0 0;
	padding: 0 5px 0 0;
	
}

#header ul li a
{
	color: black;
	text-decoration: none;
}

#header ul li a:hover
{
	color: #01894B;
}

#header ul .disabled a
{
	color: #d40000;
}
	
/** Optiebalk 1
************************/
#optiebalk1
{
	list-style-type: none;
	width: 239px;
}

#optiebalk1 li
{
	margin: 0;
	padding:0;
}

#optiebalk1 li strong
{
	font-weight: bold;
}

#optiebalk1 li a
{
	color: inherit;
	text-decoration: none;
}

#optiebalk1 li p
{
	width: 200px;
}

#optiebalk1 a,
#optiebalk1 a:link,
#optiebalk1 a:visited,
#optiebalk1 a:hover,
#optiebalk1 a:active {
	color:#FFFFFF;
}

/** Optiebalk 1: Verschillende blokken
**************/
#optiebalk1 .calender
{
	background: transparent url(../images/optiebalk1_calendar.gif) 0 0 no-repeat;
	width: 240px;
	height: 220px;	
}

#optiebalk1 .calender .text
{
	padding: 35px 0 0 20px;
	color: white;
	font-size: 1.3em;
}

#optiebalk1 .download
{
	background: transparent url(../images/optiebalk1_download.gif) 0 0 no-repeat;
	width: 240px;
	height: 250px;	
}

#optiebalk1 .download .text
{
	padding: 20px 0 0 20px;
	color: #293946;
	font-size: 1.3em;
}

#optiebalk1 .download .text a
{
	color: #293946;
	text-decoration:underline;
}

#optiebalk1 .download .text img
{
	margin: 7px 0 0 0;
}

#optiebalk1 .score
{
	background: transparent url(../images/optiebalk_spektakels.gif) no-repeat;
	color: #293946;
	font-size: 1.3em;
	padding: 20px 0 0 20px;
	height: 140px;
	width: 219px;
}

/* Mailing */
#optiebalk1 #mailing
{
	background: transparent url(../images/optiebalk1_mailing.gif) 0 0 no-repeat;	
	width: 240px;
	height: 350px;
}

#optiebalk1 #mailing .text
{
	font-size: 1.3em;
	color: #293946;
	padding: 30px 0 0 20px;
}

#optiebalk1 #mailing dl
{
	margin: 8px 0 0 0;
}


#optiebalk1 #mailing dl dd
{
	margin: 0 0 3px 0;
}

#optiebalk1 .links
{
	text-align:right;
	padding-right: 50px;
}

#optiebalk1 #mailing dl dd input
{
	border: 1px #333333 solid;
}

#optiebalk1 #mailing dl dd #verborgen
{
	display: none;
}

#optiebalk1 #mailing .text .facebook
{
	background: transparent url(../images/facebook.png) 0 0 no-repeat;
	padding-left:20px;	
	width:180px;
	margin-top:10px;
}

#optiebalk1 #mailing .text .facebook a
{
	color:#00549E;
}

#optiebalk1 #mailing .text .facebook a:hover
{
	color:#FFFFFF;
}

/* Adres */
#optiebalk1 .adres
{
	background: transparent url(../images/optiebalk1_adres.gif) 0 0 no-repeat;	
	width: 240px;
	height: 240px;	
}

#optiebalk1 .adres .text
{
	color: #293946;
	padding: 40px 0 0 25px;
}

#optiebalk1 .adres .text h5
{
	font-size: 1.2em;
	font-weight: bold;
}

#optiebalk1 .adres .text p
{
	font-size: 1.0em;
	margin: 0 0 10px 0;
}

#optiebalk1 .adres .text p a
{
	color: #293946;
	text-decoration: underline;
}

/* Public */
#optiebalk1 .sponsers h3, #optiebalk1 .envoi h3, #optiebalk1 .public h3
{
	font-size: 1.3em;
	font-weight: bold;
}

#optiebalk1 .public
{
	background: transparent url(../images/optiebalk4.gif) 0 0 no-repeat;	
	width: 239px;
	height: 228px;
}

#optiebalk1 .public .text
{
	color: #293946;
	padding: 30px 0 0 20px;
}

#optiebalk1 .public .text p, #optiebalk1 .envoi .text p
{
	color: #FFFFFF;
	font-size: 1.0em;
	margin: 5px 0 0 0;
}

#optiebalk1 .public .text ul
{
	color: #FFFFFF;
	margin: 8px 5px 30px 0;
	list-style:none;
}

#optiebalk1 .public .text li
{
	margin: 7px 0 0 0;
}

#optiebalk1 .public .text a
{
	color: #293946;
	text-decoration: underline;
}

#optiebalk1 .public .text h5 a
{
	color: #293946;
	font-size: 1.2em;
	text-decoration: none;
	background: transparent url(../images/places.gif) 0 .7em no-repeat;
	padding: 6px 0px 0px 15px;
}

#optiebalk1 .public .text li
{
	color: #293946;
	background: transparent url(../images/places.gif) 0 .7em no-repeat;
	padding: 6px 0px 0px 15px;
}

	#optiebalk1 .public .text li a
	{
		text-decoration:none;
	}



/* Envoi */
#optiebalk1 .envoi
{
	background: transparent url(../images/optiebalk4.gif) 0 -238px no-repeat;	
	width: 239px;
	height: 379px;
}

#optiebalk1 .envoi .text
{
	color: #293946;
	padding: 20px 0 0 20px;
}

#optiebalk1 .envoi .text p
{
	font-size: 1.2em;
}

#optiebalk1 .envoi .text .rood
{
	font-size: 0.9em;
	padding:0 0 5px 0;
}



/* Sponsers */
#optiebalk1 .sponsers
{
	background: transparent url(../images/optiebalk4.gif) 0 -621px no-repeat;
	color: #293946;
	width: 214px;
	height: 184px;
	padding: 20px 0 0 25px;
	/*list-style-type: none;
	margin: 15px 0 15px 0;*/
}

#optiebalk1 .sponsers li
{
	list-style:none;
	margin-top: 5px;
	float: left;
	padding: 0 2px 0 5px;
}

#optiebalk1 .sponsers a,
#optiebalk1 .sponsers a:link,
#optiebalk1 .sponsers a:visited,
#optiebalk1 .sponsers a:hover,
#optiebalk1 .sponsers a:active {
	font-size: 1.4em;
	color:#FFFFFF;
}

/** Optiebalk 2
************************/
#optiebalk2
{
	list-style-type: none;
	width: 215px;
}

#optiebalk2 li
{
	margin: 0;
	padding:0;
}

#optiebalk2 li strong
{
	font-weight: bold;
}

#optiebalk2 li a
{
	color: inherit;
	text-decoration: none;
}

#optiebalk2 li p
{
	width: 185px;
}

#optiebalk2 a,
#optiebalk2 a:link,
#optiebalk2 a:visited,
#optiebalk2 a:hover,
#optiebalk2 a:active {
	color:#FFFFFF;
}


/** Optiebalk2: verschillende blokken
**************/
#optiebalk2 .annonce
{
	background: transparent url(../images/optiebalk2_annonce.gif) 0 0 no-repeat;
	width: 194px;
	height: 100px;	
}

#optiebalk2 .annonce .text
{
	padding: 20px 0 0 12px;
	margin-right:5px;
	color: white;
	font-size: 1.3em;
}

#optiebalk2 .annonce .text a
{
	text-decoration:none;
}

#optiebalk2 .annonce .text a:hover
{
	color:#000000;
	text-decoration:none;
}

#optiebalk2 .partenaires
{
	background: transparent url(../images/optiebalk2_partenaires.gif) 0 0 no-repeat;
	width: 211px;
	height: 433px;	
}

#optiebalk2 .partenaires .text
{
	padding-top: 20px;
	margin:0 20px 0 12px;
	font-size: 1.2em;
}

#optiebalk2 .partenaires .text ul, #optiebalk2 .partenaires .text ul li
{
	padding:0;
	margin:0;
}

#optiebalk2 .partenaires .text h4
{
	background-color: black;
	font-size: 1.0em;
	color: white;
	width: 100%;
	height: 21px;
	padding: 4px 0 0 7px;
	margin: 15px 0 10px 0;
}

#optiebalk2 .youtube
{
	background: transparent url(../images/optiebalk2_youtube.gif) 0 0 no-repeat;
	width: 211px;
	height: 129px;	
}

#optiebalk2 .youtube .text
{
	padding: 20px 0 0 12px;
	font-size: 1.3em;
}

#optiebalk2 .youtube .text a
{
	color:#000000;
}

#optiebalk2 .youtube .text a:hover
{
	color:#666666;
}



/** Standaard opmaak
***********************/
h2
{
	font-size: 1.6em;
	/*color: red;*/
	font-weight:bold;
	text-transform: uppercase;
	padding-bottom: 15px;
}

.text
{
	font-size: 1.2em;
	line-height: 1.4em;
}

.text strong
{
	font-weight: bold;
}

.text p
{
	margin: 5px 0 15px 0;
}

.text a
{
	color: #ff0000;
}

.text h3
{
	font-size: 1.4em;
	/*background-color: #A9D100;*/
	padding: 2px 5px 2px 0px;
}

.text h4
{
	font-size: 1.2em;
	font-weight:bold;
}

.text h5
{
	font-size: 1.1em;
	font-weight:bold;
}

.text h6
{
	font-size: 1.0em;
	font-weight:bold;
}

.text ul
{
	list-style-type:disc;
	padding:0;
	margin: 0 0 10px 25px;
}

.text ol
{
	list-style-type:decimal;
	margin: 0 0 0 25px;
}

.text em
{
	font-style:italic;
}

.rood
{
	color: red;
}

.rood_strong
{
	color: red;
	font-weight:bold;
}

/** Gagner
***********************/
#gagner
{
	background-color: #efefef;
	border: 1px silver solid;
	padding: 20px;
}

#gagner dt,dd
{
	margin: 0 0 5px 0;
}

#gagner dd input
{
	border: 1px silver solid;
}

#gagner dd .button
{
	background-color: #98cb00;
	border: 3px #7fa900 double;
}


/** Zoeken
***********************/
.search
{
	background-color: #93a9a8;
	color: #ffffff;
	padding: 5px;
	margin: 10px 0 20px 0;
	font-size: 1.2em;
}

.search select
{
	border: 1px #333333 solid;
	
}

/** Upcoming: lijst,thumbs,...
************************/
.upcoming
{
	list-style-type: none;
	margin-bottom: 30px;	
}

.upcoming .highlight
{	
	padding: 15px;
	margin-bottom: 20px;
	display:block;
	float:left;
	width:400px;
}

.upcoming .speciaal
{
	background-color: #E1EBF3;
	margin: 0 0 15px 0;
}	

.upcoming .thumb
{
	float: right;
	margin: 0 0 0 10px;
	/*width: 109px;*/
}
	.upcoming .thumb p {
		font-size:9px;
	}

.upcoming .reserv
{
	background:#E66556 url(../images/reserver.gif) 0 0 no-repeat;
	color:#FFFFFF;
	float:right;
	height:20px;
	line-height:20px;
	margin:10px 0pt 0pt;
	text-align:center;
	width:109px;
}

.upcoming h4
{
	font-size: 1.5em;
	font-weight: bold;
}

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

.upcoming .data
{
	font-size: 1.2em;
	font-weight: bold;
}

.upcoming .info
{
	margin: 10px 0 10px 0;
	font-size: 1.3em;
	color: #293946;
}

.upcoming .text .auteur
{
	margin: 2px 0 0 0;
}

.upcoming .text .sideline
{
	margin: 0 0 0 0;
}

.upcoming .text .datum
{
	font-size: 0.9em;
	line-height: 1.2em;
	margin: 3px 0 0 0;
}



/** Upcoming:buttons
************************/
.upcoming li ul
{
	list-style-type: none;
	height: 25px;
}

.upcoming li ul li
{
	float: left;
	margin: 0 15px 0 0;
}

/*
.upcoming li ul .infobutton a,
.upcoming li ul .infobutton a:link,
.upcoming li ul .infobutton a:visited,
.upcoming li ul .infobutton a:hover,
.upcoming li ul .infobutton a:active {
	font-size: 1.2em;
	padding: 3px 5px 0 18px;
	display: block;
	width: 100px;
	background: transparent url(../images/info.gif) 0 4px no-repeat;
}
*/
	.infobutton a,
	.infobutton a:link,
	.infobutton a:visited,
	.infobutton a:hover,
	.infobutton a:active {
		font-size: 12px;
		padding: 3px 5px 0 18px;
		display: block !important;
		width: 100px !important;
		background: transparent url(../images/info.gif) 0 4px no-repeat !important;
		color:#7A7A7A !important;
		height:19px !important;
		text-decoration:none;
	}

.upcoming li ul .reserveren
{
	font-size: 1.2em;
	padding: 3px 5px 0 18px;
	display: block;
	width: 70px;
	background: transparent url(../images/places.gif) 0 4px no-repeat;
}

.upcoming li ul li a,
.upcoming li ul li a:link,
.upcoming li ul li a:visited,
.upcoming li ul li a:hover,
.upcoming li ul li a:active {
	color: #7a7a7a;
	text-decoration: none;
	display: block;
	width: auto;
	height: 19px;
}


/** Lijst met spektakels
************************/
.spektakels
{
	list-style-type: none;
	margin: 0 0 40px 0;
}

.spektakels li
{
	margin: 0 0 10px 0;
}

.spektakels .highlight
{
	background-color: #efefef;
	padding: 10px 10px 0 10px;
}

.spektakels li h4
{
	font-size: 1.5em;
}

.spektakels li p
{
	font-size: 1.2em;
}

.dag
{
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 10px;
}


/** Spektakels: meer & reserveren buttons
************************/
.spektakels li ul
{
	list-style-type: none;
	margin: 7px 0 0 0;
}

.spektakels li ul li
{
	font-size: 1.1em;
	margin: 0 20px 0 0;
	float: left;
}

.spektakels li ul li a
{
	padding: 0 0 0 20px;
	color: black;
}

.spektakels li ul .info a
{
	background: transparent url(../images/info.gif) 0 1px no-repeat;
}

.spektakels li ul .places a
{
	background: transparent url(../images/places.gif) 0 1px no-repeat;
}

.spektakels li ul li a,
.spektakels li ul li a:link,
.spektakels li ul li a:visited,
.spektakels li ul li a:hover,
.spektakels li ul li a:active {
	display: block;
	width: auto;
	height: 25px;
}

.reservatie_submit
{
	background: transparent (.../images/submit_form.jpg) 0 0 no-repeat;
	border:1px #cccccc solid;
}

/** Spektakels: onderverdeling
************************/
.genre1,.genre2,.genre3,.genre4
{
	border-bottom: 1px #d9d9d9 solid;
	width: 445px;
	height: 20px;
	margin: 0 0 10px 0;
	float:left;
	display:inline;
}

.genre1
{
	background: transparent url(../images/theatre.gif) no-repeat;
	text-indent: -9999px;
}

.genre2
{
	background: transparent url(../images/danse.gif) no-repeat;
	text-indent: -9999px;
}

.genre3
{
	background: transparent url(../images/autres.gif) no-repeat;
	text-indent: -9999px;
}

.genre4
{
	background: transparent url(../images/activitespart.gif) no-repeat;
	text-indent: -9999px;
}

/** Spektakels: detail
************************/
h3
{
	font-size: 1.5em;
	font-weight: bold;
}


/* Informatie en meer informatie */
.text .informatie
{
	color: #293946;
	margin: 0 0 15px 0;
}

div#inhoud .meerinformatie
{
	background-color: #EBEAE7;
	padding: 6px 6px 25px 25px;
	margin: 0;
}

div#wrapper div#inhoud .text .envoi
{
	background-color: #EBEAE7;
	padding: 6px 6px 25px 25px;
	margin: 0;
}

div#inhoud .envoi li
{
	list-style:none;
}



/* Thumb, sideline, acteurs */
.thumb
{
	width:100px;
	float: right;
}

/*
.sideline
{
	width: 270px;
	margin: 5px 0 20px 0;
}
*/

.text .auteur
{
	margin: 2px 0 0 0;
}

.text .sideline
{
	margin: 0 0 0 0;
}

.text .datum
{
	font-size: 0.9em;
	margin: 3px 0 10px 0;
}

div#inhoud .text .agenda
{
	margin: 0 0 15px 0;
	width: 300px;
}

div#inhoud .acteurs
{
	margin: 0 0 10px 0;
	width: 300px;
}

.acteurs strong
{
	font-weight: bold;
}

/* Reserveer en meer informatie buttons */
.reserveer
{
	color: white;
	font-weight: bold;
	background-color: red;
	padding: 6px;
	margin: 0 0 10px 0;
}

.reserveer a
{
	color: white;
	text-decoration: none;
}

div#inhoud div#form .conditions
{
	font-size: 1.1em;
	padding: 3px 5px 0 18px;
	background: transparent url(../images/places.gif) 0 6px no-repeat;
}

.conditions a
{
	color: #CCCCCC;
}

.conditions a:hover
{
	color: red;
}

div#inhoud .meer
{
	margin-top:0;
}

div#inhoud .text .meer a,
div#inhoud .text .meer a:link,
div#inhoud .text .meer a:visited,
div#inhoud .text .meer a:hover,
div#inhoud .text .meer a:active {
	color: #293946;
	text-decoration: none;
	background: #EBEAE7 url(../images/info.gif) 8px 8px no-repeat;
	width: 600px;
	padding: 6px 6px 6px 25px;
	margin-top: 15px;
	display: block;
}

div#inhoud .text .reserveren a,
div#inhoud .text .reserveren a:link,
div#inhoud .text .reserveren a:visited,
div#inhoud .text .reserveren a:hover,
div#inhoud .text .reserveren a:active {
	color: #FFFFFF;
	text-decoration: none;
	background: #ca1f03 url(../images/places.gif) 8px 8px no-repeat;
	width: 270px;
	padding: 6px 6px 6px 25px;
	margin: 15px 0 15px 0;
	display: block;
}

div#inhoud .text .next a,
div#inhoud .text .next a:link,
div#inhoud .text .next a:visited,
div#inhoud .text .next a:hover,
div#inhoud .text .next a:active {
	color: #293946;
	text-decoration: none;
	background: #EBEAE7 url(../images/places.gif) 8px 8px no-repeat;
	width: 600px;
	padding: 6px 6px 6px 25px;
	margin-top: 15px;
	display: block;
}

/* fotos van bestanden */
.spektakelbestanden
{
	list-style-type: none;
	height: 65px;
	margin: 0 0 25px 0;
}

.spektakelbestanden li
{
	/*width: 50px;
	height: 50px;*/
	float: left;
	border: 0;
	list-style:none;
	text-indent: -9999px;
	text-align:center;	
}

.spektakelbestanden li a,
.spektakelbestanden li a:link,
.spektakelbestanden li a:visited,
.spektakelbestanden li a:hover,
.spektakelbestanden li a:active {
	display: block;
	/*width: 50px;*/
	height: 50px;
}

.spektakelbestanden .doc
{
	background: transparent url(../images/word.jpg) 50% 50% no-repeat;
}

.spektakelbestanden .xls
{
	background: transparent url(../images/excel.jpg) 50% 50% no-repeat;
}

.spektakelbestanden .pdf
{
	background: transparent url(../images/pdf.jpg) 50% 50% no-repeat;
}

.spektakelbestanden .jpg, .spektakelbestanden .jpeg, .spektakelbestanden .gif
{
	background: transparent url(../images/jpg.gif) 50% 50% no-repeat;
}

/* fotos van spektakels */
.spektakelphotos
{
	list-style-type:none;
	background-color: #ebeae7;
	margin: 20px 0 0 0;
	padding: 20px;
}

.spektakelphotos img
{
	background-color: white;
	border: 1px silver solid;
	padding: 5px;
	margin: 0 10px 10px 0;
}

/* Reacties */
.reacties
{
	color: #293946;
	background-color: #EBEAE7;
	padding: 10px 6px 10px 25px;
	margin: 20px 0 10px 0;
}

.reacties h3
{
	margin-bottom: 15px;
}

.reacties ul
{
	list-style:none;
}

.reacties .titel
{
	font-size: 1.1em;
	font-weight:bold;
}

.reacties .tekst
{
	margin: 0 0 10px 0;
	padding-bottom:10px;
	border-bottom:1px solid #293946;
}
	.reacties .tekst:last-child {
		padding:0;
		border:none;
	}

.reacties_top
{
	margin: 5px 0 10px 0;
	text-align:right;
}

.reacties_top a,
.reacties_top a:link,
.reacties_top a:visited,
.reacties_top a:hover,
.reacties_top a:active,
.reacties_spektakel a,
.reacties_spektakel a:link,
.reacties_spektakel a:visited,
.reacties_spektakel a:hover,
.reacties_spektakel a:active {
	color: #293946;
	text-decoration: underline;
}

.reacties_spektakel
{
	background-color: #E1EBF3;
	padding: 15px 6px 15px 25px;
	margin-bottom:15px;
}

.text .reactions_anchors
{
	list-style:none;
	margin: 5px 0 25px 0;
	padding:0;
}

.text .reactions_anchors li
{
	list-style:none;
	margin: 5px 0 5px 0;
	padding:0;
}

div#inhoud .reactions_anchors a,
div#inhoud .reactions_anchors a:link,
div#inhoud .reactions_anchors a:visited,
div#inhoud .reactions_anchors a:hover,
div#inhoud .reactions_anchors a:active {
	background: transparent url(../images/arrow_down.jpg) no-repeat;
	color: #293946;
	font-size:1.1em;
	padding: 0 0 0 15px;
	text-decoration: underline;
}

div#inhoud .reacties .avis a,
div#inhoud .reacties .avis a:link,
div#inhoud .reacties .avis a:visited,
div#inhoud .reacties .avis a:hover,
div#inhoud .reacties .avis a:active {
	color: #293946;
	text-decoration: none;
	background: #A6A6A3 url(../images/info.gif) 8px 8px no-repeat;
	width: 350px;
	padding: 6px 6px 6px 25px;
	margin: 0;
	display: block;
}

.meeravis
{
	background-color: #A6A6A3;
	width: 350px;
	padding: 6px 6px 25px 25px;
	margin: 0;
}

.meeravis .input
{
	list-style:none;
}

.donnez_avis
{
	background: transparent url(../images/pen.gif) no-repeat;
	padding: 0 0 0 30px;
	height:22px;
}




.donnez_avis p
{
	margin:0;
	padding:0;
}

.reactions
{
	padding: 0 0 5px 15px;
}


/** Module Reservatie
*****************************/
#form dl
{
	background-color:#CCCCCC;
	padding: 10px;
	margin: 0 0 20px 0;
}

.fouten
{
	color:red;
	list-style: disc;
	padding: 0 0 0 20px;
	margin: 10px 0 10px 0;
}

#visa_iframe
{
	width: 620px;
	height: 600px;
	margin: 0 0 0 82px;
}

.reservation
{
	width:100%;
	padding: 10px 0 10px 0;
	border-collapse:collapse;
}

.reservation optgroup
{
	font-size:normal;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	color:red;
}

.reservation tr
{
	border-bottom:1px #CCCCCC solid;
}

.reservation td
{
	display:block;
	float:left;	
	padding:10px 0 10px 0;
}

div#form .reservation .spec_name, div#form .reservation .spec_aantal
{
	width: 50%;
}

div#form .reservation .spec_date
{
	width: 50%;
	margin:1px 0 0 0;
	text-align:right;
}

div#form .reservation .spec_date select
{
	width:180px;
}

.reservation .speciaal
{
	background-color: #CCCCCC;
}

.reservaties .betaald
{
	background-color: #E1EBF3;
	border: 1px red solid;
}

.small
{
	font-size: 0.9em;
}

/* betaal mogelijkheden */
#reservatiemodule
{
	list-style-type: none;
	margin: 10px 0 0 0;
	padding: 0;
}

#reservatiemodule li
{
	border: 1px silver solid;
	margin: 0 0 15px 0;
}

#reservatiemodule li a
{
	color: #343434;
	text-decoration: none;
	display:block;
	padding: 20px 20px 20px 45px;
}

#reservatiemodule li a:hover
{
	text-decoration: underline;
}

#reservatiemodule .bancaire a
{	
	background: #efefef url("../images/bancaire.jpg") 15px 17px no-repeat;
}

#reservatiemodule .visa a
{	
	background: #efefef url("../images/visa.jpg") 15px 20px no-repeat;
}

#reservatiemodule .surplace a
{	
	background: #efefef url("../images/surplace.jpg") 15px 19px no-repeat;
}

#form p
{
	padding: 0;
	margin: 0 0 10px 0;
}

#form table
{
	margin: 0 0 20px 0;
}

#form .send_btn
{
	margin: 0 0 20px 0;
}

#form .add_btn
{
	margin: 0 10px 20px 0;
	padding: 0 5px 0 5px;
	text-transform:uppercase;
	float:left;
	background-color: #EFEFEF;
	border:1px #cccccc solid;
}

#form .add_btn a
{
	color:black;
	text-decoration:none;
}

.prijzen
{
	border-collapse:collapse;
}

.prijzen td
{
	display:block;
	float:left;
	margin: 5px 0 5px 0;
	padding: 10px 5px 10px 5px;
	border-bottom: 1px #E0E0E0 solid;
}

.prijzen .type
{
	width: 270px;		
}

.prijzen .aantal
{
	margin: 0;
}

.reservatie_sum th
{
	margin:0;
	padding: 0 3px 0 3px;
	font-weight:bold;
	text-align:left;
}

.reservatie_sum .speciaal
{
	background-color:#EFEFEF;
}

.reservatie_sum td
{
	padding: 0 5px 0 5px;
}

.reservatie_sum .titre
{
	font-size:0.9em;
	width:152px;
}

.reservatie_sum .places
{
	padding-left: 5px;
}

div#somme
{
	float:left;
}

#inhoud .reserv_titel
{
	background-color: #99CC00;
	padding: 5px;
}

div#inhoud .reserv_knop a,
div#inhoud .reserv_knop a:link,
div#inhoud .reserv_knop a:visited,
div#inhoud .reserv_knop a:hover,
div#inhoud .reserv_knop a:active {
	color: #333333;
	background-color: #DCDCDC;
	border: 1px #A6A6A3 solid;
	text-decoration: none;
	padding: 5px;
	display: block;
	text-align:center;
	width: 170px;
}



/** Presse
***********************/
#presse
{
	background-color: #efefef;
	border: 1px silver solid;
	padding: 20px;
}

#presse dt,dd
{
	margin: 0 0 5px 0;
}

#presse dd input
{
	border: 1px silver solid;
}

#presse dd .button
{
	background-color: #98cb00;
	border: 3px #7fa900 double;
}



.pressebestanden
{
	list-style-type: none;
	margin: 5px 0 30px 0;
}

.pressebestanden li
{
	/*border-bottom: 1px silver solid;*/
	height: 15px;
	padding: 5px 0;
}

.pressebestanden li .links
{
	float: left;
}

.pressebestanden li .rechts
{
	float: right;
}

.pressebestanden li a img
{
	border: none;
}

.presse_spectacles .pressephotos li
{
	list-style:none;
	margin: 5px 0 5px 0;
	float: left;
	padding: 0 2px 0 5px;
	border:none;
	font-size:0.9em;
}

.presse_spectacles .pressephotos li a
{
	color: #000000;
	font-weight:normal;
}

.presse_spectacles .pressephotos li a:hover
{
	color: #000000;
	font-weight:normal;
}

.presse_spectacles a
{
	color:#000000;
}

.presse_spectacles li
{
	font-size:1.2em;
	padding: 5px;
	margin: 5px 0 5px 0;
	/*border-bottom: 1px silver solid;*/
	background-color:#EBEAE7;
}

.presse_spectacles li a
{
	text-decoration:none;
	font-weight:bold;
	color:#FF0000;
}

.presse_spectacles h4
{
	margin:5px 0 0 0;
	font-weight:bold;
}

.presse_spectacles .pressebestanden li
{
	font-size:1.0em;
	border:none;
}

/** Archives
******************************************/
iframe
{
	background: transparent url(../images/loading.gif) 50% 50% no-repeat;
	width: 420px;
	height:700px;
}

#inhoud .archief
{
	color: #ff0000;
	text-decoration:none;
	margin-bottom:0 0 10px 0;
}

#inhoud a:hover
{
	text-decoration:underline;
}

/** Startpagina
******************************************/
#info_pratique
{
	background: url(../images/info_pratique.gif) no-repeat;
	width: 375px;
	height: 47px;
	color: #FFFFFF;
	margin: 15px 0 15px 0;
	padding: 10px 10px 10px 50px;	
	font-size: 1.1em;
}

#info_pratique a,
#info_pratique a:link,
#info_pratique a:visited,
#info_pratique a:hover,
#info_pratique a:active 
{
	color: #ffffff;
	font-weight:bold;	
	
}

/** Tooltip
******************************************/
.tooltip
{ 
  background-color: #CB2004;
  color: #FFFFFF;
  font: 62.5% "Lucida Grande", Verdana, Arial, sans-serif;
  padding: 5px;
  border: 0px dotted #FFFFFF; 
}




/** footer
************************/
#footer p
{
	color: #999999;
	text-align: right;
	font-size: 1.3em;
	margin: 45px 0 0 0;
}

#footer p a
{
	color: #999999;
	text-decoration: none;
}

#footer p a:hover
{
	text-decoration: underline;
}

/** Hacksss
******************************************/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}