/*-- Voorverkoop 2007                          --*/
/*-- powered by Peppered                       --*/
/*-- www.Peppered.nl                           --*/
/*-- Versie 1.00 - 23 april 2006               --*/
/*-- Auteur: BB                                --*/

/*
grijs: E5E5E5
oranje: ED7404
blauw menubalk: 00B1E7
blauw hover menubalk: 9EE8FF
blauw linkjes: 00A2D4
groen: 6AA224
*/

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

/* default platte tekst 10px */
html {	font-size: 90%;	#font-size: 100%; background-color: #E5E5E5; }

/* alles resetten */
a, blockquote, body, br, dd, dl, div, dt, em, h1, h2, h3, h4, h5, h6, hr, html, i, input, li, object, ol, p, pre, span, strong, style, th, td, tr, tt, ul{
	padding: 0;
	margin: 0;
	border: 0;
	list-style: none;
}

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

fieldset, img, a img,
abbr, acronym {
	border: 0;
	margin: 0;
	padding: 0;
}


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

p.italic
{
	font-style: italic;
}

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

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

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

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

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

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

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

#main ul 										{ padding: 0 0 1em 0; }
#main ul li 								{ list-style: none; }
#main ol 										{ padding: 0 0 1em 2.5em ; }
#main ol li 								{ list-style: decimal; }

/* prevent bottom-border in a */
a img 											{ display: block; border: none; }

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

#container									{	width: 782px;	margin: 10px auto 0 auto; }
#header											{ background: transparent url(/images/vvk_site_header_02.jpg) no-repeat 0 0; }
#subHeader									{	padding: 0 0 0 2em;	overflow: hidden; }
#main												{	padding: 0 0 20px 0; }
#leftColumn										{	float: left; width: 549px; overflow: hidden; }
#bodyStoelenplan #leftColumn	{	width: 610px; }
#rightColumn									{	float:right; width: 207px; overflow: hidden; text-align: right; font-size: 1em; padding: 20px 5px 0 0; line-height: 170%; }
#bodyStoelenplan #rightColumn { width: 170px; }
#footer											{	padding: 5px 15px 1em 2em;	text-align: left; }
#mainFooter									{	width: 780px;	clear: both; }
#infoContainer																{ line-height: 140%; margin: 25px 20px 30px 20px; }

#menuContainer							{	height: 10px;	padding: 15px 0; }
#menuContainer li						{	padding: 0 3px;	font-size: 1.3em; font-weight: bold; height: auto; width: auto; float: left; margin-right: 5px; }
#menuContainer a						{	color: #fff; }
#menuContainer a:hover, 
#menuContainer a.active			{ color: #000; text-decoration: none; }

#programmaFilter			{ float: right; margin-top: -4px; padding-right: 15px; width: 380px; }
#programmaFilter select			{ font-size: 1.0em; border: 1px solid #000; margin-left: 10px; float: right; }

.backBtn															{ float: right; padding: 0 10px 20px 35px; }
.pageTitle														{ font-size: 1.1em; font-weight: bold; text-transform: uppercase;}
.txtLinks															{	bottom: 0; right: 0; line-height: 1.1; margin: 0; }
.txtLink 															{ display: block; border: 0px!important; background-color: transparent; font: 1.0em/1.333 Arial, Helvetica, sans-serif; cursor: hand; cursor: pointer; }


.toLeft											{ float: left; }
.toRight										{ float: right; }

.hidden											{ display: none; }
.clr												{ clear: both; }

/*-- ------------------- linker kolom ------------------------ --*/

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

#headerStoelenplan					{ width: 570px; }
#headerStoelenplan h3				{ color: #ffffff; }
.extraInfo label						{ width: 102px!important; }
.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; }

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

.overzicht dl dt
{
	font-weight: bold
}

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

.voorstellingsOverzicht {
	width: 100%;
}

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

tr.maand td
{
	border: 1px solid #000;
	padding: 0.2em 0.5em 0.2em 0.5em;
}

tr.maand td a {
	font-weight: bold;
}

#bodyNieuws #leftColumn h3	{ padding: 0px; margin-top: 20px; font-size: 1.0em; }

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

#rightColumn .paddingBox p	{ margin-bottom: 30px; }

#rightColumn a		{ color: #000; text-transform: lowercase; text-decoration: underline;}
#rightColumn a:hover	{ text-decoration: none; }

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

#galleryContainer									{ margin-top: 40px; }
#galleryContainer h3							{ font-size: 1.0em; }

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

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

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

a.button
{
	display: block;
	clear: both;
	margin: 1.9em 0 0 0;
	padding: 0.2 0;
	width:150px;
	hheight: 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#stepButton
{
	padding: 8px 0 0 13px;
	width: 355px;
	height: 34px;
	margin: 0;
	font-size: 1.2em;
	background: transparent url(../images/button_left.gif) no-repeat 0 0!important;
}

a:hover#stepButton {
	background: transparent url(../images/button_left_over.gif) no-repeat 0 0!important;
}

a#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:hover.smallButton
{
	background: transparent url(../images/button_left_small_over.gif) no-repeat 0 0;
}

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

/*-- ------------------- nieuws -------------------------- --*/

#nieuws 					{ margin-top: 30px; }
#nieuws h3				{ padding: 0; font-size: 1.05em; font-weight: bold;}
#nieuws li				{ float: left; margin-bottom: 50px;  width: 497px;}
#nieuws li img		{ float: left; margin: 0 25px 25px 0; }
#nieuws li p			{ padding: 3px 0px 0 0; #padding: 3px 0px 0 0; }

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

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

hr
{
	clear: both;
	padding: 0 0 0 0;
	border: 0;
	display: block;
	height: 1px;
	width: 100%;
	color: #000000;
	background-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%;
}

span.uitverkocht {
	clear: none;
	font-weight: bold;
	color: #ff0000;
	font-size: 1.1em;
}

/*-- ------------------- 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
}
/*-- ------------------- report --------------------------- --*/
 .report 	{ text-align: left; margin: 10px 0; padding: 8px; min-height: 38px; border-width: 1px 0!important; }
 .report h4	{ position: relative; background: url(/images/icon_notice.gif) no-repeat 0 0; text-indent: -666666px; margin-right: 15px; padding: 0px 8px; width: 20px; height: 38px; float: left;   }
 .report p	{ margin-left: 50px; color: #000000; }
 .report span	{ font-weight: bold; }
 .report .button 	{ margin-left: 50px; } /* voor buttons in een error melding */
 .report .button span 	{ font-weight: normal; } /* voor buttons in een error melding */
 
 .warning	{ background-color: #ffe8ed; border: 1px dashed #ae004e;  }
 .warning h4	{ background-position: -13px -10px!important; }
 .tip		{ background-color: #fff8ee;  border: 1px dashed #ffb852; }
 .tip h4	{ background-position: -96px -4px!important;}
 .notice	{ background-color: #f2fee6;  border: 1px dashed #65b118; }
 .notice h4	{ background-position: -180px -10px!important; }
 .mail		{ background-color: #fff7ec;  border: 1px dashed #feb859; }
 .mail h4	{ background-position: -54px -10px!important; }
 .attention	{ background-color: #ffeed7;  border: 1px dashed #fb9a1c; }
 .attention h4	{ background-position: -137px -10px!important; }
.question	{ background-color: #e7f1ff;  border: 1px dashed #1b509d; }
.question h4	{ background-position: -223px -10px!important; }
/*-- ------------------- bestel --------------------------- --*/

#bestelOverzicht dl {
	display: block;
	padding: 10px 0 0 0;
}

#bestelOverzicht p {
	padding: 0 0 10px 0
}

#bestelOverzicht dt {
	font-weight: bold
}

table.betaaloverzicht {
	margin: 10px 0 10px 0;
	width: 100%
}

.subtotalWrapper {
	width: 200px;
	margin: -110px 0 10px 640px;
	float: right;
}

.subtotalWrapper dt {
	clear: both;
}

.subtotalWrapper dd {
	float: right;
	margin-top: -1.4em
}

.subtotalWrapper .subtot {
	font-weight: bold;
}

.subtotalWrapper dt.subtot {
	margin-top: 1.0em;
}

#totals {
	width: 200px;
	float: right;
	padding-bottom: 5px;
	border-bottom: 1px solid #00ADEE;
}

#totals dd {
	clear: both;
	float: left;
}

#totals dt {
	float: right;
}

#totals .totaal {
	font-weight: bold;
}

#totals dd.totaal {
	text-transform: uppercase;
	color: #00ADEE;
}

/*-- ------------------- voorstellingoverzicht --------------------- --*/
#voorstellingenOverzicht li										{ float: left; margin: 1em 0 2em 0; width: 500px; position: relative; min-height: 80px; height: auto!important; height: 80px; }
#voorstellingenOverzicht li .itemWrapper						{ padding-left: 105px; }
#voorstellingenOverzicht li h3									{ font-size: 1.0em; margin: 3px 0 0 0; padding: 0; text-transform: uppercase;}
#voorstellingenOverzicht .hover h3 a							{ color: #9b0e59; }
#voorstellingenOverzicht li h3 a								{ margin: 0px; }
#voorstellingenOverzicht li .titel 								{ color: #000; }
#voorstellingenOverzicht li .infoBlock 							{ margin: 2px 0; }
#voorstellingenOverzicht li .infoBlock .meta 					{ display: block; }
#voorstellingenOverzicht li img 								{ position: absolute; top: 0; left: 0; }
#voorstellingenOverzicht .voorstBtns 							{ float: left; }
#voorstellingenOverzicht .voorstBtns fieldset					{ margin-right: 4px; width: 10px; }
#voorstellingenOverzicht .voorstBtns input						{ width: 10em; text-align: left; margin-top: -0.20em; /* margin-top: 0; */ }
#voorstellingenOverzicht .leesMeer								{ line-height: 1.5em; float: left; }
#voorstellingenOverzicht .hover									{ background-color: #eee; cursor: pointer; }

#bodyReserveren #voorstellingenOverzicht						{ float: left; width: 100%; border-top: 1px solid #00A6EB; }
#bodyReserveren #voorstellingenOverzicht li						{ float: left; width: 500px; position: relative; min-height: 80px; height: auto!important; height: 80px; }
#bodyReserveren #voorstellingenOverzicht li .itemWrapper		{ padding: 5px 0; }
#bodyReserveren #voorstellingenOverzicht li h3					{ font-size: 1.1em; margin: 3px 0 30px 0; padding-left: 100px; text-transform: uppercase; font-weight: normal; }
#bodyReserveren #voorstellingenOverzicht li h3 .titel			{ font-weight: bold; display: block; }
#bodyReserveren #voorstellingenOverzicht li h3 a				{ margin: 0px; }
#bodyReserveren #voorstellingenOverzicht li img 				{ top: 10px; }
#bodyReserveren #voorstellingenOverzicht li .infoBlock			{ padding: 0 0 0 100px; }

.actions										{ float: right; }
.actions .btnLink								{ background: #00ADEE; font-weight: bold; float: left; margin-left: 10px; }
.actions .btnLink a								{ color: #fff; padding: 4px 6px; display: block; }
.actions .btnLink a:hover						{ text-decoration: none; }
#myInfoContainer .actions .btnLink				{ bottom: 10px; right: 10px; position: absolute; }

#pagination										{ clear: both; line-height: 2.5em; margin-right: 30px; }
#pagination ul,
#pagination ul li 								{ display: inline; }
#pagination li.pages 							{ text-align: center; padding: 0 40px; }
#pagination .pages li a							{ color: #fff; padding: 0.25em 0.5em; width: 1.5em; height: 1.5em; margin: 0 3px; background-color: #00A6EB; }
#pagination .pages li a:hover,
#pagination .pages .active a					{ background-color: #9b0e59; text-decoration: none; }

/*-- ------------------- voorstellingdetail ------------------------ --*/
#bodyVoorstellingenDetail .titel				{ display: block; margin-bottom: 7px; }
#bodyVoorstellingenDetail #infoContainer img	{ margin: 0 25px 30px 0; }
#bodyVoorstellingenDetail .bestellen			{ float: left; margin: 10px 0; width: 200px; }
#bodyVoorstellingenDetail .bestellen fieldset	{ padding: 0; }
.status											{ margin: 10px 0; font-weight: bold; }
#bodyVoorstellingenDetail .bestellen input 		{ margin: 5px 0; text-align: left; }
#bodyVoorstellingenDetail dt					{ float: left; width: 8em; }
#bodyVoorstellingenDetail p						{ float: left; padding-right: 20px; /*padding-right: 70px;*/ }

#bodyVoorstellingenDetail .omschrijving			{ margin: 0.2em 0 0.5em 0 }
#bodyVoorstellingenDetail .omschrijving p		{ float: none; clear: both }

/*-- ------------------- winkelmandje --------------------- --*/
#basket											{ font-size: 1em; }
#basket p										{ margin-bottom: 0px!important; line-height: 120%; padding: 0; width: 100%; }
#basket h3										{ font-size: 1.0em; padding: 40px 0 0 0; }
#basket li										{ float: left; margin: 15px 0; clear: both; width: 100%; }
#basket li p									{ width: 100%; }
#basket input									{ margin-left: -0.3em; /*margin: -0.1em 0 0 -0.7em;*/ }
#basket form									{ float:right; }
#basket fieldset								{ margin: 0px; padding: 0px; }
#basket .date									{ white-space: nowrap; }
#basket input.txtLink							{ color: #000; text-decoration: underline;}

/*-- ------------------- footer --------------------------- --*/
#footer 										{ margin-bottom: 40px; }
#footer a										{ float: right; }
#footer a:hover									{ text-decoration: none; }