@charset "UTF-8";
@import "normalize.css";

img {width:100%;height:auto;}
a {text-decoration:none;}
hr{background:#E6CF91;color:#E6CF91;height:1px;margin:10px 0 10px;border:none}
html, body {height:100%;}
html {font-size:62.5%;line-height:1.6;}
body.home {background:#36110d url(../images/home_back.jpg) fixed no-repeat top center; background-size: cover;}
body.pagina {background:#740D08 url(../images/bgsmall.jpg) fixed no-repeat top center; background-size: cover;}
.container {padding:20px;min-height:100%;margin-bottom:-40px;}
.home .container {height:100%;}
.container:after {content: "";display: block;}
footer {height:40px;background:rgba(0,0,0,0.5);color:#740D08;}
.home #logo {position:relative;width:90%;max-width:400px;height:auto;top:20%;left:calc(50% - 200px);}
.pagina #logo {position:relative;width:90%;max-width:400px;height:auto;top:40px;left:5%;}
.home #language p {font-size:3rem;text-align:center;background:rgba(0,0,0,0.5);color:#f00;}
.home #language a {color:#fff;}
.home #language a:hover {color:#f00;text-decoration:underline;}
.video {border-radius:10px;position:relative;}
video {width:100%;max-width:420px;height:auto;cursor:pointer;border:solid 20px #000;background:#000;border-radius:10px;}
.playlogo {position:absolute;top:0px;left:0px;width:100%;height:100%; background:url(../images/play.png) no-repeat center center;z-index:2;cursor:pointer;}
@-moz-document url-prefix() { 
  .playlogo {display:none;}
}
#menu {font-size:1.6rem;text-align:center;color:#fff;}
#menu a {color:#FDD459;}
p, label {font-size:1.6rem;margin-top:0;color:#E6CF91;}
footer p {font-size:1.4rem;padding-top:10px;padding-left:10px;}
span.space {display:none;}
.producten p {/*font-size:1.4rem;*/line-height:1.8;}

.t-shdw {text-shadow: 1px 1px 2px #3f120e;}
.content {max-width:1000px;margin:0 auto;}
.bottom {padding-bottom:100px;}
.top {padding-top:10%;}
.contact .links {padding-right:30px;}
.links {/*border-bottom:dotted 1px #E6CF91;*/}
.links a { color:#FFD457; }
.links a:hover { color:#f00; }
.links img, .links .video, .rechts img {box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);}
.specials .links img, .specials .rechts img {box-shadow: none;}
.rechts {padding-top:30px;}
h2 {font-size:2rem;color:#DEC68C;}
#formulier {padding-top:20px;}
.invoer{ width:100%;height:30px; background:#E7D08D; border:1px solid #795A3C;color:#795A3C;padding-left:5px;font-size:1.6rem;}
textarea.invoer {height:150px;}
.button {background:#795A3C;color:#E7D08D; border:1px solid #795A3C;font-size:2rem;}
.error, .warning { color:#f00;}
.gallery {width:100%;}
.gallery img {width:50px;}


table {width:100%;}
th { font-weight:bold; }
thead th { background:#c3d9ff; }
th, td, caption { padding:4px 10px 4px 5px; vertical-align:top;}

@media all and (min-width: 500px) {
	body.pagina {background:#740D08 url(../images/bgbig.jpg) fixed no-repeat top center; background-size: cover;}
	#menu {position:absolute;top:2px; right:20px;font-size:2rem;padding:10px;}
	#formulier {padding-top:0;}
	.invoer{ width:90%;}
	td.tdrechts {width:25%;}
	.producten .content img {max-width:225px;float:left;margin-right:20px;}
	.producten .bottom img {float:none;}
}

@media all and (min-width: 768px) {
	.container {padding:0;}
	.content {display:table;width:100%;max-width:1000px;}
	.links, .rechts {display:table-cell;width:50%;vertical-align:top;padding:20px;}
	.midden {display:table-cell;width:100%;padding:0 20px;}
	.contact .links {border-right:dotted 1px #E6CF91;pading-right:10px;width:450px;margin-right:20px;}
	span.space {display:inline;}
	table { margin-bottom:1.4em; max-width:600px;}
}