/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body { height: 100%; font-family: 'Trebuchet MS', Tahoma; font-size: 14px; color: #fff; }
input, select, textarea { font-family: 'Trebuchet MS', Tahoma; font-size: 12px; color: #392e7a; }
body { background: url('../images/bodyBg.jpg') #392e7a repeat-x top center; }
img { border: 0px; display: block; }
a, input { outline: none;  }
a { color: #FDB713; }

/* ### global classes ### */
.clear { clear: both; height: 1px; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

/* ### main container ### */
#mainCntr { margin: 0 auto; padding: 20px 0px 20px 0px; position: relative; width: 800px; }
	
	/* ### header container ### */
	#headerCntr { position: absolute; top: 20px; right: 0px; width: 578px; height: 119px; }
	#headerCntr h1 { display: inline; }
	#headerCntr h1 a { display: block; width: 564px; height: 119px; text-indent: -9999px; background: url('../images/logo.png') no-repeat; }
	
	/* ### content container ### */
	#contentCntr { padding-bottom: 5px; overflow: hidden; width: 800px; }
	
		/* ### left container ### */
		#leftCntr { float: left; width: 200px; }
		
			/* ### nav box ### */
			.navBox { padding-bottom: 20px; width: 200px; background: url('../images/navBottom.png') no-repeat left bottom; }
			.navBox div.top { padding-top: 20px; background: url('../images/navTop.png') no-repeat left top; }
			.navBox div.bottom { padding: 0px 14px 0px 14px; background: url('../images/navBg.png') repeat-y; }
			.navBox h3 { padding: 0px 0px 5px 5px; font-size: 22px; font-weight: normal; }
			.navBox ul { margin-bottom: 15px; padding-top: 1px; list-style: none; background: url('../images/ulBg.png'); }
			.navBox ul.colors { margin-bottom: 0px; background: url('../images/colorsBg.png'); }
			.navBox li { height: 28px; }
			.navBox li a { padding-left: 15px; display: block; height: 28px; line-height: 28px; text-decoration: none; color: #fff; }
			.navBox li a:hover, .navBox li.selected a { color: #392e7a; }
		
		/* ### right container ### */
		#rightCntr { padding-top: 130px; float: right; width: 590px; }
		
			/* ### text box ### */
			.textBox { width: 590px; }
			.textBox h2 { padding-left: 15px; height: 76px; line-height: 62px; font-size: 26px; font-weight: normal; background: url('../images/titleBg.png') no-repeat; }
			.textBox h3 { padding: 0px 15px 5px 15px; line-height: 18px; font-size: 18px; font-weight: bold; }
			.textBox h4 { padding: 0px 15px 15px 15px; line-height: 18px; font-size: 18px; font-weight: bold; font-style: italic; }
			.textBox p { padding: 0px 15px 15px 15px; line-height: 18px; }
			.textBox img { margin: 0px 0px 0px 15px; padding: 7px; background: url('../images/picBg.png') no-repeat; }
			div.imgbigshadow { background:url("../images/picShadow.png") no-repeat scroll 0 0 transparent; height:8px; margin:0 0 15px 15px; }

			.textBox ul { margin-left: 15px; padding-left: 15px; padding-bottom: 15px; list-style: square; }
			.textBox ul li { line-height: 18px; }
 			.textBox ul.prikbordje li a:hover { text-decoration: underline; }	
			.textBox ul.prikbordje { margin-left: 0px; padding-bottom: 15px; list-style: none; }
			.textBox ul.prikbordje li { line-height: 18px; padding-left: 22px; background: url(../images/pin.png) top left no-repeat; margin-bottom: 4px; }
 			.textBox ul.prikbordje li a { text-decoration: none; color: #fdb713; }
 			.textBox ul.prikbordje li a:hover { text-decoration: underline; }			
			.textBox ul.schoolgids { padding-bottom: 15px; padding-left: 15px; list-style: none; }
			.textBox ul.schoolgids li { line-height: 18px; padding-left: 38px; background: url(../images/schoolgids.png) top left no-repeat; margin-bottom: 4px; }
 			.textBox ul.schoolgids li a { text-decoration: none; color: #fdb713; }
 			.textBox ul.schoolgids li a:hover { text-decoration: underline; }


			.slideshowCntr { margin: 0px 0px 0px 15px; padding: 7px; background: url('../images/picBg.png') no-repeat;  }
			.slideshow { width:551px; height:281px; }

			
			/* ### form box ### */
			.formBox { width: 590px; }
			.formBox h2 { padding-left: 15px; height: 76px; line-height: 62px; font-size: 26px; font-weight: normal; background: url('../images/titleBg.png') no-repeat; }
			.formBox p { padding: 0px 15px 15px 15px; line-height: 18px; }
			.formBox fieldset { padding: 0px 15px 15px 15px; overflow: hidden; width: 560px; border: 0px; }
			.formBox label { margin-bottom: 8px; float: left; display: block; width: 100px; height: 24px; line-height: 24px; }
			.formBox input.field { margin-bottom: 8px; padding: 0px 5px 0px 5px; float: left; width: 300px; height: 20px; line-height: 20px; border: 2px solid #392e7a; background: #fff; }
			.formBox textarea { margin-bottom: 8px; padding: 5px; float: left; width: 300px; height: 100px; border: 2px solid #392e7a; background: #fff; }
			.formBox input.submit { padding: 5px 20px 5px 20px; cursor: pointer; color: #fff; border: 2px solid #fff; background: #392e7a; }
			.formBox input.check { margin: 5px 0px 8px 0px; float: left; }
			.formBox input.radio { margin: 5px 0px 8px 0px; float: left; }
			
			/* ### groep box ### */
			.groepBox { padding-bottom: 15px; overflow: hidden; width: 590px; }
			.groepBox h2 { padding-left: 15px; height: 76px; line-height: 62px; font-size: 26px; font-weight: normal; background: url('../images/titleBg.png') no-repeat; }
			.groepBox img.big { margin: 0px 0px 15px 15px; padding: 7px 7px 13px 7px; background: url('../images/picBg.png') no-repeat; }
			.groepBox p { padding: 0px 15px 15px 15px; line-height: 18px; }
			.groepBox div.pic { margin: 0px 8px 15px 15px; float: left; display: inline; width: 173px; line-height: 22px; }
			.groepBox div.last { margin-right: 0px; }
			.groepBox div.pic img { margin-bottom: 10px; padding: 7px 7px 10px 7px; background: url('../images/pic2Bg.png') no-repeat; }
			.groepBox div.pic img.noBg { background: none; padding: 0px; }
			.groepBox p { padding-bottom: 15px; line-height: 18px; }
			.groepBox a { text-decoration: none; color: #fdb713; }
			.groepBox a:hover { text-decoration: underline; }
			.groepBox div.pic a.mail { padding-left: 25px; background: url('../images/email.png') no-repeat left; }
			
			/* ### weblog box ### */
			.weblogBox { padding: 0px 15px 15px 15px; overflow: hidden; width: 560px; }
			.weblogBox h3 { padding-bottom: 10px; line-height: 18px; font-size: 18px; font-weight: bold; }
			.weblogBox h4 { padding-bottom: 5px; font-size: 16px; font-weight: bold; }
			.weblogBox div.pic { float: left; width: 115px; margin-bottom: 15px; }
			.weblogBox div.text { float: left; width: 445px; margin-bottom: 15px; }
			.weblogBox p.big a { padding-left: 20px; text-decoration: none; font-size: 16px; color: #fdb713; background: url('../images/weblog.png') no-repeat left; }
			.weblogBox a { text-decoration: none; color: #fdb713; }
			.weblogBox a:hover { text-decoration: underline; }
			.weblogBox p.big { padding-bottom: 5px; }
			.weblogBox p { line-height: 18px; }
			
			/* ### fotos box ### */
			.fotosBox { padding: 0px 15px 15px 15px; position: relative; overflow: hidden; width: 560px; }
			.fotosBox h3 { padding-bottom: 10px; line-height: 18px; font-size: 18px; font-weight: bold; }
			.fotosBox ul { overflow: hidden; width: 560px; list-style: none; }
			.fotosBox li { padding-bottom: 20px; padding-right: 20px; float: left; display: inline; }
			.fotosBox li.last { padding-right: 0px; }
			.fotosBox a.all { padding-left: 20px; position: absolute; top: 0px; left: 131px; text-decoration: none; font-size: 16px; color: #fdb713; background: url('../images/foto.png') no-repeat left; }
			.fotosBox a:hover { text-decoration: underline; }
			
			/* ### over box ### */
			.overBox { padding-bottom: 15px; width: 590px; }
			.overBox h2 { padding-left: 15px; height: 76px; line-height: 62px; font-size: 26px; font-weight: normal; background: url('../images/titleBg.png') no-repeat; }
			.overBox h3 { padding: 0px 15px 5px 15px; line-height: 18px; font-size: 18px; font-weight: bold; }
			.overBox p { padding: 0px 15px 15px 15px; line-height: 18px; }
			.overBox ul.list { padding-left: 15px; list-style: none; }
			.overBox ul.list li { line-height: 18px; }
 			.overBox ul.list li a { text-decoration: none; color: #fdb713; }
 			.overBox ul.list li a:hover { text-decoration: underline; }
			.overBox ul.groep { padding-left: 15px; overflow: hidden; width: 590px; list-style: none; }
			.overBox ul.groep li { padding: 0px 20px 20px 0px; float: left; display: inline; }
			.overBox ul.groep li.last { padding-right: 0px; }
			.overBox ul.groep li a { padding-top: 8px; display: block; float: left; width: 173px; height: 72px; line-height: 30px; font-size: 24px; text-align: center; color: #392e7a; text-decoration: none; background: url('../images/groepBg.png') no-repeat; }
			.overBox ul.groep li a strong { display: block; cursor: pointer; line-height: 30px; font-size: 34px; font-weight: normal; color: #fff; }
			.overBox ul.groep li a:hover strong { color: #392e7a; }
`

			/* ### link box ### */
			.linkBox { padding-bottom: 15px; width: 590px; }
			.linkBox h2 { padding-left: 15px; height: 76px; line-height: 62px; font-size: 26px; font-weight: normal; background: url('../images/titleBg.png') no-repeat; }
			.linkBox h3 { padding: 0px 15px 5px 15px; line-height: 18px; font-size: 18px; font-weight: bold; }
			.linkBox p { padding: 0px 15px 15px 15px; line-height: 18px; }
			.linkBox ul.list { padding-left: 15px; list-style: none; padding-bottom: 15px; }
			.linkBox ul.list li { line-height: 18px; padding-left: 38px; background: url(../images/link.png) top left no-repeat; margin-bottom: 4px; }
 			.linkBox ul.list li a { text-decoration: none; color: #fdb713; }
 			.linkBox ul.list li a:hover { text-decoration: underline; }
			
			/* ### team box ### */
			.teamBox { overflow: hidden; width: 590px; }
			.teamBox h2 { padding-left: 15px; height: 76px; line-height: 62px; font-size: 26px; font-weight: normal; background: url('../images/titleBg.png') no-repeat; }
			.teamBox h3 { padding: 0px 15px 15px 15px; line-height: 18px; font-size: 18px; font-weight: bold; }
			.teamBox h4 { font-size: 14px; font-weight: bold; }
			.teamBox div.pic { margin-left: 15px; float: left; display: inline; width: 173px; line-height: 22px; }
			.teamBox div.text { margin-right: 15px; float: right; display: inline; width: 370px; }
			.teamBox div.pic img { margin-bottom: 10px; padding: 7px 7px 10px 7px; background: url('../images/pic2Bg.png') no-repeat; }
			.teamBox p { padding-bottom: 15px; line-height: 18px; }
			.teamBox a { text-decoration: none; color: #fdb713; }
			.teamBox a:hover { text-decoration: underline; }
			.teamBox div.pic a { padding-left: 25px; background: url('../images/email.png') no-repeat left; }

			.weblogBoxDetail { padding: 0px 15px 15px 15px; overflow: hidden; width: 560px; }
			.weblogBoxDetail h3 { padding-bottom: 10px; line-height: 18px; font-size: 18px; font-weight: bold; }
			.weblogBoxDetail h4 { padding-bottom: 5px; font-size: 16px; font-weight: bold; }
			.weblogBoxDetail div.pic { float: left; width: 115px; margin-bottom: 15px; }
			.weblogBoxDetail div.text { float: left; width: 445px; margin-bottom: 15px; }
			.weblogBoxDetail p.big a { padding-left: 20px; text-decoration: none; font-size: 16px; color: #fdb713; background: url('../images/weblog.png') no-repeat left; }
			.weblogBoxDetail a { text-decoration: none; color: #fdb713; }
			.weblogBoxDetail a:hover { text-decoration: underline; }
			.weblogBoxDetail p.big { padding-bottom: 5px; }
			.weblogBoxDetail p { line-height: 18px;  padding-bottom: 15px;}

			._weblogBoxDetail { overflow: hidden; width: 590px; }
			._weblogBoxDetail h2 { padding-left: 15px; height: 76px; line-height: 62px; font-size: 26px; font-weight: normal; background: url('../images/titleBg.png') no-repeat; }
			._weblogBoxDetail h3 { padding: 0px 15px 15px 15px; line-height: 18px; font-size: 18px; font-weight: bold; }
			._weblogBoxDetail h4 { font-size: 14px; font-weight: bold; }
			._weblogBoxDetail div.pic { margin-left: 15px; float: left; display: inline; width: 173px; line-height: 22px; }
			._weblogBoxDetail div.text { margin-right: 15px; float: right; display: inline; width: 370px; }
			._weblogBoxDetail div.pic img { margin-bottom: 10px; padding: 7px 7px 10px 7px;  }
			._weblogBoxDetail p { padding-bottom: 15px; line-height: 18px; }
			._weblogBoxDetail a { text-decoration: none; color: #fdb713; }
			._weblogBoxDetail a:hover { text-decoration: underline; }
			._weblogBoxDetail div.pic a { padding-left: 25px; background: url('../images/email.png') no-repeat left; }
			
			/* ### kal box ### */
			.kalBox { padding-bottom: 15px; width: 590px; }
			.kalBox h2 { padding-left: 15px; height: 76px; line-height: 62px; font-size: 26px; font-weight: normal; background: url('../images/titleBg.png') no-repeat; }
			.kalBox p { padding: 0px 0px 15px 15px; font-size: 16px; }
			.kalBox p a { text-decoration: none; color: #ffc70b; }
			.kalBox p a:hover { text-decoration: underline; }
			.kalBox table { margin-left: 12px; width: 555px; }
			.kalBox td { padding: 10px; vertical-align: top; font-size: 14px; font-weight: bold; background: #7a66ed; }
			.kalBox td.first { padding: 0px; width: 45px; font-weight: bold; line-height: 20px; font-size: 20px; text-align: center; }
			.kalBox tr.weekend td { background: #6151be; }
			.kalBox td.first strong { display: block; height: 18px; line-height: 18px; font-weight: normal; font-size: 12px; text-align: center; color: #7a66ed; background: #fff; }
			.kalBox td.first span { padding: 0px; display: block; height: 18px; line-height: 18px; font-weight: normal; font-size: 12px; text-align: center; background: none; }
			.kalBox td span.jarig { padding-left: 20px; display: block; background: url('../images/jarig.png') no-repeat left; }
			.kalBox td span.vrij { padding-right: 20px; display: block; color: #ffe362; background: url('../images/vrij.png') no-repeat right; }
			.kalBox td span.left { float: left; }
			.kalBox td span.right { float: right; }
			.kalBox ul { margin-left: 15px; overflow: hidden; width: 549px; list-style: none; background: #41348e; }
			.kalBox li { padding: 0px 10px 0px 10px; float: left; display: inline; width: 155px; height: 38px; line-height: 38px; font-size: 14px; font-weight: bold; }
			.kalBox li.maand { text-align: center; width:179px; }
			.kalBox li.next { text-align: right; }
			.kalBox li span { padding: 0px 20px 0px 20px; font-size: 18px; background: url('../images/kal.png') no-repeat left; }
			.kalBox li a { text-decoration: none; color: #fff; }
			.kalBox li a:hover { text-decoration: underline; }
	
	/* ### footer container ### */
	#footerCntr { padding: 10px 20px 0px 20px; overflow: hidden; width: 760px; height: 65px; line-height: 18px; font-size: 13px; background: url('../images/footerBg.png') no-repeat; }
	#footerCntr h3 { padding-bottom: 3px; font-size: 16px; font-weight: normal; }
	#footerCntr address { padding: 0px 20px 0px 30px; float: left; display: inline; font-style: normal; background: url('../images/home.png') no-repeat left 3px; }
	#footerCntr ul { float: left; list-style: none; }
	#footerCntr li { padding-left: 30px; background: no-repeat left; }
	#footerCntr li a { text-decoration: none; color: #fff; }
	#footerCntr li a:hover { text-decoration: underline; }
	#footerCntr li.tel { background-image: url('../images/phone.png'); }
	#footerCntr li.email { background-image: url('../images/mail.png'); }

	.gmap { margin: 0px 0px 15px 15px; width:496px; height:283px; padding: 7px 7px 13px 7px; background: url('../images/picBg.png') no-repeat; }
	a.doc { text-decoration: none; color: #fdb713; padding-left:28px; background: url(../images/pin.png) no-repeat; line-height:18px; margin-bottom:4px; margin-left:15px; display:block; }
	a.doc.pdf { background: url(../images/schoolgids.png) no-repeat; }
 	a.doc:hover { text-decoration: underline; }
	
	.fancy_title a { color:#FFFFFF; }