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


body	{
	background			: #ffffff url(../img/bg.gif);
	margin				: 0;
	padding				: 0;
	font				: normal 0.7em/2em Tahoma, Verdana, Arial;
	color				: #535353;
	text-align			: center; /* #container centreren voor IE5 */
}

.clear	{ clear: both; line-height: 1px; height: 1px }

.toegankelijkheid	{
	display				: none;
}


/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#container	{
	position			: relative;
	background			: url(../img/site_bg.gif) repeat-y center;
	text-align			: left;
}


#site_container	{
	position			: relative;
	margin				: 0 auto;
	width				: 994px;
	background			: #fff;
}

/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header h1	{
	margin				: 0;
}

#header h1 a	{
	text-indent			: -9000px;
	overflow			: hidden;
	display				: block;
	height				: 69px;
	width				: 219px;
	background			: url(../img/logo.gif) no-repeat;
}
 
 
 
/* --------------------------------	*/
/* top	+ teaser 				 	*/
/* --------------------------------	*/ 
#top_left	{
	float				: left;
	margin				: 51px 0 0 18px;	
	padding				: 0;
	z-index				: 2000;
}

#top_left	{
	width				: 302px;
	_width				: 284px; /* fix for ie6 */
}

.homepage #top_left  { padding-left: 3px; }	


fieldset#taalkeuze	{
	border				: 0;
	padding				: 0;
	margin				: 0;
	position			: relative;
	top					: -10px;
	left				: 4px;
}

fieldset#taalkeuze legend { display: none; }

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

fieldset#taalkeuze li	{
	float				: left;
}

fieldset#taalkeuze li a	{
	display				: block;
	width				: 19px;
	height				: 15px;	
	text-indent			: -999em;
	overflow			: hidden;
}	

fieldset#taalkeuze li .vlag_en	{ background: url(../img/vlag_en.gif); }
fieldset#taalkeuze li .vlag_de	{ background: url(../img/vlag_de.gif); }
fieldset#taalkeuze li .vlag_nl	{ background: url(../img/vlag_nl.gif); }

#pageteaser	{
	float				: left;	
}


/* --------------------------------	*/
/* menu						 		*/
/* --------------------------------	*/
#menu	{
	clear				: both;
	height				: 95px;
	width				: 994px;
	background			: url(../img/bg_menu.gif) no-repeat top left;	
	line-height			: 1;
	position			: absolute;
	top					: 145px;
	z-index				: 1337;
}

.homepage #menu  { left: 3px; }	

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

#menu ul 	{
	margin-left			: 50px;
	line-height			: 1;
}

#menu ul ul 	{
	margin-left			: 0;
}

#menu li	{
	float				: left;	
	margin-top			: -1px;
	height				: 95px;
	z-index				: 1000;
}

#menu li a	{
	display				: block;
	height				: 95px;	
	text-indent			: -999em;
	overflow			: hidden;
	width				: 100%;
	z-index				: 1000;
}

#menu li a.nieuws 			{	width: 62px;	background: url(../img/menu_nieuws.gif) no-repeat; }
#menu li a.montferlandrun	{	width: 126px;	background: url(../img/menu_montferlandrun.gif) no-repeat; }
#menu li a.funrun			{	width: 67px;	background: url(../img/menu_fun_run.gif) no-repeat; }
#menu li a.jeugdloop 		{	width: 81px;	background: url(../img/menu_jeugdloop.gif) no-repeat; }
#menu li a.inschrijven		{	width: 87px;	background: url(../img/menu_inschrijven.gif) no-repeat; }
#menu li a.uitslagen		{	width: 76px;	background: url(../img/menu_uitslagen.gif) no-repeat; }
#menu li a.historie			{	width: 65px;	background: url(../img/menu_historie.gif) no-repeat; }
#menu li a.sheerenberg		{	width: 106px;	background: url(../img/menu_sheerenberg.gif) no-repeat; }
#menu li a.sponsors			{	width: 77px;	background: url(../img/menu_sponsors.gif) no-repeat; }

#menu li:hover a.nieuws, #menu li.sfhover a.nieuws, #menu li.actief a.nieuws 							{	width: 62px;	background: url(../img/menu_nieuws_actief.gif) no-repeat; }
#menu li:hover a.montferlandrun, #menu li.sfhover a.montferlandrun, #menu li.actief a.montferlandrun 	{	width: 126px;	background: url(../img/menu_montferlandrun_actief.gif) no-repeat; }
#menu li:hover a.funrun, #menu li.sfhover a.funrun, #menu li.actief a.funrun 							{	width: 67px;	background: url(../img/menu_fun_run_actief.gif) no-repeat; }
#menu li:hover a.jeugdloop, #menu li.sfhover a.jeugdloop, #menu li.actief a.jeugdloop					{	width: 81px;	background: url(../img/menu_jeugdloop_actief.gif) no-repeat; }
#menu li:hover a.inschrijven, #menu li.sfhover a.inschrijven, #menu li.actief a.inschrijven 			{	width: 87px;	background: url(../img/menu_inschrijven_actief.gif) no-repeat; }
#menu li:hover a.uitslagen, #menu li.sfhover a.uitslagen, #menu li.actief a.uitslagen  					{	width: 76px;	background: url(../img/menu_uitslagen_actief.gif) no-repeat; }
#menu li:hover a.historie, #menu li.sfhover a.historie, #menu li.actief a.historie 						{	width: 65px;	background: url(../img/menu_historie_actief.gif) no-repeat; }
#menu li:hover a.sheerenberg, #menu li.sfhover a.sheerenberg, #menu li.actief a.sheerenberg  			{	width: 106px;	background: url(../img/menu_sheerenberg_actief.gif) no-repeat; }
#menu li:hover a.sponsors, #menu li.sfhover a.sponsors , #menu li.actief a.sponsors						{	width: 77px;	background: url(../img/menu_sponsors_actief.gif) no-repeat; }

#menu li ul { /* second-level lists */
	position			: absolute;
	background			: #f57d17;
	width				: 237px;
	left				: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#menu li:hover ul, #menu li.sfhover ul { /* lists nested under hovered list items */
	left				: auto;
}

#menu li:hover  { /* lists nested under hovered list items */
	position			: static;
}

#menu ul ul
{	
	list-style			: url(../img/arrow_submenu.gif);
	background			: #f57d17 url(../img/bg_submenu.gif) no-repeat 4px 0;
	margin				: 0;
	padding				: 0;
}

#menu li li	{
	margin				: 0 0 1px 0;
	float				: none;
	background			: url(../img/bg_submenu_list.png) no-repeat left top;
	_background			: none;
	padding				: 0;
	height				: auto !important;
}

#menu ul li li a	{
	color				: white;
	font				: bold 0.8em/2em Verdana, Arial, Helvetica, sans-serif;
	text-decoration		: none;
	display				: block;
	height				: auto !important;
	width				: 156px !important;
	background			: none !important;
	text-indent			: 0;	
	text-transform		: uppercase;
	margin-left			: 66px;
	padding				: 2px 0 2px 15px;
}


#menu ul li li a:hover	{
	color				: #f57d17;
	background			: #fff url(../img/bg_submenu_a.gif) repeat-x left bottom !important;
}

#menu #home	{
	position			: absolute;
	right				: 1px;
	top					: 69px;
	z-index				: 1340;
	display				: block;
	float				: none;
}

#menu #home li, #menu #home ul, #menu #home a	{
	display				: block;
}

#menu #home a	{
	height				: 19px;
}

#menu #home .btn_home a	{
	width				: 43px;
	background			: url(../img/home.png);
	margin-right		: 9px;
}

#menu #home .btn_contact a	{
	width				: 55px;
	background			: url(../img/contact.png);
}



/* --------------------------------	*/
/* slogan						 	*/
/* --------------------------------	*/ 
h3#slogan	{
	margin				: 0 25px 0 0;
	top					: 260px;	
	right				: 0;
	position			: absolute;
	clear				: both;
	text-indent			: -900em;
	height				: 11px;
	width				: 313px;
	background			: url(../img/slogan.gif) no-repeat top right;
}



/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/ 
#content	{
	clear				: both;
	background			: url(../img/bg_content.gif) no-repeat bottom right;
	padding				: 110px 15px 20px 15px;
}

.homepage #content	{
	padding				: 64px 15px 20px 15px;
}

#content h2	{
	font				: normal 17pt/2em Arial, Helvetica, sans-serif;
	border-top			: 1px solid #b3b3d2;
	border-bottom		: 1px solid #b3b3d2;
	padding				: 10px 0;
	margin				: 0;
}

#content a	{
	color				: #f67e18;
}



/* --------------------------------	*/
/* nieuwsflits					 	*/
/* --------------------------------	*/ 
#nieuwsflits	{
	margin				: 20px 0 0 0;
	padding				: 45px 0 0 0;
	width				: 234px;
	background			: url(../img/nieuwsflits_top.gif) no-repeat left top;
	list-style			: none;
}

#nieuwsflits li	{
	margin				: 0;
	padding				: 0 20px 5px 15px;	
}

#nieuwsflits li.last	{
	padding-bottom		: 10px;
	background			: url(../img/nieuwsflits_bottom.gif) no-repeat left bottom;
}

#nieuwsflits li a	{
	display				: block;
	font-weight			: bold;
	color				: #fff;
	padding-left		: 25px;
	background			: url(../img/nieuwsflits_bullet.gif) no-repeat left 7px;
}

/* --------------------------------	*/
/* banners						 	*/
/* --------------------------------	*/ 
div#hoofdsponsors, div#stersponsors	{
	float				: left;
	color				: #8080a6;
	font				: normal 0.9em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	border				: 0;
	background			: url(../img/legend_line.gif) repeat-x left 3px;
	margin				: 20px 0 0 0;
	padding				: 0;
	position			: relative;
}

div#stersponsors	{
	margin-left			: 25px;
	width				: 535px;
}

div#hoofdsponsors	{
	width				: 400px;
}

.banners h5	{
	text-transform		: uppercase;
	margin				: 0 0 5px 0;
	padding				: 0 10px 5px 0;
	background			: #fff;
	display				: inline;
	font				: normal 1em Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.banners ul	{
	list-style			: none;
	margin				: 5px 0 0 0;
	padding				: 0;
}

.banners li {
	list-style			: none;
	margin				: 5px 0 0 0;
	padding				: 0;
	float				: left;	
}

#hoofdsponsors li	{
	width				: 133px;
}

#stersponsors li	{
	width				: 133px;
}

.banners li.last { padding-right: 0;}



/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/ 
#footer	{
	clear				: both;
	text-align			: right;
	font				: normal 0.9em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color				: #8080a6;
	padding-top			: 10px;
	position			: relative;
}

#footer a	{
	color				: #8080a6;
	text-decoration		: none;
}




/* --------------------------------	*/
/* contact formulier			 	*/
/* --------------------------------	*/
.contactform {
	font				: 1em Tahoma;
	margin				: 2em 0;
}

.contactform input, .contactform select, .contactform textarea   {
	border				: solid 1px #999;
	font				: 1.1em Tahoma;
}

.contactform input.button   {
	cursor				: pointer;
	background			: #083378;
	color				: #fff;
	font-weight			: bold;
}

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

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

.contactform legend 	{
	display				: none;
}

.contactform label 	{
	font-weight			: bold;
}

.contactform .veldFout 	{
	border				: 1px solid red;
}

.contactform #frmMelding 	{
	color				: red;
	font-weight			: bold;
	margin				: 10px 0;
}

.contactform li.postcode	{
	float				: left;
	width				: 70px;
}

.contactform li.plaats	{
	float				: left;
	width				: 230px;
}

.contactform li.telefoon	{
	clear				: both;
}




/* --------------------------------	*/
/* fotoboek						 	*/
/* --------------------------------	*/
.categorieen	{
	width				: 220px;
	float				: left;
}


.fotos	{	
	float				: left;
	width				: 75%;
	margin-left: 10px;
}


#fotoboek_categorie	{
	list-style			: none;
	margin				: 10px 0 0 0;
	padding				: 0;
	
}

#fotoboek_categorie li 	{
	padding				: 3px 3px 3px 10px;
	margin				: 0;
	border-bottom		: 2px solid #b3b3d2;
}

#fotoboek_categorie li.last	{
	border				: 0;
}

#fotoboek_categorie	a {
	font-weight			: bold;
	color				: #002D76;
	text-decoration		: none;
}

#fotoboek_categorie a:hover	{
	text-decoration		: underline;
}

.fotoboek_foto	{
	float				: left;
}

.fotoboek_foto img	{	
	border				: 2px solid #b3b3d2; 
	margin				: 5px;
}



/* --------------------------------	*/
/* googlemaps					 	*/
/* --------------------------------	*/
#googlemaps	{
	border				: solid 1px black;
	height				: 500px;
	width				: 100%;
	background			: #eee;
	text-align			: left;
	font				: 1em Trebuchet MS;
	color				: #58585A;
}

#googlemaps a	{
	color				: #58585A;
}