body
{
	margin				: 0px;
	padding				: 0px;
	background-color	: #F9EED8;
	font-family			: 'trebuchet ms', verdana;
	font-size			: 0.8em;
	color				: #000;
}
ul
{
	margin				: 0px;
	padding				: 0px;
	list-style-type		: none;
}
hr.clear
{
	visibility			: hidden;
	clear				: both;
	height				: 0px;
}

/* CONTAINER */
#container 
{ 
    width				: 835px; 
	margin 				: 0 auto;
	background-color	: #fff;
	border-left			: 1px solid #949694;
	border-right		: 1px solid #949694;	
} 

/* TOP */
#top
{
	height				: 304px;
	border-bottom		: 1px solid #ECC86A;
}
#imageright
{
	float				: right;
	height				: 180px;
}
* html #lefttop
{
	float				: left;
}
/* logo - klikbaar */
h1, h2, h3, h4, h5, h6
{
	margin				: 0px;
	display				: block;
}
#lefttop h1 a
{
	background			: #DEDBC6 url('images/background/horecatoerismevoeding.gif') no-repeat center center;
	border				: none;
	text-decoration		: none;
	height				: 95px;
	width				: 835px;
	display				: block;
}
#lefttop h1 a span
{
	visibility			: hidden;
}

/* navigatie */
#menu
{
	margin				: 1px 0px;
	background-color	: #ECC86A;
	height				: 28px;
	line-height			: 28px;
	text-align			: center;
}
#menu li
{
	display				: inline;
	border-left			: 1px solid #B56910;
	background-color	: #ECC86A;
	padding				: 0 13px;
	height				: 28px;
}
#menu li.first
{
	border				: none;
}
#menu li a
{
	text-decoration		: none;
	color				: #000000;
	height				: 28px;
}
#menu li a:hover
{
	text-decoration		: underline;
}

/*welkom */
#welkom
{
	height				: 179px;
	background			: url('images/background/welkom.png') no-repeat left center;
	padding-left		: 200px;
	line-height			: 1.3em;
}
#welkom h2
{
	height				: 60px;
	width				: 225px;
}
#welkom h2, #main h3
{
	background-position	: center center;
	background-repeat	: no-repeat;
}
#welkom h2 span, h3 span
{
	visibility			: hidden;
}
#welkom h2.welkom
{
	background-image	: url('images/background/headers/welkom.gif');
}

/* MAIN */
#main
{
	margin-top			: 1px;
	background			: url('images/background/mainleft.png') repeat-y left center;
}
#content
{
	float				: right;
	width				: 640px;
	line-height			: 1.3em;
}
#mainleft
{
	width				: 194px;
	color				: #ECC86A;
}
* html #mainleft
{
	float				: left;
}
#mainleft h3
{
	width				: 194px;
	background-color	: #CBA23D;
	border-bottom		: 1px solid #fff;
}
h3.links
{
	background			: url('') repeat-y left center;
}
#mainleft h3, #content h3
{
	height				: 24px;
}
#mainleft ul
{
	margin				: 0 0 0 5px;
	line-height			: 1.3em;
}
#mainleft ul a
{
	color				: #fff;
	text-decoration		: none;
}
#mainleft ul a:hover
{
	text-decoration		: underline;
}
#main #content h3
{
	background-color	: #ECC86A;
	background-position	: left center;
	border-bottom		: 1px solid #fff;
}
h3.home
{
}

h3.menu
{
}

h3.catering
{
}

h3.reserveren
{
}

h3.contact
{
}

h3.zalen
{
}

h3.logies
{
}

h3.presentatie
{
}

h3.gastenboek
{
}
/* FOOTER */
#footer
{
	height				: 37px;
	margin-top			: -13px;
}
* html #footer
{
	margin				: 0px;
}
#submenu
{
	float				: right;
	width				: 641px;
	text-align			: center;
	background-color	: #DCB659;
	height				: 37px;
	line-height			: 37px;
}
#submenu li
{
	display				: inline;
	padding				: 0 10px;
}
#submenu li.first
{
	background-image	: none;
}
#submenu li a
{
	text-decoration		: none;
	color				: #000;
}
#submenu li a:hover
{
	text-decoration		: underline;
}
#copyright
{
	width				: 194px;
	color				: #fff;
	background-color	: #CBA23D;
	height				: 37px;
	text-align			: center;
}
* html #copyright
{
	float				: left;
}

/* nieuws */
#content h4
{
	font-size			: 1em;
}
#content p img.left
{
	float				: left;
	padding				: 0 5px 2px 0;
}
#content p.details, #content p
{
	margin-top			: 0px;
}
#content p.details
{
	clear				: both;
	text-align			: right;
	padding-right		: 5px;
	border-top			: 1px solid #944900;
}


/* formulieren */
form.form {
	margin-top			: 10px;
	margin-bottom		: 10px;
	width				: 310px;
}
fieldset {
	border				: 2px solid #f90;
}
legend {
	font				: bold 140%/1.6 Arial,sans-serif;
	color				: #34618A;
	background-color	: inherit;
}
fieldset label {
	float				: left;
	display				: inline;
	width				: 100px;
    line-height			: 16px;
	margin				: 3px 10px;
	text-align			: center;
	background-color	: #34618A;
	cursor				: pointer;
	font-size			: 0.9em;
	color				: #fff;
}
fieldset input, fieldset textarea, fieldset select {
	margin				: 3px 0 8px;
	padding-left		: 1px;
	border-style		: solid;
	border-color		: #669 #7ad #7ad #669;
    border-width		: 2px 1px 1px 2px;
	width				: 160px;
	font-family			: verdana, arial, sans-serif;
	font-size			: 0.9em;
	color				: #444;
}
fieldset option
{
	font-family			: verdana;
	font-size			: 0.9em;
	color				: #444;
	background-color	: inherit;
}
* html fieldset input, * html fieldset textarea, * html fieldset option, fieldset input:focus, fieldset textarea:focus, fieldset select:focus, fieldset select:focus option {
	border-color		: #669 #eee #eee #669;
    border-width		: 1px 2px 2px 1px;
	color				: #000;
	background-color	: inherit;
}
fieldset input {
	height				: 15px;
}
fieldset  br {
	clear				: left;
}
fieldset input#go {
	font				: 90% arial, sans-serif;
	margin				: 10px 0 0 130px;
	border-style		: solid;
	border-color		: #fff #333 #333 #fff;
    border-width		: 1px 2px 2px 1px;
	background-color	: #ccc;
	width				: auto;
	height				: auto;
}
fieldset input#go:focus 
{
	border-color		: #fff #333 #333 #fff;
    border-width		: 2px 1px 1px 2px;
}

/* navigatie */
p.navigatie {
	color				: #eee;
	background-color	: #999;
	font-size			: 7pt;
	font-weight			: bold;
	text-align			: center;
	margin-bottom		: 5px;
}
#tekst p.navigatie a:link, #tekst p.navigatie a:visited, #tekst p.navigatie a:active    { color: #eee; text-decoration:none; }
#tekst p.navigatie a:hover   { color: #f90; text-decoration: none; }
#tekst p.navigatie span.selected { color: #f90; }