/* Verkeersinfo sjabloon */
@keyframes moveMeldingen {
  0%   { transform: translateY(0); }
  100% { transform: translateY(-105%); }
}

#verkeer #footer {
	background: none;
}
#verkeer #header {
	position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    width: 84%;
    height: auto;
    padding: 1% 13% 1% 3%;
    background: #fff;
    background-image: url(images/routeradarlogo.svg);
    background-position: 98% center;
    background-repeat: no-repeat;
    background-size: 8%;
    z-index: 9999;
}
#verkeer #header h1 {
	float: left;
	margin: 0;
	color: #000;
    text-shadow: none;
    font-size: 200%;
}
#verkeer #header h2 {
	float: left;
	margin: 0 0 0 1%;
	color: #000;
	text-align: right;
    text-shadow: none;
	font-size: 200%;	
}



#meldingen {
	position: absolute;
	top: 12%;
	left: 20%;
	width: 60%;

}
.meldingen-animate {
	/* animation */
	animation: moveMeldingen;
	animation-duration: 25s;
   	animation-fill-mode: forwards;	
   	animation-timing-function: linear;
   	animation-delay: 5s;	
}



.geenmelding {
	position: absolute;
	top: 25%;
	left: 30%;
	width: 40%;
	padding: 2%;
	background: #fff;
	color: #000;
	text-align: center;
	opacity: 0;
	/* animation */
	animation: fadeIn;
	animation-duration: 1s;
   	animation-fill-mode: forwards;	
   	animation-delay: 2.5s;
}



#meldingen table {
	width: 100%;
	margin: 0;
}

#meldingen tr {
	opacity: 0;
	animation: fadeIn;
	animation-duration: 1s;
   	animation-fill-mode: forwards;
}
#meldingen tr:nth-child(1){
	animation-delay: 0.2s;
}
#meldingen tr:nth-child(2){
	animation-delay: 0.5s;
}
#meldingen tr:nth-child(3){
	animation-delay: 0.8s;
}
#meldingen tr:nth-child(4){
	animation-delay: 1s;
}
#meldingen tr:nth-child(5){
	animation-delay: 1.2s;
}
#meldingen tr:nth-child(6){
	animation-delay: 1.4s;
}
#meldingen tr:nth-child(n+7){
	animation-delay: 1.6s;
}

#meldingen tr:nth-child(n+20) {
	display: none;
}
#meldingen th {
	display: none;
}
#meldingen td {
	height: auto;
	padding: 2%;
	background: #fff;
	color: #000;
	vertical-align: top;
	border-bottom: 0.2vw solid #ddd;
}
#meldingen h1 {
	font-size: 200%;
	margin: 5% 0 2%;
	padding: 0;
}
#meldingen td:first-child {
	width: 20%;
	text-align: center;
}
#meldingen td:nth-child(2) {
	width: 20%;
	text-align: center;
}

#meldingen td:first-child h1 {
	display: block;
	width: 70%;
	margin: 8% 10% 4%;
	padding: 15% 5%;
	background: #050060;
	color: #fff;
	border: 0.2vw solid #fff;
	border-radius: 0.6vw;
	box-shadow: 0px 0px 2vw -0.5vw black;
}
#meldingen td:nth-child(2) h1 {
	display: block;
	width: 70%;
	margin: 8% 10% 4%;
	padding: 15% 5%;
}
#meldingen td:nth-child(2) p {
	float: left;
	margin: 0;
}