/***********************************************//* HTML tag styles *//***********************************************/
body{font-family: Arial,sans-serif; color: #FFFFFF; font-size: 10px; line-height: 18px; margin: 0px; padding: 0px; background-color: #3a3637;  } 
headings{font-family: Arial, Helvetica, sans-serif; line-height: 18px; margin: 0px; padding: 0px; background-color: #B2C0DA; }
#toplevel { position: relative; width: 750px; height: 650px; margin: 0 auto; /* to centre compliant browsers */ text-align: left; /* to reset text alignment to default */ vertical-align: top; background: url(gfx/back.jpg); }

/******* hyperlink and anchor tag styles *******/
a:link, a:visited{color: #9c9a9b; text-decoration: none;} 
a:hover{color: #FFFFFF; text-decoration: none;}
a.speciaal:link, a.speciaal:visited{color: #FFFFFF; font-weight: bold; text-decoration: none;} a.speciaal:hover{}

/************** header tag styles **************/
h1 { color: #FFFFFF; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; text-align: left; font-size: 18px; font-weight: bold; }
h2 { color: #FFFFFF; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; text-align: left; font-size: 12px; font-weight: bold; }
h3 { color: #80b8f7; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; text-align: left; font-size: 16px; font-weight: bold; }

/***********************************************//* Layout Divs *//***********************************************/
#back { position:absolute; top: 0px; left: 0px; width: 750px; padding: 0px 0px 0px 0px; font-size: 11px; color: #272727; font-family: Arial, Helvetica, sans-serif; line-height: 14px; z-index: 0; height: 172px; }
#logo { position:absolute; top: 13px; left: 83px; width: 155px; padding: 0px 0px 0px 0px; font-size: 11px; color: #272727; font-family: Arial, Helvetica, sans-serif; line-height: 14px; z-index: 0; height: 172px; }
#tekstmenu { position:absolute; top: 12px; left: 200px; width: 493px; padding: 0px 0px 0px 0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #9c9a9b; line-height: 22px; z-index: 1; height: 20px; }
#download { position:absolute; top: 420px; left: 80px; width: 135px; padding: 0px 0px 0px 0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 22px; z-index: 1; background-color: #000000; }
#titel { position:absolute; top: 104px; left: 257px; width: 265px; padding: 0px 0px 0px 0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 22px; z-index: 1; background-color: #000000; height: 60px; }
#reserveren { position:absolute; top: 112px; left: 552px; width: 133px; padding: 0px 0px 0px 0px; font-size: 11px; color: #272727; font-family: Arial, Helvetica, sans-serif; line-height: 14px; z-index: 4; }
#foto_home1 { position:absolute; top: 314px; left: 541px; width: 152px; padding: 0px 0px 0px 0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 22px; z-index: 5; height: 154px; }
#foto_home2 { position:absolute; top: 468px; left: 389px; width: 152px; padding: 0px 0px 0px 0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 22px; z-index: 5; height: 154px; }
#foto_eten1 { position:absolute; top: 164px; left: 235px; width: 152px; padding: 0px 0px 0px 0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 22px; z-index: 5; height: 154px; }
#foto_eten2 { position:absolute; top: 468px; left: 235px; width: 152px; padding: 0px 0px 0px 0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 22px; z-index: 5; height: 154px; }
#foto_partijen1 { position:absolute; top: 164px; left: 541px; width: 152px; padding: 0px 0px 0px 0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 22px; z-index: 5; height: 154px; }
#foto_partijen2 { position:absolute; top: 468px; left: 541px; width: 152px; padding: 0px 0px 0px 0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 22px; z-index: 5; height: 154px; }
#foto_contact { position:absolute; top: 164px; left: 388px; width: 305px; padding: 0px 0px 0px 0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 22px; z-index: 5; height: 154px; }
#tekst_home { position:absolute; top: 180px; left: 260px; width: 270px; padding: 0px 0px 0px 0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 22px; z-index: 5; height: 154px; }
#tekst_eten { position:absolute; top: 180px; left: 402px; width: 270px; padding: 0px 0px 0px 0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 22px; z-index: 5; height: 154px; }
#tekst_contact { position:absolute; top: 180px; left: 260px; width: 402px; padding: 0px 0px 0px 0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 22px; z-index: 5; height: 154px; }
#copy { position:absolute; top: 625px; left: 400px; width: 294px; padding: 0px 0px 0px 0px; font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #9c9a9b; line-height: 22px; z-index: 5; height: 154px; }
#menu {
	list-style: none;
 padding: 0; margin: 0; width: 950px;
 height: 290px; no-repeat;
 position: relative;
}

#menu span { display: none;
 position: absolute;
}

#menu a { display: block; text-indent: -900%; position: absolute; outline: none;
}

#menu a:hover {
	background-position: left bottom;
}

#menu a:hover span{ display: block;
}

#menu .lunchkaart { width: 60px; height: 60px;
 background: url(gfx/button_lunchkaart.jpg) no-repeat; left: 80px; top: 458px;
}

#menu .lunchkaart span { width: 60px;
 height: 60px; background: url(gfx/button_lunchkaart2.jpg) no-repeat;
 left: 0px;
 top: 0px;
}

#menu .menukaart{ width: 60px; height: 60px;
 background: url(gfx/button_menukaart.jpg) no-repeat; left: 152px; top: 458px;
}

#menu .menukaart span { width: 60px;
 height: 60px; background: url(gfx/button_menukaart2.jpg) no-repeat;
 left: 0px;
 top: 0px;
}

#menu .wijnkaart {
 width: 60px; height: 60px; background: url(gfx/button_wijnkaart.jpg) no-repeat;
 left: 80px; top: 530px;
}

#menu .wijnkaart span { width: 60px; height: 60px; background: url(gfx/button_wijnkaart2.jpg) no-repeat; left: 0px; top: 0px;
}

#menu .buffetten { width: 60px; height: 60px; background: url(gfx/button_buffetten.jpg) no-repeat;
 left: 152px; top: 530px;
}

#menu .buffetten span { width: 60px;
 height: 60px;
 background: url(gfx/button_buffetten2.jpg) no-repeat; left: 0px;
 top: 0px;
}

#menu .omgeving { width: 160px; height: 60px; background: url(gfx/button_omgeving.jpg) no-repeat;
 left: 45px; top: 245px;
}

#menu .omgeving span { width: 160px;
 height: 320px;
 background: url(gfx/button_omgeving2.jpg) no-repeat; left: 0px;
 top: 0px;
}

#menu .links { width: 160px; height: 320px; background: url(gfx/button_links.jpg) no-repeat;
 left: 815px; top: 245px;
}

#menu .links span { width: 160px;
 height: 320px;
 background: url(gfx/button_links2.jpg) no-repeat; left: 0px;
 top: 0px;
}

#menu2 span { display: none;
 position: absolute;
}

#menu2 a { display: block; text-indent: -900%; position: absolute; outline: none;
}

#menu2 a:hover {
 background-position: left bottom;
}

#menu2 a:hover span{ display: block;
}

#menu2 .algemeen { width: 63px; height: 200px;
 background: url(gfx/button_algemeen3.jpg) no-repeat; left: 362px; top: 10px;
}

#menu2 .algemeen span { width: 63px;
 height: 200px; background: url(gfx/button_algemeen4.jpg) no-repeat;
 left: 0px;
 top: 0px;
}

#menu2 .binnen { width: 100px; height: 200px;
 background: url(gfx/button_binnen3.jpg) no-repeat; left: 435px; top: 10px;
}

#menu2 .binnen span { width: 100px;
 height: 200px; background: url(gfx/button_binnen4.jpg) no-repeat;
 left: 0px;
 top: 0px;
}

#menu2 .buiten {
 width: 100px; height: 200px; background: url(gfx/button_buiten3.jpg) no-repeat;
 left: 547px; top: 10px;
}

#menu2 .buiten span { width: 100px; height: 200px; background: url(gfx/button_buiten4.jpg) no-repeat; left: 0px; top: 0px;
}

#menu2 .uitzicht { width: 100px; height: 200px; background: url(gfx/button_uitzicht3.jpg) no-repeat;
 left: 655px; top: 10px;
}

#menu2 .uitzicht span { width: 100px;
 height: 200px;
 background: url(gfx/button_uitzicht4.jpg) no-repeat; left: 0px;
 top: 0px;
}

#menu2 .omgeving { width: 100px; height: 200px; background: url(gfx/button_omgeving3.jpg) no-repeat;
 left: 765px; top: 10px;
}

#menu2 .omgeving span { width: 100px;
 height: 200px;
 background: url(gfx/button_omgeving4.jpg) no-repeat; left: 0px;
 top: 0px;
}

#menu2 .links { width: 100px; height: 200px; background: url(gfx/button_links3.jpg) no-repeat;
 left: 875px; top: 10px;
}

#menu2 .links span { width: 100px;
 height: 200px;
 background: url(gfx/button_links4.jpg) no-repeat; left: 0px;
 top: 0px;
}


/************** feature styles *****************/
#feature { position:absolute; top: 120px; left: 235px; width: 625px; padding: 20px 125px 0px 15px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #363636; line-height: 16px; background-image: url("gfx/backdown2.jpg"); height: 1120px; }
#feature2 { position:absolute; top: 120px; left: 235px; width: 715px; padding: 20px 35px 0px 15px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #363636; line-height: 16px; background-image: url("gfx/backdown2.jpg"); height: 1120px; }
#feature h1 { padding: 0px 0px 0px 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000; }
#feature h3 { padding: 0px 0px 0px 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #071358; }
#feature h4 { padding: 0px 0px 0px 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; border-bottom-style: dotted; border-bottom-color: #666666; border-bottom-width: 1px; }
#feature h5 { padding: 0px 0px 0px 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
#feature h6 { padding: 0px 0px 0px 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; border-top-color: #999999; border-top-width: 1px; border-top-style: dotted; }

/************** pageName styles ****************/
#pageName { padding: 0px 0px 14px 10px; margin: 0px; border-bottom: 1px solid #ccd2d2; }
#pageName h2 { font: bold 175% Arial,sans-serif; color: #000000; margin:0px; padding-top: 0px; }

/************ sideMenuHeader styles **************/
#sideMenuHeader{ border-bottom-style: dotted; font-size: 16px; color: #000099; border-bottom-width: 2px; font-family: Arial, Helvetica, sans-serif; border-bottom-color: #CCCCCC; text-align: right; display: block; font-weight: bold; padding: 5px 0px 5px 0px; }
#sideSubMenuHeader { font-size: 12px; color: #000099; border-bottom-width: 1px; border-bottom-style: dotted; font-family: Arial, Helvetica, sans-serif; border-bottom-color: #CCCCCC; text-align: right; display: block; font-weight: bold; padding: 5px 0px 5px 0px; line-height: 14px; }