.hoewerkthet .nav.stap {
	position:relative;
	z-index: 1;
}
.hoewerkthet .nav.stap::after {
	display: block;
	position: absolute;
	bottom: 25px;
	right: 5px;
	border-bottom: 3px solid #efefef;
	width: 75%;
	width: calc(100% - 60px);
	z-index: 0;
}

.hoewerkthet .nav.stap span{
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 46px;
	font-size: 22px;
	border-radius: 50%;
	border: 2px solid #337ab7;
	background-color: #efefef;
	color: #337ab7;
	text-align: center;
	z-index: 2;

}

.hoewerkthet .infostap {
	background-color: #efefef;
	position: relative;
	border: 1px solid #c0c0c0;
	background: #ffffff;
	border-radius: 2px;
	padding: 20px;
	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
} 

.hoewerkthet .infostap.boven {
	margin-bottom: 20px;
	margin-top: 20px;
}


.hoewerkthet .infostap.onder {
	margin-top: 20px;
	margin-bottom: 20px;
}


    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
        
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
		.hoewerkthet .infostap {
			min-height: 100px;
		}
		.hoewerkthet .infostap.onder::before {
			position: absolute;
			bottom: auto;
			top: -16px;
			left: 9px !important;
			right: auto;
			border-right: 16px solid transparent !important;
			border-top: 0px solid #c0c0c0 !important;
			border-bottom: 16px solid #c0c0c0 !important;
			border-left: 16px solid transparent !important;
			content: " ";
		}
		.hoewerkthet .infostap.boven::before {
			position: absolute;
			top: auto;
			bottom: -16px;
			left: 9px !important;
			right: auto;
			border-right: 16px solid transparent !important;
			border-top: 16px solid #c0c0c0 !important;
			border-bottom: 0 solid #c0c0c0 !important;
			border-left: 16px solid transparent !important;
			content: " ";
		}
		.hoewerkthet .infostap.boven {
			margin-top: 0px;
			bottom: 0px;
			position: absolute:
		}
		
		
		.hoewerkthet .infostap.onder {
			
			margin-bottom: 0px;
		}
		.hoewerkthet .nav.stap.laatste::after {
			display: none;
			
		}
		.hoewerkthet .infostap .info {
			font-size: 48px;
			padding: 0;
			color: #337ab7;
		}
		
		.hoewerkthet p {
			margin-top:15px;
		}
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }