/* --> Includes CSS
****************************************************/

@import url(content.css);
@import url(menu_h.css);



/* --> General
****************************************************/

html {
	height: 100%;
	margin-bottom: 1px;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	text-align: center;
	background: #0F0F0F url(../../img/bg_site.gif) repeat-x 0 0;
}



/* --> Page layout 
******************************************************************************/

#master-container {
	margin: 0 auto;
	padding: 54px 0 0 0;
	width: 780px;
	height: auto;
	text-align: left;
	position: relative;
}

#topbar {
	background: url(../../img/img_topbar.gif) no-repeat 0 0;
}

#container {
	margin: 0;
	padding: 0 6px;
	height: 400px;
	background: url(../../img/bg_container.gif) repeat-y 0 0;
}

html>body #container {
	min-height: 400px;
	height: auto;
}

#splash-container {
	margin: 0;
	padding: 0 6px;
	height: 400px;
	background: url(../../img/bg_container.gif) repeat-y 0 0;
}

html>body #splash-container {
	min-height: 400px;
	height: auto;
}

#top-content {
	padding: 0 6px 0 6px;
	position: relative;
	background-color: #080504;
}

#titlebar {
	height: 68px;
	color: #fff;
/* 	background: #080503 url(../../img/header_nieuws.gif) no-repeat 565px 30px; */
}

#titlebar span {
	padding: 24px 0 0 24px;
	font: 16px Trebuchet MS, Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
}

#content-container {
	width: 100%;
	height: 460px;
	background: url(../../img/bg_content.gif) repeat-x 0 0;
	display: table;
}

html>body #content-container {
	min-height: 460px;
	height: auto;
}

#content {
	height: 460px;
/* 	background: url(../../img/bg_content_right.jpg) no-repeat top right; */
}

html>body #content {
	min-height: 460px;
	height: auto;
}

#splash-content-container {
	width: 100%;
	height: 166px;
	background-color: #010100;
}

#splash-content-left {
	margin: 0 0 0 30px;
}

#splash-content-left img {
	margin: 30px 19px 0 0;
	border: 2px solid #B8AE85;
	float: left;
}

#splash-content-right {
	float: left;
}

#content-left {
/* 	width: 550px; */
	float: left;
}

#content-right {
	float: left;
}
	
.logo-small {
	position: absolute;
	top: 32px;
	left: 605px;
}

.logo-big {
	position: absolute;
	top: 66px;
	left: 575px;
}

.topmenu {
	position: absolute;
	top: 45px;
	left: 605px;
}

.menukaart-splash {
	position: absolute;
	top: 243px;
	left: 590px;
}

.dinercheque {
	position: absolute;
	top: 92px;
	left: 52px;
}

.lenteactie {
	position: absolute;
	top: 92px;
	left: 224px;
	display: none;
}

.lenteactie-utrecht {
	position: absolute;
	top: 92px;
	left: 399px;
	display: none;
}

.reserveren-splash-top {
	position: absolute;
	top: 50px;
	left: 53px;
	display: none;
}


.reserveren-splash-b1 {
	position: absolute;
	top: 156px;
	left: 53px;
	display: none;
}

.reserveren-splash-b2 {
	position: absolute;
	top: 190px;
	left: 53px;
	display: none;
}

.reserveren-splash-b3 {
	position: absolute;
	top: 222px;
	left: 53px;
	display: none;
}




/* --> Navigation
******************************************************************************/

#nav {
	position: absolute;
	top: 164px;
	left: 20px;
}

#nav-splash {
	position: absolute;
	top: 278px;
	left: 20px;
}



/* --> News
******************************************************************************/

#news {
	width: 210px;
	height: 400px;
	background-color: #050302;
}

html>body #news {
	min-height: 400px;
	height: auto;
}





/* --> Menukaart
******************************************************************************/

.menu-trigger {
	margin: 35px 20px 0 20px;
	padding: 0 0 20px 0;
}

.menu-trigger div.header {
	margin: 0 0 10px 0;
	background: url(../../img/bg_newsitem.gif) repeat-x 0 9px;
}

.menu-trigger div.header a {
	margin: 0;
	padding: 0 7px 0 0;
	background-color: #050302;
}




/* --> popup style
******************************************************************************/

#popup-table {
	height: 100%;
	width: 100%;
		position: relative;
	background-color: #111010;
}

#popup-table .container-cell {
	padding: 0 10px;
	height: 100%;
	width: 100%;
	vertical-align: top;
}

#popup-table-content {
	height: 100%;
	width: 100%;
	background: #fff url(../../img/bg_popup_top.gif) repeat-x 0 0;
}

#popup-table-content #titlebar {
	height: 68px;
	color: #fff;
	background: none;
	position: absolute;
	left: 16px;
	top: 88px;
}

#popup-table-content #titlebar span {
	padding: 26px 0 0 24px;
	font: 16px Trebuchet MS, Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
}

.popup-content {
	padding: 8px 0 0 0;
	vertical-align: top;
	background: url(../../img/bg_popup.gif) repeat-x 0 140px;
}

#popup-close {
	margin: 0;
	padding: 0;
	background: url(../../img/bg_popup_close.gif) repeat-x 0 0;
}

#popup-close img {
	margin: 0 0 0 365px;
}

#popup-close a {
	padding: 0;
	margin: 0;
	display: block;
	text-decoration: none;
	color: #90B20B;
}

#popup-close a:hover {
	padding: 0;
	margin: 0;
	text-decoration: none;
	color: #718B0A;
}

#popup-img {
	padding: 0;
	margin: 0;
	background: url(../../img/popup_bg.gif) repeat-x;
}