/* css knipper bug oplossing */
html { 
	filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
}

html, body	{
	height				: 100%;
}

body	{
	background			: #E4E3E9 url(../img/body_bg.jpg) repeat-x;
	margin				: 0;
	padding				: 0;
	font				: 0.8em Arial;
	text-align			: center; /* #container centreren voor IE5 */
}


/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#container	{
	position			: relative;
	margin				: 0 auto;
	width				: 994px;
	min-height			: 100%;
	_height				: 100%;
	text-align			: left;
	background			: #D9D8E0;
}


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{

	height				: 218px;
	background			: url(../img/header_bg.gif) repeat-x;
}

#header h1	{
	margin				: 0;
	position			: absolute;
	top					: 0;
	right				: 0;
}

#header h1 a	{
	text-indent			: -9000px;
	overflow			: hidden;
	display				: block;
	height				: 218px;
	width				: 183px;
	background			: url(../img/logo.gif) no-repeat;
}


/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu	{
	margin				: 0 0 0 58px;
	height				: 218px;
	padding				: 0;
	list-style			: none;
}

#menu li { 
	float				: left;
	height				: 218px;
}

#menu li.overons, #menu li.overons_actief				{	width: 141px; background: url(../img/menu_overons.jpg) no-repeat; }
#menu li.kermis, #menu li.kermis_actief					{	width: 154px; background: url(../img/menu_kermis.jpg) no-repeat; }
#menu li.koninginnedag, #menu li.koninginnedag_actief	{	width: 149px; background: url(../img/menu_koninginnedag.jpg) no-repeat; }
#menu li.optocht, #menu li.optocht_actief				{	width: 154px; background: url(../img/menu_optocht.jpg) no-repeat; }
#menu li.vendeliers, #menu li.vendeliers_actief			{	width: 155px; background: url(../img/menu_vendeliers.jpg) no-repeat; }

#menu li span	{
	text-indent			: -9000px;
	overflow			: hidden;
	display				: block;
	width				: 91%;
	height				: 150px;
	margin-top			: 25px;
	cursor				: pointer;
}


#menu li.overons_actief span, 
#menu li.kermis_actief span, 
#menu li.koninginnedag_actief span, 
#menu li.optocht_actief span, 
#menu li.vendeliers_actief span	{
	position			: absolute;
	top					: -25px;
	height				: 210px;
}

#menu li.overons_actief span			{	left: 38px; width: 170px; background: url(../img/menu_overons_a.jpg) no-repeat; }
#menu li.kermis_actief span			{	left: 190px; width: 170px; background: url(../img/menu_kermis_a.jpg) no-repeat; 	}
#menu li.koninginnedag_actief span		{	left: 338px; width: 170px; background: url(../img/menu_koninginnedag_a.jpg) no-repeat; 	}
#menu li.optocht_actief span			{	left: 490px; width: 179px; background: url(../img/menu_optocht_a.jpg) no-repeat; 	}
#menu li.vendeliers_actief span		{	left: 656px; width: 168px; background: url(../img/menu_vendeliers_a.jpg) no-repeat; 	}


/* submenu */
#menu li div { 
	display				: none;
	position			: absolute;
	top					: 155px !important;
	padding-bottom		: 15px;
	background			: url(../img/submenu_bottom.gif) no-repeat left bottom;
	width				: 181px;
	z-index				: 3000;
}

#menu li div.aantal_1 { 	background-image: url(../img/submenu_bottom_aantal_1.gif);	}
#menu li div.aantal_2 { 	background-image: url(../img/submenu_bottom_aantal_2.gif);	}

#menu li.overons_actief div, 
#menu li.kermis_actief div, 
#menu li.koninginnedag_actief div, 
#menu li.optocht_actief div, 
#menu li.vendeliers_actief div	{
	top					: 170px !important;
}

#menu ul { 	
	padding				: 15px 20px 5px 20px;
	margin				: 0;
	list-style			: none;
	background			: url(../img/submenu_bg.gif) no-repeat left top;
}

#menu ul li { 
	height				: auto;
	width				: 181px;
	float				: none;
	width				: auto;
}

#menu li>div {
	top					: auto;
}

#menu li:hover div, #menu li.hover div { 
	display				: block;
}

#menu ul li a	{
	padding				: 3px 0;
	text-indent			: 0 ;
	display				: block;
	width				: 141px !important;
	height				: auto !important;
	margin-top			: 0 !important;
	position			: relative !important;
	top					: 0 !important;
	left				: 0 !important;
	background			: none !important;
	font-size			: 1.05em;
	font-weight			: bold;
	color				: #ffffff;
	text-decoration		: none;
	border-bottom		: solid 1px #f7943f;
}

#menu ul li a:hover { color: #f8c5aa; }

/* --------------------------------	*/
/* main							 	*/
/* --------------------------------	*/
#main	{
	padding-bottom		: 20px;
}

#main .clear	{
	clear				: both;
}


/* --------------------------------	*/
/* foto							 	*/
/* --------------------------------	*/
#foto	{
	margin-left			: 7px;
	position			: absolute;
	top					: 201px;
	z-index				: 200;
}


/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	float				: right;
	width				: 765px;
	font				: 0.85em Tahoma;
	_height				: 150px;
	min-height			: 150px;
}

#content a	{
	color				: #9A9AC3;
}

#content h2	{
	margin				: 0;
	padding				: 6px 20px;
	width				: 725px;
	border-top			: solid 6px white;
	border-bottom		: solid 6px white;
	background			: #B3B3D5 url(../img/h2_bg.gif) repeat-y;
	color				: white;
	font-size			: 1.2em;
	clear				: right;
}

#content div.iwes	{
	padding				: 15px 20px;
	border				: solid 1px #B5B4D6;
	background			: white;
	color				: #505865;
	line-height			: 1.3em;
}

/* formulieren */
#content .button	{
	font				: 1em Tahoma;
	background			: #9A9AC3;
	color				: #ffffff;
	border				: solid 1px #B5B4D6;
	cursor				: pointer;
}

#content input, #content select, #content textarea 	{
	font				: 1em Tahoma;
	background			: #fff;
	color				: #505865;
	border				: solid 1px #B5B4D6;
}

#content .checkbox, #content .radio 	{
	border				: none;
}

/* menu */
#content ul.menu	{
	margin				: 0;
	margin				: 4px 6px 0 0;
	list-style			: none;
	height				: 1.8em;
	float				: right;
	font-weight			: bold;
}

#content ul.menu li	{
	display				: block;
	float				: left;
	padding				: 0 4px 0 0;
	color				: #747498;
}

#content ul.menu a	{
	color				: #747498;
	text-decoration		: none;
}

#content ul.menu a:hover	{
	text-decoration		: underline;
}

#content ul.menu li.actief a	{
	text-decoration		: underline;
}


/* --------------------------------	*/
/* zoeken						 	*/
/* --------------------------------	*/
/* zoekformulier */
form.zoekformulier	{
	margin				: 1em 0;
}

.zoekformulier ul	{
	margin				: 0;
	padding				: 0;
	list-style			: none;
}

.zoekformulier label	{
	display				: block;
	float				: left;
	width				: 100px;
}

.zoekformulier input.button	{
	margin-left			: 100px;
	_margin-left		: 103px;
}

/* resultaten */
.zoekresultaten h3	{
	font-size			: 1.1em;
}

.zoekresultaten dl	{
	margin				: 0;
}

.zoekresultaten dt	{
	font-weight			: bold;
	color				: #9A9AC3;
}

.zoekresultaten dd	{
	margin				: 0 0 1em 0;
}


/* --------------------------------	*/
/* contact formulier			 	*/
/* --------------------------------	*/
.contactformulier ul {
	list-style			: none;
	margin				: 0;
	padding 			: 0;
}

.contactformulier fieldset {
	border				: 0;
	margin				: 0;
	padding				: 0;
}

.contactformulier legend 	{
	display				: none;
}

.contactformulier label 	{
	font-weight			: bold;
}

.contactformulier .veldFout 	{
	border				: 1px solid red !important;
}

.contactformulier .button	{
	background-color	: #0194E4;
	color				: #fff;
	font-weight			: bold;
	padding				: 1px;
	cursor				: pointer;
	margin				: 5px 0 0 0;
}

.contactformulier .melding 	{
	color				: red;
	font-weight			: bold;
	margin				: 10px 0;
}


/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	{
	clear				: both;
	font				: 0.85em Tahoma;
}

/* banners */
#footer ul.banners	{
	margin				: 0;
	padding				: 0;
	list-style			: none;
	height				: 5.9em;
	width				: 994px;
	padding				: 10px 0;
	background			: white;
	overflow			: hidden;
}

#footer ul.banners li	{
	display				: block;
	float				: left;
	padding				: 0 0 0 1.6em;
}

#footer ul.banners li a img	{
	border				: solid 1px #b3b3d2;
}

/* menu */
#footer ul.menu	{
	margin				: 0;
	padding				: 0 0 0 13px;
	list-style			: none;
	height				: 24px;
	background			: #B2B2D4;
	font-weight			: bold;
}

#footer ul.menu li	{
	display				: block;
	float				: left;
	padding				: 5px 4px 0 0;
	background			: #D9D8E0;
	color				: #747498;
	height				: 19px;
}

#footer ul.menu li.adverteren	{ padding-left: 7px; margin-left: 346px; _margin-left: 170px;}
#footer ul.menu li.sponsoren	{ padding-right: 7px;	}

#footer ul.menu a	{
	color				: #747498;
	text-decoration		: none;
}

#footer ul.menu a:hover, #footer ul.menu a.actief	{
	text-decoration		: underline;
}

/* copyright */
#footer div.copyright	{
	text-align			: center;
	background			: url(../img/copyright_bg.gif) repeat-x;
	padding				: 30px 5px 5px 5px;
	height				: 2.5em;
	color				: #9292aa;
}

#footer div.copyright a	{
	color				: #9292aa;
	text-decoration		: none;
	display				: block;
	margin-top			: 30px;
}

#footer div.copyright a:hover	{
	text-decoration		: underline;
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding-top: 0.4em;
}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(/img/overlay.png); }

* html #overlay{
	background-color: #333;
	background-color: transparent;
	background-image: url(/img/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/overlay.png", sizingMethod="scale");
}