@charset "utf-8";
/* Stylesheet for Standaard, by Media Solutions */

/* Table of Contents
1. Base Elements
2. Site
3. Header
4. Page
 4.1. Content
 4.2. Sidebar
5. Misc.

/* 1. Base Elements */
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
p  {
	margin:0;
	padding:0;
}

body {
	font-size:100%; /* 16pt */
	font-family:arial;
	background:#9f9981;
}

a {
	text-decoration:none;
}

img {
	border:0;
}

li {
	list-style:none;
}

/* 2. Site */
#site {
	overflow:hidden;
	width:924px;
	margin:18px auto 0;
	font-size:0.625em; /* 10 / 16 = 0.625 */
	background:#ddd9bc;
}

/* 3. Header */
#header {
	margin:2px 2px 0;
}

	#header .top-balk {
		width:920px;
		height:40px;
		background:#1a171b;
	}

		#header .top-balk ul {
		padding-top:5px;
		}
		
			#header .top-balk ul li {
				float:left;
				margin-left:16px;
				font-size:1.5em;
				text-transform:uppercase;
				font-weight:bold;
				color:#ff7e00;
			}
			
			#header .top-balk ul li.tel {
				overflow:hidden;
				display:block;
				width:126x;
				height:0;
				margin:9px 0 0 66px;
				padding-top:12px;
				background: url(../images/txt-li-tel.png) 0 0 no-repeat;
			}
				
				#header .top-balk ul li a {
					color:#87888a;
				}
				
				#header .top-balk li a.icon-1,
				#header .top-balk li a.icon-2,
				#header .top-balk li a.icon-3,
				#header .top-balk li a.icon-4 {
					overflow:hidden;
					display:block;
					width:94px;
					height:0px;
					padding-top:25px;
				}
				
				#header .top-balk li a.icon-5,
				#header .top-balk li a.icon-6 {
					overflow:hidden;
					display:block;
					width:115px;
					height:0px;
					padding-top:12px;
					margin-top:9px;
				}
				
				#header .top-balk li a.icon-6 {
					width:36px;
				}
				
				#header .top-balk li a.icon-4 {
					width:180px;
				}
		
				
				#header .top-balk ul li a:hover,
				#header .top-balk ul li a.active {
					color:#fff;
				}
				
				#header .top-balk li a.icon-1 {
					background: url(../images/topmenu-li-bg.png) 0 -26px no-repeat;
				}
				
				#header .top-balk li a.icon-1:hover,
				#header .top-balk li a.icon-1.active {
					background: url(../images/topmenu-li-bg.png) 0 0 no-repeat;
				}
				
				#header .top-balk li a.icon-2 {
					background: url(../images/topmenu-li-bg.png) -112px -26px no-repeat;
				}
				
				#header .top-balk li a.icon-2:hover,
				#header .top-balk li a.icon-2.active {
					background: url(../images/topmenu-li-bg.png) -112px 0 no-repeat;
				}
				
				#header .top-balk li a.icon-3 {
					background: url(../images/topmenu-li-bg.png) -219px -26px no-repeat;
				}
				
				#header .top-balk li a.icon-3:hover,
				#header .top-balk li a.icon-3.active {
					background: url(../images/topmenu-li-bg.png) -219px 0 no-repeat;
				}
				
				#header .top-balk li a.icon-4 {
					background: url(../images/topmenu-li-bg.png) -336px -26px no-repeat;
				}
				
				#header .top-balk li a.icon-4:hover,
				#header .top-balk li a.icon-4.active {
					background: url(../images/topmenu-li-bg.png) -336px 0 no-repeat;
				}
	
				#header .top-balk li a.icon-5 {
					background: url(../images/topmenu-contact-li-bg.png) 0 -12px no-repeat;
				}
				
				#header .top-balk li a.icon-5:hover,
				#header .top-balk li a.icon-5.active {
					background: url(../images/topmenu-contact-li-bg.png) 0 0 no-repeat;
				}
				
				#header .top-balk li a.icon-6 {
					background: url(../images/topmenu-contact-li-bg.png) -141px -12px no-repeat;
				}
				
				#header .top-balk li a.icon-6:hover,
				#header .top-balk li a.icon-6.active {
					background: url(../images/topmenu-contact-li-bg.png) -141px 0 no-repeat;
				}
	
	#header .header-img {
		float:left;
		overflow:hidden;
		height: 300px;
		width: 670px;
	}
	
	#header .header-contact {
		overflow:hidden;
		float:left;
		width:250px;
		height:300px;
		background:#ffffff; 
	}				
	
		#header .header-contact h1 {
			overflow:hidden;
			margin:30px 0 0 42px;
		}
		
			#header .header-contact h1 a {
				display:block;
				overflow:hidden;
				width:173px;
				height:0;
				padding-top:140px;
				background: url(../images/logo.jpg) 0 0 no-repeat;
			}
			
	#header .header-contact ul {
		margin:17px 0 0 42px;
	}
	
		#header .header-contact ul li {
			color:#a39d87;
			font-size:1.4em;
			line-height:1.3em;
		}
		
			#header .header-contact ul li a {
				color:#a39d87;
			}
			
			#header .header-contact ul li a:hover,
			#header .header-contact ul li a.active {
			
			}
	
	#header .menu {
		overflow:hidden;
		clear:both;
		padding-top:2px;
		width:920px;
		height:151px;
		background: url(../images/menu-bg.jpg) 0 2px  no-repeat;
	}
	
		#header .menu li {
			float:left;
			width:169px;
			height:140px;
			margin:0 3px 0 10px;
			background: url(../images/li-bg.jpg) 0 0 repeat-x;
		}
		
		#header .menu li.reserveren {
			background: url(../images/reserveren-bg.jpg) right top repeat-x;
		}
		
			#header .menu li a {
				overflow:hidden;
				display:block;
				width:169px;
				height:0px;
				padding-top:140px;
			}
		
			#header .menu li a.icon-1 {
				background: url(../images/menu-li-bg.png) 0 0 no-repeat;
			}
			
			#header .menu li a.icon-1:hover,
			#header .menu li a.icon-1.active {
				background: url(../images/menu-li-bg.png) 0 -140px no-repeat;
			}
			
			#header .menu li a.icon-2 {
				background: url(../images/menu-li-bg.png) -185px 0 no-repeat;
			}
			
			#header .menu li a.icon-2:hover,
			#header .menu li a.icon-2.active {
				background: url(../images/menu-li-bg.png) -185px -140px no-repeat;
			}
			
			#header .menu li a.icon-3 {
				background: url(../images/menu-li-bg.png) -360px 0 no-repeat;
			}
			
			#header .menu li a.icon-3:hover,
			#header .menu li a.icon-3.active {
				background: url(../images/menu-li-bg.png) -360px -140px no-repeat;
			}
			
			#header .menu li a.icon-4 {
				background: url(../images/menu-li-bg.png) -553px 0 no-repeat;
			}
			
			#header .menu li a.icon-4:hover,
			#header .menu li a.icon-4.active {
				background: url(../images/menu-li-bg.png) -553px -140px no-repeat;
			}
			
			#header .menu li a.icon-5 {
				background: url(../images/menu-li-bg.png) -733px 0 no-repeat;
			}
			
			#header .menu li a.icon-5:hover,
			#header .menu li a.icon-5.active {
				background: url(../images/menu-li-bg.png) -733px -140px no-repeat;
			}
		
/* 4. Page */
#page {
	padding:0 2px; 
	overflow:hidden;
}

	#page h2 {
		margin:40px 0 22px;
	}
	
		#page h2.welkom span {
			display:block;
			overflow:hidden;
			width:164px;
			height:0;
			padding:25px 0 0 0;
			background: url(../images/txt-h2-welkom.png) 0 0 no-repeat;
		}
		
		#page h2.activiteiten span {
			display:block;
			overflow:hidden;
			width:138px;
			height:0;
			padding:34px 0 0 0;
			background: url(../images/txt-h2-activiteiten.png) 0 0 no-repeat;
		}
		
		#page h2.cafetaria span {
			display:block;
			overflow:hidden;
			width:164px;
			height:0;
			padding:22px 0 0 0;
			background: url(../images/txt-h2-cafetaria.png) 0 0 no-repeat;
		}
		
		#page h2.openingstijden span {
			display:block;
			overflow:hidden;
			width:138px;
			height:0;
			padding:34px 0 0 0;
			background: url(../images/txt-h2-openingstijden.png) 0 0 no-repeat;
		}
		
		#page h2.feesten span {
			display:block;
			overflow:hidden;
			width:197px;
			height:0;
			padding:25px 0 0 0;
			background: url(../images/txt-h2-feesten.png) 0 0 no-repeat;
		}
		
		#page h2.reserveren span {
			display:block;
			overflow:hidden;
			width:144px;
			height:0;
			padding:34px 0 0 0;
			background: url(../images/txt-h2-reserveren.png) 0 0 no-repeat;
		}
		
		#page h2.overige-activiteiten span {
			display:block;
			overflow:hidden;
			width:205px;
			height:0;
			margin-top:48px;
			padding:22px 0 0 0;
			background: url(../images/txt-h2-overigeactiviteiten.png) 0 0 no-repeat;
		}
		
		#page h2.catering span {
			display:block;
			overflow:hidden;
			width:75px;
			height:0;
			padding:22px 0 0 0;
			background: url(../images/txt-h2-catering.png) 0 0 no-repeat;
		}
		
		#page h2.contact span {
			display:block;
			overflow:hidden;
			width:275px;
			height:0;
			padding:22px 0 0 0;
			background: url(../images/txt-h2-contact.png) 0 0 no-repeat;
		}
		
	#page h4 {
		margin-bottom:19px;
		color:#ca640d;
		font-size:2.0em;
		line-height:1.15em;
	}	
	
	#page-bg{
	height:300px;
	width: 600px;
	}
	
/* 4.1. Content */
#content {
	float:left;
	width:522px;
	min-height:239px;
	margin-left:40px;
	background: url(../images/content-bg.png) right 38px no-repeat;
}

	#content p {
		width:493px;
		margin:0 0 19px;
		color:#1a171b;
		font-size:1.2em;
		line-height:1.75em;
	}
	
		#content p a {
			color:#CA640D;
		}
		
/* 4.2. Sidebar */
#sidebar {
	float:left;
	width:327px;
	margin-left:29px
}

	#sidebar h3 {
		color:#ca640d;
		font-size:1.2em;
		line-height:1.75em;
	}
	
	#sidebar p {
		width:252px;
		color:#1a171b;
		font-size:1.2em;
		line-height:1.75em;
	}
	
	#sidebar p.tel {
		margin-top:29px;
	}
	
	#sidebar dl {
		overflow:hidden;
		clear:both;
		margin:0 0 6px;
	}
	
		#sidebar dl dt {
			float:left;
			width:110px;
			color:#ca640d;
			font-weight:bold;
			font-size:1.2em;
		}
		
		#sidebar dl dd {
			float:left;
			color:#1a171b;
			font-size:1.2em;
		}
	
	#sidebar a {
		padding-left:8px;
		color:#1a171b;
		text-decoration:underline;
		font-size:1.2em;
		line-height:1.75em;
		background: url(../images/d-arrow-right.gif) left center no-repeat; 
	}
	
	#sidebar .kalender {
	
	}
	
		#sidebar .kalender li {
	
		}
	
			#sidebar .kalender li a {
				text-decoration:none;
				padding:0;
				background:none;
			}
	
			#sidebar .kalender li a:hover,
			#sidebar .kalender li a.active {
				color:#ca640d;
			}	

/* 6. Misc. */

.txt-orange {
	color:#ff7e00;;
}

/* Contact-form */

#contact-form {
	overflow:hidden;
}

	#contact-form select {
		border:none;
		background:#edead6;
		width:54px;
		margin-left:1px;
	}

	#contact-form input.text {
		width:271px;
		height:19px;
		margin:1px 1px 3px;
		border:none;
		background:#edead6;
	}
	
	#contact-form textarea {
		width:271px;
		height:73px;
		margin:1px 1px 3px;
		border:none;
		background:#edead6;
	}
	
	#contact-form input.naam {
		width:204px;
		margin-left:10px;
	}
	
	#contact-form input.submit {
		float:right;
		margin:2px 0 20px 0;
		width:69px;
	}
	
#contact-dl {
	width:375px;
	overflow:hidden;
}

	#contact-dl dt {
		float:left;
		overflow:hidden;
		clear:both;
		width:75px;
		color:#ca640d;
		font-size:1.2em;
		font-weight:bold;
	}
		
	#contact-dl dd.contact {
		background: url(../images/contact-input-naam.png) 0 0 no-repeat;
	}	
	
	#contact-dl dd.textarea {
		height:80px;
		background: url(../images/contact-input-textarea.png) 0 0 no-repeat;
	}	
	
	#contact-dl dd {
		float:left;
		width:273px;
		margin-bottom:2px;
		margin-left:10px;
		background: url(../images/contact-input-273px.png) 0 0 no-repeat;
	}

	#contact-dl dd.submit-btn {
		background:none;
	}
	
#reserveren-form {

}

	#reserveren-form input.text {
		width:196px;
		height:19px;
		margin:1px 1px 10px 4px;
		border:none;
		background:#edead6;
	}

	#site #reserveren-form input.tijden {
		width:62px;
		margin:1px 1px 10px 8px !important;
	}
	
	#site #reserveren-form input.submit {
		float:right;
	}
	
#reserveren-dl {

}

	#reserveren-dl dt {
		width:67px;
	}

	#reserveren-dl dd.tijden {
		background: url(../images/contact-input-69px.png) 0 0 no-repeat;
	}
	
		#reserveren-dl dd.tijden label {
			color:#75705e;
			margin-left:8px;
		}
	
	#reserveren-dl dd {
		margin-left:0;
		width:203px;
		background: url(../images/contact-input-203px.png) 0 0 no-repeat;
	}

	#reserveren-dl dd.submit-btn {
		background:none;
	}