#content .standardText .pagination
{
  float: right;
}

#content .standardText .pagination.top
{
  display: none;
}

#content .standardText .pagination span.contraction
{
  display: block;
  float: left;
  padding: 0.2em 0.4em;
  margin: 0 0 0 0.4em;
  color: #7F8082;
}

#content .standardText .pagination a
{
  display: block;
  float: left;
  padding: 0;
  margin: 0 0 0 0.4em;
  text-decoration: none;
  text-align: center;
  color: #7F8082;
  background-color: #E2E6ED;
  border: none;
  border-radius: 1em;
  line-height: 2em;
  width: 2em;
  height: 2em;
}

#content .standardText .pagination li.next:not(.disabled) a:hover,
#content .standardText .pagination a.next:hover,
#content .standardText .pagination li.previous:not(.disabled) a:hover,
#content .standardText .pagination a.previous:hover
{
  text-decoration: underline;
}

#content .standardText .pagination li.next a,
#content .standardText .pagination a.next,
#content .standardText .pagination li.previous a,
#content .standardText .pagination a.previous
{
  color: #7F8082 !important;
  background-color: transparent !important;
  width: auto;
}

#content .standardText .pagination li.next.disabled a,
#content .standardText .pagination li.previous.disabled a
{
  color: #414243 !important;
}

#content .standardText .pagination li.active a,
#content .standardText .pagination a.current
{
  color: #FFFFFF;
  background-color: #7F8082;
}

#content .standardText .pagination li.active a:hover,
#content .standardText .pagination a.current:hover,
#content .standardText .pagination a:hover,
#content .standardText .pagination a:focus,
#content .standardText .pagination a:active
{
  color: #FFFFFF;
  background-color: #000000;
}


.calendarView table tr th,
.calendarView table tr td
{
  line-height: 3em;
  width: 3.5em;
  padding: 0;
  text-align: center;
}

.calendarView
{
  margin-top: 15px;
}

.calendarView .calendar
{
  text-align: center;
  margin-bottom: 25px;
}

.calendarView form a
{
  text-decoration: none;
}

.calendarView form div
{
  display: inline;
}

.calendarView table
{
  margin: 10px auto 10px auto;
}

.calendarView table tr .weekColumn,
.calendarView table tr .weekColumn a
{
  font-weight: bold;
  color: #FFFFFF;
  background-color: #F4A31D;
}

.calendarView table tr td a
{
  display: block;
  color: #7F8082;
  text-decoration: none;
}

.calendarView table tr td a:hover
{
  color: #FFFFFF;
  background-color: #7F8082;
}

.calendarView table tr td span
{
  display: block;
}

.calendarView table tr td span.noEvent
{}

.calendarView table tr td span.otherMonth
{
  color: #414243;
}

.calendarView table tr td span.hasEvent 
{ 
  font-weight: bold;
}


input.parsley-success,
textarea.parsley-success
{
  color: #468847 !important;
  background-color: #DFF0D8 !important;
  border: 1px solid #D6E9C6 !important;
}

input.parsley-error,
textarea.parsley-error
{
  color: #B94A48 !important;
  background-color: #F2DEDE !important;
  border: 1px solid #EED3D7 !important;
}

.parsley-errors-list
{
  margin: 2px 0 3px 0;
  padding: 0;
  list-style-type: none;
  font-size: 0.9em;
  font-style: italic;
  line-height: 0.9em;
  opacity: 0;
  -moz-opacity: 0;
  -webkit-opacity: 0;

  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in-;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled
{
  opacity: 1;
}


.recall.refresh,
.recall.refreshRemote
{
  cursor: pointer;
}

.recall.refresh:before,
.recall.refreshRemote:before {
  content: "\f021";
}

.recall.refresh:active:before,
.recall.refreshRemote:active:before {
  
  content: "\f110";
}

.recall.refresh,
.recall.refreshRemote
{
  float: right;
  font-size: 14px;
  margin: 0 0.5em;
}

.recallBusy
{
  background: url(/gfx/x.gif) no-repeat center center;
  min-width: 100%;
  min-height: 50px;
}

.recallBusy > *
{
  opacity: 0.4;
}


#content .standardText ul.anchors
{
  margin-left: 0;
  padding: 0;
}

#content .standardText ul.anchors li
{
  list-style-type: none;
  line-height: 1.4em;
}

#content .standardText p.goTop
{
  padding: 0.4em 0 0.8em 0;
}

#content p.intro
{
  display: none;
}

div.accordion.closed
{
  display: none;
}


.img_south      { margin:  0px 10px  4px  4px; }
.img_south_west { margin:  0px  0px  4px  4px; }
.img_west       { margin:  0px  0px  4px  4px; }
.img_north_west { margin: 10px  0px  0px  4px; }
.img_north      { margin: 10px 10px  0px  4px; }
.img_north_east { margin: 10px 10px  0px  0px; }
.img_east       { margin:  0px 10px  4px  0px; }
.img_south_east { margin:  0px 10px  4px  0px; }
.img_all        { margin: 10px 10px  4px  4px; }

img.left           { float: left; }
img.right          { float: right; }
img.center         { display: block; margin-left: auto; margin-right: auto; text-align:center; }

.multimedia_left   { float: left; }
.multimedia_right  { float: right; }
.multimedia_center { display: block; margin-left: auto; margin-right: auto; text-align:center; }

.multimedia a { display: inline-block; }


tr.ISE-header, th.ISE-header, tr.ISE-header th
{
  background-color: #E2E6ED;
  font-weight: bold;
}

tr.ISE-footer, td.ISE-footer, tr.ISE-footer td
{
  font-weight: bold;
  font-style: italic;
}

table.ISE-noborder,
table.ISE-noborder th,
table.ISE-noborder td
{
  border: none;
}

table.ISE-border
{
  border: 1px solid #414243;
  border-collapse: collapse;
}

table.ISE-border th,
table.ISE-border td
{
  border: none;
}

table.ISE-boxborder
{
  border: 1px solid #414243;
  border-collapse: collapse;
}

table.ISE-boxborder th,
table.ISE-boxborder td
{
  border: 1px solid #414243;
}

.ISE-align-left, .ISE-align-left td
{
  text-align: left;
}

.ISE-align-right, .ISE-align-right td
{
  text-align:right;
}

h2
{
  color: #DC7605;
  text-transform: uppercase;
  font-size: 1.2em;
  font-weight: bold;
  margin-top: 0.8em;
  margin-bottom: 0.4em;
}

h3
{
  color: #414243;
  font-weight: bold;
  margin-top: 0.8em;
  margin-bottom: 0.1em;
}

ul
{
  margin-left: 0.5em;
  padding-left: 0.8em;
}

ol ol
{
  list-style-type: lower-alpha;
}

span.step-todo 
{
  font-weight: bold;
}

span.step-done
{
  font-weight: bold;
  text-decoration: line-through;
}


span.intro
{
  font-weight: bold;
}

span.readOnRight
{
  float: right;
  margin-right: 5px;
}

span.readOnRight a,
a span.readOnRight
{
  text-decoration: none;
}

span.readOnRight a:after,
a span.readOnRight:after
{
  content: "\00A0>"; 
}

span.readOnRight a:hover,
a:hover span.readOnRight
{
  text-decoration: underline;
}

span.readOnRight a:visited,
a:visited span.readOnRight
{
  color: #DC7605;
}

span.readOnRight a:focus,
a:focus span.readOnRight,
span.readOnRight a:active,
a:active span.readOnRight,
span.readOnRight a:visited:active,
a:visited:active span.readOnRight
{
  color: #FFFFFF;
}


span.greyLink a,
a span.greyLink
{
  color: #414243;
  text-decoration: none;
}

span.greyLink a:hover,
a:hover span.greyLink
{
  color: #DC7605;
  text-decoration: underline;
}

span.greyLink a:active,
span.greyLink a:focus,
a:active span.greyLink,
a:focus span.greyLink
{
  color: #FFFFFF;
}



html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, fieldset, form, label, legend,
caption {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  
}

h3{
  color: #414243;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 3px;
}

h2
{
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 3px;
}


:focus {
  outline: 0;
}

.blahblahbla
{
  display: none;
}


table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
}

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

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

.clear
{
  float: none;
  clear: both;
  height: 0;
  width: 0;
  overflow: hidden;
}


body {
  color: #414243;
  background-color: #E2E6ED;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 62.5%;
}

a,
a:link {
  color: #DC7605;
  text-decoration: underline;
}

a:visited
{
  color: #F4A31D;
}

a:hover {
}

a:focus,
a:active {
  color: #FFFFFF;
  background-color: #DC7605;
}

em
{
  font-style: italic;
}

strong
{
  font-weight: bold;
}

hr
{
  clear: both;
  height: 1px;
  border: none;
  border-top: 1px dotted #707274;
}

table
{
  border-top: 1px solid #E2E6ED;
  border-left: 1px solid #E2E6ED;
}

table caption
{
  font-style: italic;
}

td, th
{
  padding: 0.4em;
  vertical-align: top;
}

td
{
  border-right: 1px solid #E2E6ED;
  border-bottom: 1px solid #E2E6ED;
}

th
{
  color: #414243;
  font-weight: bold;
}

button,
a.button
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  cursor: pointer;
  overflow: visible;
  width: auto;
  padding: 1px 7px;
  color: #FFFFFF;
  background-color: #7F8082;
  border: 1px outset #7F8082;
}

button:focus,
a.button:focus,
button:active,
a.button:active
{
  background-color: #414243;
  border-color: #414243;
}

#content .standardText a.button
{
  font-weight: normal;
}

#content .standardText a.button:hover
{
  text-decoration: none;
}

input[type=text],
input[type=password],
input[type=email],
input[type=tel],
input[type=url],
textarea
{
  font-size: 1em;
  font-family: sans-serif;
  background: #E2E6ED;
  border: solid #E2E6ED;
  border-width: 0 0 3px 0;
  margin: 0;
  padding: 3px 8px 0 8px;
}

input[type=text]:focus,
input[type=text]:active,
input[type=password]:focus,
input[type=password]:active,
input[type=email]:focus,
input[type=email]:active,
input[type=tel]:focus,
input[type=tel]:active,
input[type=url]:focus,
input[type=url]:active,
textarea:focus,
textarea:active
{
  border-color: #7F8082;
}

fieldset legend {
}

.floatRight
{
  float: right;
}

.hidden {
  display: none;
}

.fileIcon
{
  vertical-align: text-bottom;
  margin-right: 3px;
}

div.SE_menubar .SE_menu .title,
div.SE_menubar .SE_button{
  height: auto;
}

h3{
  color: #414243;
}




@font-face {
  font-family: 'Source Sans Pro';
  src: url('/uvh.nl/up/ZqvceyrJcB_SourceSansPro-Light.ttf'); 
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('/uvh.nl/up/ZqvceyrJU_SourceSansPro-LightItalic.ttf'); 
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('/uvh.nl/up/ZqvceyrJaB_SourceSansPro-Regular.ttf'); 
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('/uvh.nl/up/ZqvceyrJeB_SourceSansPro-Italic.ttf'); 
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('/uvh.nl/up/ZqvceyrJW_SourceSansPro-Semibold.ttf'); 
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('/uvh.nl/up/ZqvceyrJiB_SourceSansPro-SemiboldItalic.ttf'); 
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('/uvh.nl/up/ZqvceyrJgB_SourceSansPro-Bold.ttf'); 
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Source Sans Pro';
  src: url('/uvh.nl/up/ZqvceyrJY_SourceSansPro-BoldItalic.ttf'); 
  font-weight: 700;
  font-style: italic;
}



@font-face {
  font-family: 'Petrona';
  src: url('/uvh.nl/up/ZqvceyrJaC_Petrona-Regular.ttf'); 
  font-weight: 400;
  font-style: normal;
}


body
{
  font-family: 'Source Sans Pro', sans-serif;
  color: #414243;
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
  line-height: 30px;
  -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    -webkit-text-stroke:1px transparent;
}

@media (min-width: 700px ) {
  body {
      text-rendering:geometricPrecision;
  }
}

strong, b
{

  font-weight: bold;
}

h1,h2,h5
{
  line-height: 30px;
  font-family: 'Petrona', serif;
}

h2
{
  text-transform: none;
}

h4,h6
{
  font-weight: normal;
  line-height: 30px;
}



h1
{
  font-size: 36px;
  line-height: 50px;
}

h2
{
  font-size: 33px;
}

h3
{
  font-size: 25px;
}

h4
{
  font-size: 20px;
}

h5
{
  font-size: 18px;
}

h6
{
  font-size: 14px;
}

.webletTitle
{
  color: #414243;
}
h2.ISEStyle.subkop
{
  font-size: 25px;
  color: #414243;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 3px;
  font-family: inherit;
  line-height: 1.1;
}



@media (max-width: 699px ) {
   #content .standardText table td{
      width: 100%;
      display:block;
  }
   #content .standardText .calendar table td{
      display: table-cell;
      width: 3.5em;
   }
}

span.multimedia
{
  max-width: 100%;
  overflow: hidden;
}

body.ISE-internal-iframe-body 
{
  min-width: inherit; 
  font-size: 100%;
  color: black;
}


code {  font-family: courier,monospace;  }
xml {  font-family: courier,monospace;  }


span.underline{
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 22px;
  display:block;
  position: relative;

}

.weblettekst table td{
  vertical-align: top;
}
  .weblettekst table span.multimedia{
    display: inline-block;
  }





.ISE-internal-iframe-body .linkBtn{
  color: #000000;
  border: 1px solid #000000;
}
.ISE-internal-iframe-body .linkBtn:hover{
  background: #E2E6ED;
}

.linkBtn{
  cursor: pointer;
  height: 45px;
  text-align: center;
  line-height: 20px;
  font-family: 'Petrona', serif;
  font-size: 19px;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  box-sizing: content-box;
  margin: 0;
  background: #E2E6ED;
  color: #7F8082;
  border: none;
  border-bottom: 5px solid #D7DBE2;
  position: relative;
}

.linkBtn::after{
  position: absolute;
  content: "";
  background: url('/uvh.nl/gfx1/ZchzrhsJI.svg') no-repeat;
  width: 30px;
  height:30px;
  right: 10px;
  top: 8px;
}

.linkBtn a,
.linkBtn a:visited,
.linkBtn a:active,
a .linkBtn,
a .linkBtn:visited,
a .linkBtn:active
{
  background: #E2E6ED;
  color: #7F8082;
  text-decoration: none;
}

.linkBtn a:hover,
a .linkBtn:hover
{
  background: #707274;
  color: #E2E6ED;
  text-decoration: none;
}

a .linkBtn,
.linkBtn a{
  padding: 0 50px 0 20px;
}

.linkBtn a{
  display: flex;
  align-items: center;
  height: 100%;
}

.linkBtn a:link,
.linkBtn a:visited{
  border-bottom: 0;
}

.linkBtn:hover a{
  color: inherit;
}

a .linkBtn.orangeBtn,
.linkBtn.orangeBtn a{
  background: #F4A31D;
}
.linkBtn.orangeBtn{
  border-bottom: 5px solid #DC7605;
}

a .linkBtn.dGreyBtn,
.linkBtn.dGreyBtn a{
  background: #707274;
} 
.linkBtn.dGreyBtn{
  border-bottom: 5px solid #7F8082;
}

a .linkBtn.dGreyBtn,
.linkBtn.dGreyBtn a,
a .linkBtn.orangeBtn,
.linkBtn.orangeBtn a{
  color: #FFFFFF;
}

.linkBtn.orangeBtn a:hover,
a .linkBtn.orangeBtn:hover{
  background: #F6B241;
}

.linkBtn.dGreyBtn a:hover,
a .linkBtn.dGreyBtn:hover{
  background: #D7DBE2;
}

#content .linkBtn.greyBtn a:hover,
.linkBtn.greyBtn a:hover,
a .linkBtn.greyBtn:hover{
  background: #707274;
  color: #E2E6ED;
}


.linkBtn.dGreyBtn::after,
.linkBtn.orangeBtn::after{
  background: url('/uvh.nl/gfx1/ZsdlydsJegB.svg') no-repeat;
}

.linkBtn.view::after{
  background: url('/uvh.nl/gfx1/ZmcpjbsJipC.svg') no-repeat;
}

.linkBtn img.fileIcon{
  display: none;
}


.webletTitle{
  font-size: 30px;
  font-weight: normal;
  color: #F4A31D;
  margin-bottom: 20px;
  margin-top: 25px;
  position: relative;
}

.noTitle .webletTitle{
  display: none;
}

.weblinks ul li{
  display: block;
  line-height: 25px;
  padding: 3px;
  padding-left: 15px;
  position: relative;
}
  .weblinks ul li::before{
    position: relative;
    display: inline-block;
    right: 15px;
    top: -3px;
    content: "\e258";
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-size: 9px;
    font-weight: 400;
    color: #F4A31D;
    line-height: 1;
    width: 0;
  }
  .weblinks ul li a{
    color: inherit;
  }


.navlist ul {
  padding: 0;
}
  .navlist ul li{
    display: inline-block;
    margin-left: 20px;
  }
    .navlist ul li a{
      display: inline-block;
      color: inherit;
      padding: 5px;
      margin: -5px;
    }
    .navlist ul li::before{
      content: "-";
      position: relative;
      right: 10px;
    }
      .navlist ul li:first-child{
         margin-left: 0px;
       }
      .navlist ul li:first-child::before{
         content: "";
       }

.social.navlist ul li::before{
  content:'';
}














@media (max-width: 991px ) {
  .navlist .displ_noTablet_noMobile,
  .navlist .displ_noTablet{
    display:none;
   } 
   
}


@media (max-width: 699px ) {

  .navlist .displ_noTablet_noMobile,
  .navlist .displ_noMobile{
    display:none;
   } 

}



body
{
  color: #414243;
  background: #ECF0F6;
}

.textBrowser
{
  height: 0;
  width: 0;
  overflow: hidden;
}

#pageWrapper
{
  overflow: hidden;
  background: #FFFFFF;
}


.SE_dropdownmenu .SE_dropdownmenuitem .icon img
{
  display:block;
}

.popinclosebutton img,
.iseButton img{
  vertical-align: inherit;
}

body *, body *::before, body *::after
{
  box-sizing: border-box;
}

.no-gutters{
  margin-right: 0;
  margin-left: 0;
}
  .no-gutters.col,
  .no-gutters[class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
  

@media (min-width: 1500px ) {

  .container{
    width: 1435px;
  }

  .col-xl-4{
      width: 33.33333333%;
  }  

}

@media (max-width: 991px ) {

  .container{
    padding: 0 30px;
  }

}

ul{
  margin-left: 0;
  padding-left: 0;
}



a,
a:link,
a:visited
{
  color: #F4A31D;
  text-decoration: underline;
  text-underline-offset: 3px;
  background-color: transparent;
  outline: 0;
}

a:hover
{
  color: #7F8082;
}

button,
a.button{
  display: inline-block;
  background-color: #F4A31D;
  padding: 4px 20px;
  height: 40px;
  line-height: 30px;
  font-family: 'Petrona', serif;
  font-size: 22px;
  font-weight: 400;
  cursor: pointer;
  border: none;
  border-bottom: 5px solid #DC7605;
  text-decoration: none;
}
  a.button:link{
    color: #FFFFFF;
  }

hr
{
}

@media (min-width: 768px ) 
{
  .minmarge
  {
    margin-left: -15px;
    margin-right: -15px;
  }
}

header a,
header a:link,
header a:visited
{
  text-decoration: none;
}
header a:hover
{
  color: #7F8082;
  text-decoration: underline;
}

#topWrapper{
  background-color: #FFFFFF;
}

#top{
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 16px;
  color: #707274;
  position: relative;
  display: flex;
  justify-content: flex-end;
}
  #top>div{
    margin-top:14px;
  }
    #top .webletLocationlogo{
      margin-top:0;
    }

div.webletLocationlogo{
  display:inline-block;
  flex-grow: 1;
  display: flex;
}
  div.webletLocationlogo br{
    display:none;
  }
  div.webletLocationlogo span.multimedia{
    width: auto !important;
    display: block;  
    overflow: visible;
  }
  div.webletLocationlogo img{
    height: 82px;
    padding: 0;
    width: auto;
  } 

@media (max-width: 399px ) {

  
  div.webletLocationlogo{
     position: relative;
  }     
    div.webletLocationlogo span.multimedia{
      position: absolute;
      top: 0; left: 0; bottom: 0; right: 0;
    }
      div.webletLocationlogo a{
        height: 100%;
        width: 100%;
        display: flex;
        align-items: flex-end;
        position: relative;
        left: -10px;
        padding-right: 5px;
      }
        div.webletLocationlogo img{
          height: auto;
          width: 100%;
        }
  
  #bannerWrapper .webletLocationbannerImage h2,
  .topBanner div.webletLocationtopBanner .text{
    display: none;
  }
  
}

div.webletLocationlanguage,
div.webletLocationlinkButton{
  padding-top: 15px;
  flex-shrink: 0;
}

div.webletlanguageLinks .languageMenu,
div.webletLocationlanguage.navlist{
  padding-left: 23px;
  padding-right: 23px;
}
  div.webletLocationlanguage.navlist ul{
    margin: 0;
    display: flex;
  }
    div.webletLocationlanguage.navlist ul li{
      margin-left: 0px;
      line-height:18px;
    }
      div.webletlanguageLinks .languageMenu a,
      div.webletLocationlanguage.navlist ul li a{
        margin: 2px;
        padding: 2px;
        color: #D5D5D5;
      }
        div.webletlanguageLinks .languageMenu a.current,
        div.webletLocationlanguage.navlist ul li a strong{
          color: #707274;
          font-weight: normal;
          position: relative;    
        }
        div.webletlanguageLinks .languageMenu a.current::after,
        div.webletLocationlanguage.navlist ul li a strong::after{
          border-bottom: 2px solid;
          content: "";
          position: absolute;
          bottom: 0;
          left: -2px;
          right: -2px;
        }
      div.webletLocationlanguage.navlist ul li::before{
        content: none;
      }
  div.webletLocationlinkButton.navlist ul{
    display: flex;
  }
    div.webletLocationlinkButton.navlist ul li{
      border-right: 1px solid #E2E6ED;
      padding-left: 25px;
      padding-right: 25px;
      margin-left: 0;
    }
      div.webletLocationlinkButton.navlist ul li::before{
        content: none;
      }

div.webletLocationlinkButton{}


.JS_OFF div.webletLocationzoek, #searchBox{
  width: 337px;
  flex-shrink: 2;
}
#searchBox div.webletLocationzoek{
  width: 100%;
}

  div.webletLocationzoek fieldset{
    position: relative;
    width: 100%;
    height: 57px;
  }
  div.webletLocationzoek p{
    display: inline-block;
    height: 100%; 
  }
    div.webletLocationzoek p:first-of-type{
      width: 100%;
      padding-right: 57px;
    }
      div.webletLocationzoek label{
        width: 100%;
        height: 100%;
      }
        div.webletLocationzoek label input{
          border:none;
          background: #ECF0F6;
          color: #414243;
          width: 100%;
          height: 100%;
          padding: 5px;
          padding-left: 10px;
        }
        div.webletLocationzoek label input.empty{
          color: #989c9f;
          padding-left: 20px;
        }
    div.webletLocationzoek p:last-of-type{
      width: 0;
      height: 0;
    }
      div.webletLocationzoek button{
        position:relative;
        height: 57px;
        width: 57px;
        border: none;
        background: #ECF0F6;        
        position:absolute;
        vertical-align: middle;
        text-align: center;
        top:0;
        right: 0;
      }
        div.webletLocationzoek button::after{
           background:url('/uvh.nl/gfx1/ZwrbertJaV.svg') no-repeat;
           width: 30px;
           height: 30px;
           display: block;
           content: "";
           color: #707274;
           position: relative;
           margin: auto;
        }   

#menuWrapper {
  background-color: #707274;
}

#menu {
  position:relative;
  margin: 0 -15px 0 -38px; 
  font-size: 20px;
  font-weight: 600; 
}

div.webletLocationmenu{
  margin-right: 180px; 
}
  
ul#hoofdNavigatie{
  margin-top: 0;
  margin-bottom: 0;
}
  ul#hoofdNavigatie li{
    display:inline-block;
    padding: 0 10px;
    background-color: #707274;
  }
    ul#hoofdNavigatie li a{
      display:block;
      color: #FFFFFF;
      text-transform: uppercase;
      text-decoration: none;
      padding: 13px;
    }
    ul#hoofdNavigatie li ul{
      position: absolute;
      z-index: 12;
      margin-left: -10px;
    }
      ul#hoofdNavigatie li ul li{ 
        background-color: #FFFFFF;
        display:none;
      }
        ul#hoofdNavigatie li li a{ 
          color: #414243;
          font-size: 18px;
          font-style: normal;
          text-transform: none;
          font-weight: 400;
          line-height: 30px;
          padding: 5px 13px;
        }
    ul#hoofdNavigatie li:hover{
      background-color: #F4A31D;
    }
      ul#hoofdNavigatie li:hover li{
        display:block;
      }
      ul#hoofdNavigatie li ul li:hover{
        background-color: #E2E6ED;
      }

    ul#hoofdNavigatie li ul.level3{
      display: none;
    }


div.webletLocationmijnUvh{
  position: absolute;
  top: 0;
  right: 0;
  width: 180px;
  height: 56px;
  background-color: #7F8082;
  color: #FFFFFF;
  text-align: center;
  float: right;
}
  div.mijnUvhBtn{
    padding-top: 6px;
  }    
  div.mijnUvhBtn:hover{
    background-color: #F4A31D;
  }
  div.mijnUvhBtn br{
    display:hidden;
  }
  div.mijnUvhBtn a{
    position:absolute;
    width: 100%;
    height: 100%;
    display: block;
    top:0; right:0;
    font-size:0;
  }
  div.mijnUvhBtn .multimedia img{
    width: 50px;
    height: 50px;
    position: relative;
    top: -4px;
    left: 10px;
  }
  
@media (max-width: 991px ) {

div#top{
  padding: 10px 0;
  margin-right: -30px;
}

  div.webletLocationlogo{
    bottom: 10px;
    left: 10px;
  }
    div.webletLocationlogo img{
        height: 52px;
    }

  div.webletLocationzoek{
  }
  div.webletLocationzoek,
  div.webletLocationlinkButton{
    display:none;
  }
  div.webletLocationlanguage.navlist ul{
    width: 30px;
    height: 30px;
  }
    div.webletLocationlanguage.navlist ul li{
      position: relative;
      left: 3px;
    }
      div.webletLocationlanguage.navlist ul li~li{
        position: relative;
        left: -3px;
      }
      div.webletLocationlanguage.navlist ul li a {
        margin: 2px;
        padding: 2px;
        color: #707274;
      }
        div.webletLocationlanguage.navlist ul li a strong{
          display:none;
        }
  #searchBox{
    display: none;
  }    
    #searchBox.search-open,
    #searchBox .webletLocationzoek{
      display: block;
    }
      #searchBox.search-open{
        position: absolute;
        right: 10%;
        top: 60px;
        width: 90%;
        z-index: 12;
        border: 20px solid white;
        margin: 0;
        background: white;
      }
        #searchBox.search-open ul li{
          display: block      
        }  
          #searchBox.search-open ul li a{
            color: inherit;
          }  
        #searchBox.search-open div.webletLocationzoek{
          width: 100%;
          padding-bottom: 20px;
        }
  .mobileIcons{
    display:flex;
  }
    .JS-OFF .mobileIcons{
      display:none;
    }
    div.webletLocationlanguage.navlist,
    .mobileIcons .zoekBtn,
    .mobileIcons .menuBtn{
      padding: 8px 12px;
      display: inline-block;
      border-left: 1px solid #D7DBE2;
    }
      .mobileIcons .icon{
        width: 30px;
        height: 30px;
        cursor: pointer;
      }
      .mobileIcons .icon::after{
        width: 22px;
        height: 22px;
        display: inline-block;
        position:relative;
        right: -5px;
      }
      .mobileIcons .zoekBtn .icon::after{
        background:url('/uvh.nl/gfx1/ZwrbertJaV.svg') no-repeat;
        content: "";
        width: 30px;
        height: 30px;
        top: 0px;
        right: 0px;
      }
      .mobileIcons .menuBtn .icon::after{
        color: #707274;
        font-size: 24px;
        font-family: 'icomoon';
        
        content: "";
        background:url('/uvh.nl/gfx1/ZqmdhbtJsaD.svg') no-repeat;
        height: 38px;
        width: 55px;
        top: -5px;
        left: -5px;
       }
        .menu-open .mobileIcons .menuBtn .icon::after{
          background: #F4A31D url('/uvh.nl/gfx1/ZwrbertJeV.svg') no-repeat;
          background-size: 40px 40px;
          background-position:7px 3px;
          height: 56px;
          width: 55px;
          margin-left: -8px;
          margin-top: -29px;
          position: relative;
          top: 21px;
          padding-top: 9px;
          padding-left: 18px;
        }

  #menu{
    margin: 0 -15px;
  }
    .JS-ON #menu{
      display: none;
    }
    #menu div.webletLocationmenu{
      margin: 0;
    }
      ul#hoofdNavigatie li{
        display: block;  
        width: 100%;
        text-align: center;
      }
      ul#hoofdNavigatie li ul{
        position: inherit;
        display: none;
      }
      ul#hoofdNavigatie li ul li:hover{
        background-color: inherit;
      }

    div.webletLocationmijnUvh{
      float: inherit;
      display: block;
      position: relative;
      width: 100%;      
      height: 120px;
    }
      div.webletLocationmijnUvh.webletniets div.mijnUvhBtn{
        display: none;
      }
    div.mijnUvhBtn{
      float: right;
      display: block;
      position: relative;
      background-color: #F4A31D;
      font-family: 'Petrona', serif;
      font-size: 18px;
      font-weight: normal;
      line-height: 30px;
      width: 140px;      
      height: 40px;
      top: 20px;
      right: 20px;
    }
      div.mijnUvhBtn:hover{
        background-color: #DC7605;
      }
      div.mijnUvhBtn a{
       width: 100%;
        height: 100%;
      }
      div.mijnUvhBtn .multimedia img {
        width: 35px;
        height: 35px;
        left: 7px;
      }
    .menu-open #menu{
      display: block;
    }
}
@media (max-width: 991px ) {

  body.JS-ON #menu{
    margin: 0 -30px;
  }

  body.JS-ON #menu div.webletLocationmenu{
      margin: 0;
  }
    body.JS-ON ul#hoofdNavigatie.active-submenu::before{
      content: 'Menu';
      display: block;
      padding: 25px 0px;
      margin: 0px 20px;
      color: #FFFFFF;
      background: #707274;
      font-family: 'Petrona', serif;
      font-size: 25px;
      font-weight: normal;
      border-bottom: 1px solid #959595;
    }
    body.JS-ON ul#hoofdNavigatie li{
      background: #707274;
      padding: 0 20px;
      text-align: left;
      position: relative;
    }
      body.JS-ON ul#hoofdNavigatie li a:hover{
        background-color: #7F8082;
        color: #414243;
      }

      body.JS-ON ul#hoofdNavigatie li a{
        border-bottom: 1px solid #959595;
        padding: 13px 0;
        text-transform: none;
        font-weight: normal;
        color: #FFFFFF;
      }
    
    body.JS-ON ul#hoofdNavigatie li ul{
      position: static;
      display: block;
      margin-right: -20px;
      margin-left: -20px;
    }
    body.JS-ON ul#hoofdNavigatie li:hover ul li{
      display: none;
    }
    body.JS-ON ul#hoofdNavigatie li ul::before,
    body.JS-ON ul#hoofdNavigatie li ul::after{
      width: 30px;
      height: 30px;
      display: block;
      position: absolute;
      background:url('/uvh.nl/gfx1/ZixmzvsJgU.svg') no-repeat;
      top: 13px;
    }
    body.JS-ON ul#hoofdNavigatie li ul::before{
      content: '';
      right: 15px;
      background:url('/uvh.nl/gfx1/ZsdlydsJegB.svg') no-repeat;
    }

    
    body.JS-ON ul#hoofdNavigatie.submenu-open li{
      display: none;
    }
    body.JS-ON ul#hoofdNavigatie.submenu-open li.open-submenu{
      display: block;
    }
    body.JS-ON ul#hoofdNavigatie.submenu-open li.open-submenu ul.open-item>li{
      display: block;
    }
    body.JS-ON ul#hoofdNavigatie.submenu-open li.open-submenu>ul::before{
      content: none;
    }
    
    
    body.JS-ON ul#hoofdNavigatie li a{
      display:none;
    }
    body.JS-ON ul#hoofdNavigatie.active-submenu a,
    body.JS-ON ul#hoofdNavigatie li.active-submenu a{
      display: block;
    }
    body.JS-ON ul#hoofdNavigatie active-submenu>a{
    }
      body.JS-ON ul#hoofdNavigatie li.active-submenu>a{
        padding: 25px 30px;
        color: #F4A31D;
        font-family: 'Petrona', serif;
        font-size: 25px;
      }
      body.JS-ON ul#hoofdNavigatie li.active-submenu>ul::before{
        content: none;
      }
      body.JS-ON ul#hoofdNavigatie li.active-submenu>ul::after{
        content:'';
        top: 25px;
        left: 10px;
      }

  body.JS-ON div.webletLocationmijnUvh{
    background-color: #707274;
  }
  
  body div.webletLocationmijnUvh .searchLinks ul{
    padding-left: 20px;
    padding-top: 12px;
  }
    body div.webletLocationmijnUvh .searchLinks ul li{
      display: block;
      text-align: left;
      padding: 0;
      line-height: 25px;
    }
      body div.webletLocationmijnUvh .searchLinks li a{
        color: #FFFFFF;
        font-family: 'Petrona', serif;
        font-weight: normal;
        font-size: 17px;
        line-height: 17px;
      }

  body.submenu-open div.webletLocationmijnUvh .mijnUvhBtn,
  body.submenu-open div.webletLocationmijnUvh .searchLinks{
    display: none;
  }
 
}
#mainWrapper{
  background: #ECF0F6;
  padding: 0 0 30px 0;
}

#main{
  background: #FFFFFF;
}

#bannerWrapper {
    background-color: #7F8082;
}

#content{
  width: 100%
}

#content h1{
  color: #F4A31D;
}

.standardText .multimedia{
}
  .standardText .multimedia img{
    max-width: 100%;
    height: auto;
  }

.standardText .label{

  display: inherit;
  padding: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  text-align: inherit;
  white-space: inherit;
  vertical-align: inherit;
  border-radius: inherit;
}

#content .webletLocationcontentExtra ul,  
#content .standardText ul{
  margin-left: 18px;
}

#content iframe{
  max-width: 100%;
}


.webletLocationbannerImage{
  position: relative;
}
  .webletLocationbannerImage h2{
    position: absolute;
    top: 80px;
    left: 80px;
    font-size: 36px;
    color: #ECF0F6;
    z-index: 5;
  }
  .webletLocationbannerImage br{
    display: none;
  }  
  .webletLocationbannerImage .multimedia{
    width: 100% !important;
    display: block;
    position: relative;
  }  
  .webletLocationbannerImage .multimedia img{
    width: 100% !important;
    height: auto !important;
  }
  .webletLocationbannerImage:not(.gradient-off) .multimedia::after{ 
    content: "";
    position: absolute;
    display: block;
    top:0; right: 0; left:0; bottom:0;
    background: linear-gradient(45deg, rgba(0,0,0,0.65) 30%,rgba(0,0,0,0) 42%,rgba(0,0,0,0) 73%);
    z-index: 4;
  }
  
 .webletLocationbannerImage.webletsimpleWeblet .text{
   display: none;
 }
 

#moduleWrapper{
  padding: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}


#contentTop{
  display: flex;
  width: 100%;
  justify-content: flex-end;
}
  #contentTop>div{
      display: inline-block;
  }
  #contentTop .linkBtn{
    width: 100%;
    margin-bottom: 20px;
  }
    #contentTop .linkBtn a{
      width: 100%;
    }
    #contentTop .linkBtn.orangeBtn a{
      text-align: center;
      display: block;
      line-height: 45px; 
      padding: 0 20px;
    }
    #contentTop .linkBtn.orangeBtn::after{
      content: none;
    }
#contentTopSeparator{
  border-bottom: 1px solid #ECF0F6;
  margin-bottom: 30px;
  width: 100%
}
    


.webletLocationcontentTop1{
  width: 100%;
  flex-grow: 1;
}
  .contentTop1InUse .webletLocationcontentTop1{
    width: 25%;
    flex-grow: 0;
  }
.webletLocationcontentMenu{
  width: 100%;
}
  .contentTop1InUse .webletLocationcontentMenu{
    width: 75%;
  }
  .webletLocationcontentMenu h2{
    color: #7F8082;
    margin-top: 0;
    margin-bottom: 10px;
 }
  .webletLocationcontentMenu ul{
    columns: 2;
    margin-bottom: 10px;
  }
    .webletLocationcontentMenu ul li{
      display: block;
      padding: 0 10px 0 20px;
    }
      .webletLocationcontentMenu ul li::before{ 
        position: relative;
        display: inline-block;
        right: 15px;
        top: -3px;
        content: "\e258";
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-size: 9px;
        font-weight: 400;
        line-height: 1;
        width: 0;
      }
      .webletLocationcontentMenu ul li a{
        color: inherit;
      }
    .webletLocationcontentMenu ul li.selected{
      font-weight: 600;
    }

#contentBottomSeparator{
  border-bottom: 1px solid #ECF0F6;
  margin-top: 30px;
  width: 100%
}

#contentBottom{
  display: flex;
  width: 100%;
}
  #contentBottom .webletLocationnieuwsBottom1,
  #contentBottom .webletLocationcontentBottom1{
    margin-right: 200px;
    flex-shrink: 1;
    width: 100%;
  }
  #contentBottom .webletLocationnieuwsBottom2,
  #contentBottom .webletLocationcontentBottom2{
    flex-shrink: 0;
  }
  #contentBottom .webletsimpleWeblet .row{
    display: flex;
    align-items: flex-start;
  }
    #contentBottom .webletsimpleWeblet.moreinfo .image{
      margin-top: 8px;
    }    
      #contentBottom .webletsimpleWeblet.moreinfo .image img{
        border-radius: 50%;
      }
    #contentBottom .webletsimpleWeblet.moreinfo .plaintext::first-line{
      font-weight: 600;
    }
    #contentBottom .webletsimpleWeblet .text~.image{
      margin-right: 30px;
    }

@media (max-width: 1499px ) {

  .contentTop1InUse .webletLocationcontentTop1{
    width: 33%;
  }
  .contentTop1InUse .webletLocationcontentMenu{
    width: 66%;
  }

  #contentBottom .webletLocationnieuwsBottom1,
  #contentBottom .webletLocationcontentBottom1{
    margin-right: 50px;
  }

}

@media (max-width: 1199px ) {

  .contentTop1InUse .webletLocationcontentTop1{
    width: 40%;
  }
  .contentTop1InUse .webletLocationcontentMenu{
    width: 60%;
  }
  .webletLocationcontentMenu ul{
    columns: 1;
  }
  
  #contentBottom .webletLocationnieuwsBottom1,
  #contentBottom .webletLocationcontentBottom1{
    margin-right: 25px;
  }

}

@media (max-width: 991px ) {

  #contentBottom .webletLocationnieuwsBottom1,
  #contentBottom .webletLocationcontentBottom1{
    margin-right: 0;
  }

}


.webletshare .services{
  margin: -5px;
}

.webletshare .service.icon-32x32{
  margin: 5px;
}
  .webletshare .service.icon-32x32 a{
    margin: 0;
    padding: 0;
  }
  .webletshare .service.icon-32x32 .label img~span{
    display: none;
  }

.webletshare .service.icon-16x16{
  margin: 5px;
}
  .webletshare .service.icon-16x16 a{
    margin: 0;
    padding: 0;
  }
  .webletshare .service.icon-16x16 .label img{
    margin: 0;
    height: 36px;
    width: 70px;
  }
  .webletshare .service.icon-16x16 .label img~span{
    display: none;
    
  }

@media (min-width: 991px ) and (max-width: 1024px ) {

  .webletshare .service.icon-16x16{
    display:block;
    float: inherit;
  }

}


@media (min-width: 991px ) {
  .mod_calendar #eventsList{
    margin-right: 7.5%;
  }
}

.mod_calendar .standardText .calendarView .calendar{
  width: 60%;
}

.mod_calendar #eventsList .event{
  padding: 20px;
}
  .mod_calendar #eventsList .event h3{
    margin-top: 0;
  }
    .mod_calendar #eventsList .event h3 a{
      color: #414243;
    }
    .mod_calendar #eventsList .event span.datum{
      display: block;
      padding-bottom: 10px;
    }
  .mod_calendar #eventsList .event:nth-child(odd){
    background-color: #ECF0F6;
  }
  .mod_calendar #eventsList h2{
    color: #F4A31D;
    border-bottom: 1px solid #D7DBE2;
    padding-bottom: 15px;
    margin-bottom: 0;
  }

border-right: 1px solid 

.mod_calendar .standardText{
  position: relative;
}
  .mod_calendar .standardText .filter p{
    padding-bottom: 5px;
  }  
  .mod_calendar .standardText .filter label{
    margin-left: 20px;
  }
  .mod_calendar .standardText .filter input[type="checkbox"]{
    position: relative;
    left: -20px;
    margin-right: -15px;
  }

 .mod_calendar .standardText .calendar th[scope="col"]{
   background-color: #D7DBE2;
 }
   .mod_calendar .standardText .calendar th[scope="col"].weekColumn{
     background-color: #F6B241;
   }
  .mod_calendar .standardText .calendar td{
    border-right: none;
  }

  .mod_calendar .standardText .eventphoto{
    display: none;
  }
  
  .mod_calendar .standardText .evenementeninfo td {
    display: table-cell;
    width: auto;
    padding: 5px 0px;
  }
    .mod_calendar .standardText .evenementeninfo td.label {
      font-weight: bold;
      padding-right: 25px;
    }
  
 .mod_calendar #content table.evenementeninfo{
   border-left: none;
 }
 
 .mod_calendar #content .standardText table.evenementeninfo tr td{
   border: none;
   border-color: #FFFFFF;
 }


@media (min-width: 768px ) {

    .mod_calendar .calendarView::before{
      display: inline-block;
      width: 30%;
      content: "";
      height: 3px;
    }
    
    .mod_calendar .standardText .filter{
      width: 30%;
      display: inline-block;
      min-height: 350px;
    }
    
    .mod_calendar .calendarView .calendar{
      text-align: left;
    }
      .mod_calendar .calendarView .calendar table{
        margin: 10px 0 10px 0;
      }
    .mod_calendar .standardText .filter ~ .calendarView .calendar{
      top: 80px;
      right: 30px;
      text-align: center;
      display: inline-block;
      position: absolute;
    }
      .mod_calendar .standardText .filter ~ .calendarView .calendar table{
        margin: 10px 0 10px 0;
      }
    
}


.mod_archief1 #content .overview ul{
  margin: -15px;
  display: flex;
  flex-wrap: wrap;
}
  .mod_archief1 #content .overview ul li a{
    color: #F4A31D;
  }

  .mod_archief1 #content .overview ul li{
    width: 50%;
    display: inline-block;
    margin:0;
    padding: 15px;
  }
  .mod_archief1 #content .overview ul li>div{
    overflow : hidden;
  }
  .mod_archief1 #content .overview ul li .plaatje{
    width: 100%;
    padding-bottom: 39%; 
    height: 0; 
    margin:0;
    overflow: hidden;
  }
  .mod_archief1 #content .overview ul li .plaatje a{
    height: 0;
    padding-bottom: 39%;
    width: 100%;
    display: block;
    position: relative;
  }
  .mod_archief1 #content .overview ul li .plaatje img{
    width: 100%;
    height:auto;
    transform: translateY(-50%);  
    position: absolute;
    left: 0;
    top: 50%;
  }
  .mod_archief1 #content .overview ul li h2 {
    margin: 30px 0 10px;
    display: inline-block;
    font-size: 24px;
  }
    .mod_archief1 #content .overview ul li h2 a{
      color: #414243;
    }
    .mod_archief1 #content .overview ul li h2 a:hover{
      color: #7F8082;
    }
    
  .mod_archief1 #content .overview ul li .datum{
    display: block;
    color: #F4A31D;
    margin: 0 0 10px;
  }
  .mod_archief1 #content .overview ul li p{
    margin: 0 0 40px;
  }
  .mod_archief1 #content .overview ul li .leesmeer{
    margin: 15px 0 0;
    display: block;
    font-weight: 600;
  }

.webletarchief1 .overview .list05 h3{
  margin-bottom: 20px;
  margin-top: 3px;
}


  #archive ul.level1 li a{
    background-position: 0px 9px;
  }
  #archive ul.level2 span.date{
    width: 23%;
    margin-right: 10px;
  }
  #archive ul.level2 a{
    width: 70%;
  }

  #archive ul.level1 li ul li {
    padding-bottom: 15px;
  }

@media (max-width: 767px ) {
  #archive ul.level2 span.date{
    width: 100%;
    text-align: left;    
  }  
  #archive ul.level2 a{
    width: 100%;
  }
}


.mod_facebook .searchForm fieldset{
  display: block;
  width: 100%;
  padding-top: 20px;
}
  .mod_facebook .searchForm fieldset > div label {
    width: 100%;
  }
  .mod_facebook .searchForm fieldset > div input,
  .mod_facebook .searchForm fieldset select {
    width: 100%;
  }
  .mod_facebook .searchForm fieldset #zoekSubmit {
    float: right;
    margin: 0;
  }
  
@media (min-width: 992px ) {
  .mod_facebook .searchForm fieldset > div label {
    width: 39%;
  }
  .mod_facebook .searchForm fieldset > div input,
  .mod_facebook .searchForm fieldset select {
    width: 60%;
  }
  
  .mod_facebook .so_nieuws #moduleWrapper{
    width: 85%;
    margin: auto;
    float: none;
    max-width: 970px;
  }


}

.mod_facebook .profile .controls .buttons{
  position: relative;
  margin-top: -160px;
  margin-left: 100px;
}
  .mod_facebook .profile .controls .buttons ~ p{
    display: none;
  }
.mod_facebook .profile .controls a.button{
  background-color: #E2E6ED;
  color: #414243;
  border-bottom-color: #D7DBE2;
  text-decoration: none;
  margin-bottom: 4px;
}
.mod_facebook .so_nieuws h1,
.mod_facebook .profile #functionField,
.mod_facebook .profile #titulatuurField,
.mod_facebook .profile #funktieENField,
.mod_facebook .profile #OrganisatieField{
  background-color: #ECF0F6;
  padding: 20px;
}
  .mod_facebook #content .profile .field .label{
     font-style:normal;
  }
  .mod_facebook .profile .field .label{
     color: #F4A31D;
     font-family: 'Petrona', serif;
     font-size: 24px;
  }
  
.mod_facebook .so_nieuws h1{
  position: relative;
  top: 30px;
}
.mod_facebook .profile #photoField{
  margin: 20px;
  border-bottom: 5px solid #F4A31D;
  border-right: 5px solid #F4A31D;
  margin-top: -64px;
  z-index: 2;
  position: relative;
}
.mod_facebook #content .profile #emailField,
.mod_facebook #content .profile #phoneField{
  background-color: #ECF0F6;
  padding: 0 20px;
}
  .mod_facebook #content .profile #emailField .label,
  .mod_facebook #content .profile #phoneField .label{
    width: 150px;
    display: inline-block;
    font-family: inherit;
    color: inherit;
    font-size: inherit;
  }
  .mod_facebook .profile #emailField .label~p,
  .mod_facebook .profile #phoneField .label~p{
    width: 50%;
    display: inline-block;
  }

#content .profile .field{
  margin-bottom: 0;
  padding: 20px;
}
  #content .profile .field .label{
    padding: 0;
  }

.mod_facebook .profile a:link{
  color: inherit;
  text-decoration: underline;
}

.mod_facebook .profile a:hover{
  color: #F4A31D;
  text-decoration: none;
}

.mod_facebook .profileForm h2{
  top: 15px;
  position: relative;
  left: 20px;
  font-size: 22px;
}

.mod_facebook #content .profileForm input[type="text"], #content .profileForm input[type="email"], 
.mod_facebook #content .profileForm textarea, #content .profileForm .BBeditor .editbar{
    width: 72%;
}
 
.mod_facebook #content .profileForm .BBeditor iframe {
    width: 90%;
}

.mod_facebook #content .profileForm fieldset label label, 
.mod_facebook #content .profileForm fieldset label .BBeditor{
  margin-left: 20%;
}

.mod_facebook #content form label > span{
  width: 20%;
}

@media (max-width: 991px ) {

  .mod_facebook #content .profile #emailField .label,
  .mod_facebook #content .profile #phoneField .label{
    width: 100%;
    display: block;
  }
  
  #contentTop {
    order: 3;
  }

  .webletLocationbannerImage .webletTitle{
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 20px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #contentTopSeparator{
    margin-top: 30px;
    order: 2;
  }
  
  #asideWrapper{
    top: -26px;
  }

  #contentBottom{
    flex-wrap: wrap;
  }
    #contentBottom>div{
      width: 100%;
    }

}

@media (max-width: 450px ) {

  .webletLocationbannerImage .webletTitle{
    font-size: 10vw;
    margin: 10px
  }
}


.mod_facebook .BBeditor .editbar button {
  height: auto;
  line-height: 0;
  padding: 8px 10px 10px;
}

#asideWrapper {
    background-color: #D7DBE2;
    color: #FFFFFF;
    top: -66px;
    z-index: 11;
}
  #asideWrapper h2{
    color: inherit;
    font-size: 33px;
    margin:-3px 0 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid #FFFFFF;
  }
  #asideWrapper a{
    color: inherit;
  }
  
.webletLocationasideMenu{
    background-color: #F4A31D;
    padding: 20px;
  }
    .webletLocationasideMenu>ul{
      margin: 0 -20px;
    }
    .webletLocationasideMenu ul{
      background-color: #F4A31D;
    }      
      .webletLocationasideMenu ul li{
        position: relative;
        display: block;
        font-weight: 600;
        line-height: 30px;
      }
      .webletLocationasideMenu ul li a{
        top: 0;
        left: 0;
        display: block;
        padding: 3px 20px;
        right: 0;
        bottom: 0;
        text-decoration: none;
      }  
        .webletLocationasideMenu ul li a:hover,
        .webletLocationasideMenu ul li.navigated>a{
          background-color: #F6B241;
        }
          .webletLocationasideMenu ul>li>ul>li a{
            font-weight: 400;
            padding-left: 55px;
          }
          .webletLocationasideMenu ul>li>ul>li a::before{
            position: relative;
            display: inline-block;
            right: 15px;
            top: -3px;
            content: "\e258";
            font-family: 'Glyphicons Halflings';
            font-style: normal;
            font-size: 9px;
            font-weight: 400;
            line-height: 1;
            width: 0px;
          }

#asideWrapper .webletsimpleWeblet{
  font-size: 19px;
  line-height: 23px;
  color: #414243;
}
  #asideWrapper .webletsimpleWeblet>div{
    padding: 25px 40px 15px;
  }
  #asideWrapper .webletsimpleWeblet .row{
    border-bottom: 1px solid #7F8082;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    margin: 0;
  }
    #asideWrapper>div.webletsimpleWeblet:last-child .row{
      border-bottom: none;
    }
      #asideWrapper>div.webletsimpleWeblet.addLine .row{
        border-bottom: 1px solid #7F8082;
      }  
  #asideWrapper .webletsimpleWeblet .row>div{
      padding: 0;
    }

  #asideWrapper .webletsimpleWeblet .text{
    margin-bottom: 25px;
  }
    #asideWrapper .webletsimpleWeblet .text h3{
      font-weight: 400;
      font-size: 26px;
      line-height: 30px;
      font-style: italic;
      margin: -5px 0 20px;
    }
    #asideWrapper .webletsimpleWeblet .text strong{
      font-weight: 600; 
    }
    #asideWrapper .webletsimpleWeblet .text em{
      font-size: 16px;
    }
    #asideWrapper .webletsimpleWeblet .text .plaintext{
      font-weight: 600;
    }

  #asideWrapper .webletsimpleWeblet .image{
    min-height: 65px;
  }

@media (max-width: 991px ) {
 
  #asideWrapper{
    top: -26px;
    margin-bottom: -26px;
    display: flex;
    flex-wrap: wrap;
  }
    #asideWrapper>div{
      width: 100%;
    }
 
    #asideWrapper .webletsimpleWeblet .col-xs-12{
      width: 50%;
    }

    #asideWrapper .webletLocationasideMenu{
      order: 2;
      max-height: 65px;
      overflow: hidden;
      position: relative;
    }
      #asideWrapper .webletLocationasideMenu .webletTitle::before{
        content:"";
        position: absolute;
        top: -20px;
        left: -20px;
        right: -20px;
        height: 70px;
        cursor: pointer;
      }
      #asideWrapper .webletLocationasideMenu::after{
        content:"";
        position: absolute;
        width: 40px;
        height:40px;
        background: url('/uvh.nl/gfx1/ZuhzxgsJuH.svg') no-repeat;
        top: 15px;
        right: 15px;
        display: inline-block;
      } 
    
    .JS-ON #asideWrapper .webletLocationasideMenu.block-open,
    .JS-OFF #asideWrapper .webletLocationasideMenu:hover{
      max-height: 1500px;
      cursor: pointer;
    }
      .JS-ON #asideWrapper .webletLocationasideMenu.block-open::after,
      .JS-OFF #asideWrapper .webletLocationasideMenu:hover::after{
        background: url('/uvh.nl/gfx1/ZuhzxgsJwH.svg') no-repeat;
      } 
 

 
}

@media (max-width: 399px ) {

  #asideWrapper .webletsimpleWeblet .col-xs-12{
    width: 100%;
  }

}footer a,
footer a:link,
footer a:visited
{
  text-decoration: none;
}
footer a:hover
{
  color: #7F8082;
  text-decoration: underline;
}

#footerWrapper{
  background-color: #D7DBE2;
  padding: 30px 0;
}

#footerWrapper h2{
  font-size: 24px;
  text-transform: none;
  margin: 2px 0 20px;
  color: #414243;
}

#footer{
  margin: 0 -125px; 
}
  #footer>div{
    padding: 0 110px;
  }
  #footer>div:last-child{
    border-left: 1px solid #bcc0c6;
  }
  
.webletmaillistSubscriber .placeholder{
  display: none;
}
.webletmaillistSubscriber .fields{
  display: flex;
}
  .webletmaillistSubscriber .fields p{
    height: 55px;
    flex-grow: 1;
  }
  .webletmaillistSubscriber .fields p label{
    display: block;
    height: 100%;
  }    
    .webletmaillistSubscriber .fields p label input{
      height: 100%;
      border: none;
      padding-left: 25px;
      width: 100%;
      max-width: 100%;
    }
  .webletmaillistSubscriber .fields p.subscribe{
    width: 176px;
    flex-grow: 0;
    text-align: center;
  }
  .webletmaillistSubscriber .fields p.subscribe button{
    background-color: #F4A31D;
    border: none;
    color: #FFFFFF;
    font-family: 'Source Sans Pro', sans-serif;
    text-decoration: none;
    display: block;
    width:100%;
    height: 100%;
  }
  .webletmaillistSubscriber .fields p.subscribe button:hover{
    background-color: #F6B241;
    cursor: pointer;
  }
  
  #footer .social.navlist{
    padding-right: 0;
  }

#bottomWrapper{
  background-color: #E2E6ED;
  font-size: 20px;
  font-weight: 300;
  padding: 30px 0;
}

#bottomWrapper h2{
  font-size: 26px;
  text-transform: none;
  margin: 15px 0 10px;
  color: #414243;
}


#bottom{
  padding: 0 30px;
}

.col-sm-20proc{
  width: 20%;
  padding: 5px;
}

.col-sm-40proc{
  width: 40%;
}

.col-sm-60proc{
  width: 60%;
}

@media (max-width: 991px ) {



  #bottom{
    padding: 0;
  }
  
  .col-sm-60proc,
  .col-sm-40proc,
  .col-sm-20proc{
    display:block;
    width: 100%;
  }
  
  #bottom .webletnavigation .webletTitle::after{
    content:"";
    position: relative;
    width: 40px;
    height:40px;
    background: url('/uvh.nl/gfx1/ZqwocgsJuY.svg') no-repeat;
    top: 15px;
    left: -5px;
    display: inline-block;
    cursor: pointer;
  } 
  
  #bottom .webletnavigation ul{
    display: none;
  }
  
  .JS-ON #bottom .webletnavigation.mobileClose.block-open ul,
  .JS-OFF #bottom .webletnavigation:hover ul{
    display: block;
  }

  .JS-ON #bottom .webletnavigation.mobileClose.block-open .webletTitle::after,
  .JS-OFF #bottom .webletnavigation:hover .webletTitle::after{
    background: url('/uvh.nl/gfx1/ZqwocgsJiZ.svg') no-repeat;
  } 
  
  #bottom h2{
    margin-top: -20px;
  }
  
  #footerWrapper{
    display: none;
  }
}

#footerInfo{
  padding: 30px 0;
  margin: 10px 15px 0;
  border-top: 1px solid #D7DBE2;
}

#footerInfo .webletLocationfooterContact ul{
  display: block;
}
  #footerInfo .webletLocationfooterContact ul li{
    display: inline-block;
    width: 50%;
    padding-right: 30px;
    float: right;
  }
    #footerInfo .webletLocationfooterContact ul li:first-child{ 
      float: left;
      min-height: 3em;
    }
    #footerInfo .webletLocationfooterContact ul li span.multimedia{
      display:inline-block;
      width:100%;
    }
      #footerInfo .webletLocationfooterContact ul li span.multimedia img{
        width:100%;
        height: auto;
      }
      
      
#footerInfo .webletLocationfooterLogos{
  display: flex;
  flex-wrap: wrap;
}
  #footerInfo .webletLocationfooterLogos p{
    display: inline-block;
  }
    #footerInfo .webletLocationfooterLogos p:first-of-type{ 
      width: 80%;
      padding-left: 30px;
    }
      #footerInfo .webletLocationfooterLogos p:first-of-type br{
        display: none;
      }
    #footerInfo .webletLocationfooterLogos span{ 
      width: 20%;
    }
    #footerInfo .webletLocationfooterLogos ul{ 
      margin: 0;
    }
      #footerInfo .webletLocationfooterLogos ul li{
        display: block;
      }
      #footerInfo .webletLocationfooterLogos ul a{
        color: inherit;
      }

    #footerInfo .webletLocationfooterLogos p span.multimedia{
      width: 25% !important;
      display: inline-block;
      text-align: center;
    }

@media (max-width: 991px ) {


  #footerInfo{
    margin: 0 -15px;
    padding: 15px 0;
  }
  
  #footerInfo .webletLocationfooterLogos p:first-of-type{ 
    width: 100%;
    padding: 30px 0 20px;
    }
  #footerInfo ul{
    margin: 0;
  }
  #footerInfo .webletLocationfooterContact ul li{
    float: left;
  }
    #footerInfo .webletLocationfooterContact ul li:first-child{ 
      display: none;
    }
  #footerInfo .weblettekst.webletLocationfooterLogos span{
    width: 100%;
  }    
  #footerInfo .weblettekst.webletLocationfooterLogos ul{
    text-align: center;
  }    
  #footerInfo .webletLocationfooterLogos ul a{
  }
  #footerInfo .webletLocationfooterLogos ul li{
    display: inline-block;
  }
    #footerInfo .webletLocationfooterLogos ul li::after{
      content: "|";
      padding: 10px;
    }
    #footerInfo .webletLocationfooterLogos ul li:last-of-type::after{
      content: "";
      padding: 0px;
    }
}

@media (max-width: 600px ) {

  #footerInfo .webletLocationfooterLogos p span.multimedia a{
    display: block;
    width: 100%;
  }

  #footerInfo .webletLocationfooterLogos p span.multimedia img{
    width: 60%;
    height: auto;
  }

}

@media (max-width: 349px ) {

  #footerInfo .webletLocationfooterContact ul li{
    width: 100%;
  }
  
  #footerInfo .webletLocationfooterLogos p span.multimedia{
    width: 50% !important;
  }

}fieldset .form-group{
  width: 100%;
}

fieldset .uitleg{
  text-align: end;
  margin-right: 30px;
  font-style: italic;
}

fieldset .buttonSubmit input{
  background-color: #F4A31D;
  color: #FFFFFF;
  border: 0;
  padding: 10px;
}

.topContentInUse fieldset .buttonSubmit input{
  background-color: #F6B241;
  color: #FFFFFF;
}

fieldset .error{
  color: red;
}#content .standardText .pagination li.active a,
#content .standardText .pagination a.current
{
  background-color: #F4A31D;
}

#content .standardText .pagination li.active a:hover,
#content .standardText .pagination a.current:hover,
#content .standardText .pagination a:hover,
#content .standardText .pagination a:focus,
#content .standardText .pagination a:active
{
  background-color: #F6B241;
}

#content .standardText .pagination a:is(.nextpag, .prevpag) {
  width: auto;
  padding: 0 10px;
}
.cookiePermission
{
  font-size: 1em;
}


.cookiePermission.fullScreen .cookiePermission-message,
.cookiePermission .cookiePermission-preferences
{
  max-width: 600px;
}


.cookiePermission-content
{
  color: #414243;
}

.cookiePermission-content h3
{
  font-family: 'Petrona', serif;
}


.cookiePermission ul.cookiePermission-categories li .switch label
{
  background: #707274;
}

.cookiePermission ul.cookiePermission-categories li .switch label::after
{
  box-shadow: none;
}


.cookiePermission ul.cookiePermission-categories li .switch input:focus-visible + label,
.cookiePermission-actions a:focus-visible
{
  border-color: #DC7605;
}



@media (min-width: 992px ) {

  .onlyMobile{
    display: none !important;
  }
  
}

@media (max-width: 991px ) {

  .notOnMobile{
    display: none !important;
  }

}


.multimedia
{
  
}


.webletcrumble .crumblepath,
.webletcrumble .crumblepath a
{
  color: #5389B8;
}

.col-xs-12.auto{
  
  width: inherit;
}

#suboutline .webletsimpleWeblet .hiddenLinks .hyperLinks{
  position: static;
  float: inherit;
  min-height: 0;
}


@media print
{
html
{
  background: none;
}

body
{
  font-size: 10pt;
  color: Black;
}

#pageWrapper
{
  width: auto;
  background: none;
}

#moduleWrapper
{
  float: none;
  width: auto;
}

#content
{
  padding: 0;
}

#header,
#footer,
#bottombar,
#SE_menubar
{
  display: none;
}

}
 .languageChange {
	background-color: white;
  color: gray;
  position:absolute;
  top:10px;
  right:10px;
  z-index: 999;
  padding: 20px !important;
}

.languageChange div {
	float: none;
}

.languageChange .close {
	font-size: 200%;
  font-weight: bold;
	position: absolute;
  top: 0;
  right: 0;
  padding: 5px 10px !important;
  transform: rotate(45deg);
  cursor: pointer;
} .webletmaillistSubscriber .helloBot
{
  display: none;
  visibility: hidden;
}

 
.webletnavigation.container button
{
  margin-right: 0;
}

.webletnavigation .navbar-header{
	float:right;
  margin-right:0;
  margin-left:0;
}

.webletnavigation .navbar-collapse.collapsing,
.webletnavigation .navbar-collapse.collapse.in{
	width:100%;
  margin:0;
  clear: both;
}

.webletnavigation div.navmenu{
  margin: 0 -15px;
}
@media (min-width: 768px) {

  .webletnavigation.autonav ul li ul
	{
	  display: none;
	  position: absolute;
	}

	.webletnavigation.autonav ul li:hover ul
	{
	  display: block;
	}
}

@media screen and (max-width: 767px) {

  .webletnavigation.autonav ul li
	{
	  float: none;
	}

  .webletnavigation.autonav ul li ul
	{
	  position: static;
	}

}

.webletnavigation.autonav ul li ul li
{
  float: none;
  min-width: 200px;
}
 .webletsimpleWeblet .multimedia{
  display: block;
  width: 100% !important;
}

.webletsimpleWeblet .multimedia img{
  margin: 0 auto;
  display: block;
}  

.webletsimpleWeblet .simpleText{
  position: relative;
}

.webletsimpleWeblet ul{
  margin: 0;
}

.webletsimpleWeblet ul li{
  display: block;
}  

.webletsimpleWeblet .hiddenLinks .hyperLinks{
  position: unset;
  float: unset;
}

.webletsimpleWeblet .hiddenLinks ul li a{
  display: block;
  position: absolute;
  left: 0; top: 0; right: 0; bottom: 0;
}

.webletsimpleWeblet .hiddenLinks ul li a .title{
  display: none;
}  

 .col-xs-12.auto{
    width: unset;
    float: none;
    display: inline-block;
}  

.popinEdit .webletEditMenu span.icon{
  text-align: center;
  display: block;
  font-size: 30px;
}

.webletEditMenu span.text{
} .weblettekst
{
  padding: 0;
  margin: 0;
}

 
.webletStyleadzxdzEsHowOvvOhIEJMLW { 


}
.webletStylexmtevaFsHowOvvOhIEJMLeB { 


}
.webletStylepttegvnBsHowOvvOhIEJMLaB { 


}
.webletStyleqczxdzEsHowOvvOhIEJMLK { 


}
.webletStylevdzxdzEsHowOvvOhIEJMJF { 


}
.webletStylefezxdzEsHowOvvOhIEJMJD { 


}
.webletStylezizxdzEsHowOvvOhIEJMCC { 


}
.webletStyleqlyvbeFsHowOvvOhIECFDDD { 


}
.webletStyleetprcvFsHowOvvOhIECAAFDFA { 


}
.webletStyledfzxdzEsHowOvvOhIEJMAN { 


}
.webletStylebkzxdzEsHowOvvOhIEJMGP { 


}
.webletStylenlzxdzEsHowOvvOhIEJMGN { 


}
.webletStylecozxdzEsHowOvvOhIEJMIT { 


}
.webletStylerizxdzEsHowOvvOhIEJMCD { 


}
.webletStylevizxdzEsHowOvvOhIEJMCA { 


}
.webletStylehjzxdzEsHowOvvOhIEJMCG { 


}
.webletStyledjzxdzEsHowOvvOhIEJMCE { 


}
.webletStylexlzxdzEsHowOvvOhIEJMIV { 


}
@media print
{

}