/* ------------------------------------------------------------------------------------------------------------- */
/* -- COPYRIGHT 2006 TWEEPIXELS.NL ----------------------------------------------------------------------------- */
/* -- ALLE RECHTEN VOORBEHOUDEN -------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------------------------------- */
/* -- BASISELEMENTEN ------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */

	html, body {
		width:auto;
		height:100%;
		background:#EBEBEB url(../images/bg.png) repeat top left;
		margin:0 auto;
		padding:0;
		font: 10px/12px verdana; 
		color:#333333;
		line-height:15px;
	}
		
	#verloop {
		background:url(../images/verloop.png) repeat-x top left;
		width:100%;
		height:100%;
		margin:0 auto;
		padding:0;
	}
	
	#container {
		width:762px;
		height:auto;
		background:url(../images/mainbg.png); 
	}

	#subcontainer {
		width:750px;
		height:100%;
		margin:0 auto;
		display:table;
		text-align:left;
		position:relative;
	}

	a:link, a:visited {
		color:#333333;
		text-decoration:underline;
	}
	
	a:hover {
		color:#333333;
		text-decoration:none;
	}

	form {
		margin:0 auto;
		padding:0;
	}

	input.formButtons {
		margin:0 auto;
		width:auto;
		height:20px;
		border-top:1px solid #FFFFFF;
		border-right:1px solid #666666;
		border-bottom:1px solid #666666;
		border-left:1px solid #FFFFFF;
		background:#CCCCCC;
		font:10px Verdana, Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		color:#000000;
	}

	input.formButtons:hover {
		margin:0 auto;
		width:auto;
		height:20px;
		border-top:1px solid #FFFFFF;
		border-right:1px solid #333333;
		border-bottom:1px solid #333333;
		border-left:1px solid #FFFFFF;
		background:#999999;
		font:10px Verdana, Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		color:#FFFFFF;
	}

	input.formFields {
		margin:0 auto;
		padding:3px;
		width:auto;
		height:auto;
		border:1px solid #666666;
		background:#FFFFFF;
		font:10px Verdana, Arial, Helvetica, sans-serif;
		color:#000000;
	}
	
	textarea {
		margin:0 auto;
		padding:3px;
		width:auto;
		height:auto;
		border:1px solid #666666;
		background:#FFFFFF;
		font:10px Verdana, Arial, Helvetica, sans-serif;
		color:#000000;
	}

	select {
		margin:0 auto;
		padding:3px;
		width:auto;
		height:auto;
		border:1px solid #666666;
		background:#FFFFFF;
		font:10px Verdana, Arial, Helvetica, sans-serif;
		color:#000000;
	}

	img { border:1px solid #000000; }
	
	ul { padding-left:20px; margin-left:0px; }
	li { margin:0; padding:0; list-style-position:outside; }
	
/* ------------------------------------------------------------------------------------------------------------- */
/* -- NAVIGATIE ------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------- */

	#navigatie {
		width:750px;
		height:121px;
		background:#FFFFFF;
	}

	ul#navlist {
		margin: 0;
		padding: 0;
	}

	#navlist li {
		display: inline;
		list-style-type: none;
	}
		
	#navlist a.home:link, #navlist a.home:visited {
		width:107px;
		height:121px;
		display:block;
		float:left;
		background:url(../images/menu_home.gif);
	}

	#navlist a.home:hover { background-position:0px -121px;}

	#navlist a.overgjo:link, #navlist a.overgjo:visited {
		width:107px;
		height:121px;
		display:block;
		float:left;
		background:url(../images/menu_overgjo.gif);
	}

	#navlist a.overgjo:hover { background-position:0px -121px;}

	#navlist a.optreden:link, #navlist a.optreden:visited {
		width:107px;
		height:121px;
		display:block;
		float:left;
		background:url(../images/menu_optreden.gif);
	}

	#navlist a.optreden:hover { background-position:0px -121px;}

	#navlist a.media:link, #navlist a.media:visited {
		width:107px;
		height:121px;
		display:block;
		float:left;
		background:url(../images/menu_media.gif);
	}

	#navlist a.media:hover { background-position:0px -121px;}

	#navlist a.gastenboek:link, #navlist a.gastenboek:visited {
		width:107px;
		height:121px;
		display:block;
		float:left;
		background:url(../images/menu_gastenboek.gif);
	}

	#navlist a.gastenboek:hover { background-position:0px -121px;}

	#navlist a.contact:link, #navlist a.contact:visited {
		width:107px;
		height:121px;
		display:block;
		float:left;
		background:url(../images/menu_contact.gif);
	}

	#navlist a.contact:hover { background-position:0px -121px;}

	#navlist a.jgjo:link, #navlist a.jgjo:visited {
		width:108px;
		height:121px;
		display:block;
		float:left;
		background:url(../images/menu_jgjo.gif);
	}

	#navlist a.jgjo:hover { background-position:0px -121px;}

	#navlist a span {
		display:none;
	}
	
/* ------------------------------------------------------------------------------------------------------------- */
/* -- HEADER --------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
	
	#header {
		width:750px;
		height:172px;
		background:url(../images/header1.gif) no-repeat top left;
	}
	
	#header_alpha {
		width:750px;
		height:172px;
		background:url(../images/logoalpha.png) !important; background:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/template_front/images/logoalpha.png', sizingMethod='scale');
	}

/* ------------------------------------------------------------------------------------------------------------- */
/* -- BASIS ---------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
	
	#content_container {
		width:750px;
		height:auto;
		padding-top:10px;
	}
	
	#linkervlak {
		width:510px;
		float:left;
	}
	
	#linkervlak_big {
		width:750px;
		float:left;
	}
	
	#rechtervlak {
		width:240px;
		float:left;
	}

/* ------------------------------------------------------------------------------------------------------------- */
/* -- WELKOM --------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
	
	#welkom {
		width:510px;
		background:#FFFFFF;
	}
	
	#welkom_h1 {
		width:510px;
		height:31px;
		background:url(../images/h1_welkom.gif);
	}

/* ------------------------------------------------------------------------------------------------------------- */
/* -- GASTENBOEK ----------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
	
	#gastenboek {
		width:750px;
		background:#FFFFFF;
	}
	
	#gastenboek_h1 {
		width:750px;
		height:31px;
		background:url(../images/h1_gastenboek.gif);
	}

/* ------------------------------------------------------------------------------------------------------------- */
/* -- OVERGJO ----------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
	
	#overgjo {
		width:750px;
		background:#FFFFFF;
	}
	
	#overgjo_h1 {
		width:750px;
		height:31px;
		background:url(../images/h1_overgjo.gif);
	}

/* ------------------------------------------------------------------------------------------------------------- */
/* -- OPTREDEN ----------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
	
	#optreden {
		width:750px;
		background:#FFFFFF;
	}
	
	#optreden_h1 {
		width:750px;
		height:31px;
		background:url(../images/h1_optreden.gif);
	}

/* ------------------------------------------------------------------------------------------------------------- */
/* -- MEDIA ----------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
	
	#media {
		width:750px;
		background:#FFFFFF;
	}
	
	#media_h1 {
		width:750px;
		height:31px;
		background:url(../images/h1_media.gif);
	}

/* ------------------------------------------------------------------------------------------------------------- */
/* -- CONTACT ----------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
	
	#contact {
		width:750px;
		background:#FFFFFF;
	}
	
	#contact_h1 {
		width:750px;
		height:31px;
		background:url(../images/h1_contact.gif);
	}

/* ------------------------------------------------------------------------------------------------------------- */
/* -- JGJO ----------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
	
	#jgjo {
		width:750px;
		background:#FFFFFF;
	}
	
	#jgjo_h1 {
		width:750px;
		height:31px;
		background:url(../images/h1_jgjo.gif);
	}

/* ------------------------------------------------------------------------------------------------------------- */
/* -- GELUIDSFRAGMENTEN ---------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
	
	#geluidsfragmenten {
		width:740px;
		background:#FFFFFF;
	}
	
	#geluidsfragmenten_h1 {
		width:740px;
		height:31px;
		background:url(../images/h1_geluidsfragmenten.gif);
	}

/* ------------------------------------------------------------------------------------------------------------- */
/* -- VRIENDVANGJO --------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
	
	#vriendvangjo {
		width:740px;
		background:#FFFFFF;
	}
	
	#vriendvangjo_h1 {
		width:740px;
		height:31px;
		background:url(../images/h1_vriendvangjo.gif);
	}

/* ------------------------------------------------------------------------------------------------------------- */
/* -- AANMELDINGSFORMULIER ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
	
	#aanmeldingsformulier {
		width:740px;
		background:#FFFFFF;
	}
	
	#aanmeldingsformulier_h1 {
		width:740px;
		height:31px;
		background:url(../images/h1_aanmeldingsformulier.gif);
	}

/* ------------------------------------------------------------------------------------------------------------- */
/* -- AANMELDEN REUNIE ----------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
	
	#aanmelden-reunie {
		width:740px;
		background:#FFFFFF;
	}
	
	#aanmelden-reunie_h1 {
		width:740px;
		height:31px;
		background:url(../images/h1_aanmelden-reunie.gif);
	}

/* ------------------------------------------------------------------------------------------------------------- */
/* -- REUNIE --------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
	
	#reunie {
		width:740px;
		background:#FFFFFF;
	}
	
	#reunie_h1 {
		width:740px;
		height:31px;
		background:url(../images/h1_reunie.gif);
	}

/* ------------------------------------------------------------------------------------------------------------- */
/* -- JAARPROGRAMMA -------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
	
	#jaarprogramma {
		width:510px;
		background:#FFFFFF;
	}
	
	#jaarprogramma_h1 {
		width:510px;
		height:31px;
		background:url(../images/h1_jaarprogramma.gif);
	}

/* ------------------------------------------------------------------------------------------------------------- */
/* -- GJOBOEKEN ------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------- */
	
	#gjoboeken {
		width:510px;
		background:#FFFFFF;
	}
	
	#gjoboeken_h1 {
		width:510px;
		height:31px;
		background:url(../images/h1_gjoboeken.gif);
	}
	
	#fotogjo {
		width:464px;
		height:157px;
		background:url(../images/foto_gjo.gif) no-repeat top left;
		padding-bottom:10px;
	}

/* ------------------------------------------------------------------------------------------------------------- */
/* -- CAS ------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------- */
	
	#cas {
		width:230px;
		height:255px;
		background:url(../images/cas.gif);
		margin:0px 0px 10px 0px;
	}

/* ------------------------------------------------------------------------------------------------------------- */
/* -- ACCOUNT -------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
	
	#account {
		width:208px;
		height:auto;
		border:1px solid #c3c3c3;
		padding:10px;
		background:#FFFFFF;
	}

	#vriendvanhetgjo {
		width:208px;
		height:auto;
		border:1px solid #c3c3c3;
		padding:10px;
		background:#e8f4b6;
	}

	#reunie_front {
		width:208px;
		height:auto;
		border:1px solid #CCCCCC;
		padding:10px;
		background:#E5E5E5;
	}

/* ------------------------------------------------------------------------------------------------------------- */
/* -- CONTENT -------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
	
	.leftcontent {
		padding:13px 20px 10px 25px;
	}

/* ------------------------------------------------------------------------------------------------------------- */
/* -- FOOTER --------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
	
	#copyright {
		width:750px;
		height:30px;
		background:url(../images/footer.gif) no-repeat top left;
		float:left;
		text-align:left;
		line-height:30px;
		text-indent:10px;
	}
	
		#copyright span {
			color:#000;
		}
			
			#copyright span a:link,
			#copyright span a:visited {
				text-decoration:underline;
				color:#000;
			}
		
			#copyright span a:hover {
				text-decoration:none;
			}