@font-face {
    font-family: 'EurostileLTStdBold';
    src: url('eurostileltstd-bold-webfont.eot');
    src: url('eurostileltstd-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('eurostileltstd-bold-webfont.woff') format('woff'),
         url('eurostileltstd-bold-webfont.ttf') format('truetype'),
         url('eurostileltstd-bold-webfont.svg#EurostileLTStdBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Lucida Grande';
    src: url('lucida_grande_bold-webfont.eot');
    src: url('lucida_grande_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('lucida_grande_bold-webfont.woff') format('woff'),
         url('lucida_grande_bold-webfont.ttf') format('truetype'),
         url('lucida_grande_bold-webfont.svg#LucidaGrandeBold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Lucida Grande';
    src: url('lucida_grande-webfont.eot');
    src: url('lucida_grande-webfont.eot?#iefix') format('embedded-opentype'),
         url('lucida_grande-webfont.woff') format('woff'),
         url('lucida_grande-webfont.ttf') format('truetype'),
         url('lucida_grande-webfont.svg#LucidaGrandeRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, menu, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { height: 100%; width: 100%; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow: auto; }
body { margin: 0; font-size: 62.5%; line-height: 1.333; overflow: auto; }
body, 
button, 
input, 
select, 
textarea, 
#nav ul li ul li a,
.newestprofile em,
body #utility .loggedin a.toprofile { font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; color: #222; }

::-moz-selection { background: #333333; color: #fff; text-shadow: none; }
::selection { background: #333333; color: #fff; text-shadow: none; }

a * {
	cursor: pointer;
}
a:hover, .agendalist h4 a:hover, .ui-tabs-nav a:hover, .newprofiles a:hover { text-decoration: none; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong, .intro { font-weight: bold; }
blockquote { font-style: italic; background: url(../images/quote_in.png) no-repeat left top; margin: 1em 10px; padding: 3px 0px 2px 30px; }
	blockquote p {
		background: url(../images/quote_out.png) no-repeat  right bottom;
	}
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; list-style-position: inside; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: bottom; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
em { font-style: italic; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
*:focus { outline:none; }

/* ==|== primary styles =====================================================
   Author: 
   ========================================================================== */
html {
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center top;
	height: 100%;
}
body {
	background-repeat: repeat;
	background-position: center center;
	color: #36424a;
	position: absolute;
	height: 100%;
	width: 100%
}
#wrapper,
#utility div,
#footer footer {
	margin: 0px auto;
	width: 960px;
}
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom: -28px;
}
.column {
	float: left;
	margin: 4px;
}
.col3 {
	width: 236px;
}
	.buttoncolumn {
		float: right;
		margin-bottom: -4px;
	}
.col4 {
	width: 312px;
}
.col6 {
	width: 464px;
}
	.col6 > div:last-child {
		margin-bottom: 30px;
	}
	.locationoverview .col6 > div:last-child,
	.talentoverview .col6 > div:last-child {
		margin-bottom: 0px;
	}
.col9 {
	width: 708px;
}	
.col11 {
	width: 952px;
	margin: 4px;
}
h1,h2,h3,h4,h5,h6,
#nav a,
ul.agenda .day,
ul.agenda time,
a.link,
caption,
#utility div a,
.day,
.agendalist .item,
.newprofiles div a,
#utility div ul .loggedin > a {
	font-family: EurostileLTStdBold, Arial Black, Tahoma;
	text-transform: uppercase;
}
h1,h2,h3,h4,h5,h6, #nav a {
	margin-top: 0;
}
h1 {
	font-size: 2.4em;
}
	.content h1 {
		margin: 0.2em 0px 0em 0px;
	}
	.welkom h1 {
		font-size: 2em;
	}
h2 {
	font-size: 1.4em;
	margin-bottom: 0.2em;
}
h3 {
	font-size: 1.4em;
}
	.content h3 {
		font-size: 1.3em;
	}
		.content h1 + p,
		.content h2 + p,
		.content h3 + p,
		.content h4 + p,
		.content h5 + p,
		.content h6 + p {
			margin-top: 0em;
		}
	.block .header h3 > img {
		vertical-align: middle;
	}
h4 {
	font-size: 1.3em;
}
h5 {
	font-size: 1.2em;
}
h6 {
	font-size: 1em;
}
div.header h1 {
	color: #ffffff;
	padding: 6px 10px;
}
div.header h2,
div.header h3 {
	background: #ffffff;
	margin-top: 0px;
	padding: 10px;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	text-decoration: none;
}
.block {
	margin-bottom: 8px;
	padding: 0px 10px 0px 10px;
}
	.imageblock {
		padding: 0px;
	}
	.like {
		margin-top: 0px;
	}
	#wrapper .newprofiles {
		margin: 0px 1px 8px 0px;
	}
	#wrapper .newprofiles a {
		font-size: 1.3em;
	}
	#wrapper .newprofiles a span {
		padding: 0.65em;
	}
	#wrapper .newprofiles > a {
		color: #36424A;
		display: block;
		font-weight: bold;
		padding: 0.4em 0.65em;
		margin-top: 1px;
	}
		#wrapper .newprofiles > a:last-child {
			margin-bottom: 0px;
		}
		.newprofiles .newestprofile {
			position: relative;
			margin-bottom: 1px;
		}
		.newprofiles .newestprofile a {
			display: block;
		}
		.newprofiles span * {
			display: block;
		}
		.newprofiles .newestprofile span {
			display: block;
			position: absolute;
			bottom: 0px;
			left: 0px;
			width: 219px;
		}
			.newprofiles .noimage span {
				position: relative;
			}
			.newestprofile em {
				font-weight: bold;
				text-transform: none;
			}
		.talentlist {
			margin-top: -8px;
		}
		.talentlist .items {
			margin-top: 0px;
		}
		.talentlist .items li {
			list-style: none;
			position: relative;
			margin: 0px 0px 4px 0px;
		}
			.talentlist .items .item {
				position: absolute;
				left: 0px;
				bottom: 0px; 
				padding: 1em 0.8em;
				width: 
			}
				.talentlist .items .noimage .item {
					position:relative; 
				} 
			.talentlist .items h4 {
				color: #EE6911;
				font-size: 2.6em;
			}
				.talentlist .items .item strong {
					color: #36424A;
					font-size: 1.8em;
				}
			.talentlist .items li a .item * {
				display: block;
				width: 448px;
			}
				.talentlist .items li a:hover .item {
					background: #ffffff none;
				}
			#wrapper .talentlist .profileitem {
				float: left;
				padding: 0px;
				position: relative;
			}
				#wrapper .talentlist .profileitem.odd {
					margin-right: 8px;
				}
				#wrapper .talentlist .profileitem > div {
					background-position: center center;
					background-repeat: no-repeat;
				}
				#wrapper .talentlist .profileitem a {
					background: url(../images/talentgrid.png) no-repeat center center;
					display: inline-block;
				}
				#wrapper .talentlist .profileitem,
				#wrapper .talentlist .profileitem a {
					height: 250px;
					width: 350px;
				}
				#wrapper .talentlist .profileitem a:hover {
					background: none;
					text-decoration: none;
				}
					#wrapper .talentlist .profileitem a:hover strong,
					#wrapper .talentlist .profileitem a:hover p {
						color: #36424A;
					}
				#wrapper .talentlist .profileitem a * {
					display: block;
					padding: 10px;
				}
				#wrapper .talentlist .profileitem h2 {
					color: #ffffff;
					margin: 0px;
				}
				#wrapper .talentlist .profileitem strong {
					font-size: 1.3em;
					padding: 10px;
				}
				#wrapper .talentlist .profileitem p {
					bottom: 0px;
					color: #ffffff;
					font-size: 1.2em;
					margin: 0px;
					min-height: 58px;
					position: absolute;
					left: 0px;
					width: 330px;
				}
				.talentlist .pager {
					margin-top: 12px;
				}
				
	.nextprev p {
		margin: 0px;
		padding: 4px 0px 5px 0px;
	}
	.nextprev a.volgende {
		float: right;			
	}
	.nextprev a.vorige {
		float: left;			
	}
	.meedoenreserveren .header {
	}
	.ui-tabs-panel {
		padding: 0px 10px;
	} 
	.meedoenreserveren.multiple {
		margin-top: 48px;
	}
		.meedoenreserveren.multiple .header {
			margin-top: -39px;
		}
	.meedoenreserveren .ui-tabs-nav {
		width: 464px;
	}
	.meedoenreserveren .ui-tabs {
		margin: -48px 0px 0px -10px;
	}
	.meedoenreserveren.multiple .ui-tabs li {
		float: left;
		margin-right: 1px;	
		padding: 0px;
		width: 231px;
	}
		.meedoenreserveren.multiple .ui-tabs li:last-child {
			margin-right: 0px;
			width: 232px;
		}
		.meedoenreserveren.multiple .ui-tabs li h3 {
			height: 38px;
		}
	.meedoenreserveren.multiple .ui-tabs-nav li a {
		display: block;
		float: none;
		padding: 10px 50px;
		text-align: center;
	}
			.meedoenreserveren.multiple .ui-tabs-nav li a:hover,
			.stadsagenda .col3 .header h2,
			.stadsagenda .col3 .header h3,
			.culturalis .col3 .header h2,
			.culturalis .col3 .header h3,
			.theater #wrapper .col3 .header h2,
			.theater #wrapper .col3 .header h3 {
				background-color: #ffffff;
			}
		.meedoenreserveren .header h3:last-child {
			clear: right;
		}
	
.uitgelicht img,
.locationdetail img,
.block .header,
ul.agenda,
.agendadetail > img {
	margin: 0 -10px;
}
.block h2 {
	margin: 7px 0 0 0;
}
h2 + p {
	margin-top: 0;
}

p,
.content > ul li,
.content > ol li,
table {
	font-size: 1.3em;
}
.content ul > li,
.content table,
p {
	line-height: 1.6em;
}
	.content ul ul,
	.content ol ol,
	.content ol ul,
	.content ul ol {
		margin: 0.2em 0px;
	}
	.content li ul li,
	.content li ol li {
		font-size: 1em;
	}
p {
	margin: 1em 0 1em 0;
}
ul li ul, ol li ol {
	padding-left: 15px;
}
ul {
	list-style-type: square;
}
a,
#utility a,
#footer a,
.meedoenreserveren.multiple h3:hover {
	cursor: pointer;
	text-decoration: none;
}
	a:hover {
		text-decoration: underline;
	}
.content table caption,
.content table th,
.content table td {
	padding: 6px 10px;
}
	table {
		width: 100%;
	}
	th {
		font-weight: bold;
	}
		td * {
			font-size: 1em;
		}
		td p {
			margin: 0px;
		}
			td p + p {
				margin-top: 1em;
			}
	table th,
	table td,
	.eventinformation caption {
		text-align: left;
	}
	.eventinformation {
		margin: 0px 0px 1em 0px;
	}
		.eventinformation th {
			background: none;
			background-image: none;
		}
		.locationinformation {
			margin-bottom: 0px;
		}
			.locationinformation td .intro {
				margin-bottom: 1em;
			}
		.locationinformation th {
			width: 106px;;
		}
			.locationinformation label {
				margin-right: 10px;
			}
		#addthiscontainer {
			padding: 1em 0px 1em 0px;
		}
		.list-view .location table {
			margin-bottom: 10px;
		}
		
	
/* Utility en footer */
.utilitypush,
.footerpush {
	clear: both;
	height: 32px;
}
#footer {
	position: relative;
	height: 30px;
}
	#footer ul.nosocial {
		padding-top: 6px;
	}
#utility {
	margin-bottom: 4px;
	position: absolute;
}
#utility,
#footer {
	background: url(rgba.php?r=54&g=66&b=74&a=80) repeat;
	background: rgba(54,66,74,0.8);
	width: 100%;
}
	#utility ul,
	#footer footer > ul {
		padding: 6px 0px;
		margin: 0px;
		text-align: center;
	}
		#footer footer > ul {
			padding: 0px;
		}
		#footer footer > ul > li {
			margin-top: -2px;
		}
	#utility li,
	#footer li {
		display: inline;
		list-style: none;
	}
		#utility li + li,
		#footer li + li {
			margin-left:40px;
		}
		#utility a,
		#footer a {
			font-weight: bold;
			font-size: 1.3em;
		}
			#utility a,
			#utility li,
			#footer a {
				color: #bbbbbb;
			}
			#utility .loggedin a {
				font-weight: bold;
				text-transform: none;
			}
				#utility .loggedin > p {
					display:inline;
				}
				#utility .loggedin .toprofile {
					font-size: 13px;
				}
			#footer a:hover,
			#utility a:hover,
			.stadsagenda #wrapper .column div.locationlist .location .header h2 a {
				color: #ffffff;
			}

/* Kruimelpad */
#crumbpath {
	background-position: left top;
	background-repeat: no-repeat;
}
#crumbpath p {
	color: #ffffff;
	float: left;
	padding-right: 16px;
	line-height: 28px;
	margin: 0 0 0 0px;
	text-align: right;
	width: 182px;
}
#crumbpath ul {
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	margin: 0;
}
	.theater #crumbpath { background-image: url(../images/crumbpath_theater.png); }
	.stadsagenda #crumbpath { background-image: url(../images/crumbpath_stadsagenda.png); }
	.culturalis #crumbpath { background-image: url(../images/crumbpath_culturalis.png); }
	
	#crumbpath ul li {
		background-repeat: no-repeat;
		background-position: right top;
		float: left;
		font-size: 12px;
		line-height: 28px;
		list-style: none;
		padding: 0 30px 0 10px;
	}
		.theater #crumbpath ul li { background-image: url(../images/crumbpathseparator.png); }
		.stadsagenda #crumbpath ul li { background-image: url(../images/crumbpathseparator_stadsagenda.png); }
		.culturalis #crumbpath ul li { background-image: url(../images/crumbpathseparator_culturalis.png); }
		
	#crumbpath ul li.last {
		background: none;
		padding-right: 0px;
	}

/* Logo */
#logoblock {
	padding: 0;
	margin-bottom: 4px;
}
	.logocontainer {
		background-position: left top;
		background-repeat: no-repeat;
		height: 158px;
		padding: 39px;
	}
	#logoblock a {
		display: block;
		padding: 0px;
	}
	.theater .logocontainer { background-image: url(../images/hoekje_logo_theater.png); }
	.stadsagenda .logocontainer { background-image: url(../images/hoekje_logo_stadsagenda.png); }
	.culturalis .logocontainer { background-image: url(../images/hoekje_logo_culturalis.png); }
		.culturalis #logoblock img { margin-left: -15px; }

/* Menu linkerkolom */
#nav {
	padding-bottom: 4px;
}
	#nav .level1 {
		margin-top: -3px;
	}
#nav > .menu {
	margin-bottom: 4px;
}
#nav .open ul {
	background: url(../images/menu_open.png) repeat-y left top;
}
#nav .open > a,
#wrapper .column #nav > ul > li.open > a:hover {
	background: #ffffff none;
	background-image: none;
	display: block;
}
#nav ul > li {
	margin-bottom: 1px;
}
	#nav ul li.last {
		margin-bottom: 0px;
	}
	#nav ul > li > ul {
		padding-top: 1px;
	}
		#nav .level2 {
			padding-left: 0px;
		}
	#nav ul > li > ul > li {
		margin: 0px 0px 1px 6px;
	}
		#nav ul > li > ul li.hier > a {
			background-position: right top;
			background-repeat: no-repeat;
		}
		#nav .level3 {
			padding: 0px;
		}
		#wrapper #nav .level3 li a {
			color: #545C62;
		}
		#nav .level3 > li {
			border-top: 1px solid #5d5d5d;
			margin-bottom: 0px;
			margin-left: 5px;
		}
			#nav .level3 > li > a {
				border-left: 1px solid #5d5d5d;
			}
		.theater #wrapper .column #nav ul li.hier > a { background: #ffffff url(../images/menu_active_theater.png) no-repeat right top; }
		.culturalis #wrapper .column #nav ul li.hier > a { background: #ffffff url(../images/menu_active_culturalis.png) no-repeat right top; }
		.stadsagenda #wrapper .column #nav ul li.hier > a { background: #ffffff url(../images/menu_active_stadsagenda.png) no-repeat right top; }
		
	#nav a {
		color: #545c62;
		display: block;
		font-size: 1.4em;
		min-height: 28px;
		line-height: 27px;
		padding: 0px 0px 0px 20px;
		text-decoration: none;
	}
		#nav ul > li > ul > li > a {
		    font-size: 1.3em;
		    font-weight: bold;
			padding-left: 13px;
			text-transform: none;
		}
	#wrapper #nav > a {
		margin-bottom: 4px;
	}
#wrapper .topnav {
	display: block;
	height: 45px;
	line-height: 45px;
	padding: 0px;
	position: relative;
	margin: 0px 0px 4px 0px;
	width: 100%;
}
	.topnav div {
		height: 45px;
		padding: 0px 0px 0px 10px;
		margin: 0px 22px 0px 0px;
	}
	.topnav * {
		color: #ffffff;
	} 
	.topnav img {
		position:absolute;
		right: 0px;
		top: 0px; 
	}
	.topnav.theaterlink div { background-color: #cc092f; }
		.topnav.theaterlink:hover div { background-color: #df1933; }
	.topnav.stadspodiumlink div { background-color: #00a0df; }
		.topnav.stadspodiumlink:hover div { background-color: #22b4ff; }
	.topnav.culturalislink div { background-color: #eb660b; }
		.topnav.culturalislink:hover div { background-color: #ff7b15; }
	
	.theater #wrapper .topnav.theaterlink,
	.stadsagenda #wrapper .topnav.stadspodiumlink,
	.culturalis #wrapper .topnav.culturalislink {
		background-image: none;
		font-size: 1.6em;
		line-height: 43px;
		margin-bottom: 1px;
	}
		.theater #wrapper .topnav.theaterlink img,
		.stadsagenda #wrapper .topnav.stadspodiumlink img,
		.culturalis #wrapper .topnav.culturalislink img {
			display: none;
		}
		.theater #wrapper .topnav.theaterlink div,
		.stadsagenda #wrapper .topnav.stadspodiumlink div,
		.culturalis #wrapper .topnav.culturalislink div {
			margin-right: 0px;
		}

/* Culturalis op het web blokje */
.theater .culturalisophetweb h3,
.culturalisophetweb h3 {
	line-height: 2em;
}
ul.socialicons {
	list-style: none;
	margin: 0px 0 5px 0;
}
	ul.socialicons li {
		float: left;
		margin-right: 8px;
	}
	#footer .socialfooter {
		 float: none;
	}
		#footer .socialfooter ul {
			display: inline-block;
			padding: 0px;
		}
	#footer .socialicons li {
		margin: 0px 6px 0px 0px;
	}
		#footer .socialicons a {
			float: left;
			margin: 6px 0px -9px 0px;
		}

/* Twitter stream */
.twittercontainer {
	clear: both;
}
.twitter {
	padding-top: 10px;
	position: relative;
}
.twitter * {
	position: relative;
}
.twitter .hoekje {
	background-position: left top;
	background-repeat: no-repeat;
	height: 84px;
	left: 0;
	position: absolute;
	top: 0;
	width: 42px;
	z-index: 0;
}
.theater .twitter .hoekje { background-image: url(../images/hoekje_theater.png); }
.culturalis .twitter .hoekje { background-image: url(../images/hoekje_culturalis.png); }
.stadsagenda .twitter .hoekje { background-image: url(../images/hoekje_stadsagenda.png); }

.tweet_list .content {
	color: #ffffff;
	float: left;
	font-size: 1.1em;
	width: 215px;
} 
.tweet_list {
	list-style: none;
}
	.tweet_list li {
		border-top: 1px solid #ffffff;
		padding: 9px 0 9px 0;
	}
	.tweet_avatar {
		float: left;
		margin: 0 13px 10px 0;
	}
		.twitter .tweet_avatar img {
			height: 40px;
			display: block;
		}
		#twitterlogolink {
			float: right;
			margin-top: 4px;
		}
/* 2 link blokjes */
#wrapper a.link {
	color: #36424a;
	display: block;
	float: left;
	font-size: 2em;
	line-height: 2.6em;
	width: 350px;
	text-align: center;
}
	a.stadsagenda .hoekje,
	a.culturalis .hoekje,
	a.theater .hoekje {
		background-position: -21px top;
		background-repeat: no-repeat;
	}
	a.stadsagenda .hoekje {
		background-image: url(../images/hoekje_stadsagenda.png);
	}
		a.stadsagenda:hover {
			background: url(rgba.php?r=238&g=105&b=17&a=60) repeat;
			background: rgba(238,105,17,0.6);
		}
	a.culturalis .hoekje {
		background-image: url(../images/hoekje_culturalis.png);
	}
		a.culturalis:hover {
			background: url(rgba.php?r=0&g=160&b=223&a=60) repeat;
			background: rgba(0,160,223,0.6);
		}
	a.theater .hoekje {
		background-image: url(../images/hoekje_theater.png);
	}
		a.theater:hover {
			background: url(rgba.php?r=204&g=9&b=47&a=60) repeat;
			background: rgba(204,9,47,0.6);
		}
		#wrapper > a.stadsagenda:hover,
		#wrapper > a.culturalis:hover,
		#wrapper > a.theater:hover {
			color: #ffffff;
		}
	a.link:hover {
		text-decoration: none;
	}

/* Welkom blokje */
.welkom {
	padding-top: 0px;
}
#wrapper .agendastart {
	padding-bottom: 0px;
}
/* Uitgelicht blokje */
.uitgelicht,
.laatstenieuws {
	margin-bottom: 4px;
}
	.uitgelicht + .laatstenieuws {
		margin-top: 7px;
	}
.uitgelicht h2 {
	font-size: 2.4em;
}
.uitgelicht h4 {
	line-height: 0.4em;
	margin-bottom: 10px;
}

/* Laatste nieuws blokje */
.laatstenieuws h2 {
	font-size: 1.8em;
}
img.nieuwsfoto,
form#profile img,
.laatstenieuws > img {
	margin-left: -10px;
}
	form#profile img {
		margin-bottom: 10px;
	}

/* Adres blokje */
.address {
	padding-left: 35px;
	padding-bottom: 1px;
	padding-top: 1px; /* 1px is to make sure that margins are not collapsing */
}

/* Agenda blokje */
ul.agenda {
	list-style: none;
}
	ul.agenda li {
		clear: both;
		margin-bottom: 1px;
	}
		ul.agenda li a {
			display: block;
			min-height: 72px;
		}
			#wrapper ul.agenda li.last {
				height: 36px;
			}
			#wrapper ul.agenda li.last * {
				min-height: 0px;
				height: 36px;
			}
		ul.agenda li a:hover {
			text-decoration: none;
		}
		ul.agenda li img {
			float: left;
			margin-right: 5px; 
		}
		 .day {
			background: url(rgba.php?r=4&g=56&b=131&a=40) repeat;
			background: rgba(4,56,131,0.4);
			color: #ffffff;
			float: left;
			font-size: 1.8em;
			height: 36px;
			line-height: 45px;
			text-align: center;;
			width: 36px;
			display: block;
			position: relative;
		}
			.day span {
				font-size: 0.5em;
				line-height: 12px;
				position: absolute;
				top: 1px;
				left: 4px;
			}
			.day span,
			.agenda .item strong,
			.agendalist .item strong {
				font-family: Arial, Helvetica, sans-serif;
				text-transform: none;
			}
			.agenda .day {
				margin-right: 6px;
			}
		.culturalis ul.agenda .day,
		.stadsagenda ul.agenda .day {
			color: #ffffff;
		}
		.agenda .item {
			height: 36px;
		}
		ul.agenda .item p,
		.agendalist .item p {
			color: #36424A;
			display: block;
			font-size: 1.3em;
			padding: 13px 0 0 0;
		}
		ul.agenda strong {
			font-size: 1.3em;
		}
		ul.agenda strong,
		.agendalist strong {
			float: left;
			font-weight: bold;
		}
			.agendalist .item p {
				float: left;
				padding-top: 12px;
			}
			.agendalist strong {
				float: right;
				padding: 11px 8px 0px 0px;
			}
			.agendalist .item p,
			.agendalist .item strong,
			.agenda .item p,
			.agenda .item strong {
				line-height: 13px;
			}
				.agenda .item p {
					float: left;
				}
				.agenda .item strong {
					color: #043883;
					float: right;
					padding: 12px 4px;
				}
			.agendalist .item p {
				font-size: 1.085em;
			}
			.agendalist .imagelink {
				float: left;
				clear: left;
			}
		ul.agenda h4 {
			display: block;
			font-size: 1.4em;
			padding: 9px 4px 8px 42px;
			width: 190px;
		}
			.agenda h4 {
				display: none;
			}
		ul.agenda .readmore {
			font-size: 1.3em;
			font-weight: bold;
			line-height: 36px;
			padding-left: 36px;
		}
		.agenda .month {
			margin: 2px 0px 0px 0px;
		}
		.agenda .month h5 {
			padding: 0.2em 8px;
		}
#wrapper .agendalist {
	padding: 0px;
	margin: 0px -10px;
}
	.agendalist img {
		height: 100px;
		width: 100px;	
	}
	.agendalist img,
	.agendalist .item {
		float: left;
	}
#wrapper .agendalist li > p {
	font-size: 1em;
}
#wrapper p + .readmore {
	margin-top: -1em;
}
.content.block {
	padding-bottom: 10px;
}
.content .agendalist li, 
.content .newslist li {
	list-style: none;
	margin: 0px 0px 4px 0px;
	min-height: 142px;
}
	.content .agendalist li:last-child, 
	.content .newslist li:last-child {
		margin-bottom: 0px;
	}
.content .agendalist img,
.content .newslist img {
	margin: 0px 0px 8px 0px;
}
	.agendalist .item,
	.newslist .item {
		display: block;
		font-weight: bold;
		height: 36px;
		padding: 0px;
		margin: 0px 0px 0px 0px;
		width: 464px;
	}
		.agendalist .item div,
		.newslist .item div {
			display: inline;
			font-size: 1.5em;
		}
		.agendalist .day,
		.newslist .day {
			margin-right: 5px;
		}
	.agendalist h4,
	.newslist h4 {
		font-size: 1.6em;
		margin: 8px 0px 0.3em 0px;
		text-transform: none;
	}
	.agendalist h4,
	.agendalist li > p,
	.newslist h4,
	.newslist li > p {			
		float: left;
		padding: 0px 8px;
		width: 348px;
	}
		#wrapper .agendalist .noimage h4,
		#wrapper .agendalist .noimage > p {
			clear: both;
			width: auto;
		}
	.agendalist .item p,
	.newslist .item p,	
	.agenda .item p {
		margin: 0px;
	}
		.ui-tabs li {
			list-style: none;
		}
		.ui-tabs-hide {
			display: none;
		}
		
	
	
/* Flickr blokje */
.col3 > img + .block {
	margin-top: 8px;
}
ul.flickr {
	list-style: none;
	padding: 0 0 0 8px;
	margin: 20px 0px 10px 0px;
}
	ul.flickr li {
		float: left;
		margin: 0 13px 13px 0;
	}
		ul.flickr li.last {
			margin-right: 0;
		}

/* homepage */
.page-home h1 {
	color: #ffffff;
	font-size: 2em;
	margin: 2.4em 0 1.8em;
	text-align: center;
}
#theaterintro img {
	max-width: 100%;
}
.introitems {
	height: 405px;
}
	.introitems div div {
		padding: 6px 10px 0px 10px;
	}
.introitems h3 {
	font-size: 1.8em;
	line-height: 2.1em;
}
	.introitems h3 + p {
		margin-top: -8px;
	}

.linkitems a,
.showcaseitems a {
	display: block;
	height: 131px;
	position: relative;
	text-decoration: none;
}
	.showcaseitems a {
		width: 100%;
	}
	.linkitems a {
		z-index: 99;
	}
	.linkitems a + a,
	.showcaseitems a + a {
		margin: 6px 0px 0px 0px; 
	}
	.linkitems a p {
		font-size: 1.3em;
	}
.linkitems a div {
	height: 132px;
}
	.page-home .logo {
		padding: 0px;
		position: absolute;
		right: -49px;
		top: 21px;
	}
		#theater .logo {
			right: -50px;
   			top: 21px;
		}
.page-home a div,
.page-home a h2 {
	background-repeat: no-repeat;
	background-position: left center;
}
.page-home a h2 {
	background-position: left top;
	color: #ffffff;
	display: block;
	font-size: 2.7em;
	line-height: 1em;
	margin: 0px 0px -30px 0px;
	min-height: 60px;
	padding: 40px 36px 6px 36px;
}
	.linkitems #theater h2 {
		padding-top: 21px;
		margin: 0px;
	}
	.page-home .linkitems a.active div,
	.page-home .linkitems a:hover div {
		padding-left: 50px;
		margin-left: -41px;
	}
	.page-home #theater h2 { background-image: url(../images/hoekje_theater.png); }
		.page-home #theater.active, .page-home #theater:hover { background: #cc092f none; }
		.page-home #theater.active div, .page-home #theater:hover div { background-image: url(../images/pijl_theater.png); }
	.page-home #stadsagenda h2 { background-image: url(../images/hoekje_stadsagenda.png); }
		.page-home #stadsagenda.active, .page-home #stadsagenda:hover { background: #00a0df none; }
		.page-home #stadsagenda.active div, .page-home #stadsagenda:hover div { background-image: url(../images/pijl_stadsagenda.png); }
	.page-home #culturalis h2 { background-image: url(../images/hoekje_culturalis.png); }
		.page-home #culturalis.active, .page-home #culturalis:hover { background: #eb660b none; }
		.page-home #culturalis.active div, .page-home #culturalis:hover div { background-image: url(../images/pijl_culturalis.png); }
	.page-home .linkitems a div,
	.page-home .linkitems a.active div,
	.page-home .linkitems a:hover div {
		background-repeat: no-repeat;
	}
	.page-home #wrapper .linkitems a.active div h2,
	.page-home #wrapper .linkitems a:hover div h2 {
		background: none;
		color: #ffffff;
	}
	
.linkitems p,
.showcaseitems p {
	color: #272727;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0px;
	padding-left: 36px;
}
.linkitems p {
	float: left;
	margin-top: -8px;
	width: 229px;
}
.page-home .linkitems a:hover div *,
.page-home .linkitems .active div * {
	color: #ffffff;
	padding-left: 27px;	
}
	#theater.active {
		
	}
.showcaseitems h4 {
	color: #444;
	font-size: 2.0em;
	line-height: 1.2em;
	padding-right: 6px;
	margin: 0px;
}
.showcaseitems p {
	padding: 12px 0px 0px 0px;
	margin: 0px;
}
	.showcaseitems > div {
		margin-bottom: 6px;
	}
	.showcaseitems div {
		height: 131px;
	}
	#wrapper .showcaseitems a {
		margin-top: 0px;
	}
	.showcaseitems a > div {
		background-position: left top;
		background-repeat: no-repeat;
		padding-left: 54px;
	}
	#wrapper .showcaseitems a > div div {
		background: url(../images/overlay_schuin.png) no-repeat right top;
		padding-left: 6px;
	}
		#wrapper .showcaseitems a:hover div div {
			background-position: -150px 0px;
		} 
	#showcase_theater div , #showcase_stadsagenda div, #showcase_culturalis div { background-image: url(../images/hapje_stadsagenda.png); }

/* Formulieren */
form {
	width: 444px;
}
	.header + form {
		padding-top: 10px;
	}
	#wrapper form .richtextfield {
		background: none;
	}
	form fieldset {
	}
		#wrapper form fieldset h2 {
			padding: 0px 0px 0px 170px;
			margin: 1.3em 0px 0.5em 0px;
		}
	form fieldset > div {
		margin-bottom: 10px;
		position: relative;
	}
		form fieldset .radiobuttonlist {
			display: inline-block;
		}
				form fieldset .radiobuttonlist > div {
					padding-bottom: 0.3em;
				}
				form fieldset .radiobuttonlist div * {
					display: inline-block;
					float: none;
					width: auto;
				}
				.radiobuttonlist input {
					margin-right: 6px;
				}
				.radiobuttonlist label {
					padding: 0px;
				}
		form fieldset .captchafield {
			position: relative;
		}
		form fieldset h3 {
			margin-bottom: 0.5em;
		}
		.richtextfield {
			width: 444px;
		}
	
	form fieldset label {
		display: inline-block;
		font-size: 1.3em;
		font-weight: bold;
		float: left;
		padding: 7px 0px 0px 0px;
		margin-right: 10px;
		text-align: right;
		width: 160px;
	}
		label + .radiobuttonlist {
			margin-top: 7px;
		}
	
		form fieldset .checkboxfield label {
			float: none;
			margin: -2px 0px 0px 0px;
			padding: 0px 0px 0px 3px;
			text-align: left;
			float: left;
			width: 248px;
		}
		form fieldset .checkboxfield input {
			float: left;
			margin: 0px 3px 0 170px;
		}
		
		form fieldset .captchafield img {
			position: absolute;
			border-right: 1px solid #cec8c0;
			left: 177px;
			margin: 1px 0 1px 0;
			top: 0;
		}
		form fieldset .captchafield p {
			clear: left;
			float: left;
			font-size: 0.9em;
			margin: 7px 0px 0px 29px;
			width: 140px;
		}
			form fieldset .captchafield p a {
				background: url(../images/icons/newcaptcha.png) no-repeat left 2px;
				display: block;
				line-height: 16px;
				padding-left: 20px;
			}
				.stadsagenda form fieldset .captchafield p a { background-position: left -138px; }
				.culturalis form fieldset .captchafield p a { background-position: left -67px; }
		form fieldset .captchafield label {
			float: left;
			padding: 2px 0px 0px 20px;
			width: 140px;
		}
		form fieldset .captchafield input[type=text] {
			float: none;
			height: 38px;
			padding-left: 132px;
			width: 115px;
		}
	
	form fieldset input[type=text],
	form fieldset input[type=email],
	form fieldset input[type=number],
	form fieldset input[type=search],
	form fieldset input[type=password],
	form fieldset textarea,
	form fieldset select,
	form fieldset input[type=file] {
		background: url(rgba.php?r=255&g=255&b=255&a=40) repeat;
		background: rgba(255,255,255,0.4);
		border-style: solid;
		border-width: 1px;
		border-radius: 4px;
		border-color: rgba(121, 121, 121, 0.4) rgba(145, 145, 145, 0.4) rgba(255, 255, 255, 0.4) rgba(145, 145, 145, 0.4);
		
		-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.21);
		-moz-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.21);
		box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.21);
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.4em;
		float: left;
		padding: 6px 5px;
		vertical-align: top;
		width: 242px; 
	}
		form fieldset select {
			height: 30px;
			padding: 5px 5px;
			width: auto;
		}
	.ie8 form fieldset input[type=text],
	.ie8 form fieldset input[type=email],
	.ie8 form fieldset input[type=number],
	.ie8 form fieldset input[type=search],
	.ie8 form fieldset input[type=file],
	.ie8 form fieldset textarea,
	.ie8 form fieldset select {
		border-color: #b8b8b7 #c2c4c2 #eeecec #c2c4c2;
	}
		form fieldset .error input[type=text],
		form fieldset .error input[type=email],
		form fieldset .error input[type=number],
		form fieldset .error input[type=search],
		form fieldset .error input[type=file],
		form fieldset .error textarea,
		form fieldset .error select	{
			border: 1px solid #e39093;
		}
		
	.radiobuttonlist label,
	.radiobuttonlist input {
		float: left;
	}
			.radiobuttonlist input {
				clear: left;
			}
		
	.error {
		position: relative;
	}
	.errorMessage {
		color: #ffffff;
		font-size: 1.3em;
		height: 18px;
		left: 428px;
		padding: 5px 10px 6px 10px;
		position: absolute;
		top: -8px;
		white-space: nowrap;
		z-index: 99;
	}
		.errorMessage:before {
			border-bottom-width: 29px;
			border-bottom-style: solid;
			border-left: 15px solid transparent;
			content: '';
			position: absolute;
			left: -15px;
			top: 0;
		}
		form.login .passwordfield label {
			padding-top: 0px;
			margin-top: -1px;
		}
		form.login .forgotpassword {
			float: left;
			margin: -17px 0px 0px 0px;
			text-align: right;
			width: 160px;
		}
	
/* Buttons */
input[type="button"],
input[type="submit"],
button,
.button,
#ui-datepicker-div .ui-datepicker-buttonpane > button {
	border-style: solid;
	border-width: 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; 
	color: #ffffff;
	display: inline-block;
	font-family: EurostileLTStdBold, Arial Black, Tahoma;
	font-size: 1.4em;
	height: 38px;
	line-height: 14px;
	text-align: center;
	opacity: 1;
	padding: 0px 25px 0px 25px;
	pointer: cursor;
}
	#ui-datepicker-div .ui-datepicker-buttonpane > button {
		padding-right: 8px;
		padding-left: 8px;
	}
	#wrapper input[type="button"]:hover,
	#wrapper input[type="submit"]:hover,
	#wrapper button:hover,
	#wrapper .button:hover,
	#ui-datepicker-div .ui-datepicker-buttonpane > button:hover { 
		filter: none;
	}
	.oldie input[type="button"],
	.oldie input[type="submit"],
	.oldie button,
	.oldie .button {
		border-radius: 0px; 
	} 
	#search {
		padding-bottom: 10px;
	}
		.searchresults ul {
			margin-top: 0px;
		}
		.searchresults li {
			list-style: none;
			margin-bottom: 4px;
		}
			.searchresults h2 a {
				text-decoration: underline;
			}
			#wrapper .searchurl {
				line-height: 0.85em;
				margin: 0.4em 0px 0.4em 0px;
			}
				#wrapper .searchurl + p {
					margin-top: 0px;
					margin-bottom: 2em;
				}
			#wrapper .searchurl a {
				color: #929292;
				font-size: 0.7em;
			}
	#search input[type=submit] {
		margin-left: 6px;
		height: 30px;
	}
form input[type="submit"] {
	margin-left: 170px;
}

.filterform {
	padding-top: 10px;
	width: 100%;
}
.filterform fieldset > div {
	display: block; 
	float: none;
	margin-right: 10px;
}
	#talentfilter > div {
		float: left;
	}
	#wrapper .filterform fieldset > .checkboxfield:first-child,
	#wrapper form#locationsearchform .facilityfilter > label:first-child {
		clear: left;
	}
	#wrapper .filterform p {
		margin: 0px 0px 10px 0px;
	}
	.filterform label {
		text-align: left;
		width: 70px;
	}
	.filterform input[type=search] {
		width: 261px;
	}
	.filterform #date_play {
		margin-right: 7px;
		width: 166px;
	}
	#wrapper #talentfilter label {
		width: auto;
	}
		.filterform #genre {
			float: left; 
			width: 176px;
		}
		#wrapper #locationsearchform label {
			width: 106px;
		}
			#wrapper #locationsearchform .facilityfilter > label {
				text-align: left;
				width: auto;
			}
			#locationsearchform input[type=search] {
				width: 214px;
			}
			#talentfilter input[type=search] {
				width: 235px;
			}
			.filterform .searchingfornewmembers {
				margin-top: -6px;
			}
	.filterform input[type=checkbox] {
		margin-left: 0px;
	}
	.filterform input[type=text],
	.filterform select {
		width: 180px;
	} 
	.filterform input[type=submit] {
		height: 30px;
		margin: 0px;
	}
	.facilityfilter > div {
		display: inline-block;
		padding-top: 3px;
	}
		.facilityfilter label {
			font-weight: normal;
			padding: 0px;
			margin-right: 17px;
		}
		#wrapper #locationsearchform .facilityfilter .repetitieopties {
			padding-top: 8px;
			padding-left: 0px;
		}
		#wrapper #locationsearchform .facilityfilter .repetitieopties label {
			width: auto;
		}
			#wrapper #locationsearchform .facilityfilter .repetitieopties label:first-child,
			.facilityfilter label:first-child {
				font-weight: bold;
				width: 99px;
			}

/* new taltent */
#newprofilecontainer {
	background: url(../images/bg_talentbox.png) no-repeat left top;
	height: 91px;
	margin: 0px -10px 0px -10px;
	width: 236px;
	text-align: center;
}
#newlocationcontainer {
	background: url(../images/bg_talentbox.png) no-repeat left top;
	float:right; 
	height: 81px;
	margin: 4px 4px 0px -10px;
	width: 236px;
	text-align: center;
}
.stadsagenda #wrapper .newprofile {
	-webkit-box-shadow: 0px 0px 3px 0px #000000;
	-moz-box-shadow: 0px 0px 3px 0px #000000;
	box-shadow: 0px 0px 3px 0px #000000; 
	color: #ffffff;
	font-size: 1.25em;
	display: inline-block;
	line-height: 36px;
	height: 36px;
	margin: 27px 0px;
	padding: 0px 6px;
	text-transform: uppercase;
	width: 206px;
}
	.stadsagenda .newprofile:hover {
		text-decoration: none;
	}
#mce_16.clearlooks2 {
	top: 50%;
}
/* pager */
.pager * {
	color: #ffffff;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
	.pager ul {
		padding: 0.3em 0px;
		margin-bottom: 1px;
	}
		.pager p {
			padding: 0.6em 0px;
		}
		.pager a,
		.pager span {
			padding: 0.3em 0.5em;
		}
	.pager li {
		display: inline;
		font-size: 1.3em;
	}
	.pager {
		clear: both;
		padding-bottom: 1em;
	}
	.stadsagenda #wrapper .pager .selected span {
		color: #ffffff;
	}

/* 
 * COLORS CULTURALIS THEATER
 */
/* the red pill */
#theaterintro h3,
body.theater a,
#theaterintro a,
.theater h2,
.theater h2 a,
.theater h3,
.theater h3 a,
body.theater #nav ul li ul li a ,
.theater #nav a:hover,
.linkitems #theater h2,
.linkitems #theater h2 a,
.theater .content h1,
.theater .content h1 a,
.theater .content h2,
.theater .content h2 a,
.theater #footer a:hover,
.theater .agendalist h4,
.theater .agendalist h4 a,
.theater div.header h3,
.theater div.header h3 a,
.theater ul.agenda h4,
.theater #wrapper #nav .level3 li.hier a,
.theater #wrapper .newprofiles a:hover,
.theater #wrapper .newprofiles .readmore,
.theater #utility .loggedin .toprofile {
	color: #cc092f;
}
.theater .errorMessage:before {
	border-bottom-color: #cc092f;
}
.theater .errorMessage {
	background: #cc092f;
}

.content h3,
.content h4,
.content h5,
.content h6,
#wrapper .content .agenda .day,
.tweet_list .content,
#crumbpath li.last a,
#wrapper .pager span,
.newestprofile em {
	color: #36424A;
}
/* the blue pill */
.theater .content > h2,
.theater #wrapper .header h2,
.theater #wrapper .header h3,
.theater .uitgelicht h4,
.theater .agendalist .item,
.theater .like .header h3,
.theater .agenda .item strong,
.theater #wrapper .col3 .header h2,
.theater #wrapper .col3 .header h3,
.theater .agendalist .item > strong > a {
	color: #043883;
}
	.theater .content .header h2,
	.theater div.header h1 {
		color: #ffffff;
		background-color: #cc092f;
	}
	.theater #wrapper .content .header h2,
	.theater #wrapper .laatstenieuws .header h3,
	.theater #wrapper .uitgelicht .header h3,
	.theater #wrapper .items .monthseperator,
	.theater #wrapper .col6 > .bg80 > .header h2,
	.theater #wrapper .col6 > .bg80 > .header h3 {
		color: #ffffff;
		background-color: #043883;
	}
	.theater .button,
	.theater button,
	.theater input[type="button"],
	.theater input[type="submit"] {
		background: #043883;
		background: -moz-linear-gradient(top,  #043883 0%, #022b65 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#043883), color-stop(100%,#022b65));
		background: -webkit-linear-gradient(top,  #043883 0%,#022b65 100%);
		background: -o-linear-gradient(top,  #043883 0%,#022b65 100%);
		background: -ms-linear-gradient(top,  #043883 0%,#022b65 100%);
		background: linear-gradient(top,  #043883 0%,#022b65 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#043883', endColorstr='#022b65',GradientType=0 );
		border-color: #095dd5 #0e3e83 #000000 #0e3e83;
	}
		.theater .button:hover,
		.theater button:hover,
		.theater input[type="button"]:hover,
		.theater input[type="submit"]:hover {
			background: #cc092f none;
			border-color: #990b27;
		}

/* 
 * COLORS STADAGENDA
 */
/* lichtblauw */
#stadsagendaintro a,
.stadsagenda .agendalist h4,
.stadsagenda .agendalist h4 a,
#stadsagendaintro h3,
#stadsagendaintro h3 a,
.linkitems #stadsagenda h2,
.linkitems #stadsagenda h2 a,
.stadsagenda #footer a:hover,
.stadsagenda #nav a:hover,
.stadsagenda a,
.stadsagenda .content h1,
.stadsagenda h2,
.stadsagenda h2 a,
.stadsagenda div.header h3,
.stadsagenda div.header h3 a,
.stadsagenda .agendalist .item,
.stadsagenda ul.agenda h4,
.stadsagenda ul.agenda h4 a,
.stadsagenda ul.agenda .readmore,
.stadsagenda #wrapper #nav .level3 li.hier a,
.stadsagenda a,
.stadsagenda #wrapper .newprofiles a:hover,
.stadsagenda #wrapper .newprofiles .readmore,
.stadsagenda #utility .loggedin .toprofile {
	color: #00a0df;
}
	#wrapper .talentlist .profileitem a:hover h2 {
		background-color: #00a0df;
	}
/* ondersteunend paars */
.stadsagenda .content > h2,
.stadsagenda .agendalist .item strong,
.stadsagenda .agenda .item strong,
.stadsagenda #wrapper .header h2,
.stadsagenda #wrapper .header h3,
.col3 .header h3,
.stadsagenda .agendalist .item > strong > a {
	color: #76004f;
}
.stadsagenda .welkom h1,
.stadsagenda .content .header h2,
#wrapper .talentlist .profileitem a h2,
.stadsagenda .pager .selected span,
.locationlist .header h2  {
	background-color: #76004f;
}
.stadsagenda form fieldset .error input[type=text],
.stadsagenda form fieldset .error input[type=email],
.stadsagenda form fieldset .error input[type=number],
.stadsagenda form fieldset .error input[type=search],
.stadsagenda form fieldset .error textarea,
.stadsagenda form fieldset .error select {
	border-color: #76004f;
}
	.stadsagenda #wrapper .content .header h2,
	.stadsagenda #wrapper .uitgelicht .header h3,
	.stadsagenda #wrapper .laatstenieuws .header h3,
	.stadsagenda #wrapper .items .monthseperator,
	.stadsagenda #wrapper .col6 > .bg80 > .header h2 {
		color: #ffffff;
		background-color: #76004F;
	}
	.stadsagenda .content .header h2,
	.stadsagenda div.header h1,
	.stadsagenda #wrapper .lookatme .header h2 {
		color: #ffffff;
		background-color: #00A0DF;
	}
.stadsagenda .errorMessage:before {
	border-bottom-color: #76004f;
}
.stadsagenda .errorMessage {
	background: #76004f;
}
.stadsagenda .button,
.stadsagenda button,
.stadsagenda input[type="button"],
.stadsagenda input[type="submit"],
.stadsagenda #ui-datepicker-div .ui-datepicker-buttonpane > button {
	border: 1px solid #2ac3ff;
	background: #00a0df; /* Old browsers */
	background: -moz-linear-gradient(top, #00a0df 0%, #0080d6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a0df), color-stop(100%,#0080d6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #00a0df 0%,#0080d6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #00a0df 0%,#0080d6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #00a0df 0%,#0080d6 100%); /* IE10+ */
	background: linear-gradient(top, #00a0df 0%,#0080d6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a0df', endColorstr='#0080d6',GradientType=0 ); /* IE6-9 */
	text-shadow: 0px 1px #000000;
}
	.stadsagenda .button:hover,
	.stadsagenda button:hover,
	.stadsagenda input[type="button"]:hover,
	.stadsagenda input[type="submit"]:hover {
		background: #76004F none;
		border-color: #480030;
	}
/* 
 * COLORS CULTURALIS
 */
/* hoofdkleur oranje */
body.culturalis a,
.culturalis .content h1,
.culturalis h2,
.culturalis h2 a,
body.culturalis #nav ul li ul li a,
#culturalisintro h3,
#culturalisintro h3 a,
.linkitems #culturalis h2,
.linkitems #culturalis h2 a,
.culturalis #footer a:hover,
.culturalis .agendalist .item,
.culturalis .agenda h4,
.culturalis .agendalist h4,
.culturalis .agendalist h4 a,
.culturalis #wrapper .newprofiles a:hover,
.culturalis #wrapper .newprofiles .readmore,
.culturalis #utility .loggedin .toprofile {
	color: #eb660b;
}
.culturalis .errorMessage:before {
	border-bottom-color: #eb660b;
}
.culturalis .errorMessage {
	background: #eb660b;
}
/* steunkleur groenig */
.culturalis .content > h2,
.culturalis #nav a:hover,
.culturalis .agendalist .item,
.agenda .item strong,
.culturalis #wrapper #nav .level3 li.hier a,
.culturalis .culturalisophetweb h3,
.culturalis .header h2,
.culturalis .header h2 a,
.culturalis .header h3,
.culturalis .header h3 a,
.culturalis .agendalist .item > strong > a {
	color: #008482;
}
.culturalis form fieldset .error input[type=text],
.culturalis form fieldset .error input[type=email],
.culturalis form fieldset .error input[type=number],
.culturalis form fieldset .error input[type=search],
.culturalis form fieldset .error textarea,
.culturalis form fieldset .error select	{
	border-color: #eb660b;
}
.culturalis div.header h1 {
	background-color: #008482;
}
	.culturalis #wrapper .content .header h2,
	.culturalis div.header h1 {
		color: #ffffff;
		background-color: #EB660B;
	}
	.culturalis #wrapper .content .header h2,
	.culturalis #wrapper .uitgelicht .header h3,
	.culturalis #wrapper .laatstenieuws .header h3,
	.culturalis #wrapper .items .monthseperator,
	.culturalis #wrapper .col6 > .bg80 > .header h2 {
		background-color: #008482;
		color: #ffffff;
	}
	.culturalis input[type="submit"] {
		background: #ed960b; /* Old browsers */
		background: -moz-linear-gradient(top, #ed960b 1%, #eb660b 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ed960b), color-stop(100%,#eb660b)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ed960b 1%,#eb660b 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ed960b 1%,#eb660b 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #ed960b 1%,#eb660b 100%); /* IE10+ */
		background: linear-gradient(top, #ed960b 1%,#eb660b 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed960b', endColorstr='#eb660b',GradientType=0 ); /* IE6-9 */
		border-color: #ff9f5d;
	}
		.culturalis input[type="submit"]:hover {
			background: #008482 none;
			border-color: #014c4b;
		}
/* 30% opacity background*/
.bg30,
.linkitems a,
.like .header h3,
#wrapper ul.agenda li a h4 {
	background: url(rgba.php?r=255&g=255&b=255&a=30) repeat;
	background: rgba(255,255,255,0.3);
}
.content table tr:nth-child(even) {
	background: url(rgba.php?r=255&g=255&b=255&a=30) repeat;
	background: rgba(255,255,255,0.3);
}
/* 50% opacity background*/
.bg50,
.linkitems a {
	background: url(rgba.php?r=255&g=255&b=255&a=50) repeat;
	background: rgba(255,255,255,0.5);
}
/* 60% opacity background*/
.bg60,
.pager span, 
.linkitems a,
#nav > ul > li > a,
.agenda > li a,
th,
.meedoenreserveren .ui-tabs li {
	background: url(rgba.php?r=255&g=255&b=255&a=60) repeat;
	background: rgba(255,255,255,0.6);
}
/* 80% opacity background*/
.bg80,
#wrapper .talentlist .profileitem a:hover strong,
.linkitems a,
#nav > ul > li > ul > li,
.agenda li a:hover,
caption,
.content .agendalist li,
.meedoenreserveren .header .bg80,
.meedoenreserveren .ui-tabs li.ui-state-active,
#wrapper .newprofiles a span,
#wrapper .newprofiles div > a,
.talentlist .items li {
	background: url(rgba.php?r=255&g=255&b=255&a=80) repeat;
	background: rgba(255,255,255,0.8);
}
/* 85% opacity background*/
.bg85,
.pager a,
#wrapper .talentlist .profileitem a:hover p {
	background: url(rgba.php?r=255&g=255&b=255&a=85) repeat;
	background: rgba(255,255,255,0.85);
}
/* 90% opacity background*/
.bg90,
.introitems,
#nav > ul > li > ul > li.hier,
#nav > ul > li > a:hover,
#nav > ul > li > ul > li:hover > a,
#wrapper .col3 #nav .level3 > li > a:hover,
#wrapper .newprofiles a:hover,
#wrapper .newprofiles a:hover span,
.col3 .agenda li h5 {
	background: url(rgba.php?r=255&g=255&b=255&a=90) repeat;
	background: rgba(255,255,255,0.9);
}
/* dark bg 60 */
#wrapper .talentlist .profileitem p,
#wrapper .talentlist .profileitem strong {
	background: url(rgba.php?r=0&g=0&b=0&a=60) repeat;
	background: rgba(0,0,0,0.6);
}


.agendaeditlink {
	float: right;
	padding: 8px 10px 0px 20px;
}
.dateformat {
	display: none;
}
	.no-js .dateformat {
		display: block;
		margin-top: -7px;
		padding: 0px 0px 0px 170px;
	}

::-webkit-input-placeholder { color: #CCCCCC; }
:-moz-placeholder { color: #CCCCCC; }

.uploadfield p {
		float: right;
		margin-top: 0.2em;
		width: 274px;
	}
	.uploadtooltip {
		float: right;
		position: relative;
		overflow: visible;
	}
		.uploadinfobutton {
			background: url(../images/icons/uploadinfo.png) no-repeat left top;
			height: 16px;
			margin: 5px 7px 0px 0px;
			width: 16px;
		}
		.uploadinfo:before {
			content: url(../images/icons/upload_arrow.png);
			position: absolute;
			left: -8px;
			top: 0px;
		}
		.uploadinfo {
			background-color: #212121;
			color: #ffffff;
			display: none;
			font-size: 12px;
			padding: 7px 8px 8px 10px;
			position: absolute;
			left: 25px;
			top: -4px;
			min-width: 190px;
			width: auto;
			z-index: 88;
		}
			.uploadtooltip:hover .uploadinfo {
				display: block;
			}
		.uploadfield em {
			color: #9e9e9e;
			font-size: 11px;	
		}

/* ==|== non-semantic helper classes ======================================== */
.ir, .uploadinfobutton { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
fieldset > div:before, fieldset > div:after, .items:before, .items:after, form fieldset .checkboxfield:before, form fieldset .checkboxfield:after, .ui-tabs-nav:before, .ui-tabs-nav:after, .block:before, .block:after, .agendalist li:before, .agendalist li:after, #wrapper:before, #wrapper:after, #utility ul:before, #utility ul:after, .column:before, .column:after, .row:before, .row:after, .clearfix:before, .clearfix:after { content: ""; display: table; }
fieldset > div:after, .items:after, form fieldset .checkboxfield:after, .ui-tabs-nav:after, .block:after, .agendalist li:after, #wrapper:after, #utility ul:after, .column:after, .row:after, .clearfix:after { clear: both; }
fieldset > div, .items, form fieldset .checkboxfield, .ui-tabs-nav, .block, .agendalist li, #wrapper, #utility ul, .column, .row, .clearfix { zoom: 1; }
/* ==|== media queries ====================================================== */
@media only screen and (min-width: 480px) {
}
@media only screen and (min-width: 768px) {
}
/* ==|== print styles ======================================================= */
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}