@media (max-width: 640px) {

#beeld #menu, 
#zoekbalk,
#footer {
   display:none;
}

.home #menu,
.home #top_right
{
display:none;
}

.popup_desktop {
  display: none;
}

.popup_mobile {
  display: inline-block;
    line-height: 30px !important;
}



.home #logo{
width:35%;
}

.home #header{
border-bottom:none;
height: 200px;
}

.home #beeld{
  display: block;
  width: 65%;
  float: left;
overflow: hidden;
  height: 200px;
}

.home #beeld img{
width:100%;
}

.home .row-seperator,
.home .row-1-right{
width:100%;
}

.content-row{
width:100%;
}

.row-1-right .blok-geel,
.row-1-right .blok-rood,
.row-1-right .blok-bruin,
.row-1-right .blok-zwart{
float:none;
margin:20px auto 0;
}

.home .row-2-left,
.home .row-2-middle,
.home .row-2-right{
width:100%;
margin-top:5px;
margin-left:0;
}

.home #content{
padding: 55px;
}



#content-right,
#footer2-left,
#footer2-right
{
	float:none;
}

#content{
padding-top:0;
box-sizing:border-box;
margin-top:25px;
}

.home #content{
margin-top:0;
}

#container, 
#content-left, 
#content, 
#beeld, 
#right
{
width:100%;
}

#logo{
     width: 100%;
  height: 200px;
  background: url('/images/logo_home.jpg') no-repeat center;
  background-size: 100%;
  padding: 0;
  margin: 0;
border-right:none;
}


#left {
width:35%;
}

#container{
position:relative;
}

#beeld{
position:absolute;
top:0;
width:65%;
right:0;
height: 200px;
background-size: auto 100%;
}

.mobile-buttons{
display:block;
position:absolute;
bottom:1px;
right:40px;
z-index:999;

}

.home .mobile-buttons{
bottom:0;
}


.mobile-btn{
width:50px;
height:50px;
background:#253e66;
float:left;
}

.mobile-nav{
margin-left:10px;
 background:url('/images/mobile-nav.png');
background-size:100%;
}

.mobile-search{
 background:url('/images/mobile-search.png');
background-size:100%;
}

.mobile-menu{
  display: block;
  width: 100%;
  background: #111f46;
margin-top:1px;
}

.mobile-menu ul{
padding:0;
margin:0;
  box-sizing: border-box;
  padding: 0 5%;
  padding-top: 20px;
  padding-bottom: 20px;
display:none;
width:100%;
}

.mobile-menu ul li.hoofd {
list-style-type: none;
  box-sizing: border-box;
  padding-left: 15px;
  border-bottom: 1px solid #37475f;
}

.mobile-menu ul li.hoofd:first-child{
  border-top: 1px solid #37475f;
}

.mobile-menu ul li.hoofd  a{
text-decoration: none;
  color: #fff;
  display: block;
  padding: 10px 0;
  font-size: 16px;
}

.mobile-menu ul li ul.submenu{
    position:relative;
    top:0;
  padding: 0;
  margin-left: 0;
}

.mobile-menu ul li ul.submenu li{
background:none;
}
.mobile-menu ul li ul.submenu li.active {
color: #111f46;
background: #fff;
}
.mobile-menu ul li ul.submenu li.active a {
color: inherit;
}

.mobile-menu ul li ul.submenu li a{
 font-size:14px;
padding: 10px 25px;
}

#menu ul li{
float:none;
position:relative;
top:140px;
}

.zoekbalk{
  width: 100%;
  background: #111f46;
  box-sizing: border-box;
    padding: 20px;
display:none;
height:125px;
position: absolute;

}

.zoekbalk input{
border:0;
padding:10px;
width:100%;
box-sizing:border-box;
}

.zoek-button{
color:#fff;
font-size:16px;
  background: url('/images/search-icon.png') left center no-repeat;
background-size:auto 100%;
height:45px;
}

.zoek-button span{
   margin-left: 50px;
  line-height: 44px;

}




#content-left{
margin-left:0;
float:none;
box-sizing:border-box;
padding:0 55px;
}


#content-right{
margin-top:60px;
  width: 100%;
  padding-top: 35px;
  border-top: 1px solid #adadad;
  background-size: 100%;
  border:none;
padding: 25px 0;
    box-sizing: border-box;
}

#content-right iframe {
margin-left: 55px;
}

#content-right #right-inhoud{ 
width:100%;
margin-left:0;
margin-right:0;
box-sizing:border-box;
padding:0 55px;
}

#right-inhoud,
.blok_inhoud {
    line-height: 50px !important;
}

#content .blok_oranje,
#content .blok_bruin,
#content .blok_rood
{
  width: 100%;
  height: 49px;
  margin-top: 30px;
  background-repeat: repeat;
}

.blok_inhoud{
width:100%;
box-sizing:border-box;
padding: 25px 55px 0;
}

.blok_oranje h3, 
.blok_bruin h3, 
.blok_rood h3{
font-size: 25px;
line-height: 49px;
padding: 0 55px;
height: 49px;
width:250px !important;
}
.blok_oranje h3 a,
.blok_bruin h3 a,
.blok_rood h3 a {
line-height: inherit;
}

#footer2{
 height:auto;
background: url('/images/right_bg.jpg') no-repeat;
  background-size: 100% auto;
border-top: 1px solid #94633b;
box-sizing:border-box;
padding: 20px 0;
}

#footer2-left{
padding-left:0;
text-align:center;
width: 80%;
margin: 0 auto;
}

#footer2-right{
padding: 0;
text-align:center;
margin-top: 20px;
}

#content p img{
max-width:100%;
}

object{
display:none;
}

.contactform td{
display:block;
height:auto;
margin-bottom:10px;
}

.contactform td input,
.contactform td select,
.cms_dropdown,
input[type=text] {
width: 100%;
font-size: 25px;
line-height: 50px;
height: 50px;
}

textarea {
font-size: 25px;
}

input[type=checkbox],
input[type=radio]  {
width: 25px;
height: 25px;
}

table.contactform{
width: 100%;
}


.row-1-left {
width: auto;
}

#content, h1, h2, h3, h4, h5, h6, p, a, em, strong, ul, ol, li, .cms_submit {
font-size: 25px;
line-height: 1.4;
}

li span, p span, p strong {
font-size: 25px !important;
line-height: 1.4 !important;
}


.contactform .cms_submit {
width: auto;
}


.blok-geel,
.blok-rood,
.blok-bruin,
.blok-zwart {
    float: left;
    width: auto;
    height: auto;
    background-size: 100% 100%;
}
.blok-geel h3,
.blok-rood h3,
.blok-bruin h3,
.blok-zwart h3 {
background-repeat-x: initial;
margin: 0;
}
.blok-geel h3 a,
.blok-rood h3 a,
.blok-bruin h3 a,
.blok-zwart h3 a {
width: auto;
height: 49px;
line-height: 49px;
padding: 0 20px;
}
.blok-inhoud {
width: auto;
height: auto;
padding: 20px;
line-height: inherit;
}


table.donatie,
table.donatie tbody,
table.donatie tr,
table.donatie td {
display: block;
width: auto;
}

a {
word-wrap: break-word;
}

#submenu {
margin-bottom: 2em;
}
#submenu li {
line-height: inherit;
height: auto;
}

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.blok_oranje h3,
.blok_bruin h3,
.blok_rood h3 {
font-weight: bold;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
color: inherit;
}

.blok_oranje a:hover,
a:hover .blok_oranje,
.blok_bruin a:hover,
.blok_oranje a:hover h3, .blok_bruin a:hover h3, #right-inhoud a:hover h3 {
    color: #fff !important;
}

#menu2,
#menu2 li.hoofd2 {
height: auto;
}

#menu2 {
padding: 20px 0;
}

#menu2 ul {
padding: 0;
}
#menu2 li.hoofd2 {
float: none;
margin: 0;
line-height: 2em;
padding: 0 0 0 55px;
}
#menu2 li.hoofd2,
#menu2 li.hoofd2 a {
    font-size: 1.2rem;
line-height: 1.8em;
}

#menu2 li.hoofd2:first-child {
font-weight: bold;
}

h2.bruin, 
h2.bruin a {
margin: 1em 0 0;
font-size: 30px;
height: auto;
}



/* Stylesheet: mobile Modified On 2017-09-28 09:43:55 */