/********************************************************************************************
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:259px;
	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:331px;
	top:45px;
	width:429px;
	height:27px;
	background:url(../images/head3NL.gif) 0 0 no-repeat;
	display:block;
}