/*====================================== reset.css is here ========================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0; }
address,caption,cite,code,dfn,th,var {font-style:normal; font-weight:normal;}
ol,ul { list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:bold;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
.clear{clear:both; font-size:0px;line-height:0px;}
/**************************************************************************************/
a											{color:#000; text-decoration:none; outline:0 none;}
a:hover										{color:#000;  text-decoration:none;}
h1											{font-size:24px;}
h2											{font-size:22px;}
h3											{font-size:18px;}
h4											{font-size:16px;}
h5											{font-size:14px;}
h6											{font-size:12px;}
/*----------------------------------------------------------------------------------*/

.clear{clear:both; font-size:0px;line-height:0px; display:block;}


/* ----------------------- layout ----------*/


body { background:#fff;font-family: 'Bitter', serif;}
#wrapper{margin:0 auto; width:100%;}

header{ position:absolute; left:0; top:0; width:100%; z-index:100;}
.logo{     width: 259px;
    padding: 0;
   margin: 0 auto;
    margin-top: 10%;}
.logo a{ display:block;}
.logo a img{ display:block; width:100%; height:auto;}

/* logo-content */
.logo-content{  width: 200px;
    padding: 0;
   margin: 0 auto;
    margin-top: 98px;}
.logo-content a{ display:block;}
.logo-content a img{ display:block; width:100%; height:auto; }

.container-black {width:100%;background-color:rgba(0, 0, 0, 0.7); float:left; padding: 10px 0; position: fixed;}
.container-inner {width:100%; max-width:1200px; margin:0 auto;}

.search {
        float: right; margin-top: 10px; height:40px;     margin-right: 2%; }
.search input[type="text"] {
          padding: 0 12px;
          float: left;
          width: 141px;
          height: 31px;
               font-size: 16px;
          line-height: 31px;
          font-weight: normal;
          color: #fff;
          border: 0;
          background-color: #333;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
        .search input[type="submit"] {
          float: left;
          width: 36px;
          height: 31px;
          cursor: pointer;
          border: 0;
          border-left: 2px solid #fff;
          background: #333 url("../images/search_icon.png") center center no-repeat;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;

}
          .search input[type="submit"]:hover {
            opacity: 0.7; }

header nav{ padding:10px 0 0 10px; max-width:70%;  float:left;  }
header nav ul li { float: left; padding: 5px 20px 5px 20px; margin:0 0 10px; position:relative;}
header nav ul li a{ font-size:18px;font-weight:lighter;  line-height:20px; color:#fff;  }
header nav ul li:hover, header nav ul li.mx_current{ no-repeat left center; }
header nav > ul > li:hover > a, header nav > ul > li.mx_current > a{ color:#837f1b;}

header nav ul li ul{ position:absolute;  background-color:rgba(0, 0, 0, 0.7); padding:0px 0 0 5px; margin-top:25px !important; width:170px; display:none; height: auto !important; }
header nav ul li ul li{ padding: 5px 0 0;
    width: 100%;
    float: left;

}
header nav ul li ul li:hover{ background:none;  }
header nav ul li ul li:hover a, header nav ul li ul li.mx_current a { color:#837f1b; }


.menubutton{ display:none;}

/* flexslider */
.flexslider{ position:relative; width:100%; margin:0 auto; z-index:99; padding:0px 0 0;}
.flexslider > ul{ float:left; padding:0; margin:0; list-style:none; width:100%;}
.flexslider > ul > li{ float:left; position:relative; line-height:0; width:100%;}
.flexslider ul li > img{ width:100%; display:block; margin:0 auto; height:auto; margin-top: -208px;}
.flexslider ul li a > img{ width:100%; height:auto; display:block; margin:0 auto;}

.flexslider .flex-direction-nav {position: absolute; top: auto; bottom:8%; width: 100%; left:0%; height:58px;z-index:999;}
.flexslider .flex-direction-nav li {float:none;}
.flexslider .flex-direction-nav a {display: block; text-indent: -9999px; width: 58px; height:58px; position: absolute; z-index:99; font-size:0; top:0px;}
.flexslider .flex-direction-nav a.flex-prev {background: url(../images/left-nav.png) scroll no-repeat; left: 20%; font-size:0;}
.flexslider .flex-direction-nav a.flex-next {background: url(../images/right-nav.png) scroll no-repeat; right: 20%; font-size:0;}

.flexslider .flex-control-nav {text-align: center; margin:0; position:absolute; z-index:99; width:100%; height:16px; bottom:30px; right:0px; display:inline-block; line-height:16px;}
.flexslider .flex-control-nav li {display: inline-block; list-style: none; margin: 0 10px 0 0px; text-align: center; line-height:16px;}
.flexslider .flex-control-nav li:last-child{ margin-right:0px;}
.flexslider .flex-control-nav li a {width: 16px; height: 16px; display: block; z-index: 100000; text-indent:0px; background:url(../images/inactive-li.png) no-repeat center center; font-size:0;}
a.flex-active{ background:url(../images/active-li.png) no-repeat center center !important;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position:relative; overflow:hidden; padding:0;} 
.flex-control-nav.flex-control-paging span{ padding:8px 0 0; display:inline-block;}
/* flexslider ends*/

/* statische banner */
.banner { max-width:100% ; height:auto; }
.banner-inside { max-width:100%; height:auto; } 
.banner-inside .mx_buttons {margin-top:40px;}
.banner img {max-width:100%; width:100%; height:auto; display: block;
    overflow: hidden;    }




/* content template */
.content{padding: 3% 3% 0}
.content-breed-koptekst { width:100%;max-width:1200px; height:auto; margin:0 0 40px; display:block;


}
.content-breed-wrapper ol, .content-breed-wrapper ul { padding:15px; list-style:disc;}
.content-left { float:left; width:51%; padding:2%; color:#373839;}
.content-breed { font-size:16px; line-height:24px;float:left; width:96%; padding:2%; color:#373839; -moz-column-count:2;
        -moz-column-rule:solid 0px #ccc;
        -moz-column-gap:25px;
        -webkit-column-count:2;
        -webkit-column-rule:solid 0px #ccc;
        -webkit-column-gap:25px;
        column-count:2;
        column-rule:solid 0px #ccc;
        column-gap:25px;
		float:left;}
.content-breed img { max-width:100% !important; height:auto !important; padding: 0 4% 0 0;}
.content-breed-wrapper p, .content-breed p {  font-size: 16px;
    line-height: 24px;
    color: #000;
    font-weight: 400;
    margin: 0 0 18px;}
.content-breed h1 {  
     
      font-size: 40px;
    line-height: normal;
    color: #837f1b;
    font-weight: 700;
    margin: 0 0 15px;
	    column-span: all;
}
.content-breed a { color:#837f1b; text-decoration:none;}
.content-breed a:hover  { color:#333;}


.content-breed .mx_buttons {
    padding-bottom:40px;
}

.content-breed-zk .mx_buttons {
    padding-bottom:40px;
}
content-breed-zk img {width:100% !important; max-width:100% !important; height:auto;}


.content-breed-zk {font-size:16px; line-height:24px;float:left; width:96%; padding:2%; color:#373839;}
.content-breed-zk a { color:#837f1b; text-decoration:none;}
.content-breed-zk a:hover  { color:#333;}

.content-breed-zk h1 {  
      font-size: 40px;
    line-height: normal;
    color: #837f1b;
    font-weight: 700;
    margin: 0 0 15px;
	    column-span: all;
}
.content-right {float:left; width:41%; padding:2%; background-color:#eeeeee;}
.content-breed-koptekst { float:left; width:96%; display:block;}
.content-breed-koptekst h1 { margin-top:20px; padding-left:2%; text-transform:uppercase;}


.captionwrap{ width:100%; left:0; top:0; position:absolute; height:100%;}
.caption{ width:700px; text-align:center; height:100%; margin:0 auto; position:relative;}
.caption h1{ font-size:40px; line-height:normal; color:#fff; font-weight:300; position:absolute; left:0; bottom:60px; width:100%;}

.section1 ul{ float:left; margin:0; padding:0; list-style:none; width:100%;}
.section1 ul li{ float:left; position:relative; width:25%; line-height:0;}
.section1 ul li img{ display:block; width:100%; height:auto;}
.section1 ul li h2{ position:absolute; left:0; width:100%; bottom: 0px; text-align:center; font-weight:normal;}
.section1 ul li h2 a.btn{    display: block;
    padding: 0 2%;
    line-height: 48px;
    font-size: 27px;
    color: #fff;
    background: #837f1b;
    font-style: italic;
    font-weight: 400;
    width: 96%;
    margin: 0 auto;}
.section1 ul li:first-child a{ position:absolute; height:50%; width:100%; text-align:center; font-size:27px; font-weight:400; display:block;}
a.knippen{ background:#fff; color:#4b4b4b; top:0; left:0; line-height:100%;}
a.trimmen{ background:#837f1b; color:#fff; left:0; bottom:0; line-height:100%;}
.section1 ul li:first-child a span{ display:block; position:absolute; top:50%; margin:-15px 0 0 0; text-align:center; width:100%;}


.section2{ padding:0px 0;}
.section2 .container{  margin:0 auto;}
.afbeeldinghome {float:left;width:30%;background-image: url(../images/het.jpg); background-size:cover; background-position: center center; 	height:400px;  background-color: #848680;   position: relative;

}
.section2 .afbeeldinghome img{ display:block; float:left; width:100%; height:auto;}
.hetinfo{ width: 44%;
    float: left;
    padding: 2% 5%;}
.hetinfo h1{ font-size:40px; line-height:normal; color:#837f1b; font-weight:700; margin:0 0 15px;}
.hetinfo h3{ font-size:20px; line-height:normal; color:#000; font-weight:400; margin:0 0 15px;}
.hetinfo p{ font-size:16px; line-height:24px; color:#000; font-weight:400; margin:0 0 18px;}
.hetinfo a { display:block; width:195px; height:50px; line-height:50px; font-size:16px; color:#837f1b; font-weight:400; border:solid 1px #837f1b; text-transform:uppercase; border-radius:4px; text-align:left; background:url(../images/arrowkey.png) no-repeat 140px center; text-indent:22px;}

.whoweare{ background:#000000; padding:40px 0 80px;}
.whoweare-foto{ background:#000000; padding:40px 0 80px;}
.whoweare .container{ width:1400px; margin:0 auto; text-align:center;}
.whoweare-foto .container{ max-width:1200px; margin:0 auto; text-align:center;}
.whoweare h1{ font-size:40px; line-height:normal; color:#fff; font-weight:400; margin:0 0 20px;}
.whoweare ul{ display:inline-block; width:auto; margin:0; padding:0; list-style:none;}
.whoweare ul li{ float:left; width:220px; text-align:left; margin:0 50px 0 0;}
.whoweare ul li:last-child{ margin-right:0;}
.whoweare ul li a{ display:block; margin:0 0 25px;}
.whoweare ul li h3{ font-size:20px; line-height:normal; color:#fff; font-weight:400; margin:0 0 15px;}
.whoweare ul li p{ font-size:14px; line-height:24px; color:#fff; font-weight:400;}

.newsletter{ padding:40px 0 100px; background:url(../images/news-bg.jpg) no-repeat center top; background-size:cover;}
.newsletter .container{ width:665px; margin:0 auto;}
.newsletter h1{ text-align:center; font-size:40px; line-height:normal; color:#fff; font-weight:400; margin:0 0 55px;}
.newsletter input[type="email"]{ display:block; float:left; -webkit-appearance:none; padding:0; margin:0; box-shadow:none; border:none; outline:none; border-radius:2px; width:390px; height:50px; background:url(../images/trans-white.png) repeat; text-indent:30px; font-size:20px; line-height:50px; color:#fff; font-weight:400;}
.mx_newsletter_input input {
	display:block; float:left; -webkit-appearance:none; padding:0; margin:0; box-shadow:none; border:none; outline:none; border-radius:2px; width:390px; height:50px; background:url(../images/trans-white.png) repeat; text-indent:30px; font-size:20px; line-height:50px;  font-weight:400; background-color:#ffffff;
}

.newsletter input[type="submit"]{ display:block; float:right; width:240px; height:50px; background: url(../images/arrowkey.png) no-repeat 165px center #fff; -webkit-appearance:none; outline:none; border:none; padding:0; margin:0; border-radius:2px; font-size:20px; color:#837f1b; font-weight:400; text-align:left; text-indent:45px; cursor:pointer;}

footer{ background:#000; padding:20px 0; text-align:center;}
footer .container{ width:230px; margin:0 auto;}
footer .logo2{ display:inline-block; margin:0 0 15px;}
footer h3{ font-size:20px; line-height:28px; color:#fff; font-weight:400; margin:0 0 22px;}
footer ul{ display:inline-block; width:auto; margin:0; padding:0 0 40px; list-style:none;}
footer ul li{ float:left; margin:0 25px 0 0;}
footer ul li:last-child{ margin:0;}
footer p{ margin:0; font-size:16px; line-height:28px; color:#666; font-weight:400;}


.transbg {
    background:url(../images/wrap-bg.png) repeat;
    display: none;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 9999;
}

.menulogo{ background: #000000 none repeat scroll 0 0;
    height: 100px;
    padding-top: 20px;
    text-align: center;}
.socialinks{ background:#837f1b; text-align:center;}
.socialinks ul{margin:0; padding:0; list-style:none; display:inline-block; width:auto;}
.socialinks ul li{ float:left; border-bottom:none; padding:15px 0; margin:0 30px 0 0; line-height:0;}
.socialinks ul li:last-child{ margin:0;}
.socialinks ul li:hover{ background:none;}
.socialinks ul li a{ display:block; border-bottom:none; line-height:0;}
.socialinks ul li a:hover{ background:none;}

.socialinks-top{float:right; margin-right: 25px; }
.socialinks-top img {width:25px; height:25px;}
.socialinks-top ul{margin:0; padding:0; list-style:none; display:inline-block; width:auto;}
.socialinks-top ul li{ float:left; border-bottom:none; padding:15px 0; margin:0 30px 0 0; line-height:0;}
.socialinks-top ul li:last-child{ margin:0;}
.socialinks-top ul li:hover{ background:none;}
.socialinks-top ul li a{ display:block; border-bottom:none; line-height:0;}
.socialinks-top ul li a:hover{ background:none;}





/*--------for iphone or mobile or ipad ---------*/
a[href^=tel] {
color:#fff;
text-decoration:none;
}

body {
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}

.mobutton{ display:none;}