@charset "UTF-8";

/* CSS Document */
#container-all {
  width:960px;
  height:auto;
  margin:22px auto 0
}

body {
  background-image:url(../IMAGES/bg-top.jpg);
  background-repeat:no-repeat;
  background-color:#00B3F6
}

.container {
  margin:0 auto;
  width:1200px;
  height:auto;
  position:relative;
  margin-top:-250px
}

#header {
  position:relative;
  height:90px;
  width:100%;
  z-index:999;
  margin:0 auto;
  margin-top:-15px
}

#logotje {
  float:left;
  margin-left:-50px;
  cursor:auto;
  width:25%;
  height:auto;
  list-style:none;
  cursor:auto
}

#voorgrond {
  height:auto;
  margin:-450px 0 0 -200px;
  alignment-adjust:central
}

#blauwvlak {
  width:1920px;
  height:900px;
  margin-left:-500px;
  margin-top:-250px;
  background-image:url(../IMAGES/background2.png)
}

#blauwvlak2 {
  width:1920px;
  height:1500px;
  margin-left:-450px;
  margin-top:-250px;
  background-image:url(../IMAGES/background2.png)
}

#titel {
  width:1200px;
  height:auto;
  text-shadow:#333;
  margin-top:50px;
  margin-left:300px
}

#tekst {
  width:400px;
  height:300px;
  margin-left:900px;
  margin-top:50px
}

#tekst1 {
  width:400px;
  height:300px;
  margin-left:900px;
  margin-top:80px
}

#divider {
  margin-top:-55px;
  margin-left:500px
}

#divider1 {
  width:auto;
  margin-top:45px;
  height:auto;
  margin-left:500px
}

nav {
  float:right;
  margin-top:15px
}

a {
  text-decoration:none
}

#nav a {
  font-family:"Arial Black",Gadget,sans-serif;
  color:#fff;
  text-decoration:none;
  font-weight:200;
  font-size:16px;
  float:right;
  margin:30px 0 0 30px;
  cursor:auto;
  text-shadow:1px 1px 0 #157cd0
}

#nav a:hover {
  color:#FFF
}

#nav li {
  height:16px;
/*30-6*/
  float:left;
  margin:0 auto
}

/* -----   pagina's  ------*/
#ice {
  width:auto;
  height:auto;
  margin-top:-294px;
  margin-left:-40px;
  position:relative;
  -webkit-animation:mymove 5s;
/* Chrome, Safari, Opera */
  -webkit-animation-iteration-count:1;
/* Chrome, Safari, Opera */
  -webkit-animation-fill-mode:forwards;
/* Chrome, Safari, Opera */
  visibility:visible;
  webkit-animation-delay:1s;
  display:block
}

@-webkit-keyframes mymove {
from {
  left:-800px
}

to {
  left:100px
}
}

.page {
  padding:0 0 0 20px;
/*geen top-waarde aangeven*/
  height:1100px;
  width:100%;
  font-size:12px;
  line-height:18px
}

.page p {
  padding:0 0 15px 150px;
  width:400px
}

.page ul {
  padding:0 0 15px 170px;
  font-size:10px;
  list-style:square
}

.page-padding {
  height:170px
/*background-color: #FF0;*/
}

.txt_cnt {
  text-align:center
}

#container-buttons {
  width:1680px;
  height:200px;
  margin:-325px 0 0 -220px
}

#back-top {
  position:fixed;
  bottom:10px;
  right:20px
}

#back-top span {
  width:50px;
  height:50px;
  margin-left:1300px;
  display:block;
  background:#92CCD5;
  background:rgba(141,199,208,0.8);
  -webkit-border-radius:25px;
  border-radius:25px;
  -webkit-transition:1s;
  -moz-transition:1s;
  transition:1s;
  text-align:center;
  line-height:52px;
  color:#FFF;
  font-family:"Arial Black",Gadget,sans-serif;
  font-size:16px;
  text-shadow:0 1px 1px #76A9B1
}

.container-content {
  width:auto;
  height:900px;
  margin-top:-900px;
  margin-left:-240px
}

.tussenvlak {
  width:auto;
  height:230px;
  background-color:#333;
  margin-top:100px;
  margin-left:-40px;
  background-attachment:fixed
}

.tussenvlak2 {
  width:auto
}

p {
  color:#fff;
  font-family:"Arial Black",Gadget,sans-serif;
  font-weight:100;
  text-decoration:none;
  font-size:9px px
}

#image-tekst1 {
  margin-top:-30px;
  margin-left:-60px
}

#image-tekst2 {
  margin-top:-30px;
  margin-left:-60px
}

#image-tekst3 {
  margin-top:-30px;
  margin-left:-60px
}

#image1 {
  width:auto;
  height:100px;
  float:left;
  margin:auto;
  margin-top:30px;
  margin-left:-30px
}

#image2 {
  float:left;
  margin-left:-100px;
  margin-top:30px
}

#image3 {
  float:left;
  margin-left:685px;
  margin-top:-213px
}

#black {
  width:auto;
  height:600px;
  margin-top:250px;
  margin-left:-20px
}

.background-content {
  margin-top:;
  margin-left:-400px;
  height:900px;
  width:1920px;
  cover:cover;
  background-repeat:no-repeat
}

#tabel {
  background-color:#fff;
  border-color:#333
}

.content-vlak {
  width:950px;
  height:600px;
  margin:0 auto;
  margin-top:140px;
  background-color:#FFF;
  box-shadow:5px 5px 5px #1981A6;
  clear:both;
  background-image:url(../IMAGES/bg-content-3.jpg)
}

.vlakje-in-content {
  padding-top:10px;
  overflow:hidden;
  margin-top:-150px
}

.style {
  box-shadow:3px 3px 3px #666;
  border:thick #FFF
}

.informatie {
  width:200px;
  background-color:#fff;
  float:left;
  margin:70px 5px 80px 25px;
  height:240px;
  border:1px solid #ccc
}

.vlakjes {
  width:150px;
  height:150px;
  float:left;
  margin:10px 5px 80px 20px
}

#bordervlak {
  width:150px;
  height:220px;
  background-color:#0FF
}

.keuken-img {
  margin:-320px 0 0 820px
}

.bovenkant {
  width:950px;
  height:60px;
  margin:25px 0 200px;
  background-color:#2F9DDF;
  clear:both;
  box-shadow:1px 5px 5px #999
}

.bovenkant1 {
  width:950px;
  height:60px;
  margin:25px 0 200px 200px;
  background-color:red;
  clear:both
}

#footer {
  margin-left:-115px;
  width:1500px;
  height:auto;
  margin-top:-250px;
  z-index:999
}

#divider2 {
  background-image:url(../IMAGES/divider.png)
}

#overmij-background {
  margin-left:-100px;
  width:1920px;
  height:900px;
  background-image:url(../IMAGES/background2.png);
  cover:cover
}

#ikke {
  margin-top:80px;
  margin-left:500px
}

#about {
  margin-left:-450px;
  margin-top:20px
}

#gif {
  width:400px;
  margin-left:-450px;
  margin-top:-410px;
  border:3px thick #FFF
}

#payoff {
  width:1200px;
  clear:both;
  height:auto;
  margin-left:-160px;
  margin-top:50px
}

.tussenvlak4 {
  background-color:#00B3F6;
  width:1920px;
  height:250px;
  margin-top:-30px
}

#tussenvlak-groen {
  background-image:url(../IMAGES/green-bg.png);
  width:1920px;
  height:200px;
  background-repeat:repeat;
  margin-top:-200px;
  margin-left:-230px
}

.quote {
  margin-top:120px;
  margin-left:200px;
  font-family:'Dancing Script',cursive;
  font-size:40px;
  color:#2f9ddf
}

@media (max-width:600px) {
#container-all {
  width:600px;
  height:auto;
  margin:22px auto 0
}

body {
  background-image:url(../IMAGES/bg-top.jpg);
  background-repeat:no-repeat;
  background-color:#00B3F6;
  width:600px;
  height:auto
}

.container {
  margin:0 auto;
  width:600px;
  height:auto;
  position:relative;
  margin-top:-250px
}

#header {
  position:relative;
  height:90px;
  width:90%;
  z-index:999;
  margin:0 auto;
  margin-top:-15px
}

#logotje {
  margin-left:0;
  margin-top:50px;
  cursor:auto;
  width:80%;
  height:auto;
  list-style:none;
  cursor:auto
}

#voorgrond {
  display:none
}

#blauwvlak {
  width:1920px;
  height:0 auto;
  margin-left:-100px;
  margin-top:-250px;
  background-image:url(../IMAGES/background2.png)
}

#blauwvlak2 {
  width:1920px;
  height:1500px;
  margin-left:-450px;
  margin-top:-250px;
  background-image:url(../IMAGES/background2.png)
}

#titel {
  width:600px;
  height:auto;
  text-shadow:#333;
  margin-top:20px;
  margin-left:75px
}

#tekst {
  width:500px;
  height:300px;
  margin-left:100px;
  margin-top:50px;
  text-align:center;
  margin-bottom:50px
}

nav {
  clear:both;
  margin-top:15px;
  text-align:center
}

a {
  text-decoration:none
}

#nav a {
  font-family:"Arial Black",Gadget,sans-serif;
  color:#fff;
  text-decoration:none;
  font-weight:100;
  font-size:30px;
  float:right;
  cursor:auto;
  text-shadow:1px 1px 0 #157cd0;
  clear:both;
  margin-top:40px
}

#nav li {
  height:50px;
/*30-6*/
  clear:both;
  margin-right:200px
}

/* -----   pagina's  ------*/
#ice {
  display:none
}

.container-content {
  width:auto;
  height:900px;
  margin-top:-900px;
  margin-left:-240px
}

.tussenvlak {
  width:auto;
  height:230px;
  background-color:#333;
  margin-top:100px;
  margin-left:-40px;
  background-attachment:fixed
}

.tussenvlak2 {
  width:auto
}

p {
  color:#fff;
  font-family:"Arial Black",Gadget,sans-serif;
  font-weight:100;
  text-decoration:none;
  font-size:9px px;
  text-align:center;
  width:100px
}

#image-tekst1 {
  margin-top:-30px;
  margin-left:-60px
}

#image-tekst2 {
  margin-top:-30px;
  margin-left:-60px
}

#image-tekst3 {
  margin-top:-30px;
  margin-left:-60px
}

#image1 {
  width:auto;
  height:100px;
  float:left;
  margin:auto;
  margin-top:30px;
  margin-left:-30px
}

#image2 {
  float:left;
  margin-left:-100px;
  margin-top:30px
}

#image3 {
  float:left;
  margin-left:685px;
  margin-top:-213px
}

.content-vlak {
  width:950px;
  height:600px;
  margin:0 auto;
  margin-top:140px;
  background-color:#FFF;
  box-shadow:5px 5px 5px #1981A6;
  clear:both;
  background-image:url(../IMAGES/bg-content-3.jpg)
}

.vlakje-in-content {
  padding-top:10px;
  overflow:hidden;
  margin-top:-150px
}

.style {
  box-shadow:3px 3px 3px #666;
  border:thick #FFF
}

.informatie {
  width:200px;
  background-color:#fff;
  float:left;
  margin:70px 5px 80px 25px;
  height:240px;
  border:1px solid #ccc;
  clear:both
}

.vlakjes {
  width:150px;
  height:150px;
  float:left;
  margin:10px 5px 80px 20px;
  clear:both
}

#bordervlak {
  width:150px;
  height:220px;
  background-color:#0FF;
  clear:both
}

.keuken-img {
  margin:-240px 0 0 375px
}

.bovenkant {
  width:950px;
  height:60px;
  margin:25px 0 200px;
  background-color:#2F9DDF;
  clear:both;
  box-shadow:1px 5px 5px #999;
  margin-bottom:300px
}

.bovenkant1 {
  width:950px;
  height:60px;
  margin:25px 0 200px 200px;
  background-color:red;
  clear:both
}

#divider2 {
  background-image:url(../IMAGES/divider.png)
}

#overmij-background {
  margin-left:-100px;
  width:1920px;
  height:900px;
  background-image:url(../IMAGES/background2.png);
  cover:cover
}

#ikke {
  margin-top:80px;
  margin-left:500px
}

#about {
  margin-left:-450px;
  margin-top:20px
}

#gif {
  width:400px;
  margin-left:-450px;
  margin-top:-410px;
  border:3px thick #FFF
}

#payoff {
  width:40px;
  clear:both;
  height:auto;
  margin-left:-160px;
  margin-top:50px;
  text-align:center
}

.tussenvlak4 {
  display:none
}

.quote {
  display:none
}
}