@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;
}

.hide {
	display: none;
}

.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;
}
p:last-child{
	margin-bottom: 0px;
}

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

/* 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: 195px;
}

/*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: Arial;
	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;
	background-color: #78a0c0;
	border: solid 2px #78a0c0;
	position: relative;
	overflow: hidden;
	margin-bottom: 37px;
}

#agenda-wrap #date {
	float: left;
	padding: 7px 12px;
	text-transform: uppercase;
	font-size: 1.4em;
	line-height: 26px;
	width: 89px;
}

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

#agenda-wrap img {
	float: right;
}

#agenda-wrap #info {
	border-left: #93b3cd 1px solid;
	float: left;
	width: 365px;
}

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

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

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

#agenda-wrap #links li {
	margin-left: 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;
	width: 100%;
}

#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;
}

#keynotes, #sprekers { margin-bottom: 14px; }
	#keynotes li, #sprekers li { margin: 0 13px 13px 0; float: left; }
	#keynotes li.last, #sprekers li.last { margin-right: 0; }
		#keynotes li a, #sprekers li a { display: block; position: relative; color: #fff; font-size: 1em; text-decoration: none; }
		
		#keynotes li a { width: 219px; height: 245px; background: url("images/sprekers-groot.gif") left top; }
			#keynotes li a:hover { background-position: right top; }
			
		#sprekers li a { width: 141px; height: 116px; background: url("images/sprekers.gif"); }
		
		#sprekers li a:hover, #sprekers li.active a { background: url("images/sprekers-hover.gif"); }
			#keynotes a img, #sprekers a img { position: relative; top: 3px; left: 3px; }
			#keynotes a span, #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: left;
	font-size: 1em;
	color: #78a0c0;
	font-style: italic;
	margin: 0 0 0 117px;
	width: auto;
}

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

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

input.submit {
	float: none;
	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, #footer2 { width: 100%; position: absolute; bottom: 0; background-color: #333; }
#footer { height: 155px; padding: 0; }
#footer2 { height: 93px; padding: 17px 0 0; }

#footer .group { overflow: visible; }

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

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

#subnav {
	width: 600px;
}

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

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

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

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

#footer .socialbar p.wrap, #footer2 .socialbar p.wrap { margin: 0 auto; padding-top: 12px; padding-left: 30px; width: 932px; overflow: hidden; background: url("images/cloud_gr.gif") no-repeat left 12px; }

#inschrijven .group { overflow: hidden; width: 100%; }

.masterclasses input { width: 13px; height: 14px; float: left; font-size: 0; margin: 3px 12px 0 0; }
#inschrijven .masterclasses .group { margin-bottom: 6px; }
.masterclasses label { line-height: normal; font-size: 15px; }
	.masterclasses .column { width: 160px; }
legend.h2 { font-size: 1.8em; font-weight: bold; display: block; color: #fff; padding-top: 28px; padding-bottom: 18px; margin: 0; }

.onderwerperror .error { margin-left: 0; }
.akkoorderror { margin: -15px 0 15px; }

.akkoord { padding-bottom: 15px; margin: 22px 0 0; }
	.akkoord input { width: 13px; height: 14px; float: left; margin: 3px 12px 0 115px; }
	.akkoord label { float: left; width: auto; padding: 0; }
	
	.disabled { margin: 2px 12px 0 0; float: left; }
	
	blockquote { background: url("images/twitterblok.gif") no-repeat bottom left #333333; padding: 13px 42px 23px 112px; }
		blockquote p { font-size: 13px; color: #cccccc; font-style: italic; line-height: 16px; margin: 0; }
		blockquote em { color: #999999; font-size: 11px; margin-top: 6px; display: block; }
	
	p.socialmedia { margin: 0; background: #333 url("images/cloud.png") no-repeat 10px 0; padding-bottom: 10px; padding-left: 35px; }
		.socialmedia a, .socialmedia span { display: block; float: left; color: #cccccc; }
		.socialmedia span { margin-top: 2px; }
		.socialmedia .twitter { width: 54px; height: 15px; background: url("images/twitter.png"); text-indent: -9999em; margin: 0 7px; }
		.socialmedia .linkedIn { width: 55px; height: 15px; background: url("images/linkedin.png"); text-indent: -9999em; margin: 0 7px; }
		
		h2.mini-masterclasses, h2.kenotes, h2.sponsoring { font-weight: normal; color: #fff; font-size: 20px; }
		h2.mini-masterclasses { font-size: 16px; }
		h2.sponsoring { color: #808080; }
		
	.sponsoringpartners { border: 1px solid #333; border-bottom: none; border-right: none; }
		.sponsoringpartners li { border: 1px solid #333; float: left; border-left: none; border-top: none; width: 149px; height: 75px; }
		
		.youtube { margin-bottom: 18px; display: block; }
		
	.programma { border: solid 1px #333; padding: 16px 17px; }
		.programma h2 { font-size: 18px; margin-bottom: 11px; }
			.programma dl p { margin: 0;}
			.programma dt { float: left; padding-right: 13px; margin-right: 7px; background: url("images/doublearrow.gif") no-repeat right 4px; }
			.programma dd { margin-bottom: 4px; }
			
	.socialbar { border-top: solid 1px #333; background: #000; margin-bottom: 17px; height: 45px; }
		.socialbar a, .socialbar span { display: block; float: left; color: #bfbfbf; }
		
		.socialbar span { margin-top: 2px; font-size: 14px; font-style: italic; }
		.socialbar .twittergr { width: 63px; height: 18px; background: url("images/twitter_gr.jpg"); text-indent: -9999em; margin: 0 7px; }
		.socialbar .linkedingr { width: 67px; height: 18px; background: url("images/linkedin_gr.jpg"); text-indent: -9999em; margin: 0 7px; }