@font-face {
        font-family: Vestula;
        src: url("https://www.universiteitleiden.nl/ul2common/fonts/vestulapro/vestulapro-semibold.woff2")
            format("woff2"),
          url("https://www.universiteitleiden.nl/ul2common/fonts/vestulapro/vestulapro-semibold.woff")
            format("woff");
        font-weight: bold;
        font-style: normal;
      }
      @font-face {
        font-family: Vestula;
        src: url("https://www.universiteitleiden.nl/ul2common/fonts/vestulapro/vestulapro-regular.woff2")
            format("woff2"),
          url("https://www.universiteitleiden.nl/ul2common/fonts/vestulapro/vestulapro-regular.woff")
            format("woff");
        font-weight: normal;
        font-style: normal;
      }
	  
	  	  @font-face{
font-display:auto;
font-family:Merriweather;
font-style:normal;
font-weight:400;
src:url(https://www.universiteitleiden.nl/design-1.1/assets/fonts/merriweather/Merriweather-Regular.woff2) format("woff2"),url(https://www.universiteitleiden.nl/design-1.1/assets/fonts/merriweather/Merriweather-Regular.woff) format("woff")
}
@font-face{
font-display:auto;
font-family:Merriweather;
font-style:normal;
font-weight:700;
src:url(https://www.universiteitleiden.nl/design-1.1/assets/fonts/merriweather/Merriweather-Bold.woff2) format("woff2"),url(https://www.universiteitleiden.nl/design-1.1/assets/fonts/merriweather/Merriweather-Bold.woff) format("woff")
}
@font-face{
font-display:auto;
font-family:Merriweather;
font-style:italic;
font-weight:400;
src:url(https://www.universiteitleiden.nl/design-1.1/assets/fonts/merriweather/Merriweather-Italic.woff2) format("woff2"),url(https://www.universiteitleiden.nl/design-1.1/assets/fonts/merriweather/Merriweather-Italic.woff) format("woff")
}
@font-face{
font-display:auto;
font-family:Merriweather;
font-style:italic;
font-weight:700;
src:url(https://www.universiteitleiden.nl/design-1.1/assets/fonts/merriweather/Merriweather-BoldItalic.woff2) format("woff2"),url(https://www.universiteitleiden.nl/design-1.1/assets/fonts/merriweather/Merriweather-BoldItalic.woff) format("woff")
}
	  
	  html,body {
	  margin:0;
	  padding:0;
	  }
	  
	  body {
    color: #333;
    font-size: 1.125rem;
    line-height: 1.9375rem;
	  }
	  
	  #datumkiezer {
    background: #c4c8d8;
    padding: 20px;
    text-align: center;
	  }
	  
	  
	
	div#fields {
    margin: 0 auto;
    width: 100%;
}
      
	  
#rssFile {
	display:none;
	width:100%;
	height:600px
}	  

.output {
    padding: 0px;
    margin: 0px;
    background: #fff;
    border: none;
	height:auto;
}

p {
    font-family: Merriweather,georgia,serif !important;
	margin: 0px;
}
	 


	 

h2 {
    font-size: 1.5rem;
    line-height: 1.4090909091;
    margin: 20px 0 40px 0;
	padding: 0;
	color:#001158;
	font-weight: 700;
	font-family: Merriweather,Georgia, serif;
}



h3, h4, h5, h6 {
    color: #001158;
    font-family: Vestula,arial,sans-serif;
    font-weight: 700;
}


h3 {
	font-size:1.375rem;
	margin: 0px;
}


h4 {
    font-size: 1.125rem;
    line-height: 1.375;
    font-weight:700;	
}


h4:not(:has(a)) {
margin:10px 0 0 0;
}

h4:has(a) {
margin:0px 0 0 0;
}


a {
    color: #b27f2b;
    text-decoration: underline;
}


      fieldset {
        float: left;
        border: none;
      }
      legend {
        padding: 10px;
        margin: 0px;
        font-family: Vestula;
        font-weight: bold;
        color: #000;
        font-size: 23px;
        position: relative;
      }
      input[type="button"] {
        background-color: #001158;
       
        clear: both;
        margin: 0 0 0 20px;
        padding: 15px;
        border-radius: 4px;
        border: none;
        color: #fff;
        font-family: 'Vestula SemiBold';
        font-size: 23px;
      }
      input[type="button"]:hover {
        background-color: #7f88ab;
      }



#fullscreen-btn {
    background: rgba(0,0,0,0);
    border: 0px solid darkred;
    position: relative;
    top: 100%;
    bottom: 35px;
    width: 50px;
    height: 40px;
    cursor: pointer;
    z-index: 999;
    display: inline-block;
    outline: none;
}


#fullscreen-btn.fullscreen {
    top: unset !important;
    right: 6px !important;
    bottom: 40px !important;
    position: absolute;
}

#iframeWrapper {
position: relative;
width:100%;
height:290px;
margin:0 0 40px 0;
}

#iframeWrapper iframe {
z-index:0;
margin:-40px 0 0 0;
}