/*******************************************************
*-----------------------  general -----------------------
********************************************************/
* {
	padding: 0; margin: 0; border: 0;
}
html {
    position: relative;
    min-height: 100%;
}
body
{
	font-family: 'Open Sans', arial, helvetica, georgia, verdana, lucida grande, sans-serif;
	font-weight: 400;
	font-size: 12px;
	color: rgba(255,255,255,0.50);
	background-color: #282928;
	margin: 0 0 100px; /* bottom = footer height */
}
a, a:hover, a:active{
	color: black;
	text-decoration: underline;
}
a:hover{
	text-decoration: underline;
}
div.clear{
	clear: both;
	display: block;
	height:1px;
	width: 100%;
}
a:focus {outline:none}
div.print{display: none;}
#last, .last{margin-right: 0}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
strong{font-weight: bold}
.mobilenav{display: none;}
.background-image-block{
	position: fixed;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
	z-index: -1;
	background: no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.parketeycken.be/images/interface/bg.jpg', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.parketeycken.be/images/interface/bg.jpg', sizingMethod='scale')";
}
/*******************************************************
*-----------------------  header -----------------------
********************************************************/
header{
	display: block;
	padding: 20px 30px 10px 30px;
	background-color: rgba(255,255,255,0.9);
	color: #232323;
}
header #logo, header .mainnav{
	float:left;
	display: block;
	width: 180px;
	overflow:hidden;
	margin: 0px 20px 0px 0px;
	padding:  0px 0px 0px 0px;
}
header .mainnav{
	width: 80%;
	width:    -moz-calc(100% - 200px);
	width: -webkit-calc(100% - 200px);
	width:      -o-calc(100% - 200px);
	width:         calc(100% - 200px);
	margin-right: 0;
}
.mailchimp_form_mobile{display: none;}
.mailchimp_form{
	display: none;
	position: absolute;
	right: 20px;
	top: 136px;
}
.mailchimp_form input[type='email']{
	background-color: #9db0ac;
	color: white;
	padding:2px;
	width: 100px;
	border: none;
}
.mailchimp_form ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
}
.mailchimp_form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #fff;
}
.mailchimp_form ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #fff;
}
.mailchimp_form :-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #fff;
}
.mailchimp_form input[type='submit']{
	color: white;
	padding: 2px;
	background-color: #0f0708;
	cursor: pointer;
}
.mailchimp_form input[type='submit']:hover{
	background-color: #9db0ac;
}
/*******************************************************
*-----------------------  section -----------------------
********************************************************/
/*******************************************************
*-----------------------  footer -----------------------
********************************************************/
footer{
	position: absolute;
    left: 0;
    bottom: 0;
	height: 70px;
	width: 100%;
	padding:  20px 20px  10px 20px;
	width:    -moz-calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	width:      -o-calc(100% - 40px);
	width:         calc(100% - 40px);
	background-color: rgba(40,40,40,0.90);
	color: white;
	font-size: 11px;
}
footer section{
	float:left;
	display: block;
	width: 50%;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	padding:  0px 0px 0px 0px;
}
footer section h3,
.address_data{
	float:left;
	display: block;
	width: 60px;
	overflow:hidden;
	margin: 0px 20px 0px 0px;
	padding:  0px 0px 0px 0px;
	line-height: 1.8em;
}
.address_data p{
	line-height: 1.8em;
	margin: 0px 0px 0px 0px;
}
footer section.footer_right h3,
.footer_right .address_data{
	float: right;
	text-align: right;}
.address_data{
	margin-right: 0;
	width:    -moz-calc(100% - 80px);
	width: -webkit-calc(100% - 80px);
	width:      -o-calc(100% - 80px);
	width:         calc(100% - 80px);
	color: rgba(255,255,255,0.6);
	}
.footer_right .address_data{
	width: 250px;
}
.address_data a{color: rgba(255,255,255,0.6);text-decoration: none;}
.address_data a:hover{text-decoration: underline;}
.address_data a#burobakeliet{color: rgba(255,255,255,0.2);text-decoration: none;}
.address_data a#burobakeliet:hover{color: rgba(255,255,255,0.9);text-decoration: none;}
.toonzaal_title_mb{display: none;}
/***************
cookiebar
***************/
#cookie-bar {background:#f1f1f1;  line-height:18px; color:#000; text-align:center; padding: 3px 0; position:fixed; bottom:0; left:0; width:100%;z-index: 999999;
  opacity:0.9;
  filter:alpha(opacity=90); /* For IE8 and earlier */}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#0f0708;}
#cookie-bar .cb-enable:hover {background:#c54545;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}