/* By www.zerogravity.nl */
/* This stylesheet sets advanced styling and layout (positioning, floating etcetera) for high resolution screens. */
/* It will be used by CSS-capable user agents that understand the mediatype "screen". */

/* some useful hacks:

Show only to IE/MAC:
*>html body element {}

Show only to IE/WIN/MAC
* html element {}

Show to modern browsers like Opera, Safari, Mozilla and Firefox, but also IE/MAC
html>body element {}
}

When an element visually disappears in IE/WIN, try to apply position: relative to the element, or apply a width or height to the element.
When unwanted white space is visible in IE/WIN, try to set a height of 1px for that element using a hack that only feeds to IE/WIN.

*/

/* Cream/White:	#f1f1e7  */
/* Dark Red:	#771820	*/
/* Dark Gray:	#35352f */

html, body {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background: #f1f1e7 url(../img/background.gif) repeat-x top;
}

a {
	color: #35352f;
}


.skip {
	display: none;
}

span {
	display: none;
}


#wrapper {
	width: 800px;
	min-height: 100%;
	position: relative;
	margin: 0 auto;
	background: url(../img/faux_columns.gif) repeat-y top left;
}

/* emulate min-height for ie */
* html #wrapper {
	height: 100%;
}

/* #logo */

#logo {
	width: 800px;
	height: 55px;
	position: absolute;
	background: url(../img/logo_background.gif) no-repeat top left;
}

#logo a {
	display: block;
	width: 198px;
	height: 92px;
	position: absolute;
	top: 15px;
	left: 0;
	background: url(../img/logo.gif) no-repeat top left;
}

#logo a img {
	display: none;
}

/* #content */

#horizontal{
	position: absolute;
	top: 343px;
	left: 0;
	width: 800px;
	height: 14px;
	background: url(../img/horizontalbar.gif) no-repeat top left;
}

#leftcolumn {
	position: absolute;
	width: 200px;
	top: 358px;
	left: 0px;
	min-height: 400px;
	background: url(../img/left_column_background.gif) no-repeat top left;
}

#leftcolumn img{
	margin-bottom: 1em;
	margin-left: 1em;
}

#content {
	position: absolute;
	width: 450px;
	top: 358px;
	left: 200px;
	color:;

}

#rightcolumn {
	position: absolute;
	width: 154px;
	top: 358px;
	left: 646px;
	min-height: 400px;
	background: url(../img/right_column_background.gif) no-repeat top left;
}

#rightcolumn p {
	text-align: center;
	margin: 0;

}

#content_frame {
	position: relative;
	top:;
}


#content_wrapper {
	margin:;
	padding:;
}

/* header*/

#header {
	position: absolute;
	left: 198px;
	top: 55px;
	width: 602px;
	height: 288px;
	background: #771820 url(../img/foto_cafe1.jpg) no-repeat top left;
}

/* #menu */

#menu {
	position: absolute;
	top: 107px;
	left: 0;
	width: 198px;
	height: 236px;
	min-height: 237px;
	background: url(../img/menu_background.gif) no-repeat top left;
	padding-top: 19px;
}
#menu a {
	text-align: center;
	text-decoration: none;
	display: block;
	width: 197px;
	height: 31px;
}

#menu a:hover {
	color: black;
}

#menu li.selected a {
	color: #FF9600;
}

#menu a span {
	display: none;
}

#menu li {
	float: left;
	display: block;
	width: 197px;
	height: 31px;
}

#menu li#mi_agenda,
#menu li#mi_agenda a {
	background-image: url(../img/menu_agenda.gif);
}
#menu li#mi_restaurant,
#menu li#mi_restaurant a {
	background-image: url(../img/menu_restaurant.gif);
}
#menu li#mi_cafe,
#menu li#mi_cafe a {
	background-image: url(../img/menu_cafe.gif);
}
#menu li#mi_zaalverhuur,
#menu li#mi_zaalverhuur a {
	background-image: url(../img/menu_zaalverhuur.gif);
}
#menu li#mi_tuin,
#menu li#mi_tuin a {
	background-image: url(../img/menu_tuin.gif);
}
#menu li#mi_informatie,
#menu li#mi_informatie a {
	background-image: url(../img/menu_informatie.gif);
}

#menu li#mi_agenda a:hover {
	background-image: url(../img/hover_agenda.gif);
}
#menu li#mi_restaurant a:hover {
	background-image: url(../img/hover_restaurant.gif);
}
#menu li#mi_cafe a:hover {
	background-image: url(../img/hover_cafe.gif);
}
#menu li#mi_zaalverhuur a:hover {
	background-image: url(../img/hover_zaalverhuur.gif);
}
#menu li#mi_tuin a:hover {
	background-image: url(../img/hover_tuin.gif);
}
#menu li#mi_informatie a:hover {
	background-image: url(../img/hover_informatie.gif);
}

#menu li#mi_cafe.active,
#menu li#mi_cafe.active a {
	background-image: url(../img/hover_cafe.gif);
}
#menu li#mi_restaurant.active,
#menu li#mi_restaurant.active a {
	background-image: url(../img/hover_restaurant.gif);
}
#menu li#mi_agenda.active,
#menu li#mi_agenda.active a {
	background-image: url(../img/hover_agenda.gif);
}
#menu li#mi_informatie.active,
#menu li#mi_informatie.active a {
	background-image: url(../img/hover_informatie.gif);
}
#menu li#mi_tuin.active,
#menu li#mi_tuin.active a {
	background-image: url(../img/hover_tuin.gif);
}
#menu li#mi_zaalverhuur.active,
#menu li#mi_zaalverhuur.active a {
	background-image: url(../img/hover_zaalverhuur.gif);
}
/* emulate min-height for ie */
* html #menu {
	height: ;
}

#menu h2 {
	display:;
}

#menu ul,
#menu ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu ul li a {
	display: block;
}

/* fix ie/win whitespacebug */
* html #menu ul li a {
	height: 1px;
}

/* undo fix ie/win whitespacebug for ie/mac */
*>html #menu ul li a {
	height: auto;
}


/* #visual */
#visual {
}


#page_cafe1 #header {
	background: #771820 url(../img/foto_cafe1.jpg) no-repeat top left;
}
#page_cafe2 #header {
	background: #771820 url(../img/foto_cafe2.jpg) no-repeat top left;
}
#page_cafe3 #header {
	background: #771820 url(../img/foto_cafe3.jpg) no-repeat top left;
}
#page_restaurant1 #header {
	background: #771820 url(../img/foto_rest2.jpg) no-repeat top left;
}
#page_restaurant2 #header {
	background: #771820 url(../img/foto_rest1.jpg) no-repeat top left;
}
#page_tuin1 #header {
	background: #771820 url(../img/foto_tuin1.jpg) no-repeat top left;
}
#page_tuin2 #header {
	background: #771820 url(../img/foto_tuin2.jpg) no-repeat top left;
}
#page_tuin3 #header {
	background: #771820 url(../img/foto_tuin3.jpg) no-repeat top left;
}
#page_agenda2 #header {
	background: #771820 url(../img/foto_herberg2.jpg) no-repeat top left;
}
#page_agenda3 #header {
	background: #771820 url(../img/foto_herberg3.jpg) no-repeat top left;
}
#page_agenda1 #header {
	background: #771820 url(../img/foto_herberg1.jpg) no-repeat top left;
}
#page_informatie1 #header {
	background: #771820 url(../img/foto_informatie1.jpg) no-repeat top left;
}
#page_informatie2 #header {
	background: #771820 url(../img/foto_herberg1.jpg) no-repeat top left;
}

/* #address */

#address {
	position: absolute;

}


/* tables */

#agenda{
	width: 420px;
	font-size: 90%;
	margin-left: 1em;
	border:none;
}

td{
	height: 10px;
}

td.date {
	background-color: #771820;
	color: #f1f1e7;
	font-weight: bold;
	padding-left: 1em;
	width: 120px;
	border-right: 1px solid #f1f1e7;
}
td.omschrijving {
	background-color: #771820;
	color: #f1f1e7;
	font-weight: bold;
	padding-left: 1em;
	width: 300px;
}

td.even{
	background-color: #dfdfd1;
	padding-left: 1em;
}

td.odd{
	border-right: 1px solid #dfdfd1;	
	padding-left: 1em;
	
}