/********************************************************************************************

http://www.rikcoolsaet.be



author: A RedSteps Design - http://redsteps.awardspace.com/

date: 01/2007

********************************************************************************************/





@import url("master.css");





/**********************************************

Articles button + rollover

**********************************************/

.articles a{

	position:absolute;

	left:24px;

	top:45px;

	width:65px;

	height:27px;

	background:url(../images/articlesNL.gif) 0 0 no-repeat;

	display:block;

	border:none;

}



.articles a:hover{

	background-position: -65px 0;

}



/**********************************************

Books button + rollover

**********************************************/

.books a{

	position:absolute;

	left:89px;

	top:45px;

	width:73px;

	height:27px;

	background:url(../images/booksNL.gif) 0 0 no-repeat;

	display:block;

	border:none;

}



.books a:hover{

	background-position: -73px 0;

}



/**********************************************

About button + rollover

**********************************************/

.about a{

	position:absolute;

	left:162px;

	top:45px;

	width:44px;

	height:27px;

	background:url(../images/aboutNL.gif) 0 0 no-repeat;

	display:block;

	border:none;

}



.about a:hover{

	background-position: -44px 0;

}



/**********************************************

Links button + rollover



.links a{

	position:absolute;

	left:206px;

	top:45px;

	width:53px;

	height:27px;

	background:url(../images/linksNL.gif) 0 0 no-repeat;

	display:block;

	border:none;

}



.links a:hover{

	background-position: -53px 0;

}

**********************************************/

/**********************************************

Search button + rollover

**********************************************/

.search a{

	position:absolute;

	left:206px;

	top:45px;

	width:72px;

	height:27px;

	background:url(../images/searchNL.gif) 0 0 no-repeat;

	display:block;

	border:none;

}



.search a:hover{

	background-position: -72px 0;

}





/**********************************************

menu layout

**********************************************/

div.head {

	position:absolute;

	left:242px;

	top:0px;

	width:518px;

	height:45px;

	background:url(../images/head.gif) 0 0 no-repeat;

	display:block;

}



div.head2 {

	position:absolute;

	left:0px;

	top:45px;

	width:24px;

	height:27px;

	background:url(../images/head2.gif) 0 0 no-repeat;

	display:block;

}



div.head3 {

	position:absolute;

	left:278px;

	top:45px;

	width:481px;

	height:27px;

	background:url(../images/head3NL.gif) 0 0 no-repeat;

	display:block;

}