@font-face {
    font-family: 'Bello';
    src: url('font//Bello/Bello.woff2') format('woff2'),
         url('font//Bello/Bello.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'MuseoSans';
    src: url('font//MuseoSans/MuseoSans300.woff2') format('woff2'),
         url('font//MuseoSans/MuseoSans300.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'MuseoSans';
    src: url('font//MuseoSans/MuseoSans500.woff2') format('woff2'),
         url('font//MuseoSans/MuseoSans500.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'MuseoSans';
    src: url('font//MuseoSans/MuseoSans700.woff2') format('woff2'),
         url('font//MuseoSans/MuseoSans700.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}



body {
	font-family: MuseoSans, sans-serif;
	font-size: 19px;
	background: #F2FBFC;
}
.pageheader {
	font-family: MuseoSans, sans-serif;
}
.pageheader nav,
.title {
	font-family: MuseoSans, sans-serif;
	font-weight: bold;
}
label,
.subtitle {
	font-family: "Bello", cursive;
	font-size: 24px;
}
.pageheader nav  {
	font-weight: bold;
	z-index: 101;
}
.masthead:after {
  content: "";
  display: block;
  border-top: 170px solid #06B2C9;;
  border-right: 170px solid transparent;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  z-index: 10;
}
.masthead:before {
  content: "";
  display: block;
  border-top: 250px solid transparent;
  border-right: 250px solid #06B2C9;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  z-index: 100;
}

.pageheader .titlebar {
	background: #FFF url("ijsseldelta/logo.png") 0 center no-repeat;
	background-size: auto 80px;
}
@media (max-width: 800px) { 
	.pageheader h1 span {
		display: none;
	}	
	.pageheader .titlebar {
		background-position: center center;
	}
}

.milestones summary .bar i {
	color: #FF5000;
	background: #FF5000;
}


.upcoming .footer a,
.darkblock a {
	text-decoration: underline;	
}

a {
	color: #FF5000;
}
a:hover {
	color: 	#06B2C9;
}

#reportfooter .lightblock a {
	background: #FF5000;
}