@charset "utf-8";

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, strong, sub, sup, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

html {
	overflow-y: scroll;
}

body {
	color: #666;
	background: #fff;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

textarea {
	overflow: auto;
}

a, label, .checkbox, .radio, .button {
	cursor: pointer;
}

strong, b {
	font-weight: bold;
}

em, i {
	font-style: italic;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

ol, ul {
	margin-left: 30px;
	list-style-position: outside;
}

ul {
	list-style-type: disc;
}

ol {
	list-style-type: decimal;
}

.list {
	list-style: none;
	margin-left: 0;
}

.hidden {
	position: absolute;
	top: -9999em;
	left: -9999em;
}

.group:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.clearlist {
	margin: 0;
	list-style: none;
	overflow: hidden;
	position: relative;
}

.right {
	float: right;
}

.column {
	float: left;
	overflow: hidden;
	position: relative;
}

.white {
	color: #fff;
}

.grey {
	color: #808080;
}

.blue {
	color: #78a0c0;
}

.group {
	position: relative;
}

h2#tussenpad{
	padding-top: 10px;
}

body {
	font: 62.5% Arial, Helvetica, sans-serif;
}

a {
	color: #78a0c0;
}

a:focus, a:hover, a:active {
	
}

a:visited {
	
}

h1, .h1 {
	font-size: 2.2em;
	color: #fff;
	margin-bottom: .636em;
	line-height: 1.182em;
	font-weight: bold;
}

h2 {
	font-size: 19px;
	color: #fff;
	margin-bottom: .842em;
	font-weight: normal;
}

h3 {
	font-size: 1.4em;
	font-weight: bold;
	color: #78a0c0;
	margin-bottom: 18px;
}

h4 {
	
}

p, label, legend {
	font-size: 1.2em;
	line-height: 1.333em;
	color: #8f8f8f;
	margin-bottom: 18px;
}

.intro {
	font-size: 1.6em;
	color: #8f8f8f;
	line-height: 1.188em;
	margin-bottom: 1.063em;
	font-family: HelveticaNeueLTPro55Roman;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);
	zoom: 1;
}

@font-face {
	font-family: 'HelveticaNeueLTPro55Roman';
	src: url('HelveticaNeueLTPro-Roman.eot');
	src: local('Helvetica Neue LT Pro 55 Roman'), 
		 local('HelveticaNeueLTPro-Roman'), url('HelveticaNeueLTPro-Roman.woff') format('woff'), 
		 url('HelveticaNeueLTPro-Roman.ttf') format('truetype'), 
		 url('HelveticaNeueLTPro-Roman.svg#HelveticaNeueLTPro-Roman') format('svg');
}

@font-face {
	font-family: 'HelveticaNeueLTPro25UltraLight';
	src: url('HelveticaNeueLTPro-UltLt.eot');
	src: local('Helvetica Neue LT Pro 25 Ultra Light'), local('HelveticaNeueLTPro-UltLt'), url('HelveticaNeueLTPro-UltLt.woff') format('woff'), url('HelveticaNeueLTPro-UltLt.ttf') format('truetype'), url('HelveticaNeueLTPro-UltLt.svg#HelveticaNeueLTPro-UltLt') format('svg');
}

/* HIER BEGINNEN MET EIGEN CSS */

* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

body {
	background-color: #000;
	background-image: url("images/bg.gif");
	background-repeat: no-repeat;
	background-position: center top;
}

.bg1 {
	background-image: url("images/bg1.jpg");
}

.bg2 {
	background-image: url("images/bg2.jpg");
}

.bg3 {
	background-image: url("images/bg3.jpg");
}

.bg4 {
	background-image: url("images/bg4.jpg");
}

.bg5 {
	background-image: url("images/bg5.jpg");
}

#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	width: 100%;
	margin: 0 auto;
}

.wrap {
	width: 962px;
	margin: 0 auto;
}

#header {
	display: block;
	height: 112px;
	position: relative;
}

#header img {
	position: absolute;
	bottom: 14px;
}

/*Navigation*/

#nav {
	margin-bottom: 55px;
	height: 40px;
	background: url("images/nav-bg.png") repeat-x;
	padding: 12px 0 0;
	position: relative;
}

#nav li, #subnav li {
	float: left;
	margin-right: 20px;
}

#nav li a, #subnav li a {
	display: block;
	font-weight: bold;
	font-size: 1.2em;
	color: #fff;
	text-decoration: none;
	line-height: normal;
}

#nav li a:hover, #nav li.active a {
	color: #78a0c0;
}

/*Content layout*/

#content {
	padding-bottom: 150px;
}

/*Totale breedte 962px*/

.sectionA {
	width: 481px;
	margin-right: 30px;
}

.sectionB {
	width: 451px;
}

/*Totale breedte 962px*/

.sectionC {
	width: 622px;
	margin-right: 30px
}

.sectionD {
	width: 310px;
}

/*News articles homepage*/

#newsarticles {
	padding: 31px 0 0;
	border-top: 1px solid #333;
}

#newsitem-right {
	margin: 0;
}

.newsitem {
	display: block;
	text-decoration: none;
	width: 224px;
	float: left;
	margin-right: 33px;
}

.date {
	font-size: 1em;
	color: #8f8f8f;
	display: block;
	margin: 3px 0;
}

.newsitem:hover h3, .newsitem:hover .date, .newsitem:hover p {
	color: #fff;
}

/*Upcoming masterclasses homepage*/

#upcoming {
	width: 451px;
	border-bottom: solid 1px #333;
	margin-bottom: 33px;
}

#upcoming li {
	border: solid 1px #333;
	border-bottom: none;
	width: 449px;
	overflow: hidden;
	cursor: pointer;
}

#upcoming li.hover {
	background: #333;
}

#upcoming li.hover .group {
	border-right: solid 1px #5c5c5c;
}

h3.noact {
	font-size: 1.2em;
	line-height: 20px;
	margin: 0;
}

h3.noact .white {
	font-weight: normal;
}

#upcoming li.active {
	background-color: #78a0c0;
	border: 1px solid #78a0c0;
	cursor: default;
}

#upcoming li.hover {
	background: #333;
}

#upcoming li, #upcoming li .group, .leftext, .rightext {
	position: relative;
	float: left;
}

#upcoming li .group {
	width: 100%;
	border-right: 1px solid #333;
	right: 345px;
}

#upcoming li.active .group {
	border-right: 1px solid #93b3cd;
}

#upcoming li.active p.spreker {
	display: block;
	position: absolute;
	right: 17px;
	top: 153px;
	font-size: 1em;
	color: #fff;
}

#upcoming li.active img {
	margin: 1px 0 0 1px;
}

#upcoming li.active h3 {
	font-family: HelveticaNeueLTPro25UltraLight;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);
	zoom: 1;
	font-size: 2.4em;
	color: #192228;
	font-weight: normal;
	letter-spacing: .4px;
}

.leftext, .active h3 {
	padding: 8px 0 11px 12px;
	position: relative;
}

.leftext {
	width: 92px;
	color: #808080;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	left: 347px;
	margin: 0;
}

.active .leftext, li.hover .leftext {
	color: #fff;
}

.day {
	font-size: 22px;
}

.active .day {
	font-size: 26px;
}

.rightext {
	width: 345px;
	left: 346px;
}

.rightext h3.noact {
	padding: 6px 0 11px 12px;
}

#upcoming a.link {
	text-indent: -9999em;
	width: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	min-height: 100%;
	height: 100%;
	height: auto !important;
}

#links li {
	border: none;
	margin-right: 1px;
	float: left;
	width: auto;
}

#links li.last {
	margin-right: 0;
}

#links li a {
	position: static;
	display: block;
	width: 158px;
	background: url("images/arrow.png") right center no-repeat #60809a;
	color: #fff;
	text-decoration: none;
	font-size: 1.2em;
	padding: 9px 0 9px 14px;
}

/*Mediatheek homepage*/

#media-home {
	border: solid 1px #333;
	padding: 12px 0 12px 12px;
	width: 437px;
}

#media-home li {
	float: left;
	margin-right: 10px;
}

#media-home li a {
	display: block;
}

/*Agenda pagina*/

#agenda-wrap {
	width: 957px;
	height: 191px;
	background-color: #78a0c0;
	border: solid 2px #78a0c0;
	position: relative;
	margin-bottom: 37px;
}

#agenda-wrap #date {
	position: absolute;
	top: 0;
	left: 0;
	padding: 7px 12px;
	text-transform: uppercase;
	font-size: 1.4em;
	line-height: 26px;
}

#date .day {
	font-size: 3.429em;
}

#agenda-wrap img {
	position: absolute;
	right: 0;
	top: 0;
}

#agenda-wrap #info {
	position: absolute;
	top: 0;
	left: 113px;
	border-left: #93b3cd 1px solid;
	width: 365px;
	height: 191px;
}

#agenda-wrap h2, #agenda-wrap p {
	padding: 0 12px;
}

#agenda-wrap h2 {
	margin: 10px 0 17px;
	font-size: 3.4em;
	color: #192228;
	font-family: HelveticaNeueLTPro25UltraLight;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);
	zoom: 1;
}

#agenda-wrap p {
	color: #fff;
}

#agenda-wrap #links {
	margin-left: 2px;
	position: absolute;
	bottom: 0;
}

#agenda-wrap #links li {
	margin-right: 2px;
}

#agenda-wrap #links li a {
	width: 165px;
}

#agendalist {
	border: solid 1px #333;
	border-bottom: none;
	position: relative;
	float: left;
	width: 959px;
	overflow: hidden;
}

#agendalist li {
	background: url("images/agendalist-bg.gif");
	border-bottom: 1px solid #333;
	position: relative;
}

#agendalist li.hover {
	background-image: url("images/agendalist-bg-hover.gif");
}

#agendalist li p {
	float: left;
	position: relative;
	margin: 0;
	font-weight: bold;
	font-size: 1.3em;
	padding: 9px 13px;
}

#agendalist .date {
	width: 89px;
	color: #808080;
}

#agendalist .masterclass {
	width: 339px;
	color: #86b2d5;
}

#agendalist li.hover .masterclass, #agendalist li.hover .date {
	color: #fff;
}

#agendalist .spreker {
	width: 453px;
	color: #fff;
	font-weight: normal;
	background: url("images/arrow.png") no-repeat right center;
}

#agendalist a {
	height: 100%;
	height: auto !important;
	min-height: 100%;
	width: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

/*Nieuws*/

h1 .date {
	font-size: .546em;
	margin: 6px 0 0;
}

#newsitems {
	border-top: solid 1px #252525;
}

#newsitems li {
	border-bottom: 1px solid #252525;
}

#newsitems li a {
	line-height: 16px;
	display: block;
	padding: 9px 30px 10px 10px;
	color: #78a0c0;
	text-decoration: none;
	font-size: 1.4em;
	background: url("images/arrow.png") no-repeat right 14px;
}

#newsitems li a:hover {
	color: #fff;
	background-color: #333;
}

#newsitems li.active a {
	background-color: #78a0c0;
	color: #fff;
	font-weight: bold;
}

/*Masterclasses XL*/

h1 .sub {
	font-size: .727em;
	color: #8f8f8f;
	font-weight: normal;
}

#detail-block {
	position: relative;
	width: 481px;
	background-color: #78a0c0;
	margin-bottom: 17px;
}

#detail-block p {
	float: left;
	padding: 9px 12px;
	width: 291px;
	border-right: solid 1px #93b3cd;
	color: #fff;
	margin: 0;
}

#detail-block a.inschrijven {
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	width: 140px;
	font-size: 1.2em;
	background: url("images/arrow.png") right center no-repeat #60809a;
	text-decoration: none;
	color: #fff;
	padding: 9px 13px 8px 12px;
}

#agenda-coming {
	border: solid 1px #333;
	border-bottom: none;
}

#agenda-coming li {
	border-bottom: 1px solid #333;
	background: url("images/agenda-bg.gif") repeat-y;
	position: relative;
}

#agenda-coming li.hover {
	background-image: url("images/agenda-bg-hover.gif");
}

#agenda-coming li p, #agenda-coming li h3 {
	float: left;
	margin: 0;
	font-size: 1.2em;
}

#agenda-coming .date {
	width: 79px;
	text-transform: uppercase;
	padding: 8px 13px;
	line-height: normal;
}

#agenda-coming li.hover .date {
	color: #fff;
}

#agenda-coming h3 {
	line-height: 20px;
	padding: 6px 13px;
}

#agenda-coming li a {
	position: absolute;
	top: 0;
	left: 0;
	min-height: 100%;
	height: 100%;
	height: auto !important;
	width: 100%;
}

.sprekers {
	margin-top: 0px;
}

#sprekers {
	margin-bottom: 14px;
}

#sprekers li {
	margin: 0 13px 13px 0;
	float: left;
}

#sprekers li.last {
	margin-right: 0;
}

#sprekers li a {
	display: block;
	width: 141px;
	height: 116px;
	background: url("images/sprekers.gif");
	position: relative;
	color: #fff;
	font-size: 1em;
	text-decoration: none;
}

#sprekers li a:hover, #sprekers li.active a {
	background: url("images/sprekers-hover.gif");
}

#sprekers a img {
	position: relative;
	top: 3px;
	left: 3px;
}

#sprekers a span {
	padding: 9px 8px 0;
	display: block;
}

#eenspreker-top {
	height: 2px;
	width: 451px;
	background: url("images/eenspreker-top.gif");
	margin: 66px 0 0;
	font-size: 0;
	line-height: 0;
}

#eenspreker-bottom {
	font-size: 0;
	line-height: 0;
	height: 2px;
	width: 451px;
	background: url("images/eenspreker-bottom.gif");
}

#eenspreker-wrap {
	border-left: solid 1px #424242;
	border-right: solid 1px #424242;
	padding: 1px 2px;
	position: relative;
}

#eenspreker-wrap h3, #eenspreker-wrap p {
	padding: 0 15px;
}

#eenspreker-wrap img {
	margin-bottom: 14px;
}

#eenspreker-wrap h3 {
	color: #fff;
	margin-bottom: 13px;
}

#eenspreker-wrap a.meer {
	text-decoration: none;
	padding: 10px 33px 0 0;
	width: 412px;
	height: 22px;
	display: block;
	background: url("images/arrow.png") no-repeat right center #333;
	color: #fff;
	font-size: 1.2em;
	text-align: right;
}

/*Inschrijven*/

.inschrijven {
	font-size: 1.6em;
}

form legend {
	display: none;
}

form p {
	margin-bottom: 10px;
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}

form p label {
	float: left;
	width: 116px;
	padding: 3px 0 0;
	margin: 0;
}

label.error {
	float: none;
	font-size: 1em;
	color: #78a0c0;
	font-style: italic;
	margin: 0 0 0 117px;
}

input {
	width: 355px;
	height: 25px;
	background-color: #333;
	line-height: normal;
	padding: 0 0 0 9px;
	color: #fff;
}

input:focus {
	background-color: #b3b3b3;
	color: #000;
	font-weight: bold;
}

input.submit {
	width: 182px;
	height: 34px;
	background: url("images/submit.gif");
	font-size: 1.4em;
	margin-left: 116px;
}

input.submit:focus {
	display: block;
	color: #fff;
	font-weight: normal;
}

/*Spreker detail*/

img.spreker {
	margin-bottom: 16px;
}

span.fotograaf {
	position: absolute;
	top: 12px;
	left: 12px;
	font-size: 1em;
	color: #fff;
}

/*Mediatheek*/

#fotos li {
	float: left;
	margin: 0 17px 17px 0;
}

#fotos li.last {
	margin-right: 0;
}

/*Footer*/

#footer {
	width: 100%;
	position: absolute;
	bottom: 0;
	height: 93px;
	background-color: #333;
	padding: 17px 0 0;
}

#subnav li a, #footer p a {
	color: #8f8f8f;
	font-weight: normal;
	text-decoration: none;
}

#subnav li a:hover, #footer p a:hover {
	color: #fff;
}

#subnav {
	width: 600px;
}

#footer .right {
	position: absolute;
	top: 0;
	right: 0;
	clear: none;
}

#footer img {
	margin: 0 0 32px 0;
}

#footer p {
	text-align: right;
	margin: 0;
}

#footer p a {
	font-size: .833em;
}