html, body {
	width: 100%;
	height: 100%;
}

/* Global styles */
table, td, th, div, p, a, span, em, strong, li, input, textarea {
	font-family: arial;
	font-size: 12px;
	color: #fff;
	text-align: left;
}

input, textarea {
	padding: 1px 0;
	margin: 1px 0;
	color: #383532;
	border: 1px solid #000;
}

.clear { clear: both; font-size: 1px; height: 1px; }

/**
 * Global structure styles
 */

div#wrapper {
	position: relative;
	margin: 0 auto;
	width: 960px;
}

div#container { 
	position: relative;
	top: 292px;
	margin: 0 auto;
	padding: 30px 100px 10px 60px;
	width: 788px;
	border-top: 1px solid #fff;
}

img#logo { 
	position: absolute;
	top: 7px; left: 32px;
}

/**
 * Home styles
 */

div#menu_image {
	position: relative;
	top: 250px;
	margin: 0 auto;
	width: 556px;
	height: 245px;
	border: 2px solid #fff;
	z-index: 2;
}

.home div#menu {
	position: absolute;
	top: 145px; left: 32px;
	width: 890px;
	height: 478px;
}

.home #menu .page { 
	position: absolute; 
	width: 170px;
	text-align: center;
	padding: 0 0 5px 0;
}
.home #menu .page a { font-size:20px; text-decoration:none; }
.home #menu .page a:hover { color:#ffae00; }
.home #menu .page img { margin:0 0 5px 0; border:2px solid #fff; }

.home #menu #lunch { top:0; left:126px; }
.home #menu #a-la-carte { top:0; left:370px; }
.home #menu #vergadering { top:0; left:612px; }
.home #menu #barbecue { top:128px; right:-20px; }
.home #menu #high-tea { top:250px; right:-20px; }
.home #menu #besloten-diners { top:377px; left:126px; }
.home #menu #partys { top:377px; left:370px; }
.home #menu #gewoon-gezellig { top:377px; left:612px; }
.home #menu #herberg-activiteiten { top:250px; left:-20px; }
.home #menu #contact-en-route { top:128px; left:-20px; }

/**
 * Content styles
 */

div#content {
	float: right;
	width: 400px;
	line-height: 16px;
}
#content h1 { margin:0 0 7px 0; padding:5px 0 0 0; font-size:25px; font-weight:bold; color:#ffae00; }
#content h2, #content h3 { margin:0 0 10px 0; font-size:14px; font-weight:bold; color:#bfbebb; }
#content p { margin: 0 0 20px 0; }
#content ul { margin: 0 0 0 20px; list-style-type:disc; }

.inputter { width:225px; }
textarea { width:325px !important; height:75px; }

div#form {
	width: 380px;
}

.contact div#content { float:left; }
.contact div#form { float:right; }

div#image_viewer { 
	float: left;
	width: 380px;
}

.content div#menu, .contact div#menu {
	position: absolute;
	top: 225px;
	margin: 17px 90px 0 90px;
	width: 810px;
	text-align: center;
	font-size: 21px;
	line-height: 23px;
}
.content #menu a, .contact div#menu a { padding:0 3px; font-size:21px; text-decoration:none; }
.content #menu a:hover, .content #menu a.active, .contact div#menu a:hover, .contact div#menu a.active { color:#ffae00; }

div#image {
	position: absolute;
	top: 0px; right: 20px;
	width: 480px;
	height: 200px;
	background: url('../../gfx/imagebg.png') no-repeat;
}
#image img { position:absolute; top:0; left:11px; }

div#image_viewer div#nav { float:left; margin:0 25px 0 45px; z-index: 2; }
div#image_viewer .tab {
	float: right;
	margin:0 0 0 -12px;
	height: 22px;
	width: 52px;
	background: url('../../gfx/slider/tab.png') top right no-repeat;
	text-align: center;
	line-height: 22px;
	cursor: pointer;
}
#image_viewer .tab:hover, #image_viewer .tab.active { background-image:url('../../gfx/slider/tabactive.png'); }
#image_viewer .tab.left { width:100px; background-image:url('../../gfx/slider/automatic.png'); } 

div#image_viewer div#slider { 
	position: relative;
	margin: 15px 0 0 15px;
	*margin: -7px 0 0 15px;
	padding: 16px 16px;
	width: 336px;
	height: 235px;
	background: url('../../gfx/slider/sliderbg.png') no-repeat; 
	z-index: 1;
}

#slider li { display:none; }

/**
 * Map
 */

#map * { font-size:12px; color:#000 !important; line-height:16px; }
#map h1 { font-size:16px; color:#000; }

/**
 * Music player
 */

div#music_player { position:absolute; right:-15px; top:3px; }

/**
 * Footer
 */

div#footer { position:relative; margin:385px auto 15px auto; text-align:center; }