html
{
   overflow-y: scroll;
}


body
{
   margin: 0px;
   padding: 0px;
   background: RGB(255,255,255);
   overflow-x: hidden;
}

#zoeken
{
   bottom: 0;
   left: 0;
   width: 100%;
   min-width: 100%;
   height: 30px;
   border: solid 1px RGB(237,237,237);
   display: inline-flex;
   white-space: nowrap;
   overflow: hidden;
}

#zoekveld
{
   float: left;
   width: calc(100% - 30px);
   height: 30px;
   position: relative;
   border: solid 0px RGB(255,255,255);
   outline: none;
}

#zoekknop
{
   float: right;
   width: 30px;
   height: 30px;
   position: relative;
   border: solid 0px RGB(255,255,255);
   outline: none;
}

#zoekveld input:focus
{
    outline: none;
}

#zoekknop input:focus
{
    outline: none;
}



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

   #header-logo-wrap
   {
      top: 0;
      left: 0;
      width: 100%;
   }

   #header-logo-container
   {
      height: 115px;
      background: RGB(255,255,255);
   }

   #header-logo
   {
      width: 100%;
      margin: 0 auto;
      position: relative;
   }



   #header-slider-wrap
   {
      top: 0;
      left: 0;
      width: 100%;
   }

   #header-slider-container
   {
      height: auto;
      background: RGB(255,255,255);
   }

   #header-slider
   {
      max-width: 980px;
      margin: 0 auto;
      position: relative;
      margin-top: 15px;
      margin-bottom: 30px;
   }



   #container-wrap
   {
      top: 0;
      left: 0;
      width: 100%;
      overflow: auto;
   }

   #container
   {
      background: RGB(255,255,255);
      margin: 0 auto;
      font-size: 1.4em;
      height: auto;
      min-height: 500px;
      margin-top: 0px;
      margin-bottom: 0px;
   }

   #content
   {
      padding: 0px;
      margin: 0px;
      float: left;
      width: 100%;
   }

   #contentmarge
   {
      float: left;
      width: 40px;
      display: none;
   }

   #contentNormal
   {
      background: RGB(255,255,255);
      margin: 0px;
      padding: 0px;
      float: left;
      width: 100%;
      min-height: 500px;
   }

   #contentNormalPaddingFix
   {
      background: RGB(255,255,255);
      padding: 30px;
      min-height: 500px;
      margin-bottom: 20px;
      overflow:hidden;
   }

   #contentHome
   {
      margin: 0px;
      padding: 0px;
      float: left;
      width: 100%;
      min-height: 500px;
   }

   #contentHomePaddingFix
   {
      padding: 0px;
      float: left;
      width: auto;
      min-height: 500px;
      margin-bottom: 20px;
   }

   #sidebarR
   {
      padding: 0px;
      margin: 0px;
      float: left;
      width: 100%;
   }
   
   #sidebar
   {
      padding: 0px;
      margin: 0px 30px 0px 30px;
      float: left;
      width: calc(100%-60px);
   }

   #sidebarContent
   {
      background: RGB(255,255,255);
      margin: 0px;
      padding: 0px;
      float: left;
      width: 100%;
   }

   #sidebarContentPaddingFix
   {
      padding: 0px;
      float: left;
      width: auto;
      margin-bottom: 20px;
   }



   #header-slider-wrapR
   {
      top: 0;
      left: 0;
      width: 100%;
   }

   #header-slider-containerR
   {
      height: auto;
      background: RGB(255,255,255);
   }

   #header-sliderR
   {
      max-width: 1580px;
      margin: 0 auto;
      position: relative;
      margin-top: 15px;
      margin-bottom: 30px;
   }



   #header-lijn-onderFooterSlider-wrap
   {
      top: 0;
      left: 0;
      width: 100%;
   }

   #header-lijn-onderFooterSlider-container
   {
      height: 30px;
      background: RGB(255,255,255);
   }

   #header-onderFooterSlider-lijn
   {
      width: 100%;
      margin: 0 auto;
      position: relative;
   }

}





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

   #header-logo-wrap
   {
      top: 0;
      left: 0;
      width: 100%;
   }

   #header-logo-container
   {
      height: 115px;
      background: RGB(255,255,255);
   }

   #header-logo
   {
      width: 100%;
      margin: 0 auto;
      position: relative;
   }



   #header-slider-wrap
   {
      float: right;
      top: 0;
      right: 0;
      left: 0;
      width: 100%;
   }

   #header-slider-container
   {
      float: right;
      height: auto;
      background: RGB(255,255,255);
      direction: rtl;
   }

   #header-sliderR-tijdelijk-weg-als-test-zie-hieronder
   {
      float: right;
      width: 165%; /* 240% */
      margin-right: 0%; /* -10px */
      margin-left: 0%; /* -375px */
      position: relative;
      margin-top: 15px;
      margin-bottom: 30px;
      /* direction: rtl; */
   }

   #header-slider
   {
      float: right;
      width: 165%;
      margin-right: -5px;
      margin-left: -5px;
      position: relative;
      margin-top: 15px;
      margin-bottom: 30px;
      direction: ltr;
   }



   #container-wrap
   {
      top: 0;
      left: 0;
      width: 100%;
      overflow: auto;
   }

   #container
   {
      background: RGB(255,255,255);
      margin: 0 auto;
      font-size: 1.4em;
      height: auto;
      min-height: 500px;
      margin-top: 0px;
      margin-bottom: 0px;
   }

   #content
   {
      padding: 0px;
      margin: 0px;
      float: left;
      width: 100%;
   }

   #contentmarge
   {
      float: left;
      width: 40px;
      display: none;
   }

   #contentNormal
   {
      background: RGB(255,255,255);
      margin: 0px;
      padding: 0px;
      float: left;
      width: 100%;
      min-height: 500px;
   }

   #contentNormalPaddingFix
   {
      background: RGB(255,255,255);
      padding: 30px;
      min-height: 500px;
      margin-bottom: 20px;
      overflow:hidden;
   }

   #contentHome
   {
      margin: 0px;
      padding: 0px;
      float: left;
      width: 100%;
      min-height: 500px;
   }

   #contentHomePaddingFix
   {
      padding: 0px;
      float: left;
      width: auto;
      min-height: 500px;
      margin-bottom: 20px;
   }

   #sidebar
   {
      padding: 0px;
      margin: 0px;
      float: left;
      width: 100%;
   }

   #sidebarContent
   {
      background: RGB(255,255,255);
      margin: 0px;
      padding: 0px;
      float: left;
      width: 100%;
   }

   #sidebarContentPaddingFix
   {
      padding: 0px;
      float: left;
      width: auto;
      margin-bottom: 20px;
   }



   #header-slider-wrapR
   {
      top: 0;
      left: 0;
      width: 100%;
   }

   #header-slider-containerR
   {
      height: auto;
      background: RGB(255,255,255);
   }

   #header-sliderR
   {
      max-width: 1580px;
      margin: 0 auto;
      position: relative;
      margin-top: 15px;
      margin-bottom: 30px;
   }



   #header-lijn-onderFooterSlider-wrap
   {
      top: 0;
      left: 0;
      width: 100%;
   }

   #header-lijn-onderFooterSlider-container
   {
      height: 30px;
      background: RGB(255,255,255);
   }

   #header-onderFooterSlider-lijn
   {
      width: 100%;
      margin: 0 auto;
      position: relative;
   }

}





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

   #header-logo-wrap
   {
      top: 0;
      left: 0;
      width: 100%;
   }

   #header-logo-container
   {
      height: 120px;
      background: RGB(255,255,255);
   }

   #header-logo
   {
      width: 100%;
      min-width: 300px;
      margin: 0 auto;
      position: relative;
   }

}





@media screen and (min-width: 1000px)
{

   #header-logo-wrap
   {
      top: 0;
      left: 0;
      width: 100%;
	  display: none;
   }

   #header-logo-container
   {
      height: 170px;
      background: RGB(255,255,255);
   }

   #header-logo
   {
      width: 960px;
      margin: 0 auto;
      position: relative;
   }



   #header-slogan-wrap
   {
      top: 0;
      left: 0;
      width: 100%;
   }

   #header-slogan-container
   {
      height: 60px;
      background: RGB(255,255,255);
   }

   #header-slogan
   {
      width: 960px;
      margin: 0 auto;
      position: relative;
      color: RGB(0,93,171);
      font-family: Arial;
      font-size: 24px;
      text-align: left;
      font-weight: bold;
      line-height: 150%;
      padding-top: 15px;
      margin-top: 0px;
      margin-bottom: 0px;
   }



   #header-slider-wrap
   {
      top: 0;
      left: 0;
      width: 100%;
   }

   #header-slider-container
   {
      height: auto;
      background: RGB(255,255,255);
   }

   #header-slider
   {
      max-width: 1580px;
      margin: 0 auto;
      position: relative;
      margin-top: 15px;
      margin-bottom: 30px;
   }



   #header-lijn-onder-wrap
   {
      top: 0;
      left: 0;
      width: 100%;
   }

   #header-lijn-onder-container
   {
      height: 1px;
      background: RGB(255,255,255);
   }

   #header-onder-lijn
   {
      width: 960px;
      margin: 0 auto;
      position: relative;
   }



   #container-wrap
   {
      top: 0;
      left: 0;
      width: 100%;
      overflow: auto;
      background: RGB(255,255,255);
   }

   #container
   {
      width: 960px;
      margin: 0 auto;
      font-size: 1.4em;
      overflow: auto;
      padding: 30px 0 100px;
      min-height: 500px;
   }

   #content
   {
      float: left;
      width: 578px;
   }

   #contentmarge
   {
      float: left;
      width: 40px;
   }

   #contentHome
   {
      padding: 0px;
      float: left;
      width: 100%;
      min-height: 500px;
   }

   #contentNormal
   {
      background: RGB(255,255,255);
      padding: 0px;
      float: left;
      width: 100%;
      min-height: 600px;
   }

   #sidebar
   {
      float: right;
      width: 282px;
      overflow-y: hidden;
   }

   #sidebarContent
   {
      background: RGB(255,255,255);
      padding: 0px;
      float: left;
      width: 100%;
   }



   #header-lijn-onderFooterSlider-wrap
   {
      top: 0;
      left: 0;
      width: 100%;
   }

   #header-lijn-onderFooterSlider-container
   {
      height: 30px;
      background: RGB(255,255,255);
   }

   #header-onderFooterSlider-lijn
   {
      width: 960px;
      margin: 0 auto;
      position: relative;
   }

}



@media screen and (min-width: 1200px)
{

   #header-logo-wrap
   {
      top: 0;
      left: 0;
      width: 100%;
	  display: none;
   }

   #header-logo-container
   {
      height: 170px;
      background: RGB(255,255,255);
   }

   #header-logo
   {
      width: 1140px;
      margin: 0 auto;
      position: relative;
   }



   #header-slogan-wrap
   {
      top: 0;
      left: 0;
      width: 100%;
   }

   #header-slogan-container
   {
      height: 60px;
      background: RGB(255,255,255);
   }

   #header-slogan
   {
      width: 1140px;
      margin: 0 auto;
      position: relative;
      color: RGB(0,93,171);
      font-family: Arial;
      font-size: 24px;
      text-align: left;
      font-weight: bold;
      line-height: 150%;
      padding-top: 15px;
      margin-top: 0px;
      margin-bottom: 0px;
   }



   #header-slider-wrap
   {
      top: 0;
      left: 0;
      width: 100%;
   }

   #header-slider-container
   {
      height: auto;
      background: RGB(255,255,255);
   }

   #header-slider
   {
      max-width: 1580px;
      margin: 0 auto;
      position: relative;
      margin-top: 15px;
      margin-bottom: 30px;
   }



   #header-lijn-onder-wrap
   {
      top: 0;
      left: 0;
      width: 100%;
   }

   #header-lijn-onder-container
   {
      height: 1px;
      background: RGB(255,255,255);
   }

   #header-onder-lijn
   {
      width: 1140px;
      margin: 0 auto;
      position: relative;
   }



   #container-wrap
   {
      top: 0;
      left: 0;
      width: 100%;
      overflow: auto;
      background: RGB(255,255,255);
   }

   #container
   {
      width: 1140px;
      margin: 0 auto;
      font-size: 1.4em;
      overflow: auto;
      padding: 30px 0 100px;
      min-height: 500px;
   }

   #content
   {
      float: left;
      width: 760px;
   }

   #contentmarge
   {
      float: left;
      width: 40px;
   }

   #contentHome
   {
      padding: 0px;
      float: left;
      width: 100%;
      min-height: 500px;
   }

   #contentNormal
   {
      background: RGB(255,255,255);
      padding: 0px;
      float: left;
      width: 100%;
      min-height: 600px;
   }

   #sidebar
   {
      float: right;
      width: 282px;
      overflow-y: hidden;
   }

   #sidebarContent
   {
      background: RGB(255,255,255);
      padding: 0px;
      float: left;
      width: 100%;
   }



   #header-lijn-onderFooterSlider-wrap
   {
      top: 0;
      left: 0;
      width: 100%;
   }

   #header-lijn-onderFooterSlider-container
   {
      height: 30px;
      background: RGB(255,255,255);
   }

   #header-onderFooterSlider-lijn
   {
      width: 1140px;
      margin: 0 auto;
      position: relative;
   }

}