/* @override 
	http://siz.lin01.duall.be/stylesheets/siz.css */

/* 2013 09 10 — 17:40 */
/* @override 
	http://siz.lin01.duall.be/stylesheets/siz.css
	http://www.schoolinzicht.be/stylesheets/siz.css
*/

/* kleuren

groen 00B1A6
rood D32D5D
blauw 0099D8
geel FCBD25
grijs 8C8D7D 

*/

@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=Vollkorn:700italic,400italic,400,700);
@import url(http://fonts.googleapis.com/css?family=Vollkorn:400italic);


body {
	font: 100%/140% Georgia,  "Times New Roman", Times, serif;
	background: url(img/back_yellow.gif) repeat-x;
	padding-bottom: 20px;
}
div#noscript {
	width: 100%;
	height: 200%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8000;
	background-color: #ebebe4;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
div#noscript img {
	margin-bottom: 5%;
	width: 200px;
	display: block;
}
div#noscript p{
	font-size: 1.5em;
	font-weight: bold;
	color: #81816f;
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 10%;
	text-shadow: -1px -1px 0 #ffffff;
}
div#noscript p strong {
	font: bold .85em Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	letter-spacing: .2em;
}
div#noscript p.small{
	font-size: 1em;
	margin-top: 0;
	font-weight: normal;
	font-style: normal;
}
div#noscript a:link,
div#noscript a:visited {
	color: #81816f;
}
body.lokeren,
body.home {
		background: url(img/back_yellow.gif) repeat-x;

}
body.wetteren, body.antwerpen, body.antwerpen---noordrand, body.antwerpen---zuidrand {
	background: url(img/back_blue.gif) repeat-x;

}
body.lokeren {
		background: url(img/back_aqua.gif) repeat-x;

}

body.sint-jans-molenbeek, body.faq {
		background: url(img/back_pink.gif) repeat-x;

}
body.ouders-aan-het-woord,
body.in-de-media,
body.contact {
		background: url(img/back_warmgray.gif) repeat-x;

}

body.gent {
			background: url(img/back_prussian.gif) repeat-x;

}
body.mechelen {
				background: url(img/back_brickred.gif) repeat-x;
	
}
body.genk {
			background: url(img/back_green.gif) repeat-x;

}
body.temse {
			background: url(img/back_purple.gif) repeat-x;

}

body.sint-niklaas {
			background: url(img/back_purple.gif) repeat-x;

}
.wrapper {
	position: relative;
}

.overlay {
	position: absolute;
	width: 100%;
	height: 200%;
	z-index: 500;
	display: none;
	background: url(img/back_overlay.png) repeat;
	top: 0;
	left: 0;
}
.grid {
	width: 100%;
	height: 1170px;
	position: absolute;
	z-index: -100;
	background: url(img/12_col.gif) repeat-y;
	display: none;
}
.clear {
	clear: both;
}
.active {
	font-weight: bold;
}
.section {
	overflow: hidden;
}

h1, h2, h3, h4, h5 {
	font-family: "Droid Sans", Helvetica, Arial, "Helvetica Neue", Geneva, sans-serif;
	font-weight: bold;
	color: #555;
	margin-bottom: 10px;
}
p {
	margin-bottom: 10px;
}

em {
	font-family: 'Vollkorn', serif;
	font-style: italic;
	
}

div.ie {
	font: bold 1em/100% Helvetica, Arial, "Helvetica Neue", Geneva, sans-serif;
	border: 2px solid red;
	text-align: center;
	background-color: #fefcd7;
	color: red;
	padding: 10px;
}

ol {
	list-style-type: decimal;
	padding-left: 1.5em;
}

/* @group #HDR */

#HDR {
	background: url(img/h1-home.png) no-repeat -10px 0;
	overflow: hidden;
}

body.wetteren #HDR {
			background: url(img/h1-wetteren.png) no-repeat -10px 0;

}

body.mechelen #HDR {
			background: url(img/h1-mechelen.png) no-repeat -10px 0;

}
body.temse #HDR {
			background: url(img/h1-temse.png) no-repeat -10px 0;

}
body.sint-niklaas #HDR {
			background: url(img/h1-sintniklaas.png) no-repeat -10px 0;

}
body.antwerpen #HDR {
			background: url(img/h1-antwerpen.png) no-repeat -10px 0;

	
}
body.antwerpen---noordrand #HDR {
			background: url(img/h1-antwerpen-noordrand.png) no-repeat -10px 0;

	
}

body.antwerpen---zuidrand #HDR {
			background: url(img/h1-antwerpen-zuidrand.png) no-repeat -10px 0;

}
body.gent #HDR {
			background: url(img/h1-gent.png) no-repeat -10px 0;

}

body.genk #HDR {
			background: url(img/h1-genk.png) no-repeat -10px 0;

}
body.lokeren #HDR {
			background: url(img/h1-lokeren.png) no-repeat -10px 0;

}

body.sint-jans-molenbeek #HDR {
			background: url(img/h1-molenbeek.png) no-repeat -10px 0;

}

body.faq #HDR {
			background: url(img/h1-faq.png) no-repeat -10px 0;

}
body.voorbije-projecten #HDR{
				background: url(img/h1-voorbije-projecten.png) no-repeat -10px 0;

}
body.ouders-aan-het-woord #HDR,
body.contact #HDR {
				background: url(img/h1-siz-warmgray.png) no-repeat -10px 0;

}
body.in-de-media #HDR {
					background: url(img/h1-indemedia.png) no-repeat -10px 0;
	height: 180px;
}
/* @group #HDR_h1_top_nav */

h1 {
	height: 141px;
	text-indent: -90000px;
	margin: 0;
}

#top_nav_cntr {
	position: absolute;
	margin: 0;
	width: 380px;
	left: 570px;
}

/* @group #top_nav */



ul#top_nav  {
	font: bold .75em "Droid Sans",Helvetica, Arial, "Helvetica Neue", Geneva, sans-serif;
	float: right;
	padding-top: 10px;
}
ul#top_nav li {
	float: left;
	margin-left: 10px;
}

ul#top_nav li a:link,
ul#top_nav li a:visited {
	text-decoration: none;
	color: #fff;
	display: inline-block;
	height: 18px;
}
ul#top_nav li a.active:link,
ul#top_nav li a.actie:visited {
	text-decoration: none;
	color: #fff;
	border-bottom: 2px solid #fff;
}
/* @end */



/* @end */

/* @group #main_nav */


ul#main_nav {
	position: relative;

	height: 64px;
	-padding-left: 160px;
	margin-top: 7px;
	margin-bottom: 5px;
}

ul#main_nav li {
	float: left;
	margin-bottom: 69px;
}
ul#main_nav li a:link,
ul#main_nav li a:visited {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-topleft: 8px;
	display: block;
	margin-right: 5px;
	text-decoration: none;
	color: #fff;
	font: bold .9em 'Droid Sans', Helvetica, Arial, "Helvetica Neue", Geneva, sans-serif;
	padding: 5px 12px 4px;
	background-color: #777;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.6, #a3a3a3), color-stop(1, #888));
	height: 16px;
}
ul#main_nav li a:hover,
ul#main_nav li a.active:link,
ul#main_nav li a.active:visited {
	background-color: #4d4d4d;
	font-weight: bold;
	background-image: none;
}
ul#main_nav li ul {
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	margin-top: -1px;
	display: none;
	padding-bottom: 0;
	height: 50px;
}

ul#main_nav li ul li a:link,
ul#main_nav li ul li a:visited {
	margin-right: 6px;
	color: #555;
	padding: 5px 10px 4px;
	background: none rgb(222, 221, 208);
	border-radius: 10px;
	border: 1px solid #a2a17d;
	font-size: .75em;
}

ul#main_nav li ul li a:hover,
ul#main_nav li ul li a:active{
	padding-right: 10px;
	padding-left: 10px;
	border-radius: 10px;
	border: 1px solid #555;
	background-color: rgba(0,0,0,0);
}
ul#main_nav li ul li a.active:link,
ul#main_nav li ul li a.active:visited{
	color: #fff;
	background-color: #4c4d4c;
	padding-right: 10px;
	padding-left: 10px;
	border-radius: 10px;
	box-shadow: inset 1px 1px 10px #000;
	border: 1px solid #555;
}


/* @end */

/* @end */

/* @group #BDY */

/* @group home */

.home #BDY a:link,
.home #BDY a:visited {
	color: #faa325;
}

.home #BDY h3, 
.voorbije-projecten #BDY h3 {
	color: #faa325;
}

.home .popup h4 {
	color: #faa325;
}

.home #BDY dl dt {
	color: #faa325;
}

.home hr {
	color: #d6d5c4;
	background-color: #d9d8c8;
	height: 1px;
	border-style: none;
	margin-top: 2.5em;
	margin-bottom: 2.5em;
}

/* @end */
/* @group FAQ */
#faq #BDY a:link,
#faq #BDY a:visited {
	color: #D32D5D;
}
/* @end */
/* @group antwerpen */

.antwerpen #BDY a:link,
.antwerpen #BDY a:visited {
	color:  #0099D8;
}

.antwerpen #BDY h3 {
	color:  #0099D8;
}

.antwerpen---noordrand div.interesse {
	background-color: #0099D8;

}

.antwerpen #BDY div.interesse a:link,
.antwerpen #BDY div.interesse a:visited {
	color: #fff;
	text-decoration: underline;
}

.antwerpen p.formOpen {
	background-color: #0099D8;
}

body.antwerpen .popup h4 {
	color: #0099D8;
}

.antwerpen #BDY dl dt {
	color: #0099D8;
}



/* @end */
/* @group antwerpen noord */

.antwerpen---noordrand #BDY a:link,
.antwerpen---noordrand #BDY a:visited {
	color:  #0099D8;
}

.antwerpen---noordrand #BDY h3 {
	color:  #0099D8;
}

.antwerpen---noordrand div.interesse {
	background-color: #0099D8;

}

.antwerpen---noordrand #BDY div.interesse a:link,
.antwerpen---noordrand #BDY div.interesse a:visited {
	color: #fff;
	text-decoration: underline;
}

.antwerpen---noordrand p.formOpen {
	background-color: #0099D8;
}

body.antwerpen---noordrand .popup h4 {
	color: #0099D8;
}

.antwerpen---noordrand #BDY dl dt {
	color: #0099D8;
}



/* @end */
/* @group antwerpen zuid */

.antwerpen---zuidrand #BDY a:link,
.antwerpen---zuidrand #BDY a:visited {
	color:  #0099D8;
}

.antwerpen---zuidrand #BDY h3 {
	color:  #0099D8;
}

.antwerpen---zuidrand div.interesse {
	background-color: #0099D8;

}

.antwerpen---zuidrand #BDY div.interesse a:link,
.antwerpen---zuidrand #BDY div.interesse a:visited {
	color: #fff;
	text-decoration: underline;
}

.antwerpen---zuidrand p.formOpen {
	background-color: #0099D8;
}

body.antwerpen---zuidrand .popup h4 {
	color: #0099D8;
}

.antwerpen---zuidrand #BDY dl dt {
	color: #0099D8;
}
.antwerpen---zuidrand #BDY .slideshow p.testi {
		color: #0099D8;
	
}


/* @end */

/* @group lokeren */

.lokeren #BDY a:link,
.lokeren #BDY a:visited {
	color:  #00B1A6;
}

.lokeren #BDY h3 {
	color:  #00B1A6;
}

.lokeren div.interesse {
	background-color: #00B1A6;

}

.lokeren #BDY div.interesse a:link,
.lokeren #BDY div.interesse a:visited {
	color: #fff;
	text-decoration: underline;
}

.lokeren p.formOpen {
	background-color: #00B1A6;
}

body.lokeren .popup h4 {
		color: #00B1A6;

}

.lokeren #BDY dl dt {
	color: #00B1A6;
}



/* @end */

/* @group gent */
.gent #BDY a:link,
.gent #BDY a:visited {
	color: #0066c9;
}

.gent #BDY h3 {
	color: #0066c9;
}

.gent div.interesse {
	background-color: #0066c9;

}

.gent #BDY div.interesse a:link,
.gent #BDY div.interesse a:visited {
	color: #fff;
	text-decoration: underline;
}

.gent p.formOpen {
	background-color: #0066c9;
}

body.gent .popup h4 {
	color: #0066c9;
}

.gent #BDY dl dt {
	color: #0066c9;
}



/* @end */

/* @group genk */
.genk #BDY a:link,
.genk #BDY a:visited {
	color: #00933d;
}

.genk #BDY h3 {
	color: #00933d;
}

.genk div.interesse {
	background-color: #00933d;

}

.genk #BDY div.interesse a:link,
.genk #BDY div.interesse a:visited {
	color: #fff;
	text-decoration: underline;
}

.genk p.formOpen {
	background-color: #00933d;
}

body.genk #SIZcontactForm h4 {
	color: #00933d;
}

.genk #BDY dl dt {
	color: #00933d;
}



/* @end */

/* @group sint-jans-molenbeek */

.sint-jans-molenbeek #BDY a:link,
.sint-jans-molenbeek #BDY a:visited {
	color: #D32D5D;
}

.sint-jans-molenbeek #BDY h3 {
	color: #D32D5D;
}

.sint-jans-molenbeek #BDY dl dt {
	color: #D32D5D;
}



/* @end */
/* @group mechelen */

.mechelen #BDY a:link,
.mechelen #BDY a:visited {
	color: red;
}

.mechelen #BDY h3 {
	color: red;
}

.mechelen div.interesse {
	background-color: red;

}

.mechelen #BDY div.interesse a:link,
.mechelen #BDY div.interesse a:visited {
	color: #fff;
	text-decoration: underline;
}

.mechelen p.formOpen {
	background-color: red;
}

body.mechelen .popup h4 {
	color: red;
}

.mechelen #BDY dl dt {
	color: red;
}

/* @end */
/* @group temse */
.temse #BDY a:link,
.temse #BDY a:visited {
	color: #5438FF;
}

.temse #BDY h3 {
	color: #5438FF;
}

.temse div.interesse {
	background-color: #5438FF;

}

.temse #BDY div.interesse a:link,
.temse #BDY div.interesse a:visited {
	color: #fff;
	text-decoration: underline;
}

.temse p.formOpen {
	background-color: #5438FF;
	color: #fff;
}

body.temse #SIZcontactForm h4 {
	color: #7d6bfe;
}

.temse #BDY dl dt {
	color: #5438FF;
}

.temse #BDY .slideshow p.testi {
		color: #5438FF;
	
}

/* @end */
/* @group Wetteren */
.wetteren #BDY a:link,
.wetteren #BDY a:visited {
	color:  #0099D8;
}

.wetteren #BDY h3 {
	color:  #0099D8;
}

.wetteren div.interesse {
	background-color: #0099D8;

}

.wetteren #BDY div.interesse a:link,
.wetteren #BDY div.interesse a:visited {
	color: #fff;
	text-decoration: underline;
}

.wetteren p.formOpen {
	background-color: #0099D8;
	color: #fff;
}

body.wetteren #SIZcontactForm h4 {
	color: #0099D8;
}

.wetteren #BDY dl dt {
	color: #0099D8;
}

.wetteren #BDY .slideshow p.testi {
		color: #0099D8;
	
}

/* @end */
/* @group Sint-Niklaas */
.sint-niklaas #BDY a:link,
.sint-niklaas #BDY a:visited {
	color: #5438FF;
}

.sint-niklaas #BDY h3 {
	color: #5438FF;
}

.sint-niklaas div.interesse {
	background-color: #5438FF;

}

.sint-niklaas #BDY div.interesse a:link,
.sint-niklaas #BDY div.interesse a:visited {
	color: #fff;
	text-decoration: underline;
}

.sint-niklaas p.formOpen {
	background-color: #5438FF;
	color: #fff;
}

body.sint-niklaas #SIZcontactForm h4 {
	color: #7d6bfe;
}

.sint-niklaas #BDY dl dt {
	color: #5438FF;
}

.sint-niklaas #BDY .slideshow p.testi {
		color: #5438FF;
	
}

/* @end */

#BDY {
	font: 1em/140% Vollkorn, Georgia, "Times New Roman", Times, serif;
		position: relative;
	}

#BDY strong {
	font-weight: bold;
	color: #555;
}

#BDY h2 {
	font: bold 2.25em 'Droid sans', Helvetica, Arial, sans-serif;
	text-shadow: #383838 1px 1px 0;
	letter-spacing: -1px;
	margin-bottom: 20px;
	color: #52514d;
}
#BDY h2.h2Extra {
	font: bold 1.75em/1.4em 'Droid sans', Helvetica, Arial, sans-serif;
	text-shadow: none;
		margin-bottom: 40px;
	color: #676660;
	margin-top: 0;
	letter-spacing: 0;
}

#BDY h3 {
	font: bold 1.2em/140% 'Droid sans', Helvetica, Arial, sans-serif;
	margin-bottom: .85em;
}

#BDY h4 {
	line-height: 120%;
	color: #000;
	font-size: .9em;
}
#BDY a:link,
#BDY a:visited {
	color: #797a76;
	text-decoration: none;
}
#BDY a:hover,
#BDY a:active {
	text-decoration: underline;
	color: #000;
}
#BDY ul, #BDY p, #BDY ol {
	margin-bottom: 10px;
}
#BDY ul {
	list-style-type: disc;
	padding-left: 1.5em;
}

#BDY p.testi {
	font-style: italic;
	font-size: 1em;
	color: #777;
	margin-bottom: 15px;
}

#BDY p.testi span {
	color: #555;
	font: normal bold .85em "Droid Sans", Helvetica, Arial, "Helvetica Neue", Geneva, sans-serif;
	display: block;
}

#BDY p.footnote {
	font: .8em/1.4em "Droid Sans", Helvetica, Arial, "Helvetica Neue", Geneva, sans-serif;
	padding-left: 1em;
}

#BDY p.footnote sup {
	font-weight: bold;
}
#BDY img {
	border: 1px solid #777;
	padding: 1px;
}

#BDY img.steun {
	padding: 0;
	border-style: none;
	margin-top: 20px;
}

#BDY ul.slideshow {
	border: 1px solid #777;
	height: 378px;
	width: 378px;
	padding: 0;
	margin: 0 0 10px;
}
#BDY .slideshow img {
	padding: 0;
	border-style: none;
	margin: 1px;

}
#BDY .slideshow p.testi {
	padding: 20px;
	font-size: 1.5em;
	line-height: 120%;
	width: 336px;
	height: 336px;
	margin: 1px;
	color: #fabb25;
}
div.intro {
	font-size: 1.5em;
	line-height: 120%;
	margin-bottom: 20px;
}
div.popup.closeBox {
	padding-top: 3em;
}


div.popup.closeBox p{
	line-height: 1.5em;
	font-size: 1.4em;
}

div.box {
	background-color: #ebebe4;
	color: #333;
	font: bold .75em/150% "Droid Sans", Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 10px;
	margin-bottom: 1.5em;
}

#BDY div.box h3 {
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 5px;
	text-align: center;
	font-size: 1.3em;
	color: #fff;
}

#BDY div.box h4 {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 1.25em;
	margin-bottom: 5px;
}

#BDY div.box p {
	margin-bottom: 0;
}

#BDY div.box.center p {
	margin-bottom: 0;
	text-align: center;
}
div.box.roze{
	background-color: #D32D5D;
	color: #fff;
}
div.box.groen{
	background-color: #00933d;
	color: #fff;
}
div.box.aqua {
	background-color: #00B1A6;
	color: #fff;
}
div.box.blauw {
	background-color: #0097d6;
	color: #fff;
}
#BDY div.box.blauw h3 {
	color: #fff;
	font-size: 1.5em;
	line-height: 1.1em;
}

#BDY div.box.blauw h4 {
	color: #fff;
}

#BDY div.box.blauw a:link, 
#BDY div.box.blauw a:visited,
#BDY div.box.groen a:link, 
#BDY div.box.groen a:visited {
	color: #fff;
	text-decoration: underline;
}

#BDY div.box.blauw a:hover {
	color: #4c4d4c;
}

#inschrijvingsprocedure.lokeren .box {
	width: 202px;
	margin-bottom: 5em;
}

#BDY .groepsfoto img {
	width:  auto;
	max-width: 100%;
	border: none;
	padding: 0;
	margin-bottom: 1em;
}
/* @group Deelnemende scholen */

/*
tree
- div#SIZbody
- - ul#SIZscholenNav
- - div#SIZoverzichtBody -> relatief
- - - div#schooloverzicht
- - - - div#soort00
- - - - - div.school
- - - - - - div.schoolInfo
- - - - - - div.schoolExtraInfo
- - - div#plan
*/
div#scholen_cntr {
	position: relative;
	padding-bottom: 15px;
	padding-left: 0;
	padding-right: 0;
	margin: 0;
	overflow: hidden;
	font-size: 20px;
	height: auto;
}

p.loader {
	background: url(img/loader.gif) no-repeat;
	padding-top: 20px;
}
div#plan {
	overflow: hidden;
	background-color: #f6f6f5;
	height: 1500px;
}
div#scholen_linkerkolom {
	position: absolute;
	z-index: 250;
	top: 0;
	padding: 10px;
	background: rgb(255,255,255);
	background: rgba(255, 255, 255, 0.83);
	display: block;
	overflow: hidden;
	left: 0;
	height: 980px;
}
div#scholen_linkerkolom h3 {
	text-transform: uppercase;
	letter-spacing: 1px;
	display: block;
	color: #3f3f3f;
	padding: 6px 0 4px;
	margin: 10px 0 0;
	border-top: 1px solid #ddd;
	font-weight: bold;
	font-size: .55em;
}
div#find_address {
	display: block;

}
#BDY div#find_address h3 {
	color: #00b63e;
	margin-top: 0;
	border-top-style: none;
	padding-top: 0;
}
div#find_address form {
	margin-top: 8px;

}
div#find_address input {
	height: 15px;
	padding: 3px;
	background-color: #d1cfcf;
	border: 2px solid #fff;
	float: left;
	-moz-box-shadow: inset 0 1px 2px #5d5c5c;
	-webkit-box-shadow: inset 0 1px 2px #5d5c5c;
	box-shadow: inset 0 1px 2px #5d5c5c;
	font-weight: bold;
	width: 170px;
}
button.addressBttn {
	width: 35px;
	height: 25px;
	text-indent: -10000px;
	border-style: none;
	background: #fff;
	background: rgba(255, 255, 255, 0);
	background-image: url(img/zoek.gif);
}
div#schooloverzicht {
	display: block;
}

#plan img {
	width: 698px;
	height: 698px;
	padding: 0;
	margin-top: 10px;
}

div.box.praktisch {
	padding-bottom: 0;
}

div.box.praktisch h4 {


}

div.box.interesse {
	color: #fff;
	font: bold .75em/150% "Droid Sans", Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	border-radius: 10px;
	padding: 10px;
}
#BDY div.praktisch ul {
	margin-left: 10px;
}
div.praktisch li {
	margin-bottom: 5px;
}

div.praktisch li em {
	font-weight: normal;
	font-style: normal;
}
p.formOpen {
	border-top: 2px solid #fff;
	background-color: #d6d6d2;
	text-align: left;
	padding: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	margin-right: -10px;
	margin-left: -10px;

}

#BDY p.formOpen a:link,
#BDY p.formOpen a:visited {
	color: #fff;
	text-decoration: underline;
}

/* @group div.school */


div.school {
	padding: 0;
	margin: 0;
	float: none;
	display: block;
}
span.pijl {
	width: 20px;
	display: block;
	float: left;
	font-size: .9em;
	padding-right: 0;
	padding-top: 0;
}

#BDY div#soort00 h3 {
	color: #00B1A6;
}

#BDY div#soort01 h3 {
	color: #D32D5D;
}

#BDY div#soort02 h3 {
	color: #fcbd25;
}

#BDY div#soort03 h3 {
	color: #8C8D7D;
}

#BDY div#soort04 h3 {
	color: #0099d5;
}

#BDY div.school h4 {
	display: block;
	clear: both;
	font-weight: bold;
	font-size: .7em;
	width: 100%;
	margin: 0 0 3px;
	padding: 0;
	line-height: 108.5%;
}
#BDY div.school h4 span {
	font-size: .7em;
}
#BDY #soort04 div.school h4 {
	margin-bottom: 10px;
}
div#schooloverzicht div.school h4.ExtraOpen {
	color: #fff !important;

	padding-left: 10px;
	width: 230px;
	background-color: #333;
	padding-bottom: 4px;
	padding-top: 4px;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomleft: 8px;

}

#BDY div.school h4 a:link,
#BDY div.school h4 a:visited {
	color: #444444;
	display: block;
	width: 100%;
	padding: 2px 2px 3px 0;
	-webkit-transform: color, padding;
	-moz-transform: color;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-webkit-transition-duration: 50ms;
	-moz-transition-duration: 50ms;
	text-decoration: none;
}

#BDY div.school h4 a:hover,
#BDY div.school h4 a.hover {
	color: #fff;
	border-radius:  4px;
	padding-left: 2px;
	-webkit-transform: color, padding;
	-moz-transform: color;
	-webkit-transition-timing-function: ease-in;
	-moz-transition-timing-function: ease-in;
	-webkit-transition-duration: 150ms;
	-moz-transition-duration: 150ms;
}

#BDY div#soort00 h4 a:hover,
#BDY div#soort00 h4 a.hover {
	background-color: #00B1A6;
}

#BDY div#soort01 h4 a:hover,
#BDY div#soort01 h4 a.hover{
	background-color: #D32D5D;
}

#BDY div#soort02 h4 a:hover,
#BDY div#soort02 h4 a.hover {
	background-color: #fcbd25;
}

#BDY div#soort03 h4 a:hover,
#BDY div#soort03 h4 a.hover {
	background-color: #8C8D7D;
}

#BDY div#soort04 h4 a:hover,
#BDY div#soort04 h4 a.hover {
	background-color: #0099d5;
}


/* @group schoolInfo */

div.school div.schoolInfo {
	margin: 0 0 5px 2px;
	text-align: left;
	color: #3f3f3f;
	font: bold .7em/100% "Droid Sans", Helvetica, Arial, "Helvetica Neue", Geneva, sans-serif;
	padding: 0 0 0 8px;
	border-left: 2px solid #77777e;
}

#BDY ul.schoolAdres {

	color: #777;
	padding: 2px 0 0;
	margin: 0;
	list-style: none;
}

ul.schoolAdres li {
	display: block;
	margin: 0;
	padding: 0 0 4px;
}

#BDY div.school a:link,
#BDY div.school a:visited {
	color: #777;
	font-weight: bold;
	text-decoration: none;
}
#BDY div.school a.meerInfoLink:link,
#BDY div.school a.meerInfoLink:visited {
	color: #333;
}

#BDY #soort03 div.school a.meerInfoLink:link,
#BDY #soort03 div.school a.meerInfoLink:visited {
display: none;
}

div.school a:hover {
	text-decoration: underline;
}



/* @end */

/* @end */



/* @end */
/* @group Infomomenten */
div.hide {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    color: #454646;
    font-size: 2em;
    line-height: 1.2;
	background: #fff;
	background: rgba(255, 255, 255, 0.95);
    text-shadow: -1px -1px 0 rgba(215, 215, 215, 0.86);
	margin-right: 10px;
	margin-left: 10px;
	padding: 2em 1.5em 800px;
}
#inschrijven.antwerpen div.hide {
	padding-bottom: 690px;
}

#infomomenten.lokeren div.hide {
	padding-bottom: 1150px;
}
#infomomenten table {
	border-collapse: collapse;
	width: 100%;
	font: .8em/1.25em "Droid Sans", Helvetica, Arial, "Helvetica Neue", Geneva, sans-serif;
	margin-bottom: 20px;

}
#infomomenten table th {
	border: 2px solid #ffffff;
	padding: 4px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: .8em;
}
#infomomenten.lokeren table th {
		background-color: #00b1a6;
	
}
#infomomenten table td {
	border: 2px solid #ffffff;
	padding: 4px;
	background-color: #ebebe4;
}
#infomomenten table tr td:first-child {
	font-weight: bold;
	-background-color: #fff;
}
/* @end */



/* @group Inschrijven */
#BDY dl {
	border-bottom: 1px solid #ccc;
	margin-bottom: 18px;
}

#BDY dl dt {
	padding: 5px 0;
	border-top: 1px solid #ccc;
	font: bold .9em/1.25em "Droid Sans", Helvetica, Arial, "Helvetica Neue", Geneva, sans-serif;
	margin: 5px 0 0;
}
#BDY dl dt:hover {
	cursor: pointer;
}
#BDY dl dt span.pijl {
	padding: 0 0 2px;
	display: inline-block;
}

#BDY dl dt span.dtBody {
	padding: 0 0 0 25px;
	display: block;
}

#BDY dl dt span.dtBody span.caps {
	display: inline;
	margin: 0;
	padding: 0;
}

#BDY dl dd {
	padding-left: 23px;
	padding-top: 1em;
	padding-bottom: 1em;
	font: .8em/1.5em "Droid Sans", Helvetica, Arial, "Helvetica Neue", Geneva, sans-serif;
}

#SIZinschrijf dl dd ul li { 	
font-size: 1em;
}

#SIZcontactForm ul li {
	margin-bottom: 7px;
	line-height: 1;
}



span.red {
	color: #D32D5D;	
}

#SIZcontactForm ul  span.red {
	margin-left: 25px;
	margin-top: 0;
}

/* @end */

/* @group in de media */
#BDY ul.media{
	margin: 0;
	padding: 0;
}

ul.media li {
	list-style-type: none;
	margin-bottom: 20px;
	font: bold .8em "Droid Sans", Helvetica, Arial, "Helvetica Neue", Geneva, sans-serif;
	background-color: #efefef;
	padding: 10px;
	overflow: hidden;
}
ul.media li a {
	text-decoration: none;
}

ul.media li a img {
	display: block;
	float: left;
	margin-right: 10px;
}
#BDY ul.media li a:hover img {
	border-color: #000;
}

ul.media object {
	border: 1px solid #777;
	padding: 2px;
	display: block;
}

.in-de-media ul#main_nav {
	height: 20px;
}

#BDY ul.mediaNav {
	list-style-type: none;
	list-style: none;
	margin: 0 0 1em;
	padding: 0;
	position: relative;
		border-bottom: 1px solid #bebdae;
	
	z-index: 2000;
	height: 25px;
}

#BDY ul.mediaNav li {
	font: bold 1em "Droid Sans", Helvetica, Arial, "Helvetica Neue", Geneva, sans-serif;
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 0;
	bottom: 0;
}

#BDY ul.mediaNav li a:link,
#BDY ul.mediaNav li a:visited {
	display: block;
	height: 25px;
}


#BDY ul.mediaNav li a:hover,
#BDY ul.mediaNav li a:active {
	background: transparent url(img/sub_nav_active.gif) no-repeat center bottom;
	color: #555;
	text-decoration: none;
}
#BDY ul.mediaNav li a.active:link,
#BDY ul.mediaNav li a.active:visited{
	color: #333;
	background: transparent url(img/sub_nav_active.gif) no-repeat center bottom;
}


div.media {
	position: relative;
	width: 100%;
	margin-right: 10px;
}
div.item {
	width: 30%;
	background-color: #dfdfd2;
	text-align: center;
	padding: 10px;
	overflow: hidden;
	font: bold .8em "Droid Sans", Helvetica, Arial, "Helvetica Neue", Geneva, sans-serif;
	display: block;
	border-radius: 15px;
	float: left;
	margin-bottom: 10px;
	-webkit-transition: all .25s ease-in-out 0s;
	-moz-transition: all .25s ease-in-out 0s;
	transition: all .25s ease-in-out 0s;
	
	
}

div.item.dubbel {
		width: 60%;
	
	
}
div.item:hover {
	background-color: #c8c8b2;
	-webkit-transition: all .25s ease-in-out 0s;
	-moz-transition: all .25s ease-in-out 0s;
	transition: all .25s ease-in-out 0s;
	
}
.item img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	width: 90%;
}
/* @end */

/* @group scholen_data */

#BDY table#scholen_table {
	border-collapse: collapse;
}

#BDY #scholen_table th {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid gray;
	background-color: gray;
	color: white;
	padding: 2px;
}
#BDY #scholen_table td {
	border: 1px solid gray;
	border-spacing: 0;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
}

/* @end */
/* @end */
/* @group #FTR */

#FTR {
	font: bold .5em "Droid Sans", Helvetica, Arial, "Helvetica Neue", Geneva, sans-serif;
	color: #bbb;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-bottom: 20px;
	border-top: 1px solid #ddd;
	padding-top: 20px;
	margin: 50px 10px 20px;
	padding-left: 0;
}

#FTR a:link,
#FTR a:visited {
		color: #bbb;

}


/* @end */

/* @group .popup */

div.mask {
	width: 100%;
	height: 100%;
	background: #efefef;
	background: rgba(255, 255, 255, 0.86);
	top: 0;
	left: 0;
	z-index: 1000;
	display: block;
	position: absolute;
	padding-bottom: 40px;
}

div.popup {
	display: block;
	width: 732px;
	color: #fff;
	font: .85em/150% "Droid Sans", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	letter-spacing: 0;
	background: rgb(40,40,40);
	background: rgba(20, 20, 20, 0.9);
	left: 0;
	border-radius:  15px;
	-moz-box-shadow: 3px 3px 15px #919090;
	-webkit-box-shadow: 3px 3px 15px #919090;
	box-shadow: 3px 3px 15px #919090;
	text-shadow: -1px -1px 0 rgba(8, 8, 8, 0.45);
	position: relative;
	padding: 0 40px 40px;
	border: 3px solid #434242;
	margin: 50px auto 100px;
}

a.sluit:link,
a.sluit:visited {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 16px;
    border-width: 3px;
    border-style: solid;
    text-align: center;
    vertical-align: super;
    padding: 1px 4px 7px;
    background-color: #000;

    color: #fff;
    font: bold 1.4em Helvetica, Arial, "Helvetica Neue", Geneva, sans-serif;
    text-decoration: none;
	z-index: 3000;
	position: absolute;
	left: -14px;
	top: -14px;
}

div.popup h3 {
	text-transform: capitalize;
	color: #fff;
	margin-top: .75em;
	font: 4em/100% 'Vollkorn', Georgia, "Times New Roman", Times, serif;
	padding: 0;
	margin-bottom: 0;
	overflow: hidden;
}
div.popup h3 span {
	font-size: .5em;
	font-style: italic;
}
div.popup h4 {
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: .9em;
	margin-top: 1em;
	color: #0099D8;
	margin-bottom: 0;
	padding-bottom: 0;
	padding-top: 0;
}

div.popup h5 {
	font-weight: bold;
	color: #fff;
	margin-top: 1em;
}

div.popup h6 {
	font-weight: bold;
	color: #a2a1a1;
	margin-top: 1em;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: .9em;
}

div.popup a:link,
div.popup a:visited {
	color: #fff;
}

div.popup img {
	margin-right: 20px;
	margin-top: 20px;
	padding: 0;
	border: 1px solid #fff;
}

div.popup p {
	margin: 5px 0 1em;
	padding-right: 20px;
}

div.popup p em {
	font-style: italic;
}

div.popup p strong {
	font-weight: bold;
	color: #b3b3b3;
}

div.popup ul {
	padding: 0;
	margin: 0 0 12px;
}

/* @group .Form */

div.popup.Form {
	width: 850px;
	padding-top: 10px;
}

div.popup.form ul {
	padding: 0;
	margin-top: .5em;
}
div.popup.form ul li {
	padding-left: 0;
	padding: 0;
	margin: 0;
	clear: both;
	list-style-type: none;

}

div.popup.form ul li input {
	padding: 0;
	margin: 0;
}

div.field {
	margin-bottom: 10px;
}
/*
#SIZcontactForm h3 {
	font-size: 1.75em;
	margin: 1em 0 .5em;
	color: #fff;
	padding-left: 10px;
}

#SIZcontactForm h4 {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
	font-size: .85em;
	padding: 0 0 0 10px;
	vertical-align: top;
	margin: 1.5em 0 .5em;
	clear: both;
}
*/

div.popup.Form h3 {
	font-size: 2em;
	margin-bottom: 20px;
}
.Form h4 strong {
	text-decoration: underline;
}
/*
#SIZcontactForm h5 {
	margin: 0;
	font-size: 1.1em;
	color: #bfbfbf;
}

#SIZcontactForm h6 {
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: .65em;
	margin: 1em 0 .5em;
}
*/

.Form fieldset {

	margin-top: 1em;
	-background-color: #3f3f3f;
	font-size: .9em;
	font-weight: bold;
	clear: both;
}

.popup .field p {
	margin-left: 230px;
	margin-top: 20px;
}
.popup.Form h4 {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #434242;
}

#FSandere {
	display: none;
}

#FSsubmit button {
	float: right;
	margin-right: 10px;
}

.Form legend {
	margin: 1em 0;
	display: block;
	font-size: 1.2em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.Form label {
	display: block;
	width: 210px;
	text-align: left;
	margin-bottom: 0;
	margin-top: 0;
	margin-right: 20px;
	float: left;
}
.Form input.error {
	background-color: #fdfdae;
}
.Form label.error {
	display: block;
	text-align: left;
	float: none;
	color: yellow;
	width: auto;
	font-weight: bold;
	font-size: 1.1em;
	padding-top: 2px;
	margin-left: 230px;
}

.Form #FScontact p label.error {
	margin: 0 0 0 10px;
	display: inline;
}
.Form #FSpersonen p label.error {
	display: inline;
	margin: 0 1em 0 .5em;
}
.Form input {
	width: 560px;
	height: 20px;
	color: #555;
	border-radius: 4px;
	border: none;
	font-weight: bold;
	padding: 4px;
	font-size: 1.2em;
	-moz-box-shadow: inset 0 1px 2px #565656;
	-webkit-box-shadow: inset 0 1px 2px #565656;
	box-shadow: inset 0 1px 2px #565656;
}

.Form input:focus {
	color: #000;
	font-weight: bold;
}

.Form input.checkbox,
.Form input.radio {
	display: inline;
	vertical-align: middle;
	margin-right: 10px;
	width: 1.2em;
	height: 1.2em;
}

.Form h4 input.checkbox {
	margin: 0 10px 0 0;
}

.Form p.warning{
	color: #fff;
	float: left;
	display: block;
	background-color: #00b1a6;
	padding: 2px 5px;
	margin-left: 26px;
	margin-top: 9px;
}

input#Fjaar {
	width: 4em;
	display: inline;
}

input#FaantalPersOpen  {
	width: 4em;
	display: inline;
	margin-left: .5em;
	margin-right: .5em;
}

li.uur {
	display: block;
	font-size: 1.1em;
	background-color: #a2a1a1;
	color: #282828;
	padding: 3px;
	text-shadow: none;
	border-radius: 3px;
	margin: 2px 0 0;
	width: 50px;
}


div.FSopenL {
	float: left;
	padding-left: 0;
	width: 240px;
}
div.FSopenL50 {
	float: left;
	padding-left: 0;
	width: 365px;
}

div.FSopenR {
	float: left;
	margin-left: 20px;
	border-left: 1px solid #333;
	padding-left: 20px;
	width: 560px;
}

div.FSopenR50 {
	float: left;
	margin-left: 20px;
	border-left: 1px solid #333;
	padding-left: 20px;
}



/* @end */

/* @group .Extrainfo */

.infoWrapper {
		overflow: hidden;
	
}

.popup ul.schoolUren {
	list-style-type: none;
	margin-left: 0;
}

div.woordjeUitleg pre {
	line-height: 70%;
	font-family: Consolas, Monaco, "Courier New", Courier, mono;
	font-weight: normal;
	font-style: normal;
	color: #ccc;
}
div.woordjeUitleg pre b {
	font-weight: bold;
	color: #fff;
}

.popup p.schoolType {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
	line-height: 100%;
	margin: 1em 0;
}
div.standaardInfo {
	float: left;
	width: 300px;
	margin-right: 20px;
	font-weight: bold;
	padding-top: 0;
}
div.woordjeUitleg {
	float: left;
	width: 400px;
	font-weight: bold;
	padding-top: 0;
}

div.popup div.woordjeUitleg ul {
	padding: 0;
	margin: 0 0 12px 14px;
	list-style-type: disc;
}

div.woordjeUitleg a:link, div.woordjeUitleg a:visited {
	color: #fff;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
}
div.woordjeUitleg a:hover, div.woordjeUitleg a:active {
	color: #0099d8;
}

/* @end */

/* @end */
/* 960 grid system

In the 12-column version, the narrowest column is 60 pixels wide. Each column after that increases by 80 pixels.

column widths: 
1  | 2   | 3   | 4   | 5   | 6   | 7   | 8   | 9   | 10  | 11  | 12
60 | 140 | 220 | 300 | 380 | 460 | 540 | 620 | 700 | 780 | 860 | 940

*/