/* verdiepingen.css */

#appartementen {
	clear: both;
	border-top: 1px solid #777;
	color: #222;
	background: #f6f6f6;
	padding: 24px;
}

#appartementen h2 {
	margin-top: 0;
}

div.verdieping {
	clear: both;
	position: relative;
	width: 540px;
	padding: 441px 0 3em 0;
	text-align: center;
	margin: 2em auto 0 auto;
	color: #222;
	background: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	font-size: 100%;
}

div.verdieping:hover,
div.over {
	background-position: -540px 0 !important;
}



#pg-souterrain {
	background-image: url("/img/pg-souterrain.gif");
}
#pg-souterrain li a:focus span,
#pg-souterrain li a:hover span {
	background-image: url("/img/pg-souterrain-hover.gif");
}

#pg-beletage {
	background-image: url("/img/pg-beletage.gif");
}
#pg-beletage li a:focus span,
#pg-beletage li a:hover span {
	background-image: url("/img/pg-beletage-hover.gif");
}

#pg-verd-1 {
	background-image: url("/img/pg-verd-1.gif");
}
#pg-verd-1 li a:focus span,
#pg-verd-1 li a:hover span {
	background-image: url("/img/pg-verd-1-hover.gif");
}

#pg-verd-2 {
	background-image: url("/img/pg-verd-2.gif");
}
#pg-verd-2 li a:focus span,
#pg-verd-2 li a:hover span {
	background-image: url("/img/pg-verd-2-hover.gif");
}

#pg-verd-3 {
	background-image: url("/img/pg-verd-3.gif");
}
#pg-verd-3 li a:focus span,
#pg-verd-3 li a:hover span {
	background-image: url("/img/pg-verd-3-hover.gif");
}






.verdieping h3 {
	font-size: 100%;
	display: inline;
	font-weight: normal;
	padding: 0.2em 0;
}

.verdieping ul {
	list-style: none outside;
	margin: 0;
	padding: 0;
	display: inline;
}

.verdieping li {
	margin: 0;
	padding: 0;
	display: inline;
}

.verdieping li a {
	font-weight: bold;
	padding: 0.2em 0.5em;
	border-left: 1px solid #ccc;
}

.verdieping li a:hover {
	color: #d00;
	background: #e9e9e9;
	cursor: pointer;
}

.verdieping li del {
	text-decoration: none;
}

.verdieping li del a {
	color: #ccc;
	background: transparent;
	text-decoration: none;
}

.verdieping li a span {
	position: absolute;
	left: 0;
	top: 0;
	width: 30px;
	height: 50px;
	color: #000;
	background-color: transparent;
	background-image: none;
	background-position: -3000px 0;
	background-repeat: no-repeat;
}

.verdieping a:focus span {
	outline: 2px dotted #d00;
}




/* woningen */

#won-1 span {
	left: 24px; top: 0px;
	width: 133px; height: 135px;
}
#won-1 a:focus span,
#won-1 a:hover span { background-position: 0 0; }

#won-2 span {
	left: 107px; top: 113px;
	width: 130px; height: 152px;
}
#won-2 a:focus span,
#won-2 a:hover span { background-position: -133px 0; }

#won-3 span {
	left: 274px; top: 113px;
	width: 98px; height: 132px;
}
#won-3 a:focus span,
#won-3 a:hover span { background-position: -263px 0; }

#won-4 span {
	left: 372px; top: 113px;
	width: 147px; height: 150px;
}
#won-4 a:focus span,
#won-4 a:hover span { background-position: -361px 0; }


/* Bel etage */
#won-5 span {
	left: 25px; top: 0px;
	width: 119px; height: 135px;
}
#won-5 a:focus span,
#won-5 a:hover span { background-position: 0 0; }

#won-6 span {
	left: 24px; top: 135px;
	width: 65px; height: 130px;
}
#won-6 a:focus span,
#won-6 a:hover span { background-position: -119px 0; }

#won-7 span {
	left: 24px; top: 284px;
	width: 106px; height: 135px;
}
#won-7 a:focus span,
#won-7 a:hover span { background-position: -184px 0; }

#won-8 span {
	left: 107px; top: 127px;
	width: 130px; height: 138px;
}
#won-8 a:focus span,
#won-8 a:hover span { background-position: -290px 0; }

#won-9 span {
	left: 107px; top: 284px;
	width: 130px; height: 68px;
}
#won-9 a:focus span,
#won-9 a:hover span { background-position: -420px 0; }

#won-10 span {
	left: 274px; top: 127px;
	width: 98px; height: 118px;
}
#won-10 a:focus span,
#won-10 a:hover span { background-position: -550px 0; }

#won-11 span {
	left: 274px; top: 288px;
	width: 133px; height: 164px;
}
#won-11 a:focus span,
#won-11 a:hover span { background-position: -648px 0; }

#won-12 span {
	left: 372px; top: 127px;
	width: 111px; height: 136px;
}
#won-12 a:focus span,
#won-12 a:hover span { background-position: -781px 0; }

#won-13 span {
	left: 407px; top: 211px;
	width: 117px; height: 202px;
}
#won-13 a:focus span,
#won-13 a:hover span { background-position: -892px 0; }



/* verd.1 */
#won-14 span {
	left: 25px; top: 0px;
	width: 119px; height: 135px;
}
#won-14 a:focus span,
#won-14 a:hover span { background-position: 0 0; }

#won-15 span {
	left: 24px; top: 135px;
	width: 65px; height: 130px;
}
#won-15 a:focus span,
#won-15 a:hover span { background-position: -119px 0; }

#won-16 span {
	left: 24px; top: 284px;
	width: 106px; height: 135px;
}
#won-16 a:focus span,
#won-16 a:hover span { background-position: -184px 0; }

#won-17 span {
	left: 107px; top: 127px;
	width: 130px; height: 138px;
}
#won-17 a:focus span,
#won-17 a:hover span { background-position: -290px 0; }

#won-18 span {
	left: 107px; top: 284px;
	width: 130px; height: 68px;
}
#won-18 a:focus span,
#won-18 a:hover span { background-position: -420px 0; }

#won-19 span {
	left: 274px; top: 127px;
	width: 98px; height: 118px;
}
#won-19 a:focus span,
#won-19 a:hover span { background-position: -550px 0; }

#won-20 span {
	left: 274px; top: 288px;
	width: 133px; height: 164px;
}
#won-20 a:focus span,
#won-20 a:hover span { background-position: -648px 0; }

#won-21 span {
	left: 372px; top: 127px;
	width: 111px; height: 136px;
}
#won-21 a:focus span,
#won-21 a:hover span { background-position: -781px 0; }

#won-22 span {
	left: 407px; top: 208px;
	width: 117px; height: 144px;
}
#won-22 a:focus span,
#won-22 a:hover span { background-position: -892px 0; }



/* verd.2 */
#won-23 span {
	left: 25px; top: 0px;
	width: 119px; height: 135px;
}
#won-23 a:focus span,
#won-23 a:hover span { background-position: 0 0; }

#won-24 span {
	left: 24px; top: 135px;
	width: 65px; height: 130px;
}
#won-24 a:focus span,
#won-24 a:hover span { background-position: -119px 0; }

#won-25 span {
	left: 24px; top: 284px;
	width: 106px; height: 135px;
}
#won-25 a:focus span,
#won-25 a:hover span { background-position: -184px 0; }

#won-26 span {
	left: 107px; top: 127px;
	width: 130px; height: 138px;
}
#won-26 a:focus span,
#won-26 a:hover span { background-position: -290px 0; }

#won-27 span {
	left: 107px; top: 284px;
	width: 130px; height: 68px;
}
#won-27 a:focus span,
#won-27 a:hover span { background-position: -420px 0; }

#won-28 span {
	left: 274px; top: 211px;
	width: 250px; height: 149px;
}
#won-28 a:focus span,
#won-28 a:hover span { background-position: -550px 0; }









#won-29 span {
	left: 17px; top: 0;
	width: 155px; height: 255px;
}
#won-29 a:focus span,
#won-29 a:hover span { background-position: 0 0; }

#won-30 span {
	left: 17px; top: 170px;
	width: 221px; height: 256px;
}
#won-30 a:focus span,
#won-30 a:hover span { background-position: -155px 0; }