/* CSS Document */
.lijstje{
	list-style-image: url("../images/goldstar.png");}

.lijst {
	font-size:16px;}

@media screen and (min-width: 400px) {
	.lijst {
		font-size:12px;}
}

@media screen and (min-width: 1120px) {
	.lijst {
		font-size:16px;}
}

ul[data-liffect="zoomOut"] {
	-webkit-margin-before: 0px;
	-webkit-margin-after: 0px;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 10%;
	-moz-margin-before: 10px;
	-moz-margin-after: 10px;
	-moz-margin-start: 10px;
	-moz-margin-end: 10px;
	-moz-padding-start: 10px; }

ul[data-liffect="zoomOut"] li {
	margin: 0;
	padding: 4px;
	border: 0; }

ul[data-liffect="zoomOut"] li {
	opacity: 0;
	position: relative;
	-webkit-animation: zoomOut 5000ms ease both;
	-webkit-animation-play-state: paused;
	-moz-animation: zoomOut 5000ms ease both;
	-moz-animation-play-state: paused;
	-o-animation: zoomOut 5000ms ease both;
	-o-animation-play-state: paused;
	animation: zoomOut 5000ms ease both;
	animation-play-state: paused; }

ul[data-liffect="zoomOut"].play li {
	-webkit-animation-play-state: running;
	-moz-animation-play-state: running;
	-o-animation-play-state: running;
	animation-play-state: running; }

@-webkit-keyframes zoomOut {
	0% { opacity: 0; -webkit-transform: scale(.6); }
	100% { opacity: 1; -webkit-transform: scale(1); }}

@-moz-keyframes zoomOut {
	0% { opacity: 0; -moz-transform: scale(.6); }
	100% { opacity: 1; -moz-transform: scale(1); }}

@-o-keyframes zoomOut {
	0% { opacity: 0; -o-transform: scale(.6); }
	100% { opacity: 1; -o-transform: scale(1); }}

@keyframes zoomOut {
	0% { opacity: 0; transform: scale(.6); }
	100% { opacity: 1; transform: scale(1); }}