a:link {color: 0099e6; text-decoration:none;}
a:visited {color: 0099e6; text-decoration:none;}
a:active {color: 0099e6;}
a:hover {color: FFFFFF; text-decoration:underline;}


/* css-kenmerken kleine afbeelding (indien gewenst) */
.thumb img {
}
.thumb:hover {
}
.thumb:hover img {
}

/* css-kenmerken grote afbeelding */
.thumb span { position: absolute; visibility: hidden; }
.thumb span img { border: solid thin #999999 }
.thumb:hover span { 
visibility: visible;
top: 300px; left: 25px;
font-family: arial; font-size: 8pt; text-decoration: none; color: #000000; text-align: center;
z-index: 200;
}

body {
margin: 0px;
padding: 0px;
background-color: #222222;
font-size: 13px;
font-family: arial;
color: #FFFFFF;
width: 100%;
height: 1000px;
overflow-x:hidden;
}

h1 {
font-weight: bold;
font-size: 13px;
text-align: center;
}

h2 {
font-family: "monotype corsiva";
font-size: 20px;
text-align: center;
font-weight: normal;
}

h3 {
text-align: center;
font-size: 13px;
font-family: arial;
font-weight: normal;
}

h4 {
text-align: justified;
font-weight: bold;
font-size: 13px;
font-family: arial;
}

h5 {
text-align: center;
font-size: 20px;
font-family: book antiqua;
font-weight: normal;
}

h6 {
text-align: left;
font-size: 13px;
font-family: arial;
font-weight: normal;
}

p {
font-size: 13px;
font-family: arial;
font-style: italic;
font-weight: bold;
text-align: center;
}

/* De linker en rechterkant van de pagina */

#left {
display: block;
width: 150px;
height: 800px;
background-color: #333333;
}

#right {
position: absolute; left: 700px; top: 0px;
display: block;
width: 300px;
height: 800px;
background-color: #333333;
}

/* Het midden van de pagina */

#tabel_een {
position: absolute; left: 150px; top: 0px;
display: block;
width: 565px;
}

/* Opvulling van het midden */

#tabel_twee {
display: block;
width: 500px;
margin-left: 20px;
margin-right: auto;
text-align: justify;
}

/* Logo en welkom op home */

#logo {
display: block;
width: 100%;
height: 250px;
background-image: url(images/logo_inv.gif);
background-repeat: no-repeat;
text-indent: -1000px; 
background-position: center;
}

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

/* Balk1 is linkerkant, balk2 rechtserkant */

#balk1 { 
background: url(images/balk.gif);
text-indent: -1000px;
height:25px;
width:30px;
display:block;
float: left;
}

#balk2 { 
background: url(images/balk.gif);
text-indent: -1000px;
height:25px;
width:360px;
display:block;
float: left;
}

#balk3 { 
background: url(images/balk.gif);
text-indent: -1000px;
height:25px;
width:475px;
display:block;
float: left;
}

/* Opvulling bij de balken */

#hapjesbalk {
background: url(images/hapjesbalk.gif)
no-repeat;
text-indent: -1000px;
height:25px;
width:85px;
display:block;
float: left;
}

#buffettenbalk {
background: url(images/buffettenbalk.gif)
no-repeat;
text-indent: -1000px;
height:25px;
width:85px;
display:block;
float: left;
}

#dinersbalk {
background: url(images/dinersbalk.gif)
no-repeat;
text-indent: -1000px;
height:25px;
width:85px;
display:block;
float: left;
}

#drankenbalk {
background: url(images/drankenbalk.gif)
no-repeat;
text-indent: -1000px;
height:25px;
width:85px;
display:block;
float: left;
}

/* Klein logo en andere dingen bij contact */

#logo_small {
background: url(images/logo_small.jpg)
no-repeat;
text-indent: -1000px;
height:69px;
width:129px;
display:block;
float: left;
margin-top: 30%;
margin-left: 10px;
}

#contact_info {
background: url(images/contact_large.gif)
no-repeat;
text-indent: -10000px;
height:128px;
width:450px;
display:block;
float: left;
margin-top: 5%;
margin-left: 10px;
}

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

a:hover#email {
background: url(images/email_large_hover.gif)
no-repeat;
text-indent: -1000px;
height:20px;
width: 450px;
display:block;
float: left;
margin-left: 10px;
}

/* Block met thumbnail erin */

#thumbtabel {
padding: 0px;
display: block;
width: 240px;
float: left;
height: 225px;
text-align: center;
vertical-align: bottom;
}

#thumbtabel_lig {
padding: 0px;
display: block;
width: 240px;
float: left;
height: 150px;
text-align: center;
vertical-align: bottom;
}

#thumbtabel_keuken {
padding: 5px;
display: block;
width: 225px;
float: left;
height: 175px;
text-align: center;
vertical-align: bottom;
}

/* Eigenschappen thumbnail zelf */

#thumb {
border-style: none;
}

/* Block met tekst bij thumbnail */

#thumbtext {
padding: 5px;
display: block;
width: 225px;
float: left;
height: 50px;
text-align: center;
}

/* Klein logo in rechterkant pagina */

#logo_right {
position: absolute; bottom: 40px; left: 60px;
display: block;
text-indent: -1000px;
width: 150px;
height: 110px;
background-image: url(images/logo_right.gif);
background-repeat: no-repeat;
}

/* Eigenschappen betreffende tekst van drankenpagina */

#drank {
display: block;
width: 325px;
height: 20px;
float: left;
}

#excl {
display: block;
width: 75px;
height: 20px;
float: left;
text-align: center;
}

#incl {
display: block;
width: 75px;
height: 20px;
float: left;
text-align: center;
}

/* Eigenschappen betreffende thumbnail bij eten en drinken */

#hapjepic {
padding: 5px;
display: block;
width: 100%;
height: 200px;
text-align: center;
}

#hapjepics {
padding: 5px;
display: block;
width: 210px;
height: 200px;
text-align: center;
float: left;
}