@import "jquery.datepick.css";
@import "jquery.fancybox.css";

html {
	height				: 100%; 
	background			: #FF9700 url(../img/html_bg.png) repeat-x left top;
}

body	{
	min-height			: 100%;
	font				: 0.75em/1.6em Verdana, Geneva, sans-serif;
	background			: url(../img/body_bg.jpg) no-repeat center top;
}

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

.clear	{
	clear				: both;
}



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

	/* 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;
	width				: 994px;
	margin				: 0 auto;
}


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	position			: relative;
	padding				: 1px 0 10px 0;
}

#header p.slogan	{
	position			: absolute;
	top					: 51px;
	right				: 10px;
	text-indent			: -900em;
	overflow			: hidden;
	background			: url(../img/header_slogan.png) no-repeat left top;
	width				: 468px;
	height				: 27px;
}

#header div.banner	{
	float				: left;
	border				: solid 5px #fff;
	background			: #fff;
	width				: 240px;
	height				: 195px;
	margin-right		: 10px;
}

#header div.inschrijven	{
	float				: left;
	position			: relative;
	border				: solid 5px #fff;
	width				: 715px;
	height				: 195px;
	overflow			: hidden;
}

#header div.inschrijven a	{
	display				: block;
	position			: absolute;
	right				: -8px;
	top					: -8px;
	width				: 200px;
	height				: 200px;
	background			: url(../img/header_inschrijven.gif) no-repeat -5px -16px;
	text-indent			: -900em;
	overflow			: hidden;
	z-index				: 10;
}

#header div.inschrijven ul li	{
	position			: absolute;
	left				: 0;
	top					: 0;
}


/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu	{
	height				: 37px;
	padding				: 2px 0;
	position			: relative;
	z-index				: 10;
}

#menu li {
	float				: left;
	position			: relative;
	margin-right		: 25px;
	padding				: 3px 0 1px 0;
}

#menu li.last-child	{
	margin-right		: 0;
}

#menu li a {
	float				: left;
	height				: 17px;
	padding				: 0 11px;
	text-indent			: -900em;
	overflow			: hidden;
	background			: url(../img/menu_items.png) no-repeat;
}

#menu li a.home 			{ width: 46px; background-position: 11px 0; }
#menu li a.info 			{ width: 30px; background-position: -62px 0; }
#menu li a.agenda 			{ width: 59px; background-position: -119px 0; }
#menu li a.inschrijven 		{ width: 84px; background-position: -204px 0; }
#menu li a.kadobon 			{ width: 69px; background-position: -315px 0; }
#menu li a.succesverhalen 	{ width: 120px; background-position: -411px 0; }
#menu li a.locaties 		{ width: 62px; background-position: -558px 0; }
#menu li a.zakelijk 		{ width: 60px; background-position: -646px 0; }
#menu li a.contact 			{ width: 60px; background-position: -731px 0; }

#menu li.open	{	
	background			: #fff;	
}

#menu li.actief	{	
	padding-bottom		: 9px; 
	background			: url(../img/menu_actief_bg.png) no-repeat center bottom;	
}

#menu li.open a.home, #menu li.actief a.home 						{ background-position: 11px -17px; }
#menu li.open a.info, #menu li.actief a.info 						{ background-position: -62px -17px; }
#menu li.open a.agenda, #menu li.actief a.agenda 					{ background-position: -119px -17px; }
#menu li.open a.inschrijven, #menu li.actief a.inschrijven 			{ background-position: -204px -17px; }
#menu li.open a.kadobon, #menu li.actief a.kadobon 					{ background-position: -315px -17px; }
#menu li.open a.succesverhalen, #menu li.actief a.succesverhalen 	{ background-position: -411px -17px; }
#menu li.open a.locaties, #menu li.actief a.locaties 				{ background-position: -558px -17px; }
#menu li.open a.zakelijk, #menu li.actief a.zakelijk 				{ background-position: -646px -17px; }
#menu li.open a.contact, #menu li.actief a.contact 					{ background-position: -731px -17px; }


/* submenu */
#menu li ul {
	display				: none;
	position			: absolute;
	left				: 0;
	top					: 28px;
	width				: 186px;
	background			: #fff;
	border				: solid 5px #fff;
	font-size			: 0.9em;
	box-shadow			: 0 0 20px #888;
	-moz-box-shadow		: 0 0 20px #888;
	-webkit-box-shadow	: 0 0 20px #888;
}

#menu li li {
	width				: 186px;
	margin				: 0;
	padding				: 0;
}

#menu li li a {
	width				: 166px;
	height				: auto;
	padding				: 1px 10px;
	text-indent			: 0;
	overflow			: visible;
	background			: none;
	text-decoration		: none;
	color				: #520A8A;
}

#menu li li.actief	{
	padding				: 0;
	background			: none;
}

#menu li li a:hover,
#menu li li.actief a	{
	background			: #520A8A;
	color				: #fff;
}


/* --------------------------------	*/
/* main							 	*/
/* --------------------------------	*/
#main	{
}


/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	float				: left;
	width				: 736px;
}

#content h1	{
	padding				: 4px 16px 0 16px;
	margin-bottom		: 10px;
	font-size			: 2.35em;
	line-height			: normal;
	border				: solid 5px #fff;
	background			: #520A8A;
	color				: #fff;
}

#content a 	{ 
	color				: #520A8A; 
}

#content .inhoud	{
	border-top			: solid 5px #fff;
	background			: #fff url(../img/content_bg.png) no-repeat left bottom;
	padding				: 0 5px 30px 5px;
}

/* iwes opmaak */
#content .iwes a:visited 	{ color: #999; }
#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 {
	margin				: 0;
	list-style			: none;
}

#content .formmodule input.button {
	margin-top			: 10px
}

#content label	{
	cursor				: pointer;
}

#content input, 
#content select, 
#content textarea	{
	padding				: 2px;
	border				: solid 1px #999;
	font				: 1em Verdana;
}

#content textarea	{
	overflow			: auto;
}

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

#content input.button 	{
	padding				: 3px 15px;
	font-weight			: bold;
	border				: none;
	color				: #fff;
	background			: #500989;
	cursor				: pointer;
}

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

/* Pagina navigatie */
#content .paginanavigatie	{
	padding				: 10px;
}

#content .paginanavigatie h4	{
	display				: inline;
	font-weight			: bold;
}

#content .paginanavigatie ul	{
	display				: inline;
}

#content .paginanavigatie ul li	{
	display				: inline;
	margin				: 0;
	padding				: 0 5px 0 0;
	font-weight			: bold;
}

#content .paginanavigatie ul li.navigatie_huidige_pagina	{
	margin				: 0 5px 0 0;
	padding				: 2px 5px;
	color				: #FFF;
	background			: #510989;
}

#content .paginanavigatie ul li a	{
	padding				: 1px 4px;
	background			: #fff;
	color				: #510989;
	text-decoration		: none;
	border				: solid 1px #510989;	
}

#content .paginanavigatie ul li.actief a, 
#content .paginanavigatie ul li a:hover	{
	color				: #FFF;
	background			: #510989;
}


/* --------------------------------	*/
/* zijbalk						 	*/
/* --------------------------------	*/
#zijbalk	{
	float				: left;
	width				: 239px;
	margin-left			: 10px;
}

#zijbalk a 			{ color: #520A8A; }

/* nieuwsbrief */
#zijbalk .nieuwsbrief	{
	margin-bottom		: 10px;
}

#zijbalk .nieuwsbrief h3 a	{
	width				: 239px;
	height				: 96px;
	display				: block;
	text-indent			: -900em;
	overflow			: hidden;
	background			: url(../img/nieuwsbrief_bg.gif) no-repeat left top;
}

#zijbalk .nieuwsbrief form	{
	padding				: 10px 13px;
	width				: 213px;
	background			: url(../img/nieuwsbrief_bg.gif) no-repeat right bottom;
	color				: #fff;
	font-size			: 0.9em;
	line-height			: 1.2em;
	display				: none;
}

#zijbalk .nieuwsbrief form p	{
	margin-bottom		: 10px;
}

#zijbalk .nieuwsbrief form ul li	{
	margin-bottom		: 2px;
}

#zijbalk .nieuwsbrief form label {
	width				: 75px;
	float				: left;
	display				: block;
}

#zijbalk .nieuwsbrief form input,
#zijbalk .nieuwsbrief form select {
	width				: 120px;
	border				: none;
	font				: 1em Verdana, Geneva, sans-serif
}

#zijbalk .nieuwsbrief form select	{
	width				: auto;
}

#zijbalk .nieuwsbrief form input.button {
	color				: #fff;
	background			: #500989;
	cursor				: pointer;
	width				: auto;
	border				: solid 1px #fff;
	font				: bold 1em Verdana, Geneva, sans-serif
}

/* contact */
#zijbalk .contact	{
	margin-bottom		: 10px;
	border				: solid 5px #fff;
	background			: #fff url(../img/verloop_bg.gif) repeat-x left bottom;
}

#zijbalk .contact h3	{
	background			: #500989;
	padding				: 7px 0 6px 7px;
	color				: #fff;
	font-size			: 1.45em;
}

#zijbalk .contact strong,
#zijbalk .contact a { 
	font-weight			: bold;
	color				: #520A8A; 
	text-decoration		: none;
}

#zijbalk .contact dl	{
	padding				: 12px 7px 5px 7px;
}

#zijbalk .contact dl dt	{
	float				: left;
	width				: 20px;
	font-weight			: bold;
}

#zijbalk .contact dl dd	{
	margin-left			: 20px;
	padding-bottom		: 5px;
}

/* evenementen */
#zijbalk .evenementen	{
	margin-bottom		: 10px;
	border				: solid 5px #fff;
	background			: #fff url(../img/verloop_bg.gif) repeat-x left bottom;
}

#zijbalk .evenementen h3	{
	background			: #500989;
	padding				: 7px 0 6px 7px;
	color				: #fff;
	font-size			: 1.45em;
}

#zijbalk .evenementen li	{
	padding				: 7px;
	overflow			: hidden;
	border-bottom		: solid 1px #fff;
}

#zijbalk .evenementen li strong	{
	color				: #520A8A; 
	display				: block;
}

#zijbalk .evenementen li .datum	{
	float				: left;
	width				: 70px;
}

#zijbalk .evenementen li .info	{
	margin				: 0 0 5px 75px;
}

#zijbalk .evenementen li a	{
	clear				: both;
	float				: right;
	display				: block;
	background			: url(../img/button_bg.png) no-repeat right -21px;
	color				: #fff;
	font-weight			: bold;
	text-decoration		: none;
	height				: 24px;
	line-height			: 24px;
	padding				: 0 15px 0 10px;
	font-family			: Arial, Helvetica, sans-serif;
}

#zijbalk .evenementen li a:hover	{
	background-position	: right bottom;
}


/* --------------------------------	*/
/* formulieren opmaak			 	*/
/* --------------------------------	*/
form#formulier	{
	padding				: 5px;
}

#formulier p	{
	margin-bottom		: 7px;
}

#formulier p.fout, #formulier ul.fout, .error {
	color				: #c00;
	font-weight			: bold;
}

#formulier p.verplichte_velden	{
	text-align			: right;
}

#formulier fieldset	{
	border				: solid 1px #51088B;
	padding				: 10px 15px;
	margin-bottom		: 15px;
}

#formulier fieldset legend	{
	border				: solid 1px #51088B;
	background			: #FC9700;
	color				: #FFF;
	font-weight			: bold;
	padding				: 2px 10px;
}

#formulier li	{
	overflow			: hidden;
	margin-bottom		: 3px;
}

#formulier li div.label,
#formulier li div.label_optie { 
	float				: left; 
	width				: 180px;
}

#formulier li div.veld,
#formulier li div.veld_optie	{ 
	margin-left			: 185px;
}

#formulier li div.label_optie	{ 	width: 25px;	}
#formulier li div.veld_optie	{ 	margin-left: 30px;	}


#formulier p.buttons input.button	{ 
	padding				: 8px 20px;
}

#formulier p.buttons input.terug	{
	background			: #999;
}


/* --------------------------------	*/
/* overzicht					 	*/
/* --------------------------------	*/
ul#overzicht	{
}

#overzicht li	{
	overflow			: hidden;
	padding				: 5px 10px;
	background			: #510989;
	color				: #fff;
}

#overzicht li img	{
	float				: left;
	border				: solid 1px #fff;
}

#overzicht li .info	{
	float				: right;
	width				: 525px;
	padding				: 10px 20px 0 0;
}

#overzicht li .info h2	{
	font-size			: 1.6em;
	margin-bottom		: 5px;
}

#overzicht li .info a	{
	text-decoration		: none;
	color				: #fff;
}

#overzicht li .info p.lees_meer	{
	text-align			: right;
	font-weight			: bold;
	padding-top			: 10px;
	margin				: 0;
}

#overzicht li.oneven			{	color: #000; background: #fff; }
#overzicht li.oneven .info a	{	color: #510989;	}
#overzicht li.oneven img		{	border-color: #510989;	}


/* --------------------------------	*/
/* iwes pagina					 	*/
/* --------------------------------	*/
#iwes	{
	padding				: 10px 15px;
}


/* --------------------------------	*/
/* agenda						 	*/
/* --------------------------------	*/
#agenda	{
	margin-bottom		: 30px;
}

#agenda form	{
	padding				: 7px 0;
	background			: #E3E3E3;
	border-bottom		: solid 5px #fff;
	overflow			: hidden;
}

#agenda form select,
#agenda form input	{
	font-size			: 0.9em;
}

#agenda form p	{
	float				: left;
	padding				: 0 15px 5px 15px;
	margin				: 0;
}

#agenda form p.periode	{
	clear				: left;
	width				: 280px;
}

#agenda form p.periode,
#agenda form p.button	{
	padding-bottom		: 0;
}

#agenda p.geen	{
	padding				: 10px 15px;
	font-weight			: bold;
}

#agenda table	{
	width				: 100%;
}

#agenda table tbody.even tr td,
#agenda table tbody.even tr th {	background-color: #E6DAEE;	}
#agenda table tbody.oneven tr td,
#agenda table tbody.oneven tr th {	background-color: #fff;	}

#agenda table tbody.even tr.hover td 	{	background-color: #E3D1EF;	}
#agenda table tbody.oneven tr.hover td 	{	background-color: #FAF7FB;	}

#agenda table th	{	
	text-align			: left;
	font-size			: 1.75em;
	padding				: 10px 10px 0 15px;
}

#agenda table th.locatie	{	
	text-align			: left;
	font-size			: 1.75em;
	padding				: 10px 15px 0 0;
}

#agenda table th a	{	
	text-decoration		: none;
}

#agenda table th a span.stad	{ color: #510989; }
#agenda table th a span.locatie	{ color: #FF9700; }

#agenda table td	{	
	vertical-align		: top;
	padding				: 7px 0;
	border-bottom		: solid 1px #fff;
	color				: #520A8A;
	line-height			: 1.4em;
}

#agenda table tbody.oneven td	{	
	border-bottom		: solid 1px #E5D9ED;
}

#agenda table td.datum	{
	padding-left		: 15px;
	width				: 85px;
	color				: #000;
}

#agenda table td.datum strong	{
	color				: #520A8A;
}

#agenda table td.leeftijdscategorie	{
	padding-right		: 15px;
	width				: 250px;
}

#agenda table td.mannen, 
#agenda table td.vrouwen {
	padding-left		: 30px;
	width				: 100px;
	font-size			: 0.9em;
}

#agenda table td.mannen		{ background: url(../img/man.gif) no-repeat left;	}
#agenda table td.vrouwen	{ background: url(../img/vrouw.gif) no-repeat left;	}

#agenda table td.inschrijven	{
	padding-right		: 15px;
}

#agenda table td.inschrijven a	{
	display				: block;
	background			: url(../img/button_bg.png) no-repeat right -21px;
	color				: #fff;
	font-weight			: bold;
	text-decoration		: none;
	height				: 24px;
	line-height			: 24px;
	padding				: 0 15px 0 10px;
	font-family			: Arial, Helvetica, sans-serif;
}

#agenda table td.inschrijven a:hover	{
	background-position	: right bottom;
}


#agenda table tbody.oneven td.mededeling,
#agenda table tbody.even td.mededeling{
	background			: #ff9701 url(../img/agenda_mededeling.gif) no-repeat left top !important;
	padding				: 4px 40px;
	border-bottom		: solid 10px #fff;
	border-top			: solid 2px #fff;
}

#agenda table tbody.even td.mededeling 	{
	border-bottom		: solid 10px #E6DAEE;
	border-top			: solid 2px #E6DAEE;
}


/* --------------------------------	*/
/* inschrijven					 	*/
/* --------------------------------	*/
#inschrijven fieldset.extra_persoonlijke_gegevens,
#inschrijven fieldset.extra_adres_gegevens,
#inschrijven fieldset.extra_betaling	{
	margin-left			: 50px;
}


/* --------------------------------	*/
/* betalen						 	*/
/* --------------------------------	*/
#betalen .deelnemer,
#betalen .evenement	{
	float				: left;
	width				: 31%;
	padding				: 10px 0 10px 12px;
}

#betalen .evenement	{
	float				: right;
}

#betalen .deelnemer p,
#betalen .evenement	p {
	margin-bottom		: 15px;
}

#betalen form	{
	clear				: both;
}

#betalen form li {
	margin-bottom		: 10px;
}

#betalen form li li {
	margin-bottom		: 2px;
}


/* --------------------------------	*/
/* succesverhalen				 	*/
/* --------------------------------	*/
#succesverhalen #overzicht li.even .info 	{	background: url(../img/succesverhalen_quotes.gif) no-repeat 0 35px;	}
#succesverhalen #overzicht li.oneven .info 	{	background: url(../img/succesverhalen_quotes.gif) no-repeat -1200px 35px;	}

#succesverhalen #overzicht li .info blockquote	{
	padding				: 0 32px;
}

#succesverhalen #overzicht li.even .info blockquote 	{	background: url(../img/succesverhalen_quotes.gif) no-repeat -100px bottom;	}
#succesverhalen #overzicht li.oneven .info blockquote 	{	background: url(../img/succesverhalen_quotes.gif) no-repeat -1300px bottom;	}


/* --------------------------------	*/
/* locaties						 	*/
/* --------------------------------	*/
#locaties #overzicht h2 span.locatie 	{	
	display				: block; 
	color				: #ff9701;	
}


/* --------------------------------	*/
/* locatie						 	*/
/* --------------------------------	*/
#locatie .gegevens,
#locatie .fotoboek,
#locatie .googlemaps {	
	float				: left;
}

#locatie .gegevens	{
	padding				: 10px 15px;
	width				: 212px;
}

#locatie .gegevens p	{
	margin-bottom		: 15px;
}

#locatie .fotoboek	{
	width				: 237px;
	line-height			: normal;
}

#locatie .fotoboek li	{
	float				: left;
	margin-bottom		: 3px;
}

#locatie .fotoboek li.even		{	float: left;	}
#locatie .fotoboek li.oneven	{	float: right;	}

#locatie .fotoboek li img	{
	border				: solid 1px #520A8A;
}

#locatie .googlemaps {	
	float				: right;
	width				: 240px;
}

#locatie .googlemaps div.map {	
	height				: 300px;
	overflow			: hidden;
	background			: #ccc;
	font-size			: 0.9em;
	border				: solid 1px #520A8A;
}

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

#googlemaps	{
	width				: 795px;
	height				: 500px;
	font				: 1em Trebuchet MS;
	text-align			: left;
	color				: #000;
	background			: #eee;
}

#googlemaps a	{
	color				: #58585A;
}


/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	{
	clear				: both;
	overflow			: hidden;
	padding				: 10px 10px 10px 5px;
	font-size			: 0.9em;
	color				: #7F4A00;
}

#footer a	{
	color				: #7F4A00;
	text-decoration		: none;
}

#footer .copyright {
	float				: left;
}

#footer .webdesign {
	float				: right;
}