/*--------------------------------------------------
BODY
--------------------------------------------------*/

body {
	background-color: #2d2d40;
	margin: 10px;
	overflow: scroll;
}
font.copyright {
	color: #d0d0e0;
	font-family: verdana, arial, sans-serif;
	font-weight: bold;
	font-size: 7pt;
}
table.copyright {
	width: 770px;
}
table.copyright td {
	color: #d0d0e0;
	font-family: verdana, arial, sans-serif;
	font-weight: bold;
	font-size: 7pt;
}
table.copyright td.right {
	text-align: right;
}
table.copyright td a {
	color: #d0d0e0;
	text-decoration: none;
}
table.copyright td a:hover {
	color: #d0d0e0;
	text-decoration: underline;
}
H2 {
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}

/*--------------------------------------------------
MAIN TABLE
--------------------------------------------------*/

table.main { /* outer table, that contains all page elements except the copyright notice */
	background-color: white;
	width: 770px;
	border: none;
	border-spacing: 0px;
	border-collapse: collapse;
}
table.main td { /* TDs containing tabletop, image, menu, and page */
	padding: 0px;
	color: black;
	font-family: verdana, arial, sans-serif;
	font-size: 9pt;
}
table.main tr.tabletop td { /* TD.tabletop: URL and yell */
	padding: 10px;
	font-weight: bold;
	font-size: 10pt;
}
table.main tr.tabletop2 td { /* DUNNO! Image? */
	padding: 0px 0px 0px 10px;
}

table.main td.menu { /* TD.menu: contains the TABLE.menulist */
	vertical-align: top;
	text-align: left;
	padding: 4px;
	border-bottom: 3px black solid;
	/* VERTICAL MENU: */
	xwidth: 180px;
	xborder-style: solid;
	xborder-width: 0px 1px 0px 0px;
	xborder-color: black;
}
table.main td a {
	color: cc0000;
	text-decoration: underline;
	font-weight: bold;
}

table.main td.menu a {
	color: cc0000;
	text-decoration: none;
	font-weight: bold;
}
table.main td.menu a:hover {
	color: 990000;
}
table.main td.menu a.active {
	color: white;
	background-color: 990000;
}
table.main td.menu a.active:hover {
	color: white;
}


table.main td.page { /* TD.page: contains the DIV.page */
	padding: 0px;
	vertical-align: top;
	text-align: left;
}
div.page { /* A DIV.page, so we have a scrollbar inside the table */
	xheight: 480px; 433px;
	padding: 10px 4px 10px 4px;
	xoverflow: auto;
}
div.respage { /* A DIV.page, so we have a scrollbar inside the table */
	xheight: 367px; 379px;
	padding: 10px 4px 10px 4px;
	xoverflow: auto;
	position: relative;
}

table.pages {
	xwidth: 100%;
	xheight: 100%;
}
table.pages td {
	vertical-align: top;
	padding-top: 10px;
}
table.pages td a {
	text-decoration: none;
	color: cc0000;
}
table.pages td a:hover {
	text-decoration: underline;
}
table.pages td.list a {
	text-decoration: none;
	color: black;
}

/*--------------------------------------------------
LOCATIES
--------------------------------------------------*/

table.restaurants {
	xborder-spacing: 4px;
}
table.restaurants td {
	padding: 4px;
	vertical-align: top;
}
table.restaurants tr.header td {
	font-style: italic;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #990000;
	vertical-align: bottom;
	padding: 2px;
}

img.photo {
	border: 1px solid #990000;
}

table.menus td.arrangement {
	border: solid 1px #990000;
	padding: 8px 8px 12px 8px;
	text-align: left;
}

b.menutitle, b.menuprice {
	display: block;
	text-align: center;
	font-size: 11pt;
}
table.menus td.arrangement div {
	text-align: center;
}

/*--------------------------------------------------
MENU'S
--------------------------------------------------*/

table.menulist td { /* vertical menu only (???) */
	vertical-align: top;
}

/*--------------------------------------------------
RESERVERINGEN
--------------------------------------------------*/

div.reserrors {
	position: relative;
	float: left;
	vertical-align: middle;
	padding: 4px;
	font-weight: bold;
}

/* div met images voor paginanummers */
div.res-pages {
	height: 30px;
	text-align: right;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: black;
	padding: 2px 20px 2px 0px;
	margin-left: 160px;
}
div.res-pages a {
	font-size: 8pt;
}

form.res {
	padding: 0px;
	xwidth: 740px;
}

table.res td {
	vertical-align: top;
	padding-left: 4px;
}
table.res input.text, table.res textarea, table.res select,
table.res input.smalltext {
	border-style: solid;
	border-color: 666666;
	border-width: 1px;
	width: 400px;
	font-family: verdana, arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
}
table.res input.smalltext {
	width: 150px;
}

table.res input.hintTextbox { color: #888; background-color: ffeeee; }
table.res input.hintTextboxActive { color: #000; background-color: eeffee; }

table.res textarea {
	height: 100px;
}
table.res input.button {
	width: 150px;
}
table.res input.radio {
	width: 12px;
	height: 12px;
}

div.res-errors {
	color: red;
	font-weight: bold;
	margin-left: 10px;
}

table.res td.reservation {
	border: 1px solid #999999;
	background-color: #dddddd;
	margin: 4px;
	padding: 4px;
	padding-top: 6px;
	font-size: 8pt;
	height: 354px;
}
table.res td.reservation b.value {
	color: cc0000;
}

div.res-navigation {
	height: 32px;
}

b.menu {
	font-weight: bold;
	color: cc0000;
}

b.small {
	font-weight: normal;
	font-size: 8pt;
}
td.r {
	text-align: right;
}
a.button, button.res, input.button {
	color: cc0000;
	border: 1px solid;
	border-color: 888899;
	border-top-color: eeeeee;
	border-left-color: eeeeee;
	font-weight: bold;
	text-decoration: none ! important;
	background-color: dddddd;
	margin: 2px;
}

.tooltipcontainer {
	position: relative;
	xheight: 12px;
}
.tooltip {
	visibility: hidden;
	position: absolute;
	top: 20;
	left: 150;
	z-index: 2;
	padding: 2px;
	background-color: #dddddd;
	width: 400px;
	padding: 4px;
	border: solid 1px #990000;
	text-align: center;
}