.cookiediv{
	width:auto;
	height:auto;
	min-height:60px;
	background: #CCFFFF;
	padding:5px 15px 0px 15px;
	text-align:center;
	position:fixed;
	top:305px;
	left:35%;
	z-index:999999;
	border-radius:7px;
	border:1px solid black;
	box-shadow: 10px 10px 5px black;
	line-height: 1.5em;

}

.cookiediv p {
	line-height:2.5em;
	padding:4px 0px 0px 0px;
}

.knop-info {
  -webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
  font-family: Arial;
  color: #ffffff !important;
  font-size: 17px;
  background: #2e801e;
  padding: 10px 20px 10px 20px;
  text-decoration: none  !important;
  margin:20px 20px 5px 0px;
}

.knop-info:hover {
  background: #4fcc33;
  text-decoration: none  !important;
  color:white !important;
  
}

.knop-akkoord {
  -webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
  font-family: Arial;
  color: #ffffff !important;
  font-size: 17px;
  background: #d93434;
  padding: 10px 20px 10px 20px;
  text-decoration: none  !important;
}

.knop-akkoord:hover {
  background: #248211;
  text-decoration: none;
  color: #ffffff !important;
  text-decoration: none  !important;
}

/*** nodig voor melding foutieve spam code ***/
.spamcodediv{
	position:absolute;
	top:280px;
	left:40%;
	right:auto;
	background:white;
	background-color:white;
	border:2px solid #CC3333;
	color:#ca1700;
	font-size:18px;
	line-height:18px;
	padding:15px 15px 15px 15px;
	font-weight:bold;
	z-index:999;
}


/* Tablets verticaal SM) */
@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (orientation: portrait) {

.cookiediv{
	width:400px;
	top:140px;
	left:25%;
}
.cookiediv p {
	line-height:2em;
}

}


/* Smartphones horizontaal XS */
@media only screen 
  and (min-width: 481px) 
  and (max-width: 767px) {

.spamcodediv{
	left:10%;
}

.cookiediv{
	width:auto;
	height:auto;
	min-height:60px;
	background: #CCFFFF;
	padding:5px 15px 0px 15px;
	text-align:center;
	position:fixed;
	top:50px;
	right:10px;
	z-index:999999;
	border-radius:7px;
	border:1px solid black;
	box-shadow: 10px 10px 5px black;
	line-height: 1em;

}
.cookiediv p {
	line-height:2em;
}

}


/* Smartphones verticaal XS */
@media only screen 
  and (min-width: 320px) 
  and (max-width: 480px) {
	h1{font-size: 2.5em;}
	h3{font-size: 1.5em;}
	
.spamcodediv{
	left:2%;
}

.cookiediv{
	width:96%;
	padding:10px 5px 0px 5px;
	top:150px;
	left:1%;
	z-index:10;
}
.cookiediv p {
	line-height:2em;
}

.knop-info, .knop-akkoord {

	font-size:14px;

}

}