/*	IMPORTS		*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

/* FONTS */
/* VARIABLES */
/* MIXINS */
/*	STYLESHEET	*/
body {
  background-color: white;
  font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif;
  overflow-x: hidden; }

/**
AANGEPASTE BOL VOOR POPUP-WINKEL
- Verwijder deze blok om terug normaal te zetten.
**/
header > div.bollen > span.hoofdbol.actie > p span.hoofdtitel {
  font-size: 40px; }
header > div.bollen > span.hoofdbol.actie > p span.subtitel {
  margin-bottom: 20px; }
header > div.bollen > span.hoofdbol.actie > p span.tekst {
  font-size: 15px; }

header {
  font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif;
  font-size: 20px; }
  header #achtergrond {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    height: 493px;
    width: 100%;
    background-color: #dce5e4;
    overflow: hidden; }
    header #achtergrond .sfeer {
      position: relative;
      width: 980px;
      margin: 0 auto;
      height: 100%; }
      header #achtergrond .sfeer .beeld {
        position: relative;
        z-index: 0;
        top: 0;
        width: 1660px;
        height: 100%; }
  header .bollen {
    position: relative;
    z-index: 2;
    width: 980px;
    margin: 0 auto; }
    header .bollen .hoofdbol, header .bollen .subbol {
      display: flex; }
      header .bollen .hoofdbol > p, header .bollen .subbol > p {
        margin: auto; }
      header .bollen .hoofdbol .hoofdtitel, header .bollen .subbol .hoofdtitel {
        display: block;
        font-family: "Italiana", Gabriola, Helvetica, Trebuchet, serif; }
      header .bollen .hoofdbol .subtitel, header .bollen .subbol .subtitel {
        display: block;
        font-size: 19px; }
      header .bollen .hoofdbol .tekst, header .bollen .subbol .tekst {
        display: block;
        font-size: 19px;
        font-style: italic;
        line-height: 120%; }
      header .bollen .hoofdbol .link, header .bollen .subbol .link {
        display: block;
        font-size: 12px;
        font-style: italic;
        text-decoration: underline;
        padding-top: 7px;
        padding: 5px 15px 0px 15px;
        line-height: 130%; }
    header .bollen .hoofdbol {
      border-radius: 155px;
      transition: all 300ms ease;
      width: 310px;
      height: 310px;
      text-align: center;
      text-decoration: none;
      outline: none;
      background-color: white;
      border: 5px solid #e5ca19;
      color: #555555;
      position: relative;
      z-index: 2; }
      header .bollen .hoofdbol .hoofdtitel {
        margin-top: 0px;
        font-size: 50px; }
      header .bollen .hoofdbol .subtitel {
        margin-bottom: 40px; }
      header .bollen .hoofdbol > p {
        margin: auto; }
      header .bollen .hoofdbol.actie .subtitel {
        margin-bottom: 25px;
        padding: 0 5px; }
      header .bollen .hoofdbol.actie .link {
        padding: 15px 50px 0px 50px;
        line-height: 150%; }
      header .bollen .hoofdbol.actie .tekst {
        padding: 0 6px; }
    header .bollen a.hoofdbol:hover {
      background-color: #e5ca19;
      border-color: white;
      color: white; }
    header .bollen .subbol {
      border-radius: 85px;
      transition: all 300ms ease;
      width: 170px;
      height: 170px;
      text-align: center;
      text-decoration: none;
      outline: none;
      background-color: #e5ca19;
      color: white;
      position: absolute;
      z-index: 1; }
      header .bollen .subbol .hoofdtitel {
        font-size: 26px;
        margin-bottom: 5px; }
    header .bollen a.subbol:hover {
      background-color: white;
      border-color: #e5ca19;
      color: #555555; }
    header .bollen .subsubbol {
      border-radius: 60px;
      width: 120px;
      height: 120px;
      display: block;
      text-align: center;
      text-decoration: none;
      outline: none; }
      header .bollen .subsubbol .hoofdtitel {
        font-size: 26px;
        margin-bottom: 10px; }
      header .bollen .subsubbol .subtitel {
        display: block;
        font-size: 19px;
        padding-bottom: 5px; }
      header .bollen .subsubbol .tekst {
        display: block;
        font-size: 15px;
        font-style: italic;
        line-height: 120%; }
      header .bollen .subsubbol .link {
        padding-top: 5px;
        display: block;
        font-size: 20px;
        line-height: 120%; }
    header .bollen .taalbol {
      border-radius: 20px;
      transition: all 300ms ease;
      width: 40px;
      height: 40px;
      display: block;
      text-align: center;
      text-decoration: none;
      outline: none;
      background: #e5ca19;
      color: white; }
      header .bollen .taalbol span.tekst {
        line-height: 270%;
        font-size: 15px; }
      header .bollen .taalbol:hover {
        background-color: white;
        color: #555555; }
  header.index #achtergrond .sfeer .beeld {
    left: -520px;
    background: url(../images/welkom_achtergrond.jpg) no-repeat; }
  header.index .bollen .voorgrond {
    position: absolute;
    z-index: 1;
    top: 7px;
    left: 40px;
    width: 407px;
    height: 463px;
    background: url(../images/welkom_voorgrond.png) no-repeat; }
  header.index .bollen .hoofdbol {
    top: 75px;
    left: 500px;
    /*&.actie {
    	@include scale(0.75);
    	background-color: $geel;
    	border: 0px;
    	color: white;
    	left: 670px;
    	top: 180px;
    	&> p > span.link {
    		font-size: 15px;
    	}
    	&:hover {
    		background-color: white;
    		color: #555555;
    	}
    }*/
    top: 45px;
    left: 460px; }
    header.index .bollen .hoofdbol .subtitel {
      font-size: 16px; }
  header.index .bollen .subbol {
    right: 35px;
    top: 270px;
    /*@include scale(1.75);
    background-color: white;
    border: 3px solid $geel;
    color: #555555;
    top: 110px;
    right: 275px;
    &> p {
    	@include scale(0.9);
    }
    &:hover {
    	background-color: $geel;
    	color: white;
    }*/
    transform: scale(1.35, 1.35);
    right: 70px;
    top: 250px;
    z-index: 100; }
    header.index .bollen .subbol .subtitel {
      font-size: 15px; }
    header.index .bollen .subbol .subtitel {
      font-size: 9px; }
    header.index .bollen .subbol .tekst {
      font-size: 13px;
      padding-top: 10px; }
    header.index .bollen .subbol .link {
      font-size: 10px;
      padding-top: 15px; }
  header.index .bollen .taalbol {
    position: absolute;
    z-index: 0;
    right: 110px;
    top: 210px;
    right: 150px;
    top: 160px; }
  header.index .bollen .subsubbol {
    position: absolute;
    z-index: 0;
    right: 110px;
    top: 25px;
    background-color: #e5ca19;
    color: white; }
    header.index .bollen .subsubbol .subtitel {
      margin-top: 20px;
      font-size: 15px; }
  header.thermomix #achtergrond .sfeer .beeld {
    left: -340px;
    background: url(../images/thermomix_achtergrond.jpg) no-repeat; }
  header.thermomix .bollen .voorgrond {
    position: absolute;
    z-index: 1;
    top: 345px;
    right: -54px;
    width: 611px;
    height: 99px;
    background: url(../images/thermomix_voorgrond.png) no-repeat; }
  header.thermomix .bollen .hoofdbol {
    top: 75px;
    left: 130px; }
    header.thermomix .bollen .hoofdbol .subtitel {
      font-size: 16px; }
  header.thermomix .bollen .subbol {
    left: 10px;
    top: 260px; }
    header.thermomix .bollen .subbol .tekst {
      margin-top: 10px; }
  header.thermomix .bollen .taalbol {
    position: absolute;
    z-index: 0;
    left: 80px;
    top: 215px; }
  header.workshops #achtergrond .sfeer .beeld {
    left: -530px;
    background: url(../images/workshops_achtergrond.jpg) no-repeat; }
  header.workshops .bollen .voorgrond {
    position: absolute;
    z-index: 1;
    top: 115px;
    left: 90px;
    width: 279px;
    height: 335px;
    background: url(../images/workshops_voorgrond.png) no-repeat; }
  header.workshops .bollen .hoofdbol {
    top: 75px;
    left: 660px; }
    header.workshops .bollen .hoofdbol .subtitel {
      font-size: 16px; }
  header.workshops .bollen .subbol {
    right: 250px;
    top: 10px; }
  header.workshops .bollen .taalbol {
    position: absolute;
    z-index: 0;
    right: 200px;
    top: 30px; }
  header.kookboeken #achtergrond .sfeer .beeld {
    left: -405px;
    background: url(../images/boeken_achtergrond.jpg) no-repeat; }
  header.kookboeken .bollen .voorgrond {
    position: absolute;
    z-index: 1;
    top: 362px;
    right: -180px;
    width: 650px;
    height: 122px;
    background: url(../images/boeken_voorgrond.png) no-repeat; }
  header.kookboeken .bollen .hoofdbol {
    top: 75px;
    left: 130px; }
    header.kookboeken .bollen .hoofdbol .subtitel {
      font-size: 16px; }
    header.kookboeken .bollen .hoofdbol .hoofdtitel {
      font-size: 45px; }
      header.kookboeken .bollen .hoofdbol .hoofdtitel span {
        font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif;
        font-size: 32px; }
  header.kookboeken .bollen .subbol {
    left: 15px;
    top: 25px; }
    header.kookboeken .bollen .subbol .tekst {
      line-height: 140%; }
  header.kookboeken .bollen .taalbol {
    position: absolute;
    z-index: 0;
    left: 190px;
    top: 30px; }
  header.recepten #achtergrond .sfeer .beeld {
    left: -300px;
    background: url(../images/recepten_achtergrond.jpg) no-repeat; }
  header.recepten .bollen .hoofdbol {
    top: 25px;
    left: 0px; }
    header.recepten .bollen .hoofdbol .subtitel {
      font-size: 16px; }
  header.recepten .bollen .subbol {
    left: 255px;
    top: 230px; }
  header.recepten .bollen .taalbol {
    position: absolute;
    z-index: 0;
    left: 345px;
    top: 170px; }
  header #menu {
    background: rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 1;
    margin: 0 auto;
    margin-top: 10px;
    padding: 15px;
    width: 980px; }
    header #menu .mobilenav {
      display: none; }
    header #menu .knoppen {
      background-color: white;
      height: 90px; }
      header #menu .knoppen ul {
        margin-top: 40px;
        padding-right: 10px;
        float: right; }
        header #menu .knoppen ul li {
          margin: 20px;
          padding-bottom: 18px;
          display: inline;
          height: 90px; }
          header #menu .knoppen ul li a {
            transition: color 200ms ease;
            color: #9c9c9c;
            text-decoration: none;
            padding-top: 20px;
            outline: none;
            font-size: 16px; }
            header #menu .knoppen ul li a:hover {
              color: #e5ca19; }
          header #menu .knoppen ul li.selected {
            border-bottom: 11px solid #e5ca19;
            font-size: 16px; }
  header .scheiding {
    top: 65px; }

footer {
  height: 250px;
  background-color: black; }
  footer section {
    padding: 0 !important; }
    footer section .helft {
      padding-top: 45px; }
      footer section .helft.links {
        text-transform: uppercase;
        color: #FFFFFF;
        font-size: 15px; }
        footer section .helft.links a {
          color: #e5ca19;
          text-decoration: none; }
          footer section .helft.links a:hover {
            text-decoration: underline;
            color: #FFFFFF; }
        footer section .helft.links > div.copyright {
          text-transform: none;
          color: #BABABA;
          font-size: 12px;
          padding-top: 25px;
          line-height: 130%; }
          footer section .helft.links > div.copyright > p {
            padding-bottom: 5px; }
          footer section .helft.links > div.copyright > div.logo > a {
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            *zoom: 1;
            *display: inline;
            float: none;
            margin-left: 0px;
            margin-right: 20px; }
            footer section .helft.links > div.copyright > div.logo > a:hover {
              text-decoration: none; }
      footer section .helft.rechts {
        text-align: right;
        color: white;
        font-size: 15px; }
        footer section .helft.rechts .geel {
          color: #e5ca19;
          text-transform: uppercase; }
        footer section .helft.rechts .inlichting {
          color: #BABABA;
          font-size: 12px;
          padding-top: 25px;
          line-height: 130%; }
          footer section .helft.rechts .inlichting a {
            color: white;
            text-decoration: none; }
            footer section .helft.rechts .inlichting a:hover {
              color: #e5ca19; }
      footer section .helft .logo {
        padding-top: 20px;
        width: 100%; }
        footer section .helft .logo a {
          float: right;
          margin-left: 10px;
          height: 30px;
          display: block;
          outline: none;
          text-decoration: none;
          color: black; }
        footer section .helft .logo .facebook {
          width: 30px;
          background: url(../images/footer_facebook.jpg) -33px -8px no-repeat; }
          footer section .helft .logo .facebook:hover {
            background-position: -33px -58px; }
        footer section .helft .logo .vorwerk {
          height: 50px;
          width: 52px;
          background: url(../images/footer_vorwerk_2.jpg) top center no-repeat; }
          footer section .helft .logo .vorwerk:hover {
            background-position: bottom center; }
        footer section .helft .logo .thermomix {
          margin-left: 0;
          width: 70px;
          background: url(../images/footer_thermomix.jpg) -13px -8px no-repeat; }
          footer section .helft .logo .thermomix:hover {
            background-position: -13px -58px; }
        footer section .helft .logo .cnudde {
          width: 85px;
          background: url(../images/footer_cnudde_2.jpg) -10px -5px no-repeat; }
          footer section .helft .logo .cnudde:hover {
            background-position: -10px -55px; }

.scheiding {
  position: relative;
  background: url(../images/scheiding.gif) repeat-x;
  font-size: 5px; }

div.content {
  clear: both;
  position: absolute;
  top: 530px;
  width: 100%; }
  div.content section {
    position: relative;
    width: 980px;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 50px; }
    div.content section .helft {
      width: 487px; }
      div.content section .helft.links {
        float: left;
        margin-right: 3px; }
        div.content section .helft.links .tekst {
          padding-right: 30px; }
      div.content section .helft.rechts {
        float: right;
        margin-left: 3px; }
        div.content section .helft.rechts .tekst {
          padding-left: 30px; }
      div.content section .helft .tekst {
        text-align: justify;
        color: #555555;
        font-size: 15px;
        line-height: 120%; }
      div.content section .helft .scheiding {
        margin-top: 30px;
        margin-bottom: 30px; }
  div.content h1 {
    font-family: "Italiana", Gabriola, Helvetica, Trebuchet, serif;
    font-size: 45px;
    color: #e5ca19; }
  div.content h2 {
    font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif;
    font-size: 30px;
    font-weight: bold;
    color: black;
    text-transform: uppercase;
    padding-bottom: 35px; }
  div.content h3 {
    color: #555555;
    font-size: 12px;
    margin-top: -25px;
    padding-bottom: 10px; }
  div.content .clear {
    clear: both;
    display: inline-block;
    zoom: 1; }
    div.content .clear:after {
      content: ".";
      display: block;
      line-height: 0;
      height: 0;
      font-size: 0;
      clear: both;
      visibility: hidden; }
  div.content html[xmlns] .clear {
    display: block; }
  div.content * html .clear {
    height: 1%; }

#index section.quotes {
  color: #AAAFAE;
  text-align: center; }
  #index section.quotes ul {
    position: relative;
    height: 80px;
    font-family: "Italiana", Gabriola, Helvetica, Trebuchet, serif;
    font-size: 52px;
    letter-spacing: 1px; }
    #index section.quotes ul li {
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0; }
      #index section.quotes ul li.active {
        z-index: 3;
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1; }
      #index section.quotes ul li.lastactive {
        z-index: 2; }
      #index section.quotes ul li .boven, #index section.quotes ul li .onder {
        font-size: 75px; }
      #index section.quotes ul li .boven {
        position: relative;
        top: 10px;
        right: 20px; }
      #index section.quotes ul li .onder {
        position: relative;
        left: 20px;
        bottom: -52px; }
  #index section.quotes div {
    font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif;
    font-style: italic;
    font-size: 15px; }
#index section.gamma a {
  text-decoration: none;
  display: block;
  outline: none;
  height: 240px;
  float: left; }
  #index section.gamma a:hover {
    background-position: 0 -240px; }
  #index section.gamma a .bol {
    border-radius: 22.5px;
    display: block;
    width: 45px;
    height: 45px;
    background-color: white;
    color: #e5ca19;
    font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif;
    text-align: center;
    font-size: 40px;
    position: relative;
    top: 185px;
    left: 188px; }
    #index section.gamma a .bol.next {
      border-radius: 65px;
      width: 130px;
      height: 130px;
      top: 101px;
      left: 100px; }
      #index section.gamma a .bol.next span {
        font-style: italic;
        display: block; }
        #index section.gamma a .bol.next span.titel {
          line-height: 120%;
          font-size: 20px;
          padding-top: 18px;
          padding-bottom: 10px; }
        #index section.gamma a .bol.next span.datum {
          font-size: 15px;
          padding-bottom: 5px; }
        #index section.gamma a .bol.next span.link {
          font-size: 10px;
          text-decoration: underline; }
  #index section.gamma a .info {
    display: none;
    text-align: center; }
    #index section.gamma a .info .titel {
      display: block;
      font-family: "Italiana", Gabriola, Helvetica, Trebuchet, serif;
      letter-spacing: 1px;
      color: black;
      font-size: 30px;
      padding: 0px 15px 5px 15px; }
    #index section.gamma a .info .subtitel {
      display: block;
      color: #707070;
      font-size: 15px;
      text-transform: uppercase;
      padding: 0 15px 20px 15px; }
    #index section.gamma a .info .tekst {
      display: block;
      color: #707070;
      font-size: 12px;
      padding: 0 15px 0 15px;
      line-height: 120%; }
#index section.gamma .thermomix {
  width: 243px;
  margin-right: 6px;
  background: url(../images/welkom_gamma_thermomix.jpg) 0 0 no-repeat; }
#index section.gamma .workshops {
  width: 243px;
  background-color: yellow;
  margin-right: 6px;
  background: url(../images/welkom_gamma_workshops.jpg) 0 0 no-repeat; }
#index section.gamma .kookboeken {
  width: 482px;
  background-color: black;
  background: url(../images/welkom_gamma_kookboeken.jpg) 0 0 no-repeat; }
  #index section.gamma .kookboeken .bol {
    left: 482px- 35px; }
#index section.social .facebook {
  position: relative; }
  #index section.social .facebook .fb-like {
    position: absolute;
    top: 15px;
    right: 15px; }
#index section.social .getuigenissen {
  margin-top: 20px; }
  #index section.social .getuigenissen div.eerste {
    background: url(../images/welkom_quote_L.jpg) 30px 0px no-repeat; }
  #index section.social .getuigenissen div.tweede {
    background: url(../images/welkom_quote_R.jpg) 442px bottom no-repeat; }
  #index section.social .getuigenissen div .tekst {
    font-size: 15px;
    color: #555555;
    line-height: 110%;
    text-align: justify;
    padding: 10px 55px 0px 65px; }
    #index section.social .getuigenissen div .tekst .auteur {
      color: #e5ca19;
      font-weight: bold;
      padding-top: 10px; }
  #index section.social .getuigenissen div.scheiding {
    margin-right: 30px; }

#thermomix section#waarom .helft.links h2 {
  padding-right: 30px; }
#thermomix section#waarom .helft.links span.opsom {
  padding-right: 30px; }
#thermomix section#waarom .helft.rechts h2 {
  padding-left: 30px; }
#thermomix section#waarom .helft.beelden {
  position: relative;
  margin-top: -70px; }
  #thermomix section#waarom .helft.beelden .beeld {
    float: right;
    width: 235px;
    height: 213px; }
    #thermomix section#waarom .helft.beelden .beeld.rechtsboven {
      padding-left: 235px;
      padding-bottom: 5px; }
    #thermomix section#waarom .helft.beelden .beeld.linksonder {
      padding-right: 5px; }
  #thermomix section#waarom .helft.beelden .bol {
    border-radius: 46.5px;
    display: block;
    width: 93px;
    height: 93px;
    font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif;
    text-align: center;
    font-style: italic;
    font-size: 14px;
    position: absolute; }
    #thermomix section#waarom .helft.beelden .bol.rechtsboven {
      background-color: #e5ca19;
      color: white;
      left: 205px;
      top: 20px; }
    #thermomix section#waarom .helft.beelden .bol.rechtsonder {
      background-color: #e5ca19;
      color: white;
      left: 410px;
      top: 350px; }
    #thermomix section#waarom .helft.beelden .bol.linksonder {
      background-color: white;
      color: #e5ca19;
      left: 0px;
      top: 380px; }
    #thermomix section#waarom .helft.beelden .bol span {
      display: block;
      padding: 25px 6px 0 6px; }
#thermomix section#closeup .image {
  position: relative;
  height: 700px;
  background: url(../images/thermomix_machine.jpg) center center no-repeat; }
  #thermomix section#closeup .image .onderdeel {
    padding: 20px;
    position: absolute;
    cursor: help;
    z-index: 1; }
    #thermomix section#closeup .image .onderdeel .bol {
      border-radius: 7px;
      background-color: #e5ca19;
      border: 2px solid white;
      display: block;
      width: 14px;
      height: 14px; }
    #thermomix section#closeup .image .onderdeel.active {
      z-index: 3; }
  #thermomix section#closeup .image .infobol {
    border-radius: 147.5px;
    background-color: white;
    border: 5px solid #e5ca19;
    display: block;
    width: 295px;
    height: 295px;
    position: absolute;
    z-index: 2; }
    #thermomix section#closeup .image .infobol .titel, #thermomix section#closeup .image .infobol .tekst {
      color: #555555;
      text-align: center;
      padding-left: 30px;
      padding-right: 30px; }
    #thermomix section#closeup .image .infobol .titel {
      font-size: 19px;
      padding-top: 50px;
      padding-bottom: 10px; }
    #thermomix section#closeup .image .infobol .tekst {
      font-size: 12px;
      line-height: 120%; }
#thermomix section#functies .links ul {
  padding-left: 30px;
  padding-right: 10px; }
#thermomix section#functies .rechts ul {
  padding-left: 40px; }
#thermomix section#functies ul {
  list-style: disc;
  font-size: 30px;
  color: #555555; }
  #thermomix section#functies ul .scheiding {
    margin-left: -20px; }
  #thermomix section#functies ul .titel {
    font-size: 25px;
    padding-left: 10px;
    padding-bottom: 5px; }
  #thermomix section#functies ul .tekst {
    padding-left: 10px;
    padding-bottom: 20px; }
  #thermomix section#functies ul li {
    padding-bottom: 20px; }
#thermomix section#formulier {
  color: #555555;
  font-size: 15px; }
  #thermomix section#formulier form {
    padding-top: 25px; }
    #thermomix section#formulier form label {
      display: block;
      padding: 10px 0 5px 0; }
      #thermomix section#formulier form label.error {
        font-size: 12px;
        color: red; }
        #thermomix section#formulier form label.error.sent {
          font-size: 13px;
          color: black;
          line-height: 120%; }
    #thermomix section#formulier form input:focus {
      outline: none; }
    #thermomix section#formulier form #eentoestel {
      margin-right: 15px; }
    #thermomix section#formulier form #naam, #thermomix section#formulier form #straat, #thermomix section#formulier form #gemeente, #thermomix section#formulier form #email {
      display: block;
      border: 3px solid #e5ca19;
      width: 440px;
      font-size: 15px;
      color: #555555;
      padding: 5px; }
    #thermomix section#formulier form .knop {
      outline: none;
      margin-top: 20px;
      background-color: #e5ca19;
      border: none;
      height: 30px;
      font-weight: bold;
      font-size: 12px;
      color: white;
      text-transform: uppercase;
      padding-left: 5px;
      padding-right: 5px;
      cursor: pointer; }
      #thermomix section#formulier form .knop:hover {
        background-color: black; }

#workshops section#intro .links h2, #workshops section#intro .rechts h2 {
  padding-bottom: 10px; }
#workshops section#intro .rechts h2 {
  margin-left: 30px;
  margin-top: 285px; }
#workshops section#intro .rechts .beeld {
  margin-top: -57px;
  margin-bottom: 30px;
  text-align: right;
  position: relative; }
  #workshops section#intro .rechts .beeld img {
    position: absolute;
    top: 0;
    left: 30px;
    margin-left: 0; }
    #workshops section#intro .rechts .beeld img .top {
      z-index: 10; }
    #workshops section#intro .rechts .beeld img .bottom {
      z-index: 5; }
#workshops section#intro .rechts .fb-facepile {
  margin-top: 10px;
  margin-left: 30px;
  padding-top: 10px; }
  #workshops section#intro .rechts .fb-facepile img {
    padding: 20px; }
#workshops section#intro .rechts .fb-like {
  margin-left: 30px;
  margin-bottom: 10px;
  margin-top: 20px; }
#workshops section#inschrijving .links .datum {
  position: relative;
  background-color: #F9F9F9;
  margin-right: 30px;
  padding: 20px; }
  #workshops section#inschrijving .links .datum.klas {
    background-color: #EEEEEE; }
  #workshops section#inschrijving .links .datum .titel {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 10px; }
  #workshops section#inschrijving .links .datum div {
    padding-bottom: 5px; }
    #workshops section#inschrijving .links .datum div .titel {
      font-size: 15px; }
  #workshops section#inschrijving .links .datum .bol {
    border-radius: 40px;
    display: block;
    width: 80px;
    height: 80px;
    background-color: #e5ca19;
    color: white;
    font-style: italic;
    font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif;
    text-align: center;
    font-size: 20px;
    position: absolute;
    top: 10px;
    right: 10px; }
    #workshops section#inschrijving .links .datum .bol span {
      display: block;
      padding: 32px 5px 0 5px; }
#workshops section#inschrijving .links .scheiding {
  margin-right: 30px; }
#workshops section#inschrijving .rechts h2 {
  margin-top: -65px;
  margin-left: 30px; }
#workshops section#inschrijving .rechts form {
  padding-top: 25px;
  padding-left: 30px; }
  #workshops section#inschrijving .rechts form label {
    display: block;
    padding-top: 10px;
    padding-bottom: 5px; }
    #workshops section#inschrijving .rechts form label.error {
      font-size: 12px;
      color: red; }
      #workshops section#inschrijving .rechts form label.error.sent {
        font-size: 13px;
        color: black;
        line-height: 120%; }
  #workshops section#inschrijving .rechts form input:focus {
    outline: none; }
  #workshops section#inschrijving .rechts form .radio {
    border: 2px solid #e5ca19;
    margin-right: 15px;
    margin-bottom: 5px; }
  #workshops section#inschrijving .rechts form #naam, #workshops section#inschrijving .rechts form #straat, #workshops section#inschrijving .rechts form #gemeente, #workshops section#inschrijving .rechts form #tel, #workshops section#inschrijving .rechts form #email, #workshops section#inschrijving .rechts form select {
    border: 3px solid #e5ca19;
    width: 440px;
    font-size: 15px;
    color: #555555;
    padding: 5px; }
  #workshops section#inschrijving .rechts form select {
    width: 455px;
    outline: none;
    margin-bottom: 5px; }
  #workshops section#inschrijving .rechts form .knop {
    outline: none;
    margin-top: 20px;
    background-color: #e5ca19;
    border: none;
    height: 30px;
    font-weight: bold;
    font-size: 12px;
    color: white;
    text-transform: uppercase;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer; }
    #workshops section#inschrijving .rechts form .knop:hover {
      background-color: black; }

#kookboeken section#maximum .intro {
  font-style: italic;
  padding-bottom: 20px; }
#kookboeken section#maximum .beelden {
  position: relative;
  margin-top: -90px; }
  #kookboeken section#maximum .beelden .beeld {
    float: right;
    width: 235px;
    height: 213px; }
    #kookboeken section#maximum .beelden .beeld.rechts {
      padding-left: 5px;
      height: 430px; }
    #kookboeken section#maximum .beelden .beeld.linksboven {
      padding-bottom: 5px; }
  #kookboeken section#maximum .beelden .bol {
    border-radius: 46.5px;
    display: block;
    width: 93px;
    height: 93px;
    font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif;
    text-align: center;
    font-style: italic;
    font-size: 14px;
    position: absolute; }
    #kookboeken section#maximum .beelden .bol.rechts {
      background-color: white;
      color: #e5ca19;
      left: 405px;
      top: -27px; }
    #kookboeken section#maximum .beelden .bol.linksboven {
      background-color: #e5ca19;
      color: white;
      left: 180px;
      top: 70px; }
      #kookboeken section#maximum .beelden .bol.linksboven span {
        padding-top: 30px; }
    #kookboeken section#maximum .beelden .bol.linksonder {
      background-color: white;
      color: #e5ca19;
      left: 180px;
      top: 365px; }
    #kookboeken section#maximum .beelden .bol span {
      display: block;
      padding: 25px 6px 0 6px; }
#kookboeken section#inhoudstabel div.overzicht > div {
  position: relative;
  overflow: auto;
  margin-right: 30px;
  height: 700px;
  background-color: #F9F9F9;
  padding: 10px;
  padding-right: 0px; }
  #kookboeken section#inhoudstabel div.overzicht > div > div.catcollection {
    position: relative;
    display: block;
    float: none;
    clear: both; }
    #kookboeken section#inhoudstabel div.overzicht > div > div.catcollection > .helft.links {
      width: 45%; }
    #kookboeken section#inhoudstabel div.overzicht > div > div.catcollection > .helft.rechts {
      width: 50%; }
  #kookboeken section#inhoudstabel div.overzicht > div ul {
    padding-bottom: 20px;
    list-style: disc;
    list-style-position: inside; }
    #kookboeken section#inhoudstabel div.overzicht > div ul li {
      padding: 5px 0 5px 0; }
      #kookboeken section#inhoudstabel div.overzicht > div ul li.active {
        color: #e5ca19;
        font-weight: bold; }
        #kookboeken section#inhoudstabel div.overzicht > div ul li.active:hover {
          cursor: default; }
      #kookboeken section#inhoudstabel div.overzicht > div ul li:hover {
        color: #e5ca19;
        font-weight: bold;
        cursor: pointer; }
  #kookboeken section#inhoudstabel div.overzicht > div .titel {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 30px;
    float: none;
    clear: both; }
  #kookboeken section#inhoudstabel div.overzicht > div .subtitel {
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 15px;
    padding-bottom: 5px; }
  #kookboeken section#inhoudstabel div.overzicht > div .item {
    font-size: 15px;
    color: #555555;
    line-height: 130%;
    clear: both; }
    #kookboeken section#inhoudstabel div.overzicht > div .item .naam {
      float: left;
      width: 360px;
      padding-left: 20px; }
    #kookboeken section#inhoudstabel div.overzicht > div .item .pagina {
      text-align: right;
      padding-right: 10px; }
#kookboeken section#formulier {
  color: #555555;
  font-size: 15px; }
  #kookboeken section#formulier .links form {
    padding-top: 25px; }
    #kookboeken section#formulier .links form label {
      display: block;
      padding-top: 10px;
      padding-bottom: 5px; }
      #kookboeken section#formulier .links form label.error {
        font-size: 12px;
        color: red; }
        #kookboeken section#formulier .links form label.error.sent {
          font-size: 13px;
          color: black;
          line-height: 120%; }
    #kookboeken section#formulier .links form input:focus {
      outline: none; }
    #kookboeken section#formulier .links form > fieldset > div {
      margin-bottom: 5px; }
      #kookboeken section#formulier .links form > fieldset > div input {
        background: none;
        border: none;
        width: 20px;
        border-bottom: 1px solid black;
        margin-left: 5px;
        margin-right: 10px;
        text-align: center;
        font-size: 12px; }
      #kookboeken section#formulier .links form > fieldset > div button {
        background: none;
        border: none;
        cursor: pointer;
        background-color: #e5ca19;
        color: white;
        font-weight: bold;
        font-size: 15px;
        margin-right: 5px;
        padding-top: 5px;
        padding-bottom: 5px; }
        #kookboeken section#formulier .links form > fieldset > div button:hover {
          background-color: black; }
      #kookboeken section#formulier .links form > fieldset > div.book + .map {
        border-top: 1px solid #e5ca19;
        margin-top: 15px;
        padding-top: 10px; }
      #kookboeken section#formulier .links form > fieldset > div.map {
        width: 100%; }
        #kookboeken section#formulier .links form > fieldset > div.map:last-of-type {
          padding-bottom: 10px;
          border-bottom: 1px solid #e5ca19; }
      #kookboeken section#formulier .links form > fieldset > div.promobox {
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px; }
    #kookboeken section#formulier .links form #deel1, #kookboeken section#formulier .links form #deel2, #kookboeken section#formulier .links form #deel3, #kookboeken section#formulier .links form #deel4 {
      margin-right: 15px; }
    #kookboeken section#formulier .links form div.voorverkoop {
      text-align: center; }
      #kookboeken section#formulier .links form div.voorverkoop b {
        font-weight: bold; }
    #kookboeken section#formulier .links form #naam, #kookboeken section#formulier .links form #straat, #kookboeken section#formulier .links form #gemeente, #kookboeken section#formulier .links form #email {
      border: 3px solid #e5ca19;
      width: 440px;
      font-size: 15px;
      color: #555555;
      padding: 5px; }
    #kookboeken section#formulier .links form .knop {
      outline: none;
      margin-top: 20px;
      background-color: #e5ca19;
      border: none;
      height: 30px;
      font-weight: bold;
      font-size: 12px;
      color: white;
      text-transform: uppercase;
      padding-left: 5px;
      padding-right: 5px;
      cursor: pointer; }
      #kookboeken section#formulier .links form .knop:hover {
        background-color: black; }
  #kookboeken section#formulier .links div.tekst b {
    color: #ceb616; }
  #kookboeken section#formulier .rechts {
    position: relative;
    top: -65px;
    left: 30px; }
    #kookboeken section#formulier .rechts div {
      padding-bottom: 30px; }
    #kookboeken section#formulier .rechts ul {
      list-style-type: circle;
      list-style-position: outside;
      margin-left: 15px; }
      #kookboeken section#formulier .rechts ul li {
        padding-bottom: 15px;
        line-height: 120%; }
        #kookboeken section#formulier .rechts ul li a {
          color: #e5ca19; }
        #kookboeken section#formulier .rechts ul li b {
          font-weight: bold;
          color: black; }
    #kookboeken section#formulier .rechts a.std {
      color: #555555;
      text-decoration: none; }
      #kookboeken section#formulier .rechts a.std u {
        color: #e5ca19; }
      #kookboeken section#formulier .rechts a.std span {
        display: block;
        padding: 43px 40px 0 170px; }
      #kookboeken section#formulier .rechts a.std img {
        float: left; }
      #kookboeken section#formulier .rechts a.std:hover {
        color: #e5ca19; }

#recepten .scheiding {
  margin-top: 50px; }
#recepten section#receptuur .helft.links h2 {
  padding-right: 30px; }
#recepten section#receptuur .helft.links span.opsom {
  padding-right: 30px; }
#recepten section#receptuur .helft.rechts h2 {
  padding-left: 30px; }
#recepten section#receptuur .helft.beelden {
  position: relative;
  margin-top: -70px; }
  #recepten section#receptuur .helft.beelden .beeld {
    float: right;
    width: 235px;
    height: 213px; }
    #recepten section#receptuur .helft.beelden .beeld.rechtsboven {
      padding-left: 235px;
      padding-bottom: 5px; }
    #recepten section#receptuur .helft.beelden .beeld.linksonder {
      padding-right: 5px; }
  #recepten section#receptuur .helft.beelden .bol {
    border-radius: 46.5px;
    display: block;
    width: 93px;
    height: 93px;
    font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif;
    text-align: center;
    font-style: italic;
    font-size: 14px;
    position: absolute; }
    #recepten section#receptuur .helft.beelden .bol.rechtsboven {
      background-color: #e5ca19;
      color: white;
      left: 205px;
      top: 20px; }
    #recepten section#receptuur .helft.beelden .bol.rechtsonder {
      background-color: #e5ca19;
      color: white;
      left: 410px;
      top: 350px; }
    #recepten section#receptuur .helft.beelden .bol.linksonder {
      background-color: white;
      color: #e5ca19;
      left: 0px;
      top: 380px; }
    #recepten section#receptuur .helft.beelden .bol span {
      display: block;
      padding: 25px 6px 0 6px; }
#recepten section#voorbeelden #inhoudstabel {
  position: relative;
  min-height: 700px;
  padding: 10px;
  padding-left: 0px; }
  #recepten section#voorbeelden #inhoudstabel ul {
    padding-top: 10px;
    padding-bottom: 20px;
    list-style: disc;
    list-style-position: inside; }
    #recepten section#voorbeelden #inhoudstabel ul li {
      padding: 5px 0 5px 0; }
      #recepten section#voorbeelden #inhoudstabel ul li.item {
        font-size: 15px;
        color: #555555;
        line-height: 130%;
        clear: both; }
        #recepten section#voorbeelden #inhoudstabel ul li.item .naam {
          float: left;
          width: 370px;
          padding-left: 20px; }
        #recepten section#voorbeelden #inhoudstabel ul li.item > span {
          display: block;
          padding-left: 13px; }
      #recepten section#voorbeelden #inhoudstabel ul li.active {
        color: #e5ca19;
        font-weight: bold; }
        #recepten section#voorbeelden #inhoudstabel ul li.active:hover {
          cursor: default; }
      #recepten section#voorbeelden #inhoudstabel ul li:hover {
        color: #e5ca19;
        font-weight: bold;
        cursor: pointer; }
#recepten section#voorbeelden #voorbeeldrecept {
  position: relative;
  height: 800px;
  background-color: #F9F9F9;
  margin-top: 90px;
  overflow-y: scroll; }
  #recepten section#voorbeelden #voorbeeldrecept .item {
    position: relative;
    width: 460px;
    margin-left: 12px;
    margin-bottom: 30px; }
  #recepten section#voorbeelden #voorbeeldrecept .bol {
    border-radius: 46.5px;
    display: block;
    width: 93px;
    height: 93px;
    line-height: 120%;
    font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif;
    text-align: center;
    font-style: italic;
    font-size: 16px;
    position: absolute;
    background-color: white;
    color: #e5ca19;
    right: 0px;
    top: 157px; }
    #recepten section#voorbeelden #voorbeeldrecept .bol span {
      display: block;
      padding: 25px 6px 0 6px; }
  #recepten section#voorbeelden #voorbeeldrecept .titel {
    padding: 10px 0 15px 0;
    font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif;
    font-size: 30px;
    font-weight: bold;
    color: black;
    text-transform: uppercase;
    text-align: left; }
    #recepten section#voorbeelden #voorbeeldrecept .titel > span {
      font-size: 15px; }
  #recepten section#voorbeelden #voorbeeldrecept .ingredienten {
    padding-left: 50px;
    color: #555555;
    font-size: 15px; }
  #recepten section#voorbeelden #voorbeeldrecept .bereiding {
    color: #555555;
    font-size: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 30px;
    line-height: 150%; }
    #recepten section#voorbeelden #voorbeeldrecept .bereiding span {
      font-weight: bold;
      color: black;
      line-height: 120%;
      white-space: nowrap; }

/*	IE HELL	*/
.ie8 header .bollen .hoofdbol, .ie8 header .bollen .subbol, .ie8 header .bollen .subsubbol, .ie8 #index section.gamma a .bol, .ie8 #thermomix section#waarom .bol, .ie8 #thermomix section#closeup .image .onderdeel .bol, .ie8 #thermomix section#closeup .image .infobol, .ie8 #kookboeken section#maximum .beelden .bol, .ie8 #kookboeken section#recepten #voorbeeldrecept .bol, .ie8 #workshops section#inschrijving .links .datum .bol, .ie7 header .bollen .hoofdbol, .ie7 header .bollen .subbol, .ie7 header .bollen .subsubbol, .ie7 #index section.gamma a .bol, .ie7 #thermomix section#waarom .bol, .ie7 #thermomix section#closeup .image .onderdeel .bol, .ie7 #thermomix section#closeup .image .infobol, .ie7 #kookboeken section#maximum .beelden .bol, .ie7 #kookboeken section#recepten #voorbeeldrecept .bol, .ie7 #workshops section#inschrijving .links .datum .bol, .ie6 header .bollen .hoofdbol, .ie6 header .bollen .subbol, .ie6 header .bollen .subsubbol, .ie6 #index section.gamma a .bol, .ie6 #thermomix section#waarom .bol, .ie6 #thermomix section#closeup .image .onderdeel .bol, .ie6 #thermomix section#closeup .image .infobol, .ie6 #kookboeken section#maximum .beelden .bol, .ie6 #kookboeken section#recepten #voorbeeldrecept .bol, .ie6 #workshops section#inschrijving .links .datum .bol {
  behavior: url(CSS/PIE.htc); }
.ie8 #index section.quotes ul li, .ie7 #index section.quotes ul li, .ie6 #index section.quotes ul li {
  background-color: white; }

.ie7 header #menu .knoppen ul, .ie6 header #menu .knoppen ul {
  position: absolute;
  right: 0;
  float: none; }
.ie7 #index section.gamma .thermomix .info, .ie7 #index section.gamma .workshops .info, .ie6 #index section.gamma .thermomix .info, .ie6 #index section.gamma .workshops .info {
  width: 243px; }
.ie7 #index section.gamma .kookboeken .info, .ie6 #index section.gamma .kookboeken .info {
  width: 482px; }
.ie7 #thermomix section#closeup, .ie6 #thermomix section#closeup {
  display: none; }
  .ie7 #thermomix section#closeup .image .infobol, .ie6 #thermomix section#closeup .image .infobol {
    zoom: 1;
    display: inline-block; }
  .ie7 #thermomix section#closeup .image .onderdeel, .ie6 #thermomix section#closeup .image .onderdeel {
    margin: 20px; }

@media only screen and (max-width: 1050px) {
  body > header > #menu {
    margin-top: 0px;
    box-sizing: border-box;
    width: 100%; }
    body > header > #menu div.knoppen {
      display: flex;
      flex-direction: column;
      height: auto;
      text-align: center;
      position: relative; }
      body > header > #menu div.knoppen::before {
        position: absolute;
        left: 0;
        top: 0;
        height: 90px;
        width: 50%;
        background-color: #f0cd00;
        content: '';
        z-index: 0; }
      body > header > #menu div.knoppen img {
        position: relative;
        z-index: 1;
        margin: 0 auto; }
      body > header > #menu div.knoppen ul {
        float: none;
        margin-top: 20px;
        margin-bottom: 10px;
        padding: 0;
        display: flex;
        flex-direction: row;
        justify-content: space-around; }
        body > header > #menu div.knoppen ul li {
          margin: 0;
          padding: 0;
          height: auto;
          display: block; }
          body > header > #menu div.knoppen ul li.selected {
            padding-bottom: 5px;
            border-width: 5px; }
          body > header > #menu div.knoppen ul li a {
            padding: 0px;
            display: block; }
  body > header > #achtergrond {
    height: 410px; }
    body > header > #achtergrond .sfeer div.beeld {
      width: 100%; }
  body > header > .bollen {
    width: 100%; }
  body > header > .scheiding {
    top: -10px; }
  body > header.index #achtergrond .sfeer {
    width: 100%; }
    body > header.index #achtergrond .sfeer div.beeld {
      left: 0px;
      background-size: cover;
      background-position: calc(50% - 75px) bottom; }
  body > header.index .bollen span.hoofdbol.actie {
    left: calc(50% - 185px); }
  body > header.index .bollen a {
    /*//Standaard layout*/
    /*//aangepaste bollen (31/8/17)
    //desktop ook aanpassen!
    &.hoofdbol.actie {
    	left: calc(50% + 100px);
    	top: 45px;
    }
    &.subbol {
    	left: 42%;
    	top: 80px;
    }
    &.taalbol {
    	top: 30px;
    }
    */ }
    body > header.index .bollen a.hoofdbol {
      left: calc(50% - 110px);
      top: 5px; }
    body > header.index .bollen a.subbol {
      left: calc(50% + 185px);
      top: 150px; }
    body > header.index .bollen a.taalbol {
      top: 100px;
      left: calc(50% + 220px); }
    body > header.index .bollen a.hoofdbol.actie {
      left: calc(50% - 185px); }
    body > header.index .bollen a.subbol {
      left: calc(50% + 130px); }
    body > header.index .bollen a.taalbol {
      top: 30px;
      left: calc(50% + 130px); }
  body > header.index .bollen .voorgrond {
    background-size: contain;
    width: 230px;
    height: 262px;
    background-position: center center;
    padding-top: 100px; }
  body > header.thermomix #achtergrond .sfeer {
    width: 100%; }
    body > header.thermomix #achtergrond .sfeer div.beeld {
      left: 0px;
      background-size: cover;
      background-position: calc(50% - 75px) 10px; }
  body > header.thermomix .bollen .hoofdbol {
    left: calc(50% - 200px);
    top: 5px; }
  body > header.thermomix .bollen .subbol {
    left: calc(50% - 330px);
    top: 160px; }
  body > header.thermomix .bollen .taalbol {
    left: calc(50% - 255px);
    top: 105px; }
  body > header.thermomix .bollen .voorgrond {
    top: 226px;
    left: 0;
    background-size: contain;
    background-position: calc(50% + 122px) 0px;
    height: 85px;
    width: 100%;
    right: auto; }
  body > header.workshops #achtergrond .sfeer {
    width: 100%; }
    body > header.workshops #achtergrond .sfeer div.beeld {
      left: 0px;
      background-size: cover;
      background-position: calc(50% - 100px) 50px; }
  body > header.workshops .bollen .hoofdbol {
    top: 5px;
    right: 0px;
    position: absolute;
    left: auto; }
  body > header.workshops .bollen .subbol {
    top: 200px;
    right: 280px;
    left: auto; }
  body > header.workshops .bollen .taalbol {
    right: 330px;
    top: 150px; }
  body > header.workshops .bollen .voorgrond {
    background-size: contain;
    top: 82px;
    left: calc(50% - 260px);
    width: 190px;
    height: 240px; }
  body > header.workshops .scheiding {
    top: 307px; }
  body > header.kookboeken #achtergrond .sfeer {
    width: 100%; }
    body > header.kookboeken #achtergrond .sfeer div.beeld {
      left: 0px;
      background-size: cover;
      background-position: calc(50% - 50px) 0px; }
  body > header.kookboeken .bollen .hoofdbol {
    left: calc(50% - 220px);
    top: 5px; }
  body > header.kookboeken .bollen .subbol {
    top: -10px;
    left: calc(50% - 360px); }
  body > header.kookboeken .bollen .taalbol {
    top: 170px;
    left: calc(50% - 270px); }
  body > header.kookboeken .bollen .voorgrond {
    background-size: contain;
    top: 230px;
    left: 0;
    right: auto;
    width: 100%;
    height: 106px;
    background-position: calc(50% + 292px) 0px; }
  body > header.recepten #achtergrond .sfeer {
    width: 100%; }
    body > header.recepten #achtergrond .sfeer div.beeld {
      left: 0px;
      background-size: cover;
      background-position: calc(50% - 30px) 0px; }
  body > header.recepten .bollen .hoofdbol {
    top: 35px;
    left: calc(50% - 350px); }
  body > header.recepten .bollen .subbol {
    top: 130px;
    left: calc(50% - 60px); }
  body > header.recepten .bollen .taalbol {
    left: calc(50% - 20px);
    top: 70px; }
  body > div.content section {
    width: 100%; }
  body > div.content > footer {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    height: auto; }
    body > div.content > footer section {
      display: flex;
      flex-direction: column; }
      body > div.content > footer section > div.helft.links, body > div.content > footer section > div.helft.rechts {
        width: 100%;
        float: none; }
  body > #index section.quotes {
    padding-top: 0px;
    padding-bottom: 30px; }
    body > #index section.quotes ul {
      font-size: 25px;
      height: 60px; }
      body > #index section.quotes ul > li .onder, body > #index section.quotes ul > li .boven {
        font-size: 50px; }
      body > #index section.quotes ul > li .onder {
        bottom: -35px; }
      body > #index section.quotes ul > li .top {
        top: 10px; }
  body > #index section.gamma {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    body > #index section.gamma h1, body > #index section.gamma h2 {
      width: 100%;
      padding-left: 20px; }
    body > #index section.gamma > a {
      background-position: top center !important;
      position: relative; }
      body > #index section.gamma > a > .info {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1; }
        body > #index section.gamma > a > .info > span {
          display: none !important; }
          body > #index section.gamma > a > .info > span.titel {
            text-shadow: rgba(0, 0, 0, 0.75) 1px 1px 1px;
            display: block !important;
            position: absolute;
            bottom: 5px;
            box-sizing: border-box;
            width: 100%;
            color: white; }
      body > #index section.gamma > a:hover {
        background-position: top center !important; }
      body > #index section.gamma > a.thermomix {
        flex: 1; }
        body > #index section.gamma > a.thermomix > .info {
          display: block !important; }
      body > #index section.gamma > a.workshops {
        flex: 1; }
        body > #index section.gamma > a.workshops > .info {
          display: none !important; }
        body > #index section.gamma > a.workshops > .bol.next {
          display: block !important;
          left: 25px;
          top: 100px; }
      body > #index section.gamma > a.kookboeken {
        flex: 2; }
        body > #index section.gamma > a.kookboeken > .info {
          display: block !important; }
      body > #index section.gamma > a > .bol {
        display: none; }
        body > #index section.gamma > a > .bol.next {
          display: block; }
  body > #index section.social {
    display: flex;
    flex-direction: column-reverse; }
    body > #index section.social > .getuigenissen {
      float: none;
      width: 100%;
      margin: 0px; }
      body > #index section.social > .getuigenissen div .tekst {
        text-align: left; }
      body > #index section.social > .getuigenissen div.tweede {
        background: url(../images/welkom_quote_L.jpg) 30px 0px no-repeat; }
    body > #index section.social > .facebook {
      float: none;
      width: 100%;
      box-sizing: border-box;
      text-align: center;
      height: 800px;
      margin: 0;
      padding: 0 20px; }
      body > #index section.social > .facebook h1, body > #index section.social > .facebook h2 {
        width: 100%;
        text-align: left; }
      body > #index section.social > .facebook > div {
        margin: 0 auto; }
  body > #thermomix > section, body > #workshops > section, body > #kookboeken > section, body > #recepten > section {
    display: none;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px; }
    body > #thermomix > section > .helft, body > #workshops > section > .helft, body > #kookboeken > section > .helft, body > #recepten > section > .helft {
      float: none;
      margin: 0px;
      width: 100%; }
      body > #thermomix > section > .helft.links + .rechts, body > #workshops > section > .helft.links + .rechts, body > #kookboeken > section > .helft.links + .rechts, body > #recepten > section > .helft.links + .rechts {
        margin-top: 30px; }
      body > #thermomix > section > .helft.rechts > *, body > #workshops > section > .helft.rechts > *, body > #kookboeken > section > .helft.rechts > *, body > #recepten > section > .helft.rechts > * {
        padding-left: 0px !important;
        margin-left: 0px !important; }
      body > #thermomix > section > .helft.rechts > ul, body > #workshops > section > .helft.rechts > ul, body > #kookboeken > section > .helft.rechts > ul, body > #recepten > section > .helft.rechts > ul {
        padding-left: 30px !important; }
      body > #thermomix > section > .helft.beelden, body > #workshops > section > .helft.beelden, body > #kookboeken > section > .helft.beelden, body > #recepten > section > .helft.beelden {
        margin: 0px;
        margin-bottom: 30px;
        display: flex;
        flex-direction: row; }
        body > #thermomix > section > .helft.beelden > .beeld, body > #workshops > section > .helft.beelden > .beeld, body > #kookboeken > section > .helft.beelden > .beeld, body > #recepten > section > .helft.beelden > .beeld {
          padding: 0 !important;
          float: none;
          width: auto;
          flex: 1;
          height: auto; }
          body > #thermomix > section > .helft.beelden > .beeld > img, body > #workshops > section > .helft.beelden > .beeld > img, body > #kookboeken > section > .helft.beelden > .beeld > img, body > #recepten > section > .helft.beelden > .beeld > img {
            width: 100%;
            height: auto; }
        body > #thermomix > section > .helft.beelden > .bol, body > #workshops > section > .helft.beelden > .bol, body > #kookboeken > section > .helft.beelden > .bol, body > #recepten > section > .helft.beelden > .bol {
          top: 20px !important;
          left: calc(30% - 93px) !important; }
          body > #thermomix > section > .helft.beelden > .bol + .bol, body > #workshops > section > .helft.beelden > .bol + .bol, body > #kookboeken > section > .helft.beelden > .bol + .bol, body > #recepten > section > .helft.beelden > .bol + .bol {
            left: calc(65% - 93px) !important; }
            body > #thermomix > section > .helft.beelden > .bol + .bol + .bol, body > #workshops > section > .helft.beelden > .bol + .bol + .bol, body > #kookboeken > section > .helft.beelden > .bol + .bol + .bol, body > #recepten > section > .helft.beelden > .bol + .bol + .bol {
              left: calc(98% - 93px) !important; }
      body > #thermomix > section > .helft > .tekst, body > #workshops > section > .helft > .tekst, body > #kookboeken > section > .helft > .tekst, body > #recepten > section > .helft > .tekst {
        max-width: 800px; }
      body > #thermomix > section > .helft > form input.submit, body > #workshops > section > .helft > form input.submit, body > #kookboeken > section > .helft > form input.submit, body > #recepten > section > .helft > form input.submit {
        display: block; }
  body > #thermomix > section > .helft.links + .rechts.beelden {
    margin-top: 0px !important; }
  body > #thermomix > section > .helft > ul {
    padding-right: 0px; }
    body > #thermomix > section > .helft > ul .tekst {
      padding-right: 0px;
      padding-bottom: 0px;
      width: 100%;
      max-width: 600px; }
  body > #thermomix > section#closeup {
    display: none; }
    body > #thermomix > section#closeup + .scheiding {
      display: none; }
  body > #workshops > section > .helft.rechts > div.beeld {
    margin-top: 0px !important; }
    body > #workshops > section > .helft.rechts > div.beeld img {
      left: 0 !important; }
  body > #workshops > section#inschrijving > .helft {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between; }
    body > #workshops > section#inschrijving > .helft > .scheiding {
      display: none; }
    body > #workshops > section#inschrijving > .helft > .datum {
      margin: 0;
      margin-bottom: 20px;
      width: calc(50% - 55px); }
      body > #workshops > section#inschrijving > .helft > .datum > div {
        line-height: 130%; }
    body > #workshops > section#inschrijving > .helft > h2 {
      margin-top: 0px; }
  body > #kookboeken > section#maximum .beelden {
    margin-top: 30px;
    margin-bottom: 0px;
    height: 200px;
    overflow: hidden; }
    body > #kookboeken > section#maximum .beelden > .beeld {
      float: none;
      width: auto;
      height: auto; }
      body > #kookboeken > section#maximum .beelden > .beeld.rechts {
        margin-top: -200px; }
  body > #kookboeken > section#inhoudstabel div.overzicht > div {
    margin-right: 70px; }
    body > #kookboeken > section#inhoudstabel div.overzicht > div .catcollection .helft .item {
      display: flex;
      flex-direction: row-reverse; }
  body > #kookboeken > section#formulier form > fieldset > div {
    margin-bottom: 15px !important; }
  body > #kookboeken > section#formulier > .helft.rechts {
    top: 0px;
    left: 0px;
    margin-top: 60px; }
    body > #kookboeken > section#formulier > .helft.rechts > a {
      display: block;
      height: 80px; }
  body > #recepten > section#receptuur {
    padding-bottom: 0px; }
    body > #recepten > section#receptuur .beelden {
      margin-top: 30px !important; }
      body > #recepten > section#receptuur .beelden > .beeld {
        height: auto !important; }
  body > #recepten > section#voorbeelden > .helft.links #inhoudstabel {
    height: auto;
    min-height: 0px; }
    body > #recepten > section#voorbeelden > .helft.links #inhoudstabel h3, body > #recepten > section#voorbeelden > .helft.links #inhoudstabel ul {
      display: none; }
  body > #recepten > section#voorbeelden > .helft.rechts#voorbeeldrecept {
    height: auto;
    overflow: visible;
    margin-top: 0px;
    background: none; }
    body > #recepten > section#voorbeelden > .helft.rechts#voorbeeldrecept .item {
      width: auto;
      margin-bottom: 0px; }
      body > #recepten > section#voorbeelden > .helft.rechts#voorbeeldrecept .item img {
        margin-top: 30px; }
      body > #recepten > section#voorbeelden > .helft.rechts#voorbeeldrecept .item div.titel {
        font-size: 20px; }
      body > #recepten > section#voorbeelden > .helft.rechts#voorbeeldrecept .item div.bol {
        right: auto;
        left: 30px; }
      body > #recepten > section#voorbeelden > .helft.rechts#voorbeeldrecept .item div.bereiding {
        width: 100%;
        max-width: 600px; }
      body > #recepten > section#voorbeelden > .helft.rechts#voorbeeldrecept .item div.ingredienten {
        width: 100%;
        max-width: 300px; }
  body > #recepten > .scheiding {
    margin-top: 0px; } }
@media only screen and (max-width: 725px) {
  body {
    overflow-x: hidden; }
    body > header #menu {
      transition: left 700ms ease;
      height: 100%;
      position: fixed;
      z-index: 1000;
      padding-right: 50px;
      background-color: rgba(220, 229, 228, 0.75);
      left: -100%; }
      body > header #menu::after {
        content: 'X';
        position: absolute;
        right: 0;
        top: 0;
        width: 50px;
        height: 50px;
        color: white;
        text-align: center;
        font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif;
        font-size: 30px;
        padding-top: 20px; }
      body > header #menu .mobilenav {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 50px;
        height: 50px;
        text-align: center;
        color: white;
        font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif;
        font-size: 13px;
        text-transform: uppercase;
        padding-top: 30px;
        box-sizing: border-box;
        background: url(/images/icon_hamburger.png) no-repeat top center #F0CD00;
        background-size: 80% auto;
        cursor: pointer; }
      body > header #menu.show {
        left: 0px; }
        body > header #menu.show .mobilenav {
          display: none; }
      body > header #menu div.knoppen {
        height: 100%; }
        body > header #menu div.knoppen img {
          width: 100%;
          height: auto;
          max-width: 413px; }
        body > header #menu div.knoppen ul {
          flex-direction: column;
          justify-content: space-around;
          height: 100%; }
          body > header #menu div.knoppen ul li {
            font-size: 25px !important;
            letter-spacing: 1px; }
            body > header #menu div.knoppen ul li a {
              font-size: 25px !important;
              filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
              opacity: 0.5; }
              body > header #menu div.knoppen ul li a:hover {
                filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
                opacity: 1;
                color: black !important; }
            body > header #menu div.knoppen ul li.selected {
              background-color: #f0cd00;
              border: 0;
              padding: 15px 0;
              color: white; }
    body > header.index div.bollen .hoofdbol, body > header.thermomix div.bollen .hoofdbol, body > header.workshops div.bollen .hoofdbol, body > header.kookboeken div.bollen .hoofdbol, body > header.recepten div.bollen .hoofdbol {
      left: calc(50% - 155px);
      top: -35px; }
    body > header.index div.bollen .subbol, body > header.thermomix div.bollen .subbol, body > header.workshops div.bollen .subbol, body > header.kookboeken div.bollen .subbol, body > header.recepten div.bollen .subbol {
      top: 260px;
      left: calc(50% - 20px); }
    body > header.index div.bollen a.taalbol, body > header.thermomix div.bollen a.taalbol, body > header.workshops div.bollen a.taalbol, body > header.kookboeken div.bollen a.taalbol, body > header.recepten div.bollen a.taalbol {
      top: 225px;
      left: calc(50% + 125px);
      right: auto; }
    body > header.index div.bollen div.voorgrond, body > header.thermomix div.bollen div.voorgrond, body > header.workshops div.bollen div.voorgrond, body > header.kookboeken div.bollen div.voorgrond, body > header.recepten div.bollen div.voorgrond {
      z-index: 10; }
    body > header.index div.scheiding, body > header.thermomix div.scheiding, body > header.workshops div.scheiding, body > header.kookboeken div.scheiding, body > header.recepten div.scheiding {
      bottom: -120px;
      top: auto; }
    body > header.index {
      /*//aangepaste bollen (31/8/17)
      //desktop ook aanpassen!
      //***
      div.bollen {
      	.hoofdbol.actie {
      		left: calc(50% - 80px);
      		top: 185px;
      	}
      	.subbol {
      		left: calc(50% - 100px);
      		top: 30px;
      	}
      	a.taalbol {
      		left: calc(50% + 150px);
      		top: 195px;
      	}
      }
      //***
      */ }
      body > header.index div#achtergrond div.sfeer div.beeld {
        background-position: calc(50% + 300px) bottom; }
      body > header.index div.bollen div.voorgrond {
        top: 177px;
        left: calc(2% - 25px); }
      body > header.index div.bollen .subbol {
        top: 280px; }
      body > header.index div.bollen a.taalbol {
        left: calc(50% + 140px);
        top: 230px; }
    body > header.thermomix div#achtergrond div.sfeer div.beeld {
      background-position: calc(50% - 75px) 0px; }
    body > header.thermomix div.bollen .subbol {
      left: calc(50% - 180px); }
    body > header.thermomix div.bollen a.taalbol {
      left: calc(50% - 160px); }
    body > header.thermomix div.bollen div.voorgrond {
      display: none; }
    body > header.workshops div#achtergrond div.sfeer div.beeld {
      background-position: calc(50% - 100px) 0px; }
    body > header.workshops div.bollen div.voorgrond {
      top: 242px;
      left: calc(50% - 220px); }
    body > header.workshops div.scheiding {
      top: 440px;
      bottom: auto; }
    body > header.kookboeken div#achtergrond div.sfeer div.beeld {
      background-position: calc(50% - 200px) 0px; }
    body > header.kookboeken div.bollen .subbol {
      left: calc(50% - 180px); }
    body > header.kookboeken div.bollen a.taalbol {
      left: calc(50% - 160px); }
    body > header.kookboeken div.bollen div.voorgrond {
      display: none; }
    body > header.recepten div.scheiding {
      bottom: -100px; }
    body div.content > footer div.links {
      display: flex;
      flex-direction: column;
      color: black;
      text-align: center;
      line-height: 130%; }
      body div.content > footer div.links > .selected {
        color: white; }
    body div.content > footer div.rechts {
      display: flex;
      flex-direction: column;
      text-align: center; }
      body div.content > footer div.rechts span.geel {
        display: block; }
      body div.content > footer div.rechts div.logo {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center; }
    body div.content#index section.quotes ul > li {
      box-sizing: border-box;
      padding: 0 20px; }
      body div.content#index section.quotes ul > li .onder, body div.content#index section.quotes ul > li .boven {
        display: none; }
    body div.content#index section.gamma {
      flex-wrap: nowrap;
      flex-direction: column;
      text-align: center; }
      body div.content#index section.gamma h1, body div.content#index section.gamma h2 {
        padding-left: 0; }
      body div.content#index section.gamma > a {
        margin-left: 20px;
        margin-right: 20px;
        width: calc(100% - 40px);
        flex: none; }
        body div.content#index section.gamma > a > .bol.next {
          left: calc(50% - 65px); }
    body div.content#index section.social > .getuigenissen div .tekst {
      text-align: center; }
    body div.content#index section.social > .getuigenissen div.eerste, body div.content#index section.social > .getuigenissen div.tweede {
      background: none; }
    body div.content#index section.social > .getuigenissen div.scheiding {
      margin-right: 0px; }
    body div.content#index section.social > .facebook {
      display: none; }
    body div.content#thermomix > section {
      padding-left: 40px;
      text-align: center; }
      body div.content#thermomix > section > .helft > .tekst {
        text-align: center; }
      body div.content#thermomix > section > .helft.links + .rechts.beelden {
        flex-direction: column;
        align-items: center; }
        body div.content#thermomix > section > .helft.links + .rechts.beelden > .bol {
          top: 110px !important;
          left: calc(50% - 100px) !important; }
          body div.content#thermomix > section > .helft.links + .rechts.beelden > .bol + .bol {
            top: 320px !important;
            left: 50% !important; }
            body div.content#thermomix > section > .helft.links + .rechts.beelden > .bol + .bol + .bol {
              top: 450px !important;
              left: calc(50% - 100px) !important; }
        body div.content#thermomix > section > .helft.links + .rechts.beelden > .beeld {
          float: none; }
      body div.content#thermomix > section > .helft > ul {
        list-style: none !important;
        padding-left: 0px !important; }
    body div.content#workshops > section {
      padding-left: 40px;
      text-align: center; }
      body div.content#workshops > section > .helft.rechts .beeld {
        height: 252px;
        overflow: hidden; }
        body div.content#workshops > section > .helft.rechts .beeld + h2 {
          margin-top: 30px !important; }
      body div.content#workshops > section > .helft.rechts form {
        width: 100%; }
        body div.content#workshops > section > .helft.rechts form #naam, body div.content#workshops > section > .helft.rechts form #straat, body div.content#workshops > section > .helft.rechts form #gemeente, body div.content#workshops > section > .helft.rechts form #tel, body div.content#workshops > section > .helft.rechts form #email, body div.content#workshops > section > .helft.rechts form select {
          box-sizing: border-box;
          width: 100% !important; }
    body div.content#kookboeken > section {
      padding-left: 40px;
      text-align: center; }
      body div.content#kookboeken > section > .helft > .tekst {
        text-align: center; }
      body div.content#kookboeken > section > .helft.links + .rechts.beelden {
        flex-direction: column;
        align-items: center;
        height: auto !important; }
        body div.content#kookboeken > section > .helft.links + .rechts.beelden > .bol {
          top: 110px !important;
          left: calc(50% - 100px) !important; }
          body div.content#kookboeken > section > .helft.links + .rechts.beelden > .bol + .bol {
            top: 320px !important;
            left: 50% !important; }
            body div.content#kookboeken > section > .helft.links + .rechts.beelden > .bol + .bol + .bol {
              top: 450px !important;
              left: calc(50% - 100px) !important; }
        body div.content#kookboeken > section > .helft.links + .rechts.beelden > .beeld {
          float: none; }
      body div.content#kookboeken > section#inhoudstabel div.overzicht > div {
        margin-right: 0px;
        height: auto;
        overflow: hidden; }
        body div.content#kookboeken > section#inhoudstabel div.overzicht > div > div.catcollection {
          display: flex;
          flex-direction: column; }
          body div.content#kookboeken > section#inhoudstabel div.overzicht > div > div.catcollection > .helft {
            margin-right: 0px;
            width: 100%; }
            body div.content#kookboeken > section#inhoudstabel div.overzicht > div > div.catcollection > .helft > .subtitel {
              text-align: left; }
            body div.content#kookboeken > section#inhoudstabel div.overzicht > div > div.catcollection > .helft > .item .pagina {
              display: none; }
            body div.content#kookboeken > section#inhoudstabel div.overzicht > div > div.catcollection > .helft > .item .naam {
              padding-left: 0px;
              text-align: left;
              width: 100%; }
      body div.content#kookboeken > section#formulier div.helft.links form > fieldset > div.map {
        width: 100%; }
      body div.content#kookboeken > section#formulier div.helft.links form > fieldset input.submit.knop {
        margin-left: auto;
        margin-right: auto; }
      body div.content#kookboeken > section#formulier div.helft.links form #naam, body div.content#kookboeken > section#formulier div.helft.links form #straat, body div.content#kookboeken > section#formulier div.helft.links form #gemeente, body div.content#kookboeken > section#formulier div.helft.links form #email {
        width: 100%;
        box-sizing: border-box; }
      body div.content#kookboeken > section#formulier div.helft.rechts a.std {
        height: auto;
        text-align: center; }
        body div.content#kookboeken > section#formulier div.helft.rechts a.std > img {
          float: none; }
        body div.content#kookboeken > section#formulier div.helft.rechts a.std > span {
          padding: 10px 40px 0 40px; }
    body div.content#recepten > section {
      padding-left: 40px;
      text-align: center; }
      body div.content#recepten > section > .helft > .tekst {
        text-align: center; }
      body div.content#recepten > section > .helft.links + .rechts.beelden {
        flex-direction: column;
        align-items: center;
        height: auto; }
        body div.content#recepten > section > .helft.links + .rechts.beelden > .beeld {
          float: none; }
      body div.content#recepten > section#voorbeelden h2 {
        font-size: 25px; }
      body div.content#recepten > section#voorbeelden #voorbeeldrecept {
        padding-left: 15px !important; }
        body div.content#recepten > section#voorbeelden #voorbeeldrecept .item {
          overflow: hidden;
          margin-right: 10px; }
          body div.content#recepten > section#voorbeelden #voorbeeldrecept .item .ingredienten {
            padding-left: 0px;
            text-align: left; }
          body div.content#recepten > section#voorbeelden #voorbeeldrecept .item .bereiding {
            text-align: left; }
          body div.content#recepten > section#voorbeelden #voorbeeldrecept .item .bol {
            left: 50% !important; } }
@media only screen and (max-width: 444px) {
  body > header #menu div.knoppen::before {
    display: none; }

  body > div#workshops #inschrijving div.links {
    flex-direction: column; }
    body > div#workshops #inschrijving div.links > .datum {
      box-sizing: border-box;
      width: 100%; } }