/*///////////////////////////////////////////////////////////////////////////////
*																				*
*	Restaurant Hotel Merlet - Schoorl, Noord-Holland							*
*	Webvalue // www.webvalue.nl													*
*	Julien Ranzijn																*
*																				*
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

/* /////////////////////////////////////////////////////////////////////////// */
	
	body {
		height: 100%;
		margin: 0;
		padding: 0;
		background: #fff url('../images/bg_fade.gif') top repeat-x;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
/* /////////////////////////////////////////////////////////////////////////// */
	
	img { border: 0px; }
	
	a {
		color: #ffffff;
		text-decoration: none;
	}
	
		#content a, .display a {
			color: #BBB3B3;
		}
		
			#content a:hover, .display a:hover {
				color: #fff;
			}
	
/* /////////////////////////////////////////////////////////////////////////// */
	
	#intro_wrapper {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 995px;
		height: 444px;
		margin-top: -222px;
		margin-left: -497px;
		background: #564444 url('../images/intro_logo.gif') top right no-repeat;
	}
	
	#wrapper {
		width: 995px;
		margin: auto;
		background: #564444 url('../images/main_logo.jpg') top right no-repeat;
	}
	
/* ---------------------------------------------------------------------------- */
	
		#intro_post {
			width: 544px;
			height: 138px;
			font-size: 10px;
			color: #ac9d88;
			margin: 20px 0 20px 28px;
		}
			
			#intro_post h1 {
				margin: 0px;
				padding: 0 0 8px 0;
				font-size: 10px;
				color: #c4bcb1;
				font-family:verdana;
				font-weight: bold;
				text-transform: uppercase;
			}
		
			#intro_post img {
				float: left;
				margin: 0 15px 15px 0;
			}
			
			.lees_meer {
				display: block;
				margin: 10px 0 0;
			}
	
				.lees_meer:hover { color: #999; }
		
/* ---------------------------------------------------------------------------- */
	
		#menuTop {
			width: 572px;
			height: 18px;
			background: #231b1b;
		}
		
			.contact {
				color: #fff;
				font-size: 11px;
				text-transform: uppercase;
			}
			
			.contact img { margin: 2px 12px; }
			
/* ---------------------------------------------------------------------------- */

		#header {
			height: 100px;
			overflow: hidden;
		}
		
		#logo {
			z-index: 3;
			position: absolute;
			width: 232px;
			height: 39px;
			margin-top: 14px;
			margin-left: 730px;
		}

/* ---------------------------------------------------------------------------- */

		#menu {
			height: 24px;
			background: #c4bcb1;
		}
		
			#menu ul { 
				list-style: none;
				margin: 0;
				padding: 0;
				text-align: left;
			}
			
				#menu ul li {
					position: relative;
					z-index: 346346;
					float: left;
				}
				
				#menu ul li.selected a { background: #938787; }
				
					#menu ul li a {
						display: block;
						padding: 4px 10px;
						color: #000;
						font-weight: normal;
					}
					
						#menu ul li:hover { background: url('../images/menu_arrow.gif') bottom center no-repeat; }
			
					#menu ul li ul {
						display: none;
						position: absolute;
						z-index: 8436546;
						border: 1px solid #423e3d;
						border-top: 0 none;
						background: #d3ccc1;
					}
					
						#menu ul li ul li {
							display: block;
							clear: both;
							width: 160px;
							border-top: 1px solid #423e3d;
							background: #C4BCB1;
						}
						
						#menu ul li.selected ul li a {
							background: #C4BCB1;
						}
						
						#menu ul li ul li {
							min-width: 160px;
							width: 100%;	
						}
						
							#menu ul li ul li a {
								display: block;
								font-family: Arial, Helvetica, sans-serif;
								font-size: 11px;
								color: #423e3d;
								text-decoration: none;
							}
						
						#menu ul li ul li a:hover { background: #f3eee5; }
				
					#menu ul li:hover ul { display: block; }

/* ---------------------------------------------------------------------------- */

		#menu_sub {
			float: left;
			width: 181px;
			padding: 16px 8px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
		}
		
			#menu_sub ul {
				padding: 0 0 0 15px;
				margin: 0;
				list-style: square;
				color: #BBB3B3;
			}
			
				#menu_sub li a {
					color: #BBB3B3;
					padding: 2px 0;
					display: block;
				}
			
					#menu_sub li a:hover, #menu_sub li.selected a {
						color: #fff;
					}
					
/* ---------------------------------------------------------------------------- */
					
		.topmenu {
			padding: 10px 10px 10px 0;
			overflow: hidden;
		}
		
			.topmenu ul {
				padding: 0;
				margin: 0;
				list-style: none;
				color: #999;
			}
			
				.topmenu li { float: left; }
				
					.topmenu li a { 
						color: #999;
						text-decoration: underline;
						padding: 0 10px 0 0;
						margin: 0 10px 5px 0;
						border-right: 1px solid #999;
					}
					
						.topmenu li a:hover { text-decoration: none; }

/* ---------------------------------------------------------------------------- */
		
		#visual .logos {
			position:absolute;
			margin: 147px 0 0 12px;
			opacity: .5;
			filter: alpha(opacity=50);
		}
		
/* ---------------------------------------------------------------------------- */
		
		#title {
			height: 21px;
			overflow: hidden;
			background: #938787;
			padding:1px 0 7px 9px;
		}
		
/* ---------------------------------------------------------------------------- */

		#container { overflow: hidden; }
		
/* ---------------------------------------------------------------------------- */
		 
			#content, #content_suites { 
				float: left;
				overflow-x: hidden;
				background: #3c3232;
				font-size: 11px;
				color: #ffffff;
				min-height: 493px;
				width: 345px;
				padding: 0 15px 35px 15px;
			}
			
/* ---------------------------------------------------------------------------- */
		 
			#content_suites { 
				width: 798px;
				padding: 0;
			}
			
				.suite_menu {
					position: absolute;
					background: #C4BCB1;
					opacity: 0.8;
					width: 788px;
					padding: 5px;
					margin: 5px 0 0;
				}

					a.suite_titel {
						font-weight: bold;
						float: left;
						color: #000;
						text-decoration: underline;
						padding: 0 5px 0 0;
					}
					
						a.suite_titel:hover { text-decoration: none; }
				
					.suite_menu ul { 
						list-style: none;
						padding: 0;
						margin: 0;
					}
					
						.suite_menu li { 
							float: left;
							padding: 0 5px;
						}
						
							.suite_menu li a {
								color: #000;
								text-decoration: underline;
							}
							
								.suite_menu li a:hover { text-decoration: none; }
								.suite_menu li.selected a { font-weight: bold; }
				
				.suite_tekst, .suite_info {
					background: #C4BCB1;
					color: #000;
					position: absolute;
					opacity: 0.8;
				}
				
					.suite_tekst {
						height: 438px;
						margin: 39px 0 0 115px;
						padding: 8px;
						width: 260px;
					}
					
					.suite_info {
						height: 364px;
						margin: 48px 0 0 425px;
						padding: 10px;
						width: 332px;
					}
	
						.suite_info ul {
							margin: 0 0 0 20px;
							padding: 0;
						}
					
					.suite_nav {
						background: #FFFFFF;
						color: #000000;
						height: 20px;
						margin: 438px 200px 200px 425px;
						padding: 8px;
						position: absolute;
						width: 336px;
						opacity: 0.8;
						line-height: 20px;
						text-align:right;
					}
					
						.suite_nav img { float: left; }
						
						.suite_nav a { color:#000; }
					
			.arr_block { margin: 0 0 20px 0; }
			
				.arr_block strong { display: block; }
			
				.arr_block a { text-decoration: underline; }
				
				.arr_block img { 
					float: left;
					border: 1px solid #fff;
					margin: 0 10px 10px 0;
				}
			
/* ---------------------------------------------------------------------------- */
			
			#sidebar {
				float: right;
				width: 423px;
				background: #564444;
			}	
			
				#newsletter {
					height: 30px;
					background: #938787;
					padding:10px;
				}
				
					#newsletter form { margin: 0px; padding: 0px; }
					
					#newsletter img { float: left; }
					
					.newsletter_title {
						float: left;
						margin-top: 5px;
					}
				
					.newsletter_form {
						float: right;
						width: 168px;
						font-size: 9px;
					}
					
					.newsletter_button {
						float: right;
						margin-left: 5px;
						margin-right: 5px;
						padding: 1px 21px 5px 7px;
						border: 1px solid #7c7268;
						background: #7c7268 url('../images/newsletter_arrow.gif') right no-repeat;
						font-size: 11px;
						width: 90px;
						height: 20px;
						color: #fff;
					}
					
					.newsletter_button:hover { border-color: #2c2827; }
				
				.display {
					padding: 10px 12px;
					color: #fff;
					font-size: 12px;
				}
				
					.display p {
						font-size: 11px;
					}
					
				#specials {
					text-align: center;
					margin-top: 12px;
				}
				
					#specials img { margin-right: 15px; }
					
					.special_title { margin: 0 0 10px 0; }

/* ---------------------------------------------------------------------------- */
			
		#footer {
			background-color:#231B1B;
			text-align : center;
			line-height : 20px;
			color: #666;
			font-family:Verdana,Geneva,Arial,helvetica,sans-serif;
			font-size:9px;
			overflow: hidden;
		}
		
			#footer ul {
				list-style: none;
				padding: 0;
				margin: 0;
				display: inline;
			}
			
				#footer ul li { display: inline; }
				
					#footer ul li a {
						color: #666;
						padding: 0 5px;
						border-right: 1px solid #666;
					}
					
						#footer ul li a:hover { color: #fff; }
						#footer ul li.last a { border: none; }
					
			.copyright { float: left; }
			
/* /////////////////////////////////////////////////////////////////////////// */

		input, select, textarea {
			padding: 2px;
			border: 1px solid #7c7268;
			background-color: #cac6c6;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
		}
		
		input { 
			height: 14px; 
			width: 180px;
			margin: 0 0 5px 0;
		}
		
			.year_field { width: 45px; }
			
			.checkbox  { 
				width: 20px;
				border: 0 none;
				padding: 0;
				margin: 0;
				background: none;
			}
		
		select { margin: 0 5px 5px 0; }
		
		textarea { 
			width: 319px !important; 
			border: none !important;
			overflow: auto;
		}
		
		.confirm_text div { 
			width: 319px !important; 
			border: none !important;
			overflow: auto;
			font-size: 9px;
			overflow: visible; overflow-x:auto; overflow-y:hidden;
		}
		
		.confirm_text { 
			border: 0 none !important; 
			overflow: auto;
			font-size: 11px;
			margin: 0 0 10px 0;
			overflow: visible; overflow-x:auto; overflow-y:hidden;
		}
		
		.confirm_text, {
			margin: 10px 0;
			font-size: 10px;
			color: #CCC;
			overflow: scroll;
			border: none !important; 
		}
		
		.buttons { margin: 10px 0; }
		
		.error_element { border: 1px solid #C00; }
			
/* /////////////////////////////////////////////////////////////////////////// */

		h1 {
			margin: 15px 0 10px 0;
			padding: 0 0 4px 0;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 18px;
			font-weight: normal;
			color: #ffffff;
		}
		
		h2 {
			margin: 15px 0 10px 0;
			padding: 0px;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 18px;
			font-weight: bold;
			color: #564444;
		}
		
		h3 {
			margin: 0 0 6px 0;
			padding: 0;
			font-size: 11px;
			color: #ffffff;
		}
		
		h4 {
			margin: 0 0 6px 0;
			padding: 0;
			font-size: 11px;
			color: #bbb3b3;
		}
		
		p { margin-top: 0; }
		
/* /////////////////////////////////////////////////////////////////////////// */

/*///////////////////////////////////////////////////////////////////////////////
*																				*
*	Restaurant Hotel Merlet - Schoorl, Noord-Holland							*
*	Webvalue // www.webvalue.nl													*
*	Julien Ranzijn																*
*																				*
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/