/**
 * Rabotheater base
 * 
 * @author KV/AK
 */

/* GLOBAL RESET SETTINGS******/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:bold;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
a img {border:none;}
html {height:100%;}
/* PAGE SETTINGS**************/
body {
	position:relative;
	height:100%;
	background:#c6cbcd;
	font:0.75em/1.333 Arial, Helvetica, sans-serif;
	color:#47575c;
}
h1 a,
.skiplink {position:absolute;top:-999px;}

#wrap {
	position:relative;
	width:880px;
	margin:auto;
	padding:129px 0 20px 0;
}

/* CONTENT SETTINGS***********/
#content {
	width:520px;
	margin:0 140px 0 180px;
	position:relative;
	background:#fff;
	padding:17px 20px 0;
	min-height:403px;
	padding-bottom: 24px;
}
body.nieuws #content { float: left }
/* body.nieuws #content h2 { color: #D2130E; } */

#content.default { padding-bottom: 17px; min-height: 386px; }

#content h2 {
	text-transform:uppercase;
	font:15px/1.2em Arial, Helvetica, sans-serif;
	color:#959c9f;
	letter-spacing:0.008em;
	margin-bottom:1.2em;
	font-weight:normal;
}
#content h3 {font-weight:bold;padding-bottom:1em;}

/* #content .anderNieuws h2 { color: #959C9F!important; } */
#content .subContent h3,
#content .anderNieuws h3 {padding-bottom:0}
#content .subContent .contentBlock,
#content .anderNieuws .contentBlock {margin-bottom:2.0em}
#content .anderNieuws p { padding-bottom: 0; margin-bottom: 1em; }

#content p,
#content ul,
#content ol {padding-bottom:1em;}
.cmscontent ul { list-style: disc inside }
.cmscontent ol { list-style: decimal inside }
#content a { color:#d2130e; text-decoration:underline; }
#content a:hover, #content a:focus { text-decoration:none; }

#content a.button, #content a.button { text-decoration: none; }
#content a.button:hover, #content a.button:focus { color: #3c4c51; }

#content .floatLeft {
	float:left;
	padding:0 18px 0 0;
	margin-left:-20px;
}
#content .floatRight {
	float:right;
	padding:0 0 0 18px;
	margin-right:-20px;
}
#content div.leftText {
	float:left;
	width:280px;
}
#content div.anderNieuws {float:right;width:200px;right:30px;}

#content div.contentColumn {
	background: #ffffff;
	position: relative;
	padding: 0 20px 15px 20px;
	min-height: 125px;
}

/* NAV SETTINGS************/
#nav {
	position:absolute;
	top:129px;
	left:0;
	background:#d2130e;
	width:180px;
	min-height: 412px;
	padding-top:8px;
}
#nav li a.mainMenu {
	display:block;
	width:180px;
	height:34px;
	color:#fff;
	text-decoration:none;
	text-indent:-9999px;
	overflow:hidden;
}
#nav li.menuVR a.mainMenu {background:url("/images/navvr.gif") no-repeat 0 0;}
#nav li.menuVoorstellingen a.mainMenu {background:url("/images/navvoo.gif") no-repeat 0 0;}
#nav li.menuFilms a.mainMenu {background:url("/images/navfil.gif") no-repeat 0 0;}
#nav li.menuRestaurant a.mainMenu {background:url("/images/navres.gif") no-repeat 0 0;}
#nav li.menuHoreca a.mainMenu {background:url("/images/navhor.gif") no-repeat 0 0;}
#nav li.menuSponsoren a.mainMenu {background:url("/images/navspo.gif") no-repeat 0 0;}
#nav li.menuPodion a.mainMenu {background:url("/images/navpod.gif") no-repeat 0 0;}
#nav li.menuInformatie a.mainMenu {background:url("/images/navinf.gif") no-repeat 0 0;}
#nav li a.mainMenu:hover, #nav li a.mainMenu:focus, #nav li.active a.mainMenu {background-position:0 -34px;}
#nav li.active {background:#be100c;padding-bottom:12px}
#nav li.menuVR { margin-top: 15px; }
#nav li.menuVR.active { padding-bottom: 0px; }
#nav li.menuVR a.mainMenu { height: 52px; }
#nav li.menuVR a.mainMenu:hover, #nav li.menuVR a.mainMenu:focus, #nav li.menuVR.active a.mainMenu {background-position:0 -52px;}

#nav li.active li a {
	width:auto;height:auto;
	display:inline;
	margin-left:21px;
	padding-left:16px;
	font:12px/1.75em Arial, Helvetica, sans-serif;
	background:url("/images/subnavhover.gif") no-repeat -20px 0;
	text-indent:0;
	color:#fff;
	text-decoration:none;
}
#nav li li a:hover,
#nav li li a:focus {
	color:#000;
}
#nav li li.active {padding-bottom:0;}
#nav li li.active a.active {
	color:#000;
	background:url("/images/subnavhover.gif") no-repeat left center;
}
#nav li li.active a.submenuParent {
	color:#000;
	background:url("/images/menu_arrowdown.gif") no-repeat left center;
}
/* - subsub - */
#nav li li ul {
	padding-left: 14px;
}

/* RIGHT SIDEBAR SETTINGS************/
.aside {
 	position:absolute;
	top:129px;
	right:0;
	width:140px;
	background:#2287d7;
	color:#00090d;
}
.aside a {
	color: #ffffff;
	text-decoration: none;
}
.aside a:focus, .aside a:hover, .aside a:active { text-decoration: underline; }

.logoLink {
	float: left;
	text-indent:-9999px;
	overflow:hidden;
	background:url("/images/logo.gif") no-repeat 0 0;
	width:218px;
	height:43px;
	margin:7px 0 13px 20px;
}
.aside-Contact {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url("/images/asidecontact.gif") no-repeat 0 0;
	width:140px;
	height:12px;
	margin-bottom:10px;
}
.aside-Contact:hover, .aside-Contact:focus { background-position:0 -12px ;}

/* - winkelmandje - */
.winkelmandje {
	background:#1f77be;
	padding: 12px 9px 5px 9px;
}
.winkelmandje legend span { /*+c*/
	text-indent: -999999px;
	display: block;
	width: 119px;
	height: 17px;
	background: transparent url(/images/kop_winkelmandje.gif) no-repeat 0 0;
	background: transparent url(/images/blue/h_winkelmandje.png) no-repeat 0 0;
	padding-bottom: 0.75em;
}
.winkelmandje ul { padding-bottom: 0.5em }
.winkelmandje input { display: block; margin-bottom: 7px }
/* - /winkelmandje - */

.nieuwsbrief {
	padding-left:9px;
	background:#2287d7;
	padding-bottom:10px;
}
.nieuwsbrief legend span{
	text-indent:-9999px;
	display:block;
	width:100px;
	height:9px;
	background:url("/images/newsletter.gif") no-repeat 6px 20px;
	background:url("/images/blue/h_newsletter.png") no-repeat 6px 20px;
	padding:20px 0 1em ;
}
.nieuwsbrief label {
	display:block;
	font-size:11px;
	line-height:12px;
	padding-left:7px;
	padding-bottom:6px;
}
.nieuwsbrief input {
	width:118px;
	border:1px solid #9dca26;
	border:1px solid #3ca9fc;
	height:19px;
	background:url("/images/newsletterbg.gif") no-repeat 0 0;
	background:url("/images/blue/nl_subscr_inputbg.png") no-repeat 0 0;
	margin-bottom:6px;
}
.nieuwsbrief button {
	width:120px;
	height:21px;
	background:url("/images/newsletterbutton.gif") no-repeat 0 0;
	background:url("/images/blue/btn_aanmelden.png") no-repeat 0 0;
	text-indent:-9999px;
	border:0;
	cursor:pointer;
}
.nieuwsbrief button:hover, .nieuwsbrief button:focus {background-position:0 -21px;}



/* TOP BAR SETTINGS************/
.topbar {
	position:absolute;
	top:0;
	left:0;
	width:880px;
	background:#b9bfc1;
	height:69px;
	overflow:visible;
	font:11px/1.545em Arial, Helvetica, sans-serif;
	color:#2f3c40;
	padding-top:10px;
}
.topbar ul {float: right;clear: right;margin-top: 12px;}
.topbar ul li {float:left;display:inline;border-left:1px solid #939798;padding:4px 16px 0;}
.topbar ul li a {color:#be100c;text-decoration:none;}
.topbar ul li a:hover, .topbar ul li a:focus {text-decoration:underline;}
.topbar ul li.homeButton {border-left:0;height:24px;background:url("/images/homebutton.gif") no-repeat 16px 0;padding-left:42px;}

.topbar legend {display:none;}
.topbar fieldset {float:right;margin:0px;}
.topbar label {
	display:block;
	float:left;
	background:url("/images/zoeken.gif") no-repeat 0 0;
	text-indent:-9999px;
	width:44px;
	height:9px;
	margin-top:8px;margin-right:12px;
}
.topbar input.text {
	border:1px solid #ccd0d2;
	width:158px;
	color:#000;
	background:url("/images/zoekbg.gif") no-repeat 0 0;
	height:16px;
	margin-right:9px;
	vertical-align:top;
	padding-top: 3px;
}
.topbar button {
	width:51px;
	height:21px;
	background:url("/images/zoekbutton.gif") no-repeat 0 0;
	text-indent:-9999px;
	border:0;
	cursor:pointer;
	margin-right:10px;
	vertical-align:top
}

.topbar button:hover, .topbar button:focus {background-position:0 -21px;}

.voors1,
.voors2 {
	text-indent:-9999px;
	width:82px;
	height:9px;
}
.voors1 {background:url("/images/voors1.gif") no-repeat 0 10px;}
.voors2 {background:url("/images/voors2.gif") no-repeat 0 10px;}


html body #wrap .voorstellingen,
#content.voorstellingen { padding: 0; width: 560px; overflow: visible; }
#content.default ul.voorstellingList { margin-left: -20px; width: 560px; } /*+c*/

#content .voorstellingList {list-style:none;padding-bottom:0;}
.voorstellingList li.voorstellingListItem {
	display:block;
	width: 395px;
	min-height:140px;
	background:#fff url("/images/voorstlibg.gif") no-repeat left bottom;
	padding-left:20px;
	position:relative;
	padding-right: 145px;
}

.voorstellingList li.alt {background:#eef0f0 url("/images/voorstlibgalt.gif") no-repeat left bottom;}
.voorstellingList li.voorstellingListItem img { position:absolute;right:0;top:0 }
#content .voorstellingList h3,
html body #wrap .voorstelling h3,
.voorstellingKop,
h4 {padding-top:17px;font-size:1.25em;text-transform:uppercase;color:#3c4c51;font-weight:normal;padding-bottom:0;}
h4 { font-size:1em}
.voorstellingList li.noaction { background-image: none }

#content .voorstellingList h3,
html body #wrap .voorstelling h3,
.voorstellingKop {padding-bottom:1em;}

#content .voorstellingList h3 a,
html body #wrap .voorstelling h3 a,
.voorstellingKop h3 a { color: #3c4c51; text-decoration: none; display: block }

#content .voorstellingList h3 a:focus,
#content .voorstellingList h3 a:hover,
#content .voorstellingList h3 a:active,
#content .voorstellingList li.over h3 a,
html body #wrap .voorstelling h3 a:focus,
html body #wrap .voorstelling h3 a:hover,
html body #wrap .voorstelling h3 a:active,
html body #wrap .voorstelling li.over h3 a,
.voorstellingKop a:focus,
.voorstellingKop a:hover,
.voorstellingKop a:active { color: #D2130E; text-decoration: none; }

#content .voorstellingList li.over,
html body #wrap .voorstelling li.over {cursor: pointer}

.voorstellingList .sub,
html body #wrap .voorstelling .sub,
.voorstellingKop .titel {font-size:0.76em;font-weight:normal;text-transform:uppercase;line-height:21px;}
#content .voorstellingList .age,
#content .voorstellingList .type,
#content .voorstellingList .kijkwijzer {color:#47575c;padding:0 7px;text-align:right;display:block;width:86px;line-height:20px;position:absolute;right:140px;padding-bottom:0;overflow:hidden;}
.voorstellingList .age {bottom:20px;background:#cfd5d7}
.voorstellingList .type,
#content .voorstellingList .type {bottom: 0px; background: #2287d7; color: #051827; }

.voorstellingListItem .status,
.voorstelling .status { font-size: 1.1em; text-transform: uppercase; font-weight: bold; color: #536267}

.voorstellingListItem .status { position: absolute; left:20px; bottom:15px; }

.uitverkocht {
	position:absolute; left:20px; bottom:15px;
	width:98px; height:11px;
	background-image: url(/images/uitverkocht.gif);
}
.alt .uitverkocht {	background:url("/images/uitverkochtalt.gif") no-repeat 0 0;}

.kvkelders {
	position:absolute; left:20px; bottom:15px;
	width:266px; height:11px;
	background-image: url(/images/kvk_elders.gif);
}


/* extra tpl list */
#content .extraTpl ul.voorstellingList {
	margin-bottom: -17px;
}


form.voorstelling input.item1 {
	display:block;
	position:absolute;
	left:20px;
	bottom:15px;
}
form.voorstelling input.item2 {
	display:block;
	position:absolute;
	left:150px;
	bottom:14px;
}

input.bestel {
	display:block;
	position:absolute;
	left: 200px; /*20px;*/
	bottom:15px;
	width:67px;
	height:9px;
}
.alt input.bestel {	background:url("/images/bestelsnelalt.gif") no-repeat 0 0;}

#content.voorstelling .top input.bestel { bottom: 16px }

input.bestel:hover,
input.bestel:focus,
.alt input.bestel:hover,
.alt input.bestel:focus {background-position:0 -11px}

input.winkelm {
	display:block;
	position:absolute;
	left: auto; /*150px;*/
	bottom:14px;
	width:136px;
	height:18px;
}
.alt input.winkelm { background:url("/images/winkelmalt.gif") no-repeat 0 0; }

input.winkelm:hover,
input.winkelm:focus,
.alt input.winkelm:hover,
.alt input.winkelm:focus {background-position:0 -18px}

a.reserveer {
	position:absolute;
	left:150px;
	bottom:14px;
	width:139px;
	height:11px;
	background-image:url(/images/wachtlijst.gif);
}
.alt a.reserveer { background-image: url(/images/wachtlijstalt.gif) }

a.reserveer:hover,
a.reserveer:focus,
.alt a.reserveer:hover,
.alt a.reserveer:focus {background-position:0 -11px}

.voorstlistnav {
	background:#1f77be;
	width:421px;
	height:20px;
	bottom:-20px;
	position:absolute;
	overflow:hidden;
}

.navTop {
	position: relative;
}

.navTop .voorstlistnav {
	bottom: 0px;
}

.voorstlistnav .prev,
.voorstlistnav .next {
	text-indent:-9999px;
	display:block;
	position:absolute;
	top:7px;
	top: 5px;
	height:9px;
	height:13px;
	overflow: hidden;
}
.voorstlistnav .prev {
	width:54px;
	background:url("/images/prev.gif") no-repeat 0 0;
	background:url("/images/blue/nav_prev.png") no-repeat 0 0;
	left:12px;
}
.voorstlistnav .prev:hover,
.voorstlistnav .prev:focus {background-position:0 -9px;}
.voorstlistnav .prev:hover,
.voorstlistnav .prev:focus {background-position:0 -13px;}
.voorstlistnav .next {
	width:73px;
	background:url("/images/next.gif") no-repeat 0 0;
	background:url("/images/blue/nav_next.png") no-repeat 0 0;
	right:12px;
}
.voorstlistnav .next:hover,
.voorstlistnav .next:focus {background-position:0 -9px;}
.voorstlistnav .next:hover,
.voorstlistnav .next:focus {background-position:0 -13px;}
.voorstlistnav ol { padding-top: 3px; width: 215px; margin: auto; text-align: center}
.voorstlistnav ol li {
	display: inline;
	font-weight: bold;
	color: #051827;
	padding: 0 0px;
}
#content .voorstlistnav ol li a {
	color:#fff;
	font-weight:normal;
	text-decoration:none;
	padding: 2px 2px;
}
#content .voorstlistnav ol li a:hover, #content .voorstlistnav ol li a:focus { color: #051827; }

#content.voorstelling .top {
	display:block;
	width:auto;
	/*P height:130px; */
	background:#fff url("/images/voorstlibg.gif") no-repeat 48px 100%;
	position:relative;
	padding-bottom: 15px;
	padding-left: 20px;
	min-height: 125px;
}
#content.voorstelling .top fieldset { margin: 0 }
#content.voorstelling .topNoAction { background-image: none }

html body #wrap .voorstelling,
#content.voorstelling { overflow: visible; }
#content.voorstelling { padding-top: 0; padding-left:0; padding-right: 0; width: 560px; background: transparent } /*+ie6c*/

.secondaryinfo {
	position:relative; left:0; top:0;
	width: 300px;
	margin-left: 0px;	
	float: left;
}

.secondaryinfo img { display:block;}
.smallnav {
	background:#1f77be url("/images/smallnavbg.gif") no-repeat left bottom;
	background:#1f77be url("/images/blue/smallnavbg.gif") no-repeat 90px 100%;
	height:40px;
	overflow:hidden;
	position: relative;
}

.smallnav .prev,
.smallnav .next,
.smallnav .overview {
	text-indent:-9999px;
	display:block;
	position:absolute;
	bottom:6px;
	bottom:4px;
	height:9px;
	height:13px;
}
.smallnav .prev {
	width:54px;
	background:url("/images/prev.gif") no-repeat 0 0;
	background:url("/images/blue/nav_prev.png") no-repeat 0 0;
	left:12px;
}
.smallnav .next {
	width:73px;
	background:url("/images/next.gif") no-repeat 0 0;
	background:url("/images/blue/nav_next.png") no-repeat 0 0;
	left:120px;
}
.smallnav .overview {
	width:108px;
	background:url("/images/overview.gif") no-repeat 0 0;
	background:url("/images/blue/nav_overzicht.png") no-repeat 0 0;
	left:12px;
	bottom:24px;
}

.smallnav .next:hover,
.smallnav .next:focus,
.smallnav .prev:hover,
.smallnav .prev:focus,
.smallnav .overview:hover,
.smallnav .overview:focus,
.eventinfo .video:hover,
.eventinfo .video:focus,
.eventinfo .audio:hover,
.eventinfo .audio:focus,
.eventinfo .ecard:hover,
.eventinfo .ecard:focus,
.eventinfo .recensies:hover,
.eventinfo .recensies:focus {background-position:0 -9px; }

.smallnav .next:hover,
.smallnav .next:focus,
.smallnav .prev:hover,
.smallnav .prev:focus,
.smallnav .overview:hover,
.smallnav .overview:focus {
	background-position:0 -13px; 
}

#content .secondaryinfo p {color:#051827;padding-right:7px;text-align:right;display:block;width:93px;position:absolute;right:0;padding-bottom:0;background:#2287d7;height:35px;padding-top:5px;}

.eventinfo {
	width: 260px;
	background:#fff;
	float: right;
}

#content .eventinfo .omschrijving,
#content .subContent .subContentInner {padding:0 22px 2em; }
/* #content .subContent .subContentInner h2 { color: #D2130E!important; } */

#content .eventinfo .omschrijving {
	padding-bottom: 0;
	margin-bottom: 1em;
}
#content .eventinfo .omschrijving h4 {
	margin: 0 0 1em 0; padding: 0;
}
#content .eventinfo .omschrijving p.hyperlink {
	padding:0; margin: 1em 0;
}
#content .eventinfo ul.mediaOptions {
	padding-bottom: 0; margin: 2em 0 1.5em 0;
}

.eventinfo a.video,
.eventinfo a.audio,
.eventinfo a.ecard,
.eventinfo a.recensies {
	text-indent:-9999px;
	display:block;
	height:9px;
	margin-left:22px;
	margin-bottom:11px;
}
.eventinfo a.recensies {background:url("/images/recensies.gif") no-repeat 0 0; width: 69px; }
.eventinfo a.video {background:url("/images/video.gif") no-repeat 0 0; width: 45px }
.eventinfo a.audio {background:url("/images/audio.gif") no-repeat 0 0; width: 46px }
.eventinfo a.ecard {background:url("/images/ecard.gif") no-repeat 0 0; width: 52px }

.eventinfo h4.suggesties {
	text-indent:-9999px;
	height:40px;
	background:url("/images/suggesties.gif") no-repeat 0 0;
	margin-top: 2em;
}
#content .eventinfo ul.suggesties {padding-bottom:0;}


/* -- suggesties -- */
.eventinfo ul.suggesties li {
	background:#fff;
	min-height:80px;
	clear:right;
	padding: 0 0 0 20px;
}
.eventinfo ul.suggesties li.alt {background:#eef0f0;}
.eventinfo ul.suggesties li img {float:right;}

#content .eventinfo ul.suggesties li p {
	padding-top:17px;
	color:#47575c;
	padding-bottom:0;
}

#content .eventinfo ul.suggesties li a {
	color:#47575c;
	text-decoration:none;
	display:block;
}
#content .eventinfo ul.suggesties li a:hover b.artiest { color: #D2130E }
#content .eventinfo ul.suggesties li b { display: block; padding-top:9px; }

#content .eventinfo ul.suggesties li p a:hover,
#content .eventinfo ul.suggesties li p a:focus {text-decoration:underline;}


/* --- films --- */
#content.films span.imgContainer {
	display: block;
	width: 140px; height: 140px;
	background: #ababab url(/images/filmoverzicht_imgBg.gif) no-repeat 50% 50%;
	position: absolute; right:0; top:0;
}

#content.films span.imgContainer img {
	position: static;
	margin: auto;
	display: block;
	margin-top: 3px;
}


/* - kijkw - */
#content .voorstellingList .kijkwijzer,
#content.voorstelling .kijkwijzer { background: transparent no-repeat 0 0; display: block; width: 40px; height: 40px; text-align: left; text-indent: -999999px }
#content .voorstellingList .kijkw-6,
#content.voorstelling .kijkw-6 { background-image: url(/images/kijkw_leeft_6.gif) }
#content .voorstellingList .kijkw-9,
#content.voorstelling .kijkw-9 { background-image: url(/images/kijkw_leeft_9.gif) }
#content .voorstellingList .kijkw-12,
#content.voorstelling .kijkw-12 { background-image: url(/images/kijkw_leeft_12.gif) }
#content .voorstellingList .kijkw-16,
#content.voorstelling .kijkw-16 { background-image: url(/images/kijkw_leeft_16.gif) }
#content .voorstellingList .kijkw-AL,
#content.voorstelling .kijkw-AL { background-image: url(/images/kijkw_leeft_al.gif) }



#content .voorstellingList .kijkwijzer { bottom: 7px }
#content.voorstelling .kijkwijzer { position: absolute; top: 14px; right: -4px }

/* --- generic classes --- */
.IR { text-indent: -999999px; overflow:hidden; display: block; background-color: transparent; background-repeat: no-repeat; background-position: 0 0;}
.hidden		{display: none}
.invisible	{visibility:hidden;}

/* --- FCK --- */
#content img.sideLeft { margin-left: -20px; padding-right: 20px; }

/* --- notices & errors --- */
.notice {
	background-color: #F1FFF1;
	border: 1px solid #339900;
	display: block;
	padding: 0.2em 0.5em!important;
}
.warning, .error {
	background-color: #FFF1F1;
	border:1px solid #FF0000;
	display:block;
	padding:0.2em 0.5em!important;
}
p.notice, p.warning, p.error { clear: both; margin-bottom: 1em;  }

div.report { background: #ffffff; padding: 17px 20px; min-height: 123px }


/* --- banner --- */
.banner {
	position: relative;
	overflow: hidden;
}
.banner a,
.banner a .bg {
	display: block;
	position: absolute;
	top: 0; left: 0;
	overflow: hidden;
	width: 100%; height: 100%;
	background: transparent no-repeat 0 0;
}
.banner a .linkTxt {
	display: inline-block;
}

#bannerJouwTheater { height: 140px; }
#bannerJouwTheater a .bg { background-image: url(/images/brasserie_banner.gif); }
#bannerJouwTheater a .linkTxt { margin-top: 2em; } 

/* --- brochure --- */
#bannerBrochure { height: 198px; }

/*#brochureAanvraag a.IR {
	background-image: url(/images/btns_aanvragen.gif);
	background-image: url(/images/blue/btn_aanvragen.png);
	position: absolute; bottom: 10px; left: 9px;
}*/
#bannerBrochure a .bg { background-image: url(/images/brochure_banner_1011.jpg); }
#bannerBrochure a .linkTxt { margin-top: 5em; }

/* --- brochure (pagina) --- */
body.pagina #content #formBrochure {
	float: left;
	width: 300px;
	margin-right: 20px;
}
body.pagina #content #brochure0910Img {
	display: block;
}

/* --- cadeaubon --- */
#bannerCadeaubon { height: 99px; }
#bannerCadeaubon a .bg { background-image: url(/images/banner_cadeaubonnen.png); }
#bannerCadeaubon a .linkTxt { margin-top: 5em; }
	
	
/* --- recensies --- */
#content.recensies {
	padding-bottom: 17px;
	min-height: 386px;
	background: #fff!important;
	padding-bottom: 0;
	min-height: 420px;
}

#content.recensies .top { background: none; min-height: 0 }
#content.recensies p.backlink { position: absolute; right:20px; top:0 }
#content.recensies #recensies h4 { padding: 0 0 1.5em 0 }

ul.recensies { padding-bottom: 0!important }
ul.recensies li {
	display: block;
	margin-bottom: 1.5em;
	float: left;
	width: 100%;
}
ul.recensies li a {
	display: block;
	background: transparent no-repeat 0 50%;
	min-height: 33px;
	padding: 0 0 0 40px;
	text-decoration: none!important;
	color: #47575c!important;
	float: left;
}
ul.recensies li a:focus, ul.recensies li a:hover, ul.recensies li a:active { color: #D2130E!important }
ul.recensies li.pdf a { background-image: url(/images/icon_file_pdf.gif) }
ul.recensies li.jpg a,
ul.recensies li.jpeg a { background-image: url(/images/icon_file_jpg.gif) }
ul.recensies li.txt a { background-image: url(/images/icon_file_txt.gif) }


/* --- video --- */
.mediaContainer { /*+c*/
	width: 214px;
	border: 1px solid #c4c4c9;
	margin: auto;
	background: #eef0f0;
	margin-bottom: 1em;
}
.mediaContainer h4 { padding-left: 9px }
ul.mediaList {
	text-align: right;
	padding: 9px;
}
#voorstellingDetail-flashVideo {

}
#content a.alt { text-decoration: none }
#content a.alt:focus, #content a.alt:hover, #content a.alt:active { text-decoration: underline }
#content .mediaContainer ul.mediaList a.active { color: #47575c }
#content .mediaContainer ul.mediaList a.active:before { content:"> " }

/* -- ecard -- */
#voorstellingDetail-ecard { padding: 7px; width: 200px; position: relative; }
#voorstellingDetail-ecard h4 { padding: 0 30px 0 0 }
#voorstellingDetail-ecard form { position: relative; }
#voorstellingDetail-ecard label { width: 8em; text-align: left }
#voorstellingDetail-ecard input.text { width: 8em }
#voorstellingDetail-ecard form div { text-align: right }
#voorstellingDetail-ecard form textarea { width: 198px }
#voorstellingDetail-ecard form .submitContainer { float: none; text-align: left }
#voorstellingDetail-ecard form .submitContainer input { padding:0 }
#voorstellingDetail-ecard.mediaContainer #formEcard-versturen { position: absolute; right: 0 }

#voorstellingDetail-ecard a.backlink {
	background-image: url(/images/btns_close.gif);
	width: 21px; height: 21px;
	position: absolute; right: 7px; top: 7px;
}
#voorstellingDetail-ecard a.backlink:hover { background-position: 0 -21px } 

#content.ecard .eventinfo .omschrijving { display: none }

#ecardPreview { width: 100% }
#ecardPreview td.padding { padding: 15px }
#ecardPreview form .submitContainer { float: none; width: auto; text-align: right; padding-top: 10px; padding-right: 30px }
#ecardPreview form .submitContainer input { margin-left: 10px }

a.terugnaarvoorstelling { background-image: url(/images/a_terugnaarvoorstelling.gif); width: 169px; height: 9px;}
a.terugnaarvoorstelling:hover { background-position: 0 -9px }


/* --- seizoenSelector --- */

#seizoenSelector {
	width: 180px; height: 42px;
	background: #fff; color: #000;
	position: absolute; left: 0; top: 87px;
}
#seizoenSelect-label, #seizoenSelect-oud, #seizoenSelect-nieuw { position: absolute; left: 17px; text-indent: -666666px; background: transparent url(../images/seizoenswissel.gif) no-repeat }
#seizoenSelector a { display: block; width: 73px; height: 19px; overflow: hidden; }

#seizoenSelect-label { display: block; width: 146px; height: 23px; background-position: 0 0}
#seizoenSelect-oud { bottom: 0; background-position: 0 -42px}
#seizoenSelect-oud.active { background-position: 0 -23px}
#seizoenSelect-nieuw { left: auto; right: 17px; bottom: 0; background-position: -73px -42px}
#seizoenSelect-nieuw.active { background-position: -73px -23px}

#seizoenSelector .seperator { position: absolute; top: -999999px; }
/**
 * forms
 * 
 * @author: AK
 * 
 */

form div,
form fieldset.checkboxlist { margin-bottom: 5px; float: left; width: 100%; }
form div div,
form div.submit { float: none; width: auto; }
form div div { margin-bottom: 0 }
form div label { display: block; width: 12em; float: left; clear: left }
form div.submit {
	margin-left: 12em;
	border: 1px solid #52011b;
	padding: 1px 0;
	background: #c11b17 url(/images/btn_red_bg.gif) repeat-x 50% 100%;
	display: inline; /* IE */
}
form div.submit input { margin-top: 0.5em; }

form div.submitImage { border:0; padding:0; background: none; display: block }

input { font-size: 1em }
input.text { width: 10em; padding: 1px 2px; }
input.submit {
	border: 0;
	text-transform: uppercase;
	font-size: 0.9em; font-weight: bold;
	color: #ffffff;
	padding: 1px 5px;
	background: transparent;
	cursor:pointer;
}

input.submit:focus, input.submit:hover, input.submitFocus, input.submitHover {
	color: #000000;
}

input.image { padding:0 }

fieldset { margin-bottom: 1.5em }
legend { font-weight: bold; padding-bottom: 5px; color: #47575C }

form div.radiobutton input,
form div.checkbox input { margin-left: 12em; vertical-align: middle }
form div.radiobutton label,
form div.checkbox label { float: none; display: inline; vertical-align: middle; padding-left: 5px }

form div.adres input.huisnummer { width: 3em }
form div.adres input.toevoeging { width: 3em }

form div.telnr input.net { width: 3em }
form div.telnr input.abo { width: 8em }


form fieldset.radio {
	position: relative;
}
form fieldset.radio legend {
	position: absolute;
	top: 0px; /*+Gecko_hack*/
	left: 0;
	width: 12em;
	font-weight: normal;
}

/* creditcard */
form div.ccCartno input { width: 4em; }
form div.ccCVC input { width: 4em; margin-right: 0.5em!important; }
form div.ccVerval input { width: 2em; }


/* -- buttons -- */
button,
a.button {
	width:120px;
	height:21px;
	cursor: pointer;
}
button.IR { border:0 } /* i: .IR */

/* -- poll -- */
form.poll div.radiobutton input { margin: 0; display: inline }
form.poll button.submit { background: url(/images/btns_stem.gif) }
form.poll button.submit { background: url(/images/blue/btn_stem.png) }
form.poll button.submit:focus, form.poll button.submit:hover {background-position:0 -21px;}
form.poll legend { display: none; }
#pollVraag { margin-bottom: 10px; color: #ffffff }
#pollFormulier .radiobutton { line-height: 1.5em; }
#pollFormulier .radiobutton input { width: 15px; clear: both; float: left; } 
#pollFormulier .radiobutton label { width: 100px; clear: none; float: right; }
#pollResultaat .pollResultImg p { margin-bottom: 10px; background: transparent url(/images/pollBg.gif) no-repeat left bottom; }
#pollResultaat .pollResultImg p { margin-bottom: 10px; background: transparent url(/images/blue/pollBg.png) no-repeat left bottom; }
#pollResultaat .pollResultImg strong { display: block; }
#pollResultaat .pollResultImg img	{ margin: 0 0 1px 1px; position: relative; #top: 3px; height: 7px; }

/* -- zoek -- */
input#search-term { width: 14em;  }

/* -- divers -- */
input.disabled { cursor: default }
form.colorScheme2 input.submit { background-color: #5D5E5E; color: #ffffff }

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxLoadedContent{background:#000; padding:5px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(/images/colorbox/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(/images/colorbox/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(/images/colorbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:-16px; right:5px; display:block; background:url(/images/colorbox/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}