/**
 * LS2008
 * @author AK - adjustments Lieselot
 *
 * lichtgrijs 	#262626	
 * tekst  		#666666
 * rose			#e60098
*/

/**
 * reset based on YUI reset
 */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,button,input,textarea,p,blockquote,th,td {
	margin:0; padding:0;
}
table {
	border-collapse:collapse; border-spacing:0;
}
fieldset,img,abbr,acronym {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;	font-weight:normal; }
ol,ul {	list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6,input,button,select,table { font-size:1em; font-weight:normal; }
input,button,select { font-family: inherit }
input { border: 0 }

input.submit, button { cursor: pointer }

/* q:before,q:after { content:''; } */

/* --- ppprd defaults --- */

p { margin: 0.5em 0 1em 0; }
em { font-style: italic; }
strong { font-weight: bold; }
hr { clear: both; width: 100%; margin: 1em 0; height: 0px; border: 0; border-top: 1px solid #999999; background: transparent; }
form legend { display: none }
pre { font: normal 1em courier }
a:link, a:visited, a:focus, a:hover, a:active { cursor: pointer }
a img { display: block }

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

.content ul, .content ol { margin: 1em 0 1em 16px; list-style: outside; }
.content ul { list-style-type: disc; }
.content ol { list-style-type: decimal; }
.content dd { margin: 0 0 0.5em 22px; }
.content td { padding: 0px 10px; }
.content legend { display: block; color: #000000; font-weight: bold; margin: 0em 0 1em 0; padding-top: 1em }
.content fieldset {  } 
.content a img { display: inline }

/* --- global classes --- */

.hidden,
.noStyleSeperator { position: absolute!important; top: -999999px!important; }
.invisible, .print { display: none!important; }
.visible { display: block; }

.notice { color: #000; background-color: #F1FFF1; border: 1px solid #339900; padding: 0.2em 0.5em; }
.warning { color: #000; background-color: #FFF1F1; border:1px solid #FF0000;	padding: 0.2em 0.5em; }


/**
 * defined structures
 * @author AK
 * 
 */

/* --- image replace --- */

.IRSimple {
	display: block;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -666666px;
	overflow: hidden;
}


.IRActive,
.IR-anchors a {
	overflow: hidden;
	position: relative;
	display: block;
}

.IR span.IR-aid, .IR-anchors a span.IR-aid {
	display: block;
	position: absolute;
	left: 0; top: 0;
	width: 100%;
	height: 100%;
	background: transparent no-repeat 0 50%;
}


br.clear { clear: both }


/* --- paginatie --- */

ul.paginatie { font-size: 0.91em  }

ul.paginatie li.prev {
	float: left;
	background: transparent url(../images/paginate_prev.gif) no-repeat 0 55%;
	padding-left: 15px;
	width: 4.5em;
	text-transform: uppercase;
}
ul.paginatie li.next {
	float: right;
	text-align: right;
	background: transparent url(../images/paginate_next.gif) no-repeat 100% 55%;
	padding-right: 15px;
	width: 6em;
	text-transform: uppercase;
}
ul.paginatie li.noprev, ul.paginatie li.nonext { background: none!important; }
	
ul.paginatie li.pages { text-align: center; }
ul.paginatie li.pages ul , ul.paginatie li.pages li { display: inline; }

ul.paginatie li a { text-decoration: none!important }
ul.paginatie li a:focus, ul.paginatie li a:hover, ul.paginatie li a:active,
ul.paginatie li b { font-weight: normal; color: #FFcc00 }

.pagNav				{ display: block; position: absolute; top: 14px; right: 11px; width: 23px;}
.pagNav li a		{ width: 11px; height: 11px; overflow: hidden; text-indent: -666666px; background: transparent url(/images/nav_icons.gif) no-repeat 0 0;}
.pagNav li.next a		{ float: right;  background-position: -13px 0px; }
.pagNav li.prev a		{ float: left; background-position: -1px 0px; }
.pagNav li.next a:hover	{ float: right;  background-position: -13px -12px; }
.pagNav li.prev a:hover	{ float: left; background-position: -1px -12px; }


/**
 * LS2008 ***************
 */

html {
	overflow-y: scroll; /* v.scroll ff&sf */
}

body {
	background: #000000;
	color: #ffffff;
	font: normal 0.6875em/1.42 verdana, sans-serif;
}

h2 { font-size: 1.09em; margin: 0.67em 0; }
h3 { font-size: 1.45em; margin: 0.67em 0; }
h4 { font-size: 1.09em; margin: 0.67em 0; }
h5 { font-size: 1em; margin: 0.67em 0; }
h6 { font-size: 1em; margin: 0.5em 0; }


/* --- links --- */
a:link, a:visited { text-decoration: none; color: #ffffff; text-transform: uppercase; font-size: 0.91em; cursor: pointer }
a:link:focus, a:link:hover, a:link:active,
a:visited:focus, a:visited:hover, a:visited:active,
a.hover { color: #ffcc00; text-decoration: none }

.pageContent a:link, .pageContent a:visited { color: #000; background: #ffcc00; text-transform: none; font-size: 1em }
.pageContent a:link:focus, .pageContent a:link:hover, .pageContent a:link:active,
.pageContent a:visited:focus, .pageContent a:visited:hover, .pageContent a:visited:active { background: #000; color: #fff; text-decoration: underline }

a.meer { padding-right: 15px; background: transparent url(../images/ico_meer.gif) no-repeat 100% 60%; }
a.noOutline { outline: none; }

a.button { float: right; text-align: left; width: 200px; display: block; text-align: center }


/*= --- tables --- */
.content th, .content td { padding-right: 2px }
.content th { font-weight: bold; }
.content tr.odd { background: #f5f5f5 }


/*= --- forms --- */

input.text {  background: #000000; min-height: 15px;  }
	body.FF2 input.text { min-height: 19px } /* fix min-height bug */

input.text, select, input.submit { color:#ffffff; padding: 1px 3px; border: 1px solid #434343; }
input.submit, select, a.button {
	background: #262626; color: #ffffff; text-transform: uppercase; font-size: 0.91em; cursor: pointer; min-height: 19px
}
	body.FF3 select { min-height: 0 } /* arrow doesn't scale */

input.textSubmit { background: transparent; border: 0; display: block; float: right; width: auto; text-align: right; padding: 0 }
input.textSubmit:focus,
input.textSubmit:hover,
input.textSubmit:active,
input.textSubmitHover { text-decoration: underline!important; color: #ffcc00 }
input.submitVerwijder { padding-left: 15px; background: transparent url(/images/ico_prullenbak.gif) no-repeat 0 50%}

.weblogafbeelding { margin: 10px 0px; clear: both; border: 1px solid #fff; }
.weblogafbeelding input { border: 1px solid #a4a4a4; }

select { padding-right: 1px }



.pageContent input.text,
.pageContent select {  background: #ffffff; color: #000000; border-color: #a4a4a4 } /*120px*/
.pageContent label,
.pageContent input.text { width: 10.91em; width: 12em } 
.pageContent label { float: left }
.pageContent legend label { float: none }

.pageContent form div { clear: both; }

.pageContent form div.adres { clear: none; float: left; width: auto }
.pageContent form div.adres div,
.pageContent form div.geboortedatum div,
.pageContent form div.telnr div { clear: none }
.pageContent form div.adres input.huisnummer,
.pageContent form div.adres input.toevoeging { width: 2em }
.pageContent form div.telnr input.net { width: 4em }
.pageContent form div.telnr input.abo { width: 8em }

.pageContent div.checkbox label,
.pageContent div.radio label,
.pageContent div.checkbox input.checkbox,
.pageContent div.radio input.radio,
.pageContent div.checkbox a,
.pageContent div.radio a,
.pageContent div.radiobutton label,
.pageContent div.radiobutton input { float: none; vertical-align: middle }

.pageContent div.checkbox label,
.pageContent div.radio label { padding-left: 4px }

button.img-plus-text { border:0; background: none; color: #e60098; text-align: left; }
button.img-plus-text:hover .text { text-decoration: underline; }

fieldset div { margin-bottom: 0.5em }
legend { color: #000000 }

form div.ccardnumber input { width: 18.8%; margin-right: 3px }
form p.backlink { margin: 0 }
form p.backlink a { position: absolute; right: 0px; top: 0px; }

form legend.head { font-weight: normal; text-transform: uppercase; padding-top: 0 }
form legend.head span  { white-space: normal; display: block; width: 250px }


/* -- inline form (bv. wordsponsor) -- */
.pageContent form.inline div { margin-bottom: 1em }
.pageContent form.inline label { float: none; }
.pageContent form.inline input.text { width: auto }

/* -- betaalforms -- */
form div.ccardnumber input.text,
#afrekenForm-veiligheidscode input { width: 4em }
form div.ccverval input.text { width: 2em }

/* - large content submits / buttons - */
.pageContent input.submitBig,
.pageContent a.buttonBig {
	width: 164px; height: 36px;
	border: 0;
	background: #ffcc00 url(/images/ico_bigpinksubmit.gif) no-repeat 4px 53%;
	color: #000;
	font-size: 1em;
}
.pageContent a.buttonBig {
	padding-top: 10px;
	height: 26px;
	color: #fff!important;
	text-transform: uppercase!important;
}
.pageContent a.buttonBig:focus,
.pageContent a.buttonBig:hover,
.pageContent a.buttonBig:active {
	color: #fff;
	text-decoration: none;
}

#bodyWrap #content input.submitPlaatsing-auto { width: 206px; }
#bodyWrap #content input.submitPlaatsing-kiezen { width: 141px; }

.pageContent form.largeForm { position: relative; padding-bottom: 50px }
.pageContent form.largeForm input.submitBig { position: absolute; right: -14px; bottom: -5px; }
.pageContent form.largeForm textarea { width: 100% }

.pageContent input.submitDisabled { background-color: #434343; color: #777; cursor: default; }
.pageContent input.submitBigDisabled { background-image: url(/images/ico_bigsubmit-disabled.gif) }


/* --- zoekForm --- */
#zoekForm {	position: absolute; right: -170px; top: 117px; margin-top: 18px; max-width: 260px; min-width: 166px; text-align: right; }
#zoekForm fieldset input { vertical-align: middle; }
#zoekForm input.text { width: 9em; min-width: 115px;  margin-right: -5px;  border-width: 1px 0 1px 1px; } /*=c*/
#zoekForm fieldset input.submit { width: 4.09em; min-width: 45px; }
#zoekForm input.inactive { color: #777777 }

/*= --- snelmenu --- */
#snelmenu { position: absolute; left: 20px; bottom: 2em; }
#snelmenu li { float: left;  }
#snelmenu-tekst ul { float :left; margin: 0 5px; display: inline }
#snelmenu-tekst ul li { display: inline; padding: 0 2px;   }
#snelmenu-tekst a { color: #797979; vertical-align: top }
#snelmenu-tekst-normaal a { font-size: 10px; }
#snelmenu-tekst-groter a { font-size: 12px; }
#snelmenu-tekst-grootst a { font-size: 15px; }
#snelmenu-tekst li.active a { text-decoration: underline; }
#snelmenu a.IRActive { float:left; width: 23px; height: 23px; margin-right: 7px }
#snelmenu a.IRActive .IR-aid { background-image: url(../images/snelmenu-icons.gif) }
#snelmenu-home a.IRActive .IR-aid { background-position: 0 0 }
#snelmenu-informatie a.IRActive .IR-aid { background-position: -30px 0 }
#snelmenu-winkelmandje a.IRActive .IR-aid { background-position: -58px 0 }
#snelmenu-home a.IRActive:focus .IR-aid, #snelmenu-home a.IRActive:hover .IR-aid, #snelmenu-home a.IRActive:active .IR-aid { background-position: 0 -23px }
#snelmenu-informatie a.IRActive:focus .IR-aid, #snelmenu-informatie a.IRActive:hover .IR-aid, #snelmenu-informatie a.IRActive:active .IR-aid { background-position: -30px -23px }
#snelmenu-winkelmandje a.IRActive:focus .IR-aid, #snelmenu-winkelmandje a.IRActive:hover .IR-aid, #snelmenu-winkelmandje a.IRActive:active .IR-aid { background-position: -58px -23px }
#snelmenu-uitloggen { margin-left: 15px }
#snelmenu-uitloggen input.submit { background: transparent; min-height: 0; padding: 2px }

/* - new position snelmenu - */
body.lay-3column #snelmenu { position: static; float: right; margin: 1em 11px 0 11px }
body.lay-3column #snelmenu ul { float: right; position: relative; padding-bottom: 15px }
body.lay-3column #snelmenu #snelmenu-uitloggen { position: absolute; right: 0; bottom: 0; }

#bodyMT #snelmenu-uitloggen { display: none }

/*= --- koppen --- */
.laySubColumn h2,
.laySubColumn legend.kop,
#bodyVoorstelling .columnItem h2 { text-transform: uppercase; color: #FFCC00 }


/*= --- gekleurde vlakken --- */

/* = hilite (paars/wit) - */
.voorstellingDatum,
#content ul.overzicht li a.itemAnchor,
#content ul.overzicht li h2,
.hilite1 { background-color: #e60098!important; color: #ffffff;}
.tekstHilite { background-color: #e60098 }
#content ul#listFAQ li a:hover,
#content ul#nieuwsOverzicht li a:hover { color: #ffcc00;}
#content ul#nieuwsOverzicht h2.collapsed { color: #fff; }

.sgz, a .sgz a:hover .sgz { background-color: #5d2e89!important; }
.ls			{ background-color: #e60098!important; }
.overig 	{ background-color: #777777!important; }

/* - kop (geel/zwart) */
#content h1,
body#bodyReserveren #content h2,
body#bodyZoekresultaten #content h2,
h1.voorstellingKop,
#headerMessage,
.hilite2,
h2.h1 { background-color: #ffcc00!important; color: #000000!important; }

/* -- voorstellingsdatum -- */
.voorstellingDatum { display: block; position: absolute; top:0; left:0; text-align: center; line-height: 1.10 }
.voorstellingDatum .weekdag { font-size: 1.8em; text-transform: uppercase;}
a:hover .voorstellingDatum,
ul.voorstellingenLijst li.voorstelling:hover .voorstellingDatum,
ul.voorstellingenLijst li.voorstellingHover .voorstellingDatum,
.voorstellingPopHover, .voorstellingPopHover a { background-color: #000000!important; color: #ffde00!important }
.voorstellingPopHover { cursor: pointer }

#content ul.voorstellingenLijst li.voorstellingVacant:hover .voorstellingDatum {
	background-color: transparent!important;
	color: #666666!important;
}

#bodyReserveren #content ul.voorstellingenLijst li.voorstelling:hover .voorstellingDatum,
#bodyReserveren #content ul.voorstellingenLijst li.voorstellingHover .voorstellingDatum { background-color: #E60098!important; color: #fff!important }
#bodyReserveren #content ul.voorstellingenLijst li.voorstelling:hover .sgz,
#bodyReserveren #content ul.voorstellingenLijst li.voorstellingHover .sgz { background-color: #5d2e89!important; color: #fff!important }


.zaalNaam { position: absolute;}

/*#content ul.voorstellingenLijst li.voorstellingVacant:hover .voorstellingDatum { background-color: #262626!important; color: #666!important }*/


/*= --- lay --- */

#bodyWrap { width: 910px; margin: auto; padding-top: 132px; position: relative; }

#columnContainer {
	padding: 0 262px 4em 166px;
	position: relative;
	float: left; width: 482px; min-height: 425px;
}

.layColumn {
	float: left;
	position:relative;
	padding-bottom: 2em;
}

#subColumn1 {
	width: 166px;
	margin-left: -100%;
	right: 166px;
}

#subColumn2 {
	width: 260px;
	margin-right: -260px;
}

#mainColumn {
	width: 100%;
	width: 480px;
}

/* new design */
  
#logoSGZ {
	width: 93px;
	height: 93px;
	margin-top: 2px;
	position: absolute; top: 0; left:0;
}

#logoLS {
	width: 93px;
	height: 93px;
	margin-top: 2px;
	position: absolute; top: 0; right:74px;
}


.layColumn .columnItem,
#bodyVoorstelling .columnItem {
	background: #262626; margin: 0 0 2px 0px; position: relative;
	/* padding: 12px 11px; */
	padding: 12px 0;
	color: #7c7c7c;
	float: left;
	width: 166px;
}

.layColumn .columnItem form { text-align: right }

#subColumn1 div.columnItem { left: -1px; }
#subColumn2 div.columnItem { right: -1px; float: right; }

#top {
	position: absolute; top: -130px; left: 95px; z-index: 1;
}
#top.reserveerStappen { left: 93px }
#bodyReserveren #logoLS { right: 169px; }




/*= --- top: hoofdmenu / reserveerstappen --- */

#hoofdmenu,
.reserveerStappen {
	font-size: 1.09em;
	text-transform: uppercase;
	width: 646px;
	border-spacing: 0;
	border-collapse: collapse;
	background: #262626;
}
.reserveerStappen { width: 555px; overflow: hidden; }

#hoofdmenu h2, /*dc*/
.menu h2 { display: none }

#hoofdmenu li,
.reserveerStappen span {
	float: left;
	text-align: center;
	position: relative;
	height: 50px;
	white-space: nowrap;
}

/* oud design padding terug naar  10px 15px 0 15px;*/
#hoofdmenu li a,
.reserveerStappen span  {
	float: left;
	height: 32px;
	background: transparent url(../images/hoofdmenu_seperator.gif) no-repeat 100% 60%;
	position: relative;
	padding:10px 22px 0 22px;
	font-size: 1em;
	font-weight: normal;
}
#hoofdmenu li a { padding-top: 23px; height: 27px }

#hoofdmenu li.active a:link,
#hoofdmenu li.active a:visited { color: #ffcc00; }
#hoofdmenu li a:link:focus, #hoofdmenu li a:link:hover, #hoofdmenu li a:link:active,
#hoofdmenu li a:visited:focus, #hoofdmenu li a:visited:hover, #hoofdmenu li a:visited:active,
#hoofdmenu li.active a { color: #ffde00; /*background-color: #1a1a1a;*/ text-decoration: none }
#hoofdmenu li.active a { background-color: #1a1a1a; color: #FFCC00}
#hoofdmenu .nav li.active li.active a { background-color: #1a1a1a!important; color: #FFCC00!important; }

#hoofdmenu li.active-adj a { background: transparent } 

#hoofdmenu li#hoofdmenu-mijntheater a,
.reserveerStappen span.last { background-image: none; /*padding-right: 0px*/ }



/*** SUPERFISH  ***/

/* oud design straks width weer terug naar: 818px; */
#hoofdmenu { background: transparent }
#hoofdmenu .nav {
	float:left;
	margin-bottom:1.5em;
	text-transform: uppercase;
	width: 646px;
	background: #262626;
}
#hoofdmenu ul.nav ul {
	position:absolute;
	top: -999em;
	width: 20.5em;
	padding: 1em 0;
	background: #262626;
	z-index: 101;
}
#hoofdmenu ul.nav li#hoofdmenu-informatie ul {
	width: 30em;
}
#hoofdmenu ul.nav li#hoofdmenu-informatie ul li a {
	width: 29.9em;
}
#hoofdmenu ul.nav ul li,
#hoofdmenu a {
}
#hoofdmenu li {
	float: left;
	position: relative;
	z-index: 99;
	background: #262626;
	text-align: center;
	line-height: 1.0;
	/*border-left: 1px solid #fff;*/
}
#hoofdmenu a {
	display:block;
	/*width: 9.45em;*/
	/*padding: .75em 0.5em;*/	
	/*border-top: 1px solid #CFDEFF;*/
	text-decoration:none;	
}
#hoofdmenu li:hover ul,
#hoofdmenu li.sfHover ul {
	left: -1px;
	top: 42px;
}
#hoofdmenu li:hover li ul,
#hoofdmenu li.sfHover li ul {
	top: -999em;
}
#hoofdmenu li li:hover ul,
#hoofdmenu li li.sfHover ul {
	left: 14em;
	top: 0px;
}
.superfish li:hover ul,
.superfish li li:hover ul {
	top: -999em;
}
/*
#hoofdmenu li:hover, #hoofdmenu li.sfHover,
#hoofdmenu a:focus, #hoofdmenu a:hover, #hoofdmenu a:active {
	background: #1A1A1A;
}*/
#hoofdmenu li li {	
	text-align: left;
	top: 1px;
	font-size: 0.91em;
	height: auto;
	white-space: normal;
}
#hoofdmenu li li a {
	background: #262626;
	width: 20em;
	padding: 0.4em 1em;
	font-size: 0.91em;
	height: auto;
	font-weight: normal;
}
#hoofdmenu li.active li a:link,
#hoofdmenu li.active li a:visited {
	background: #262626;
	color: #fff;
}
#hoofdmenu li.active li a:focus,
#hoofdmenu li.active li a:hover,
#hoofdmenu li.active li a:active {
	background: #262626;
	color: #FFCC00;
}

#hoofdmenu li li li {
	top: 0px;
}

#hoofdmenu li li:hover, #hoofdmenu li li.sfHover,
#hoofdmenu li li a:focus, #hoofdmenu li li a:hover, #hoofdmenu li li a:active {
	background-color: #262626!important;
}


/*= --- submenu --- */
/* #subColumn1 #submenu.columnItem { padding-left: 0; padding-right: 0 } */

#submenu { text-transform: uppercase; font-size: 0.91em; line-height: 1.75 }

#submenu h2 { display: none }
#submenu a { display: block; padding: 1px 11px; text-decoration: none; }
#submenu li.active { background: #1a1a1a }
#submenu li.active a,
#submenu li.active li.active a,
#submenu a:focus,#submenu a:hover,#submenu a:active { color: #FFCC00 }
#submenu li.active li a { color: #ffffff; text-transform: none; padding: 0px 11px  }
#submenu li li.active a { text-transform: none }

#submenu a.active { color: #fc0; }

#submenu li ul { background: #1A1A1A; }
#submenu li ul li { padding-left: 10px; text-transform: none; font-size:  1.1em; }
#submenu li ul li ul li { padding-left: 10px; text-transform: none; font-size: 1.0em; }
#submenu li ul li a { text-transform: none; }
#submenu
	margin: 0 0 2px 0px; li ul li ul li a { text-transform: none; }

#content h1,
body#bodyReserveren #content h2,
body#bodyZoekresultaten #content h2,
h1.voorstellingKop,
h2.h1 {
	min-height: 27px;
	font-size: 1.09em;
	text-transform: uppercase;
	padding: 10px 0 0 25px;
}
body#bodyZoekresultaten #content h2 { font-size: 1em; }

#headerMessage { padding: 10px 25px 5px 25px; }
#headerMessage h1 { padding: 0; }

#content h2 { text-transform: uppercase; }

#mainColumn .pageContent {
	background: #ffffff;
	clear: both;
	color: #000000;
	ffloat: left; 
	margin: 2px 0px;
	padding: 30px 25px;
}

#mainColumn .mainColumnPart {
	width: 362px;
}


#mainColumn #extraTemplate.pageContent { position: relative; }
#mainColumn #extraTemplate.pageContent form input.submitBig {
	position: absolute; right: 0; bottom: 0;
}
#mainColumn #extraTemplate.pageContent form { padding-bottom: 20px }
#mainColumn #extraTemplate.pageContent p { float: left; width: 400px; }

.sponsoren	{ padding-bottom: 50px; width: 100%;  }  /*ie8-7*/

/*= --- laysubcolumns --- */

#bodyWrap .columnItem p.bottom { margin-bottom: 0; padding-top: 0.25em; clear:both; text-transform: uppercase; font-size: 0.91em }
#bodyWrap .columnItem #bestelitemsAantal { text-align: left; float:left;  }
#bodyWrap .columnItem p.bottom a.meer { clear: both }

.columnItem ul.voorstellingenLijst { float: left; margin: 1em 0 0 0}
.columnItem ul.voorstellingenLijst li {
	float: left;
	width: 82px; height: 82px;
	position: relative;
	background: #262626;
	margin: 0 2px 2px 0;
}
.columnItem ul.voorstellingenLijst li.second { margin-right: 0; }
.columnItem ul.voorstellingenLijst li.vacant .voorstellingDatum { color: #666666; }
/*dc .columnItem ul.voorstellingenLijst li .voorstellingDatum span.weekdag { font-size: 1.8em; text-transform: uppercase; } */
.columnItem ul.voorstellingenLijst li.greyed .voorstellingDatum { background-color: #666666 }
.columnItem ul.voorstellingenLijst li a { font-size: 1em }


/*= --- suggesties/winkelmandje --- */

#suggesties.columnItem { padding-bottom: 0 }
#winkelmandje.columnItem { padding-bottom: 6px; }

#suggesties.columnItem h2, #suggesties.columnItem p,
#winkelmandje.columnItem h2, #winkelmandje.columnItem p { padding: 0 11px }

#suggesties form,
#winkelmandje form { clear: both; text-align: right; }

#winkelmandje #winkelmandje-acties input {
	position: relative; left: -5px;
}/*ie7dc*/

#suggesties .voorstellingInfo, #suggesties .voorstelling form, #suggesties .voorstelling .options,
#winkelmandje .voorstellingInfo, #winkelmandje .voorstelling form, #winkelmandje .voorstelling .options {
	display: none;
}



/*= --- winkelmandje --- */

.laySubColumn #winkelmandje legend.kop { display: block; }

.laySubColumn #winkelmandje.columnItem h2 {
	width: 146px;
	padding: 0 10px;
	background: transparent url(/images/ico_winkelmandje.gif) no-repeat 132px 50%;
	position: absolute; top: 0; left: 0;
}
.laySubColumn #winkelmandje {
	padding-top: 6.75em;
	margin-top: 111px;
}
.laySubColumn #winkelmandje #winkelmandje-acties {
	position: absolute;
	top: 3.75em; left: 0;
	width: 100%;
}

.laySubColumn #winkelmandje h2 a {
	color: #fff;
}

.laySubColumn #winkelmandje input.submit {
	color: #ffcc00;
}
.laySubColumn #winkelmandje input.textSubmitHover {
	color: #fff;
	text-decoration: none!important;
}




/*= --- suggesties --- */

#suggesties.columnItem p { margin-bottom:0.2em }
#suggesties.columnItem form { float: left; width: 100%; margin-top: 11px }
#suggesties.columnItem input.submit { width: 166px; }




/*= --- pagina specifiek --- */

body.pagina #subColumn2 div.columnItem {
	margin-left: 94px;
}



/*= --- overzichtlijsten (nieuws/faq) --- */

#content ul.overzicht li {
	margin: 0 0 2px 0;
	background: #ffffff;
}
#content ul.overzicht li a.itemAnchor,
#content ul.overzicht li h2 {
	display: block;
	background-image: url(../images/ico_clist_itemclosed.png);
	background-repeat: no-repeat;
	background-position: 97% 50%;
	min-height: 27px;
	padding: 10px 0 0 25px;	
	text-decoration: none;
	text-transform: uppercase;
	color: #ffffff;
	margin: 0;
}
#content ul.overzicht li h2 { font-size: 1em }
#content ul.overzicht-jsfx li h2 { cursor: pointer }
	

#content ul.overzicht li a.itemAnchor:focus,
#content ul.overzicht li a.itemAnchor:hover,
#content ul.overzicht li a.itemAnchor:active { color: #000000; }

#content ul.overzicht li.active h2 {
	background-image: url(../images/ico_clist_itemactive.png);
	background-position: 97% 50%;
	border-bottom: 2px solid #000000;
}

#content ul.overzicht .content,
#bodyReserveren #content .content,
#bodyMT #content .content .contentItem { background: #ffffff; color: #000000; padding: 20px 25px }
#bodyMT #content .content .contentItem { padding-top: 0 }

#content ul.overzicht li img { display: block; }


/*= --- FAQ --- */
ul#listFAQ.overzicht .content { padding: 5px 0; float: none; width: auto;}
ul#listFAQ.overzicht ul { list-style: none; margin: 0 }
ul#listFAQ.overzicht ul li { margin-bottom: 1em; padding: 5px 20px }
ul#listFAQ.overzicht ul li.active { background: #e9e9e9 }
#listFAQ cite { font-weight: bold; }
#listFAQ blockquote p { margin-bottom: 0; }

	/* - js - */
	ul#listFAQ.overzichtjsfx ul li { padding: 5px 15px }
	#listFAQ.jsfx ul li a { display: block; color: #000000; padding: 2px 5px; }/*+ie6c*/
	#listFAQ.jsfx ul li blockquote { padding: 0px 5px; }
	#listFAQ.jsfx ul li a:focus, #listFAQ.jsfx ul li a:hover, #listFAQ.jsfx ul li a:active {
		 /*background: #e9e9e9;*/ text-decoration: none; font-weight: normal }
	#listFAQ.jsfx ul li a:focus cite, #listFAQ.jsfx ul li a:hover cite, #listFAQ.jsfx ul li a:active cite { text-decoration: none; }
	#listFAQ.jsfx ul li cite { font-weight: normal; }
	#listFAQ.jsfx ul li.active a cite { font-weight: bold; text-decoration: none; color: #000; }
	#listFAQ.jsfx ul li.active a { background: none;}
	
/*= --- voorstellingen --- */
.voorstellingKop { font-weight: bold; font-size: 1em }
.voorstellingKop .titel { font-size: 0.91em; display: block }
.voorstellingKop .artiest,
.voorstellingKop .titelOnly { font-size: 1.4em; line-height: 1em;  }
.voorstellingKop .seperator { position: absolute; top: -999999px }

ul.voorstellingenLijst .voorstellingDatum { width: 3.18em; height: 3.18em; }
ul.voorstellingenLijst .voorstellingDatum .weekdag { font-size: 1.64em; text-transform: uppercase; font-weight: bold }
ul.voorstellingenLijst .voorstellingDatum .datum { font-size: 0.91em } 

#content ul.voorstellingenLijst li.voorstelling {
	padding: 8px 12px 8px 142px;
	width: 326px;
	color: #FFCC00;
	background: #262626 url(/images/voorstellingitem-bg.gif) repeat-y 0 0;
	min-height: 112px;/*+c*/
	margin: 0 0 2px 0;
	position: relative;
	float: left;
}
#voorstellingPop { color: #ffde00; }

#content ul.voorstellingenLijst img { position: absolute; left:0; top:0; border: solid #000000; border-width: 0 2px 2px 0; }
#content ul.voorstellingenLijst p.kop { margin: 0 0 4em 0 }
#content ul.voorstellingenLijst .voorstellingKop a,
#voorstellingPop .voorstellingKop a,
#voorstellingPop a.voorstellingDetailLink { color: #FFCC00 }
#content ul.voorstellingenLijst a:hover { text-decoration: none }

#content ul.voorstellingenLijst div.actions {
	position: absolute;
	right: 10px; bottom: 10px;
	text-transform: uppercase;
}
#content ul.voorstellingenLijst div.actions a { color: #ffffff; font-size: 0.91em }

#content ul.voorstellingenLijst .voorstellingKop,
#voorstellingPop .voorstellingKop { margin-top: 0; margin-bottom: 0.25em; padding-right: 2.25em }

#content ul.voorstellingenLijst li.voorstellingDefault form,
#content ul.voorstellingenLijst li.voorstellingDefault p.options,
#voorstellingPop form,
#voorstellingPop p.options {
	position: absolute; right:8px; bottom: 8px;
	margin: 0;
}
#content ul.voorstellingenLijst li.voorstellingDefault p.options,
#voorstellingPop p.options  {
	margin-bottom: 1.8em;
}

#content ul.voorstellingenLijst li.voorstellingDefault form a,
#content ul.voorstellingenLijst li.voorstellingDefault form input,
#voorstellingPop form a, #voorstellingPop form input { display: block; text-align: right } /*+c*/
#content ul.voorstellingenLijst li.voorstellingDefault form .seperator,
#voorstellingPop form .seperator { position: absolute; top: -999999px }

ul.voorstellingenLijst li.voorstellingVacant { color: #b0afb0 }
ul.voorstellingenLijst li.voorstellingVacant .voorstellingDatum { color: #666666; }
ul.voorstellingenLijst li.greyed .voorstellingDatum { background-color: #666666 }

ul.voorstellingenLijst dt, #voorstellingPop dt,
ul.voorstellingenLijst dd.aanvang, #voorstellingPop dd.aanvang,
ul.voorstellingenLijst dd.jaartal, #voorstellingPop dd.jaartal {
	position: absolute; top: -999999px
}

/* jaartal */
ul.voorstellingenLijst dd.jaartal {
	font-size: 0.91em; background: #000; color: #7C7C7C;
	right: 0;
	text-align: center;
	padding: 1px 3px;
}
#bodyZoekresultaten ul.voorstellingenLijst dd.jaartal,
body.MT-bestelhistorie ul.voorstellingenLijst dd.jaartal { top: 0 }

#bodyZoekresultaten #content ul.voorstellingenLijst .voostellingKop,
body.MT-bestelhistorie #content ul.voorstellingenLijst .voostellingKop { padding-right: 2.25em }


/* status */
ul.voorstellingenLijst dd.status, #voorstellingPop dd.status {
	position: absolute; right: 12px; bottom: 8px;
} 
ul.voorstellingenLijst dd.status,
#voorstellingPop dd.status,
#bodyVoorstelling #voorstellingActies p.status { font-weight: bold; font-size: 1em; text-transform: uppercase; text-align: center; }  

	/* -hover -*/
	#bodyVoorstellingen #content ul.voorstellingenLijst li:hover,
	#bodyMT.winkelmandje #content ul.voorstellingenLijst li:hover,
	#content ul.voorstellingenLijst li.voorstellingHover {
		background: #000000;
		cursor: pointer;
	}
	ul.voorstellingenLijstKalender .voorstellingMultiple li.voorstelling:hover { cursor: default!important }
	#content ul.voorstellingenLijst li.voorstellingVacant { background: #262626!important; cursor: default!important }

ul.paginatie { max-width: 430px; width: 330px; /*280px;*/ }
ul#paginatieTop { position: absolute; top: -40px; left: 50px }
ul#paginatieBottom { position: absolute; bottom: -15px; left: 50px }

a.voorstellingenKalenderLink,
a.voorstellingenLijstLink {
	padding: 4px 0 4px 30px;
	background: transparent url(/images/ico_voorstellingen-kalender.gif) no-repeat 0 50%;
	position: absolute; right: -275px; bottom: 3em;
	display: block; width: 230px
}
a.voorstellingenLijstLink { right: 0; bottom: 1em; background-image: url(/images/ico_voorstellingen-lijst.gif) }
p.voorstellingenLijstLink { clear: both; }

#voorstKalenderLink { display: none;}

#formVoorstellingenFilter {
	position: absolute; top:-60px; right:-263px;
	width: 166px;
	margin-top: 10em;
	text-align: right;
	z-index: 1;
}
	#formVoorstellingenFilter.fx { top: -80px }

#formVoorstellingenFilter select {
	width: 100%;
	margin: 0 0 5px 0;
}

body#bodyVoorstellingen #subColumn2,
body#bodyVoorstelling #subColumn { padding-top: 7em }


/*= --- voorstelling --- */
#bodyVoorstelling #content .credits { font-style: italic }



/*= --- mt / reserveren --- */

.kopSubmitWrapper h1,
.kopSubmitWrapper h2 { float: left; width: 250px; margin: 0 }
.kopSubmitWrapper { float: left;  background: transparent url(/images/kopSubmitWrapperBG3.gif) repeat-y 0 0; margin-bottom: 0px; border-bottom: 2px solid #000 }

.kopSubmitWrapper form { float: right; width: 203px; border-left: 2px solid #000 }
.kopSubmitWrapper input  {
	float: right; width: 203px; padding: 5px 0 5px 20px;
	min-height: 31px; background: #e60098 url(/images/ico_bigpinksubmit.gif) no-repeat 8px 50%;
	font-size: 1em;
	border: 0;
	margin-bottom: 2px;
	text-align: left;
} /*+c*/
.kopSubmitWrapper input.last { margin: 0; min-height: 29px; }/*+c*/


/*= --- zoekresulaten --- */
#bodyZoekresultaten h3 { font-size: 1em; font-weight: bold; margin-bottom: 0; }
#bodyZoekresultaten #content .pageContent li p { margin: 0; }
#bodyZoekresultaten #zoekresulatenFAQ a {
	color: #000000;	
}
#bodyZoekresultaten #content .pageContent li { margin-bottom: 1.5em; }

#bodyZoekresultaten #content .leesMeerAnchor { text-align: right; clear: both; padding: 1em 0 0.5em 0; }


#pageImageContainer img { display: block }

/*= --- plattegrond --- */
#plattegrondContainer { margin: -30px -25px; }
#plattegrondFlash { padding: 30px 25px; }


/* -- overlay overzicht images -- */
.voorstelling .overlay {
	display:block;
	background:#000;
	position:absolute;top:0;left:0;
	width: 128px; height: 128px;
	opacity: 0.75;
	filter: alpha(opacity=75);
}

/* -- message -- */
#content .systemMessageWrap { clear: both; /*width: 100%;*/ }
#content #systemMessage {
	position: relative;
	padding-bottom: 50px;
}
#systemMessage .buttonContainer {
	position: absolute;
	bottom: 0; right: 0;
	float: right;
}
#systemMessage .buttonContainer a.button {
	float: left;
	margin-left: 2px;
}
.systemMessageWButtons { padding-bottom: 5em!important }

/*= --- wachtrij --- */
#wachtRijOuterBox 			{ padding: 0 0 0 20px; 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: 90%; }


/* --- pop (suggesties/winkelmandje --- */
#voorstellingPop {
	width: 244px;
	padding: 8px 12px;
	height: 104px;
	position: absolute;
	z-index: 100;
	background: #000;
}

.voorstellingPopMultiple .voorstellingKop {
	padding-right: 4em;
}
.voorstellingPopMultiple dd.aanvang {
	left: auto; right: 10px; top: 10px!important;
}

/* -- unsubscribe uitschrijven -- */
.checkboxGroup .checkkbox label	{ clear: both; }


#bodySplash	#logo			{ position: absolute; right: 167px; top: 5px; }
#bodySplash	#logoSGZsplash	{ position: absolute; left: 95px; top: 5px; }