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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
}

:focus {
	-moz-outline-style: none; 
	outline: 0;
}

a:active 		{ outline: none; }
.bold 			{ font-weight: bold; }
.float-left		{ float: left; }
.float-right	{ float: right; }
.clear-both		{ clear:both }
.center			{ text-align: center; }

/*---------------------------------------------------------------------------------------------
 Font settings 
 --------------------------------------------------------------------------------------------*/
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*/
/**
 * YUI Fonts
 * @module fonts
 * @namespace yui-
 * @requires 
 */

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body { 
	font:13px/1.231 Georgia, "Times New Roman", Times, serif;
	/* for IE6/7 */ 
	*font-size:small; 
	/* for IE Quirks Mode */
	*font:x-small; 	
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea,
button {
	font:99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}

html, body, #bg, #bg table, #bg td, #main-body {
    height:100%;
    width:100%;
    overflow:hidden;
}


/**
 * 	Re-sizeable background
 */
#bg { 
    position: fixed; 
}

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}


/**
 * 	Main body
 */
#main-body {
    position: absolute;
    top:0;left:0;
    z-index:70;
    overflow:auto;
    overflow: -moz-scrollbars-vertical;
}

.main-wrapper { 
    margin: 0 auto; 
    width: 964px;
}


/**
 * 	Header
 */
#header {
	background: url(../images/header.gif) no-repeat;
	height: 262px;
	margin: 0 auto;
	width: 912px;
}

#header h3 {
	color: #4b4851;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 17px;
	margin-bottom: 4px;
}

#header .col {
	float: left;
	height: 229px;
	width: 228px;
}

#header .col .logo {
	padding: 18px 0 0 28px;
}

#header .col div {
	padding: 8px 0 0 15px;
}

#header .datewidget div {
	padding: 0;
}

#header .datewidget div h3 {
	padding: 8px 0 0 15px;
}

#header #datewidget {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-style: italic;	
	padding: 0 0 0 25px;;
}

#header p,
#header table th,
#header table td {
	font-size: 11px;
	font-style: italic;
}

#header a:link,
#header a:visited {
	color: #4b4851;
	text-decoration: none;
}

#header a:hover {
	color: #d7d7d7;
}

#header .col .sponsor {
	pposition: absolute;
	ptop: 180px;
	pmargin: 0 auto;
}


#menu {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	font-size: 17px;
}

#menu ul, 
#menu ul li {
	list-style:none;
}
#menu ul li {
	display:block;
	padding:6px 18px 0 17px;
	float:left;
}

#menu ul li a {
	text-decoration:none;
	display:block;
}

#menu ul li.vandaag a 		{ color:#ff4bc7; }
#menu ul li.morgen a 		{ color:#00bdff; }
#menu ul li.week a 			{ color:#ff6e57; }
#menu ul li.maand a 		{ color:#a0eb6c; }
#menu ul li.educatie a 		{ color:#e5d523; }
#menu ul li.acties a 		{ color:#a48ddf; }
#menu ul li.nieuwsbrief a 	{ color:#f9ae40; }
#menu ul li.info a 			{ color:#d7d7d7; }

#menu ul li a:hover 		{ color:#FFF; }

#vandaag li.vandaag a  			{ color:#ff4bc7; border-bottom: 1px dashed #ff4bc7; }
#morgen li.morgen a 			{ color:#00bdff; border-bottom: 1px dashed #00bdff; }
#week li.week a					{ color:#ff6e57; border-bottom: 1px dashed #ff6e57; }
#maand li.maand a 				{ color:#a0eb6c; border-bottom: 1px dashed #a0eb6c; }
#educatie li.educatie a 		{ color:#e5d523; border-bottom: 1px dashed #e5d523; }
#acties li.acties a 			{ color:#a48ddf; border-bottom: 1px dashed #a48ddf; }
#nieuwsbrief li.nieuwsbrief a 	{ color:#f9ae40; border-bottom: 1px dashed #f9ae40; }
#info li.info a					{ color:#d7d7d7; border-bottom: 1px dashed #d7d7d7; }

#vandaag .current-color, 
#vandaag .current-color a 			{ color:#ff4bc7; }

#morgen .current-color, 
#morgen .current-color a 			{ color:#00bdff; }

#week .current-color, 
#week .current-color a				{ color:#ff6e57; }

#maand .current-color, 
#maand .current-color a  			{ color:#a0eb6c; }

#voorstelling .current-color, 
#voorstelling .current-color a  	{ color:#ff4bc7; }

#educatie .current-color, 
#educatie .current-color a 			{ color:#e5d523; } /* ffff00 */

#acties .current-color, 
#acties .current-color a  			{ color:#a48ddf; }

#nieuwsbrief .current-color, 
#nieuwsbrief .current-color a 		{ color:#f9ae40; }

#info .current-color, 
#info .current-color a				{ color:#d7d7d7; }

#news .current-color, 
#news .current-color a				{ color:#d7d7d7; }


/**
 * 	Content blocks
 */

.divider {
	background: url(../images/divider.png);
	height: 3px;
	margin: 20px 0 20px 0;
	overflow: hidden;
	width: 430px;
}
 
#block {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin: 0 auto;
	margin-top: 18px;
	position: relative; 
	width: 964px;
}

/* Ticket background difference columns */
.event {
	background: url(../images/ticket.png) no-repeat;
	height: 268px;	
}

.event-detail {
	background: url(../images/ticket_detail.png) no-repeat;
	min-height: 293px;	
}

.ticket-detail-bottom {
	background: url(../images/ticket_detail_bottom.png) no-repeat;
	height: 42px;	
}

.newsletter {
	background: url(../images/ticket_long.png) no-repeat;
	min-height: 268px;	
}

.ticket-newsletter-bottom {
	background: url(../images/ticket_bottom.png) no-repeat;
	height: 42px;	
}

.newsletter h3 {
	margin-bottom: 8px;
}

.newsletter h3,
.newsletter p,
.newsletter form {
	margin-left: 8px;
}

.education {
	background: url(../images/ticket_228_456_228.png) no-repeat;
	min-height: 268px;	
}


.info_1_2_1 {
	background: url(../images/ticket_228_456_228.png) no-repeat;
	min-height: 268px;	
}

.info_1_2_1_bottom {
	background: url(../images/ticket_228_456_228_bottom.png) no-repeat;
	min-height: 42px;	
}

.info_1_1_2 {
	background: url(../images/ticket_228_228_456.png) no-repeat;
	min-height: 268px;	
}

.info_1_1_1_1 {
	background: url(../images/ticket_228_228_228_228.png) no-repeat;
	min-height: 268px;	
}

.ticket_1_1_1_1_bottom {
	background: url(../images/ticket_228_228_228_228_bottom.png) no-repeat;
	height: 42px;	
}

.education .big-nav h3,
.info_1_2_1 .big-nav h3,
.info_1_1_1_1 .big-nav h3 {
	margin-bottom: 15px;
	padding-left: 8px; /* extra padding for links */
}

.education .links,
.info_1_2_1 .links,
.info_1_1_1_1 .links {
	margin-bottom: 10px;
	padding-left: 8px;
}

.info_1_2_1 h3,
.info_1_1_1_1 h3 {
	margin-bottom: 8px;
}

.education a:link,
.education a:visited,
.info_1_2_1 a:link,
.info_1_2_1 a:visited,
.info_1_1_1_1 a:link,
.info_1_1_1_1 a:visited {
	color: #4b4851;
	text-decoration: none;
}

.education a:hover,
.info_1_2_1 a:hover,
.info_1_1_1_1 a:hover {
	color: #d7d7d7;
}


#block .block-center-title {
	left: 50%;
	margin-top: 18px;
	margin-left: -482px;
	text-align: center;
	position: absolute;
	width: 964px;
}

#block .block-title h3 {
	text-align: center;
}

#block h3 {
	color: #4b4851;
	font-size: 17px;
}

#block img {
	display: block;
}


#block p,
#block table th,
#block table td {
	font-size: 11px;
}

#block table {
	wwidth: 100%;
}

#block .link a:link,
#block .link a:visited {
	color: #4b4851;
	font-size: 11px;
	text-decoration: underline;
}

#block .link a:hover {
	color: #d7d7d7;
	text-decoration: none;
}

#block .readmore a:link,
#block .readmore a:visited {
	color: #4b4851;
	font-size: 11px;
	text-decoration: underline;
}

#block .readmore a:hover {
	color: #d7d7d7;
	text-decoration:none;
}

#block .col-220 {
	float: left;
	height: 268px;
	width: 220px;
}

#block .col-220 .box {
	padding: 57px 0 0 39px;
}

#block .col-228 {
	float: left;
	min-height: 268px;
	width: 228px;
}

#block .col-228 .box {
	padding: 60px 0 0 38px;
}

#block .col-236 {
	float: left;
	min-height: 268px;
	width: 236px;
}

#block .col-236 .box {
	padding: 54px 0 0 28px;
}

#block .col-236 .box .readmore { 
	position: absolute; 
	bottom: 10px;
	left: 405px;
}

#block .col-236 .box .movie { 
	position: absolute; 
	left: 245px;
	bottom: 8px;
}

#block .col-236 .box .movie_detail { 
	height: 30px;
	width: 30px	
}

#block .col-152 {
	float: left;
	height: 268px;
	width: 152px;
}

#block .col-152 .box {
	padding: 54px 0 0 38px;
}

#block .col-456 {
	float: left;
	min-height: 268px;
	width: 456px;
}

#block .col-456 .box {
	padding: 60px 0 0 38px;
}

#block .row1 {
	height: 80px;
}

#block .row2 {
	height: 55px;
}

#block .row3 a:link,
#block .row3 a:visited {
	text-decoration: none;
}

#block .row3 a:hover {
	color: #d7d7d7;
	text-decoration:none;
}

#block .social-media {
	position: absolute; 
	right: 102px;
	bottom: 10px;
}

#block .social-media a{
	float: left;	
}

#block .social-media img {
	margin-right: 8px;
}

/**
 * 	Footer
 */
#footer {
	clear: both;
	height: 34px;
	margin-top: 28px;
	position: relative;
	z-index: 5000;
	width: 100%;
}

#footer .footer {
	background: #4b4851;
	height: 34px;
	margin: 0 auto;
	position: relative;
	width: 912px;
}

#footer .footer h3 {
	padding-top: 6px;
	padding-left: 18px;
	font-style: italic;
	font-size: 17px; 
}

#footer .footer .color1 	{ color:#ff4bc7; }
#footer .footer .color2 	{ color:#00bdff; }
#footer .footer .color3 	{ color:#ff6e57; }
#footer .footer .color4 	{ color:#a0eb6c; }
#footer .footer .color5 	{ color:#e5d523; }
#footer .footer .color6		{ color:#a48ddf; }
#footer .footer .color7		{ color:#f9ae40; }
#footer .footer .color8 	{ color:#d7d7d7; }

#footer .social-media {
	position: absolute; 
	top: -9px;
	right: 140px;
}

#footer .social-media img {
	margin-right: 8px;
}

#footer .goto-top { 
	position: absolute; 
	top: 10px;
	right: 10px;
}

#footer .goto-top a:link,
#footer .goto-top a:visited {
	color: #d7d7d7;
	font-size: 11px;
	font-style: italic;
	text-decoration: none;
}

#footer .goto-top a:hover {
	color: #FFF;
}

#nieuwsbrief-form table {
	width: 275px;
}

#nieuwsbrief-form table label {
	float: left; 
	display: block;  
	text-align: left; 
	padding-right: 0px;
}

#nieuwsbrief-form table input.text-input {
	border: 1px solid #d7d7d7; 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 11px;
	margin-bottom: 4px;
	padding:2px;	
	width: 160px; 
}

#nieuwsbrief-form table input.button {
	margin-top: 8px;
	margin-left: 62px;
	width: 80px; 
}

#nieuwsbrief-form-widget table {
	width: 215px;
}

#nieuwsbrief-form-widget table label {
	float: left; 
	display: block;  
	text-align: left; 
	padding-right: 0px;
}

#nieuwsbrief-form-widget table input.text-input {
	border: 1px solid #d7d7d7; 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 11px;
	margin-bottom: 2px;
	padding:2px;
	width: 110px; 
}

#nieuwsbrief-form-widget table input.button {
	margin-top: 4px;
	margin-left: 10px;
	width: 80px; 
}

input:focus, 
input.setfocus { 
	background: #f9ae40; 

}

input.button { 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 11px;	
	padding:3px 6px;
	border:0px solid #000; 
	margin:20px 0px 0px 0px; 
	color: #4b4851; 
	background:#f9ae40; -moz-border-radius:5px; 
	cursor: pointer;
}

input.button:hover { background:#4b4851 none repeat scroll 0% 0%; color:white; }

.error { color: #C30; font-weight: bold; margin-top: 0px; }