/* het huis */

#huis {
    position: relative;
    display: block;
    left: 0px;
    top: 0px; 
	width: 100%; height: 275px;
	font-size: 1em;
	margin: 0em 0; padding:0 0em;
    margin-bottom: 0em;
    background: #f5f6f0 url( 'images/mozaiek/huis.gif' ) 0 0 no-repeat;
    overflow: hidden;
	}

ul.mozaiek {
    list-style-type: none;
    }

div.c12 {
    position: absolute;
    left: -20px;
    top: 0px; 
	width: 322px; height: 69px;
	background: url( 'images/mozaiek/12x3.gif' ) 0 -138px no-repeat;
	}

div.c12 a {
	display: block;
	width:100%; height:100%;
	color: #f5f6f0;
	text-decoration: none;
	background: url( 'images/mozaiek/12x3.gif' ) top left no-repeat; 
	}

div.c12 span {
    position: absolute;
	display: block;
    top: 20px;
    right: 40px;
    white-space: nowrap;
	}

div.c12 a:hover {
    color: black;
	background: url( 'images/mozaiek/12x3.gif' ) 0 -69px no-repeat;
	}

div.c12 a:active {
    background-image: none;
	color: black;
	}

div.c16 {
    position: absolute;
    left: 320px;
    top: 35px; 
	width: 168px; height: 48px;
	background: url( 'images/mozaiek/16x3.gif' ) 0 -96px no-repeat;
	}

div.c16 a {
	display: block;
	width:100%; height:100%;
	color: #f5f6f0;
	text-decoration: none;
	background: url( 'images/mozaiek/16x3.gif' ) top left no-repeat;
	}

div.c16 span {
    position: absolute;
	display: block;
    left: 65px;
    top: 5px;
	}

div.c16 a:hover {
    color: black;
	background: url( 'images/mozaiek/16x3.gif' ) 0 -48px no-repeat;
	}

div.c16 a:active {
    background-image: none;
	color: black;
	}

div.c19 {
    position: absolute;
    left: -20px;
    top: 69px; 
	width: 283px; height: 48px;
	background: url( 'images/mozaiek/19x3.gif' ) 0 -96px no-repeat;
	}

div.c19 a {
	display: block;
	width:100%; height:100%;
	color: #f5f6f0;
	text-decoration: none;
	background: url( 'images/mozaiek/19x3.gif' ) top left no-repeat;
	}

div.c19 span {
    top: 20px;
    right: 40px;
    position: absolute;
	display: block;
    white-space: nowrap;
	}

div.c19 a:hover {
    color: black;
	background: url( 'images/mozaiek/19x3.gif' ) 0 -48px no-repeat;
	}

div.c19 a:active {
    background-image: none;
	color: black;
	}

div.c22 {
    position: absolute;
    left: 313px;
    top: 83px; 
	width: 250px; height: 34px;
	background: url( 'images/mozaiek/22x3.gif' ) 0 -68px no-repeat;
	}

div.c22 a {
	display: block;
	width:100%; height:100%;
	color: #f5f6f0;
	text-decoration: none;
	background: url( 'images/mozaiek/22x3.gif' ) top left no-repeat;
	}

div.c22 span {
    position: absolute;
	display: block;
    left: 82px;
    top: 8px;
	}

div.c22 a:hover {
    color: black;
	background: url( 'images/mozaiek/22x3.gif' ) 0 -34px no-repeat;
	}

div.c22 a:active {
    background-image: none;
	color: black;
	}

div.c23 {
    position: absolute;
    left: -20px;
    top: 117px; 
	width: 233px; height: 41px;
	background: url( 'images/mozaiek/23x3.gif' ) 0 -82px no-repeat;
	}

div.c23 a {
	display: block;
	width:100%; height:100%;
	color: #f5f6f0;
	text-decoration: none;
	background: url( 'images/mozaiek/23x3.gif' ) top left no-repeat;
	}

div.c23 span {
    position: absolute;
    width: 200px;
    right: 5px;
    top: 0px;
    display: block;
	}

div.c23 a:hover {
    color: black;
	background: url( 'images/mozaiek/23x3.gif' ) 0 -41px no-repeat;
	}

div.c23 a:active {
    background-image: none;
	color: black;
	}

div.c25 {
    position: absolute;
    left: 281px;
    top: 117px; 
	width: 194px; height: 41px;
	background: url( 'images/mozaiek/25x3.gif' ) 0 -82px no-repeat;
	}

div.c25 a {
	display: block;
	width:100%; height:100%;
	color: #f5f6f0;
	text-decoration: none;
	background: url( 'images/mozaiek/25x3.gif' ) top left no-repeat;
	}

div.c25 span {
    position: absolute;
	display: block;
    left: 115px;
    top: 20px;
    white-space: nowrap;
	}

div.c25 a:hover {
    color: black;
	background: url( 'images/mozaiek/25x3.gif' ) 0 -41px no-repeat;
	}

div.c25 a:active {
    background-image: none;
	color: black;
	}

div.c28 {
    position: absolute;
    left: -20px;
    top: 158px; 
	width: 258px; height: 39px;
	background: url( 'images/mozaiek/28x3.gif' ) 0 -78px no-repeat;
	}

div.c28 a {
	display: block;
	width:100%; height:100%;
	color: #f5f6f0;
	text-decoration: none;
	background: url( 'images/mozaiek/28x3.gif' ) top left no-repeat;
	}

div.c28 span {
    position: absolute;
    top: 5px;
    right: 95px;
	display: block;
    white-space: nowrap;
	}

div.c28 a:hover {
    color: black;
	background: url( 'images/mozaiek/28x3.gif' ) 0 -39px no-repeat;
	}

div.c28 a:active {
    background-image: none;
	color: black;
	}

div.c30 {
    position: absolute;
    left: 308px;
    top: 158px; 
	width: 198px; height: 39px;
	background: url( 'images/mozaiek/30x3.gif' ) 0 -78px no-repeat;
	}

div.c30 a {
	display: block;
	width:100%; height:100%;
	color: #f5f6f0;
	text-decoration: none;
	background: url( 'images/mozaiek/30x3.gif' ) top left no-repeat;
	}

div.c30 span {
    position: absolute;
	display: block;
    left: 90px;
    top: 5px;
	}

div.c30 a:hover {
    color: black;
	background: url( 'images/mozaiek/30x3.gif' ) 0 -39px no-repeat;
	}

div.c30 a:active {
    background-image: none;
	color: black;
	}

div.c33 {
    position: absolute;
    left: -20px;
    top: 197px; 
	width: 268px; height: 65px;
	background: url( 'images/mozaiek/33x3.gif' ) 0 -130px no-repeat;
	}

div.c33 a {
	display: block;
	width:100%; height:100%;
	color: #f5f6f0;
	text-decoration: none;
	background: url( 'images/mozaiek/33x3.gif' ) top left no-repeat;
	}

div.c33 span {
    position: absolute;
    top: 45px;
    right: 0px; 
    width: 200px;
    right: 25px;
	display: block;
	}

div.c33 a:hover {
    color: black;
	background: url( 'images/mozaiek/33x3.gif' ) 0 -65px no-repeat;
	}

div.c33 a:active {
    background-image: none;
	color: black;
	}

div.c34 {
    position: absolute;
    left: 248px;
    top: 197px; 
	width: 206px; height: 43px;
	background: url( 'images/mozaiek/34x3.gif' ) 0 -86px no-repeat;
	}

div.c34 a {
	display: block;
	width:100%; height:100%;
	color: #f5f6f0;
	text-decoration: none;
	background: url( 'images/mozaiek/34x3.gif' ) top left no-repeat;
	}

div.c34 span {
    position: absolute;
    top: 45px; 
    left: 10px;
	display: block;
    white-space: nowrap;
	}

div.c34 a:hover {
    color: black;
	background: url( 'images/mozaiek/34x3.gif' ) 0 -43px no-repeat;
	}

div.c34 a:active {
    background-image: none;
	color: black;
	}
    
div.c12active {
    position: absolute;
    left: -20px;
    top: 0px; 
	width: 322px; height: 69px;
	background: url( 'images/mozaiek/12x3.gif' ) 0 -138px no-repeat;
	}

div.c12active a {
	display: block;
	width:100%; height:100%;
	color: black;
	text-decoration: none;
	background: none; 
	}

div.c12active span {
    position: absolute;
	display: block;
    top: 20px;
    right: 40px;
    white-space: nowrap;
	}

div.c16active {
    position: absolute;
    left: 320px;
    top: 35px; 
	width: 168px; height: 48px;
	background: url( 'images/mozaiek/16x3.gif' ) 0 -96px no-repeat;
	}

div.c16active a {
	display: block;
	width:100%; height:100%;
	color: black;
	text-decoration: none;
	background: none;
	}

div.c16active span {
    position: absolute;
	display: block;
    left: 65px;
    top: 5px;
	}

div.c19active {
    position: absolute;
    left: -20px;
    top: 69px; 
	width: 283px; height: 48px;
	background: url( 'images/mozaiek/19x3.gif' ) 0 -96px no-repeat;
	}

div.c19active a {
	display: block;
	width:100%; height:100%;
	color: black;
	text-decoration: none;
	background: none;
	}

div.c19active span {
    top: 20px;
    right: 40px;
    position: absolute;
	display: block;
    white-space: nowrap;
	}

div.c22active {
    position: absolute;
    left: 313px;
    top: 83px; 
	width: 250px; height: 34px;
	background: url( 'images/mozaiek/22x3.gif' ) 0 -68px no-repeat;
	}

div.c22active a {
	display: block;
	width:100%; height:100%;
	color: black;
	text-decoration: none;
	background: none;
	}

div.c22active span {
    position: absolute;
	display: block;
    left: 82px;
    top: 8px;
	}

div.c23active {
    position: absolute;
    left: -20px;
    top: 117px; 
	width: 233px; height: 41px;
	background: url( 'images/mozaiek/23x3.gif' ) 0 -82px no-repeat;
	}

div.c23active a {
	display: block;
	width:100%; height:100%;
	color: black;
	text-decoration: none;
	background: none;
	}

div.c23active span {
    position: absolute;
    width: 200px;
    right: 5px;
    top: 0px;
    display: block;
	}

div.c25active {
    position: absolute;
    left: 281px;
    top: 117px; 
	width: 194px; height: 41px;
	background: url( 'images/mozaiek/25x3.gif' ) 0 -82px no-repeat;
	}

div.c25active a {
	display: block;
	width:100%; height:100%;
	color: black;
	text-decoration: none;
	background: none;
	}

div.c25active span {
    position: absolute;
	display: block;
    left: 115px;
    top: 20px;
    white-space: nowrap;
	}

div.c28active {
    position: absolute;
    left: -20px;
    top: 158px; 
	width: 258px; height: 39px;
	background: url( 'images/mozaiek/28x3.gif' ) 0 -78px no-repeat;
	}

div.c28active a {
	display: block;
	width:100%; height:100%;
	color: black;
	text-decoration: none;
	background: none;
	}

div.c28active span {
    position: absolute;
    top: 5px;
    right: 95px;
	display: block;
    white-space: nowrap;
	}

div.c30active {
    position: absolute;
    left: 308px;
    top: 158px;
	width: 198px; height: 39px;
	background: url( 'images/mozaiek/30x3.gif' ) 0 -78px no-repeat;
	}

div.c30active a {
	display: block;
	width:100%; height:100%;
	color: black;
	text-decoration: none;
	background: none;
	}

div.c30active span {
    position: absolute;
	display: block;
    left: 90px;
    top: 5px;
	}

div.c33active {
    position: absolute;
    left: -20px;
    top: 197px; 
	width: 268px; height: 65px;
	background: url( 'images/mozaiek/33x3.gif' ) 0 -130px no-repeat;
	}

div.c33active a {
	display: block;
	width:100%; height:100%;
	color: black;
	text-decoration: none;
	background: none;
	}

div.c33active span {
    position: absolute;
    top: 45px;
    width: 200px;
    right: 25px;
	display: block;
	}

div.c34active {
    position: absolute;
    left: 248px;
    top: 197px; 
	width: 206px; height: 43px;
	background: url( 'images/mozaiek/34x3.gif' ) 0 -86px no-repeat;
	}

div.c34active a {
	display: block;
	width:100%; height:100%;
	color: black;
	text-decoration: none;
	background: none;
	}

div.c34active span {
    position: absolute;
    top: 45px; 
    left: 10px;
	display: block;
    white-space: nowrap;
	}

/* end huis */