/*-- Posthuistheater                           --*/
/*-- powered by Peppered                       --*/
/*-- www.Peppered.nl                           --*/
/*-- Versie 1.00 - 14 mei 2007                 --*/
/*-- Auteur: BB                                --*/

/*
kleuren
rood e31818
grijs tekst 252525
*/

/* alles resetten */
a, blockquote, body, br, dd, dl, div, dt, em, h1, h2, h3, h4, h5, h6, hr, html, i, li, object, ol, p, pre, span, strong, th, td, tr, tt, ul {
	padding: 0;
	margin: 0;
	border: 0;
	list-style: none;
}

/* default platte tekst 11px */
html {
	font-size: 110%;
}

body {
	margin: 0;
	padding: 0;
	color: #747474;
	font: normal 62.5%/130% verdana, arial, helvetica, sans-serif;
	background: #ffffff url(../images/background_body.gif) repeat-x 0 0;
	text-align: center
}

img {
	margin: 0;
	border: 0;
}

/* lettergrootte en kleuren */
p {
	margin: 0 0 0 0;
	padding: 0.2em 0 0.7em 0;
}

p.comment {
	display: block;
	margin: 0 0 5px 0px;
	padding: 0.2em 0.5em 0.2em 0.5em;
	border: 1px solid #339900;
	background-color: #f1fff1;
}

p.error {
	display: block;
	margin: 0 0 5px 0px;
	padding: 0.2em 0.5em 0.2em 0.5em;
	border: 1px solid #ff0000;
	background-color: #fff1f1;
}

p.italic {
	font-style: italic;
}

address {
	font-style: normal;
	display: block;
	padding: 0 0 5px 0;
}

address span {
	display: block;
}

h1 {
	display: none;
}

h2, .h2 {
	font: bold 1em/130% verdana, arial, helvetica, sans-serif;
}

#leftColumn h2,
#rightColumn h2 {
	font: bold 1.8em/120% "QuadraatSans-Bold", arial, verdana, helvetica, sans-serif;
	font-size-adjust: 0.48;
	padding: 0 0 0 0;
	height: 25px;
	width: 167px;
	display: block;
	text-indent: -666666px;
	overflow: hidden;
}

h2#headerNieuws { background: transparent url(/images/header_nieuws.gif) no-repeat 0 0; }

h2#headerWinkelmandje { background: transparent url(/images/header_winkelmandje.gif) no-repeat 100% 0; }
h2#headerNieuwsbrief { background: transparent url(/images/header_nieuwsbrief.gif) no-repeat 100% 0; }
h2#headerAanraders { background: transparent url(/images/header_aanraders.gif) no-repeat 100% 0; }
/*h2#headerBrochure { height: 56px; background: transparent url(/images/banner_brochure.gif) no-repeat 0 0; }*/
h2#headerBrochure { height: 56px; background: transparent url(/images/banner_brochure.gif) no-repeat 0 0; }

h2#headerPoll { background: transparent url(/images/header_poll.gif) no-repeat 0 0; }

h2#headerSelecteerGenre { height: 20px; background: transparent url(/images/header_selecteer_genre.gif) no-repeat 0 0; }

h2#headerSelecteerMaand { height: 20px;background: transparent url(/images/header_selecteer_maand.gif) no-repeat 0 0; }


h3, .h3 {
	font: bold 1.2em/110% verdana, arial, helvetica, sans-serif;
	padding: 0em 0 0.3em 0;
	color:#e31818;
	
	color: #000000
}

#leftColumn .h3,
#rightColumn .h3 {
	font: bold 1em/110% verdana, arial, helvetica, sans-serif;	
}	

h4, .h4 {
	font: bold 1.1em/120% verdana, arial, helvetica, sans-serif;
	padding: 0 0 0.3em 0;
	color: #868686;
	

}

#leftColumn .h4,
#rightColumn .h4 {
	font: bold 1em/110% verdana, arial, helvetica, sans-serif;	
	color: #868686;
	color: #717174
}	

h5, .h5 {
	font: bold 1em/120% verdana, arial, helvetica, sans-serif;
	padding: 0 0 0.3em 0;
}

h6 {
	font: italic 1em/110% verdana, arial, helvetica, sans-serif;
	padding: 0 0 0.4em 0;
	color: #717174
}

/* links */
a:link, a:visited {
	color: #e31818;
	text-decoration: none;
}

a:active, a:hover {
	color: #000000;
	text-decoration: underline;
}

#leftColumn a:link, #leftColumn a:visited,
#rightColumn a:link, #rightColumn a:visited {
	color: #e31818;
	text-decoration: none;
}

#leftColumn a:active, #leftColumn a:hover,
#rightColumn a:active, #rightColumn a:hover 
{
	color: #000000;
	text-decoration: none;
}

#leftColumn .greyItem a:link, #leftColumn .greyItem a:visited,
#rightColumn .greyItem a:link, #rightColumn .greyItem a:visited {
	color: #ffffff;
	text-decoration: none;
}

#leftColumn .greyItem a:active, #leftColumn .greyItem a:hover, #leftColumn .greyItem #submenu a.active,
#rightColumn .greyItem a:active, #rightColumn .greyItem a:hover, #rightColumn .greyItem #submenu a.active
{
	color: #000000;
	text-decoration: none;
}

#crumbTrail a:link, #crumbTrail a:visited {
	color: #cccccc;
	text-decoration: none;
}

#crumbTrail a:active, #crumbTrail a:hover {
	color: #000000;
	text-decoration: none;
}

#menuContainer a:link, #menuContainer a:visited {
	color: #ffffff;
	text-decoration: none;
}

#menuContainer a:active, #menuContainer a:hover {
	color: #000000;
	text-decoration: none;
}

.content ul {
	padding: 0 0 1em 2em ;
}

.content ul li {
	list-style: disc;
}

.content ol {
	padding: 0 0 1em 2.5em ;
}

.content ol li {
	list-style: decimal;
}

/* prevent bottom-border in a */
a img {
	display: block;
}

table {
	border-collapse: collapse;
}

/*-- ------------------- layout --------------------------- --*/

#header {
	width: 968px;
	margin: 0 auto 0 auto;
	text-align: left;
}

.subHeader {
	width: 436px;
	width: 465px;
	padding: 0 0 20px 0;
	border-bottom: 1px dotted #c6c6c6;
}

#main {
	clear: both;
	width: 968px;
	margin: 0 auto 0 auto;
	text-align: left;
	padding: 26px 0 0 0;
}

#leftColumn, #middleColumn, #rightColumn {
	display: inline;
	float: left;
}

#leftColumn {
	width: 189px;
	margin: 0 0 0 25px;
}

#middleColumn {
	width: 483px;
	margin: 0 0 0 28px;
	overflow: hidden;
	position: relative;
}

#rightColumn {
	width: 189px;
	margin: 0 0 0 26px;
}

/*-- ------------------- paddingBox ------------------------ --*/

.paddingBox {
	float: left;
	clear: both;
	padding: 10px 10px 10px 10px;
	display: inline;
}

.content .paddingBox {
	overflow: hidden;
	float: left;
}

.content .newsBox {
	float: none!important;
}

#middleItem .paddingBox {
	padding: 7px 10px 10px 5px;
}

#rightColumn .content .paddingBox {
	padding: 7px 0px 10px 10px;
}

/*-- ------------------- content header ------------------------ --*/

#zoekContainer {
	width: 530px;
	float: right;
}

#logoTheaterContainer {
	width: 426px;
	height: 66px;
	float: left;
}

#logoTheater {
	display: block;
	float: left;
	padding: 41px 0 0 32px;
}

#voorstellingsLadder a:link, #voorstellingsLadder a:visited {
	color: #747474;
	text-decoration: none;
}

#voorstellingsLadder a:active, #voorstellingsLadder a:hover {
	color: #747474;
	text-decoration: none;
}

#voorstellingsLadderContainer {
	clear: both;
	text-align: left;
	padding: 0 0 0 0;
}

#bodyVoorstelling #voorstellingsLadderContainer li,
#bodyVoorstellingen #voorstellingsLadderContainer li {
	padding-top: 1.5em;
}

#voorstellingsLadder {
	float: left;
}

#voorstellingsLadder li {
	display: inline;
	float: left;
	position: relative;
	border: 1px solid #ffffff;
	border-width: 0 1px 1px 0;
}

#voorstellingsLadder li img {
	display: block;
}

#voorstellingsLadder li a {
	display: block;
	overflow: visible;
	cursor: pointer;
	padding: 0 0 0 0;
	position: relative;
	float: left;
	width: 120px;
}

#voorstellingsLadder li span {
	float: left;
	display: block;
}

#voorstellingsLadder li a span.ladderVoorstellingContainer {
	position: relative;
	width: 120px;
	height: 1.5em;
}

#voorstellingsLadder li a span.ladderVoorstelling {
	top: 0;
	position: absolute;
	width: 483px;
	height: 1.5em;
	z-index: 300;
	float: left;
	overflow: hidden!important;
	display: none;
}

#voorstellingsLadder li a span.leftHover span.ladderVoorstelling {
	right: 0;
	text-align: right;
}

#voorstellingsLadder li a:hover span.ladderVoorstelling {
	display: block;
}

#voorstellingsLadder li span.ladderItem {
	position: relative;
	width: 120px;
	height: 120px;
	float: left;
	z-index: 200
}

#voorstellingsLadder li img.ladderImage {
	position: absolute;
	background-color: #747474;
	width: 120px;
	height: 120px;
	bottom: 0;
	left: 0;
	float: left;
}

#voorstellingsLadder li a span.ladderDatum {
	top: 0;
	right: 0;
	position: absolute;
	z-index: 100;
	right: 0;
	color: #ffffff!important;
	background-color: #e31818;
	z-index: 200;
}

#voorstellingsLadder li a:hover span.ladderDatum {
	background-color: #717174
}

#voorstellingsLadder li .beschrijving span {
	clear: both;
}

/*-- ------------------- content ------------------------ --*/

.content {
	position: relative;
	float: left;
}

#leftColumn .content {
	width: 187px;
}

#middleColumn .content {
	width: 483px;
}

#rightColumn .content {
	width: 187px;
}

.lightgreyItem, .redItem, .greyItem {
	float: left;
	width: 100%;
}

#leftColumn .content,
#rightColumn .content {	
	
	border: 1px solid #747474;
	background: #747474 url(/images/background_grey.gif) repeat-x 0 0;
	color: #ffffff;
}

#leftColumn .lightgreyItem .content,
#rightColumn .lightgreyItem .content {
	border: 1px solid #c6c6c6;
	background: #f9f9f9 url(/images/background_lightgrey.gif) repeat-x 0 0;
	color: #747474;
}

#leftColumn .redItem  .content,
#rightColumn .redItem .content {
	border: 1px solid #e31818;
	background: #e31818 url(/images/background_red.gif) repeat-x 0 0;
	color: #ffffff;
}

.footer {
	clear: both;
	width: 100%;
	height: 25px;
	background: transparent url(/images/krul_grijs_links.gif) no-repeat 0 0;
}

.lightgreyItem .footer {
	background: transparent url(/images/krul_lichtgrijs_links.gif) no-repeat 0 0;
}

.rightFooter {
	background-position: right top!important;
}

.redItem .footer {
	background: transparent url(/images/krul_rood_rechts.gif) no-repeat 100% 0%;
}

.middleHeader {
	clear: both;
	background: transparent url(/images/krul_ondersteboven_links.gif) no-repeat 0 3px;
	padding: 15px 0 0 0;
	width: 100%;
}

.middleHeader h2 {
	background-color: #747474;
	color: #ffffff;
}

.middleFooter {
	clear: both;
	padding: 15px 0 0 0;
	width: 483px;	
	border-top: 1px dotted #c6c6c6;
}

#crumbTrailContainer {
	background-color: #747474;
	color: #ffffff;
	width: 100%;
}

#crumbTrail {
	padding: 0.8em 6px 0.8em 6px;
	font-weight: bold;
}

#crumbTrail li,
#crumbTrail ul{
	display: inline;
}

.headerContainer {
	background-color: #747474;
	color: #ffffff;
	width: 100%;
}

.headerContainer h2 {
	display: block;
	padding: 0.8em 6px 0.8em 6px;
	font-weight: bold;
}

.nieuwsBeschrijving {
	padding: 0 0 20px 0;
}

/*-- ------------------- rightColumn --------------------------- --*/

#winkelmandje {
	font-size: 0.9em;
}

.winkelmandje {
	display: block;
	float: left;
	padding: 0 0 1em 0;
}

.winkelmandje dt {
	display: block;
	font-weight: bold;
	float: left;
	width: 150px;
	
}

.winkelmandje dd {
	display: block;
	float: left;
	width: 102px;
}

.winkelmandje dd.aantal {
	float: right;
	width: 1.5em;
	text-align: right;
}

#aanraderContainer {
	position: relative;
	margin: 0 0 0 -3px;
}

#aanraderContainer a {
	font-weight: bold;
}

/*-- ------------------- mediagalerij --------------------------- --*/

.mediagalerijContainer {
	padding: 20px 0 0 0;
}

.mediagalerij {
	display: block;
	padding: 0!important;
}

.mediagalerij li {
	list-style: none!important;
	display: inline;
	float: left;
	padding: 0 20px 20px 0;
}

.mediagalerij li a {
	display: block;
	cursor: pointer;
}

.mediagalerij li a img {
	border: 1px solid #e31818;
}

.mediagalerij li a:hover img {
	border: 1px solid #252525;
}

/*-- ------------------- buttons --------------------------- --*/

.button {
	display: block;
	width: 167px;
	height: 12px;
	clear: both;
	overflow: hidden;
	margin: 5px 0 0 0;
	position: relative;
}

.button a {
	display: block!important;
	float: right!important;
	height : 12px;
	padding: 0!important;
	cursor: pointer;
}


.help,
.button input.help {
	cursor: help;
}

.button span.help {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
}

.buttonAanmelden { background: transparent url(/images/button_aanmelden_over.gif) no-repeat 100% 0; }
.buttonAanmelden a { width: 70px; background: transparent url(/images/button_aanmelden.gif) no-repeat 0 0; }

/*
.buttonAfrekenen { background: transparent url(/images/button_afrekenen_over.gif) no-repeat 100% 0; }
.buttonAfrekenen a { width: 67px; background: transparent url(/images/button_afrekenen.gif) no-repeat 0 0; }
*/
.buttonAfrekenen input { width: auto; }

.buttonBestelSnel { 
	position: relative;
	margin: -13px 0 0 0;
	background: transparent url(/images/button_bestel_snel_over.gif) no-repeat 100% 0; }
.buttonBestelSnel a { width: 68px; background: transparent url(/images/button_bestel_snel.gif) no-repeat 0 0; }

/*
.buttonDirectKaartenKopen { background: transparent url(/images/button_direct_kaarten_kopen_over.gif) no-repeat 100% 0; }
.buttonDirectKaartenKopen a { width: 124px; background: transparent url(/images/button_direct_kaarten_kopen.gif) no-repeat 0 0; }
*/
.buttonDirectKaartenKopen input { width: auto; }

.buttonGaJeMee { background: transparent url(/images/button_ga_je_mee_over.gif) no-repeat 100% 0; }
.buttonGaJeMee a { width: 66px; background: transparent url(/images/button_ga_je_mee.gif) no-repeat 100% 0; }

.buttonInWinkelmandjeArrow { background: transparent url(/images/button_in_winkelmandje_over.gif) no-repeat 100% 0; }
.buttonInWinkelmandjeArrow a { width: 100px; background: transparent url(/images/button_in_winkelmandje.gif) no-repeat 0 0; }

/*.buttonInWinkelmandje { background: transparent url(/images/button_in_winkelmandje_02_over.gif) no-repeat 100% 0; }
.buttonInWinkelmandje a { width: 89px!important; background: transparent url(/images/button_in_winkelmandje_02.gif) no-repeat 0 0; }*/
.buttonInWinkelmandje input { width: auto; }

.buttonWikenlmandjeLegen input { width: auto; }
.buttonVerderWinkelen input { width: auto; }
.buttonPlaatsenKiezen input { width: auto; }
.buttonPlaatsenKiezenA input { width: auto; }

.buttonVoorverkoopArrow { background: transparent url(/images/button_nuinvvk_over.gif) no-repeat 100% 0; }
.buttonVoorverkoopArrow a { width: 108px!important; background: transparent url(/images/button_nuinvvk.gif) no-repeat 0 0; }

.buttonVoorverkoop { background: transparent url(/images/button_nuinvvk_02_over.gif) no-repeat 100% 0; }
.buttonVoorverkoop a { width: 100px!important; background: transparent url(/images/button_nuinvvk_02.gif) no-repeat 0 0; }

.buttonKaartenKopen { background: transparent url(/images/button_kaarten_kopen_over.gif) no-repeat 100% 0; }
.buttonKaartenKopen a { width: 89px!important; background: transparent url(/images/button_kaarten_kopen.gif) no-repeat 0 0; }

.buttonLeesMeer { background: transparent url(/images/button_lees_meer_over.gif) no-repeat 100% 0; }
.buttonLeesMeer a { width: 53px!important; background: transparent url(/images/button_lees_meer.gif) no-repeat 0 0; }

.buttonLeesMeerArrow { background: transparent url(/images/button_lees_meer_arrow_over.gif) no-repeat 100% 0; }
.buttonLeesMeerArrow a { width: 70px!important; background: transparent url(/images/button_lees_meer_arrow.gif) no-repeat 0 0; }


.buttonLeesVerder { background: transparent url(/images/button_lees_verder_over.gif) no-repeat 100% 0; }
.buttonLeesVerder a { width: 70px; background: transparent url(/images/button_lees_verder.gif) no-repeat 0 0; }

.buttonMeerInfo { background: transparent url(/images/button_meer_info_over.gif) no-repeat 100% 0; }
.buttonMeerInfo a { width: 62px; background: transparent url(/images/button_lees_verder.gif) no-repeat 0 0; }

.txtButtonMeerKaartenKopen { background: transparent url(/images/button_meer_kaarten_kopen_over.gif) no-repeat 100% 0; }
.txtButtonMeerKaartenKopen a {  width: 119px; height: 12px; background: transparent url(/images/button_meer_kaarten_kopen.gif) no-repeat 0 0; }



.buttonNogEenUitnodigingSturen { background: transparent url(/images/button__over.gif) no-repeat 100% 0; }
.buttonNogEenUitnodigingSturen a { width: 160px; background: transparent url(/images/button_.gif) no-repeat 0 0; }

.buttonTerug { background: transparent url(/images/button_terug_over.gif) no-repeat 100% 0; }
.buttonTerug a { width: 40px; background: transparent url(/images/button_terug.gif) no-repeat 0 0; }

.buttonTerugNaarDeVoorstelling { background: transparent url(/images/button_terug_naar_de_voorstelling_over.gif) no-repeat 100% 0; }
.buttonTerugNaarDeVoorstelling a { width: 153px; background: transparent url(/images/button_terug_naar_de_voorstelling.gif) no-repeat 0 0; }

/*.buttonVerwijderen { background: transparent url(/images/button_verwijderen_over.gif) no-repeat 100% 0; }
.buttonVerwijderen a { width: 67px; background: transparent url(/images/button_verwijderen.gif) no-repeat 0 0; }*/
.buttonVerwijderen input { width: auto; }

.buttonVerzenden { background: transparent url(/images/button_verzenden_over.gif) no-repeat 100% 0; }
.buttonVerzenden a { width: 66px; background: transparent url(/images/button_verzenden.gif) no-repeat 0 0; }

.buttonWijzigen { background: transparent url(/images/button_wijzigen_over.gif) no-repeat 100% 0; }
.buttonWijzigen a { width: 55px; background: transparent url(/images/button_wijzigen.gif) no-repeat 0 0; }

.buttonVind { background: transparent url(/images/button_vind_over.gif) no-repeat 100% 0; }
.buttonVind a { width: 24px; background: transparent url(/images/button_vind.gif) no-repeat 0 0; }

.buttonUitverkocht { background: transparent url(/images/button_uitverkocht.gif) no-repeat 100% 0; }
.buttonGeannuleerd { background: transparent url(/images/button_geannuleerd.gif) no-repeat 100% 0; }
.buttonNietReserveerbaar { background: transparent url(/images/button_niet_reserveerbaar.gif) no-repeat 100% 0; }
.buttonGeweest { background: transparent url(/images/button_geweest.gif) no-repeat 100% 0; }

.buttonVorige { background: transparent url(/images/button_vorige_over.gif) no-repeat 100% 0; }
.buttonVorige a { width: 41px; background: transparent url(/images/button_vorige.gif) no-repeat 100% 0; }

.buttonVolgende { background: transparent url(/images/button_volgende_over.gif) no-repeat 100% 0; }
.buttonVolgende a { width: 57px; background: transparent url(/images/button_volgende.gif) no-repeat 100% 0; }

.buttonVorigeGenre { background: transparent url(/images/vorige_in_genre_over.gif) no-repeat 100% 0;}
.buttonVorigeGenre a { width: 107px; height: 14px; background: transparent url(/images/vorige_in_genre.gif) no-repeat 100% 0; }

.buttonVolgendeGenre { width: 123px; background: transparent url(/images/volgende_in_genre_over.gif) no-repeat 100% 0!important; }
.buttonVolgendeGenre a { width: 123px; height: 14px; background: transparent url(/images/volgende_in_genre.gif) no-repeat 100% 0!important; }

/* dialog buttons (sprites): see ui css */



.block {
	height: 14px!important;
	overflow: visible!important;
}

.button span {
	text-indent: -666666px;
	overflow: hidden;
	display: block;
}

.button a:hover {
	background: none!important;
}

#middleColumn .button {
	background-position: 0 0;
	position: relative;
}

#middleColumn .button a {
	float: left!important;
}

/*-- ------------------- menu --------------------------- --*/

#menuContainer {
	clear: both;
	float: left;
	width: 968px;
	background-color: #e31818;
	z-index: 100;
	position: relative;
	background: #e31818 url(/images/colon.gif) no-repeat 725px bottom;
}

#menuContainer p {
	display: none;
}

#menu {
	float: left;
	padding: 0 0 0 241px;
	position: relative;
	
}

#menu li {
	display: inline;
	width: 121px;
	height: 26px;
	float: left;
	position: relative;
}

#menu li span {
	display: block;
	background: transparent url(/images/colon.gif) no-repeat left bottom;
	width: 121px;
	height: 26px;
	float: left;
}

#menu li a {
	display: block;
	width: 121px;
	height: 26px;
	float: left;
	cursor: pointer;
}

#menu li#menuHome 		{ background: transparent url(/images/menu_home_over.gif) no-repeat 50% 8px; }
#menu li#menuVoorstellingen { background: transparent url(/images/menu_voorstellingen_over.gif) no-repeat 50% 8px; }
#menu li#menuInformatie { background: transparent url(/images/menu_informatie_over.gif) no-repeat 50% 8px; }
#menu li#menuVerhuur 	{ background: transparent url(/images/menu_verhuur_over.gif) no-repeat 50% 8px; }

#menu li#menuHome a			{ background: transparent url(/images/menu_home.gif) no-repeat 50% 8px; }
#menu li#menuVoorstellingen a { background: transparent url(/images/menu_voorstellingen.gif) no-repeat 50% 8px; }
#menu li#menuInformatie a 	{ background: transparent url(/images/menu_informatie.gif) no-repeat 50% 8px; }
#menu li#menuVerhuur a		{ background: transparent url(/images/menu_verhuur.gif) no-repeat 50% 8px; }

#menu li a:hover, #menu li a.active {
	background: none!important
}

#menu li span span {
	display: block;
	text-indent: -666666px;
	overflow: hidden;
}

/*-- ------------------- submenu --------------------------- --*/

#submenu {
	font-weight: bold;
	padding: 0!important;
}

#submenu ul {
	padding: 0!important;
	font-weight: normal;
}

#submenu li {
	list-style: none!important;
	padding: 0 0 0.6em 0!important;
}

#submenu li li {
	padding: 0.3em 0 0 15px!important;
}


/*-- ------------------- dropmenu --------------------------- --*/

#menu ul.dropMenu { 
	position: absolute; 
	display: none;
	top: 26px;
	left: 1px;
	padding: 0 0 0 0;
	z-index: 10; 
	background: none!important;
	background-color: #e31818!important;
	line-height: 90%;
	width: 120px;
	font-size: 1em;
	z-index: 150;
}

#menu ul.dropMenu li {
	height: auto!important;
	width: 100%!important;
	border: 0!important;
	font: normal 1em/90% verdana, arial, helvetica, sans-serif;
	display: block;
	clear: both;
}

#menu ul.dropMenu a {
	display: table-cell;
	height: auto!important;
	width: 110px!important;
	line-height: 120%;
	padding: 0.4em 5px 0.4em 5px;
	border: 0!important;
	background: none!important;
}

#menu ul.dropMenu span {
	background: none;
	height: auto;
	width: 110px!important;
}

#menu ul.dropMenu ul.dropSubMenu {
	position: absolute; 
	display: none;
	top: 0px;
	left: 117px;
	z-index: 200;
	border: 1px solid #ffffff!important;
	background-color: #e31818!important;
}

/*-- ------------------- footermenu --------------------------- --*/

.footerMenu {
	padding: 0!important;
	width: 100%;
}

.footerMenu li {
	list-style: none!important
}

.footerMenu li.buttonMeerKaartenKopen {
	background: none;
	float: left;
}
.footerMenu li.buttonAfrekenen {
	background: none;
	float: right;
	clear: none;

}

/*-- ------------------- extra --------------------------- --*/

.hidden {
	display: none;
}

.clear {
	overflow: hidden;
	clear: both;
	height: 0px;
	margin: 0px;
	font-size: 1px;
	line-height: 0px;
}

hr {
	clear: both;
	padding: 0 0 0 0;
	border: 0;
	display: block;
	height: 1px;
	width: 100%;
	color: #000000;
	background-color: #000000;
}


/* social media */ /*+ie7c*/
.social { margin-top: 1em; }
.social h2,
#leftColumn .social h2 {
	text-indent: 0;
	font-weight: normal;
	font-family: inherit;
	font-size: 1em;
	font-size-adjust: 0;
	vertical-align: middle;
	line-height: normal;
	display: inline-block;
	width: auto; height: auto;
	margin-right: 5px;
}

.social ul {
	display: inline-block;
	height: 15px;
	padding: 0;
	vertical-align: middle;
}

.social li {
	list-style: none;
	display: inline-block;
	width: 16px; height: 15px;
	margin-right: 5px;
}
.social li a {
	display: inline-block;
	width: 16px; height: 15px;
	background: transparent url(/images/social.gif);
	text-indent: -666666px;
	overflow: hidden;
}
.social li.twitter a { background-position: 0 0;  }
.social li.hyves a { background-position: -16px 0; }





/*-- ------------------- javascript --------------------------- --*/

.visible {
	display: block;
}

.invisible {
	display: none;
}

/* IR */

.ir {
	position: relative;
	overflow: hidden;
}
.ir-aid {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}