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

/* Hoofdmenu */
div#menu {
	position: absolute;
	top: 155px;
	width: 287px;
	height: 32px;
}
div#menu div#home,
div#menu div#toonzaal, 
div#menuproducten div#opritpoorten, 
div#menuproducten div#brievenbussen,
div#menuproducten div#Tuin {
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	font-size: 16px;
	color: white;
	padding-top: 5px;
	font-variant: small-caps;
	cursor: pointer;
}
div#menu div#home,
div#menu div#toonzaal {
	position: absolute;
	height: 27px;
	width: 143px;
	background-color: rgb(54, 54, 54);
}
div#menu div#toonzaal {
	margin-left: 144px;
}

/* Menu producten */
div#menuproducten {
	position: absolute;
	top: 125px;
	height: 62px;
	margin-left: 289px;
	width: 637px;
}
div#menuproducten div#opritpoorten, 
div#menuproducten div#brievenbussen,
div#menuproducten div#Tuin {
	position: absolute;
	height: 57px;
	width: 212px;
	background-image: url(../images/button04.gif);
	background-position: top;
	background-repeat: no-repeat;
}
div#menuproducten div#brievenbussen {
	margin-left: 213px;
}
div#menuproducten div#Tuin {
	margin-left: 426px;
}

div#menuproducten div#beschrijving, 
div#menuproducten div#ontwerpen,
div#menuproducten div#voorbeelden,
div#menuproducten div#calculatie {
	position: absolute;
	font-family: "Times New Roman", Times, serif;
	top: 30px;
	height: 26px;
	width: 157px;
	text-align: center;
	font-size: 16px;
	padding-top: 6px;
	color: white;
	margin-left: 4px;
	font-variant: small-caps;
	background-image: url(../images/button03.gif);
	cursor: pointer;
	z-index: 101;
}
div#menuproducten div#ontwerpen {
	margin-left: 162px;
}
div#menuproducten div#voorbeelden {
	margin-left: 320px;
}
div#menuproducten div#calculatie {
	margin-left: 478px;
}
div#menuproducten div#prodbg {
	position: absolute;
	background-image: none;
	background-position: top;
	background-repeat: no-repeat;
	top: 21px;
	height: 41px;
	left: 0;
	/* right: -1px !important;*/
	right: 0px;
	width: 638px;
	z-index: 99;
}

/* Menu Hover */
div#menu div#home, 
div#menu div#toonzaal, 
div#menuproducten div#beschrijving, 
div#menuproducten div#ontwerpen,
div#menuproducten div#voorbeelden,
div#menuproducten div#calculatie, 
div#menuproducten div#opritpoorten, 
div#menuproducten div#brievenbussen,
div#menuproducten div#Tuin {
	behavior: url(css/hover.htc);
}
div#menuproducten div#beschrijving.hover, div#menuproducten div#beschrijving:hover,
div#menuproducten div#ontwerpen.hover, div#menuproducten div#ontwerpen:hover,
div#menuproducten div#voorbeelden.hover, div#menuproducten div#voorbeelden:hover,
div#menuproducten div#calculatie.hover, div#menuproducten div#calculatie:hover {
	background-image: url(../images/button05.gif);
}
div#menu div#home.hover, div#menu div#home:hover, 
div#menu div#toonzaal.hover, div#menu div#toonzaal:hover {
	background-image: url(../images/button01.gif);
}
div#menuproducten div#opritpoorten.hover, div#menuproducten div#opritpoorten:hover {
	background-image: url(../images/button02.gif);
}
div#menuproducten div#brievenbussen.hover, div#menuproducten div#brievenbussen:hover {
	background-image: url(../images/button06.gif);
}
div#menuproducten div#Tuin.hover, div#menuproducten div#Tuin:hover {
	background-image: url(../images/button07.gif);
}