@charset "utf-8";
.container-cookie-melding {
	min-height: 10px;
	background-color: #FFF;
	position: fixed;
	z-index: 999999;
	bottom: -400px;
	width: -moz-calc(100% - 40px); /* Firefox */
	width: -webkit-calc(100% - 40px); /* WebKit */
	width: -o-calc(100% - 40px); /* Opera */
	width: calc(100% - 40px);
	-webkit-transition: bottom 0.3s ease-out;
	-moz-transition: bottom 0.3s ease-out;
	transition: bottom 0.3s ease-out;
	-moz-box-shadow: 0px 0px 12px #666;
	-webkit-box-shadow: 0px 0px 12px #666;
	box-shadow: 0px 0px 12px #666;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 20px;
}
.container-cookie-melding-tekst {
	width: 95%;
	max-width:520px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	color: #66667e;
	text-align:center;
}
.container-cookie-melding-tekst p.txt,
.cookie-knop {
	display:inline-block;
}

.container-cookie-melding-tekst a {
	color: #66667e;
	text-decoration: underline;
	font-size: 80%;
}
.cookie-melding-fond {
	background-color: #000;
	position: fixed;
	z-index: 99999;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	opacity: 0.4;
	display:none;
}
.toon-panel {
	bottom: 0px;
}
.container-cookie-melding p {
	//float: left;
	//background-color: #0CF;
	padding-bottom:20px;
	padding-top:0px;
}
.cookie-knop {
	background-color: #999;
	color: #FFF;
	margin-top: 0px;
	font-weight: bold;
	display: inline-block;
	border-radius: 3px;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
	//float: right;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
}
.cookie-knop:hover {
	cursor: pointer;
	background-color: #666;
}
.ok,
.cookie-knop.ok:hover {
	background-color: #3C6;
}
.niet-ok,
.cookie-knop.niet-ok:hover {
	background-color: #F03;
}
hr.style-six {
	margin-bottom: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #777;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-bottom-color: #777;
}
/* kruisje sluiten */
.container-cookie-melding .container-icon-sluit {
	position: absolute;
	height: 26px;
	width: 26px;
	right: 10px;
	top: 10px;
	background-color: #fff;
	-moz-transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	opacity:0.4;
	display:none;
}
.container-cookie-melding .container-icon-sluit:hover {
	opacity:1;
	cursor:pointer;
}
.container-cookie-melding .streepje {
	margin-top: 10px;
	position: absolute;
	background-color: #333;
	width: 25px;
	height: 2px;
	top: 2px;
}
.container-cookie-melding .streepje.omlaag {
	-webkit-transform: rotate(45deg);
	/* Chrome, Safari, Opera */
	transform: rotate(45deg);
}
.container-cookie-melding .streepje.omhoog {
	-webkit-transform: rotate(-225deg);
	/* Chrome, Safari, Opera */
	transform: rotate(-225deg);
}
@media only screen and (min-width: 768px) {
	.container-cookie-melding {
		width: -moz-calc(100% - 60px); /* Firefox */
		width: -webkit-calc(100% - 60px); /* WebKit */
		width: -o-calc(100% - 60px); /* Opera */
		width: calc(100% - 60px); /* Standard */
		padding: 30px;
	}
	.container-cookie-melding-tekst {
		width: 90%;
	}
	.container-cookie-melding p {
		float: left;
	}
	.cookie-knop {
		float: right;
		margin-right: 0px;
	}
	p.meer-informatie {
		position: relative;
		top: -25px;
	}
}