ul#ads { 	width:100%; 
	list-style:none; 
	position:relative
	} 
ul#ads li {
	word-wrap: break-word; 
	margin-bottom:12px; 
	width:100%; float:left
	}
ul#ads .num-wrap{
	float:left; 
	/* text-align:center; */
	height:50px; 
	width:68px; 
	position:relative; 
	background:#017cc2 url(wintersportpunt.png) right top no-repeat; 
	margin:7px 0 7px -5px; 
	padding:5px 7px 7px 9px}
ul#ads .gol {
	/* background: url) no-repeat; */
	width:36px; 
	height:36px; 
	/* border-radius:50%;  */
	color:#d77500; 
	font-size:23px; 
	/* line-height:36px; */ 
	text-align:center
	} 

ul#ads span {
	display:block; 
	background:#66B3E1;
	}
ul#ads span:hover {
	cursor:pointer
	}
ul#ads a {
	padding:0 10px 0 86px; 
	height:79px; 
	line-height:79px; 
	color:#fff; 
	font-size:19px; 
	display:block; 
	word-wrap:break-word
	}
ul#ads a:hover {
	text-decoration:underline
	}

@media only screen and (max-width:1023px) {
	body {-webkit-text-size-adjust: 100%; padding-top:0}	
	.wrapper { width: 95%}
	.wrapper h2 {padding:10px 0 25px}
	ul#ads {padding:0} 
	ul#ads {width:598px; margin:0 auto}
}
@media only screen and (max-width:767px) {
	ul#ads li {width:100%}
	ul#ads a {width:444px}
}
@media only screen and (max-width:630px) {
	ul#ads {width:454px; margin:0 auto}
	ul#ads li {width:100%; padding-top:0}
	ul#ads a {width:330px}
}
@media (max-width:1023px) and (min-width:766px) {
	ul#ads{width:650px}
}?
@media (max-width:765px) and (min-width:599px) {
	ul#ads{width:568px !important}
}?
@media only screen and (max-width:500px) {
	ul#ads {width:375px}	
	ul#ads a{width:250px}
}
@media only screen and (max-width:479px) {
	ul#ads span {height:auto}
	ul#ads li {width:100%}
	ul#ads {width:90%}
	ul#ads a{padding:21px 5% 21px 25%; width:70%; line-height:normal !important; height:auto}	
	ul#ads .num-wrap{height:41px; width:58px; padding:9px 0 0 8px; background-size:20px 50px}
	ul#ads .gol {width:32px; height:32px; line-height:32px} 	
}
@media only screen and (max-width:280px) {
	ul#ads .num-wrap{display:none}
	ul#ads a{padding:15px 5% 15px 5%; width:90%}
}