@import url("default.css");
@import url("vervolg.css");

div#content h2 {
	background: url(../img/tpl/headers_groot.gif) no-repeat 0 -220px;
}
div#content h2 + p {
	width: 427px; height: 55px;
	position: absolute;
	top: 0; right: 0;
}

/*///////////////////////////////////////// 
	BEGIN STAPPEN CONTAINERS
/////////////////////////////////////////*/

div.stap {
	width: 280px; height: 300px;
	margin: 0 60px 40px 0;
	position: relative;
	float: left;
	overflow: hidden;
}
div.stap.nomargin {
	margin-right: 0;
}
div.stap div.foto, div.stap div.foto-zonder {
	width: 280px; height: 170px;
}
div.stap div.foto-zonder {
	cursor: pointer;
}
div.stap div.foto ul {
	display: none;
	width: 240px; height: 100px;
	position: absolute;
	top: 19px; left: 25px;
	list-style: none;
}
div.stap div.foto ul li {
	height: 25px;
	padding: 0 0 0 12px;
	background: url(../img/tpl/bg_li_stap.gif) no-repeat 0 10px;
	font-size: 11px;
	font-weight: bold;
	line-height: 25px;
	text-transform: uppercase;
}
div.stap div.foto ul li:first-child {
	height: 0;
	padding: 30px 0 0 0;
	overflow: hidden;
	background: url(../img/tpl/indezefase.gif) no-repeat 0 0;
}
/*div.stap div:hover.foto ul {
	display: block;
	cursor: help;
}*/
div.stap nav {
	width: 51px; height: 0;
	padding: 23px 0 0 0;
	overflow: hidden;
	position: absolute;
	top: 159px; right: 7px;
	background: url(../img/tpl/bg_nav_stap.png) no-repeat 0 0;
}
div.stap div.foto a {
	width: 23px; height: 0;
	padding: 23px 0 0 0;
	display: block;
	overflow: hidden;
	position: absolute;
	top: 159px; right: 7px;
	z-index: 99;
	cursor: help;
}
/*div.stap div:hover.foto {
	cursor: help;
}*/
div.stap div:hover.foto + nav {
	background-position: 0 -23px;
}
div.stap h3 {
	width: 200px; height: 0;
	margin: 21px 0 12px 10px;
	padding: 25px 0 0 0;
	overflow: hidden;
	background: url(../img/tpl/headers_werkwijze.gif) no-repeat 0 0;
}
div.stap p {
	margin: 0 0 0 10px;
	font-size: 11px;
}
/*div.stap.een div:hover.foto,
div.stap.twee div:hover.foto,
div.stap.drie div:hover.foto,
div.stap.vier div:hover.foto,
div.stap.vijf div:hover.foto,
div.stap.zes div:hover.foto,
div.stap.zeven div:hover.foto,
div.stap.acht div:hover.foto,
div.stap.negen div:hover.foto,
div.stap.tien div:hover.foto {
	background: #00adef;
}*/
div.stap p a {
	font-size: 11px;
}

/*///////////////////////////////////////// 
	STAP SPECIFIEKE STIJLEN
/////////////////////////////////////////*/

/*div.stap.een div.foto {
	background: url(../img/werkwijze/1.jpg) no-repeat;
}
div.stap.twee div.foto {
	background: url(../img/werkwijze/2.jpg) no-repeat;
}
div.stap.drie div.foto {
	background: url(../img/werkwijze/3.jpg) no-repeat;
}
div.stap.vier div.foto {
	background: url(../img/werkwijze/4.jpg) no-repeat;
}
div.stap.vijf div.foto {
	background: url(../img/werkwijze/5.jpg) no-repeat;
}
div.stap.zes div.foto {
	background: url(../img/werkwijze/6.jpg) no-repeat;
}
div.stap.zeven div.foto {
	background: url(../img/werkwijze/7.jpg) no-repeat;
}
div.stap.acht div.foto {
	background: url(../img/werkwijze/8.jpg) no-repeat;
}
div.stap.negen div.foto-zonder {
	background: url(../img/werkwijze/9.jpg) no-repeat;
}
div.stap.negen div.foto-zonder:hover {
	background-position: 0 -170px;
}*/
div.stap.twee h3 {
	background-position: 0 -25px;
}
div.stap.drie h3 {
	background-position: 0 -50px;
}
div.stap.vier h3 {
	background-position: 0 -75px;
}
div.stap.vijf h3 {
	background-position: 0 -100px;
}
div.stap.zes h3 {
	background-position: 0 -125px;
}
div.stap.zeven h3 {
	background-position: 0 -150px;
}
div.stap.acht h3 {
	background-position: 0 -175px;
}
div.stap.negen h3 {
	background-position: 0 -200px;
}


div.stap div.foto {
	background: none;
}