/*
donkergrijs				#9094a5
grijze letters			#777777
donkergrijze letters	#5a5d64
rood					#cc071e
*/


/* lay-out aanpassing test fast fix 
body #borderFadeContainer 	{ background: #FFDD00!important;}
body #topFadeContainer 		{ padding: 0px!important; background: none!important; }
#main 						{ background: #fff!important; width:673px!important;}
#leftColumn 				{ width: 170px!important; padding-left: 7px!important; }
#logoLawei a				{ background-position: 0 0!important;}
*/

/* 50  jaar icon */

.jubileum	{	
	display: block;
	left: -69px;
	position: absolute;
	z-index: 1; 
}

body
{
	margin: 0;
	padding: 0;
	color: #5a5d64;
	font: normal  62.5%/130% verdana, arial, helvetica, sans-serif;
	background-color: #000;
}

html
{
	font-size: 100%;
}

html, body
{
	height: 100%;
}

div, ul, li, dl, dd, dt, h1, h2, h3, h4, h5, h6, th, td, tr, table, p, span
{
	padding: 0;
	margin: 0;
}

p
{
	margin: 0 0 0 0;
	padding: 0.2em 0 0.5em 0;
}

p.italic
{
	font-style: italic;
}

.error
{
	color: #cc071e;
}

h1
{
	font: bold 2.2em/110% arial, verdana, helvetica, sans-serif;
	padding: 0 0 0.2em 0;
	color: #777777;
	
}

h2
{
	font: normal 1.5em/110% verdana, arial, helvetica, sans-serif;
	padding: 0 0 0.1em 0;
	text-transform: uppercase;
	color: #777777;
}

h3
{
	font: bold 1em/130% verdana, arial, helvetica, sans-serif;
	padding: 0.8em 0.5em 0.7em 9px;
	margin: 0 0 4px -8px;
	text-transform: uppercase;
	color: #aeaeae;
}

h4
{
	font: bold 0.9em/130% verdana, arial, helvetica, sans-serif;
	padding: 0.2em 0 0.2em 9px;
	text-transform: uppercase;
	margin: 8px 0 6px -8px;
	color: #8e8e8e;
}

h5
{
	font: bold 0.9em/120% verdana, arial, helvetica, sans-serif;
	padding: 0.2em 0 0.1em 0;
	text-transform: uppercase;
	color: #000;
}

h6
{
	font: normal 0.8em/100% verdana, arial, helvetica, sans-serif;
	padding: 0 0 0.4em 0;
}

a{
	outline: none;
}

#leftColumn a:link, #leftColumn a:visited
{
	color: #cc071e;
	text-decoration: none;
}
#rightColumn a:link, #rightColumn a:visited
{
	color: #fff;
	text-decoration: none;
}

#leftColumn a:active, #leftColumn a:hover
{
	color: #000;
	text-decoration: none;
	font-style: italic
}
#rightColumn a:active, #rightColumn a:hover
{
	color: #fff;
	text-decoration: none;
	font-style: italic
}

#header a:link, #header a:visited, 
#footer a:link, #footer a:visited
{
	color: #555555;
	text-decoration: none;
}

#header a:active, #header a:hover,
#footer a:active, #footer a:hover
{
	color: #cc071e;
	text-decoration: none;
}

#content a:link, #content a:visited
{
	color: #cc071e;
	text-decoration: none;
}

#content a:active, #content a:hover
{
	color: #cc071e;
	text-decoration: none;
}

#content .overzichtsHeader dt a:link, #content  .overzichtsHeader dt a:visited
{
	color: #5a5d64;
	text-decoration: none;
}

#content .overzichtsHeader dt a:active, #content .overzichtsHeader dt a:hover
{
	color: #cc071e;
	text-decoration: none;
}

#content a img
{
	border: 0px;
}

.userContent ul
{
	padding: 0 0 0 3em;
}

/*-- ------------------- Banner Items --------------------------- --*/
.bannerItem	a	{ float: left; height: 100px; margin: 0 0 8px 8px; text-indent: -66666px; width: 135px; background: transparent url(/images/banner_sprite.gif) no-repeat 0 0;}
.hopper	a		{ background-position: 0px 0px;}
.producties	a	{ height: 75px; background-position: 0px -327px;}
.gallerij a		{ height: 62px; background-position: 0px -109px; }
.hyves a		{ height: 74px; background-position: 0px -176px;}
.twitter a		{ height: 64px; margin-bottom: 4em; background-position: 0px -265px;}

/*-- ------------------- buttons --------------------------- --*/

a.button
{
	display: block;
	clear: both;
	margin: 10px 0 10px 0;
	padding: 0.4em 0 0.4em 10px;
	border:0px solid #dce0e6;
	width:150px;
	color:#ffffff!important;
	background-color: #cc071e;
	cursor:pointer;
	text-align: left;
	font: bold 1em/130% verdana, arial, helvetica, sans-serif;
	text-transform: uppercase;
}

a.button:hover
{
	color: #fff!important;
	text-decoration: none;
	font-style: italic;
}

/*-- ------------------- maandkleuren --------------------------- --*/

.kleur7, .kleur8, .kleur9 { background-color: #EDEEF2!important; }
.kleur10 { background-color: #EDEEF2!important; }
.kleur11 { background-color: #EDEEF2!important; }
.kleur12 { background-color: #EDEEF2!important; }
.kleur1 { background-color: #EDEEF2!important; }
.kleur2 { background-color: #EDEEF2!important; }
.kleur3 { background-color: #EDEEF2!important; }
.kleur4 { background-color: #EDEEF2!important; }
.kleur5 { background-color: #EDEEF2!important; }
.kleur6 { background-color: #EDEEF2!important; }

/*-- ------------------- datumkleuren --------------------------- --*/

.datumkleur7, .datumkleur8, .datumkleur9 { background-color: #cc071e!important; }
.datumkleur10 { background-color: #db6711!important; }
.datumkleur11 { background-color: #f29400!important; }
.datumkleur12 { background-color: #f7c700!important; }
.datumkleur1 { background-color: #ffdd00!important; }
.datumkleur2 { background-color: #cc071e!important; }
.datumkleur3 { background-color: #db6711!important; }
.datumkleur4 { background-color: #f29400!important; }
.datumkleur5 { background-color: #f7c700!important; }
.datumkleur6 { background-color: #ffdd00!important; }

.datumkleur7 p, .datumkleur8 p, .datumkleur9 p { color: #FFF!important; }
.datumkleur10 p { color: #FFF!important; }
.datumkleur11 p { color: #000!important; }
.datumkleur12 p { color: #000!important; }
.datumkleur1 p { color: #000!important; }
.datumkleur2 p { color: #FFF!important; }
.datumkleur3 p { color: #FFF!important; }
.datumkleur4 p { color: #000!important; }
.datumkleur5 p { color: #000!important; }
.datumkleur6 p { color: #000!important; }

/*-- ------------------- layout --------------------------- --*/

#container
{
	height: 500px;	
	width: 797px;
	margin: 0 auto 0 auto;
	height: 500px;
	position: relative;
}

html>body #container
{
	height: auto;
	min-height: 500px;
}

#borderFadeContainer
{
	background: #FFF url(../images/background_repeat.gif) repeat-y 50% 0;
	position: relative;
	margin: 0 -26px 0 -27px;
	height: 100px;
}

html>body #borderFadeContainer
{
	height: auto;
	min-height: 100px;
}

#topFadeContainer
{
	background: transparent url(../images/background_header.gif) no-repeat 50% 0;
	position:relative;
	padding: 0 26px 0 27px;
	height: 257px;

}

html>body #topFadeContainer
{
	height: auto;
	min-height: 257px;
}

#leftColumn
{
	float: left;
	width: 150px;
	overflow: hidden;
	padding: 0 0 2em 0;
	background-color: #ffdd00;
}

#main
{
	float: right;
	width: 647px;
	overflow: hidden;
}

#content
{
	float: left;
	font-size: 1.1em;
	line-height: 1.3em;
	overflow: hidden;
	padding: 0 0 2em 0;
	width: 442px;
}

#bodyHome #content, #bodyVoorstellingen #content, #bodyVoorstellingenDetail #content
{
	width: 100%;
	padding: 0 0 2em 0;
}

#content h3
{
	background-color: #eacac0;
}

#content h4
{
	background-color: #eacac0;
}

/*-- ------------------- paddingBox ------------------------ --*/

.paddingBox
{
	padding: 0;
}

#main .paddingBox
{
	padding: 0 18px 0 18px;
}

#content .paddingBox
{
	padding: 0 0 0 8px;
}

#bodyVoorstellingenDetail #content .paddingBox
{
	padding: 0;
}

#bodyVoorstellingenDetail #voorstellingsContent .paddingBox
{
	padding: 1em 20px 0 20px;
}

#bodyHome #content .paddingBox
{
	padding: 0;
}

/*-- ------------------- content home ------------------- --*/

#crumbtrailContainer
{
	padding: 0.2em 1.2em 0.4em 1.2em;
	background-color: #edeef2;
}

#crumbtrailContainer
{
	
}

#crumbtrail ul, #crumbtrail li
{
	display: inline;
}

#crumbtrail ul
{
	padding: 0 0 0 8px;
	background: transparent url(../images/arrow.gif) no-repeat 0 0.4em; 
}

#footer
{
	clear: both;
	padding: 0.2em 1.2em 0.4em 1.2em;
	background-color: #edeef2;	
}

/*-- ------------------- content home ------------------- --*/

#logoLawei
{
	width: 170px;
	height: 68px; 
	overflow: hidden;
}

#logoLawei a
{
	margin: 0;
	width: 170px;
	height: 68px;
	display: block;
	background: transparent url(../images/logo_delawei.gif) no-repeat -20px 0;
}

#logoLawei a span
{
	display: block;
	text-indent: -666666px;
}

#menuContainer
{
	width: 150px;
	height: 178px;
	background-color: #ffdd00;
}

#adresGegevens
{
	font-size: 0.9em;
	padding: 70px 3px 0 12px;
}	

#crumbtrail
{
	float: left;
}

#crumbtrail li, #crumbtrail ul
{
	display: inline;
}

#bestellijstSmall
{
	float: right;
}

#uitgelichtContainer object
{
	margin: 0 0 30px 0;
	clear: both;
}

#uitgelichtContainer 
{
	clear: both;
	padding: 0 0 30px 0;
}

#binnenkort
{
	position: relative;
	clear: both;
	float: none;
	/*height: 31em;*/
}

h2#headerBinnenkort
{
	width: 129px;
	height: 32px;
	background: transparent url(../images/header_binnenkort.gif) no-repeat 0 0;
	text-indent: -666666px;
}

#binnenkortItemsContainer
{
	width: 800px;
	position: relative;
}

.binnenkortItemDatum
{
	float: left;
	padding: 0 0 0 0;
	display: table;
	width: 38px;
	height: 30px;
	background: #b95141;
}

.binnenkortItemDatum p
{
	color: #ffffff;
	font: bold 1.1em/130% georgia, verdana, arial, helvetica, sans-serif;
	text-align: center;
	padding: 5px 0 0 0;
}

.binnenkortItemDatum p.extended
{
	padding: 0px 0;
	line-height: 110%;
}

.binnenkortItemDatum p.extended span 
{
	font-weight: normal;
	font-size: 0.86em;
}

.binnenkortItem
{
	display: table;
	float: left;
	width: 226px;
	height: 160px;
	padding: 0 0 0.7em 0;
	margin: 0 0 0 0;
	position: relative;
}

.binnenkortItem img
{
	float: left;
}

.binnenkortItem dl
{
	clear: both;
	width: 160px;
}

/* banners */
.goto-icon						{ background:url("/images/goto_transparent.gif") no-repeat scroll 0 100% transparent; padding-left: 15px; margin-left: 5px; }
.banner-1						{ float: left; margin-bottom: 1em; min-height: 200px; position: relative; width: 100%; }
.banner-1 img					{ height: 192px; left: 0px; position: absolute; top: 0px; width: 197px;}
.banner-1 div					{ float: left; padding-left: 225px; }
.banner-1 div p,
.banner-1 div h2				{ margin-left: 5px; }
.banner-1 h2					{ color: #22251c; font: bold 2.4em/1.3em arial; text-transform: none;  }
.banner-1 a .banner-btn 		{ display: block; height: 53px; margin-top: 10px; text-indent: -66666px; width: 263px; background: #F2E8D0 url(/images/banner_btn.gif) no-repeat 0 0;}
.banner-1 a:hover .banner-btn 	{ background-position: 0 -64px;}

/* newsitem */

#newsItemSpecialInfo
{
	float: left;
	width: 293px;
	width: 272px;
}

#newsItemSpecialContent {
	padding: 3px 5px 20px 13px;
	background: #EDEEF2;
}

#newsItemSpecial h1 {
	padding: 0.3em 0 0.2em 13px;
	background-color: #bdbdbd;
	color: #000;
}

#newsItemSpecial {
	display: table;
	float: left;
	width: 406px;
	width: 385px;
	height: 166px;
	position: relative;
	background: #F2E8D0 url(../images/rond_linksonder_licht.jpg) no-repeat 0 100%;
	/* margin: 0 0 0 -20px; */
}

#newsItemSpecial img {
	float: right;
	display: block;
}

.websiteLink
{
	background: url(../images/goto.jpg) no-repeat 0 100%;
	padding: 10px 0 0 20px;
}

#newsItemSpecial .websiteLink, #uitgelichtNonFlash #uitgelichtInfo .websiteLink
{
	background: url(../images/goto_transparent.gif) no-repeat 0 100%;
	padding: 10px 0 0 20px;
}

#uitgelichtNonFlash
{
	
}

#uitgelichtNonFlash h1
{
	background: #f1ccf2 url(../images/rond_rechtsboven_roze.jpg) no-repeat 100% 0;
	padding: 0.3em 0 0.2em 13px;
}

#uitgelichtNonFlash h2
{
	padding: 0.5em 0 0.2em 13px;
}

#uitgelichtAfbeelding
{
	width: 205px;
	height: 280px;
	float:left;
}

#uitgelichtContent
{
	padding: 0.3em 0 0.2em 13px;
}

#uitgelichtInfo
{
	float: left;
	width: 406px;
	background-color: #e0e1e5 ;
}

.newsItem
{

	float: left;
	width: 406px;
}

.newsItemContent
{
	padding: 0.3em 0 0.2em 13px;
}



/*-- ------------------- content pagina ------------------- --*/

.userContent img
{
	margin: 0 0.3em 0.3em -10px;
	float: left;
}

/*-- ------------------- content overzicht ------------------- --*/

a div.overzichtsItemDatum {
	border: 1px dotted red;
}

.overzichtsItem
{
	padding: 0 0 10px 30px;
}

#bodyInformatie .overzichtsItem
{
	padding: 0 0 10px 0;
	margin: 0 0 0 -8px;
}

	/* - overizchtsitem hover (js) -*/
	/*
	#bodyVoorstellingen .overzichtsItemContent { position: relative; }
	
	#bodyVoorstellingen .overzichtsItem .hoverBox {
		height: 100%; width: 410px;
		margin-left: 70px;
		background: #000;
		opacity: 0.1;
		filter: alpha(opacity=10);
		position: absolute; top: -999999px; left: 0;
		
	}
	*/
	#bodyVoorstellingen .overzichtsItemHover {
		cursor: pointer;	
	}
	
	#bodyVoorstellingen .overzichtsItemHover a { color: #cc071e!important }
	/*
	#bodyVoorstellingen .overzichtsItemHover .hoverBox { top: 0 }
	#bodyVoorstellingen .overzichtsItemHover .overzichtsHeader,
	#bodyVoorstellingen .overzichtsItemHover .overzichtsInfo,
	#bodyVoorstellingen .overzichtsItemHover .overzichtsInfo .buttonKopen { position: relative; z-index: 2}
	*/

.overzichtsItemContent
{
	width: 480px;
	float: left;
}

#bodyInformatie .overzichtsItemContent
{
	width: 402px;
}

#bodyVoorstellingen #content h3
{
	padding: 0.8em 0.5em 0.7em 9px;
	margin: 0 93px 14px 30px;
	text-transform: uppercase;
	color: #777777;
}

.overzichtsItemContent img
{
	float: left;
	clear: both;
	margin: 0 10px 0 0;
}

.overzichtsHeader
{
	height: 45px;
}

.overzichtsItemContent>.overzichtsHeader
{
	height: auto;
	min-height: 45px;
}

.overzichtsHeader dt 
{
	padding: 3px 0 0 0;
	font: bold 1.3em/100% helvetica, verdana, arial, helvetica, sans-serif;
}

.overzichtsHeader dd
{
	text-transform: uppercase;
	font: normal 1.1em/130% helvetica, verdana, arial, helvetica, sans-serif;
}


.overzichtsItemDatum
{
	float: left;
	display: block;
	width: 38px;
	height: 30px;
	background: #f2f1ee;
}

.overzichtsItemDatum p
{
	font: bold 1.1em/130% georgia, verdana, arial, helvetica, sans-serif;
	text-align: center;
	padding: 5px 0 0 0;
}

.overzichtsInfo
{
	padding: 5px 0 0 0;
}

.overzichtsInfo li
{
	display: block;
	float: left;
	list-style: none;
	height: 20px;
	padding: 0 8px 0 0;
	
}

.overzichtsInfo li.eigenschap
{
	width: 30px;
	height: 20px;
	padding: 0;
	margin: -5px 0 0 0;
}

.overzichtsInfo li.verlei
{
	width: 40px;
}

#bodyVoorstellingenDetail .overzichtsInfo
{
	padding: 10px 0 0 0;
	height: 25px;
}

.overzicht dl
{
	padding: 0 0 1em 0;
}
.overzicht dt
{
	font-weight: bold;	
}


/*-- ----------------------------- mt home ---------------------------------------- --*/

li.mtButton
{
	display: block;
	text-indent: -666666px!important;
	cursor:pointer;
	margin: 10px 0 10px 0;
	
/*	clear: both; 
	padding: 0 0 0 10px;*/
	border:0px solid #dce0e6;
	width:150px;
	height: 90px;
	/*color:#ffffff!important;
	background-color:#b60fd8;
	text-align: left;
	font: bold 1em/130% verdana, arial, helvetica, sans-serif;
	text-transform: uppercase;*/
}

a.mtButton:hover
{
	color: #889688!important;
	text-decoration: none;
	font-style: italic;
}

li#buttonMijnGegevens {background: #fff url(../images/button_persoonlijke_gegevens.gif) no-repeat 0px 0;}
li#buttonNieuwsbriefInstellingen {background: #fff url(../images/button_nieuwsbrief.gif) no-repeat 0px 0; }
li#buttonBestelLijst {background: #fff url(../images/button_bestellijst.gif) no-repeat 0px 0;}

li#buttonMijnGegevens a 
{
	background: #fff url(../images/button_persoonlijke_gegevens_over.gif) no-repeat 0px 0;
	display: block;
	height: 90px;
}
li#buttonNieuwsbriefInstellingen a 
{
	background: #fff url(../images/button_nieuwsbrief_over.gif) no-repeat 0px 0;
	display: block;
	height: 90px;
}
li#buttonBestelLijst a
{
	background: #fff url(../images/button_bestellijst_over.gif) no-repeat 0px 0;
	display: block;
	height: 90px;
}

#mtHomeButtons a:hover
{
	background: none;
}

/*-- ----------------------------- actions ---------------------------------------- --*/

.overzichtsInfo li.buttonKopen
{
	float: right;
	width: 126px;
	height: 20px;
}

#actions li.buttonKopen
{
	float: right;
	width: 150px;
	height: 53px;
	padding: 0;
}



.overzichtsInfo li.uitverkocht { background: #696d78 url(../images/button_uitverkocht.gif) no-repeat 31px 100%; }
.overzichtsInfo li.geannuleerd { background: #696d78 url(../images/button_geannuleerd.gif) no-repeat 25px 100%; }
.overzichtsInfo li.nietReserveerbaar { width: 150px; background: #696d78 url(../images/button_nietreserveerbaar.gif) no-repeat 8px 100%; }
.overzichtsInfo li.geweest { background: #696d78 url(../images/button_geweest.gif) no-repeat 62px 100%; }
.overzichtsInfo li.belKassa { background: #696d78 url(../images/button_belKassa.gif) no-repeat 53px center; }
.overzichtsInfo li.verkoopVanaf { background: #696d78 url(../images/button_verkoop_vanaf.gif) no-repeat 12px center; }


#actions li.uitverkocht { background: #696D78 url(../images/button_uitverkocht.gif) no-repeat 5px  100%; }
#actions li.geannuleerd { background: #696D78 url(../images/button_geannuleerd.gif) no-repeat 5px  100%; }
#actions li.nietReserveerbaar { width: 150px; background: #696D78 url(../images/button_nietreserveerbaar.gif) no-repeat 5px  100%; }
#actions li.geweest { background: #696D78 url(../images/button_geweest.gif) no-repeat 5px  100%; }
#actions li.verkoopVanaf { background: #696D78 url(../images/button_verkoop_vanaf.gif) no-repeat 5px  100%; }

.overzichtsInfo li.kopen a 		{ display: block; width: 126px; height: 15px; background: #cc071e url(../images/button_kaartenkopen.gif) no-repeat 14px 5px; }
.overzichtsInfo li.kopen 		{ background: #cc071e url(../images/button_kaartenkopen.gif) no-repeat  -108px 5px; }
.overzichtsInfo li.wachtrij a 	{ display: block; width: 126px; height: 18px; background: #cc071e url(../images/button_wachtrij.gif) no-repeat 13px 5px; }
.overzichtsInfo li.wachtrij		{ background: #cc071e url(../images/button_wachtrij.gif) no-repeat -107px 5px; }

.overzichtsInfo li.alleenInSerie { background: #cc071e url(../images/button_alleen_in_serie.gif) no-repeat 12px 5px; }




/* ---- status knoppen detailpagina ---*/
#actions li.kopen 		{ background: #cc071e url(../images/button_kaartenkopen.gif) no-repeat -114px 36px; }
#actions li.kopen a 	{ display: block; width: 120px; height: 53px; background: transparent url(../images/button_kaartenkopen.gif) no-repeat 7px 36px; }
#actions li.gaJeMee a 	{ display: block; width: 150px; height: 25px; background: #ffdd00 url(../images/button_gajemee.gif) no-repeat 5px 7px; }
#actions li.gaJeMee 	{ clear: right; height: 25px; background: #ffdd00 url(../images/button_gajemee.gif) no-repeat -156px 7px; }
#actions li.wachtrij 	{ background: #cc071e url(../images/button_wachtrij.gif) no-repeat -115px 36px; }
#actions li.wachtrij a 	{ display: block; width: 120px; height: 53px; background: transparent url(../images/button_wachtrij.gif) no-repeat 5px 36px;}

#actions li.alleenInSerie { background: #cc071e url(../images/button_alleen_in_serie.gif) no-repeat 6px 36px; }







.overzichtsInfo li.buttonKopen span, #actions li.buttonKopen span
{	
	display: block;
	text-indent: -666666px!important;
}

.overzichtsInfo li.buttonKopen a:hover, #actions li.buttonKopen a:hover
{
	background: none;
}



/*--------------------------- --------------------------------*/

a.help {
	display: block;
	float:left;
    position: relative;
    width: 30px;
    height: 25px;
    z-index: 24;
    color:#000;
    text-decoration:none;
	cursor: help;
}

li.filmclu a.help { background: transparent url(../images/icon_filmclub.gif) no-repeat 0 0; }
li.informa a.help { background: transparent url(../images/icon_informatie.gif) no-repeat 0 0; }
li.kweekvi a.help { background: transparent url(../images/icon_kweekvijver.gif) no-repeat 0 0; }
li.leeftij a.help { background: transparent url(../images/icon_leeftijd.gif) no-repeat 0 0; }
li.stormav a.help { background: transparent url(../images/icon_stormavond.gif) no-repeat 0 0; }
li.theater a.help { background: transparent url(../images/icon_theaterdiner.gif) no-repeat 0 0; }
li.warmaan a.help { background: transparent url(../images/icon_warmaanbevolen.gif) no-repeat 0 0; }
li.weekgek a.help { background: transparent url(../images/icon_weekvandegekte.gif) no-repeat 0 0; }
li.wereldk a.help { background: transparent url(../images/icon_wereldklasse.gif) no-repeat 0 0; }
li.gast a.help 	  { background: transparent url(../images/icon_gast.gif) no-repeat 0 0; }
li.oogapp a.help  { background: transparent url(../images/icon_oogappel.gif) no-repeat 0 0; }
li.inleid a.help  { background: transparent url(../images/icon_informatie.gif) no-repeat 0 0; }
li.dansen a.help  { background: transparent url(../images/icon_dansenna.gif) no-repeat 0 0; }
li.nagesp a.help  { background: transparent url(../images/icon_nagesprek.gif) no-repeat 0 0; }
li.taal a.help    { background: transparent url(../images/icon_talendialect.gif) no-repeat 0 0; }
li.aarde a.help   { background: transparent url(../images/icon_aarde.gif) no-repeat 0 0; }

li.water a.help   { background: transparent url(../images/icon_watervoorstelling.gif) no-repeat 0 0; }
li.verlei a.help  { width: 40px; background: transparent url(../images/icon_verleiding.gif) no-repeat 0 0; }

li.kop a.help   { background: transparent url(../images/icon_kopstukken.gif) no-repeat 0 0; }
li.premier a.help   { background: transparent url(../images/icon_premiere.gif) no-repeat 0 0; }
li.vuur a.help   { background: transparent url(../images/icon_vuur.gif) no-repeat 0 0; }
li.vrijh a.help   { background: transparent url(../images/icon_vrijheid.gif) no-repeat 0 0; }


a.help:hover
{
	z-index:25;
	background-position: 0 1px;
}

a.help span
{
	display: none;
}

a.help:hover span
{ 
    display:block;
    position:absolute;
    left: 20px;
    top: 15px;
    padding: 0.3em 0.5em 0.7em 0.5em;
    margin: 0;
    width: 150px;
 	background-color:#ffffff;
	color: #5a5d64;
	border: 1px solid #5A5D64;
}

/*-- ------------------- detail --------------------------- --*/

#infoContainer
{
	background: #e4e4e4;
}

#afbeeldingsContainer
{
	height: 340px;
	width: 440px;
	background: #dadfe5 url(../images/background_image_detail.jpg) no-repeat 0 0;
	float: left;
	text-align: right;
}

#voorstellingsInfoContainer
{
	float: right;
	width: 160px;
	color: #000000;
}

#detailDatum
{
	text-transform: uppercase;
	width: 150px;
}

#detailDatum span
{
	display: table-cell;
	float: left;
	padding: 1em 0.2em 0 0;
	margin: 0;
	font: bold 12px/12px helvetica, verdana, arial, sans-serif;
	height: 1.5em;
}

#detailDatum span#detailDatumDag
{
	clear: left;
	font: normal 40px/40px  helvetica, verdana, arial, sans-serif;
	padding: 0 0.3em 0 0;
}

#detailDatum span#detailDatumWeekdag
{
	width: 140px;
}

#voorstellingsInfo
{
	clear: both;
}

#voorstellingsInfo td
{
	vertical-align: top;
}

#voorstellingsInfoContainer .websiteLink
{
	background: url(../images/goto_transparent.gif) no-repeat 0 100%;
	padding: 10px 0 0 20px;
}

#bodyVoorstellingenDetail h1
{
	width: 440px;
	clear: both;
	padding: 0;
}

#bodyVoorstellingenDetail h1 span
{
	display: block;
	padding: 30px 0 3px 20px;
}

#bodyVoorstellingenDetail h2
{
	float: left;
	width: 440px;
	clear:left;
	padding: 0 0 0.3em 0;
	color: #000000;
	background: #efefef;	
}

#bodyVoorstellingenDetail h2 span
{
	display: block;
	padding: 2px 0 0 20px;
}

#bodyVoorstellingenDetail #detailHeader h5
{
	display: table-cell;
	padding: 0 0 2px 0;
	color: #ffffff;
	width: 125px;
	background: #7e828e;
}

#bodyVoorstellingenDetail #detailHeader h5 span
{
	display: block;
	padding: 2px 25px 0 20px;
}

#bodyVoorstellingenDetail #detailHeader .color
{
	background: #efefef;
	color: #000;
}

#voorstellingsContent
{
	width: 440px;
	clear: left;
	padding: 0 0 2em 0;
}

#actions li
{
	list-style: none;
}

#browsePage
{
	padding: 0 0 0 30px;
}

#browsePage div a
{
	display: block;
	padding: 0 0 0.2em 0;
	float: left;
	width: 240px;
	text-align: center;
	background-color: #edeef2;
}

#browsePage div a:hover
{
	background-color: #ffffff;
}

#voorstellingBeschrijvingTitel
{
	padding: 0 0 0.5em 0;
}
#voorstellingWebsite
{
	padding: 0.5em 0 0 0;
}
/*-- ------------------- menu --------------------------- --*/

#menu
{
	
}

#menu li
{
	line-height: 25px;
}

#menu li a
{
	display: block;
	width: 135px;
	height: 28px;
}

#menu li a span
{
	display: block;
	text-indent: -666666px;
}

#menu li#menuHome { background: transparent url(../images/menu_sprite.gif) no-repeat -215px -7px; }
#menu li#menuVoorstellingen { background: transparent url(../images/menu_sprite.gif) no-repeat -215px -32px; }
#menu li#menuDeGalerij { background: transparent url(../images/menu_sprite.gif) no-repeat -215px -57px; }
#menu li#menuVerhuur { background: transparent url(../images/menu_sprite.gif) no-repeat -215px -82px; }
#menu li#menuEtenEnDrinken { background: transparent url(../images/menu_sprite.gif) no-repeat -215px -107px; }
#menu li#menuInformatie { background: transparent url(../images/menu_sprite.gif) no-repeat -215px -132px; }

#menu li#menuHome a { background: transparent url(../images/menu_sprite.gif) no-repeat -23px -7px; }
#menu li#menuVoorstellingen a { background: transparent url(../images/menu_sprite.gif) no-repeat -23px -32px; }
#menu li#menuDeGalerij a { background: transparent url(../images/menu_sprite.gif) no-repeat -23px -57px; }
#menu li#menuVerhuur a { background: transparent url(../images/menu_sprite.gif) no-repeat -23px -82px; }
#menu li#menuEtenEnDrinken a { background: transparent url(../images/menu_sprite.gif) no-repeat -23px -107px; }
#menu li#menuInformatie a { background: transparent url(../images/menu_sprite.gif) no-repeat -23px -132px; }

#menu li#menuHome a:hover, #menu li#menuVoorstellingen a:hover, #menu li#menuDeGalerij a:hover, #menu li#menuVerhuur a:hover, #menu li#menuEtenEnDrinken a:hover ,#menu li#menuInformatie a:hover,
#bodyHome #menu li#menuHome a,
#bodyVoorstellingen #menu li#menuVoorstellingen a,
#bodyDeGalerij #menu li#menuDeGalerij a,
#bodyVerhuur #menu li#menuVerhuur a,
#bodyEtenEnDrinken #menu li#menuEtenEnDrinken a,
#bodyInformatie #menu li#menuInformatie a { background: none;}

/*-- ------------------- maand en genre --------------------------- --*/

#footerMenu li
{
	display: inline
}



/*-- ------------------- maand en genre --------------------------- --*/

#maandListContainer, #genreListContainer, #seizoenListContainer
{
	padding: 0 0 0 10px;
}

#maandListContainer ul, #genreListContainer ul, #seizoenListContainer ul, #subMenuContainer ul
{
	padding: 0 0 2em 14px;
	text-transform: uppercase;
}

#maandListContainer li, #genreListContainer li, #seizoenListContainer li, #subMenuContainer li
{
	list-style: none;
	line-height: 1.5em;
}

#maandListContainer h5, #genreListContainer h5
{
	display: block;
	width: 140px;
	height: 25px;
	text-indent: -666666px;
	background: transparent url(../images/zoek_op_maand.gif) no-repeat 0 0;
}

#genreListContainer h5
{
	background: transparent url(../images/zoek_op_genre.gif) no-repeat 0 0;
}
#rightColumn #genreListContainer h5
{
	background: transparent url(../images/zoek_op_genre_rechts.gif) no-repeat 0 0;
}
#rightColumn #maandListContainer h5
{
	background: transparent url(../images/zoek_op_maand_rechts.gif) no-repeat 0 0;
}
#seizoenListContainer h5
{
	background: transparent url(../images/selecteer_seizoen.gif) no-repeat 0 0;
}

#maandListContainer li a.active, #genreListContainer li a.active, #seizoenListContainer li a.active
{
	font-weight: bold;
}

/*-- ------------------- rechterkolom --------------------------- --*/

#rightColumn
{
	width: 150px;
	float: right;
	padding: 20px 0 0 0;
	margin: 0 0 10px 0;
	background: #cc071e;
	overflow: hidden;
}

#goedIdeeContainer
{
	clear: both;
	width: 150px;
	padding: 0 0 3px 0;
	margin: 0 0 0 0;
	background: #cc071e;
	overflow: hidden;
}

#goedIdee
{
	padding: 0 0 0 0;
}

#goedIdee a span
{
	display: block;
	width: 114px;
	height: 20px;
	background: transparent url(../images/button_goedidee.gif) no-repeat 2px 7px;
	text-indent: -666666px;
	
}

#goedIdee a:hover span
{
	width: 114px;
	height: 20px;
	background: transparent url(../images/button_goedidee.gif) no-repeat -119px 7px;

}

#goedIdee a img, #goedIdee a:hover img
{
	border: 0px;
	
}

/*-- ------------------- sitemap --------------------------- --*/

#bodySitemap #content ul
{
	padding: 0 0 0.3em 0;
}

#bodySitemap #content ul li
{
	margin: 0 0 0 1em;
	padding: 0 0 0 1.5em;
	list-style:none;
	background: #ffffff url(../images/sitemap_tree.gif) no-repeat 0 0;
}

/*-- ------------------- nieuw --------------------------- --*/

/*-- ------------------- extra --------------------------- --*/

.clear
{
	
	overflow: hidden;
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0px;
}

hr
{
	clear: both;
	margin: 10px 0 10px 0;
	padding: 0 20px 0 0;
	border: 0;
	display: block;
	height: 1px;
	width: 100%;
	color: #eec4ad;
	background-color: #eec4ad;
}

.hidden
{
	display: none;
}

/*-- ------------------- javascript --------------------------- --*/

.visible
{
	display: block;
}

.invisible
{
	display: none;
}

/* -------------- Fotogallerijen ----------------*/

div.fotogallerijImage img
{
	border:0;
}
div.fotogallerijImage
{
	margin:0px 0px 20px 0px;
}

div.fotogallerijImageEven
{
	float:left;
}

div.fotogallerijImageOdd
{
	float:right;
}