@charset "utf-8";
/* CSS Document */
body{
background-color:#ffffff;
overflow:auto;	
    font-family: 'Open Sans';
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 0px;
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.row
{
    margin: 0px;
}

.CenterContainer
{
    max-width: 1080px;
   margin: 0 auto;
}

.Header{
    height: 130px;
}

.Logo{
    margin-left: 57px;
    margin-right: 57px;
    margin-top: 40px;
}
@media (max-width: 768px) {
    .Logo{
    margin-left: 28px;
    margin-right: 28px;
    margin-top: 20px;
}
}
@media (max-width: 424px) {
    .Header{
    height: auto;
}

   .Logo img{
       width: 100%;
       height: auto;
} 
}
 /* NAVIGATION MENU SECTION */

@media (min-width: 768px) {
    
.Navigation{
    display:block;
    text-align:right;
    margin: 56px;
    margin-top: 48px;
}

.Navigation li {
	display: inline;
	font-size:14px;
	list-style-type: none;
	color:#8fb28f;}

.Navigation ul{
	padding:0;
	display: flex;
    justify-content: space-between;
	}
    
.menubutton li{display:none;}
}

@media (max-width: 768px) {

.menubutton
    {
        padding:0px;
    }
    
.Navigation{
    width: 278px;
    display:block;
    text-align:left;
    margin: 16px;
    margin-left: 28px;
    max-width: calc (100%-90px);
}

.Navigation li {
    display:block;
	font-size:14px;
	list-style-type: none;
	color:#8fb28f;
    }

.menulist{
    display:block;
    overflow: hidden;
    padding: 0;
    padding-left: 32px;
	}

.menulist li{
    padding-top: 8px;
	}
    
  .menulist.responsive {
    display:block;
    overflow: hidden;
    padding: 0;
    padding-left: 32px;
  }

.menulist.responsive li{
    padding-top: 8px;
	}
    
.menubutton li{display:block; font-size:17px;}
}

 /* NAVIGATION MENU SECTION */

.Divider{
    background-color: #006225;
    height:3px;
    width: 100%;
}

#slider{
    width:100%;
    height: auto;
    overflow: hidden;
    margin: 0px;
}

.Content{
    text-align: center;
}

.Bulletin{
    padding:62px;
    padding-left: 31px;
    padding-right: 31px;
    text-align: center;
}

@media (max-width: 768px) {
    .Bulletin{
    padding:47px;
    padding-left: 20px;
    padding-right: 20px;
}
}

@media (max-width: 768px) {.Bulletin h2{text-align: center;}.Bulletin h3{text-align: center;}}
@media (max-width: 424px) {.Bulletin h2{text-align: left;}.Bulletin h3{text-align: left;}}


.Footer{
background-color: #8eb391;
min-height:150px;

width: 100%;
padding:0px;
    font-size: 15px;
    color:white;
}

.FooterP{
    font-size: 14px;
    padding: 0px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin: 0px;
    color: #dddddd;
}

@media (max-width: 991px) {
#FooterRight{
    width: 100%;
    text-align: right;
}
}
    
h2{
    color:#222222;
    padding-top: 43px;
    margin: 0px;
font-size: 18px;
    text-align: left;
}

h3{
    color:#666666;
font-size: 14px;
    text-align: left;
    line-height: 24px;
}

a{
    text-decoration: none;
    color: #c3512f;
}

.Navigation a{
    text-decoration: none;
    color: #8fb28f;
}

.Navigation a:hover, .Navigation a:focus {
    font-weight: bold;
}

p{
    margin-bottom: 0px;
}

.Bulletin h2{
    text-align: center;
}

.Bulletin h3{
    text-align: center;
}

.Broodtekst
{
    padding:62px;
    padding-left: 31px;
    padding-right: 31px;
    text-align: left;
    font-family: 'Open Sans';
    font-size: 14px;
    color: #6d6e71;
    line-height: 25px;
    font-weight: bold;
    min-height: 700px;
}

.Broodtekst h2{
    padding:0px;
    font-size: 22px;
    color:#006224;
    font-weight: bold;
}

.Broodtekst ul
{
    padding-left: 16px;
}
@media (max-width: 768px) {
    .Broodtekst
    {
        min-height: 0px;
        padding-bottom: 31px;
        
    }
    

}

    .Broodtekst img
    {
    align: center;
    max-width: 100%;
    max-height: 100%;

    }

.FooterContent
{
    padding:32px;
    padding-left: 31px;
    padding-right: 31px;
}
 /* DROPDOWN MENU SECTION */
@media (min-width: 768px) {
.dropbtn {
    background: none;
    color: white;
    font-size: 14px;
    color: #8fb28f;
    border: none;
    cursor: pointer;
    text-align: left;
    padding:0;
}

.dropbtn:hover, .dropbtn:focus {
    font-weight: bold;
    outline:0;

}
.dropdown {
    position: relative;
    display: block;

}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    overflow: auto;
    z-index: 10;
    width: 150%;
}
.dropdown-content a {
    color: #8fb28f;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}
.dropdown a:hover {font-weight: bold; }

.show {display:block;}
}

@media (max-width: 768px) {
.dropbtn {
    background: none;
    color: white;
    font-size: 14px;
    color: #8fb28f;
    border: none;
    cursor: pointer;
    text-align: left;
    padding:0;
}

.dropbtn:hover, .dropbtn:focus {
    font-weight: bold;
    outline:0;

}
.dropdown {
    position: relative;
    display: block;

}
.dropdown-content {
    display: none;
    background-color: #ffffff;
    overflow: auto;
    width: 150%;
}
.dropdown-content a {
    color: #8fb28f;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}
.dropdown a:hover {font-weight: bold; }

.show {display:block;}
}
 /* DROPDOWN MENU SECTION */




 /* SLIDER SECTION */
.rslides {
  margin: 0 auto 40px;
  }

.rslides_tabs {
  list-style: none;
  padding: 0;
  background: rgba(0,0,0,.25);
  box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  font-size: 19px;
  list-style: none;
  margin: 0 auto 50px;
  max-width: 540px;
  padding: 10px 0;
  text-align: center;
  width: 100%;
  }

.rslides_tabs li {
  display: inline;
  float: none;
  margin-right: 1px;
  }

.rslides_tabs a {
  width: auto;
  line-height: 20px;
  padding: 9px 20px;
  height: auto;
  background: transparent;
  display: inline;
  }

.rslides_tabs li:first-child {
  margin-left: 0;
  }

.rslides_tabs .rslides_here a {
  background: rgba(255,255,255,.1);
  color: #fff;
  font-weight: bold;
  }

.callbacks_container {
  position: relative;
  float: left;
  width:100%;
  margin: 0px;
  overflow: hidden;
  }

.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.callbacks li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }

.callbacks img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.callbacks .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 50px;
    font-size: 3.9vw;
  text-shadow: none;
  color: #ffffff;
  background: none;
  left: 0;
  bottom: 0;
  right:50%;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  height:25%;
  width: 100%;
    text-align: center;
    font-family: 'Open Sans';
    letter-spacing: 2px;
  }

.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.25;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 100px;
  width: 35px;
  background:transparent url("http://jpijnenburg.nl/images/themes.gif") no-repeat left top;
  margin-top: -52px;
  }

@media (max-width: 768px) 
{
.callbacks_nav 
    {
      height: 50px;
      width: 17.5px;
      background:transparent url("http://jpijnenburg.nl/images/themessmall.gif") no-repeat left top;
        margin-top: -26px;
    }
}

.callbacks_nav:active {
  opacity: 0.50;
  }

.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

 /* SLIDER SECTION */




/* CONTACT SECTION */
#form {
width:100%;
padding:0;	
}

input[type=text] {
font-size: 13px;
background-color:#fcfcfc;
width: 100%;
border: 1px solid #e1e1e1;
border-radius: 3px;
height: 43px;
padding:8px;
}
input[type=text]:focus {outline:0;}

#cform1{
    width:48%;
}

#cform2{ 
    width:50%;
    left: 16px;
}
@media (max-width: 768px) 
{
    #cform1{
    width:100%;
}

#cform2{ 
    width:100%;
    left: 0;
}
}

textarea[name="message"] {
background-color:#fcfcfc;
width:100%;
border: 1px solid #e1e1e1;
border-radius: 3px;
min-height: 181px;
max-height: 400px;
min-width: 100%;
max-width: 100%;
padding:8px;
}

textarea[name="message"]:focus {outline:0;}

input[type=submit] {
background-color:#006225;
border:none;
width:100%;
color:#F4F4F4;
max-width: 148px;
height:53px;
    font-weight: normal;
    font-family: 'Open Sans';
    font-size: 14px;
}

input[type=submit]:hover {
background-color:#c3512f;
max-width: 148px;
height:53px;
}

.mailsend{
	display:none;
padding:32px;
font-size:17px;
width:100%;
text-align:center;
color:#525355;
}

label
{
    font-size: 13px;
    font-family: 'Open Sans';
    margin:0;
    margin-top: 16px;
}

.contact
{
    font-weight: normal;
}
@media (max-width: 768px) 
{
    .contact
{
    text-align: right
}
}
/* CONTACT SECTION */


.error{
    color:red;
}


#emailr a:link
,#emailr a:visited
 {
 color: #6d6e71;
 text-decoration: none;
}
#emailr a:active,#emailr a:hover {
color: #6d6e71;
text-decoration: underline;
}

.FooterP a:link
,.FooterP a:visited
 {
 color: #dddddd;
 text-decoration: none;
}
.FooterP a:active,.FooterP a:hover {
color: #dddddd;
text-decoration: underline;
}