/* rollover.css */
/*.menu_layout
{
 width:100%;
 height:23px;
 float:left;
 background:#9CAEB5;

}*/

.menu_layout {
position: relative;
width: 100%;
height: 42px;
background: #9CAEB5 url(../images/menu.jpg) no-repeat;
margin: 0 auto 20px auto;
padding: 0;
float:left;
font-family:Arial, Helvetica, sans-serif;
}
.menu_layout li {
display:block;
position:absolute;
list-style:none;
margin:0;
padding:0;
}
.menu_layout a {
display:block;
/*text-indent:-9999px;*/
text-align:center;
line-height:42px;
font-weight:bold;
font-size:14px;
text-decoration:none;
outline:none;
cursor:default;
color:#5A5D5A;
}

.home {left: 0px; top:0px; width: 106px; height: 42px; z-index: 10; cursor: auto}
.de_vloot {left: 100px; top: 0px; width: 106px; height: 42px;}
.arrangement {left: 201px; top: 0px; width: 151px; height: 42px;}
.prijzen {left: 348px; top: 0px; width: 90px; height: 42px;}
.reserv {left: 434px; top: 0px; width: 127px; height: 42px;}
.contact {left: 560px; top: 0px; width: 106px; height: 42px;}



.home a {height:42px; cursor:auto}
.de_vloot a {height: 42px;}
.arrangement a {height: 42px;}
.prijzen a {height: 42px;}
.reserv a {height: 42px;}
.contact a {height: 42px;}


.home a:hover,.de_vloot a:hover,.arrangement a:hover,
.prijzen a:hover,
.reserv a:hover,
.contact a:hover{background: url(../images/menu.jpg); background-repeat:no-repeat;}


.home a:hover {background-position:-0px -43px; cursor: pointer}
.de_vloot a:hover {background-position:-102px -43px; cursor: pointer}
.arrangement a:hover {background-position:-201px -43px; cursor: pointer}
.prijzen a:hover {background-position:-350px -43px; cursor: pointer}
.reserv a:hover {background-position:-436px -43px; cursor: pointer}
.contact a:hover {background-position:-560px -43px; cursor: pointer}


#homeactive
{
	background:url(../images/homea.jpg) no-repeat;

}
#devlootactive
{
	background:url(../images/devloota.jpg) no-repeat;
}

#arrangementactive
{
	background:url(../images/arrangementactive.jpg) no-repeat;
}

#prijzenactive
{
	background:url(../images/prijzenactive.jpg) no-repeat;
}

#reservactive
{
	background:url(../images/reseractive.jpg) no-repeat;
}

#contactactive
{
	background:url(../images/contactactive.jpg) no-repeat;
}
