/******************************* basic layout ******************************/

* {
   margin:0;
   padding:0;
}

body {
   text-align: left;
   font-family: 'AllerRegular', Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 75.01%;
   line-height: 160%;
   background: #fff;
}


div {
   font-size: 1em;
   position:relative;
}


img {
   border: 0;
}

/* HEADINGS */
h1{
   color: #000;
   font-size: 3.8em;
   line-height: 1em;
   margin: 0 0 0.3em 0;
   font-weight: normal;
}
h2{
   color: #ff8700; 
   font-size: 1.4em;
   line-height: 160%;
   margin: 0 0 0.25em 0;
   font-weight: normal;
}
h3{
   color: #ff8700; 
   font-size: 1.3em;
   line-height: 160%;
   margin: 0 0 0.25em 0;
}
h4{
   color: #294B5F; 
   font-size: 1em;
   line-height: 1.1em;
   margin: 0 0 0.25em 0;
   font-weight: normal;
}

/* default link styles */

a:link, 
a:active,
a:focus  {
   text-decoration: none;
   outline: none;
}

a {
   text-decoration: none;
   color: #ff8700; 
   outline: none;
}

a:hover {
   text-decoration: underline;
}

p {
   font-family: 'Open Sans', sans-serif;
   margin: 0 0 1.5em 0; 
   padding: 0;
   color: #686868;
   font-size: 1.2em;
   line-height: 170%;
   font-weight: 300;
}

strong, b {
   font-weight: bold;
}
em, i {
   font-style:italic;
}
.left {
   float:left;	
}
.right{
   float:right;
}
.clear {
   clear:both;	
}

.show-mobile {
   display: none;
}

/******************************* BUTTONS ******************************/
.readmorebtn {
   font-family: 'Open Sans', sans-serif;
   background: #ff8700;
   padding: 15px 25px;
   color: #fff;
   font-size: 1.4em;
   font-weight: normal;
   margin: 0.3em 0 0 0;
   display: inline-block; 
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   behavior: url(/pie/PIE.htc);
}
.readmorebtn:hover {
   text-decoration: none;
   color: #fff;
}

a.readmorebtn_small {
   border: 1px solid #aeaeae;
   font-family: 'Open Sans', sans-serif;
   padding: 22px 10px;
   color: #aeaeae;
   font-size: 4em;
   font-weight: 300;
   margin: 0.3em 0 0 0;
   display: block;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   behavior: url(/pie/PIE.htc);
   line-height: 0;
}

a.readmorebtn_small:hover {
   text-decoration: none;
   background: #aeaeae;
   color: #fff;
}

/******************************* CUSTOM CONTAINERS ******************************/

#visual.container {
   padding: 0;
}

#branchemenu.container {
   margin: 3% 0;
   border-bottom: 1px solid #aeaeae;
   padding-bottom: 3%;
}

#content.container {
   margin: 10% 0 0 0;
   border-bottom: 1px solid #aeaeae;
   padding-bottom: 10%;
}

#nieuwsblok.container {
   margin: 2% 0 2% 0;
}

#referentiesblok.container {
    background: url(/images/bg_referenties.jpg) no-repeat center center;
    padding: 4% 0 0 0;
    background-size: cover;
}

#vervolgcontentblok.container {
   background: #dedede;
   padding: 2% 0;
}

#vervolgcontentblok.container .tencol {
   text-align: center;
}

#vervolgcontentblok.container .tencol p {
   font-size: 1.8em;
}

#vervolgcontentblok.container ul li {
   list-style-type: none;
}

#vervolgcontentblok.container ul li a span {
   font-family: 'Open Sans', sans-serif;
   margin: 0 0 0 1.5em;
   padding: 0;
   color: #686868;
   font-size: 1.2em;
   line-height: 170%;
   font-weight: 300;
}
#ctabar.container {
   background: #ff8700;
   padding: 2% 0;
}


.ctabarbtn img {
   width: 42px;
   float: left;
   height: 44px;
   position: absolute;
   left: 10px;
   top: 10px;
   margin-right: 10px;
}
.ctabarbtn {
   border: 1px solid #fff;
   display: block;
   color: #fff;
   font-size: 1.6em;
   text-align: center;
   padding: 20px 0 20px 30px;
}

.ctabarbtn:hover {
   text-decoration: none;
   color: #fff;
   background: #ff9e31;
}

.container.productctnr {
   padding: 10% 0 10% 0;
   border-top: 1px solid #aeaeae;
}
.container.productctnr.homeproductctnr {
    border-top: none;
    border-bottom: 1px solid #aeaeae;
}

.container.productctnr .fivecol.imagefield {
   text-align: center;
}

.container.productctnr h3 {
   color: #000;
   font-size: 3.8em;
   margin: 0 0 0.3em 0;
   font-weight: normal;
}

.container.productctnr ul li{
  font-family: 'Open Sans', sans-serif;
  margin-left: 2em;
  color: #686868;
  font-size: 1.2em;
  line-height: 170%;
  font-weight: 300;
}

.stdvervolg ul li {
   color: #ff8700;
   list-style-type: none;
   list-style-image: url(/images/li-arrow.png);
   font-size: 2.2em;
   margin: 0 0 3% 10%;
   line-height: 120%;
}
.stdvervolg ul li a {
   color: #ff8700;
   text-decoration: none;
}

.stdvervolg ul {
   
}

.google-maps {
   position: relative;
   padding-bottom: 75%; // This is the aspect ratio
   height: 0;
   overflow: hidden;
}

.google-maps iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100% !important;
   height: 100% !important;
}

.fivecol.even {
   float: right;
}

.container.broodkruimels {
   padding: 1% 0;
}

.stdvervolg.paddingtop {
   padding-top: 5%;
}
/******************************* BRANCHE MENU ******************************/

.brancheitem {
   text-align: center;
   overflow: hidden;
}

.brancheitem a.specialbg {
   display: block;
   padding: 37% 0;
   text-transform: uppercase;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   behavior: url(/pie/PIE.htc);
   font-size: 1.2em;
}
.twocol.brancheitem a.specialbg:hover {
   text-decoration: none;
}

.twocol.brancheitem {
   margin-right: 3.6%;
}
.twocol.brancheitem.last {
   margin-right: 0;
}

.twocol.brancheitem.supermarkten {

}
.twocol.brancheitem.fashion {

}
.twocol.brancheitem.doe-het-zelf {

}
.twocol.brancheitem.elektronica {

}
.twocol.brancheitem.health-beauty {

}
.twocol.brancheitem.specialistisch{

}

a.branchetitel {
   font-size: 1.4em;
   padding: 0.5em 0 0 0;
   display: block;
}

a.branchetitel:hover {
   text-decoration: none;
}

.twocol.brancheitem.supermarkten a.branchetitel {
   color: #4aa247;
}
.twocol.brancheitem.fashion a.branchetitel {
   color: #a3248d;
}
.twocol.brancheitem.doe-het-zelf a.branchetitel {
   color: #e9266f;
}
.twocol.brancheitem.elektronica a.branchetitel {
   color: #c6892f;
}
.twocol.brancheitem.health-beauty a.branchetitel {
   color: #1191c9;
}
.twocol.brancheitem.specialistisch a.branchetitel {
   color: #f68c1f;
}





.twocol.brancheitem.supermarkten a.specialbg {
   border: 1px solid #4aa247;
   color: #4aa247;
   background-color: #4aa247;
   background: url(/images/iconimage-supermarkt.png) no-repeat #4aa247;
   background-position: 0 100%;
   background-size: 100%;
   transition: all 0.2s;
   -webkit-transition: all 0.2s; /* Safari */
}
.twocol.brancheitem.fashion a.specialbg {
   border: 1px solid #a3248d;
   color: #a3248d;
   background-color: #a3248d;
   background: url(/images/iconimage-fashion.png) no-repeat #a3248d;
   background-position: 0 100%;
   background-size: 100%;
   transition: all 0.2s;
   -webkit-transition: all 0.2s; /* Safari */
}
.twocol.brancheitem.doe-het-zelf a.specialbg {
   border: 1px solid #e9266f;
   color: #e9266f;
   background-color: #e9266f;
   background: url(/images/iconimage-doe-het-zelf.png) no-repeat #e9266f;
   background-position: 0 100%;
   background-size: 100%;
   transition: all 0.2s;
   -webkit-transition: all 0.2s; /* Safari */
}
.twocol.brancheitem.elektronica a.specialbg {
   border: 1px solid #c6892f;
   color: #c6892f;
   background-color: #c6892f;
   background: url(/images/iconimage-elektronica.png) no-repeat #c6892f;
   background-position: 0 100%;
   background-size: 100%;
   transition: all 0.2s;
   -webkit-transition: all 0.2s; /* Safari */
}
.twocol.brancheitem.health-beauty a.specialbg {
   border: 1px solid #1191c9;
   color: #1191c9;
   background-color: #ffffff;
   background: url(/images/iconimage-health-beauty.png) no-repeat #1191c9;
   background-position: 0 100%;
   background-size: 100%;
   transition: all 0.2s;
   -webkit-transition: all 0.2s; /* Safari */
}
.twocol.brancheitem.specialistisch a.specialbg {
   border: 1px solid #f68c1f;
   color: #f68c1f;
   background-color: #ffffff;
   background: url(/images/iconimage-specialisme.png) no-repeat #f68c1f;
   background-position: 0 100%;
   background-size: 100%;
   transition: all 0.2s;
   -webkit-transition: all 0.2s; /* Safari */
}

.twocol.brancheitem.supermarkten a.specialbg:hover {
   background: url(/images/iconimage-supermarkt.png) no-repeat #4aa247;
   background-position: 0 0;
   background-color: #4aa247;
   background-size: 100%;
   color: #fff;
   transition: all 0.2s;
   -webkit-transition: all 0.2s; /* Safari */
}
.twocol.brancheitem.fashion a.specialbg:hover {
   background: url(/images/iconimage-fashion.png) no-repeat #a3248d;
   background-position: 0 0;
   background-color:  #a3248d;
   background-size: 100%;
   color: #fff;
   transition: all 0.2s;
   -webkit-transition: all 0.2s; /* Safari */
}
.twocol.brancheitem.doe-het-zelf a.specialbg:hover {
   background: url(/images/iconimage-doe-het-zelf.png) no-repeat #e9266f;
   background-position: 0 0;
   background-color:  #e9266f;
   background-size: 100%;
   color: #fff;
   transition: all 0.2s;
   -webkit-transition: all 0.2s; /* Safari */
}
.twocol.brancheitem.elektronica a.specialbg:hover {
   background: url(/images/iconimage-elektronica.png) no-repeat #c6892f;
   background-position: 0 0;
   background-color:  #c6892f;
   background-size: 100%;
   color: #fff;
   transition: all 0.2s;
   -webkit-transition: all 0.2s; /* Safari */
}
.twocol.brancheitem.health-beauty a.specialbg:hover {
   background: url(/images/iconimage-health-beauty.png) no-repeat #1191c9;
   background-position: 0 0;
   background-color:  #1191c9;
   background-size: 100%;
   color: #fff;
   transition: all 0.2s;
   -webkit-transition: all 0.2s; /* Safari */
}
.twocol.brancheitem.specialistisch a.specialbg:hover {
   background: url(/images/iconimage-health-beauty.png) no-repeat #f68c1f;
   background-position: 0 0;
   background-color:  #f68c1f;
   background-size: 100%;
   color: #fff;
   transition: all 0.2s;
   -webkit-transition: all 0.2s; /* Safari */
}

/******************************* HEADER ******************************/

div#header {
}

div.breadcrumbs {
   padding: 1em 0 1.2em 0;
   font-size: 90%;
   margin: 0 1em;
   border-bottom: 1px dotted #000;
}

div.breadcrumbs span.lastitem { 
   font-weight:bold; 
} 

#header .eightcol {
   position: initial;
}

.vervolgcaptionbox {
   background: none; 
   position: absolute;
   left: 0; 
   top: 45%;
   width: 100%; 
   height: auto; 
   z-index: 999;
}

.vervolgcaption {
   background: url(/images/bg-transp-black.png);
   width: 45%;
}

.flexslider .vervolgcaption p {
   font-size: 2.7em;
   font-weight: normal;
   line-height: 110%;
}


/******************************* CONTENT ******************************/
div#content {

}

.video-container {
   position: relative;
   padding-bottom: 56.25%;
   padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.container.broodkruimels .row .tencol a {
   background: #aeaeae;
   padding: 2px 10px;
   color: #ffffff;
   font-family: 'Open Sans', sans-serif;
   display: inline-block;
}

.container.broodkruimels .row .tencol a:hover {
   background: #686868;
   text-decoration: none;
}

.container.broodkruimels .row .tencol .lastitem {
   background: #ff8700;
   color: #ffffff;
   padding: 2px 10px;
   display: inline-block;
   font-family: 'Open Sans', sans-serif;
}
.container.broodkruimels .row .tencol {
   color: #aeaeae;
}
.container.broodkruimels .row .tencol p {
   margin: 0 0.5em 0 0;
   float: left;
}

/******************************* NEWS HOMEPAGE ******************************/

.row .fourcol.nieuwsitem {
   margin-right: 1.2%;
   margin-left: 1.2%;
   position: initial;
}

.row.nieuwsbloktitel {
   text-align: center;
   margin: 0 auto 0.8em auto;
}
.row.nieuwsbloktitel h3 {
   color: #000;
   font-size: 3.8em;
   line-height: 1em;
   margin: 0 0 0.3em 0;
   font-weight: normal;
}

.row.nieuwsbloktitel.ref h3 {
   color: #fff;
}

.row.nieuwsblokleesmeer {
   text-align: center;
   padding: 2% 0 0 0;
}

.NewsSummaryField {
   margin: 0 0 3% 0;
}

.NewsSummaryLink {
   margin: 0 0 20% 0;
}

.NewsSummaryLink a {
   color: #ff8700;
   font-family: 'Open Sans', sans-serif;
   font-size: 1.5em;
   line-height: 130%;
}

.NewsSummaryMorelink {
   position: absolute;
   bottom: 0;
}

/******************************* NIEUWS DETAIL ******************************/

.row.nieuwsdetailtop {
   margin-bottom: 30px;
}

.nieuwsitem.nieuwsoverzicht {
   float: left;
   width: 31%;
   margin: 0 1% 2% 1%;
   height: 300px;
}

.row.pagecounter {
   text-align: center;
}

.row.pagecounter p {
   font-size: 1.8em;
}
.row.pagecounter a {
   color: #ff8700;
   font-weight: bold;
}

#NewsPostDetailSummary p {
   font-weight: bold;
}

/******************************* QUOTE SLIDER ******************************/
.row.quoteslider {
   padding: 1% 0 0 0;
}

#quotenav.row {
   text-align: center;
   padding: 0 0 4% 0;
}

.flexslider p {
   color: #fff;
   font-size: 1.5em;
   margin: 0 0 1.5em 0;
   padding: 10px;
}
.flexslider .quotenaam {
   color: #fff;
   font-size: 1.5em;
   font-weight: normal;
   padding: 10px;
}
/******************************* FOOTER ******************************/

div#footer {
   clear: both;       
   color: #686868;
   background-color: #fff; 
}

div#footer p {
   font-size: 1em;
   margin: 0;
}

div#footer a {
   color: #686868;
   font-size: 1.2em;
}

div#footer li {
   list-style-type: none;
   list-style-image: url(/images/footer-li.png);
   margin: 0 0 0.5em 15px;
}

a.footeremail {
   text-decoration: underline;
}

div#footer h4 {
   color: #686868;
   font-size: 1.5em;
   font-weight: normal;
   margin: 0 0 1em 0;
}
div#footer .row {
   padding: 4% 0 2% 0;
}

#poweredby .row {
   text-align: center;
}

#poweredby .row p {
   font-size: 1em;
   font-weight: normal;
}
#poweredby .row a {
   color: #686868;
}




/******************************* TWITTER ******************************/

.e-entry-content {
   color: #686868;
}

/******************************* LISTS ******************************/

div#content ul,
div#content ol {
   font-size: 1.0em;
   line-height: 1.4em;
   margin: 0 0 1.5em 0;
}

div#content ul li,
div#content ol li {
   margin: 0 0 0.25em 3em;
}


/******************** FORM STYLING *********************/
.formbuilderform td {
  font-family: 'Open Sans', sans-serif;
  margin: 0 0 1.5em 0;
  color: #686868;
  font-size: 1.2em;
  line-height: 170%;
  font-weight: 300;	
}
textarea, input[type=text], input[type=password], select[class="cms_dropdown"], input[type=email] {
  font-family: 'Open Sans', sans-serif;
   margin:0 0 5px 0;
   width:150px;
   border: 1px solid #686868;
   background: #fff;
   padding:3px;
  color: #686868;
  min-width: 210px;
}

input[type="submit"] {
  font-family: 'Open Sans', sans-serif;
}
option{
   width:290px;
}

/******************************** MOBILE *************************************/

#topheader {
   position: fixed;
   top: 0;
   height: auto;
   overflow: hidden;
   z-index: 999;
   width: 100%;
   background: #fff;
   border-bottom: 1px solid #aeaeae;
}

#menubar img {

}

#menubar {
   background: #fff;
   height: auto;   
}

.logo img {
   height: 60px;
}

.menu img {
   width: 60px;
   height: 60px;
}

.logo {
   float: left;
}

.menu {
   position: absolute;
   right: 10px;
}

#menubox {
   height: auto;
   background: #686868;
}
#menubox li {
   padding: 0 5px;
   border-top: 1px solid #aeaeae;
   height: 40px;
}

#menubox li.menuactive {
   background: #575757;
}

#menubox ul {
   height: 100%;
}

#menubox a {
   display: block;
   height: 30px;
   padding: 10px 5px 0 15px;
   color: #fff;
   font-size: 1.1em;
}

#menubox a:hover {
   text-decoration: none;
}

#map_canvas {
    width: 100%;
    height: 337px;
    background: #f68e1e;
}

.formerror {
  background: #FFD1D1;
  width: 90%;
  font-weight: 700;
  font-size: 0.7em;
  text-align: center;
  color: #c64949;
  text-transform: uppercase; 
  padding: 2px 9px;
  margin: -14px 0 7px 0;
  border: 2px solid #c64949;
}



/* Stylesheet: nedap - style Modified On 2017-09-12 16:17:37 */
/********************
MENU
*********************/

/* hack for Internet Explorer */
* html div#menu_horiz {
   /* hide ie/mac \*/
   height: 1%;
   /* end hide */
}

/* 
background-color for the entire menu row, 
covering 100% of the width and text center-aligned 
*/
div#menu_horiz {

margin: 0;
float: right;
z-index: 999;
margin-top: 4%;
}

/* 
the menu ul box has top and left border, 
right border is provided by the li elements 
*/
div#menu_horiz ul {
   margin: 0;
   padding: 0;
}


/* menu list items */
div#menu_horiz li {
   float: left; /* makes the list horizontal */
   list-style: none; /* hides the list bullet */ 
   margin: 0 ;
}


/* the links, that is each list item */
div#menu_horiz a {
   padding: .6em 1em .6em 1em;
   margin: 0;
   text-decoration: none;
   color: #686868;
   display: block;
   font-size: 1.6em;
}

div#menu_horiz a.menuactive {
   color: #ff8700;
}

/* hover state for links */
div#menu_horiz li a:hover {
   color: #ff8700;
}
div#menu_horiz a.activeparent:hover {
   background-color: #C3D4DF;
   color: #18507C;
}

/* active parent, that is the first-level parent of a child page that is the current page */
div#menu_horiz li.activeparent a {
   background: #385C72 url(images/cms/arrow-down.gif) no-repeat 0.4em center; 
   color: #fff;
}

div#menu_horiz h3 {
   padding: .6em 1em .6em 1.4em; /* padding inside the list item box */
   margin: 0; /* margin outside each list item box */
   text-decoration: none; /* no underline for links */
   color: #fff;
   background: #385C72 url(images/cms/arrow-right-active.gif) no-repeat 0.4em center; ;
   display: block; /* IE has problems with this, fixed above */
   font-size: 1em;                           /* instead of the normal font size for <h3> */
}

/* Stylesheet: nedap - nav_horiz Modified On 2014-08-04 13:25:34 */
/* CSS Resets */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{

}

article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{
   display:block;
}

a img{
  border:0;
}

figure{
   position:relative;
}

figure img{
   width:100%;
}


.container {
   padding: 0 20px;
}

.row {
   width: 100%;
   max-width: 1140px;
   min-width: 920px;
   margin: 0 auto;
   overflow: hidden;
}

.inner {
   max-width: 100%;
   min-width: auto;
}

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
   margin-right: 3.8%;
   float: left;
   min-height: 1px;
}

.row .onecol {
   width: 4.85%;
}

.row .twocol {
   width: 13.45%;
}

.row .threecol {
   width: 22.05%;
}

.row .fourcol {
   width: 30.75%;
}

.row .fivecol {
   width: 39.45%;
}

.row .sixcol {
   width: 48%;
}

.row .sevencol {
   width: 56.75%;
}

.row .eightcol {
   width: 65.4%;
}

.row .ninecol {
   width: 74.05%;
}

.row .tencol {
   width: 82.7%;
}

.row .elevencol {
   width: 91.35%;
}

.row .twelvecol {
   width: 100%;
   float: left;
}

.last {
   margin-right: 0px;
}

img, object, embed {
   max-width: 100%;
}

img {
   height: auto;
}



/********************************* Smaller screens ****************************/
/* Voor mediaqueries gebruik IE css3-mediaqueries.js vereist! */

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

body {
   font-size: 0.8em;
   line-height: 1.5em;
}

h1 {
   font-size: 2.8em;
}

.row.nieuwsbloktitel h3 {
   font-size: 2.8em;
}

p {
   font-size: 1em;
}

.brancheitem a {
   font-size:1em;
}

.NewsSummaryLink a {
   font-size: 1.3em;
}

div#menu_horiz a {
   font-size: 1.3em;
}

div#footer h4 {
font-size: 1.3em;
}

div#footer a {
font-size: 1em;
}

div#footer p {
font-size: 0.9em;
}

.captionbox h3 {
   font-size: 2.9em !important;
}

.readmorebtn {
font-size: 1.3em!important;
}	
}

@media handheld, only screen and (max-width: 768px) {
   .row {
      min-width: 100% !important;
   }

   .captionbox h3 {
      font-size: 2.9em;
   }

   div#menu_horiz a {
      padding: .6em .5em .5em 1em;
    }

   .container.productctnr h3 {
      font-size: 1.6em;
   }

   div#footer li {
      list-style-image: none;
      margin: 0 0 0.5em 0px; 
      font-size: 0.9em;
   }
  
   div#footer p {
      font-size: 0.7em !important;
   }

   h1 {
      font-size: 2.3em;
   }

 
   .container.productctnr ul li {
      font-size: 1em !important;
}



}
/* Mobile */

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

body {
   font-size: 16px;
   -webkit-text-size-adjust: none;
}

.container.productctnr h3,
h1 {
   font-size: 1.8em;
}

#vervolgcontentblok.container .tencol p {
font-size: 1.2em;
}

.row.nieuwsbloktitel h3 {
   font-size: 1.8em;
   padding: 0 20px;
}

.row.nieuwsbloktitel {
   text-align: left;
}

.NewsSummaryLink a {
font-size: 1em;
}

.NewsSummaryLink {
margin: 0 0 10% 0;
}

#nieuwsblok.container {
margin: 10% 0 2% 0;
}

.row.nieuwsblokleesmeer {
text-align: left;
}

.row.nieuwsblokleesmeer .readmorebtn {
margin: 0 0 0 20px;
}

.readmorebtn {
margin: 0 0 1em 0;
padding: 5px 15px;
font-size: 1.1em;
}

p {
line-height: 140%;
}

#poweredby .row p {
font-size: 0.8em;
}

#poweredby {
margin: 50px 0 0 0;
border-top: 1px solid #aeaeae;
padding: 10px 0 0 0;
}

.twocol.brancheitem a.specialbg {
display: none;
}

.twocol.brancheitem.supermarkten a.branchetitel {
   border: 1px solid #4aa247;
   background-color: #ffffff;
   text-align:left;
   padding: 15px;
}
.twocol.brancheitem.fashion a.branchetitel {
   border: 1px solid #a3248d;
   background-color: #ffffff;
   text-align:left;
   padding: 15px;
}
.twocol.brancheitem.doe-het-zelf a.branchetitel {
   border: 1px solid #e9266f;
   background-color: #ffffff;
   text-align:left;
   padding: 15px;
}
.twocol.brancheitem.elektronica a.branchetitel {
   border: 1px solid #c6892f;
   background-color: #ffffff;
   text-align:left;
   padding: 15px;
}
.twocol.brancheitem.health-beauty a.branchetitel {
   border: 1px solid #1191c9;
   background-color: #ffffff;
   text-align:left;
   padding: 15px;
}
.twocol.brancheitem.specialistisch a.branchetitel {
   border: 1px solid #f68c1f;
   background-color: #ffffff;
   text-align:left;
   padding: 15px;
}

.nieuwsitem.nieuwsoverzicht {
float: left;
width: 100%;
margin: 25px 10px 0 10px;
height: auto;
}

.row.pagecounter {
   text-align: center;
}

.row.pagecounter p {
   font-size: 1.5em;
}
.row.pagecounter a {
   color: #ff8700;
   font-weight: bold;
}

.stdvervolg ul li {
font-size: 1.5em;
}

.no-mobile {
   display:none !important;
}

.show-mobile {
display: block;
}

.ctabarbtn {
font-size: 1.4em;
margin: 20px 0 20px 0;
}

.pxs_container{
margin-top: 60px;
}

.brancheitem a {
padding: 10px 0;
margin-bottom: 10px;
}
	
.row, body, .container {
   width: 100%;
   min-width: 0;
   margin-left: 0px;
   margin-right: 0px;
   padding-left: 0px;
   padding-right: 0px;
}

#visual.container {
margin-top: 61px;
z-index: 998;
}

.flexslider .slides img {
width: auto !important;
display: block;
height: 200px;
margin-left: -30%;
max-width: none;
}

.flexslider .vervolgcaption p {
font-size: 1.2em;
line-height: 120%;
}

.vervolgcaption {
width: 80%;
}

.vervolgcaptionbox {
position:absolute;
bottom: 0;
}

.captionbox h3 {
font-size: 1.9em !important;
}


.flexslider {
overflow:hidden;
}
	
.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
   width: auto;
   float: none;
   margin-left: 0px;
   margin-right: 0px;
   padding-left: 20px;
   padding-right: 20px;
	}

}

/* Stylesheet: nedap - grid Modified On 2014-08-05 09:08:48 */
@font-face {
    font-family: 'AllerBold';
    src: url('/uploads/fonts/aller_bd-webfont.eot');
    src: url('/uploads/fonts/aller_bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('/uploads/fonts/aller_bd-webfont.woff') format('woff'),
         url('/uploads/fonts/aller_bd-webfont.ttf') format('truetype'),
         url('/uploads/fonts/aller_bd-webfont.svg#AllerBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AllerRegular';
    src: url('/uploads/fonts/aller_rg-webfont.eot');
    src: url('/uploads/fonts/aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('/uploads/fonts/aller_rg-webfont.woff') format('woff'),
         url('/uploads/fonts/aller_rg-webfont.ttf') format('truetype'),
         url('/uploads/fonts/aller_rg-webfont.svg#AllerRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* Stylesheet: nedap - font Modified On 2013-11-27 13:04:39 */
.captionbox a.readmorebtn {
background: none;
border: 1px solid #fff;
margin: 0 10px 10px 10px;
}

.captionbox h3 {
color: #fff;
font-size: 3.9em;
padding: 10px 10px 0 10px;
}

.captionbox p {
color: #fff;
padding: 0 10px 0 10px;
}
.captionbox  {
margin: 10% 0 0 0;
/*background: url(/images/bg-transp-black.png);*/
}

.pxs_container{
width: 100%;
height: 420px;
position: relative;
overflow: hidden;
}

.pxs_bg{
    background:transparent url(/images/bg.png) repeat top left;
}

.pxs_bg div{
    position:absolute;
    top:0px;
    left:0px;
    height:420px;
    background-repeat:repeat;
    background-position:top left;
    background-color:transparent;
}

.pxs_bg .pxs_bg1{
    background-image:url(/images/slide-stretch.jpg);
}
.pxs_bg .pxs_bg2{
    /*background-image:url(/images/slide1.jpg);*/
}
.pxs_bg .pxs_bg3{
    /*background-image:url(/images/slide1.jpg);*/
}

.pxs_slider_wrapper{
    display:none;
    height: 100%;
}

.pxs_container ul{
    margin:0px;
    padding:0px;
    list-style:none;
}

ul.pxs_slider{
    position:absolute;
    left:0px;
    top:0px;
    height:420px;
}
ul.pxs_slider li{
    height:420px;
    float:left;
    position:relative;
}

ul.pxs_slider li img{
display: block;
margin: 0 auto;
}

ul.pxs_thumbnails{
    height:35px;
    position:absolute;
    bottom:0px;
    left:50%;
}
ul.pxs_thumbnails li{
    position:absolute;
    display:block;
}

ul.pxs_thumbnails li img{
    cursor:pointer;
    display:block;
    opacity:0.4;
}

ul.pxs_thumbnails li.selected img{
    opacity:1.0;
}

.pxs_navigation span{
    display: none;
    position:absolute;
    width:30px;
    height:60px;
    -moz-box-shadow:0px 0px 2px #000;
    -webkit-box-shadow:0px 0px 2px #000;
    box-shadow:0px 0px 2px #000;
    top:145px;
    opacity:0.6;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    cursor:pointer;
}
.pxs_navigation span:hover{
    opacity:0.9;
}

.pxs_navigation span.pxs_prev{
    background:#000 url(/images/prev.png) no-repeat center center;
    left: 20px !important;
}
.pxs_navigation span.pxs_next{
    background:#000 url(/images/next.png) no-repeat center center;
    right: 20px !important;
}

.pxs_loading{
color: #fff;
font-size: 20px;
padding: 10px;
position: absolute;
background: url(/images/ajax-loader.gif) no-repeat 10px 50%;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
opacity: 0.7;
width: 130px;
position: absolute;
top: 150px;
left: 50%;
margin-left: -90px;
} 

 
/* Adjust animations for different behavior of each element: */
@keyframes fromRightAnim1{
    0%{ left: 110%; opacity: 0; }
    100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim2{
    0%{ left: 110%; opacity: 0; }
    100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim3{
    0%{ left: 110%; opacity: 0; }
    1%{ left: 10%; opacity: 0; }
    100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim4{
    0%{ left: 110%; opacity: 0; }
    100%{ left: 60%; opacity: 1; }
}
/* Stylesheet: parallax_slider Modified On 2014-02-07 11:38:31 */
/*
 * jQuery FlexSlider v1.4
 * http://flex.madebymufffin.com
 *
 * Copyright 2011, Tyler Smith
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {background: #fff; position: relative;}
.flexslider .slides  li {position: relative; list-style-type: none;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flexslider-container {position: relative;}


/* Caption style */
.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 15px; line-height: 18px;}

/* Direction Nav */
.flex-direction-nav li a {width: 52px; height: 52px; margin: -13px 0 0; display: block; background: url(theme/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer;} /* set negative margin-top equal to half the height on the directional-nav for perfect vertical centering */
.flex-direction-nav li a.next {background-position: -52px 0; right: -21px;}
.flex-direction-nav li a.prev {background-position: 0 0; left: -21px;}

/* Control Nav */
.flex-control-nav {margin-left: -31px; position: absolute; bottom: -30px; left: 50%;} /* set negative margin-left equal to half the width on the control-nav for perfect centering */
.flex-control-nav li {margin: 0 0 0 5px; float: left; text-indent: -9999px;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(theme/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}
/* Stylesheet: flexslider - vervolg Modified On 2014-08-04 14:07:01 */