body{font:12px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; background-color: #000000;}
a:active, a:link, a:visited {text-decoration: underline; color:#FFFFFF; font:11px}
a:hover {text-decoration: underline; color: #CCCCCC;}

/* positioning */
.header {
	position: absolute;
	height: 139px;
	width: 1024px;
	background-image: url('images/header.png');
}
.menu {
	position: absolute;
	height: 24px;
	width: 1024px;
	margin-top: 139px;
	background-image: url('images/backgroundmenu.png');
}
.sideleft {
	position: absolute;
	margin-top: 166px;
	height: 581px;
	width: 6px;
	background-image: url('images/sideleft.png');
}
.fadeimage {
	position: absolute;
	margin-top: 176px;
	margin-left: 6px;
	height: 571px;
	width: 253px;
	background-color: #111111;
}
.content {
	position: absolute;
	height: 580px;
	width: 757px;
	margin-left: 259px;
	margin-top: 166px;
	background-color: #111111;
}
.sideright {
	position: absolute;
	margin-left: 1016px;
	margin-top: 166px;
	height: 581px;
	width: 8px;
	background-image: url('images/sideright.png');
}

.footer {
	position: absolute;
	margin-top: 747px;
	height: 21px;
	width: 1024px;
	background-image: url('images/footer.png');
}

/* ------------mouseover */

/* index */
.index {
   display: block;
   width: 87px;
   height: 27px; 
   float: left; 
   text-decoration: none;
   background: url('images/home.png') no-repeat;
}
.index:hover { 
   background: url('images/mouseover/home_over.png') no-repeat;
}

/* int & dec */
.decoratie {
   display: block;
   width: 202px;
   height: 27px; 
   float: left; 
   text-decoration: none;
   background: url('images/Decoratie.png') no-repeat;
}
.decoratie:hover { 
   background: url('images/mouseover/Decoratie_over.png') no-repeat;
}

/* bedrijven */
.bedrijven {
   display: block;
   width: 235px;
   height: 27px; 
   text-decoration: none;
   background: url('images/bedrijfsarrangementen.png') no-repeat;
}
.bedrijven:hover { 
   background: url('images/mouseover/bedrijfsarrangementen_over.png') no-repeat;
}

/* bruidswerk */
.bruidswerk {
   display: block;
   width: 127px;
   height: 27px; 
   text-decoration: none;
   background: url('images/bruidswerk.png') no-repeat;
}
.bruidswerk:hover { 
   background: url('images/mouseover/bruidswerk_over.png') no-repeat;
}

/* rouwarrangementen */
.rouwwerken {
   display: block;
   width: 142px;
   height: 27px; 
   text-decoration: none;
   background: url('images/rouwwerken.png') no-repeat;
}
.rouwwerken:hover { 
   background: url('images/mouseover/rouwwerken_over.png') no-repeat;
}

/* bestel */
.bestel {
   display: block;
   width: 125px;
   height: 27px; 
   text-decoration: none;
   background: url('images/bestel.png') no-repeat;
}
.bestel:hover { 
   background: url('images/mouseover/bestel_over.png') no-repeat;
}

/* contact */
.contact {
   display: block;
   width: 106px;
   height: 27px; 
   text-decoration: none;
   background: url('images/contact.png') no-repeat;
}
.contact:hover { 
   background: url('images/mouseover/contact_over.png') no-repeat;
}

/* website center */
