@charset "utf-8";
/* CSS Document */

html {
	min-height: 100%;
	height: auto;
}


body	{
	background:url("../images/bg-image.jpg") no-repeat #34a2f9;
	background-position:bottom;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	
#top	{
	width:100%;
	height:72px;
	background:#FFFFFF;
	z-index:4;
	}
#top img	{
	border:none;
	}

#header	{
	height:72px;
	width:960px;
	text-align:right;
	background:url("../images/head-kinderhoortest.jpg") left no-repeat;
	margin-left:auto;
	margin-right:auto;
}
	
#container	{
	width:960px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	
}

#contentvlak	{
	width:507px;
	height:358px;
	background:url("../images/bg-vlak.png");
	position:absolute;
    top :50%;
    margin-top: -179px;   /* half of height */
	z-index:2;
}

#geluidstuinholder	{
	position:absolute;
	bottom:25px;
	width:100%;
	z-index:1;
}
	
.geluidstuin	{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	background:transparent;
}

/* button naar geluidstuin */

.geluidstuinbtn	{
width:244px;
margin-left:auto;
margin-right:133px;
}
.geluidstuinbtn a {
display: block;
width: 244px;
height: 176px;
background: transparent url("../images/btn-geluidstuin.jpg") no-repeat;
}
.geluidstuinbtn a:hover {
background-position: -244px 0;
}

.text	{
float:left;
margin-left:20px;
margin-top:20px;
width:196px;
height:213px;
}

/* button hoofdtest */

.btn-test	{
width:256px;
height:218px;
float:right;
margin-right:20px;
margin-top:15px;
}
.btn-test a {
display: block;
width: 256px;
height: 213px;
background: transparent url("../images/btn-test.jpg") no-repeat;
}
.btn-test a:hover {
background-position: -256px 0;
}

/* button sita */

.btn-sita	{
width:151px;
float:left;
margin-left:15px;
margin-top:17px;
}
.btn-sita a {
display: block;
width: 151px;
height: 82px;
background: transparent url("../images/btn-sita.jpg") no-repeat;
}
.btn-sita a:hover {
background-position: -151px 0;
}

/* button edward */

.btn-edward	{
width:151px;
float:left;
margin-left:9px;
margin-top:17px;
}
.btn-edward a {
display: block;
width: 151px;
height: 82px;
background: transparent url("../images/btn-edward.jpg") no-repeat;
}
.btn-edward a:hover {
background-position: -151px 0;
}

/* button bibi */

.btn-bibi	{
width:151px;
float:right;
margin-right:21px;
margin-top:17px;
}
.btn-bibi a {
display: block;
width: 151px;
height: 82px;
background: transparent url("../images/btn-bibi.jpg") no-repeat;
}
.btn-bibi a:hover {
background-position: -151px 0;
}

/*colofon*/

#colofon	{
	background:#ffffff;
	width:460px;
	height:310px;
	margin-left:20px;
	margin-top:20px;
}
#colofon a {
	color:#ec247a;
}
#colofon a:hover {
	color:#999999;
}

table.adrestab td {
	vertical-align:top;
	padding:0 0 20px 0;
	width:200px;
}

table.adrestab td.spacer {
	width:20px;
}


/*footer*/

#footer	{
	height:20px;
	position:absolute;
	right:30px;
	bottom:30px;
	font-weight:bold;
	text-align:right;
	z-index:3;
	}
#footer a {
	color:#FFFFFF;
	text-decoration:none;
	font-size:18px;
}
#footer a:hover {
	text-decoration:underline;
}