@charset "utf-8";
/* CSS Document */
body {
background: #a8a9ad url(../images/bg.jpg) repeat-x;
margin: 20px 0px 0px 0px;
padding: 0px;
font: 12px Arial, Helvetica, sans-serif;
color: #000;
}

.container {
position: relative;
width: 990px;
height: auto;
margin: 0px auto;
padding-top: 80px;
}

#tegelhandel {
	position: absolute;
	left: 98px;
	top: 390px;
	width: 190px;
	height: 80px;
	z-index: 1;
}

#handelsonderneming {
	position: absolute;
	left: 420px;
	top: 390px;
	width: 150px;
	height: 80px;
	z-index: 1;
}

#natuursteenbedrijf {
	position: absolute;
	left: 685px;
	top: 390px;
	width: 215px;
	height: 80px;
	z-index: 1;
}

.container img {
	width: 100%;
	height: 100%;
}

.slideshow {
position: relative;
z-index: 0;
width: 771px;
height: 246px;
}

.keuzes {
position: relative;
width: 831px;
height: auto;
float: left;
text-align: center;
z-index: 1; 
margin-top: -70px;
}

.knop {
width: 277px; 
float: left;
}

.footer {
	width: 990px;
	height: 20px;
	text-align: center;
	font: 11px Arial, Helvetica, sans-serif;
	margin: 0 auto 0px auto;
	
}

#footerNAW {
	width: 100%;
	height: 20px;
	position: relative;
	margin-top: 40px;
}


#footerNatuursteen {
	width: 100%;
	*width: 990px;
	height: 20px;
	text-align: center;
	font: 11px Arial, Helvetica, sans-serif;
	margin: 0 auto 0px auto;
	background-color: #a8a9ad;
	position: absolute;
	visibility: hidden;
}

#footerHandel {
	width: 100%;
	*width: 990px;
	height: 20px;
	text-align: center;
	font: 11px Arial, Helvetica, sans-serif;
	margin: 0 auto 0px auto;
	background-color: #a8a9ad;
	position: absolute;
	visibility: hidden;
}

.footer a, #footerNatuursteen a, #footerHandel a {
color: #000;
text-decoration: none;
}

.footer a:hover, #footerNatuursteen a:hover, #footerHandel a:hover {
color: #000;
text-decoration: underline;
}

.adres {
display: inline;
margin: 0 12px;
}

#slideshow {
    position:relative;
    height:350px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

img {
border: none;
}

.mainform {
background-color : #D200FF;
width : 746px;
height : 278px;
left : 50%;
top : 0%;
margin-left : -373px;
margin-top : 100px;
position : absolute;
z-index : 0;
}
.mainform2 {
background-color : #FF0000;
width : 746px;
height : 278px;
left : 50%;
top : 0%;
margin-left : -373px;
margin-top : 100px;
position : absolute;
z-index : 0;
visibility : visible;
}


.selabout a {
background-color : #FF0000;
width : 104px;
height : 332px;
left : 50%;
top : 0%;
margin-left : -373px;
margin-top : 381px;
position : absolute;
display : block;
z-index : 0;
}
.selabout a:hover .mainform2 {
display : block;
visibility: hidden;
}