body										{ font-size: 12px; font-family: "Verdana"; margin:0px; color: #000000; text-align: center; }

a:link										{ color: #808080; text-decoration: none; }
a:visited									{ color: #808080; text-decoration: none; }
a:hover										{ color: #808080; text-decoration: underline; }
a:active									{ color: #808080; text-decoration: none; }

a img 											{ border: none; }

/* remove dashed outline */
a, input, object, embed
{
                outline: none;
}

h1											{ color: #000000; font-size: 16px; font-family: "Verdana"; text-align: left; font-weight: normal; margin-bottom: 0px; margin-top: 0px; padding-bottom: 0px; padding-top: 0px; }
h2											{ color: #000000; font-size: 15x; font-family: "Verdana"; text-align: left; font-weight: normal; margin-bottom: 0px; margin-top: 0px; padding-bottom: 0px; padding-top: 0px; letter-spacing: 2px; }
h3											{ color: #000000; font-size: 21px; font-family: "Verdana"; text-align: left; font-weight: normal; margin-bottom: 0px; margin-top: 0px; padding-bottom: 0px; padding-top: 0px; }

li											{ margin: 0px; padding: 0px; }

.small										{ font-family: "Verdana"; font-size: 10px; }
.input										{ font-family: "Verdana"; font-size: 11px; }
.submit										{ font-family: "Verdana"; font-size: 11px; border: 1px solid #0067B1; }
submit										{ font-family: "Verdana"; font-size: 11px; border: 1px solid #0067B1; }
.button										{ font-family: "Verdana"; font-size: 11px; border: 1px solid #0067B1; }
button										{ font-family: "Verdana"; font-size: 11px; border: 1px solid #0067B1; }

.dark										{ background-color: #F5F5F5; }
.light										{ background-color: #fafafa; }

.error										{ font-family: "Verdana"; color: #990000; }
.label										{ font-weight: bold; color: #000000; }

.normaal									{ font-size: 12px; font-family: "Verdana"; color: #000000; }
.kleiner									{ font-size: 11px; font-family: "Verdana"; color: #000000; }
.groter										{ font-size: 14px; font-family: "Verdana"; color: #000000; }
	
.ypma #container							{ width: 999px; margin: 0px auto; padding: 0px; text-align: left; background: url("/images/background.jpg") repeat-y; }
	.ypma #wrapper							{ width: 999px; float: left;}
	.ypma #left								{ width: 207px; float: left; }
	.ypma #right							{ width: 792px; float: right; }
	
	.ypma #logo								{ width: 207px; height: 132px; background: url("/images/logo-home.jpg"); float: left; }
	.ypma #side-bar							{ width: 207px; float: left; }
		.ypma #stempel						{ width: 241px; height: 234px; position: relative; left: 87px; margin-top: -234px; top: -20px; z-index: 20; }
		.ypma #side-menu					{ width: 192px; padding: 30px 5px 0px 10px; min-height: 400px; color: #FFFFFF; float: left; }
			.ypma #side-menu a:link			{ color: #FFFFFF; text-decoration: none; }
			.ypma #side-menu a:visited		{ color: #FFFFFF; text-decoration: none; }
			.ypma #side-menu a:hover		{ color: #FFFFFF; text-decoration: none; font-style: italic; }
			.ypma #side-menu a:active		{ color: #FFFFFF; text-decoration: none; }		

	.ypma #top								{ position: absolute; z-index: 0; top: 0px; width: 792px; height: 315px; background: url("/cms/images/visuals/1.jpg") no-repeat; float: left; }	
			.nav-top a:link					{ color: #FFFFFF; text-decoration: none; font-weight: bold; }
			.nav-top a:visited				{ color: #FFFFFF; text-decoration: none; font-weight: bold; }
			.nav-top a:hover				{ color: #FFFFFF; text-decoration: none; font-weight: bold; font-style: italic; }
			.nav-top a:active				{ color: #FFFFFF; text-decoration: none; font-weight: bold; }	
		
			.nav-bottom a:link				{ color: #452A3F; text-decoration: none; font-weight: bold; }
			.nav-bottom a:visited			{ color: #452A3F; text-decoration: none; font-weight: bold; }
			.nav-bottom a:hover				{ color: #452A3F; text-decoration: underline; font-weight: bold; }
			.nav-bottom a:active			{ color: #452A3F; text-decoration: none; font-weight: bold; }
			
			.ypma #home						{ width: 60px; padding-top: 70px; padding-left: 80px; float: left; }
			.ypma #wonen					{ width: 60px; padding-top: 72px; padding-left: 57px; float: left; }
			.ypma #contact					{ width: 60px; padding-top: 77px; padding-left: 101px; float: left; }
			.ypma #ondernemen				{ width: 80px; padding-top: 78px; padding-left: 133px; float: left;}
			.ypma #gezin					{ width: 80px; padding-top: 80px; padding-left: 25px; float: left;}
			.ypma #links					{ width: 80px; padding-top: 85px; padding-left: 72px; float: left;}	
	
	.ypma #content							{ min-height: 300px; position: relative; z-index: 1; margin-top: 200px; padding: 50px 50px 0px 140px; width: 600px; }

	.ypma #footer							{ width: 661px; height: 37px; background: #452A3E; margin-left: 328px; color: #FFFFFF; padding: 7px 0px 0px 10px; }