@import url(resetclearfix.css);

strong, b {font-weight:bold}

h2 {
	font:bold 15px/1 "century gothic", arial, helvetica, sans-serif;
	border-bottom:1px solid #705020;
	text-transform:uppercase;
	padding-bottom:5px;
	margin-bottom:5px;
}

p {
	margin-bottom:1em
}

form p br {
	display:none;
}

form label {
	display:block;
	cursor:pointer;
}

form .contact_input,
form .contact_submit{
	border:0;
	padding:.2em 0;
	margin:0;
	color:#fff;
	font:11px/1.5 arial;
	background:#9E722D;
	outline:1px solid #8a713d;
	width:100%;
}

form .contact_input:focus,
form .contact_submit:focus,
form .contact_submit:active,
form .contact_submit:hover{
	background:#976824;
}

form .contact_submit {
	width:auto;
	cursor:pointer;
	font-size:12px;
	text-transform:capitalize;
}

a {color:#fff}
a:hover{text-decoration:none}

.error {
	font-family:monospace;
	font-size:17px;
	font-weight:bold;
	line-height:1;
	color:#c00;
}

body {
	text-align:center;
	background:#5f3200 url(../images/bodybg.gif) repeat-x top center;
	color:#fff;
	font:11px arial, verdana, helvetica, sans-serif;
	behavior: url("../js/csshover.htc");
}

#container {
	margin:0 auto;
	width:745px;
	text-align:left;
}

#header {
	border:5px solid #806835;
}

#header h1 {
	text-indent:-999em;
	height:200px;
	background:url(../images/header.jpg);
}


#body_index #header h1 {background:url(../images/header_home.jpg)}
#body_cafe #header h1 {background:url(../images/header_cafe.jpg)}
#body_restaurant #header h1 {background:url(../images/header_restaurant.jpg)}
#body_catering #header h1 {background:url(../images/header_catering.jpg)}
#body_menukaart #header h1 {background:url(../images/header_home.jpg)}

#body_evenementen #header h1 {background:url(../images/header_restaurant.jpg)}
#body_feesten_en_partijen #header h1 {background:url(../images/header_cafe.jpg)}
#body_fotoboek #header h1 {background:url(../images/header_home.jpg)}
#body_contact #header h1 {background:url(../images/header_catering.jpg)}

#innercontainer {
	margin-top:5px;
	background:#8a713d url(../images/innercontainerbg.gif);
	position:relative;
	z-index:1;
}

body#body_index #innercontainer,
body#body_contact #innercontainer{
	background-image:url(../images/innercontainer_homebg.gif);
}

	#innercontainertop, #innercontainerbottom {
		background:#8a713d;
		width:165px;
		height:5px;
		position:absolute;
		left:0;
		z-index:2;
	}

	#innercontainertop {
		top:0
	}

	#innercontainerbottom {
		bottom:0
	}


	#links, #midden, #rechts {
		float:left;
		display:inline; /* ie6 fix */
	}

	#links {
		width:165px;
	}

		#menu {
			color:#fff;
			border-right:2px solid #fff;
			padding:4px;
			margin:5px 0 5px 5px;
			background:url(../images/menubg.gif);
		}

		/* \*/
		#menu li {
			display:inline;
		}
		/* */

		#menu li a {
			display:block;
			text-transform:uppercase;
			color:#fff;
			font:bold 15px/1 "century gothic", arial, helvetica, sans-serif;
			padding:5px 0;
			text-decoration:none;
			background:url(../images/menuspacer.gif) no-repeat;
		}

		#menu li.first a {
			background:transparent;
			padding-top:1px;

		}

		#menu li a.actief,
		#menu li a:hover {
			color:#f4ca6d;
		}

			#adres {
				line-height:1.4;
				margin-top:1em;
				position:absolute;
				bottom:10px;
				left:10px;
			}

	#midden {
		width:580px;
		overflow:hidden;
		background:url(../images/middenbg.gif) no-repeat bottom left;
		height:365px;
		text-align:justify;
		font-size:12px;
	}

	html > body #midden {
		min-height:365px;
		height:auto;
	}

	body#body_index #midden {
		width:380px;
		padding-bottom:85px;
	}

	body#body_contact #midden {
		width:380px;
	}

	html > body#body_index #midden {
		min-height:280px; /*365 - 85*/
	}

		#middencontent {
			margin:10px;
			line-height:1.5;
		}

		#indexpics {
			position:absolute;
			bottom:15px;
			left:175px;
			width:365px;
		}

			#indexpics .pic {
				width:33%;
				float:left;
				text-align:center;
			}

				#indexpics .pic img{
					border:1px solid #ae8641;
					width:96px;
					height:63px;
				}

	#rechts {
		background:#6b4919;
		width:200px;
	}
		#evenementen, #openingstijden {
			background:#8c5d1e url(../images/rechtscontentbg.gif) repeat-y top right;
			margin:5px 0 5px 5px;
			padding:5px;
		}

#lichtkrant {
	margin-top:5px;
	background:#806835;
	font:12px/25px arial;
	color:#fff;
}

/**Openingstijden**/

.openingstijden_tabel
{
	width:100%;
}

.openingstijden_tabel td
{
	padding-bottom:5px;
	font-size:11px;
}

/**Evenementen**/
.mainTableAgenda img
{
	border:1px solid #ab8340;
}