/*************************************
Copyright en realisatie: SiteDish.nl
www.sitedish.nl
Copyright foto: www.depositphotos.com
*************************************/
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,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-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}

.slide2,.slide3,.slide4,.slide5,.slide6{display:none}

html, body {
  height: 100%;
  -webkit-font-smoothing: subpixel-antialiased !important;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

body {
  height:100%;
  background: white url(/algemeen/img/bg/bg_wood2.jpg);-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-attachment:fixed;  font-size: 12px;
  font-family:'Open Sans', Helvetica, Arial, Verdana, sans-serif;
  font-weight: normal;
  font-style: normal;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}

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

button, button:hover {
  cursor: pointer;
}

.sprite {
  background: url(/algemeen/img/sprite1.png);
}

.sprite2 {
  background: url(/algemeen/img/sprite-slide1.png);
}

b, strong {
  font-weight: 600; 
}

.container {
  width: 990px;
  margin: auto;
}

#balk {
  width: 100%;
  height: 29px;
  background: #151515;  z-index: 3;
  position: relative;
}

#balk ul {
  float: right;
  font-size: 11px;
  line-height: 2.6em;
}

#balk li {
  display: inline;
}

#balk li.normli {
  padding: 0 0 0 30px;
  
}

#balk li.flagli1 {
  padding: 0 0 0 25px;
}

#balk li.flagli {
  padding: 0 0 0 5px;
}

#balk li img {
  margin: 2px 0 0 0;
  vertical-align: middle;
}

.flag {
  width: 16px;
  height: 16px;  
}

.flag-nl {
}

.flag-uk {
  background-position: -16px 0;
}

.flag-ch {
  background-position: -32px 0;
}

.flag-de {
  background-position: -48px 0;
}

#balk a {
  color: white;
  text-decoration: none;
}

#balk a:hover {
  text-decoration: underline;
}

.balk-icon {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-left: 2px;
}

.balk-fb {
  background-position: -200px 0;
}

.balk-ins {
  background-position: -216px 0;
}

.balk-tw {
  background-position: -232px 0;
}

.balk-icon:hover {
  opacity: 0.6; 
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}

#header {
  width: 100%;
  height: 129px;
  background: white;  position: relative;
  z-index: 2;
}

.schaduw {
  box-shadow:             0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow:     0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow:        0px 0px 5px 0px rgba(0, 0, 0, 0.75);
}

.logo {
  float: left;
  max-height: 129px;
}

#nav {
  float: right;
  margin: 57px 0 0 0;
}

#nav li {
  display: inline;
  padding: 0 0 0 20px;
}

#nav .first {
  padding-left: 0;
}

#nav a {
  font-size: 14px;
  text-decoration: none;
  color: black;}

#nav a:hover {
  text-decoration: underline;
}

/* content */

#content {
  width: 990px;
  margin: auto;
  background: white;
}

#gesloten {
  width: 100%;
  background: #e02222;
  margin: 20px auto;
  padding: 30px 0;
  border-top: 3px dotted white;
  border-bottom: 3px dotted white;
  color: white;
  text-align: center;
}

#gesloten h3 {
  font-weight: 600;
  color: white;
  text-align: center;
  font-size: 20px;
}

#gesloten p {
  padding: 18px 0 0 0;
  color: white;
  font-size: 14px;
  text-align: center;
}

#vooruitbestellen {
  width: 100%;
  background: #ffeed3;
  margin: 20px auto;
  padding: 15px 0;
}

#vooruitbestellen h3 {
  font-weight: 600;
  color: black;
  text-align: center;
  font-size: 20px;
}

#vooruitbestellen p {
  padding: 12px 0 0 0;
  color: black;
  font-size: 14px;
  text-align: center;
}


/* links */

#links { 
  width: 220px;
  float: left;
}

#menukaart {
  width: 220px;
  margin: 20px 0 0 0;
}

#zoek {
  margin: 0 0 7px 15px;
  display: inline;
  padding: 4px;
  outline: 0;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 12px;
  border: 1px solid #dddddd;
  width: 140px;
  color: #333;
}

#zoek:focus {
  border: 1px solid #aaaaaa;
}

#zoeknu {
  margin-top: -3px;
  margin-left: -20px;
  cursor: pointer;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background-color: white;
  background-position: -309px -150px;
}

span.highlight{
  background:yellow;
  padding-left: 2px; 
  padding-right:2px;
  color:black;
}

#menukaart dt {
  font-size: 20px;
  font-weight: 600;
  padding: 0 0 8px 10px;
}

#menukaart dd {
  border-bottom: 1px solid #dddddd;
  line-height: 1.4em;
  width: 220px;
  font-size: 11px;
}

#menukaart a {
  display: block;
  width: 200px;
  color: black;
  text-decoration: none;
  padding: 7px 0 7px 20px;
}

#menukaart dd:nth-of-type(even) {
  background: #f5f5f5;
}

#menukaart dd:hover {
  background: #efefef;
  text-decoration: underline;
}

#menukaart #zoekdd:hover {
  text-decoration: none;
  background: none;
}

#legenda {
  margin: 21px 0 0 15px;
  display: none;
  font-size: 11px;
}

#legenda td {
  padding: 3px 17px 3px 0px;
}

#legenda img {
  vertical-align: top;
}

.fixed {
  position: fixed;
  top: 0;
}

#midden {
  width: 490px;
  margin: 20px 30px 0 30px;
  float: left;
}

#nieuweApp {
  width: 100%;
  background: #c4edce;
  margin: 0 0 15px 0;
  border: 1px solid #1cb841;
  border-radius: 5px;
  text-align: center;
}

#nieuweApp h4 {
  font-weight: bold;
  padding: 13px 13px 8px 13px;
  font-size: 14px;
  text-align: center;
}

#nieuweApp p {
  padding: 0 13px 13px 13px;
  text-align: center;
}

.appIcon {
  margin: 0 5px 13px 5px;
  width: 110px
}

.acties {
  width: 100%;
  background: #ffeed3;
  margin: 0 0 30px 0;
  -webkit-border-radius:  3px;
  -moz-border-radius:     3px;
  border-radius:          3px;
  background-clip: padding-box;
}

.acties li {
  line-height: 1.5em;
  padding: 7px 5px 7px 15px;
}

.acties_frontpage {
  width: 100%;
  margin: 0 auto 30px auto;
  background-clip: padding-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.acties_frontpage li {
  padding: 10px 10px;
  margin: 10px 0;
  line-height: 1.6em;
}

.acties_frontpage .actieve_actie {
  color: black;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.5);
  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.5);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5);
  border:1px solid #ca9336;
  background-color:#fecb5e;
  background-image:-webkit-gradient(linear,0% 0,0% 100%,from(#fed970),to(#feba48));
  background-image:-webkit-linear-gradient(top,#fed970,#feba48);
  background-image:-moz-linear-gradient(top,#fed970,#feba48);background-image:-ms-linear-gradient(top,#fed970,#feba48);
  background-image:-o-linear-gradient(top,#fed970,#feba48);
  -moz-background-clip:padding;
  -webkit-background-clip:padding-box;
  background-clip:padding-box;
  text-shadow:0 1px 0 rgba(255,255,255,.6);
  cursor: pointer;
}

span.actie-titel {
  font-size: 14px;
  font-family: 'Bree Serif';
  padding: 0 0 8px 0;
}

span.actie-omschrijving {
  font-size: 12px;
  padding: 0 0 0 0;

}

span.actie-uitzonderingen {
  display: none;
  font-size: 8px;
  padding: 8px 0 0 0;
}

.categorie {  
}

.categorie h4 {
  padding: 7px 0 10px 0;
  font-family: 'Bree Serif', Rockwell, 'Lucida Bright', Georgia, serif;
  color: #e02222;  font-size: 23px;
  text-align: center;
}

.categorie p {
  padding: 0px 0 7px 0;
  font-size: 10px;
  line-height: 1.4em;
  color: #696969;
  text-align: center;
}

.categorie img {
  max-width: 100%;
}

.categorieImg {
  max-width: 100%;
}

.popi {
  width: 19px;
  height: 22px;
  background-position: -200px -200px;
  float: left;
  margin: 5px 10px 0 0;
}

.omhoog {
  float: right;
  width: 18px;
  height: 18px;
  background-position: -273px -150px;
  margin-top: 5px;
  margin-left: -18px;
}

.omhoog:hover {
  cursor: pointer;
  background-position: -291px -150px;
}

.omhoog:active {
  cursor: pointer;
  background-position: -273px -150px;
}

.gerechten {
  margin-bottom: 40px;
  width: 100%;
  border-collapse: collapse;
}

.gerechten td {
  vertical-align: top;
  line-height: 1.4em;
}

.gerechten tr {
  display:table-row;
}

.gr-nr {
  width: 40px;
  font-size: 11px;
  padding: 13px 0 0 0;
}

.gr-ger {
  padding: 13px 0 0 0;
}

.gr-ger a {
  color: black;
  text-decoration: none;
}

.naam_gerecht {
  display: block;
  font-weight: 700;
}

.oms_gerecht {
  display: block;
  padding: 4px 0 0 0;
}

.menu_keuze {
  display: block;
  font-size: 10px;
  color: #999999;
  margin: 6px 0 13px 0;
}

.gr-foto {
  width: 130px;
  position: relative;
}

.fotowrapper {
  width: 120px; 
  /*height: 76px; 
  overflow: hidden; */
  display:block; 
  margin: 13px 0 13px 10px;
}

.zoom {
  width: 16px;
  height: 16px;
  background-color: rgba(255,255,255,0.8);
  background-position: -309px -150px;
  position: absolute;
  right: 5px;
  z-index: 5; 
}

.fotogerecht {
  min-height: 16px;
  min-width: 16px;
  max-width: 120px;
  float: none;
  margin: 0; 
  max-width: 120px; 
  /*max-height: 76px; 
  display: block; 
  margin: auto; 
  vertical-align: middle;
  position: relative; 
  top: 50%; 
  transform: translateY(-50%);*/
}


  #xl-foto-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: rgba(0,0,0,0.8);
    top: 0;
  }

  #xl-foto-wrapper {
  width: auto;
  max-width: 600px;
  margin: auto;
  }

  #xl-fotogerecht {
    max-width: 100%;
    display: block;
    margin: auto;
  max-height: 500px;
  background-color: white;
  }

  #xl-foto-titel {
    width: 100%;
    height: 44px;
    margin: auto;
  }

  #xl-foto-close {
  outline: 0;
  float: right;
  width: 22px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-weight: normal;
  color: white;
  font-size: 26px;
  font-family: Arial,Baskerville,monospace;
  }

  #xl-foto-close:hover {
    cursor: pointer;
  }

.gr-pr {
  width: 60px;
  padding: 13px 13px 0 0;
  text-align: right;
}

.gr-add {
  width: 25px;
  vertical-align: top;
  padding: 13px 0;
}

.gr-img-add {
  width: 25px;
  height: 25px;
  vertical-align: top;
  background-color: rgb(28, 184, 65);  background-position: -225px -100px;
  -webkit-transform: translate3d(0px,0px,0px);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.gr-img-add:active {
  background-color: #7c7c7c;
}

.del {
  float: right;
  text-decoration: line-through;
  color: #E02222;
  line-height: 1.4em;
  font-family: 'Open Sans';
  font-weight: normal;
}

.uitverkocht {
  font-size: 9px;
  padding-right: 0;
  color: #E02222;
  font-weight: 600;
}

#icon_text {
  position: absolute;
  z-index: 10;
  border-radius: 2px;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
  background: #191919;
  color: white;
  padding: 3px 4px;
  font-size: 9px;
  font-weight: 400;
}

.allergieicon {
  height: 16px;
  display: inline-block;
  margin: 6px 3px 0 0;
  width: 16px;
  height: 16px;
  vertical-align: middle;
}

.aicon1 {
  /* ei */
  background-position: -350px -250px;
}

.aicon2 {
  /* gluten */
  background-position: -366px -250px;
}

.aicon3 {
  /* lupine */
  background-position: -382px -250px;
}

.aicon4 {
  /* melk */
  background-position: -398px -250px;
}

.aicon5 {
  /* mosterd */
  background-position: -414px -250px;
}

.aicon6 {
  /* noten */
  background-position: -430px -250px;
}

.aicon7 {
  /* pindas */
  background-position: -446px -250px;
}

.aicon8 {
  /* schaaldieren */
  background-position: -462px -250px;
}

.aicon9 {
  /* selderij */
  background-position: -478px -250px;
}

.aicon10 {
  /* sesam */
  background-position: -494px -250px;
}

.aicon11 {
  /* soja */
  background-position: -510px -250px;
}

.aicon12 {
  /* vis */
  background-position: -526px -250px;
}

.aicon13 {
  /* weekdieren */
  background-position: -542px -250px;
}

.aicon14 {
  /* zwavel */
  background-position: -558px -250px;
}

.aicon15 {
  /* vegetarisch */
  background-position: -574px -250px;
}

.aicon16 {
  /* halal */
  background-position: -608px -250px;
}

.aicon17 {
  /* vegan */
  background-position: -624px -250px;
}

.aiconP1 {
  width: 6px;
  height: 16px;
  background-position: -590px -250px;
}

.aiconP2 {
  width: 12px;
  height: 16px;
  background-position: -590px -250px;
}

.aiconP3 {
  width: 18px;
  height: 16px;
  background-position: -590px -250px;
}

.gerechten tbody:nth-of-type(odd){
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}

.gerechten tbody:nth-last-of-type(1){
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}





.Inbestelmoduspopup {
  padding: 20px;
  font-size: 13px;
  line-height: 1.5em;
}

.postcode {
  width: 400px;
  background: white;
  position: relative;
  margin: auto;
  padding: 0 0 12px 0;
}

.pc-titel {
  background: black;
}

.postcode h1 {
  font-weight: 600;
  font-size: 22px;
  padding: 11px 0 11px 11px;
  color: white;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
}

.pc-vooruitbestellen {
  margin: 11px 11px 0 11px;
  background: #ffeed3;
}

.pc-vooruitbestellen p {
  padding: 7px 11px;
  line-height: 1.3em;
  font-size: 11px;
}

.pc-gesloten {
  background: #e02222;
}

.pc-gesloten p {
  padding: 7px 11px;
  line-height: 1.3em;
  font-size: 11px;
  color: white;
}

.pc-gesloten img {
  display: block;
  margin: auto;
  max-width: 100%;
}

.vul-in {
  font-size: 13px;
  padding: 17px 0 0 11px;  
}

#pc-form {
  display: block;
  margin: 10px 0 0 11px;
  line-height: 1em;
}

.postcode input, .pc-submit {
  outline: 0;
}

#ba-postcode-ingevuld {
  color: rgb(84, 84, 84);
}

.mijnpc, .pc-submit {
  -webkit-appearance: none;
  -moz-appearance:    none;
  appearance:         none;
  border-radius: 0;
  border: none;
  font-family: 'Open Sans', Arial, Verdana;
  font-weight: 600; 
  font-size: 20px;
  height: 50px;
  padding: 0;
  margin: 0;
  vertical-align: middle;
  text-align: center;
  -moz-box-sizing: content-box; 
  -webkit-box-sizing: content-box; 
  box-sizing: content-box;
  background-clip: padding-box;
}

.mijnpc {
  width: 100px;
  border:1px solid #169935;
  border-right: none;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  background-clip: padding-box;
}

.pc-submit {
  background: #35AA47;
  width: 140px;
  color: white;
  border: 1px solid #169935;
  border-left: none;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  background-clip: padding-box;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.waar {
  font-size: 11px;
  color: #999999;
  margin: 10px 0 0 11px;
  display: block;
  float: left;
  clear: both;
  text-decoration: none;
}

.waar:hover {
  color: #222222;
}

.niet-bezorgen .pc-titel {
  background: #e02222;
  border-bottom: none;
  -webkit-box-shadow: none;
  -moz-box-shadow:    none;
  box-shadow:         none;

}

.niet-bezorgen {
  background: #e02222;
  color: white;
}

.kijk {
  color: white;
  margin: 20px 0 4px 12px;
}

.kijk-hier {
  color: white;
}




#extraopties {
  width: 620px;
  background: white;
  margin: 30px auto;
  position: relative;
}

.eo-titel {
  width: 100%;
  background: black;
}

#extraopties h1 {
  font-family: 'Bree Serif', Rockwell, 'Lucida Bright', Georgia, serif;
  color: white;
  font-size: 22px;
  padding: 11px 44px 11px 11px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-rendering: auto;
}

#in-extraopties {
  width: 600px;
  margin: 0 auto;
}

#extraopties h2 {
  color: #E02222;
  font-family: 'Bree Serif', Rockwell, 'Lucida Bright', Georgia, serif;
  font-size: 17px;
  padding: 11px 0 8px 0;
  margin: 7px auto;
  border-bottom: 1px solid #e2e2e2;
}

#extraopties hr {
  width: 100%;
  margin: 0 auto;
  padding:0;
  border-color:#e3e3e3;
  border-style:solid;
  border-width:1px 0 0;
  clear:both;
  height:0;
}

#extraopties label {
  width: 300px;
  float: left;
  vertical-align: middle;
  line-height: 18px;
  font-size: 12px;
  padding: 2px 0;
}

#extraopties input {
  vertical-align:middle;
}

#extraopties label span {
  font-weight: 600;
  margin-left: 3px;
}

#extraopties label small {
  font-size: 11px;
  font-weight: normal;
  float: right;
  padding-right: 10px;
}



.start_opties2 label:nth-of-type(4n+3),.start_opties2 label:nth-of-type(4n+4){
  background: #f5f5f5;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
}

:checked + span {
  padding: 2px 4px;
  background: #1CB841;
  -webkit-border-radius:  2px;
  -moz-border-radius:     2px;
  border-radius:          2px;
  color: white;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  background-clip: padding-box;
}

#extraopties label:hover {
  cursor: pointer;
}

#extraopties select { 
  width: 300px;
  padding: 5px 7px;
  font-family: 'Open Sans';
  border: 1px solid #dddddd;
  overflow: hidden;
  -webkit-border-radius:  0;
  -moz-border-radius:     0;
  border-radius:          0;
}

#extraopties input.aantal {
  -webkit-appearance: none;
  -moz-appearance:    none;
  appearance:         none;
  -webkit-border-radius:  0;
  -moz-border-radius:     0;
  border-radius:          0;
  width: 30px;
  padding: 5px 7px;
  font-family: 'Open Sans';
  border: 1px solid #dddddd;
  vertical-align: middle;
  background: white;
  border: 1px solid #dddddd;

}

.eo-onder {
  padding: 18px 0 15px 0;
}

.submit {
  font-family: 'Open Sans','Helvetica Neue',Arial, sans-serif;
  font-size: 17px;
  color: white;
  background-color: rgb(28, 184, 65);
  border: none;
  display: block;
  margin: auto;
  width: 150px;
  height: 40px;
  font-weight: 600;
  -webkit-border-radius:  4px;
  -moz-border-radius:     4px;
  border-radius:          4px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  border-bottom: 5px solid #169935;
  background-clip: padding-box;
}

.submit:hover{
  text-decoration: underline;
}

#rechts {
  width: 220px;
  float: left;
}

#winkelwagen {
  width: 220px;
  margin: 20px 0 0 0;
}

#winkelwagen h5 {
  font-size: 20px;
  font-weight: 600;
  padding: 0 0 8px 0;
}

#winkelwagen small {
  font-size: 11px;
  padding-left: 10px;
}

.cart {
  width: 100%;
  font-size: 11px;
  font-weight: 600;
}

.cart td {
  line-height: 1.3em;
  padding: 5px 5px;
  border-bottom: 1px solid #dddddd;
}

.crt-leeg {
  text-align: center;
  border-top: 1px solid #dddddd;  
  padding: 10px 5px;
  font-weight: 400;
}

.crt-nr {
  font-weight: 400;
}

.crt-prs {
  white-space: nowrap;
  font-weight: 400;
}

.crt-img-verw {
  vertical-align: top;
  width: 11px;
  height: 11px;
  border: none;
  -webkit-border-radius:  3px;
  -moz-border-radius:     3px;
  border-radius:          3px;
  background-position: -350px -100px;
  background-clip: padding-box;
}

.crt-img-verw:hover {
  background-position: -361px -100px;
  cursor: pointer;
}

.crt-img-verw:active {
  background-position: -350px -100px;
}

.keuze {
  font-weight: 400;
}

.crt-min {
  white-space: nowrap;
}

#cartMin {
  font-size: 9px;
}

.cart td.crt-min {
  background: #FFD9C8;
  color: #E02222;
  font-weight: 600;
}

.cart tr:nth-of-type(even) {
    background: #f5f5f5;
}

.cart tr:hover {
    background: #efefef;
}

.cart td.crt-tot {
  font-size: 12px;
  padding-top: 12px;
  font-weight: 600;
  border: none;
  padding: 12px 5px;
  background: white;
}

.btn-bestellen {
  border: none;
  display: block;
  width: 190px;
  margin: 20px auto;
  background: rgb(28, 184, 65);
  color: white;
  font-weight: 600;
  font-size: 16px;
  padding: 8px 0 8px 0; 
  -webkit-border-radius:  4px;
  -moz-border-radius:     4px;
  border-radius:          4px;
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  border-bottom: 5px solid #169935; 
  background-clip: padding-box;
}

.btn-bestellen:hover {
  text-decoration: underline;
}

.btn-grijs {
  background: #999999;
  border: none;
  border-bottom: 5px solid #767575;

  border: none;
  background: white;
  width: 1px;
  height: 1px;
  overflow: hidden;
  padding: none;
  font-size: 1px;
  text-shadow: none;
}

.btn-grijs:hover {
  cursor:not-allowed;
}

.toegevoegd {
  background: red;
}


h6.boh6 {
  margin: 40px 0 0 0;
  padding: 0 0 5px 17px;
  color: #1570a6;
  font-weight: 700;
  font-size: 13px;
}

h6.boh6m {
  margin: 20px 0 5px 0;
  padding: 0 0 0 0;
  color: #1570a6;
  font-weight: 700;
  font-size: 13px;
  display: none;
  text-align: center;
  text-decoration: underline;
}

h6.boh6m:hover {
  cursor: pointer;
  text-decoration: none;
}

.bezorginfo {
  width: 198px;
  float: left;
  background: #E9F2F7;
  color: #1570a6;
  overfow: hidden;
  margin: 0px 10px 10px 10px;
  font-size:11px;
  padding: 2px 0;
  border: 1px solid #D0E7F2;
  -webkit-border-radius:  4px;
  -moz-border-radius:     4px;
  border-radius:          4px;
  background-clip: padding-box;
}

.bezorginfo dt {
  clear: left;
  float:left;
  width: 118px;
  line-height: 1.7em;
  padding: 2px 0 2px 7px;
}

.bezorginfo dd {
  width: 70px;
  float: right;
  line-height: 1.7em;
  padding: 2px 0 2px 0px;
}

.verwijderPostcode {
  color: #557386;
  padding-left: 6px;
  text-decoration: none;
}

.verwijderPostcode:hover {
  text-decoration: underline;
  color: black
}

.switch_afhbez {
  font-weight: 700;
  font-size: 13px;
  color: #1570a6;
  font-weight: 600;
  -webkit-border-radius:  4px;
  -moz-border-radius:     4px;
  border-radius:          4px;
  width: auto;
  padding: 6px 0px;
  font-size: 11px;
  font-weight: 600;
}

.switch_afhbez a {
  color: white;
  color: #1570a6;
}

.copy {
  display: block;
  padding: 0px 10px 10px 0;
  text-align: center;
  font-size: 10px;
  color: #aaaaaa;
}

.copy a {
  text-decoration: none;
  color: #aaaaaa;
}

.copy span {
  text-decoration: underline;
}

.copy a:hover {
  color: #888888;
}


#laatsteBestelling {

  width: 198px;
  float: none;
  overfow: hidden;
  margin: 30px 10px 10px 10px;
  font-size:11px;
  padding: 2px 0;
  background-clip: padding-box;
}

#tableLaatsteBestelling {
  width:100%;
  margin:auto;
}

#tableLaatsteBestelling th {
  background: #FFB848;
  color: white;
  padding:4px;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}

#tableLaatsteBestelling th {
  
}

#tableLaatsteBestelling tr:nth-of-type(odd){
  background: #FFEED3;
}

#tableLaatsteBestelling td {
  padding: 3px;
}

/* mobiele winkelwagen */

#balk-mobiel {
  width: 100%;
  background: black;
  color: white;
  position: fixed;
  top: 0;
  z-index: 999;
  height: 46px;
  display: none;
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
}

/* side menu */
.pushy{
    position: fixed;
    width: 200px;
    height: 100%;
    top: 0;
    z-index: 9999;
    background: #222222;
    overflow: auto;
    overflow-x:hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

#slide-menu-ul {
    width: 100%;
}

#slide-menu-ul li {
    color: #888888;
    line-height: 3.0em;
    font-weight: 600;    
    padding-left: 15px;
}

#slide-menu-ul li a {
    color: #888888;
    text-decoration: none;
}

#slide-menu-ul li.slide-menu-uitklap {
    padding-left: 0;
    font-weight: 300;
}

#slide-menu-ul dt {
    padding-left: 15px;
    font-weight: 700;
}

#slide-menu-ul dd{
    background: #333333;
    line-height: 2.6em;
}

#slide-menu-ul dd a {
    width: 100%;
    padding-left: 15px;
    color: #888888;
    display: block;
    text-decoration: none;
}

.menu-btn {
    position: fixed;
    top: 0;
    z-index: 9999;
    height: 46px;  
    padding: 0 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-right: 1px solid white;
    background: black;
}

.menu-btn:hover {
    cursor: pointer;
}

.hamburger {
    width: 24px;
    height: 24px;
    background-position: -350px -200px;
    margin-top: 5px;
}

.menu-btn span {
    display: block;
    font-size: 8px;
    font-weight: 300;
    text-align: center;
    padding-top: 1px
}

.slide-menu-icon {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 11px;
    opacity: 0.6;
}

.slide-menu-menu {
    background-position: -374px -200px;
}

.slide-menu-info {
    background-position: -390px -200px;
}

.slide-menu-contact {
    background-position: -406px -200px;
}

.slide-menu-apple {
    background-position: -422px -200px;
}

.slide-menu-android {
    background-position: -438px -200px;
}

.slide-menu-review {
    background-position: -454px -200px;
}

.slide-menu-order {
    background-position: -470px -200px;
}

/* Menu Movement */

.pushy-left{
    -webkit-transform: translate3d(-250px,0,0);
    -moz-transform: translate3d(-250px,0,0);
    -ms-transform: translate3d(-250px,0,0);
    -o-transform: translate3d(-250px,0,0);
    transform: translate3d(-250px,0,0);
}

.pushy-open{
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.container-push, .push-push{
    -webkit-transform: translate3d(250px,0,0);
    -moz-transform: translate3d(250px,0,0);
    -ms-transform: translate3d(250px,0,0);
    -o-transform: translate3d(250px,0,0);
    transform: translate3d(250px,0,0);
}

.pushy, #container, .push{
    -webkit-transition: -webkit-transform .2s cubic-bezier(.16, .68, .43, .99);
    -moz-transition: -moz-transform .2s cubic-bezier(.16, .68, .43, .99);
    -o-transition: -o-transform .2s cubic-bezier(.16, .68, .43, .99);
    transition: transform .2s cubic-bezier(.16, .68, .43, .99);
}

.site-overlay{
    display: none;
}

.pushy-active .site-overlay{
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9998;
    background-color: rgba(0,0,0,0.65);
    -webkit-animation: fade 500ms; 
    -moz-animation: fade 500ms; 
    -o-animation: fade 500ms;
    animation: fade 500ms;
}

@keyframes fade{
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

@-moz-keyframes fade{
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

@-webkit-keyframes fade{
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

@-o-keyframes fade{
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

#balk-mobiel a {
  color: white;
  display: block;
  width: 100%;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  padding: 15px 0 15px 75px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
}

.bedrag {
  font-size: 12px;
  padding-left: 15px;
}

#mobiele-cart-wrapper {
  background: white;
  position: relative;
  width: 100%;
  max-width: 400px;
  padding: 0 0 10px 0;
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box;
  margin: 25px auto;
}

#mobiele-winkelwagen {
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box;
}

#mobiele-winkelwagen h5 {
  display: none;
}

.mob-titel {
  width: 100%;
  background: #222222;
  background: black;
}

.mob-titel h1 {
  font-weight: 700;
  color: white;
  white-space: nowrap;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  font-size: 18px;
  padding: 13px 0 13px 10px;
}




#footer {
  clear: both;
  width: 100%;
  background: #151515;
  z-index: 2;
  position: relative;
  padding-bottom: 0px;
  padding: 0 0 30px 0;
}

#footer a, .social {
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}

.footer_container {
  padding: 30px 0 0 0;
}

.footer-div {
  float: left;
  margin: 0 0;
  text-shadow: 1px 1px 0px rgba(0,0,0,0.7);
}

.footer-div h5 {
  font-weight: 600;
  font-size: 16px;
  line-height: 2em;
  padding-bottom: 5px;
  color: white;
  text-shadow: 1px 1px 0px rgba(0,0,0,0.7);
}

/* onderbalk sitedish */

.sitedish {
  width: 100%;
  text-align: center;
  background: #222222;
  height: 70px;
  text-shadow: 1px 1px 0px rgba(0,0,0,0.4);
}

.sitedish h6 {
  font-size: 15px;
  font-weight: 600;
  color: #4e4e4e;
  line-height: 70px;
  display:inline-block; 
  vertical-align:middle
}

.sitedish h6 a {
  color: #868686;
}

.sd-logo {
  vertical-align: middle;
  margin: 0 0 0 10px;
  width: 150px;
  height: 30px;
  background-position: 0px -160px;
}

.sd-logo:hover {
  background-position: 0px -190px;
}

/* contact */

.contact {
  width: 225px;
  color: #868686;
}

.contact h5 a {
  color: white;
  text-decoration: none;
}

.contact address {
  line-height: 2em;
}

.footer-rating {
  padding: 20px 0 0 0;
}

.footer-rating a {
  color: #868686;
}

/* klantenservice */

.klantenservice {
  width: 225px;
  margin-left: 30px;
}

.footer-ul {
  width: 100%;
  line-height: 2em;
}

.footer-ul li {
  line-height: 2em;  
}

.footer-ul a {
  color: #868686;
  text-decoration: none;
}

.footer-ul a:hover{
  color: white;
}

.social {
  width: 24px;
  height: 24px;
  vertical-align: top;
  margin-right: 10px;
  
}

.android {
  background-position: 0 -250px;
}

.apple {
  background-position: -24px -250px;
}

.facebook {
  background-position: -48px -250px;
}

.twitter {
  background-position: -72px -250px;
}

.instagram {
  background-position: -96px -250px;
}

.googleplus {
  background-position: -120px -250px;
}

.footer-ul li:hover .social {
  opacity: 0.6;
}

/* midden */

.mid {
  width: 225px;
  margin-left: 30px;
}

.dl-open {
  width: 100%;
  overfow: hidden;
  line-height: 2em;
}

.dl-open dt {
  float:left;
  width: 110px;
  color: #868686;
}

.dl-open dd {
  width: 115px;
  margin-left: 110px;
  color: #868686;
}

dt.vandaag,dd.vandaag {
  color: #FFB848;
}



.footer-dl {
  width: 190px;
  line-height: 2em;
}

.footer-dl dt {
  font-weight: 600;
  font-size: 16px;
  padding: 0 0 5px 0;
  line-height: 2em;
}

.footer-dl dd {
  line-height: 2em;
}

.footer-dl a {
  color: #868686;
  text-decoration: none;
  display: block;
  width: 100%;
}

.footer-dl dd:hover a{
  color: white;
}

/* footer reviews */

.footer-reviews {
  width: 990px;
  margin: 30px auto 0px auto;
}

.footer-reviews .review {
  float: left;
  width: 310px;
  margin: 10px;
  background: #222222;
  -webkit-border-radius:  7px;
  -moz-border-radius:     7px;
  border-radius:          7px;
  height: 100px;
  overflow: hidden;
  background-clip: padding-box;
  text-shadow: 1px 1px 0px rgba(0,0,0,0.7);
}

.footer-reviews .author {
  padding: 10px 10px 0 10px;
  font-weight: 600;
  font-size: 17px;
  color: #4e4e4e;
  text-shadow: 1px 1px 0px rgba(0,0,0,0.4);
}

.footer-reviews .recensie {
  padding: 10px;
  line-height: 1.5em;
  color: #868686;
}

.footer-reviews h6 {
  text-align: center;
  color: white;
  font-weight: 600;
  font-size: 16px;
  padding: 0px 0 30px 0;
  text-shadow: 1px 1px 0px rgba(0,0,0,0.7);
}

.sterren {
  display: block;
  width: 80px;
  height: 16px;
  float: right;
  margin: 5px 5px 0 0;
}

.sterren5 {
  background-position: -800px 0px;
}

.sterren4 {
  background-position: -800px -16px;
}

.sterren3 {
  background-position: -800px -32px;
}

.sterren2 {
  background-position: -800px -48px;
}

.sterren1 {
  background-position: -800px -64px;
}

/* footer tekst */

#footer-tekst {
  width: 990px;
  margin: 0px auto 0 auto;
}

#footer-tekst h6 {
  text-align: center;
  color: white;
  font-weight: 600;
  font-size: 20px;
  text-shadow: 1px 1px 0px rgba(0,0,0,0.7);
}

#footer-tekst-col {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  
  -webkit-column-gap: 60px;
  -moz-column-gap:    60px;
  column-gap:         60px;

  margin: 30px auto 0 auto;
}

#footer-tekst p {
  line-height: 1.7em;
  font-size: 13px;
  color: #868686;
  padding: 0px 0 20px 0;
  -moz-column-break-inside:avoid;
  -webkit-column-break-inside:avoid;
  column-break-inside:avoid;
  text-shadow: 1px 1px 0px rgba(0,0,0,0.7);
}

#footer-tekst a {
  color: #868686;
}

#footer2 {
  width: 100%;
  text-align: center;
  background: #222222;
  color: #868686;
}

#footer2 h6 {
  font-weight: 600;
  padding: 22px 0 0 0;
  text-shadow: 1px 1px 0px rgba(0,0,0,0.7);
}

#footer2 address {
  padding: 14px 0 22px 0;
  text-shadow: 1px 1px 0px rgba(0,0,0,0.7);
  line-height: 1.3em;
}

.mobieleversie {
  display: none;
  padding: 0 0 5px 0;
  text-shadow: 1px 1px 0px rgba(0,0,0,0.7);
}

/* bestelling.php */

.logo2 {
  display: block;
  margin: auto;
  max-height: 129px;
}

#header2 {
  width: 100%;
  height: auto;
  background: #151515 url(/algemeen/img/foto/pizza16.jpg) top center;  background-position: center center;
  position: relative;
  z-index: 1;
  -webkit-background-size: cover;
  -moz-background-size:    cover;
  -o-background-size:      cover;
  background-size:         cover;
}

#header2 h1 {
  padding: 50px 0;
  text-align: center;
}

#header2 span {
  font-size: 40px;
  font-weight: 600;
  background: rgb(255,255,255);
  background: rgba(255,255,255,0.7);
  -webkit-border-radius:  5px;
  -moz-border-radius:     5px;
  border-radius:          5px;
  padding: 10px 25px;
  background-clip: padding-box;
}

#header2 span.header2_span {
  background: none;
  padding: 0;
}

#bestelling-links {
  width: 660px;
  float: left;
  margin: 0 0 0 30px;
}

#bezorgadres-invoeren {
  width: 650px;
}

#bezorgadres-invoeren th {
  font-weight: 600;
  text-align: left;
  color: black;
  font-size: 20px;
  padding: 30px 0 15px 0;
}

#bezorgadres-invoeren td {
  line-height: 44px;
}

.ba-td1,.ba-td3 {
}

.ba-td2,.ba-td4 {
}

#bezorgadres-invoeren td.ba-td1 {
  padding-left: 20px;
}

#bezorgadres-invoeren td.ba-td-opmerkingen {
  height: auto;
  vertical-align: top;
}

#bezorgadres-invoeren label:hover {
  cursor: pointer;
}

.show-bedrijfsnaam, .kies-bank, .betaal-met, .show-bezorgtijd {
  display: none;
  background: #90dca2;
}

.issuerWarning {
    width: 270px;
    background: pink;
    margin: 5px 10px 10px 0px;
    font-size: 11px;
    padding: 3px;
    border: 1px solid #D0E7F2;
    border-radius: 4px;
    text-align: center;
}

#label-contant {
  margin-right: 30px;
}

.ideal-label {
  margin-left: 0;
  margin-right: 30px;
}

.label-creditcard {
  margin-right: 30px;
  display: inline-block;
}

.label-rekening {
  margin-right: 30px;
  display: inline-block;
}

.label-pinnen {
  margin-right: 30px;
  display: inline-block;
}

.ideal-bestelling2 {
  width: 15px;
  height: 15px;
  background-position: -200px -150px;
  margin: -1px 0 0 10px;
  vertical-align: middle;
}

.cc-bestelling {
  width: 22px;
  height: 15px;
  background-position: -200px -185px;
  margin: -4px 0 0 10px;
  vertical-align: middle;
}

#bezorgadres-invoeren tr {
  border-bottom: 1px solid #dddddd;
}

.ba-tr-bg {
  background: #f5f5f5;
}

.ba-kortingscode {
  float: right;
  font-size: 10px;
  background: #1570A6;
  background: #000;
  color: white;
  padding: 4px 5px;
  margin-top: 4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-decoration:none;
}

.ba-kortingscode:hover {
	text-decoration: underline;
}

/* INPUTS */

#bezorgadres-invoeren input {
  outline: 0;
}

.ba-input1, .ba-input2, .ba-input3 {
  padding: 5px 7px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  border: none;
  border: 1px solid #dddddd;
  vertical-align: middle;
}

.ba-input1 {
  width: 170px;
}

.ba-input2 {
  width: 30px;  
}

.ba-input3 {
  width: 20px;  
  margin-left: 10px;
}

.ba-input1:focus, .ba-input2:focus, .ba-input3:focus {
  border: none;
  border: 1px solid #999999;
  -webkit-transition:   all 0.2s ease-in-out;
  -moz-transition:      all 0.2s ease-in-out;
  -o-transition:        all 0.2s ease-in-out;
  transition:           all 0.2s ease-in-out; 
}

/* RADIO BUTTONS */

#radio-particulier {
  margin-top: -2px;
  vertical-align: middle;
  margin: -2px 9px 0 20px;  
}

#radio-zakelijk {
  margin-top: -2px;
  vertical-align: middle;
  margin: -2px 9px 0 20px;  
}

#radio-contant {
  margin-top: -2px;
  vertical-align: middle;
  margin: -2px 9px 0 0;    
}

#radio-ideal {
  margin-top: -2px;
  vertical-align: middle;
  margin: -2px 9px 0 0;    
}

#radio-creditcard {
  margin-top: -2px;
  vertical-align: middle;
  margin: -2px 9px 0 0;    
}

#radio-rekening {
  margin-top: -2px;
  vertical-align: middle;
  margin: -2px 9px 0 0;    
}

#radio-bezorg {
  margin-top: -2px;
  vertical-align: middle;
  margin: -2px 9px 0 0;     
}

#radio-afhaal {
  margin-top: -2px;
  vertical-align: middle;
  margin: -2px 9px 0 20px;  
}

/* SELECTS */

#bezorgadres-invoeren select {
  padding: 5px 7px;
  width: 184px;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 12px;
  border: 1px solid #dddddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

/* TEXTAREA */

#ba-opmerkingen {
  padding: 5px 7px;
  width: 170px;
  height: 55px;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;  
  font-size: 12px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  border: 1px solid #dddddd;
  vertical-align: middle;
  outline: 0;
  margin: 8px 0;
}

#ba-opmerkingen:focus {
  border: 1px solid #999999;
  -webkit-transition:   all 0.2s ease-in-out;
  -moz-transition:      all 0.2s ease-in-out;
  -o-transition:        all 0.2s ease-in-out;
  transition:           all 0.2s ease-in-out; 
}

/* aanbieding */

.ba-txt-aanbieding {
  padding: 14px 0 0 0;
}

.ba-txt-aanbieding input {
  margin-right: 10px;
  vertical-align: middle;
}

#algemenevoorwaarden {
  color:black;
}

/* errors validatie */

input.error {
  border: 1px solid #e02222;
  background: #fadede;
}

#bezorgadres-invoeren input.error:focus {
  border: 1px solid #e02222;
  background: #fadede;
  -webkit-transition:   all 0.2s ease-in-out;
  -moz-transition:      all 0.2s ease-in-out;
  -o-transition:        all 0.2s ease-in-out;
  transition:           all 0.2s ease-in-out;
}

label.error {
  color: #e02222;
  padding-left: 10px;
}

label.betaalwijze-error{
  background: #FADEDE;
  border: 1px solid #e02222;
  padding: 0px 5px 0 5px;
  vertical-align: middle;
  margin-left: 14px;
}

.valid {
}

/* bezorgblokken */

table.bezorgtijd_blokken {
  border-collapse: collapse;
  border-spacing: 0;
  line-height: 1em;
  margin-bottom: 10px;
}

#bezorgadres-invoeren .bezorgtijd_blokken td {
  border: 1px solid #dddddd;
  padding: 3px;
  line-height: 1em;
}

.bezorgtijd_blokken .groen {
  background: #3ba94c;
  color: white;
}

.bezorgtijd_blokken .rood {
  background: #e02222;
  color: white;
}

.bezorgtijd_blokken .groen:hover {
  cursor: pointer;
}

.bezorgtijd_blokken .rood:hover {
  cursor: not-allowed;
}

#bestelling-rechts {
  width: 220px;
  float: right;
  margin: 30px 30px 0 0;
}

#bestelling-rechts #winkelwagen {
  margin-top: 0;
}

#bestelling-rechts #winkelwagen .mob_cart_totaal {
  display: none;
}

.crt-uitklap {
  display: none;
}

b.tooltip2, b.tooltip2:link, b.tooltip2:visited, b.tooltip2:active {
  position: relative;
  cursor: default;
}

b.tooltip2:hover {
  z-index: 100;
  cursor: default;
}

b.tooltip2 span {
  display: none;
  cursor: default;
}

b.tooltip2:hover span {
  font-size: 10px;
  display: block;
  margin: 0;
  position: absolute;
  top: -55px;
  left: -140px;
  width: 250px;
  z-index: 100;
  line-height: 1.4em;
  border: 1px solid #5ca6eb;
  padding: 5px;
  background-color: #e6f2fd;
  cursor: default;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.3);
  font-weight: normal;
}

.ideal_vraagteken {
  background-position: -225px -200px;
  width: 8px;
  height: 8px;
  vertical-align: baseline;
  margin-left: 5px;
}

b.tooltip3, b.tooltip3:link, b.tooltip3:visited, b.tooltip3:active {
  position: relative;
  cursor: default;
}

b.tooltip3:hover {
  z-index: 100;
  cursor: default;
}

b.tooltip3 span {
  display: none;
  cursor: default;
}

b.tooltip3:hover span {
  font-size: 10px;
  display: block;
  margin: 0;
  position: absolute;
  top: -55px;
  left: -140px;
  width: 250px;
  z-index: 100;
  line-height: 1.4em;
  border: 1px solid #89c234;
  padding: 5px;
  background-color: #e0efca;
  cursor: default;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.3);
  font-weight: normal;
}

#eu_tas {
  height: 45px;
  width: 35px;
  float: left;
  padding-right: 8px;
  background-position: -665px -100px;
}

#gratis {
  width: 100%;
  background: #FFEED3;
  text-align: center;
  margin: 40px auto 40px auto;
  border: 1px solid #FFB848;
}

#gratis h3 {
  padding: 20px 0 30px 0;
  font-weight: 600;
  font-size: 18px
}

#gratis select {
  margin: 0 0 20px 0;
  width: 180px;
  border: 1px solid #999999;
  font-family: 'Open Sans';
  padding: 5px 7px;
  font-size: 12px;
  outline: 0;
}

.bestelling-submit {
  margin: 40px auto 0 auto;
  font-family: 'Open Sans','Helvetica Neue',Arial, sans-serif;
  font-size: 17px;
  color: white;
  background-color: rgb(28, 184, 65);
  border: none;
  display: block;
  width: 200px;
  height: 40px;
  font-weight: 600;
  -webkit-border-radius:  4px;
  -moz-border-radius:     4px;
  border-radius:          4px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  border-bottom: 5px solid #169935;
  background-clip: padding-box;
}

.bestelling-submit:hover {
  text-decoration: underline;
}

.mobiel_submit {
  display: none;
}

.mobiel_terug {
  display: none;
}



#kortingscode  {
  width: 400px;
  background: white;
  position: relative;
  margin: auto;
  padding: 0 0 12px 0;
}

.kc-titel {
  background: black;
}

#kortingscode  h1 {
  font-weight: 600;
  font-size: 22px;
  padding: 11px 0 11px 11px;
  color: white;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
}

.kc-invoeren {
  font-size: 13px;
  padding: 17px 11px 0 11px; 
  line-height: 1.3em;
}

.kc-ongeldig {
  font-size: 12px;
  padding: 5px 11px;
  line-height: 1.3em;
  background: #e02222;
  color: white;
  display: block;
  margin: 17px auto 0 auto;
}

.kc-geldig {
  font-size: 12px;
  padding: 5px 11px;
  line-height: 1.3em;
  background: rgb(28, 184, 65);
  color: white;
  display: block;
  margin: 17px auto 0 auto;
}


#kortingscode input {
  outline: 0;
  padding: 5px 7px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  border: none;
  border: 1px solid #dddddd;
  vertical-align: middle;
  margin: 14px 0 0 11px;
  font-family: 'Open Sans';
}

#kortingscode input:focus {
  border: none;
  border: 1px solid #999999;
  -webkit-transition:   all 0.2s ease-in-out;
  -moz-transition:      all 0.2s ease-in-out;
  -o-transition:        all 0.2s ease-in-out;
  transition:           all 0.2s ease-in-out; 
}

#kortingscode .kc-submit {
  font-family: 'Open Sans','Helvetica Neue',Arial, sans-serif;
  font-size: 14px;
  color: white;
  display: block;
  background-color: rgb(28, 184, 65);
  border: none;
  margin: 12px 0 0 11px;
  width: 130px;
  height: 34px;
  font-weight: 600;
  -webkit-border-radius:  4px;
  -moz-border-radius:     4px;
  border-radius:          4px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  border-bottom: 5px solid #169935;
  background-clip: padding-box;
}



/* bestelling_verwerken.php */
/* bestelling_verwerken.php */
/* bestelling_verwerken.php */
/* bestelling_verwerken.php */
/* bestelling_verwerken.php */
/* bestelling_verwerken.php */
/* bestelling_verwerken.php */
/* bestelling_verwerken.php */


#bestelstatus {
  width: 100%;
  height: 90px;
  padding: 40px 0 100px 0;
}

.bs-content h2 {
  font-size: 30px;
  color: white;
  text-align: center;
  padding: 30px 0;
  font-weight: 300;
}

.bestelstatus {
  width: 100%;
  background: #FFB848;
}

.pacman {
  margin: 0 0 0 20px;
  display: inline;
  vertical-align: middle;
}



/* contant_geslaagd.php */

#status {
  padding-top: 40px;
}

.status_geslaagd {
  width:100%;
  background: #35AA47;  
}

.status_mislukt {
  width:100%;
  background: #E02222;  
}

.terugnaarbestel {
  color: black;
}

.bs-content h3 {
  font-weight: 600;
  text-align: center;
  padding: 50px 0 0 0;
  font-size: 20px;
}

.bs-content p {
  text-align: center;
  line-height: 1.8em;
  padding: 25px 0 40px 0;
  font-size: 13px;
  max-width: 600px;
  display: block;
  margin: auto;
}

#spaarcode_geslaagd {
  width: 300px;
  max-width: 100%;
  margin: -10px auto 0 auto;
  border: 3px solid #35aa47;
  background: #b1deb8;
  padding: 10px;
  text-align: center;
  line-height: 1.8em;
  font-size: 13px;
    background: #FFEED3;
  border: 3px solid #FFB848;
}

#spaarcode_geslaagd span {
  font-size: 11px;
  display: block;
  margin-top: 4px;
  line-height: 1.4em;
}

.delen {
  margin: 20px auto;
  width: 600px;
  background: #f5f5f5;
  border: 1px solid #dddddd;
}

.delen h4 {
  font-size: 16px;
  text-align: center;
  font-weight: 600;
  padding: 20px 0 30px 0;
}

.delen ul {
  width: 450px;
  display: block;
  margin: auto;
}

.delen li {
  display: block;
  float: left;
  width: 150px;
  text-align: center;
}

.delen li img {
  width: 30px;
  height: 30px;
  display: block;
  margin: 0 auto 10px auto;
}

.delen a {
  color: #333333;
  text-decoration: none;
}

.delen a:hover {
  text-decoration: underline;
}

.deel-fb {
  background-position: -350px -150px;
}

.deel-tw {
  background-position: -380px -150px;
}

.deel-gp {
  background-position: -410px -150px;
}

.deel-wa {
  background-position: -440px -150px;
}

li.deel_whatsapp {
  display: none;
}


/* popup */
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:url(/algemeen/img/overlay.png);opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none !important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:white}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:white;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:white}@media all and (max-width:900px){.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}
.mfp-fade.mfp-bg{opacity:0;-webkit-transition:all .20s ease-out;-moz-transition:all .20s ease-out;transition:all .20s ease-out;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mfp-fade.mfp-bg.mfp-ready{opacity:.9}.mfp-fade.mfp-bg.mfp-removing{opacity:0}.mfp-fade.mfp-wrap .mfp-content{opacity:0;-webkit-transition:all .20s ease-out;-moz-transition:all .20s ease-out;transition:all .20s ease-out;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mfp-fade.mfp-wrap.mfp-ready .mfp-content{opacity:1}.mfp-fade.mfp-wrap.mfp-removing .mfp-content{opacity:0}

.niet-bezorgen .mfp-close {
  color: white;
}

/* slider */
/* slider */
/* slider */
/* slider */
/* slider */
/* slider */
/* slider */
/* slider */

#sliderr {
  width: 100%;
  height: 444px;
  background: #151515 url(/algemeen/img/foto/pizza16.jpg) top center;  position: relative;
  z-index: 1;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  box-shadow:             0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow:     0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow:        0px 0px 5px 0px rgba(0, 0, 0, 0.75);
}

.rsABlock {
  width: 100%;
}

.slide {
  position: relative;
  width: 990px;
  height: 444px;
  margin: 0 auto;
  left: 0; 
  right: 0; 
}

/* main-slide - voorpagina tekst */

.main-slide h2 {
  font-weight: 600;
  background: rgb(255,255,255);
  background: rgba(255,255,255,0.7);
  float: left;
  margin-top: 55px;
  font-size: 40px;
  padding: 10px 20px;
  -webkit-border-radius:  5px;
  -moz-border-radius:     5px;
  border-radius:          5px;
}

.frontpage {
  width: 560px;
  margin: 25px 0 0 0;
  background: rgb(255,255,255);
  background: rgba(255,255,255,0.7);
  -webkit-border-radius:  5px;
  -moz-border-radius:     5px;
  border-radius:          5px;
  overflow-y: hidden;
  max-height: 220px;
  padding: 15px 20px;
  float: left;
  -webkit-box-sizing: content-box;
  -moz-box-sizing:    content-box;
  box-sizing:         content-box;
} 

.frontpage p {
  font-size: 13px;
  line-height: 1.5em;
}

.frontpage a {
  color: black;
}

.frontpage_right {
  float: right;
  width: 350px;
  margin: 25px 0 0 0;
  height: 220px;
  padding: 15px 5px;
  overflow: auto;
  -webkit-box-sizing: content-box;
  -moz-box-sizing:    content-box;
  box-sizing:         content-box;
  overflow: hidden;
}

/* slide 2 */

.slide2 {
}

.cadeau {
  width: 500px;
  height: 444px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.slide2-effect {
  background: rgb(21, 21, 21);
  background: rgba(21, 21, 21, 0.75);
  font-family: 'Bree Serif', Rockwell, 'Lucida Bright', Georgia, serif;
  color: white;
  padding: 20px 30px;
  float: left;
  -webkit-border-radius:  10px;
  -moz-border-radius:     10px;
  border-radius:          10px;
  text-shadow: 3px 3px 0px #2c2e38, 5px 5px 0px #000000;
  line-height: 1.3em;
  position: relative;
  z-index: 2;
  background-clip: padding-box;
}

.slide2 h3 {
  margin: 80px 0 0 0;
  font-size: 50px;
}

.slide2 p {
  font-size: 26px;
  margin: 30px 0 0 0;
}

.slide2 a {
  color: white;
}

/* slide spaaractie */

#spaaractie {
  width: 500px;
  background: white;  color: black;  border-radius: 8px;
  margin: 85px auto 0 auto;
  padding: 15px;
}

#spaar-logo {
  display: block;
  margin: auto;
  max-width: 300px;
  max-height: 100px;
  margin: 0 auto;  
}

#spaar-h4 {
  font-family: "Bree Serif";
  color: black;  font-size: 24px;
  text-align: center;
  padding: 25px 0 20px 0;
}

#spaar-ul {
  text-align: center;
}

#spaar-ul li {
  line-height: 2em;
  font-size: 13px;
}

/* slide 4 - ideal */

.slide4 {
}

.slide4-effect {
  background: rgb(21, 21, 21);
  background: rgba(21, 21, 21, 0.75);
  -webkit-border-radius:  5px;
  -moz-border-radius:     5px;
  border-radius:          5px;
  padding: 20px;   
  float: right;
  color: white;
}

.slide4 h3 {
  margin: 50px 0 0 0;
  font-size: 50px;
  font-family: 'Bree Serif', Rockwell, 'Lucida Bright', Georgia, serif;
}

.slide4 p {
  clear: both;
  margin: 20px 0 0 0;  
  font-size: 20px;
  line-height: 1.5em;
}

.ideal-groot {
  width: 154px;
  height: 135px;
  background-position: 0 -25px;
  position: absolute;
  bottom: 55px;
  padding: 0;
}

.banken {
  background: rgb(255,255,255);
  background: rgba(255,255,255,0.7);
  position: absolute;
  bottom: 55px;
  right: 0;
  height: 135px;
  -webkit-border-radius:  5px;
  -moz-border-radius:     5px;
  border-radius:          5px;
}

#banken {
  margin: 10px 10px 0 10px;
}

#banken td {
  width: 70px;
  text-align: center;
  font-weight: 600;
  padding: 10px 0;
  line-height: 1.3em;
}

.bank {
  width: 50px;
  height: 50px;
  display: block;
  margin: auto;
}

.bank-abn {
    background-position:  -200px -25px;
}

.bank-vlb {
    background-position:  -250px -25px;
}

.bank-ing {
    background-position:  -300px -25px;
}

.bank-rab {
    background-position:  -350px -25px;
}

.bank-sns {
    background-position:  -400px -25px;
}

.bank-asn {
    background-position:  -450px -25px;
}

.bank-frl {
    background-position:  -500px -25px;
}

.bank-tri {
    background-position:  -550px -25px;
}

.bank-knab {
    background-position:  -600px -25px;
}

/* slide 5 - actiedagen */

.slide5 {
}

.actiedag_img {
  width: 462px;
  height: 283px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  margin-top: 161px;
}

.slide_actieve_actie {
  color: #FFCC00;
}

/* slide6 app */

.slide6 {
}

.smartphone {
  float: left;
  width: 327px;
  height: 444px;
  margin: 0 0 0 111px;
  background-position: 0 0;
}

.screen {
  width: 116px;
  height: 207px;
  background: white;  position: absolute;
  margin: 146px 0 0 134px;
}

.screen-logo {
  max-height: 50px;
  max-width: 95%;
  display: block;
  margin: 10px auto 0 auto;
}

.screen li {
  width: 88px;
  font-size: 10px;
  color: black;  padding: 8px 10px;
  line-height: 1.3em;
  font-weight: 600;
}

.link-app {
  width: 440px;
  margin: 110px 0 0 0;
  float: left;
}

.slide6 h3 { 
  color: white;
  font-size: 40px;
  text-align: center;
  font-family: 'Bree Serif', Rockwell, 'Lucida Bright', Georgia, serif;
  text-shadow: 3px 3px 0px #2c2e38, 5px 5px 0px #000000;
  margin-top: 17px;
}

.link-app span {
  text-align: center;
  background: rgb(21, 21, 21);
  background: rgba(21, 21, 21, 0.75);
  -webkit-border-radius:  5px;
  -moz-border-radius:     5px;
  border-radius:          5px;
  padding: 10px 20px; 
  background-clip: padding-box;
}

.dapp {
  width: 200px;
  height: 67px;
  margin: 70px 10px 0 10px;
}

.dapp:hover {
  opacity: 0.7;
  -o-transition:      .7s;
  -ms-transition:     .7s;
  -moz-transition:    .7s;
  -webkit-transition: .7s;
  transition:         .7s;
}

.android-app {
  background-position: -327px 0px;
}

.ios-app {
  background-position: -327px -67px;
}


/*slide 7*/

#se_h3 {
  font-weight: 600;
  font-size: 20px;
  padding: 50px 25px 25px 25px;
}

#se_p {
  width: 100%;
  padding: 25px;
  background: rgba(255,255,255,0.6);
  border-radius: 4px;
  line-height: 1.5em;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

/**/


#mob_main {
  display: none;
  width: 100%;
  background: #151515 url(/algemeen/img/foto/pizza16.jpg) top center;  background-position: top;
  position: relative;
  z-index: 1;
  box-shadow:             0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow:     0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow:        0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  -webkit-background-size: cover;
  -moz-background-size:    cover;
  -o-background-size:      cover;
  background-size:         cover;
}

#mob_main h2 {
  display: inline-block;
  margin: 25px 10px 0 10px;
  font-size: 18px;
  padding: 7px 10px;
  font-weight: 600;
  background: rgb(255,255,255);
  background: rgba(255,255,255,0.7);
  -webkit-border-radius:  5px;
  -moz-border-radius:     5px;
  border-radius:          5px; 
  background-clip: padding-box; 
}

.mob_frontpage {
  margin: 15px 10px 10px 10px;
  padding: 10px;
  background: rgb(255,255,255);
  background: rgba(255,255,255,0.7);
  -webkit-border-radius:  5px;
  -moz-border-radius:     5px;
  border-radius:          5px;   
  background-clip: padding-box;
  display: inline-block; 
  line-height: 1.5em;
  height: 154px;
  overflow: hidden;
}

.mob_frontpage p {
}

.show_mob_frontpage {
  width: 75px;
  text-align: center;
  position: relative;
  float: right;
  margin-top: -33px;
  margin-right: 10px;
  padding: 4px;
  background: #f4f4f4;
  z-index: 4;
  -webkit-border-radius:  5px;
  -moz-border-radius:     5px;
  border-radius:          5px;  
  background: rgb(255,255,255);
  background: rgba(255,255,255,0.9);
  font-size: 12px;
  background-clip: padding-box;
  display: none;
}

.show_mob_frontpage:hover {
  cursor: pointer;
  text-decoration: underline;
}

.toggle_mobfrontpage {
  height: auto;
}

.toggle_showmob {
}


/* slider */
/* slider */
/* slider */

.royalSlider{width:1500px;height:444px}.royalSlider{position:relative;direction:ltr}.royalSlider>*{float:left}.rsWebkit3d .rsSlide{-webkit-transform:translateZ(0)}body *{-webkit-trasform:translateZ(0)}.rsFade.rsWebkit3d .rsSlide,.rsFade.rsWebkit3d img,.rsFade.rsWebkit3d .rsContainer{-webkit-transform:none}.rsOverflow{width:100%;height:100%;position:relative;overflow:hidden;float:left;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rsVisibleNearbyWrap{width:100%;height:100%;position:relative;overflow:hidden;left:0;top:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rsVisibleNearbyWrap .rsOverflow{position:absolute;left:0;top:0}.rsContainer{position:relative;width:100%;height:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rsArrow,.rsThumbsArrow{cursor:pointer}.rsThumb{float:left;position:relative}.rsArrow,.rsNav,.rsThumbsArrow{opacity:1;-webkit-transition:opacity .3s linear;-moz-transition:opacity .3s linear;-o-transition:opacity .3s linear;transition:opacity .3s linear}.rsHidden{opacity:0;visibility:hidden;-webkit-transition:visibility 0 linear .3s,opacity .3s linear;-moz-transition:visibility 0 linear .3s,opacity .3s linear;-o-transition:visibility 0 linear .3s,opacity .3s linear;transition:visibility 0 linear .3s,opacity .3s linear}.rsGCaption{width:100%;float:left;text-align:center}.royalSlider.rsFullscreen{position:fixed !important;height:auto !important;width:auto !important;margin:0 !important;padding:0 !important;z-index:2147483647 !important;top:0 !important;left:0 !important;bottom:0 !important;right:0 !important}.royalSlider .rsSlide.rsFakePreloader{opacity:1 !important;-webkit-transition:0;-moz-transition:0;-o-transition:0;transition:0;display:none}.rsSlide{position:absolute;left:0;top:0;display:block;overflow:hidden;height:100%;width:100%}.royalSlider.rsAutoHeight,.rsAutoHeight .rsSlide{height:auto}.rsContent{width:100%;height:100%;position:relative}.rsPreloader{position:absolute;z-index:0}.rsNav{-moz-user-select:-moz-none;-webkit-user-select:none;user-select:none}.rsNavItem{-webkit-tap-highlight-color:rgba(0,0,0,0.25)}.rsThumbs{cursor:pointer;position:relative;overflow:hidden;float:left;z-index:22}.rsTabs{float:left;background:none !important}.rsTabs,.rsThumbs{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0)}.rsVideoContainer{width:auto;height:auto;line-height:0;position:relative}.rsVideoFrameHolder{position:absolute;left:0;top:0;background:#141414;opacity:0;-webkit-transition:.3s}.rsVideoFrameHolder.rsVideoActive{opacity:1}.rsVideoContainer iframe,.rsVideoContainer video,.rsVideoContainer embed,.rsVideoContainer .rsVideoObj{position:absolute;z-index:50;left:0;top:0;width:100%;height:100%}.rsVideoContainer.rsIOSVideo iframe,.rsVideoContainer.rsIOSVideo video,.rsVideoContainer.rsIOSVideo embed{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-right:44px}.rsABlock{left:0;top:0;position:absolute;z-index:15}img.rsImg{max-width:none}.grab-cursor{cursor:move}.grabbing-cursor{cursor:move}.rsNoDrag{cursor:auto}.rsLink{left:0;top:0;position:absolute;width:100%;height:100%;display:block;z-index:20;

background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}

.rsDefault,.rsDefault .rsOverflow,.rsDefault .rsSlide,.rsDefault .rsVideoFrameHolder,.rsDefault .rsThumbs{background:0;color:black}.rsDefault .rsArrow{height:100%;width:44px;position:absolute;display:block;cursor:pointer;z-index:21}.rsDefault.rsVer .rsArrow{width:100%;height:44px}.rsDefault.rsVer .rsArrowLeft{top:0;left:0}.rsDefault.rsVer .rsArrowRight{bottom:0;left:0}.rsDefault.rsHor .rsArrowLeft{left:0;top:0}.rsDefault.rsHor .rsArrowRight{right:0;top:0}.rsDefault .rsArrowIcn{width:32px;height:32px;top:50%;left:50%;margin-top:-16px;margin-left:-16px;position:absolute;cursor:pointer;background:url('/algemeen/img/sprite1.png');background-color:#000;background-color:rgba(0,0,0,0.75);*background-color:#000;border-radius:2px}.rsDefault .rsArrowIcn:hover{background-color:rgba(0,0,0,0.9)}.rsDefault.rsHor .rsArrowLeft .rsArrowIcn{background-position:-700px -0}.rsDefault.rsHor .rsArrowRight .rsArrowIcn{background-position:-700px -32px}.rsDefault.rsVer .rsArrowLeft .rsArrowIcn{background-position:-832px -0}.rsDefault.rsVer .rsArrowRight .rsArrowIcn{background-position:-732px -32px}.rsDefault .rsArrowDisabled .rsArrowIcn{opacity:.2;filter:alpha(opacity=20);*display:none}.rsDefault .rsBullets{position:absolute;z-index:35;left:0;bottom:0;width:100%;height:auto;margin:0 auto;background:#000;background:rgba(255,255,255,0.15);background:0;text-align:center;line-height:8px;overflow:hidden}.rsDefault .rsBullet{width:8px;height:8px;display:inline-block;*display:inline;*zoom:1;padding:6px 5px 6px}.rsDefault .rsBullet span{display:block;width:8px;height:8px;border-radius:50%;background:#777;background:rgba(255,255,255,0.5)}.rsDefault .rsBullet.rsNavSelected span{background-color:#FFF}












/* informatie.php */
/* informatie.php */
/* informatie.php */
/* informatie.php */
/* informatie.php */
/* informatie.php */
/* informatie.php */
/* informatie.php */
/* informatie.php */
/* informatie.php */
/* informatie.php */
/* informatie.php */

#info-links {
  width: 330px;
  float: left;
}

#info-links ul {
  margin: 30px 40px 0 20px;
  width: 270px;
}

#info-links li {
  width: 100%;
  background: #F5F5F5;
  background: #f0f6fa;
  border-bottom: 1px solid #ffffff;
  height: 37px;
  line-height: 37px;
}

#info-links li:hover {
  background: #169ef4;
}

#info-links li:hover a {
  color: white;
}

#info-links a {
  color: #557386;
  text-decoration: none;
  font-size: 13px;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 0 0 10px;
}

#info-rechts {
  width: 640px;
  float: left;
  margin: 0px 20px 0 0;
}

#info-rechts h2 {
  border-bottom: 1px solid #dedede;
  padding: 9px;
  color: #333333;
  font-size: 18px;
  font-weight: 600;
  margin: 30px 0 14px 0;
}

#info-rechts p {
  line-height: 1.6em;
  padding: 0 9px 0 9px;
}

.groen_bestellen {
  background: #35AA47;
  margin: 20px 9px;
  text-align: center;
  border: 1px solid #35AA47;
  line-height: 1.6em;
}

.groen_bestellen a {
  display: block;
  color: white;
  padding: 7px 0;
  text-decoration: none;
}

.groen_bestellen a:hover {
  text-decoration: underline;
  color: white;
}

.info_ideal {
  text-decoration: underline;
}

.info_ideal:hover {
  text-decoration: none;
  cursor: pointer;
}

.ideal_uitleg {
  display: none;
  margin-top: 10px;
}

.ideal_uitleg a {
  color: black;
}

#info-rechts .ideal_uitleg p {
  background: #efefef;
  padding: 9px;
}

#dl-banken {
  margin: 18px 0 0 9px;
}

#dl-banken dd {
  font-weight: 600;
  padding: 0 0 9px 0;
}

#dl-banken dt {
  height: 25px;
  line-height: 25px;
  padding: 0 0 0 0;
  vertical-align: middle;
  margin: 5px 0;
  padding-left: 35px;
}

.bank2-abn {
  background-position: -965px 0;
  background-repeat: no-repeat;
}

.bank2-vln {
  background-position: -965px -25px;
  background-repeat: no-repeat;
}

.bank2-ing {
  background-position: -965px -50px;
  background-repeat: no-repeat;
}

.bank2-rabo {
  background-position: -965px -75px;
  background-repeat: no-repeat;
}

.bank2-sns {
  background-position: -965px -100px;
  background-repeat: no-repeat;
}

.bank2-asn {
  background-position: -965px -125px;
  background-repeat: no-repeat;
}

.bank2-frl {
  background-position: -965px -150px;
  background-repeat: no-repeat;
}

.bank2-regio {
  background-position: -965px -100px;
  background-repeat: no-repeat;
}

.bank2-trio {
  background-position: -965px -175px;
  background-repeat: no-repeat;
}

.bank2-knab {
  background-position: -965px -200px;
  background-repeat: no-repeat;
}

#bezorggebied {
  width: 622px;
  margin: 0 auto;
}

#bezorggebied td {
  padding: 7px 10px;
  border-bottom: 1px solid #dddddd;
  line-height: 1.4em;
}

#bezorggebied tr:nth-child(odd) {
  background: #f9f9f9;
}

#bezorggebied tr:hover {
  background: #f5f5f5;
}

#bezorggebied th {
  background: #EFEFEF;
  padding: 10px;
  font-weight: 600;
  font-size: 13px;
  text-align: left;
  border-bottom: 1px solid #dddddd;
}

#bezorggebied .pc-inactief td {
    text-align: center;
    padding: 10px;
  color: #acacac;
}

.pc-inactief-td {
  color: #acacac;
}

.tijden {
  float: left;
  margin: 0 21px 0 9px;
}

.tijden th {
  background: #EFEFEF;
  font-weight: 600;
  padding: 10px;
  font-size: 13px;
  border-bottom: 1px solid #dddddd;
}

.tijden tr:nth-child(odd) {
  background: #f9f9f9;
}

.tijden tr:hover {
  background: #f5f5f5;
}

.tijden td {
  padding: 7px 10px;
  border-bottom: 1px solid #dddddd;
}

td.vandaag {
  background: #FFB848;
  background: #FFB848;
  color: white;
}

.info-menukaart {
  margin: 18px 0 18px 9px;
}

.info-menukaart li {
  line-height: 1.8em;
  padding-left: 14px;
  list-style-type: square;
  list-style-position: inside;
}

.inf-a {
  color: black;
}

#body-info .acties {
  width: 622px;
  margin: 0 auto;
  border: none;
}

.sd-logo2 {
  vertical-align: middle;
  margin: 0 0 0 10px;
  width: 150px;
  height: 30px;
  background-position: 0px -220px;
}

.sd-logo2:hover {
  opacity: 0.6;
}









/* contact.php */
/* contact.php */
/* contact.php */
/* contact.php */
/* contact.php */
/* contact.php */
/* contact.php */
/* contact.php */
/* contact.php */
/* contact.php */
/* contact.php */
/* contact.php */

#contact-links {
  width: 310px;
  float: left;
  margin: 30px 0 0 20px;
}

#contact-links h2, #contact-rechts h2 {
  padding: 0 0 20px 0;
  font-size: 24px;
  font-weight: 600;
  text-align: left;
}

#contact-links address {
  line-height: 1.6em;
  font-size: 13px;
  margin: 0 0 40px 0;
}

#contact-links span {
  font-weight: 600;
}

#contact-links .site {
  color: black;
}

.naar-bestellen {
  background: #35AA47;
  margin: 0 20px 0 0;
  line-height: 1.6em;
  float: left;
}

.naar-bestellen a {
  color: white;
  display: block;
  padding: 10px;
  text-decoration: none;
}

.naar-bestellen a:hover {
  text-decoration: underline;
}



#contact-rechts {
  width: 640px;
  float: left;
  margin: 30px 20px 0 0;
}

#contact-rechts h2 a {
  font-size: 12px;
  padding-top: 8px;
  color: #a9a9a9;
  text-decoration: none;
}

#contact-rechts h2 a:hover {
  color: black;
}

.routebes {
  color: black;
  float: right;
  font-size: 12px;
  color: red;
  font-weight: 400;
}

#map-canvas {
  width: 640px;
  height: 300px;
}

#map-infowindow address{
  line-height: 1.4em;
}

#map-infowindow span{
  font-weight: bold;
}

#map-infowindow a {
  color: black;
}


/* extra-page */

.extra-page h2 {
  border-bottom: 1px solid #dedede;
  padding: 9px;
  color: #333333;
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 14px 0;
  
}

.extra-page p {
  line-height: 1.6em;
  padding: 0 9px 0 9px;
}



/* beoordelingen.php */
/* beoordelingen.php */
/* beoordelingen.php */
/* beoordelingen.php */
/* beoordelingen.php */
/* beoordelingen.php */
/* beoordelingen.php */
/* beoordelingen.php */
/* beoordelingen.php */
/* beoordelingen.php */
/* beoordelingen.php */


#body-beoordelingen h2 {
  font-size: 20px;
  text-align: center;
  font-weight: 600;
  padding: 30px 0 0 0;
}

#body-beoordelingen .rating {
  text-align: center;
  padding: 20px 0 20px 0;
  font-size: 13px;
}

#body-beoordelingen .review {
  float: left;
  width: 473px;
  margin: 10px;
  border: 1px solid #dddddd;
}

.rating-table {
  margin: 10px 0 0 10px;
}

.rating-table img {
  vertical-align: baseline;
}

.rating-table td {
  vertical-align: baseline;
  padding: 0 10px 0 0
}

.review-author {
  padding: 10px 10px 10px 10px;
  font-weight: 600;
  color: #333333;
}

.review-kwaliteit {
  width: 70px;
  display: inline;
  float: left;
  line-height: 19px;
  padding: 0 0 0 10px;
}

.review-bezorging {
  width: 70px;
  display: inline;
  float: left;
  line-height: 19px;
  padding: 0 0 0 10px;
  margin-bottom: 10px;
}

.ster {
  display: block;
  float: left;
  width: 80px;
  height: 16px;
}

.ster0 {
  background-position: -800px -144px;
}

.ster1 {
  background-position: -800px -144px;
}

.ster2 {
  background-position: -800px -128px;
}

.ster3 {
  background-position: -800px -112px;
}

.ster4 {
  background-position: -800px -96px;
}

.ster5 {
  background-position: -800px -80px;
}

.review-text {
  padding: 0 10px 10px 10px;
  line-height: 1.5em;
}

.review-reactie {
  padding: 10px;
  line-height: 1.5em;
  border-top: 1px solid #dddddd;
  background: #efefef;
  background: #f0f6fa;
}

.review-reactie span {
  display: block;
  font-weight: 600;
  padding: 0 0 7px 0;
}

.review-zondag {
  padding: 5px 10px;
  font-size: 9px;
  background: #efefef;
  border-top: 1px solid #dddddd;
}



/* beoordeel */

#body-beoordeel h2 {
  font-weight: 600;
  font-size: 20px;
  text-align: center;
  padding: 30px 0 0 0;
}

#body-beoordeel p {
  padding: 15px 20px 0 20px;
  text-align: center;
  font-size: 13px;
  line-height: 1.6em;
}

#plaats-recensie {
  margin: 40px auto 20px auto;
}

#plaats-recensie td {
border-bottom: 1px solid #dddddd;
height: 45px;
vertical-align: middle;
padding: 0 25px;
}

#plaats-recensie td.review-td-area {
  padding: 10px 25px;
}

#plaats-recensie tr:nth-child(odd) {
background: #f9f9f9;
}

#plaats-recensie tr:hover {
background: #f5f5f5;
}

#plaats-recensie input.pr_input {
  padding: 5px 7px;
  font-family: 'Open Sans';
  font-size: 12px;
  border: none;
  border: 1px solid #dddddd;
  outline: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
}

#plaats-recensie textarea {
padding: 5px 7px;
text-align: left;
font-family: 'Open Sans';
font-size: 12px;
border: 1px solid #e5e5e5;
vertical-align: top;
width: 250px;
height: 90px;
outline: 0;
  border: none;
  border: 1px solid #dddddd;
  outline: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
}

#plaats-recensie .rec-toe {
  height: auto;
  padding: 10px 25px;
}

#plaats-recensie .anoniem {
  font-size: 10px;
  text-decoration: underline;
  padding-left: 10px;
}

#plaats-recensie span:hover {
  cursor: pointer;
  text-decoration: none;
}

#tekens {
  color: #f9f9f9;
  display: block;
  font-size: 10px;
  margin-top: 5px;
}

#plaatsen {
  font-family: 'Open Sans','Helvetica Neue',Arial, sans-serif;
  font-size: 17px;
  color: white;
  background-color: rgb(28, 184, 65);
  border: none;
  display: block;
  margin: auto;
  width: 150px;
  height: 40px;
  font-weight: 600;
  -webkit-border-radius:  4px;
  -moz-border-radius:     4px;
  border-radius:          4px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  border-bottom: 5px solid #169935;
  background-clip: padding-box;
}


#plaats-recensie input:focus {
  border: 1px solid #999999;
  -webkit-transition:   all 0.2s ease-in-out;
  -moz-transition:      all 0.2s ease-in-out;
  -o-transition:        all 0.2s ease-in-out;
  transition:           all 0.2s ease-in-out;
}

#plaats-recensie textarea:focus {
  border: 1px solid #999999;
  -webkit-transition:   all 0.2s ease-in-out;
  -moz-transition:      all 0.2s ease-in-out;
  -o-transition:        all 0.2s ease-in-out;
  transition:           all 0.2s ease-in-out;
}

#plaats-recensie input.error:focus {
  border: 1px solid #e02222;
  background: #fadede;
  -webkit-transition:   all 0.2s ease-in-out;
  -moz-transition:      all 0.2s ease-in-out;
  -o-transition:        all 0.2s ease-in-out;
  transition:           all 0.2s ease-in-out;
}

#plaats-recensie textarea.error:focus {
  border: 1px solid #e02222;
  background: #fadede;
  -webkit-transition:   all 0.2s ease-in-out;
  -moz-transition:      all 0.2s ease-in-out;
  -o-transition:        all 0.2s ease-in-out;
  transition:           all 0.2s ease-in-out;
}

#plaats-recensie textarea.error {
  border: 1px solid #e02222;
  background: #fadede;
}

#plaats-recensie label.error {
    color: #e02222;
    padding-left: 10px;
}

/* afmelden review */


#email_afmelden {
  font-family: 'Open Sans','Helvetica Neue',Arial, sans-serif;
  font-size: 17px;
  color: white;
  background-color: rgb(28, 184, 65);
  border: none;
  display: block;
  margin: auto;
  width: 150px;
  height: 40px;
  line-height: 40px;
  font-weight: 600;
  -webkit-border-radius:  4px;
  -moz-border-radius:     4px;
  border-radius:          4px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  border-bottom: 5px solid #169935;
  background-clip: padding-box;
  text-align: center;
}












/* rateit plugin */
.rateit {
    display: -moz-inline-box;
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

.rateit .rateit-range
{
    position: relative;
    display: -moz-inline-box;
    display: inline-block;
    background: url(/algemeen/img/sprite1.png);
    background-position: -430px 0px;
    height: 16px;
    outline: none;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rateit .rateit-range * {
    display:block;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* for IE 6 */
* html .rateit, * html .rateit .rateit-range
{
    display: inline;
}

/* for IE 7 */
* + html .rateit, * + html .rateit .rateit-range
{
    display: inline;
}

.rateit .rateit-hover, .rateit .rateit-selected
{
    position: absolute;
    left: 0px;
}

.rateit .rateit-hover-rtl, .rateit .rateit-selected-rtl
{
    left: auto;
    right: 0px;
}

.rateit .rateit-hover
{
    background: url(/algemeen/img/sprite1.png);
    background-position: -350px 0px;
}

.rateit .rateit-hover-rtl
{
    
    background: url(/algemeen/img/sprite1.png);
    background-position: -350px 0px;
}

.rateit .rateit-selected
{
    
    background: url(/algemeen/img/sprite1.png);
    background-position: -350px 0px;
}

.rateit .rateit-selected-rtl
{
    background-position: right -16px;
}

.rateit .rateit-preset
{
    background: url(/algemeen/img/sprite1.png);
    background-position: -350px 0px;
}

.rateit .rateit-preset-rtl
{
    background: url(/algemeen/img/sprite1.png);
    background-position: -350px 0px;
}

.rateit button.rateit-reset
{
    background: url(delete.gif) 0 0;
    width: 16px;
    height: 16px;
    display: -moz-inline-box;
    display: inline-block;
    float: left;
    outline: none;
    border:none;
    padding: 0;
}

.rateit button.rateit-reset:hover, .rateit button.rateit-reset:focus
{
}


/* overig css en media queries */
/* overig css en media queries */
/* overig css en media queries */
/* overig css en media queries */
/* overig css en media queries */

noscript div {
  width: 100%;
  font-size: 14px;
  text-align: center;
  background: red;
  color: white;
  line-height: 1.6em;
  padding: 10px 0;
  border-bottom: 2px dashed white;
  position: fixed;
  z-index: 99;
  font-weight: 700;
}

.clear {
  clear: both;
}

::selection {
  background: #ffb848;
  color: white;
  }

::-moz-selection {
  background: #ffb848;
  color: white;
}








/* extra page */

.extra_page {
  padding: 20px;
}

.extra_page h2 {
  padding: 0 0 0 0;
  font-size: 24px;
  font-weight: 600;
  text-align: left;
}

.extra_page p {
  padding: 20px 0 0 0;
  font-size: 13px;
  line-height: 1.6em;
}


.extra_page a {
  color: black;
}

.extra_page ul {
  padding: 15px 0 0 20px;
}

.extra_page li {
  font-size: 13px;
  line-height: 1.8em;
  list-style-type: disc;
}














@media screen and (min-width: 751px) and (max-width: 989px) {

  .container {
  width: 100%;
}

#header {
	height: auto;
}

.logo {
	display: block;
	float: none;
	margin: 0 auto;
	vertical-align: middle;
	height: 100px;
}

#nav {
	display: none;
}

#sliderr {
  display: none;
}

#mob_main {
  display: block;
  padding-left: 0;
  padding-right: 0;
}

#in_mob_main {
  width: 750px;
  margin: auto;
}

.mob_frontpage {
  margin: 15px 0 10px 0;
}


#mob_main h2 {
  margin-left: 0;
}

#content {
	width: 750px;
}

#midden {
	margin-left: 10px;
}

#vooruitbestellen {
	display: none;
}

#links {
	display: none;
}

.footer-div {
  margin: 0 0 0 20px;
}



/* bestelling.php */

.logo2 {
  height: 100px;
}

#header2 h1 {
  padding: 35px 0;
}

#header2 span {
  font-size: 30px;
  font-weight: 600;
  padding: 7px 10px;
}


#bestelling-links {
  width: 690px;
  float: none;
  margin: 0 30px;
}

#bezorgadres-invoeren {
  width: 100%;
}




#bestelling-rechts {
  width: 690px;
  float: none;
  margin: 25px 30px 0 30px;
}

#bestelling-rechts #winkelwagen {
  width: 100%;
  background: black;
}

#bestelling-rechts #winkelwagen .mob_cart_totaal {
  display: inline;
}

#bestelling-rechts #winkelwagen .cart {
  width: 100%;
  background: white;
  display: none;
}

#bestelling-rechts #winkelwagen .cart tr td:first-child{
  padding-left: 10px;
}

#bestelling-rechts #winkelwagen h5 {
  font-size: 16px;
  font-weight: 600;
  padding: 15px 0 15px 10px;
  color: white;
}

#body-bestelling .crt-uitklap {
  display: block;
}

.crt-uitklap {
  width: 24px;
  height: 25px;
  float: right;
  margin: 11px 11px 0 11px;
  background-position: -225px -149px;
}

.crt-uitklap:hover {
  cursor: pointer;
}

.crt-inklap {
  background-position: -249px -149px;
}

.crt-uitklap:hover {
  cursor: pointer;
}

#bestelling-rechts h5:hover {
  cursor: pointer;
}

#gratis {
  width: 100%;
  margin: 0 auto 0 auto;
  border: none;
}

#gratis h3 {
  padding: 10px 0 15px 0;
  font-size: 16px
}

#gratis select {
  margin: 0 0 17px 0;
  width: 180px;
  max-width: 90%
}

.bestelling-submit {
  margin: 20px auto 0 auto;
}

.pc_submit {
  display: none;
}

.mobiel_submit {
  display: block;
}



/* informatie */

#info-links {
  display: none;
}

#info-rechts {
  width: 690px;
  float: left;
  margin: 0 30px 0 30px;
}

#bezorggebied {
  width: 672px;
}

/* contact */

#contact-rechts {
  margin-left: 20px;
  width: 710px;
  margin-top: 40px;
}

#contact-links address {
  margin: 0 0 20px 0;
}

#map-canvas {
  width: 710px;
  height: 300px;
}

/* beoordelingen */
#body-beoordelingen .review {
  width: 730px;
}

}

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

  
#reviews { 
float: none;
}

.footer-reviews {
  width: 100%;
}

#footer-tekst {
  width: 100%;
}

.mobieleversie {
  display: block;
}







#balk {
  height: 16px;
}

#body-index #balk {
  height: 46px;
}

#balk ul {
  display: none;
}

.balk-icon {
  display: none;
}

.container {
  width: 100%;
}

#header {
  width: 100%;
  height: auto;
}

.logo {
  float: none;
  display: block;
  margin: auto;
  vertical-align: middle;
  height: 90px;
  max-width: 90%;
}

.logo {
  float: none;
}

#nav {
  display: none;
}

#sliderr {
  display: none;
}

#mob_main {
  display: block;
}


#content {
  width: 100%;
}

#links {
  display: none;
}

#midden {
  width: 100%;
  margin: 20px 0 0 0;
}

.acties_frontpage {
width: 96%;
}

#gesloten {
  padding: 15px 0;
  margin: 10px auto;
}

#gesloten h3 {
  font-size: 14px;
  padding: 0 10px;
}

#gesloten p {
  padding: 14px 0 0 0;
}

.acties {
  width: 100%;
}

.acties li {
  padding: 7px 5px;
}

.categorie h4 {
  padding-left: 5px;
}

.categorie p {
  padding-left: 5px;
  padding-right: 5px;
}

.omhoog {
    margin-right: 5px;
}

.crt-img-verw {
  width: 15px;
  height: 15px;
  background-color: red;
  background-position: -372px -100px;
}

.crt-img-verw:hover {
  background-position: -372px -100px;
}

.gr-nr {
  display: none;
}

.gr-ger {
  padding-left: 5px;
}

.gr-add {
  width: 25px;
  padding-right: 5px;
}


  #xl-foto-wrapper {
    width: 90%;
    max-width: 600px;
    max-height: 100%;
    overflow: hidden;
  }

.gr-pr {
  width: 45px;
  padding: 13px 8px 0 5px;
  text-align: right;
  white-space: nowrap;
}

.postcode {
  max-width: 400px;
  width: 100%;
}

.postcode h1 {
  font-size: 18px;
}

#extraopties {
  width: 100%;
  max-width: 610px;
  padding: 0 0 10px 0;
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box;
  margin: 25px auto;
}

#extraopties h1 {
  font-size: 18px;
  padding: 13px 0 13px 5px;
}

#in-extraopties {
  width: auto;
  margin: 0 auto;
}

#extraopties h2 {
  font-size: 17px;
  padding: 12px 0 9px 5px;
}

#extraopties label {
  line-height: 1em;
  font-size: 11px;
  margin-left: 5px;
}

.start_opties2 label{
  background: #f5f5f5;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
}

#extraopties input {
  vertical-align: middle;
}

#extraopties select {
  width: 90%;
  max-width: 300px;
  margin-left: 5px;
}

#extraopties input.aantal {
  margin-left: 5px;
}

.eo-onder {
  padding: 12px 0 9px 0;
}

#rechts {
  display: none;
}

#balk-mobiel {
  display: block;
}

#mobiele-winkelwagen {
  margin: 0 10px 0 10px;
  background: white;
}

#mobiele-winkelwagen .cart {
  margin-top: 0;
}

#mobiele-winkelwagen .crt-uitklap {
  display: none;
}

#mobiele-winkelwagen .boh6 {
  display: none;
}

#mobiele-winkelwagen .copy {
  display: none;
}

h6.boh6 {
  display: none;
}

.bezorginfo {
 width: auto;
 margin-top: 10px;
}



/* bestelling.php */

.logo2 {
  height: 90px;
}

#header2 h1 {
  padding: 20px 0;
}

#header2 span {
  font-size: 22px;
  font-weight: 600;
  padding: 7px 10px;
}

#header2 span.mob_header2_span {
  display: none;
}

#bestelling-links {
  width: 100%;
  float: none;
  margin: 0;
}

#bezorgadres-invoeren {
  width: 100%;
}

#bezorgadres-invoeren th {
  padding-left: 10px;
}

#bezorgadres-invoeren td {
  float: left;
  padding-right: 0;
}

#bezorgadres-invoeren td.ba-td1, #bezorgadres-invoeren td.ba-td3 {
  padding-left: 10px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}

.ba-td1,.ba-td3 {
    width: 30%;
}

.ba-td2,.ba-td4 {
    width: 70%;
}

.ba-td-mob {
  float: none;
  width: 100%;
  vertical-aling: middle;
}

#radio-particulier {
  margin-left: 10px;  
}

.ba-input1, #ba-opmerkingen {
  width: 100%;
  max-width: 190px;
  padding: px;
}

.ba-txt-aanbieding {
  font-size: 11px;
  padding: 4px 10px 0 10px;
}

#radio-pinnen_aan_deur {
  margin-left: 0px;
}

.ba-label-pin {
  display: block;
}

.ba-kortingscode {
  padding-right: 10px;
}

#kortingscode  {
  max-width: 400px;
  width: 100%;
}

.kc-titel {
  background: black;
}

#kortingscode  h1 {
  font-size: 18px;
}


#bestelling-rechts {
  width: 100%;
  float: none;
  margin: 25px 0 0 0;
}

#bestelling-rechts #winkelwagen {
  width: 100%;
  background: black;
}

#bestelling-rechts #winkelwagen .mob_cart_totaal {
  display: inline;
}

#bestelling-rechts #winkelwagen .cart {
  width: 100%;
  background: white;
  display: none;
}

#bestelling-rechts #winkelwagen .cart tr td:first-child{
  padding-left: 10px;
}

#bestelling-rechts #winkelwagen h5 {
  font-size: 16px;
  font-weight: 600;
  padding: 15px 0 15px 10px;
  color: white;
}

.crt-uitklap {
  display: block;
  width: 24px;
  height: 25px;
  float: right;
  margin: 11px 11px 0 11px;
  background-position: -225px -149px;
}

.crt-uitklap:hover {
  cursor: pointer;
}

.crt-inklap {
  background-position: -249px -149px;
}

.crt-uitklap:hover {
  cursor: pointer;
}

#bestelling-rechts h5:hover {
  cursor: pointer;
}

#gratis {
  width: 100%;
  margin: 0 auto 0 auto;
  border: none;
}

#gratis h3 {
  padding: 10px 0 15px 0;
  font-size: 16px
}

#gratis select {
  margin: 0 0 17px 0;
  width: 180px;
  max-width: 90%
}

.bestelling-submit {
  margin: 20px auto 0 auto;
}

.pc_submit {
  display: none;
}

.mobiel_submit {
  display: block;
}

.mobiel_terug {
  display: block;
  margin: 15px auto 0 auto;
  font-family: 'Open Sans','Helvetica Neue',Arial, sans-serif;
  font-size: 17px;
  color: white;
  background-color: #fdb753;
  border: none;
  width: 200px;
  height: 40px;
  font-weight: 600;
  -webkit-border-radius:  4px;
  -moz-border-radius:     4px;
  border-radius:          4px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  border-bottom: 5px solid #e99c2f;
  background-clip: padding-box;
}

.mobiel_terug:hover {
  text-decoration: underline;
}

b.tooltip2:hover span {
  left: -70px;
}

b.tooltip3:hover span {
  left: -70px;
}

/*bestelling_verwerken */

.bs-content h2 {
  font-size: 20px;
}

.bs-content h3 {
  font-size: 17px;
}


.sitedish {
  height: 80px;
}

.sitedish h6 {
  line-height: 40px;
}

.sd-logo {
display: block;
}

.footer-div {
  margin: 0 0 30px 20px;
}

*/ contant_geslaagd.php */

.delen {
  margin: 20px auto 10px auto;
  width: 100%;
  background: #f5f5f5;
  border: 1px solid #dddddd;
}

div.delen {
  width: 100%;
}

.delen h4 {
  font-size: 16px;
  text-align: center;
  font-weight: 600;
  padding: 20px 0 20px 0;
}

.delen ul {
  width: 300px;
  display: block;
  margin: auto;
}

.delen li {
  display: block;
  float: left;
  width: 150px;
  text-align: center;
  margin-bottom: 20px;
}

.delen li img {
  width: 30px;
  height: 30px;
  display: block;
  margin: 0 auto 10px auto;
}

.delen a {
  color: #333333;
  text-decoration: none;
}

.delen a:hover {
  text-decoration: underline;
}

.deel-fb {
  background-position: -350px -150px;
}

.deel-tw {
  background-position: -380px -150px;
}

.deel-gp {
  background-position: -410px -150px;
}

.deel-wa {
  background-position: -440px -150px;
}



li.deel_whatsapp {
  display: block;
}

/* informatie.php */

#mob_balk_nav {
  width: 100%;
  background: black;
  color: white;
  position: fixed;
  top: 0;
  z-index: 999;
  height: 46px;
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
}

#mob_balk_nav a {
  color: white;
  display: block;
  width: 100%;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  padding: 15px 0 15px 75px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
}

#info-links {
  display: none;
}

#info-rechts {
  width: 100%;
  float: left;
  margin: 0;
}

#bezorggebied {
  width: auto;
  margin-right: 9px;
  margin-left: 9px;
}

.wijknaam {
  display: none;
}

#bezorggebied td {
  padding: 5px;
}

#bezorggebied th {
  padding: 8px 5px;
}

#bezorggebied .pc-inactief td {
    text-align: center;
    padding: 5px;
  color: #acacac;
}

.tijden {
  float: none;
  margin-bottom: 20px;
}

.tijden:first-of-type {
  margin-bottom: 10px;
}

/* contact */

#contact-rechts {
  margin-left: 20px;
  width: 90%;
  overflow: hidden;
  margin-top: 40px;
}

#contact-links address {
  margin: 0 0 20px 0;
}

.routebes {
  display: none;
}

#map-canvas {
  width: 100%;
  height: 300px;
}

/* beoordeel */
#plaats-recensie td {
padding: 0 10px;
}

#plaats-recensie td.review-td-area {
  padding: 10px 10px;
}

/* beoordelingen */
/* beoordelingen */
#body-beoordelingen .review {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  border-left: 0;
  border-right: 0;
}
}

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

.start_opties2 label:nth-of-type(6n+4),.start_opties2 label:nth-of-type(6n+5),.start_opties2 label:nth-of-type(6n+6){
  background: none;
  border: none;
}

.start_opties2 label:nth-of-type(4n+3),.start_opties2 label:nth-of-type(4n+4){
  background: none;
  border: none;
}

.start_opties2 label:nth-of-type(odd){
  background: #f5f5f5;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
}

}

@media  only screen and (-webkit-min-device-pixel-ratio: 1.3),only screen and (-o-min-device-pixel-ratio: 13/10),only screen and (min-resolution: 120dpi){

    .sprite {
      background-image: url(/algemeen/img/sprite2.png);
      background-size: 990px 500px;
    }

    .sprite2 {
      background-image: url(/algemeen/img/sprite-slide2.png);
      background-size: 990px 500px;
    }

    .rateit .rateit-range, .rateit .rateit-hover, .rateit .rateit-hover-rtl, .rateit .rateit-selected, .rateit .rateit-preset, .rateit .rateit-preset-rtl {
      background-image: url(/algemeen/img/sprite2.png);
      background-size: 990px 500px;
    }


}



.categorie p {
  font-size: 11px;
}

#winkelwagen h5, #menukaart dt {
  font-weight: 700;
}

#menukaart dd {
  font-size: 12px;
}

#extraopties h2 {
  font-size: 18px;
}

.start_opties2 label {
  background: white!important;
}

#extraopties select {
  font-size: 13px;
}

#extraopties label span {
  font-weight: 500;
  font-size: 13px;
}

:checked + span {
  text-shadow: none;
}

.gerechten tbody:nth-of-type(2n+1) { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; }
.gerechten tbody:nth-last-of-type(1) { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; }

.gr-NR { padding-right: 3px }
.naam_gerecht { display: inline; font-size: 14px; padding: 0; margin: 0;}
.oms_gerecht { display: block; margin-bottom: 13px; line-height: 1.5em!important; font-size: 12.5px; padding: 7px 0 0 0;}
.menu_keuze { display: none; }
.gr-add {width: 76px;}
.gr-add a {color: white; text-decoration: none}
.spanPrijs { background: #00967d; background: rgb(28, 184, 65); float: right; border-radius: 4px; font-size: 14px;  padding: 5px 5px; white-space: nowrap; display: block}
.del {display: block; margin-top: 6px; font-size: 14px;}
.allergieicon { margin: 0 4px 13px 0; }

.cart  {
  font-size: 12px;
}


.gr-foto {
  width: 145px;
  padding: 13px 0;
}

.fotowrapper {
  width: 140px; 
  padding: 0;
  margin: 0;
  display:block;
}

.fotogerecht {
  min-height: 16px;
  min-width: 16px;
  max-width: 140px;
  max-height: 160px;
  float: none;
  padding: 0;
  margin: 0;
}

.fotowrapper2 {
  display: none;
}


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

.gr-foto {
  height: 0px;
  width: 0px;
  padding: 0;
}

.fotowrapper {
  height: 0px;
  width: 0px;
  display: none
}

.fotogerecht {
  height: 0px;
  width: 0px!important;
  display: none;
  float: none;
}

.fotowrapper2 {
display: block;
  width: 120px; 
  margin-top: 7px;
  margin-right: 0px;
  max-height: 160px;
  overflow: hidden;
}

.fotogerecht2 {
  min-height: 16px;
  min-width: 16px;
  max-width: 120px;
  float: none;
  margin: 0; 
}


}

/* CSS */

