/* Het menu bovenaan elke pagina */

#menu {
display: block;
list-style: none;
margin-top: 10px;
margin-left:auto;
margin-right:auto;
width:565px;
}

a#home { 
background: url(images/home.gif)
no-repeat; 
text-indent: -1000px; 
height:20px; 
width:60px; 
display:block;
float:left;
}

a:hover#home {
background: url(images/home_hover.gif)
no-repeat; 
text-indent: -1000px; 
height:20px; 
width:60px; 
display:block;
float:left;
}

a#etenendrinken { 
background: url(images/etenendrinken.gif);
no-repeat; 
text-indent: -1000px; 
height:20px; 
width:140px; 
display:block; 
float:left;
}

a:hover#etenendrinken { 
background: url(images/etenendrinken_hover.gif);
no-repeat; 
text-indent: -1000px; 
height:20px; 
width:140px; 
display:block; 
float:left;
}


a#fotos { 
background: url(images/fotos.gif)
no-repeat;
text-indent: -1000px;
height:20px;
width:60px;
display:top;
float:left;
}

a:hover#fotos { 
background: url(images/fotos_hover.gif)
no-repeat;
text-indent: -1000px;
height:20px;
width:60px;
display:top;
float:left;
}

a#keuken { 
background: url(images/keuken.gif)
no-repeat;
text-indent: -1000px;
height:20px;
width:80px;
display:top;
float:left;
}

a:hover#keuken { 
background: url(images/keuken_hover.gif)
no-repeat;
text-indent: -1000px;
height:20px;
width:80px;
display:top;
float:left;
}

a#contact { 
background: url(images/contact.gif)
no-repeat;
text-indent: -1000px;
height:20px;
width:70px;
display:block;
float:left;
}

a:hover#contact { 
background: url(images/contact_hover.gif)
no-repeat;
text-indent: -1000px;
height:20px;
width:70px;
display:block;
float:left;
}

#krul { 
background: url(images/krul.gif)
no-repeat;
text-indent: -1000px;
height:20px;
width:25px;
display:block;
float:left;
margin-left: 2px;
margin-right: 2px;
}

/* Het menu bij de pagina eten & drinken */

a#hapjes { 
background: url(images/hapjes.gif)
no-repeat;
text-indent: -1000px;
height:75px;
width:100%;
display:block;
background-position: center;
margin: 2%;
}

a:hover#hapjes { 
background: url(images/hapjes_hover.gif)
no-repeat;
text-indent: -1000px;
height:75px;
width:100%;
display:block;
background-position: center;
margin: 2%;
}

a#buffetten { 
background: url(images/buffetten.gif)
no-repeat;
text-indent: -1000px;
height:75px;
width:100%;
display:block;
background-position: center;
margin: 2%;
}

a:hover#buffetten { 
background: url(images/buffetten_hover.gif)
no-repeat;
text-indent: -1000px;
height:75px;
width:100%;
display:block;
background-position: center;
margin: 2%;
}

a#diners { 
background: url(images/diners.gif)
no-repeat;
text-indent: -1000px;
height:75px;
width:100%;
display:block;
background-position: center;
margin: 2%;
}

a:hover#diners { 
background: url(images/diners_hover.gif)
no-repeat;
text-indent: -1000px;
height:75px;
width:100%;
display:block;
background-position: center;
margin: 2%;
}

a#dranken { 
background: url(images/dranken.gif)
no-repeat;
text-indent: -1000px;
height:75px;
width:100%;
display:block;
background-position: center;
margin: 2%;
}

a:hover#dranken { 
background: url(images/dranken_hover.gif)
no-repeat;
text-indent: -1000px;
height:75px;
width:100%;
display:block;
background-position: center;
margin: 2%;
}

a#terug { 
background: url(images/terug.gif)
no-repeat;
text-indent: -1000px;
height:50px;
width:100%;
display:block;
background-position: center;
float: left;
}

/* De terugknop */

a:hover#terug { 
background: url(images/terug_hover.gif)
no-repeat;
text-indent: -1000px;
height:50px;
width:100%;
display:block;
background-position: center;
float: left;
}