/** 
  * Standaard-stylesheet voor Les Petites
  *
  * @copyright 2008 Slik BV  * @version $Id$
  */


/* RESETCODE VOOR BROWSER COMPATIBILITEIT *********************/

/* reset.css - by Eric Meyer | v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent; }
body { line-height: 1;  }
ol, ul { list-style: none; }
blockquote, q {
	quotes: none; }
blockquote:before, blockquote:after,q:before, q:after {	content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: none;}
h1 span, h2 span { display: none;}
.clear { clear: both; color: white; }

/* CONTAINERS *************************************************/
a {
	color: black;
	text-decoration: none; }
	a:hover {
		color: #514E86; }
	a:active {
		color: #514E86; }

body { 
	margin: 0; 
	background: white url("../gfx/main_background.jpg") top repeat-x;
	color: black; 
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif; 
	font-size: 67.5%; 
	text-align: center;
	min-height: 100%;}
	
	/* Container voor alle anders containers */
	#main {
		position: relative;
		text-align: left;
		width: 986px;
		margin: 0 auto; }
		#header {
			height: 284px;
			background: url("../gfx/header_background.jpg") no-repeat 0px 65px; }
			#logo {
				float: left;
				width: 340px;
				height: 65px;
				margin-left: 10px;
				background: url("../gfx/logo.gif") no-repeat center; }
			#header ul#navigation {
				float: right;
				padding: 24px 0 0 24px; }
				#header ul#navigation li {
					float: left;
					padding-left: 8px;
					margin-right: 5px;
					position: relative;
					background: url("../gfx/navigation_leftbackground.jpg") no-repeat top left; }
					#header ul#navigation li ul {
						display: none;
						position: absolute;
						clear: left;
						width: 180px;
						padding-top: 2px;
						left: 0; }
						#header ul#navigation li#menuItem2 ul li#menu2sub4 {
							display: none; }
						#header ul#navigation li#menuItem9 {
							display: none; }
						#header ul#navigation li#menuItem7 ul {
							left: -10px; }
						#header ul#navigation li#menuItem8 ul {
							left: -85px; }
						#header ul#navigation li:hover ul, #header ul#navigation li.hover ul {
							display: block;
							z-index: 100; }
							#header ul#navigation li ul li {
								background: url("../gfx/navigation_leftbackground_level2.gif") no-repeat top left;
								height: 20px;
								width: 170px;
								zoom: 1;
								display: block;
								float: left;}
								#header ul#navigation li ul li a {
									background: url("../gfx/navigation_background_level2.gif") no-repeat top right;
									display: block;}
								#header ul#navigation li a {
									display: block;
									color: #555555;
									text-decoration: none;
									padding: 5px 13px 7px 0;
									background: url("../gfx/navigation_background.jpg") no-repeat top right; }
									#header ul#navigation li a:hover, ul#navigation li a.hover {
										text-decoration: none;
										color: #514E86; }
										#header ul#navigation li ul ul {
											display: none; }
										#header ul#navigation li ul ul li {
											display: none; }
										
										
		/* Container voor de quicklinks */
		#quickLinks {
			margin-top: 10px;
			height: 135px;
			position: relative; }
			#quickLinks .mp3player {
				position: absolute;
				top: 0;
				right: 5px; }
			#quickLinks .title {
				position: absolute;
				top: 5px;
				right: 30px; 
				color: #8B8B8B;
				padding-right: 10px; }
			#quickLinks ul li {
				float: left;
				width: 340px; }
				#quickLinks ul li a {
					display: block;
					height: 80px;
					margin: 35px 40px 20px 0; }
				#quickLinks ul li span {
					display: none; }
				#quickLinks ul li.kdv { 
					background: url("../gfx/contentpanel_quicklinks.png");
					background-position: 0 0; }
				#quickLinks ul li.bso { 
					background: url("../gfx/contentpanel_quicklinks.png");
					background-position: 680px 0;
					width: 306px; }
					#quickLinks ul li.bso a {
						margin-right: 5px; }
				#quickLinks ul li.psz { 
					background: url("../gfx/contentpanel_quicklinks.png");
					background-position: 340px 0; }
		/* CONTENT */
		#content {
			width: 100%; }
			#contentLeft {
				float: left;
				width: 680px; }
				#welcomeText {
					width: 100%;
					margin-top: 10px;
					vertical-align: bottom; }
					#welcomeText .text.groot {
						float: left;
						width: 50%; }
					#welcomeText h2 {
						margin-bottom: 15px;
						font-size: 18px;
						color: #514E86; }
					#welcomeText p {
						line-height: 20px;
						margin-right: 40px; }
				#latestContent {
					float: left;
					width: 640px;
					height: 101px;
					margin-top: 25px;
					padding: 15px;
					background: url("../gfx/latest_background.jpg") no-repeat; }
					#latestContent h2 {
						margin-bottom: 10px;
						font-size: 18px;
						color: #514E86; }
					#latestContent p {
						display: none; }
					#latestContent em {
						display: none; }
					#latestContent .nieuws.klein {
						float: left;
						width: 290px; }
						#latestContent .nieuws.klein a {
							line-height: 18px; }
						#latestContent .nieuws.klein strong {
							font-weight: normal;
							padding-left: 15px;
							background: url("../gfx/latest_bullet.jpg") no-repeat left; }
					#latestContent .vacature.klein {
						float: left;
						width: 290px;
						margin-left: 30px; }								
						#latestContent ul#navigation {
							width: 100%; }
							#latestContent ul#navigation li {
								display: none; }
								#latestContent ul#navigation li a { 
									display: none; }
							#latestContent ul#navigation li#menuItem7 {
									display: block; }
								#latestContent ul#navigation li#menuItem7 ul {}
									#latestContent ul#navigation li#menuItem7 ul li { 
											display: none; }
										#latestContent ul#navigation li#menuItem7 ul li#menu7sub2 {
											display: block; }
											#latestContent ul#navigation li#menuItem7 ul li#menu7sub2 {
												display: block; }
											#latestContent ul#navigation li#menuItem7 ul li#menu7sub2 ul {
												margin: 0;
												padding: 0;
												height: 75px;
												overflow: hidden; }
											#latestContent ul#navigation li#menuItem7 ul li#menu7sub2 ul li {
												display: block;
												line-height: 18px;}
											#latestContent ul#navigation li#menuItem7 ul li#menu7sub2 ul li a {
												display: block;
												background: url("../gfx/latest_bullet.jpg") no-repeat left; 
												padding-left: 15px; }
				
			#content #contentRight {
				float: left;
				padding-top: 25px;
				width: 306px; }
				#content #contentRight .text.klein {
					height: 105px;
					width: 286px;
					padding: 10px;
					margin-top: 19px;
					background: url("../gfx/rightcontent_background.png") no-repeat top left; }
					#content #contentRight .text.klein h2 {
						width: 50%;
						font-size: 18px;
						color: #514E86; }
					#content #contentRight .text.klein p {
						width: 50%;
						float: right;
						line-height: 20px;
						margin-top: 10px; }
					#content #contentRight .text.klein p img {
						position: relative;
						top: -5px;
						margin: 0 0 0 19px;
						padding: 5px;
						border: 1px solid #ccc; }
					#content #contentRight .text.klein a {
						color: #514E86; }
								
			/* CONTENT: voor de standaard template */
			
			#content.standaard #contentLeft {
				width: 175px; 
				background: url("../gfx/submenu_background.jpg") repeat-y; }
				#contentLeft #submenuTop {
					height: 137px; 
					background: url("../gfx/submenu_kdv_topbackground.jpg") no-repeat top left; }
					#contentLeft #submenuTop.kinderdag {
						height: 137px; 
						background: url("../gfx/submenu_kdv_topbackground.jpg") no-repeat top left; }
					#contentLeft #submenuTop.buitenschool {
						height: 137px; 
						background: url("../gfx/submenu_bso_topbackground.jpg") no-repeat top left; }
					#contentLeft #submenuTop.peuterspeel {
						height: 137px; 
						background: url("../gfx/submenu_psz_topbackground.jpg") no-repeat top left; }
				#contentLeft #submenu {
					background: url("../gfx/submenu_background_gradient.jpg") no-repeat; 
					color: #8B8B8B;
					min-height: 216px; }
					#contentLeft #submenu a {
						color: #8B8B8B; }
						#contentLeft #submenu a:hover {
							color: #514E86; }
					#contentLeft #submenu h3 {
						font-size: 16px;
						margin-left: 10px;
						color: #514E86; }
					#contentLeft #submenu p {
						margin-left: 10px; }
					#contentLeft #submenu ul {
						margin-left: 10px;
						padding-top: 10px;
						width: 135px; }
					#contentLeft #submenu ul#navigation li {
						display: none; }
						#contentLeft #submenu ul#navigation li a {
							font-size: 16px;
							font-weight: bold;
							color: #514E86; }
						#contentLeft #submenu ul#navigation li.active {
							display: block; }
								#contentLeft #submenu ul#navigation li.active ul {
									margin: 0; }
								#contentLeft #submenu ul#navigation li.active ul li {
									display: block; }	
									#contentLeft #submenu ul#navigation li.active ul li a {
										font-size: 11px;
										color: #8B8B8B;
										font-weight: normal;
										padding-left: 15px;
										line-height: 16px;
										background: url("../gfx/submenu_bullet.jpg") no-repeat 0px 4px; }
										#contentLeft #submenu ul#navigation li.active ul li a:hover { 
											color: #514E86; }
									#contentLeft #submenu ul#navigation li.active ul li a {
										font-size: 11px; }
								#contentLeft #submenu ul#navigation li.active ul li a.active {
									color: #514E86; }
								#contentLeft #submenu ul#navigation li ul ul {
									padding: 0px 0px 0px 10px; }
						#contentLeft #submenu  ul#navigation li#menuItem2 ul li#menu2sub3,
						#contentLeft #submenu  ul#navigation li#menuItem2 ul li#menu2sub4 {
							display: none; }
									
				#contentLeft #submenu.filiaal ul#navigation li#menuItem9 a  {
					display: none; }
				#contentLeft #submenu.filiaal ul#navigation li#menuItem9 ul li.show a  {
					display: block;
					font-size: 16px;
					font-weight: bold;
					background: none;
					padding-left: 0; }
					#contentLeft #submenu.filiaal ul#navigation li#menuItem9 ul li ul li a  {
					display: none; }
					#contentLeft #submenu.filiaal ul#navigation li#menuItem9 ul li ul li a  {
					display: none; }
					#contentLeft #submenu.filiaal ul#navigation li#menuItem9 ul li {
						display: none; }
					#contentLeft #submenu.filiaal ul#navigation li#menuItem9.active ul li {
						display: none; }
						#contentLeft #submenu.filiaal ul#navigation li#menuItem9.active ul li.show {
							display: block; }
							#contentLeft #submenu.filiaal ul#navigation li#menuItem9.active ul li.show ul li {
								display: block; }
						#contentLeft #submenu.filiaal ul#navigation li#menuItem9 ul li ul li a {
						display: none; }
						#contentLeft #submenu.filiaal ul#navigation li#menuItem9 ul li.show ul li a  {
							display: block;
							font-size: 11px;
							color: #8B8B8B;
							font-weight: normal;
							padding-left: 16px;
							background: url("../gfx/submenu_bullet.jpg") no-repeat 0px 4px; }
							#contentLeft #submenu.filiaal ul#navigation li#menuItem9 ul li.show ul li a:hover  {
								color: #514E86; }
							#contentLeft #submenu.filiaal ul#navigation li#menuItem9 ul li.show ul li a.active {
								color: #514E86; }
							#contentLeft #submenu.filiaal li.show a {
								font-size: 11px;
								color: #8B8B8B;
								font-weight: normal;
								padding-left: 15px;
								line-height: 16px;
								background: url("../gfx/submenu_bullet.jpg") no-repeat 0px 4px; }
								#contentLeft #submenu.filiaal li.show a:hover { 
									color: #514E86; }
								#contentLeft #submenu.filiaal ul.showul {
									padding: 0 0 0 20px;
									margin: 0;
								}	
				#contentLeft #submenuBottom {
					height: 79px;
					background: url("../gfx/submenu_bottombackground.jpg") no-repeat top left; }
			#content.standaard #contentRight {
				width: 811px;
				margin-top: 34px;
				padding: 0; }
				#content.standaard #contentRight #contentBoxTop {
					padding: 4px;
					background: url("../gfx/content_topbackground.jpg") no-repeat top left; }
				#content.standaard #contentRight #contentBoxContainer {
					background: url("../gfx/content_background.jpg") repeat-y top left; }
					#content.standaard #contentRight #contentBox {
						min-height: 375px;
						background: url("../gfx/content_background_gradient.jpg") no-repeat top left; }
						#content.standaard #contentRight #contentBox .text.groot {
							width: 760px;
							padding: 10px 0 10px 20px; }
							#content.standaard #contentRight #contentBox h2 {
								color:#514E86;
								font-size:18px; }
							#content.standaard #contentRight #contentBox .text.groot h2 {
								font-size: 18px;
								color: #514E86; }
							#content.standaard #contentRight #contentBox .text.groot p {
								margin-top: 10px;
								line-height: 20px; }
							#content.standaard #contentRight #contentBox .text.groot img {
								padding: 2px;
								margin: 8px;
								border: 1px solid #514E86; }
				#content.standaard #contentRight #contentBoxBottom {
					height: 14px;
					background: url("../gfx/content_bottombackground.jpg") no-repeat top left; }
				
				/* CONTENT: Videoplayer */
				
				#content.standaard #contentRight #contentBox .video.groot {
					padding: 10px 0 0 20px;
					width: 760px; }
					
				#content.standaard #contentRight #contentBox .video.groot .player {
					text-align: center;
					padding: 10px 0 0 0; }
					
				#content.standaard #contentRight #contentBox #playlist {
					display: none; }
					
				#content.standaard #contentRight #contentBox #playlist table {
					float: left; }
					
				#content.standaard #contentRight #contentBox #playlist a {
					display: block;
					background: #cccccc;
					padding: 5px; }
					
				#content.standaard #contentRight #contentBox #playlist span {
					position: relative;
					top: 15px;
					margin: 0 0 0 5px;	}
					
				#content.standaard #contentRight #contentBox #playlist .break { clear: both; }
				
				/* CONTENT: Vacature overzicht in contentRight */	
										
				#content.standaard #contentRight ul#navigation {
					width: 100%;}
					#content.standaard #contentRight ul#navigation li {
						display: none; }
						#content.standaard #contentRight ul#navigation li a { 
							display: none; }
					#content.standaard #contentRight ul#navigation li#menuItem5 {
							display: block; }
						#content.standaard #contentRight ul#navigation li#menuItem5 ul {}
							#content.standaard #contentRight ul#navigation li#menuItem5 ul li { 
									display: none; }
								#content.standaard #contentRight ul#navigation li#menuItem5 ul li#menu5sub2 {
									display: block; }
									#content.standaard #contentRight ul#navigation li#menuItem5 ul li#menu5sub2 {
										display: block;
										margin-left: 20px; }
									#content.standaard #contentRight ul#navigation li#menuItem5 ul li#menu5sub2 ul {
										margin-left: 20px;
										padding: 0; }
									#content.standaard #contentRight ul#navigation li#menuItem5 ul li#menu5sub2 ul li {
										display: block;
										line-height: 18px;}
									#content.standaard #contentRight ul#navigation li#menuItem5 ul li#menu5sub2 ul li a {
										display: block;
										background: url("../gfx/submenu_bullet.jpg") no-repeat left; 
										padding-left: 15px; }
					
			/* CONTENT: voor de kinderopvang template */
			
			#content.opvang {
				margin: 34px 0 25px 0; }
				#content.opvang #contentLeft {
					width: 469px; }
				#content.opvang #contentRight {
					width: 469px; 
					float: right;
					padding: 0;
					margin-right: 5px; }
					#content.opvang #contentRight #contentBoxTop {
						padding: 4px;
						background: url("../gfx/content_topbackground_opvang.jpg") no-repeat top left; }
					#content.opvang #contentRight #contentBox {
						min-height: 375px;
						padding: 0 20px 0 20px;
						background: url("../gfx/content_background_opvang.jpg") repeat-y top left; }
					#content.opvang #contentRight #contentBox .tekst.groot {
						height: 90px;
						width: 100%;
						margin: 0;
						padding: 0; }
					#content.opvang #contentRight #contentBox .invisible {
						display: none; }
					#content.opvang #contentRight #contentBoxBottom {
						height: 14px;
						background: url("../gfx/content_bottombackground_opvang.jpg") no-repeat top left; }
					#content.opvang #contentRight #contentBox h2 {
						font-size: 18px;
						color: #514E86;
						margin-bottom: 20px; }
					#content.opvang #contentRight #contentBox p {
						line-height: 20px;
						margin-bottom: 10px; }
					#content.opvang #contentRight #contentBox .googlemapsearch {
						width: 429px; }
						#content.opvang #contentRight #contentBox .googlemapsearch p {
							margin: 0; }
						#content.opvang #contentRight #contentBox .googlemapsearch input {
							margin: 10px 10px 0 0; }	
							#content.opvang #contentRight #contentBox .googlemapsearch input.text {
								border: 1px solid #ABADB3; }
							#content.opvang #contentRight #contentBox .googlemapsearch input.submit {
								background: #ABADB3;
								border: 1px solid #ABADB3;
								color: white; }					
					#content.opvang #contentRight #contentBox .googlemaplocator {
						width: 429px; }
						.googlemaplocator div {
							float: left;
							width: 210px;
							margin-bottom: 10px; }
						.googlemaplocator h4 {
							margin-left: 90px;
							font-size: 12px;
							color: #514E86; }
						.googlemaplocator p {
							margin-left: 90px;
							line-height: 20px; }
							.googlemaplocator div img {
								float: left;
								padding: 2px;
								border: 1px solid #514E86; }
						.googlemaplocator #searchMapUI {
							width: 100%; }
			/** Contact form **********************************/
			#content .contact {
			  	padding: 10px 0 10px 20px;
			  	width: 45%;
			  	float: left; }
			  	#content .contact h2 {
					width: 100%;
					font-size: 18px;
					margin-bottom: 10px;
					color: #514E86; }
				#content .contact .melding {
					color: white; }
				#content .contact form div {
				  	display: block;
				  	clear: both;
				  	margin: 8px 0; }
				#content .contact form label {
				 	display: block;
				 	float: left;
				 	width: 120px;
					text-transform: capitalize; }
				#content .contact form input, #content .contact form textarea {
				  	border: 1px solid #514E86;
				  	padding: 4px;
				  	font-family: Verdana, Arial, Helvetiva, sans-serif;
				  	width: 200px;
					font-size: 100%; }
				#content .contact form textarea {
					height: 100px; }
				#content .contact form input.cmsCheck {
					width: auto;
					outline: none;
					border: none; }
				#content .contact form input.submit {
					float: right;
					width: 110px;
					margin: 10px 35px 0 0;
					border: none;
					background: #514E86;
					color: white;
					cursor: pointer; }
				#content .contact form .nieuwsbriefCheck {
					display: none; }
			#content.standaard #contentRight #contentBoxContainer #contentBox .text.klein {
				width: 45%;
				float: left;
				background: none; }
				#content.standaard #contentRight #contentBoxContainer #contentBox .text.klein p {
					width: 100%;
					float: right;
					margin-top: 0;
					margin-bottom: 10px; }
					
			/** Sitemap ***************************************/
			#content #contentBox .sitemapDiv {
				padding: 10px 0 10px 20px;
				width: 760px; }
				#content #contentBox .sitemapDiv h2 {
					color: #514E86;
					font-size: 18px;
					padding-bottom: 10px; }
				#content #contentBox ul.sitemap li {
					background:transparent url(../gfx/submenu_bullet.jpg) no-repeat scroll 0 4px;
					color: #514E86;
					font-size:11px;
					line-height:16px;
					padding-left:15px; }
					#content #contentBox ul.sitemap li a {
						color: #514E86; }
					#content #contentBox ul.sitemap ul li {
						color: #514E86;
						margin-left: 15px; }
						#content #contentBox ul.sitemap ul li a {
							color: black; }
						#content #contentBox ul.sitemap ul ul li {
							color: #514E86;
							margin-left: 30px; }
							#content #contentBox ul.sitemap ul ul li a {
								color: black; }
					
			/** Nieuws groot **********************************/
			#content #contentBox .nieuws.groot {
				padding:10px 0 10px 20px;
				width: 760px; }
				#content #contentBox .nieuws.groot .nieuwsItem h3 {
					width: 100%;
					font-size: 16px;
					color: #514E86; }
				#content #contentBox .nieuws.groot .nieuwsItem h4 {
					width: 100%;
					font-size: 11px;
					font-weight: normal;
					margin: 5px 0px; }
				#content #contentBox .nieuws.groot .nieuwsItem p {
					line-height: 20px;
					margin: 10px 0px; }	
						
			/* FOOTER: **********************************/
			
			#footer {
				height: 40px; 
				margin: 20px 0;
				text-align: center;
				line-height: 16px;
				color: #8B8B8B;
				background: url("../gfx/logo_hkz.jpg") no-repeat top right; }
				#footer a {
					color: #8B8B8B;
					text-decoration: underline; }
			#partnerBar {
				height: 60px;
				margin-top: 20px;
				background: url("../gfx/partners_background.jpg") no-repeat left; }
				img.partnerImg {
					margin: 2px 15px 0 15px;
					float: left;
					z-index: 2; }

/* YUI Accordion CSS */
.yui-skin-sam .yui-accordionview div.yui-accordion-content {
	overflow: hidden;
	margin: 0;
	padding: 0; }
.yui-skin-sam .hidden {
	display: none;
	position: absolute; }
.yui-skin-sam .almosthidden {
	position: absolute;
	left: -9999px;
	z-index: -10; }
.yui-skin-sam .yui-accordion-toggle .indicator {
	display: none; }
.yui-skin-sam .yui-accordionview div.yui-accordion-panel {
	display: inline; }
	.yui-skin-sam ul.yui-accordionview div.yui-accordionview { }
		.yui-skin-sam .yui-accordionview div.yui-accordion-panel a.yui-accordion-toggle {
			display: block;
			color: #514E86;
			font-size: 18px;
			font-weight: bold;
			height: 27px;
			padding: 8px 10px 0px 20px;
			background: url(../gfx/accordion_inactive.png) no-repeat top left; }
			.yui-skin-sam .yui-accordionview div.yui-accordion-panel a.yui-accordion-toggle.active {
				background: url(../gfx/accordion_active.png) no-repeat top left;
				height: 27px;
				padding: 8px 10px 0px 20px; }
.yui-skin-sam .yui-accordionview div.yui-accordion-content {
    _zoom: 1;
	background: url(../gfx/accordion_background.jpg) repeat-y top left; }
	.padded.clearfix {
		width: 429px; 
		margin: 10px 20px 0 20px; }
		.padded.clearfix p {
			line-height: 20px;
			margin-bottom: 10px; }
			.padded.clearfix p img {
				padding: 0 20px 10px 0;
				clear: left; }
	.contentBottom {
		height: 10px;
		color: white;
		text-align: center;
		background: url(../gfx/accordion_bottombackground.jpg) no-repeat top left; }