html 	{
	background			: #c5e0e9 url(../img/bg_html.jpg) repeat-x center top;
}

body	{
	background			: url(../img/bg_body.jpg) no-repeat center top;
	font				: 0.75em/1.6em Arial;
}

.toegankelijkheid	{
	position			: absolute;
	left				: -999em;
}

.clear	{
	clear				: both;
}



/* --------------------------------	*/
/* clearfix						 	*/
/* --------------------------------	*/
.clearfix:after
{
	content				: "."; 
	display				: block; 
	height				: 0; 
	clear				: both; 
	visibility			: hidden;
}

	/* voor IE-mac */
	.clearfix
	{	
		display			: inline-block;	
	}

	/* onderstaande overslaan voor IE-mac \*/
	* html .clearfix 
	{ 
		height			: 1%;
	}
	
	.clearfix 	
	{ 
		display			: block;
	}
	/* einde van overslaan voor IE-mac */
	

/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#container	{
	position			: relative;
	margin				: 0 auto;
	width				: 961px;
	background			: #fff url(../img/bg_content.gif) no-repeat left 259px;
}


/* --------------------------------	*/
/* topmenu						 	*/
/* --------------------------------	*/
#topmenu	{
	height				: 37px;
	background			: url(../img/bg_topmenu.gif) repeat-y center top;
}

#topmenu ul	{
	float				: right;
	background			: url(../img/topmenu.gif) no-repeat left top;
	width				: 248px;
	height				: 37px;
	margin-right		: 13px;
}

#topmenu ul li	{
	float				: left;
	height				: 37px;
}

#topmenu ul li a	{
	height				: 37px;
	display				: block;
	text-indent			: -999em;
	overflow			: hidden;
}

#topmenu ul li a.home		{ width: 72px; }
#topmenu ul li a.contact	{ width: 91px; }
#topmenu ul li a.route		{ width: 85px; }

#topmenu ul li.actief a, #topmenu ul li a:hover	{ 
	background			: url(../img/topmenu.gif) no-repeat -37px 0; 
}

#topmenu ul li.actief a.home, #topmenu ul li a.home:hover		{ background-position: 0 -37px; }
#topmenu ul li.actief a.contact, #topmenu ul li a.contact:hover	{ background-position: -72px -37px; }
#topmenu ul li.actief a.route, #topmenu ul li a.route:hover		{ background-position: -163px -37px; }

/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	height				: 222px;
	background-image	: url(../img/teasers/sporten.jpg);
	background-repeat	: no-repeat;
	background-position	: left 46px;
}

.contact #header 		{ background-image: url(../img/teasers/contact.jpg); }
.route #header 			{ background-image: url(../img/teasers/route.jpg); }
.jeugd #header 			{ background-image: url(../img/teasers/jeugd.jpg); }
.cursussen #header 		{ background-image: url(../img/teasers/cursussen.jpg); }
.ontspanning #header 	{ background-image: url(../img/teasers/ontspanning.jpg); }
.therapie #header		{ background-image: url(../img/teasers/therapie.jpg); }
.speciaal #header 		{ background-image: url(../img/teasers/speciaal.jpg); }
.nieuws #header 		{ background-image: url(../img/teasers/nieuws.jpg); }
.lesrooster #header 	{ background-image: url(../img/teasers/lesrooster.jpg); }

#header a.logo	{
	width				: 127px;
	height				: 130px;
	position			: absolute;
	top					: 0px;
	left				: 421px;
	z-index				: 2;
}


/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu 	{
	height				: 46px;
	background			: url(../img/menu.gif) no-repeat left top;
}

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

#menu li a	{
	height				: 46px;
	display				: block;
	text-indent			: -999em;
	overflow			: hidden;
}

#menu li a.sporten		{ margin-left: 34px; width: 80px; }
#menu li a.jeugd		{ width: 89px; }
#menu li a.cursussen	{ width: 93px; }
#menu li a.ontspanning	{ width: 111px; }
#menu li a.therapie		{ margin-left: 150px; width: 90px; }
#menu li a.speciaal		{ width: 88px; }
#menu li a.nieuws		{ width: 79px; }
#menu li a.lesrooster	{ width: 114px; }

#menu li.actief a {
	background			: url(../img/menu.gif) no-repeat 0 -46px;
}

#menu li.actief a.sporten, #menu li a.sporten:hover			{ background-position: -34px -46px; }
#menu li.actief a.jeugd, #menu li a.jeugd:hover				{ background-position: -114px -46px; }
#menu li.actief a.cursussen, #menu li a.cursussen:hover		{ background-position: -203px -46px; }
#menu li.actief a.ontspanning, #menu li a.ontspanning:hover	{ background-position: -296px -46px; }
#menu li.actief a.therapie, #menu li a.therapie:hover		{ background-position: -557px -46px; }
#menu li.actief a.speciaal, #menu li a.speciaal:hover		{ background-position: -647px -46px; }
#menu li.actief a.nieuws, #menu li a.nieuws:hover			{ background-position: -735px -46px; }
#menu li.actief a.lesrooster, #menu li a.lesrooster:hover	{ background-position: -814px -46px; }

#header .slider	{
	background			: #cbe9ff;
	height				: 9px;
	overflow			: hidden;
	position			: absolute;
	top					: 37px;
	z-index				: 1;
}


/* --------------------------------	*/
/* zijbalk						 	*/
/* --------------------------------	*/
#zijbalk	{
	float				: left;
	width				: 190px;
	min-height			: 400px;
}

#zijbalk a.nieuwsbrief	{
	position			: relative;
	display				: block;
	text-indent			: -999em;
	overflow			: hidden;
	width				: 214px;
	height				: 56px;
	background			: url(../img/btn_nieuwsbrief.gif) no-repeat left top;
	margin-left			: -18px;
	margin-top			: 50px;
}

#zijbalk a.gratis_dagpas {
	position			: relative;
	display				: block;
	text-indent			: -999em;
	overflow			: hidden;
	width				: 214px;
	height				: 68px;
	background			: url(../img/btn_gratis_dagpas.gif) no-repeat left top;
	margin-left			: -18px;
}



/* --------------------------------	*/
/* zijbalk - submenu			 	*/
/* --------------------------------	*/
#zijbalk #submenu	{
	margin				: 0 0 20px 37px;
	font-family			: "Courier New", Courier, monospace;
}

#zijbalk #submenu li	{
	background			: #fff url(../img/submenu_top.gif) no-repeat left top;
	margin				: 2px 0;
}

#zijbalk #submenu li a	{
	display				: block;
	background			: url(../img/submenu_bottom.gif) no-repeat left bottom;
	font				: bold 1.2em/1.5em "Courier New", Courier, monospace;
	color				: #fff;
	text-decoration		: none;
	padding				: 0 10px 0 20px;
	height				: auto;
	zoom:1;
}

#zijbalk #submenu li a:hover	{

}

#zijbalk #submenu li ul li	{
	background			: #fff;	
	padding-left		: 15px;
	margin				: 0 !important;
}

#zijbalk #submenu li ul li a	{
	background			: #fff;
	padding				: 5px 0;
	color				: #000;
	text-decoration		: none;
	font				: bold 0.9em Arial;
}

#zijbalk #submenu li ul li a:hover	{
	text-decoration		: underline;
}



/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	float				: right;
	width				: 730px;
	font-size			: 11px;
}

#content h1	{
	margin				: 0 0 20px 0;
	font-size			: 2.3em;
	color				: #8d8c8c;
	width				: 680px;
}

/* sifr */
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

.sIFR-hasFlash #content h1 {
	visibility			: hidden;
	line-height			: normal;
	font-size			: 40px;
}


#content a 			{ color: #000; }
#content a:visited 	{ color: #999; }
#content a:hover 	{ color: #666; }

/* iwes opmaak */
#content .iwes	{
	float				: left;
}

#content .iwes blockquote	{
	margin				: 0 0 10px 30px;
}

#content .iwes ul	{
	margin				: 0 0 10px 30px;
	list-style			: square;
}

#content .iwes ol	{
	margin				: 0 0 10px 30px;
	list-style			: decimal;
}

/* formulieren */
#content .formmodule h4 {
	display				: none;
}

#content .formmodule ul {
	list-style			: none;
	margin				: 0;
}

#content input, 
#content select, 
#content textarea	{
	border				: solid 1px #006a92;
	font				: 1em Arial;
	padding				: 2px;
}

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

#content input.button 	{
	cursor				: pointer;
	background			: #006a92;
	border				: 1px solid #006a92;
	color				: #fff;
	font-weight			: bold;
	margin				: 3px 0;
}

#content input.fout, #content textarea.fout	{
	border				: 1px solid #F00;
}
#content .melding, #content label.fout	{
	color				: #F00;
}

/* --------------------------------	*/
/* nieuwsoverzicht				 	*/
/* --------------------------------	*/
#nieuwsoverzicht li	{
	border				: 1px solid #c5e0e9;
	width				: 640px;
	margin				: 5px 0;
	padding				: 10px;
}

#nieuwsoverzicht li:hover	{
	background			: #c5e0e9;
}

#nieuwsoverzicht li	p a {
	text-decoration		: none;
}

.pagina_navigatie	{
	background			: #c5e0e9;
	width				: 660px;
	border				: 1px solid #c5e0e9;
}

.pagina_navigatie li	{
	float				: left;
	padding				: 0 1px;
	margin				: 0 3px;
}

/* --------------------------------	*/
/* film							 	*/
/* --------------------------------	*/
#content #film	{
	float				: right;
	margin-right		: 50px;
}


/* --------------------------------	*/
/* googlemaps					 	*/
/* --------------------------------	*/
iframe.googlemaps	{
	border				: solid 1px #006a92;
	overflow			: hidden; 
}

#googlemaps	{
	width				: 350px;
	height				: 400px;
	background			: #eee;
	text-align			: left;
	font				: 1em Arial;
	color				: #000;
}

#googlemaps a	{
	color				: #58585A;
}


/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	{
	height				: 30px;
	background			: url(../img/footer.gif) no-repeat left top;
	padding				: 110px 0 0 54px;
	color				: white;
}

#footer	h4	{
	display				: none;
}

#footer a	{
	color				: #fff;
}

#footer address	{
	font-style			: normal;
	font-size			: 11px;
}

#amimpact	{
	background			: #c5e0e9;
	color				: #0081b1;
	font-size			: 11px;
	padding				: 4px 0 0 0;
}

#amimpact a	{
	color				: #0081b1;
}

#amimpact .copyright	{
	float				: left;
}

#amimpact .amimpact	{
	float				: right;
}

/* --------------------------------	*/
/* nieuwsbrief aan- en afmelden		*/
/* --------------------------------	*/
#content #nieuwsbriefformulier fieldset {
	margin					: 0;
	padding					: 0;
	border					: 0;
}

#content #nieuwsbriefformulier legend {
	text-indent				: -900em;
}

#content #nieuwsbriefformulier ul {
	list-style				: none;
	padding					: 0;
	margin					: 0;
}

#content #nieuwsbriefformulier li {
	margin					: 0 0 3px 0;
	clear					: both;
	height					: 30px;
}

#content #nieuwsbriefformulier li label {
	display					: block;
	width					: 80px;
	float					: left;
	padding					: 3px 0 1px 0;
}

#content #nieuwsbriefformulier li .input {
	color					: #000;
	width					: 200px;
}

#content #nieuwsbriefformulier li#extra_variabelen {
	clear					: both;
	height					: 90px;
}

#content #nieuwsbriefformulier li#extra_variabelen select {
	display					: block;
	width					: 80px;
	margin					: 10px 0 3px 80px;
}

#content #nieuwsbriefformulier li#extra_variabelen br {
	clear					: left;
}

#content #nieuwsbriefformulier li#extra_variabelen .input {
	margin					: 0 0 3px 0;
}

#content #nieuwsbriefformulier li.aan_afmelden {
	padding					: 0 0 0 80px;
}

#content #nieuwsbriefformulier li.aan_afmelden input.radio {
	border					: 0;
	width					: 17px;
}

#content #nieuwsbriefformulier li.aan_afmelden label {
	width					: 100px;
	display					: inline;
	float					: none;
}

#content #nieuwsbriefformulier li input.veldFout_nieuwsbriefformulier {
	color					: #000;
	width					: 200px;
	border					: 1px solid #F22;		
}

#content #nieuwsbriefformulier li input.multipleFout_nieuwsbriefformulier {
	border					: 0;
	width					: 17px;
}

#content #nieuwsbriefformulier li input.button {
	cursor					: pointer;
}

#nieuwsbriefformulier #melding_nieuwsbriefformulier {
	color					: #E70509;
	visibility				: visible;
	display					: block;
	font-weight				: bold;
}