/*-- ------------------- basic --------------------------- --*/

body
{
	margin: 0;
	padding: 0;
	color: #353535;
	font: normal 0.625em/130% verdana, arial, helvetica, sans-serif;
}

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;
}

h1
{
	font: bold 2em/160% verdana, arial, helvetica, sans-serif;
	padding: 0 0 0.2em 0;
	color: #ffffff;
	width: 650px;

}

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

h3
{
	font: bold 1.4em/130% verdana, arial, helvetica, sans-serif;
	padding: 0.7em 0 0.2em 0.5em;
}

h4
{
	font: bold 1.2em/110% verdana, arial, helvetica, sans-serif;
	padding: 0 0 0.1em 0;
}

h5
{
	font: bold 1em/120% verdana, arial, helvetica, sans-serif;
	padding: 0 0 0.2em 0;
}

h6
{
	font: bold 1em/110% verdana, arial, helvetica, sans-serif;
	padding: 0 0 0.4em 0;
}

#main ul
{
	padding: 0 0 1em 2em;
}

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

#container
{
	width: 782px;
	margin: 0 auto 0 auto;
}

#header
{
	background: transparent url(/images/background_header.gif) no-repeat 0 0;
}

#subHeader
{
	position: relative;
	padding: 0 0 0 2em;
	overflow: hidden;
}

#main
{
	padding: 0 0 20px 0;
}

#content
{
	float: left;
	width: 640px;
	overflow: hidden;
}

#footer
{
	padding: 0.2em 0 1em 2em;
	text-align: left;
}

#mainFooter
{
	width: 780px;
	clear: both;
}

/*-- ------------------- content ------------------------ --*/
/*
#headerMainContainer
{
	background: url(/images/background_leftcolumn.gif) repeat-y -170px 0;
}

#bodyStoelenplan #headerMainContainer
{
	background: url(/images/background_leftcolumn.gif) repeat-y 0 0;
}*/

#headerStoelenplan
{
	width: 570px;
}

#headerStoelenplan h3
{
	color: #ffffff;
}

.voorstellingsOverzicht td
{
	vertical-align: top;
	padding: 0.2em 0.5em 0.2em 0;
}

.extraInfo
{
	width: 150px;
}

.voorstelling
{
	margin: 0; padding: 0.5em 0 1em 0;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #000000;
}

.serie
{
	padding: 0.5em 0 0.5em 0;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #000000;
}

.voorstellingsOverzicht .serieRij td
{
	padding: 2em 0 0 0;
}

.serienaam label
{
	font-weight: bold;
}

.status
{
	font-size: 8px;
	padding: 0 0.2em 0 0.2em;
}

.overzicht dl
{
	display: block;
	padding: 0 0 1em 0;
}

.overzicht dl dt
{
	font-weight: bold
}

#voorstellingen span
{
	display: block;
	clear: both;
	width: 390px;
}

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

.rightColumnItem
{
	padding: 0 0 1em 0;
	margin: 0 0 1em 0;
	clear: both;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #000000;
}

#lijstWinkelmandje dl
{	
	padding: 0 0 1em 0;
}

#lijstWinkelmandje dd
{	
	font-style: italic
}

.bonusLijst
{
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color: #ffffff;
	width: 100%;
}

.bonusLijst  td
{
	vertical-align: top;
	padding: 0.2em 0.5em 0.2em 0;
	color: #000000
}
	
.bonusLijst .extraInfo
{
	width: 80px;
}

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

.paddingBox
{
	padding: 10px 10px 10px 20px;
}


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

#content
{
	width: 640px;
}

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

a.button
{
	display: block;
	clear: both;
	margin: 0.9em 0 1.0em 0;
	padding: 0.6em 0 0 0;
	width:200px;
	height: 18px;
	font-weight: bold;
	background-color: #ffffff;
	cursor: pointer;
	font-size: 1.2em;
	color: #ffffff;
	text-align: center;
}

a#buttonInlogGegevens, a#buttonNewAccount
{
	width: 200px;
}

a.button#stepButton
{
	padding: 8px 0 0 10px;
	width: 355px;
	height: 34px;
	margin: 0;
	font-size: 1.2em;
	background: transparent url(/images/button_left.gif) no-repeat 0 0;
}

a.button#stepButton span
{

	margin: 0px 0 0 0;
	display: block;
	float: left;
}	

a.smallButton
{
	display: block;
	clear: both;
	margin: 0 0 0 0;
	padding: 2px 0 10px 0;
	border: 0px;
	width: 289px;
	height: 25px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	background: transparent url(/images/button_left_small.gif) no-repeat 0 0;
	cursor: pointer;
}

a.smallButton span
{
	padding: 1px 0 0 10px;
	font: bold 1.3em/130% verdana, arial, helvetica, sans-serif;
	display: block;
	float: left;
}	


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

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

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

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

.visible
{
	display: block;
}

.invisible
{
	display: none;
}

/*-- ------------------- wachtrij --------------------------- --*/

#wachtRijIndicator  
{

}

#aantalWachtenden
{

}

#wachtRijOuterBox 
{
	width: 350px;
	height: 15px;
	border: 1px solid #666666;
	background: url(/images/background_indicator.gif) repeat-x 0 0;
	overflow: hidden;
}

#wachtRijInnerBox 
{
	width: 350px;
	text-align: right;
}

img#imgIndicator 
{
	height: 15px;
	width: 100%;
}

/*-- ------------------- pulldown --------------------------- --*/

#sorteerSelectorContainer
{

}

#sorteerSelectorContainer p
{
	float: left;
	padding: 0.2em 0.2em 20px 0;
}

#sorteerDropContainer
{
	float: left;
}

.selector
{
	width: 120px;
	height: 1.8em;
	border: 1px solid #666;
	margin: 0 0 0 0;
}

.selectorContainer
{
	padding: 0 0 0 0;
}

.selector span
{
	display: block;
	padding: 2px 0 0 10px;
	cursor: pointer;
	height: 19px;
}

.pullDown
{
	position: absolute;
	display: none;
	z-index: 20;
	padding: 0 0 0 0;
	overflow: hidden;
}

.pullDown ul
{
	display:block;
	margin: -1px 0 0 0;
	padding: 0!important;
	border: 1px solid #888;
	border-top-color: #666;
}

.pullDown li
{
	list-style: none;
	background-color: #fff!important;
	width: 120px;
}

.pullDown li span
{
	display: block;
	padding: 0 0 0.2em 10px;
	width: 110px;
	cursor: pointer;
}

.pullDown li span.dropMenuHover
{
	color: #000000;
	background-color: #bbb;
	text-decoration: none
}

/*-- ------------------------------ taal_menu    ----------------------------- --*/

#taalMenuContainer
{
	position: absolute;
	right: 10px;
	top: 12px;
}

#taalMenu
{
	display: block;

}

#taalMenu li
{
	float:left;
	list-style: none;
	padding: 0 0 0 5px;
}

#taalMenu li a
{
	display: block;
	width: 25px;
	height: 17px;		
}

#taalMenu li#taalMenuNl	a	{ background: url(/images/taal_nl_small.jpg) no-repeat 0 0;}
#taalMenu li#taalMenuEn	a	{ background: url(/images/taal_uk_small.jpg) no-repeat 0 0;}

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