#selection {
float: left;
}
#selection li {
display: block;
height: 32px;
margin: 0 0 5px 25px;
padding: 0;
position: relative;
width: 180px;
}
#selection li a,
#selection li a:link,
#selection li a:visited {
background: #fff url(bg-gradient-nav-light.png) repeat-x 100% 0;
border: 1px solid #cbcbcb;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #2f5385;
display: block;
height: 18px;
margin-top: 10;
padding: 8px 0 4px 14px;
text-decoration: none;
text-shadow: 0 1px 0 #fff;
text-transform: lowercase;
width: 164px;
}
#selection li a:hover,
#selection li a:active {
border-color: #999;
color: #143264;
}
#selection li a:focus {
outline: none;
}
#selection li a strong { font-weight: bold; }
#selection .icon {
height: 32px;
left: -40px;
position: absolute;
width: 32px;
}
#selection .kleinvaarbewijs { background: url("../images/icons/iconkvb48x48.png") no-repeat 0 0; }
#selection .marifonie { background: url("../images/icons/iconrc48x48.png") no-repeat 0 0; }
#selection .kustnavigatie { background: url("../images/icons/icontkn48x48.png") no-repeat 0 0; }
#selection .grootmotorschip { background: url("../images/icons/icongms48x48.png") no-repeat 0 0; }
#selection .kielboot { background: url("../images/icons/iconkb48x48.png") no-repeat 0 0; }
#selection .stuurbrevet { background: url("../images/icons/iconsb48x48.png") no-repeat 0 0; }
#selection .src { background: url("../images/icons/iconsrc48x48.png") no-repeat 0 0; }
#selection .adnr { background: url("../images/icons/iconadnr48x48.png") no-repeat 0 0; }

@media screen and (max-width: 960px) {
	#box1, #box2{
		width: 40%;
	}
	#box3{
	display: none;
	}
}
@media screen and (max-width: 840px) {
	#box1, #box2{
		width: 95%;
	}
}