html, body {margin: 0; border: 0; padding: 0; width: 100%; font-family: Arial, Verdana, Geneva; font-size: 12px; color: #000; text-align: center;}

/* general settings */
img, form, input, select, textarea, h1, h2, h3, h4, h5, a, span, label { margin: 0; padding: 0; border: 0;}
.blockimg {display: block;}
.clearIt { clear: both; font-size: 0px; line-height: 0px; height: 10px}
a {text-decoration:none;}
.box a {text-decoration: underline; color: #000;}

.left {float: left;}
.right {float: right;}
.one_column {width: 320px;}
.two_columns {width: 650px;}
.three_columns {width: 980px;}
.half_column {width: 485px;}
.margin_bottom {margin-bottom: 10px;}
.margin_left {margin-left: 10px;}
.margin_top {margin-top: 10px;}
.margin_right {margin-right: 10px;}

/* h1, h2, h3, etc. */
/* red */
h1 {line-height: 28px;}
	h1 span, h2 span {font-weight: normal}
	h1 span.ace, h2 span.ace {font-size: 20px}
h2{margin-top: 6px;}
.box.home h1, .box.who h1, .box.openhuis h1, .nieuws h1, .vacatures h1, .nieuws h2, .nieuws-wrapper h2,  .box.kiezen-sport h1, .box.ons-gebouw h1 {font-size: 28px; color: #e2001a;}
.box.voorlichting h1, .box.aanmelden h1, .box.intake h1, .box.aanbod h1, .box.toelating,  .box.toelating h1, .box.keuze_content h2, .box.toelating_plus h1, .box.toelating_plus {color: #FFF;}
.box.who h2 {font-size: 14px;}
.box.who p {margin: 0;}

#main_container {margin: 0 auto; width: 980px; position: relative; text-align: left;}
	.row {}
		.flower {width: 650px; height: 800px; background: url(../images/bg-flower.jpg) no-repeat; position: relative;}
			.flower a {display: block; position: absolute; }
			.flower span {display: none}
			.flower1 {width: 224px; height: 152px; top: 100px; left: 230px;}
			.flower2 {width: 190px; height: 152px; top: 270px; left: 420px;}
			.flower3 {width: 360px; height: 120px; top: 552px; left: 276px;}
			.flower4 {width: 254px; height: 160px; top: 446px; left: 20px;}
			.flower5 {width: 154px; height: 164px; top: 230px; left: 72px;}
	.row.bread_crumb {padding: 0px 0 10px 0;}
		.row.bread_crumb ol {margin: 0 0 0 8px; padding: 0; list-style-type: none; overflow: auto;}
			.row.bread_crumb ol li {float: left; margin: 0 4px;}
				.row.bread_crumb ol li a {color: #000000;}
				.row.bread_crumb ol li a:hover {color: #e2007a;}
		.row.bread_crumb .clearIt {height: 0px;}
	.row.footer {padding-bottom: 10px; text-align: center;}
	.row.resultaten, .row.beeld {clear: both;}
	.row.ons-gebouw {margin-bottom: 10px;}
		.row.footer p {margin: 0; padding: 0;}
		.box {padding: 10px 10px 10px 10px; margin: 0 0 10px 0; overflow: auto; position: relative}
			ul.programm {margin: 8px 0 0 16px; padding: 0;}
				ul.programm li {margin: 10px 0 20px}
			.box a.button {padding: 5px 0; text-decoration: none; display: block; background: #000; width: 300px; font-weight: bold; text-align: center; color: #FFF; position: absolute; bottom: 10px; left: 10px;}
		.box.home {padding-bottom: 0; padding-top: 0; margin-bottom: 0; min-height: 205px; overflow: hidden;}
			.box.home p {margin-bottom: 0px;}
			
		.box.openhuis {background: #ecd5df; min-height: 550px;}	
		.box.ons-gebouw {background: #ecd5df; min-height: 478px; font-size: 11px; margin-bottom: 10px;}
		.d-image {margin-top: 34px;}
		.box.ons-gebouw-3d {background: #ecd5df; margin-bottom: 0;}
			.box.ons-gebouw .animatie {font-weight: bold; font-size: 14px; text-align: center; text-decoration: none !important; padding: 6px 0; color: #FFF !important; display: block; background-image: url(../images/play.jpg); background-repeat: no-repeat; background-color: #000; background-position: 200px 2px; position: absolute; bottom: 10px; left: 10px; width: 300px;}
		.box.voorlichting {background: #e8d200; min-height: 324px;}
		.box.aanmelden {background: #d7d7d2; min-height: 506px;}
			.box.aanmelden ul {margin: 0px 0 0 16px; padding: 0;}
		.box.intake {background: #e20038; min-height: 262px; margin-bottom: 0;}
			.box.intake ul span {color: #FFF;}
		.box.aanbod {width: 633px; margin: 0; height: 143px; background: #e8d200; float: left;}
			.row.aanbod img {margin: 0; display: block; float: left;}
		.box.kiezen {background: #b7ced6; min-height: 280px}
		.box.toelating {background: #e20038; min-height: 280px;}
		.box.toelating_plus {background: #5e9fb0; margin-bottom: 0; min-height: 224px}
			.box.toelating ul {margin: 0px 0 0 16px; padding: 0;}
		.box.sport_content {min-height: 362px;}
		.box.keuze_content {background: #c0d6ac; min-height: 1436px;}
			.box.keuze_content ul {margin: 0px 0 0 16px; padding: 0;}
			.box.keuze_content h2 {font-size: 24px;}
		.box.kiezen-sport {background: #f5e893; min-height: 393px;}
		.aankeiler {padding: 8px 0; font-size: 25px; background: #e8d200; text-align: center; font-weight: bold;}
		.box_holder {padding-top: 10px;}
		/* expressie */
		.box.kiezen-expressie {background: #ecd5df; color: #000; min-height: 393px;}
		.box.toelating_expressie {background: #5d002f; margin-bottom: 0; color: #FFF; min-height: 224px}
			.box.expressie ul {margin: 0px 0 0 16px; padding: 0; color:  #FFF:}
		.box.expressie_content {background: #FFF; min-height: 237px; color: #000}
			.box.expressie_content ul {margin: 0px 0 0 16px; padding: 0;}
			.box.expressie_content h2 {font-size: 24px;}
		/* natuurtalent */
		.box.kiezen-natuurtalent {background: #fceef4; color: #000; min-height: 393px;}
		.box.toelating_natuurtalent {background: #e8d200; margin-bottom: 0; color: #FFF; min-height: 224px}
			.box.natuurtalent ul {margin: 0px 0 0 16px; padding: 0; color:  #FFF:}
		.box.natuurtalent_content {background: #FFF; min-height: 355px; color: #000}
			.box.expressie_natuurtalent ul {margin: 0px 0 0 16px; padding: 0;}
			.box.expressie_natuurtalent h2 {font-size: 24px;}
		/* universum */
		.box.informatie_universum {background: #ecd5df; margin-bottom: 0; color: #000;}
		.box.universum_content {padding-bottom: 0px; background: #FFF; min-height: 329px; color: #000}
			.box.universum_content ul {margin: 0px 0 0 16px; padding: 0;}
			.box.universum_content h2 {font-size: 24px;}
		/* extra aanbod */
		.box.extra_aanbod_content {background: #FFF; min-height: 329px; color: #000}
			.box.extra_aanbod_content ul {margin: 14px 0 0 16px; padding: 0;}
			.box.extra_aanbod_content ul li {margin: 0px 0 18px 0px; padding: 0; font-weight: bold;}
			.box.extra_aanbod_content h2 {font-size: 24px;}
		/* extra aanbod */
		.box.begeleiding_content {background: #fceef4; min-height: 205px; color: #000; margin-bottom: 0px;}
		/* documenten */
		.box.documenten {background: #ecd5df; margin-bottom: 0; color: #000; min-height: 328px;}
			.box.documenten h1 {color: #e2001a;}
			.box.documenten ul {margin: 0px 0 0 16px; padding: 0; color:  #FFF:}
		/* contact */
		.box.contact-havo {background: #ecd5df; min-height: 740px; color: #000;}
		.box.contact-mavo {background: #ebebe8; min-height: 688px; color: #000; margin-bottom: 0px;}
		/* school en thuis */
		.box.school-gesprek {background: #e8d200; min-height: 740px; color: #000;}
			.school-gesprek h1 {text-transform: uppercase}
			.school-gesprek h2 {color: #FFF;}
		.box.school-rooster {background: #d7e4d3; min-height: 252px; color: #000;}
		.box.school-contact {background: #d7d7d2; min-height: 183px; color: #000;}
		.box.school-itslearning {background: #fceef4; min-height: 252px; color: #000;}
			.box.school-rooster h2, .box.school-itslearning h2, .box.school-contact h2{color: #E2001A;}
			.box.school-rooster ul, .box.school-itslearning ul {margin: 0px 0 0 16px; padding: 0;}
		/* onze resultaten */
		.box.resultaten {background: #d7e4d3; min-height: 485px; color: #000;}
			.box.resultaten h2 {text-transform: uppercase;}
			.box.resultaten h2 {color: #E2001A;}
			.box.resultaten ul {margin: 0px 0 0 16px; padding: 0;}
		/* vacatures */
		.box.vacatures {background: FFF;}
			.box.vacaturelist {background: #000; padding: 10px; margin: 10px 0 10px 0; color: #FFF; font-size: 16px; min-height: 300px;}
				.vacaturelist ul {margin: 10px 0 10px 14px;; padding: 0; color: #FFF; }
				.box.vacaturelist a {color: #FFF !important; text-decoration: none}
				.box.vacaturelist a:hover, .box.vacaturelist li.active a {color: #FFED00 !important;}
			.box.vactures h1 {margin-bottom: 12px; text-transform: uppercase}
		.box.vacature-text {background: #d7e4d3; padding: 10px;}
		.box.vacature-text.job {min-height: 968px;}
			.box.vacature-text h2 {margin-top: 0px; margin-bottom: 12px; line-height: 28px; color: #003882; font-size: 28px}
			.box.vacature-text h3 {color: #003882; margin: 0; padding: 0;}
			.box.vacature-text h2 span {font-size: 16px; font-weight: bold;}
				
		/* nieuws */
		.box.nieuws {background: FFF; padding: 10px}
			.nieuws h1 {margin-bottom: 12px;}
			.quotes h2, .nieuws-wrapper h2 {margin-top: 0px; margin-bottom: 12px; line-height: 28px;}
			.date {font-weight: normal}
			.title {font-weight: bold}
			.nieuws-wrapper {background: #ebebe8;}
				.item {margin: 0 0 20px 0;}
		.quotes {float: right; width: 160px; background: #FFF;}
			.quote {margin: 12px 0; font-style: italic;}
		
		/* alumni */
		.alumni .clearIt {height: 0px;}
		.box.schoolpagina {background: #8eb6c3; min-height: 153px; color: #000;}
		.box.lustrum {background: #d7e4d3; min-height: 153px; color: #000;}
		.box.reunie {background: #8eb6c3; min-height: 212px; color: #000;}
			.reunie h2, .schoolpagina h1, .lustrum h2 {margin-top: 0px; margin-bottom: 12px; color: #FFF;}
			.reunie p {margin-bottom: 0px; padding-bottom: 0px;}
		/* slideshow */
		.slideshow-1 {margin-bottom: 10px; width: 650px; height: 644px; overflow: hidden;}
		.slideshow-2 {margin-bottom: 10px; width: 320px; height: 317px; overflow: hidden;}
			
	.menu {margin-bottom: 0px; height: 144px; background-color: #D1D2CC; border-bottom: 10px solid #e2007a; position: relative}
		.logo {margin-left: 12px; margin-top: 8px;}
		#main_menu {margin: 0; padding: 0; list-style-type: none; width: 640px; position: absolute; bottom: 8px; left: 10px;}
			#main_menu li {float: left; margin: 4px 7px 2px 0; font-size: 14px;}
				#main_menu li a {margin: 0; padding: 1px 9px 2px 9px; display: block; background-color: #fceef4; color: #000; }
				#main_menu li a:hover, #main_menu li.active a, #main_menu li.home.active a {background-color: #e2007a; color: #fff;}
				#main_menu li.home a {text-transform: uppercase; font-style: italic; font-weight: bold; background-color: #ffed00}
/* form */
	.box.form_holder {width: 600px; background: #FFF;}
		.box.form_holder h1 {margin-bottom: 12px;color: #E2001A;}
		.box.form_holder h2 {margin-bottom: 12px;}
		.box.form_holder h1 span {color: #000; font-weight: normal;}
		form, input, label {font-size: 14px;}
		.form-row {margin: 4px 0; clear: both;}
		.form-row.special {margin: 20px 0 4px 0; clear: both;}
			label {display: block; float: left; padding: 4px 0px; width: 200px;}
			span.sub-label {font-size: 12px;}
			.check-row input {width: 30px}
			input {width: 300px; padding: 3px; border: 1px solid #ECD5DF;}
			input.error {border: 1px solid red;}
			label.error {margin-left: 200px; color: red;}
			.required {color: #E2001A}
			a.form-submit {margin-top: 12px; padding: 6px 0; width: 200px; background: #ECD5DF; display: block; text-align: center; color: #000; font-weight: bold; font-size: 14px; text-decoration: none;}
			
a.fancybox {outline: none;}

.bread_crumb { font-family: 'Ubuntu Mono', sans-serif; }
.footer { font-family: 'Ubuntu Mono', sans-serif; }
#main_menu { font-family: 'Ubuntu Mono', sans-serif; }
#main_menu { font-family: 'Ubuntu Mono', sans-serif; }
	.footer .second-location {color: #E3001B;}