#header {
	background:url(../img/layout/headerBg.png) no-repeat center bottom;
	height:230px;
	left:0;
	position:absolute;
	top:-205px;
	width:968px;
	z-index:5;
}
#headerContent {
	position:relative;
	height:230px;
}
#logo{
	background:url(../img/illustrations/logo.png) no-repeat;
	height:155px;
	width:295px;
	text-indent:-5000px;
	position:absolute;
	left:20px;
	top:22px;
}
#payOff {
	font-size:1.2em;
	color:#1b9ab7;
	position:absolute;
	right:55px;
	top:75px;
}
#topMenu {	
	position:absolute;
	right:38px;
	top:148px;
}
#topMenu li {
/*	background:url(../img/illustrations/menuDivider.png) no-repeat right center;*/
	display:inline;
	padding:20px 20px 24px;
}
#topMenu li.noBorder{
	background:none;
}
#topMenu li a{
	color:#636363;
	text-decoration:none;
	font-family:Helvetica;
	font-size:1.07em;
}
#topMenu li a:hover{
	text-decoration:underline;
}

/* MAINWRAPPER*/
#mainWrapper {
	margin:203px auto 0;
    z-index: 5;
}

/* main Content */
#mainContent{	
	height:1353px;
	margin:203px auto 0;
}
#mainContentLeft{
	/*background:#c51e66 url(../img/illustrations/jonetteInner.jpg) no-repeat left top;*/
	float:left;
	width:329px;
	height:1355px;
	background-color:#F3B517;
	position:relative;
}
#mainContentMiddle{
	float:left;
	width:325px;
	background-color:#eb8136;
	height:1355px;
	position:relative;
}
#mainContentRight{
	float:left;
	width:314px;
	background:#c51e66;
	height:1355px;
	position:relative;
}
.content {
	display:none;
}
/* h2 of mainContent*/
#mainContent h2{
	position:absolute;
	top:378px;
	text-indent:-5000px;
}
#jonette{
	background:url(../img/illustrations/ton-van-der-kroon.png) no-repeat bottom;
	height:414px;
	width:274px;
	left:44px;	
}
#lezing{
	background:url(../img/illustrations/een-andere-kijk-heading.png) no-repeat bottom;
	height:459px;
	width:275px;
	right:11px;	
}
#boek{
	background: url(../img/illustrations/aanmeldingT.png)  no-repeat;
	height:137px;
	width:279px;
	right:10px;	
}

/* h3 of mainContent*/
#mainContent h3{
	position:absolute;
	top:900px;
	text-indent:-5000px;
	height:190px;
}
#dec14{
	background:url(../img/illustrations/Dec14.png) no-repeat;	
	width:290px;
	left:30px;
}
#may15{
	background: url(../img/illustrations/9December.png)   no-repeat;	
	width:283px;
	right:9px;
}
#maa4{
	background:url(../img/illustrations/maa4.png) no-repeat;	
	width:270px;
	right:9px;
}
/* mainContent a */
.boxInfo a{	
	width:126px;
	height:37px;
	text-indent:-5000px;
	display:block;
	position:absolute;
	bottom:257px;
	cursor:pointer;
}
#jonetteMeer{
	left:190px;
	background:url(../img/illustrations/meer.png) no-repeat;
}
#lezingMeer{
	right:12px;
	background:url(../img/illustrations/meerOrange.png) no-repeat;
}
#janoshMeer{
	right:12px;
	background:url(../img/illustrations/meerPink.png) no-repeat;
}
#lezingMeer, #janoshMeer, #jonetteMeer {
	top:798px;
	z-index:1;
}
/* hover effect */
#jonetteMeer:hover{
	background-position:0 -37px;
}
#lezingMeer:hover{	
	background-position:0 -37px;
}
#janoshMeer:hover{	
	background-position:0 -37px;
}

/* mainContentFooter */
#mainContentFooter{
	background:url(../img/layout/mainContentFooterBg.png) no-repeat center bottom;
	width:970px;
	height:230px;
	position:absolute;
	left:-2px;	
	/*top:1419px;*/
	bottom:-91px;
    z-index: 5;
}
#mainContentFooter img{
	position:absolute;
}
#jumpOne{
	bottom:85px;
	left:9px;
}
#jumpTwo{
	bottom:5px;
	left:369px;
}
#jumpThree{
	right:50px;
	bottom:50px;
}

/* munay */
#munay{
	bottom:-1100px;
	left:0;
	position:absolute;
    z-index: 5;
}
#munayLogo{
	float:left;
	margin:139px 43px 0 62px;
}
#munayDescription{
	float:right;
	width:653px;	
}
#munayDescription h4, #registrationCostLocation h4 {
	color:#4a4a4a;
	font-weight:bold;
	font-size:1.5em;
}
#munayDescription p, #registrationCostLocation p{
	color:#464646;
	font-size:1.05em;
	letter-spacing:0.3px;
	line-height:180%;
	margin-bottom:15px;
}
#munayDescription #nameList li {
	margin:10px;
}
#munayDescription #nameList {
	margin: 17px 0 15px 5px;
}

/* footer */
#footer {
	position:absolute;
	bottom:-1215px;
	left:0;
	width:968px;
	color:#555555;
	font-size:0.78em;
	height:56px;
	font-weight:bold;
    z-index: 5;
}
#footer p{
	float:left;
	width:200px;
}
#footer div{
	float:right;
	margin:10px 0 0 0;
	
}
#footer a {
	color:#555555;
	margin:10px 0 0 2px;
}
#footer a:hover{
	text-decoration:none;
}
#swirlPinkBand{
	position:absolute;
	top:430px;
	left:0;
}
#swirlYellowBand{
	position:absolute;
	top:430px;
	right:0;
}

/* lightbox css */
#backgroundPopup{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:#000000;
	border:1px solid #cecece;
	z-index:1;
}
#popupContact{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/	
	z-index:2;
	padding:12px;	
	font-size:0.93em;
	color:#043052;
	background-color:#fff;
}
#popupContact h1{
	text-indent:-5000px;	
}
#popupContact p {
	width:272px;
	margin:-4px 0 0 102px;
	line-height:170%;
}
#popupContact p a{
	color:#043052;
  }
#popupContact p a:hover{ 
	 text-decoration: underline;
}
#popupContact h4{
	margin:-4px 0 0 102px;
	color:#043052;
	
}
#popupContactClose{
	font-size:14px;
	line-height:14px;
	right:6px;
	top:4px;
	position:absolute;
	color:#159ebd;
	font-weight:700;
	display:block;
	cursor:pointer;
}
#boxOne{
	height:700px;
	width:475px;
	background:#FFF url(../img/layout/lightboxBg.png) no-repeat 25px 572px;
}
#boxOne h1{	
	background:url(../img/illustrations/deNieuweWij.png) no-repeat;
	width:385px;
	height:146px;
	margin:20px 0 0 79px;
}
#boxOne span {
	font-weight:bold
}
#boxTwo{
	height:410px;
	width:755px;
}
#boxTwo h1{	
	background:url(../img/illustrations/musici.png) no-repeat;
	height:146px;
	margin:20px 0 0 31px;
	
}
#aanmelding, #stichtingMunay {
	color:#043052;
}
#musicianList{
	margin:-105px 0 0 55px;
}
.musician{
	width:231px;
	/*border:solid 1px #F00;*/
	float:left;
	margin:0 0 50px 0;
}
.musician h2{
	font-size:1.1em;
	font-weight:bold;
	float:left;	
}
.musician img{
	float:left;
	margin:6px 0 6px 0;
}
.musician a{
	color:#3b091e;
	float:left;
}
/* titles */
#jonetteTitle {
	background:url(../img/illustrations/ton.png) no-repeat;
	text-indent:-5000px;
	position:absolute;
	height:213px;
	width:16px;
	top:70px;
	right:16px;
}
#lezingTitle{
	background:url(../img/illustrations/een_andereTitle_New.png) no-repeat;
	text-indent:-5000px;
	position:absolute;
	height:346px;
	width:16px;
	top:70px;
	right:16px;
}
#janoshTitle{
	background: url(../img/illustrations/aanmeldingTitle.png) no-repeat;
	text-indent:-5000px;
	position:absolute;
	height:310px;
	width:21px;
	top:70px;
	right:17px;
}

/*Inner content*/
.vertical {
	display:none;
	height:100%;
	cursor:pointer;
}
#mainContent #boxOneContent h2{	
	top:495px;
}
#jonette_inner{
	background:url(../img/illustrations/Dec14_inner.png) no-repeat;
	height:190px;
	width:290px;	
	left:88px;
}
#mainContent #boxOneContent h3 {
	top:295px;
}
#dec14_inner{
	background:url(../img/illustrations/jonette_Inner.png) no-repeat;
	height:110px;
	width:406px;	
	left:380px;
}
#description{
	width:332px;
	position:absolute;
	top:495px;
	right:110px;
}
#description p{
	color:#FFF;
	line-height:141%;
	margin:0 0 30px 0;
	font-size:1.2em;
	letter-spacing:1px;
}
#description p a{
	color:#fff;
	display:inline-block;
    margin-top:6px;
}
#description p a:hover {
	text-decoration:underline;
}
#descriptionLeft {
	bottom: 498px;
    float: right;
    left: 187px;
    position: absolute;
}
#descriptionLeft p{
	text-align:right;
}
#descriptionLeft h4{
	color:#C51E66;
	font-size: 1.8em;
    text-transform: uppercase;
	text-align:right;
}
#descriptionLeft p span.names ,#musicianList p span.names{
	color:#523c03;
	font-size:1.2em;
	display:inherit;
}
#descriptionLeft p span.tagline{
	color:#fbde96;
	font-style: italic;
}
#musicianList p span.tagline {
	font-style:italic;
}
#description.descriptionText h4 {
	color:#614809;
}
#description.descriptionText{
	right:81px;
}
#description h4{
	text-transform:uppercase;
}
#description a{
	text-decoration:none;
}
#description img{
	border: medium none;
    float: left;
    position: absolute;
    right: 385px;
}
#description span#email {
	font-style:italic;
}
p#column3 {
	color:#f696bf;
	font-size:1.1em;
}

#downloadYellow{
	background:url(../img/illustrations/downloadCvYellow.png) no-repeat;
	width:126px;
	height:37px;
	display:block;
	text-indent:-5000px;
	position:absolute;
	top:738px;
	left:253px;
}
#downloadYellow:hover{
	background-position:0 -37px;
}

#downloadOrange{
	background:url(../img/illustrations/downloadCvOrange.png) no-repeat;
	width:126px;
	height:37px;
	display:block;
	text-indent:-5000px;
	position:absolute;
	top:738px;
	left:206px;
}
#downloadOrange:hover{
	background-position:0 -37px;
}

#downloadPink{
	background:url(../img/illustrations/downloadCvPink.png) no-repeat;
	width:126px;
	height:37px;
	display:block;
	text-indent:-5000px;
	position:absolute;
	top:738px;
	left:249px;
}
#downloadPink:hover{
	background-position:0 -37px;
}

/* orange inner palate */
#mainContent #boxTwoContent h3{	
	top:499px;
	left:44px;
}
#jan11_inner{
	background:url(../img/illustrations/jan11_inner.png) no-repeat;
	width:287px;
	height:180px;
}
#mainContent #boxTwoContent h2{
	left:40px;
	top:297px;
}
#lezing_inner{
	background:url(../img/illustrations/lezing_inner.jpg) no-repeat;
	width:870px;
	height:423px;
}
#mainContent #boxTwoContent #description {
	right:120px;
}


/* pink inner palate */
#mainContent #boxThreeContent h3{	
	left:104px;
	top:497px;
}
#description .boxThreeContent{
	right:120px;
}
#maa4_inner{
	background:url(../img/illustrations/maa4.png) no-repeat;
	width:270px;
	height:190px;
}
#mainContent #boxThreeContent h2{
	left:380px;
	top:300px;
}
#boek_inner{
	/*background: url(../img/illustrations/aanmeldingText.png) no-repeat;*/
	width:463px;
	height:111px;
}
#geometricForm{
	left:104px;
	position:absolute;
	top:816px;
}
#caption{
	color:#FFFFFF;
	font-size:1.1em;
	left:208px;
	position:absolute;
	top:1080px;
}
#mainContent #boxThreeContent #description {
	right:159px;
}
h4{
	font-size:1.3em;
	color:#fff;
}

#registrationCostLocation {
	margin-bottom:53px;
}
#registrationCostLocation a, #munayDescription a {
	color:#555;
}
#registrationCostLocation p {
	margin:3px 0 5px;
}
#registrationCostLocation h3 {
	margin:18px 0 0;
	color:#555;
	font-weight:bold;
}

h4#boekHeading {
	font-size:1.5em;
}
body::before {
    content: "";
    background: url(../img/layout/bodyBg.jpg) no-repeat top center;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 159%;
}
body::after {
    content: "";
    background: url(../img/layout/bodyBg.jpg) no-repeat bottom center;
    position: absolute;
    width: 100%;
    height: 145%;
    z-index: 0;
    top: 1540px;
}