/*
#################
#	ALGEMEEN	#
#################
*/
body, html, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, form { margin: 0; padding: 0; }
html { font: 62.5%/200% Verdana, Arial, Tahoma, sans-serif; overflow-y: scroll; }
body { background: #7894cc url(/img/bg-body.png) no-repeat center 263px fixed; font-size: 1.2em; }

/* Algemene classnames
------------------------------------------------------------------*/
.nomargin, .nom { margin: 0; }
.nopadding .nop { padding: 0; }
.nomp { margin: 0; padding: 0; }

.block { display: block; }
.inline { display: inline; }

.center { display: block; margin: auto; }

.hide, .hidden { position: absolute; left: -9999px; }

.fleft { float: left; }
.fright { float: right; }

.clear { clear: both; }
.cleft { clear: left; }
.cright { clear: right; }

.tcenter { text-align: center; }
.tleft { text-align: left; }
.tright { text-align: right; }

.vbottom { vertical-align: bottom; }
.vmiddle { vertical-align: middle; }
.vtop { vertical-align: top; }

.absolute { position: absolute; }
.relative { position: relative; }

.bold, .b, .strong { font-weight: bold; }
.em, .italic, .i { font-style: italic; }
.normal { font-weight: normal; }
.u, .underline { text-decoration: underline; }
.small { font-size: 11px; }
.lowercase { text-transform: lowercase; }
.uppercase { text-transform: uppercase; }
.capitalize { text-transform: capitalize; }

.default { cursor: default; }
.pointer { cursor: pointer; }

.highlighted { color: #fff; }

/* Afbeeldingen
------------------------------------------------------------------*/
img { border: none; display: block; }

/* Alinea's en paragafen
------------------------------------------------------------------*/
p, div.alinea { margin-bottom: 1.2em; }

/* Overflow
------------------------------------------------------------------*/
.overflow { overflow: hidden; }

/* Headings
------------------------------------------------------------------*/
h1 { font-size: 1.8em; }
h1.kluisjes { color: #c1d72e; font-size: 3em; margin: 1.8em 0 1.8em 0; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1em; }

/* Hyperlinks
------------------------------------------------------------------*/
a { color: #58585a; }
a:hover, a:focus, a.none { text-decoration: none; }
a.none:hover, a.none:focus { text-decoration: underline; }
a span, a object { cursor: pointer; }

/* Overig
------------------------------------------------------------------*/
address { font-style: normal; }
span.abbr { border-bottom: 1px dotted; cursor: help;}

/*
################
#	LAYOUT	   #
################
*/

/* Container
------------------------------------------------------------------*/
div#container {
	background: url(/img/bg-container.png) no-repeat top;
	margin: 0 auto;
	width: 914px;
	padding: 57px 21px 10px 21px;
	position: relative;
}

/* Logo
------------------------------------------------------------------*/
p#logo {
	background: url(/img/bg-logo.png) no-repeat;
	height: 120px;
	overflow: hidden;
	text-indent: -9999px;
	margin-top: 37px;
}
p#logo a { display: block; height: 120px; }
p.logoborder {
	border-bottom: 1px solid #e5e6e6;
	padding-bottom: 25px;
	margin-bottom: 0;
}

/* Top
------------------------------------------------------------------*/
div#top {
	background: url(/img/bg-top.png) no-repeat;
	height: 102px;
	left: 50px;
	position: absolute;
	top: 0px;
	width: 853px;
	z-index: 3;
}

/* Headerafbeeling
------------------------------------------------------------------*/
div.header-afbeelding { background: no-repeat; height: 378px; }

/* Breadcrumbs
------------------------------------------------------------------*/
p#breadcrumbs { color: #000; font-size: 0.8em; line-height: 140%; margin-bottom: 8px; padding: 4px 0 0 32px; }
p#breadcrumbs span { color: #631f64; font-weight: bold; margin: 0; }
p#breadcrumbs a { color: #000; font-weight: normal; }
div.content-links-breed p#breadcrumbs { padding-left: 0; }
p.geen-foto { margin-top: 44px; }
/* Kolommen
------------------------------------------------------------------*/
div.kolom-wrapper { z-index: 100; }
div.kolom-links { float: left; width: 662px; position: relative; z-index: 2; }
div.kolom-rechts {
	float: right;
	margin-right: 32px; /* ie6 */
	overflow: hidden;
	width: 200px;
}
div.agenda-links {
	float: left; 
	width: 458px;
	padding-left: 32px;
}
div.agenda-rechts { 
	float: right; 
	width: 384px;
	padding-right: 32px;
}
div.faq-wrapper { margin-top: 1.2em; }
div.faq-links {
	float: left;
	width: 412px;
	margin-left: 32px; /* ie6 */
}
div.faq-rechts {
	float: right;
	width: 422px;
	margin-right: 32px; /* ie6 */
}
div.overzicht-links { width: 420px; margin-top: 338px; }
div.overzicht-rechts { width: 408px; }

/* Content
------------------------------------------------------------------*/
div.content { margin-left: 32px; }
div.content-links { float: left; overflow: hidden; width: 200px; }
div.content-links-breed { 
	background-repeat: no-repeat;
	float: left;
	width: 410px; 
	padding: 286px 0 0 32px;
}
div.content-rechts { float: right; width: 410px; }
div.content-rechts-klein { 
	float: right;
	width: 200px; 
	padding-top: 48px;
}

div.content-afbeelding { margin-left: 0; }

/* flash-content
------------------------------------------------------------------*/
div#flash-wrapper { width: 630px; overflow: hidden; }
div#flash-wrapper-home {
	height: 280px;
	margin: 60px 0 0 28px;
	position: absolute;
	width: 412px;
	z-index: 20; /* Om het flash menu voor de iFader te tonen */
}

a.swf-anchor {
	background: url(/img/opties.gif) no-repeat -999999px -999999px;
	height: 280px;
	position: absolute;
	width: 200px;
	z-index: 1;
}


/* E-card bekijken
------------------------------------------------------------------*/
div#ecard {
	padding-top: 14px;
}
div#ecard div.text {
	padding: 8px;
}	

/* In- en uitklapbare blokken
------------------------------------------------------------------*/
.ingeklapt h2, .uitgeklapt h2 { cursor: pointer; }
.ingeklapt .inhoud { display: none; }
.uitgeklapt .inhoud { display: block; }

/* Illustraties
------------------------------------------------------------------*/
p.illustratie img { margin: 0 auto; }
p.illustratie span {
	display: block;
	font-size: .9em;
	font-style: italic;
	text-align: center;
}
img.illustratie { float: right; margin-right: 0; margin-left: 8px; }
img.illustratie-links { float: left; margin: .5em 8px .3em 0; }
div.blok img.illustratie {
	display: block;
	float: none;
	margin: 0 auto 2em;
}

div.bannercomp img.afbeelding { display: block; margin: 0 auto; }

/* Blokken 200px breed
------------------------------------------------------------------*/
/* Algemeen blokken */
div.border-top {
	border-top: 1px solid #e3e4e5;
	padding-top: 12px;
	margin: 12px 0;
}
div.border-bottom {
	border-bottom: 1px solid #e3e4e5;
	padding-bottom: 12px;
	margin-bottom: 12px;
}

/* E-cardmodule
------------------------------------------------------------------*/
form#stuur-ecard h2 {
	color: #7894cc;
	margin-bottom: .3em;
}
form#stuur-ecard fieldset {
	border: 1px solid silver;
	margin-bottom: 12px;
	padding: 8px;
}
form#stuur-ecard legend { font-weight: bold; }
form#stuur-ecard label { font-weight: normal; }
ul.e-cards li {
	float: left;
	margin: 8px 10px;
	text-align: center;
	border: 1px solid #dfdfdf;
	padding:10px;
}
form#stuur-ecard ol.gegevens li {
	float: left;
	width: 48%;
}
form#stuur-ecard ol.gegevens li.rechts { float: right; }
form#stuur-ecard textarea { height: 140px; width: 98%; }

/* div.blok (algemeen)
------------------------------------------------------------------*/
div.blok {  background: no-repeat 0 bottom; padding-bottom: 10px; }
div.blok div.alinea { margin-bottom: 0; }
div.blok div.inner { background: no-repeat 0 top; padding: 10px 15px 0; }
div.blok h3 { font-size: 1.6em; padding-bottom: 5px; }
div.blok h3.kleiner { font-size: 1.4em; padding-bottom: 5px; }
div.blok img.afbeelding { padding-bottom: 8px; }
div.blok div.bolder { font-size: 1.4em; font-weight: bold; }

/* Lichtgroen */
div.blok-lichtgroen,
div.blok-lichtgroen div.inner { background-image: url(/img/bg-blok-lichtgroen.png); }

div.blok-lichtgroen h3,
div.blok-lichtgroen div.bolder,
div.blok-lichtgroen a { color: #631f63;}

/* Groen */
div.blok-groen { color: #000; }
div.blok-groen,
div.blok-groen div.inner { background-image: url(/img/bg-blok-groen.png); }

div.blok-groen h3,
div.blok-groen div.bolder { color: #fff; }

/* Donkerblauw */
div.blok-donkerblauw { color: #fff; }

div.blok-donkerblauw,
div.blok-donkerblauw div.inner { background-image: url(/img/bg-blok-donkerblauw.png); }

div.blok-donkerblauw h3,
div.blok-donkerblauw a,
div.blok-donkerblauw div.bolder { color: #fff; }


/* Lichtblauw */
div.blok-lichtblauw { color: #590258; }
div.blok-lichtblauw,
div.blok-lichtblauw div.inner { background-image: url(/img/bg-blok-blauw.png); }

div.blok-lichtblauw h3,
div.blok-lichtblauw a,
div.blok-lichtblauw div.bolder { color: #590258; }
div.meerfotogalerij a { color: #7894cc; }
/* Lichtpaars */
div.blok-lichtpaars { color: #000; }
div.blok-lichtpaars,
div.blok-lichtpaars div.inner { background-image: url(/img/bg-blok-lichtpaars.png); }

div.blok-lichtpaars h3,
div.blok-lichtpaars h4,
div.blok-lichtpaars a,
div.blok-lichtpaars div.bolder { color: #631F64; }

/* Donkerpaars */
div.blok-donkerpaars { color: #fff; }

div.blok-donkerpaars,
div.blok-donkerpaars div.inner { background-image: url(/img/bg-blok-donkerpaars.png); }

div.blok-donkerpaars h3,
div.blok-donkerpaars h4,
div.blok-donkerpaars a,
div.blok-donkerpaars div.bolder { color: #fff; }

/* Paarsgradient */
div.blok-paarsgradient { color: #fff; }

div.blok-paarsgradient,
div.blok-paarsgradient div.inner { background-image: url(/img/bg-blok-paarsgradient.png); }

div.blok-paarsgradient h3,
div.blok-paarsgradient h4,
div.blok-paarsgradient a,
div.blok-paarsgradient div.bolder { color: #fff; }

/* Groengradient */
div.blok-groengradient { color: #fff; }

div.blok-groengradient,
div.blok-groengradient div.inner { background-image: url(/img/bg-blok-groengradient.png); }

div.blok-groengradient h3,
div.blok-groengradient h4,
div.blok-groengradient a,
div.blok-groengradient div.bolder { color: #fff; }

/* Blogs */
div.blok-blogpersoon { font-size: 1.2em; }
div.blok-blogs { font-size: 1.2em; }
div.blok-blogs ul { margin-bottom: 1em; }
div.blok-blogpersoon a { color: #7894cc; }
div.blok-blogs h3 {	color: #590258; }

/* Randpaars */
div.blok-randpaars { background: url(/img/bg-blok-randpaars.png) no-repeat 0 bottom; padding-bottom: 1em; }
div.blok-randpaars div.inner { background: url(/img/bg-blok-randpaars.png) no-repeat 0 top; padding-top: 1em; }
div.blok-randpaars h2 { 
	background: url(/img/pijl-groenrechtsopwit.png) no-repeat 12px 5px; 
	padding: 0 0 1em 1.5em;
	font-size: 1.8em;
}
div.blok-randpaars h2,
div.blok-randpaars h2 a { color: #590258; }

div.galerij div.fscroller {
	height: 92px;
}

/* blok-videoblog */
div.blok-videoblog h2 { 
	background: url(/img/pijl-paarsrechtsopgroen.png) no-repeat 0 4px;
	padding-left: 13px;
	color: #fff;
	font-size: 1.6em;
}
div.blok-videoblog div.item { padding-left: 13px; margin-top: 6px;	 }
div.blok-videoblog div.item h3 { font-size: 1.2em; font-weight: bold; padding: 3px 0 0 0; }
div.blok-videoblog div.item h3 a { color: #6f3570; }
div.blok-videoblog div.item p { color: #fff; }

div.blok p.pijlrechts,
div.blok-breed p.pijlrechts,
div.blok-breder p.pijlrechts { text-align: right; margin: 0; height: 30px; }

div.blok-breed p.pijlrechts a { text-decoration: none; }
div.blok-breed p.pijlrechts-back img { vertical-align: middle; margin-right: 16px; }
div.blok-breed p.pijlrechts-extra img { vertical-align: middle; margin-left: 8px; }
div.blok-breed div#videoles p.pijlrechts-extra { margin-top: 5.6em; }
div.blok-breed div#videoles p.pijlrechts-extra img { vertical-align: middle; margin-left: 8px; }

/* Lettergrootte
------------------------------------------------------------------*/
div#lettergrootte {
	border-top: 1px solid #E3E4E5;
	color: #a0a0a0;
	margin-bottom: -12px; /* ie */
	padding: 8px 0 0 8px;
	
}
div#lettergrootte dt {
	float: left;
	font-size: 1em;
	font-weight: normal;
	margin-right: 8px;
}
div#lettergrootte dd, div#lettergrootte li { float: left; }

div#lettergrootte a {
	background: #a2a297 url(/img/lettergrootte.gif) no-repeat 0 center;
	display: block;
	height: 15px;
	line-height: 15px;
	margin: 2px 3px 0 3px;
	outline: none;
	text-indent: -9999px;
	width: 15px;
}
div#lettergrootte a.kleiner { background-position: -16px center }

div#lettergrootte li.disabled a,
div#lettergrootte li.disabled span {
	background-color: #c8c8bf;
	cursor: default;
}

/* Blok-breder 410px breed
------------------------------------------------------------------*/

/* div.blok-breder (algemeen) */
div.blok-breder {  background: no-repeat 0 bottom; padding-bottom: 10px; }
body#searchengine div.blok-breder { margin-bottom: 16px; }
div.blok-breder div.inner { background: no-repeat 0 top; padding: 10px 10px 0; }
div.blok-breder h1,
div.blok-breder h2 { font-size: 1.8em; line-height: 130%; padding-bottom: 0.5em; }
div.blok-breder div.bolder { font-size: 1.4em; font-weight: bold; margin-bottom: 0; }
div.blok-breder div.alinea h2 { padding-bottom: 0; }
div.blok-breder img.afbeelding { padding-bottom: 0.5em; }
div.blok-breder ul { margin-left: 15px; list-style: disc; }
div.blok-breder img.video { background: #fff; border: 2px solid #bcbcbc; padding: 2px; }

/* Wit */
div.blok-breder-wit h1,
div.blok-breder-wit h2,
div.blok-breder-wit a,
div.blok-breder-wit div.bolder { color: #631f64; }

/* Lichtgroen */
div.blok-breder-lichtgroen,
div.blok-breder-lichtgroen div.inner { background-image: url(/img/bg-blokbreder-lichtgroen.png) }
div.blok-breder-lichtgroen h1, 
div.blok-breder-lichtgroen h2,
div.blok-breder-lichtgroen a,
div.blok-breder-lichtgroen div.bolder { color: #7894cc; }
div.blok-breder-lichtgroen .highlighted { background-color: #7894CC; }

/* Lichtblauw */
div.blok-breder-lichtblauw,
div.blok-breder-lichtblauw div.inner {  background-image: url(/img/bg-blokbreder-lichtblauw.png) }
div.blok-breder-lichtblauw h1,
div.blok-breder-lichtblauw h2,
div.blok-breder-lichtblauw a,
div.blok-breder-lichtblauw div.bolder { color: #580056; }
div.blok-breder-lichtblauw .highlighted { background-color: #580056; }

/* Lichtpaars */
div.blok-breder-lichtpaars, 
div.blok-breder-lichtpaars div.inner { background-image: url(/img/bg-blokbreder-lichtpaars.png); }
div.blok-breder-lichtpaars h1,
div.blok-breder-lichtpaars h2,
div.blok-breder-lichtpaars a,
div.blok-breder-lichtpaars div.bolder { color: #580056; }
div.blok-breder-lichtpaars .highlighted { background-color: #580056; }

/* Blok Bijzonder */
div.blok-bijzonder { padding-bottom: 28px; }
div.blok-bijzonder,
div.blok-bijzonder div.inner { background-image: url(/img/bg-bijzonder.png); }
div.blok-bijzonder div.inner { padding-left: 0; padding-right: 0;}
div.blok-bijzonder h2 {
	font-size: 1.7em; 
	padding-left: 14px;
}
div.blok-bijzonder h2, div.blok-bijzonder h2 a { color: #fff; }
ul#bijzonder { list-style: none; margin-left: 0; }
ul#bijzonder li {
	background: url(/img/bg-bijzonder-li.png) no-repeat;
	color: #fff;
	position: relative;
}
ul#bijzonder li a,
ul#bijzonder li span.titel {
	background: url(/img/bg-bijzonder-stip.png) no-repeat 11px 12px;
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 1.5em;
	font-weight: bold;
	padding: 6px 0 9px 1.4em;
	text-decoration: none;
	margin: 2px 0;
	height: 1%;
}
ul#bijzonder div.uitklapmenu {
	background-color: #fff;
	border-left: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	color: #58585a;
	display: none;
	padding: 2em 2em .5em 2em;
}
ul#bijzonder li.uitgeklapt div.uitklapmenu { display: block; }
ul#bijzonder li.uitgeklapt a { background-image: url(/img/bg-bijzonder-pijl.png); }
ul#bijzonder li img.afbeelding {
	position: absolute;
	top: -9999px;
	right: 9999px;
}
ul#bijzonder li.uitgeklapt img.afbeelding,
ul#bijzonder li.last img.afbeelding {
	top: -113px;
	right: 0;
}

ul#bijzonder p.pijlrechts { text-align: right; margin: 0; }
ul#bijzonder p.pijlrechts a { background: none; }

/* Blok Bijzonder op de homepage */
div.blok-bijzonderhome { padding-bottom: 50px; margin-top: 0; }
div.blok-bijzonderhome h2 { line-height: 160%; }
div.blok-bijzonderhome ul#bijzonder li img.afbeelding { 
	display: none; 
	position: absolute; 
	bottom: 3px; 
	top: auto; 
	right: 0; 
}
div.blok-bijzonderhome ul#bijzonder li.hover img.afbeelding { display: block; }
div.blok-bijzonderhome ul#bijzonder li { position: static; height: 1%; margin: 0; padding: 0; }
ul#bijzonder li a { margin: 0; }
div.blok-bijzonderhome {
	position: relative;
}

/* Blok alle opleidingen */
div.blok-breder-opleidingen { background: url(/img/blok-opleidingen.jpg) no-repeat; height: 201px; line-height: 18px; padding: 14px 0 0 234px; }
div.blok-breder-opleidingen h2 { font-size: 17px; }
div.blok-breder-opleidingen h2,
div.blok-breder-opleidingen h2 a { color: #fff; }
div.blok-breder-opleidingen ul { 
	margin-top: 8px; 
	font-size: 14px;
	font-weight: bold; 
	text-transform: uppercase; 
}
div.blok-breder-opleidingen ul li { border-bottom: 1px solid #834182; padding-bottom: 1px; }
div.blok-breder-opleidingen ul li a { color: #fff; display: block; line-height: 21px; }

img#alle-opleidingen {
	margin: -14px 0 0 -234px;
	position: absolute;
}

/* Blok-breder 422px breed
------------------------------------------------------------------*/
div.blok-422 { background: url(/img/bg-blok422.png) no-repeat bottom; padding-bottom: 10px; }
div.blok-422 div.inner { background: url(/img/bg-blok422.png) no-repeat top; padding: 18px 18px 0 18px; }
div.blok-422 h2 { 
	color: #c1d72e;
	font-size: 2em; 
	padding-bottom: 0.9em;
}
div.blok-422 h3 { 
	color: #590258;
	font-size: 1.55em;
	font-weight: normal;
	line-height: 140%;
}
div.blok-422 img.afbeelding { margin: 1.3em 0; }
div.blok-422 p { color: #58585a; }
/* Blok-breed 630px breed
------------------------------------------------------------------*/
div.blok-breed {  background: no-repeat 0 bottom; padding-bottom: 25px; margin-bottom: 0.2em; color: #58585a; }
div.blok-breed div.inner { background: no-repeat 0 top; padding: 10px 22px 0; }
div.blok-breed h1,
div.blok-breed h2 { font-size: 1.8em; line-height: 130%; padding-bottom: 0.7em; }
div.blok-breed div.alinea h2 { padding-bottom: 0.2em; }
div.blok-breed img.afbeelding { padding-bottom: 0.5em; }
div.blok-breed ul { margin-left: 15px; list-style: disc; }

div.blok-breed-lichtgroen,
div.blok-breed-lichtgroen div.inner { background-image: url(/img/bg-blokbreed-lichtgroen.png); }
div.blok-breed-lichtgroen a,
div.blok-breed-lichtgroen h1,
div.blok-breed-lichtgroen h2,
div.blok-breed-lichtgroen h3 { color: #590258; }
div.blok-breed-lichtgroen h2 { font-size: 1.5em }
div.blok-breed-lichtgroen h3 { font-size: 1.1em }

div.blok-breed-lichtblauw,
div.blok-breed-lichtblauw div.inner { background-image: url(/img/bg-blokbreed-lichtblauw.png) }
div.blok-breed-lichtblauw a,
div.blok-breed-lichtblauw h1,
div.blok-breed-lichtblauw h2,
div.blok-breed-lichtblauw h3 { color: #590258; }
div.blok-breed-lichtblauw h2 { font-size: 1.5em }
div.blok-breed-lichtblauw h3 { font-size: 1.1em }

/* Blok downloads-lijst
------------------------------------------------------------------*/
div.download-lijst { margin-bottom: 24px; padding-bottom: 18px; }
div.download-lijst h2 {
	background: url(/img/pijl-groenrechtsoplb.png) no-repeat 4px 4px;
	color: #590258;
	font-size: 1.5em;
	padding: 0 0 8px 22px;
}
div.download-lijst table {
	width: 100%;
}
div.download-lijst thead { display: none; }

/* Videoblok
------------------------------------------------------------------*/
div.videoblok div.tekst  { float: left; width: 150px; }
div.videoblok h2 {
	background: url(/img/pijl-groenrechts.png) no-repeat 0px 8px;
	padding-left: 15px;
}
div.videoblok h2, div.videoblok h2 a { color: #590258; }
div.videoblok h3 {  padding-left: 15px; font-size: 1.2em; }
div.videoblok h3 a { color: #590258;  }
div.videoblok p { padding-left: 15px; }

/* Roosterblok
------------------------------------------------------------------*/
div.roosterblok {
	border: 1px solid #a179a2;
	border-width: 1px 0;
	margin-top: -1px;
	padding: 6px 0;
}
div.roosterblok h2 { font-size: 1.4em; }

/* Download
------------------------------------------------------------------*/
a.download {
	background: url(/img/downloads/default.gif) no-repeat 0 .3em;
	display: block;
	padding: 1px 0 1px 28px;
}
a.download-doc { background-image: url(/img/downloads/doc.gif); }
a.download-pdf { background-image: url(/img/downloads/pdf.gif); }
a.download-ppt { background-image: url(/img/downloads/ppt.gif); }
a.download-xls { background-image: url(/img/downloads/xls.gif); }

/* Ouderscomp
------------------------------------------------------------------*/
div.ouderscomp {
	background: url(/img/bg-blokbreder-lichtgroen.png) no-repeat bottom; 
	color: #590258;
	padding-bottom: 10px;
}
div.ouderscomp div.top { background: url(/img/bg-blokbreder-lichtgroen.png) no-repeat top; padding-top: 10px; }
div.ouderscomp h2 {
	background: url(/img/pijl-groenrechts.png) no-repeat 8px 4px;
	font-size: 1.8em;
	padding-left: 20px;
}
div.ouderscomp h2, div.ouderscomp h2 a { color: #590258; }
div.ouderscomp div.item {
	border-top: 1px solid #dde98c;
	margin: 10px 10px 0 10px;
	padding: 0 0 0 0;
}
div.ouderscomp div.tekst {
	float: left;
	padding-right: 10px;
	width: 232px;
}
div.ouderscomp div.tekst h3 { font-size: 1.4em; padding: 5px 0 5px 0; }
div.ouderscomp div.tekst h3 a { color: #590258; }
div.ouderscomp div.tekst p { margin: 0; line-height: 140%; }
div.ouderscomp div.tekst p.opleiding { font-size: 1.1em; }
div.ouderscomp img.afbeelding { float: left; width: 102px; }
div.ouderscomp a.verder {
	background: url(/img/pijl-groenklein.png) no-repeat bottom;
	display: block;
	float: right;
	padding-top: 49px;
	text-indent: -9999px;
	width: 17px;
}
/* Leerlingcomp
------------------------------------------------------------------*/
div.leerlingcomp { background-image: url(/img/bg-blokbreder-blauw.png); }
div.leerlingcomp div.top { background-image: url(/img/bg-blokbreder-blauw.png); }
div.leerlingcomp h2 { background-image: url(/img/pijl-groenrechtsopb.png); }
div.leerlingcomp div.item { border-top: 1px solid #fff; }
div.leerlingcomp div.tekst h3 { font-size: 1.4em; padding: 5px 0 5px 0; }
div.leerlingcomp div.tekst h3 a { color: #590258; }
div.leerlingcomp div.tekst p { color: #fff; }
div.leerlingcomp a.verder { background-image: url(/img/pijl-groenkleinopb.png); }

div.pagelead { margin-top: 1.7em; }
div.pagelead h1 { color: #590258; padding-bottom: 0.6em; }
div.pagelead p { color: #58585a; }

/* Vacatures
------------------------------------------------------------------*/
div.vacature {
	border-top: 1px solid #d0bcc5;
	margin-top: 12px;
	padding-top: 10px;
}
/* Galerij
------------------------------------------------------------------*/
div.galerij-item {
	border-bottom: 1px solid #cab9b6;
	margin-bottom: 12px;
	padding-bottom: 10px;
}
div.galerij-item div.top h2 { float: left; width: 350px; }
div.galerij-item div.top p {
	color: #7894cc;
	float: right;
	font-size: 1em;
	font-weight: bold;
	text-align: right;

}
div.galerij-item div.top p small,
div.galerij-detail div.top p small {
	color: #590258;
	font-size: 1em;
	padding-left: 5px;
}
div.galerij-item div.afbeeldingen { margin-bottom: 1em; }
div.galerij-item div.afbeeldingen a.links {
	display: block;
	width: 328px;
	float: left;
}
div.galerij-item div.afbeeldingen a.links img { height: 278px; width: 382px; }
div.galerij-item div.afbeeldingen div.rechts { float: right; width: 169px; }
div.galerij-item div.afbeeldingen div.rechts img { height: 123px; width: 169px; }
div.galerij-item div.afbeeldingen a { display: block; margin-bottom: 30px; }
div.galerij-item div.afbeeldingen a.laatste { margin-bottom: 0; }
div.galerij-detail div.top h1 { float: left; width: 350px; }
div.galerij-detail div.top p {
	color: #7894cc;
	float: right;
	font-size: 1em;
	font-weight: bold;
	margin-top: 5px;
	text-align: right;
}
div.galerij-detail p.fotodesc { color: #590258; margin-top: 0.4em; }
div.allefotos-top {
	border-top: 1px solid #cab9b6;
	color: #590258;
	margin-top: 2em;
	padding-top: 1em;
}
div.allefotos-top p {
	float: left;
	padding: 0 0 5px 0;
	margin: 0;
}
div.allefotos-top p.links { float: left; width: 162px; /* ie6 */ }
div.allefotos-top p.rechts { float: left; width: 408px; }
div#allefotos { height: 279px; overflow-y: scroll; }
div#allefotos img { height: 90px; width: 124px; }
div#allefotos ul { list-style: none; margin: 0; }
div#allefotos ul.video { float: left; width: 124px; }
div#allefotos ul.video li,
div#allefotos ul.foto li,
div#allefotos ul.eentype li { margin-bottom: 12px; }
div#allefotos ul.video li a { display: block; height: 1%; }
div#allefotos ul.foto { float: right; width: 408px; }
div#allefotos ul.foto li,
div#allefotos ul.eentype li { float: left; margin-right: 12px; position: relative; }
div#allefotos a.dl {
	background: #fff;
	bottom: 1px;
	display: none;
	font-size: 10px;
	left: 1px;
	padding: 0 6px;
	position: absolute;
	text-decoration: none;
}
div#allefotos a.dl:hover,
div#allefotos a.dl:focus { text-decoration: underline; }
div#allefotos li:hover a.dl { display: block; }

/* Foto/video scroller
------------------------------------------------------------------*/
div.blok-randpaars div.inner { position: relative; width: 200px; }
div.fscroller a { float: left; margin-right: 10px; width: 144px; }
div.linksrechts a.links {
	background: url(/img/pijl-groenkleinlinksopwit.png) no-repeat;
	float: left;
	display: block;
	width: 24px; height: 23px;
	text-indent: -9999px;
	margin-left: 28px; /* ie6 */
}
div.linksrechts { padding-top: 102px; }
div.linksrechts a.rechts {
	background: url(/img/pijl-groenkleinrechtsopwit.png) no-repeat;
	float: right;
	display: block;
	width: 24px; height: 23px;
	text-indent: -9999px;
	margin-right: 28px; /* ie6 */
}
/* Videoles
------------------------------------------------------------------*/
div#videoles div.item { float: left; margin: 0 40px 0 0; padding-bottom: 24px; width: 265px; }
div#videoles div.twee { margin-right: 0; }
div#videoles div.item a.afbeelding {
	display: block;
	float: left;
	width: 158px; 
}
div#videoles div.item h2 {
	background: url(/img/pijl-groenklein.png) no-repeat;
	font-size: 1.2em;
	line-height: 113%;
	padding-left: 25px;
}
div#videoles div.item p { color: #590258; margin: 0; }
div#videoles div.item p.min { color: #7894cc; font-weight: bold; }
div#videoles div.item div.rechts {
	float: left;
	margin-left: 6px;
	width: 100px;
}
div#allevideos { height: 426px; overflow-y: scroll; }
div#allevideos div#videoles div.item { margin-right: 0; }
div#videoles div.twee { float: right; }
div#videoles div.info { border-bottom: 1px solid #e4e5d1; margin: 0.5em 0 2em 0; }
div.blok-videoles h3 { background: url(/img/pijl-groenrechtsopgr.png) no-repeat 1px 2px; padding-left: 15px; }
div.blok-videoles h3 a { color: #590258; }
div.blok-videoles p { margin: 0 0 0 1.3em; }
div.blok-videoles img.illustratie { margin-top: 1em; }

/* Videoblog
------------------------------------------------------------------*/
img.videoblog { float: left; margin-right: 1em; }
div#videoles .blogtekst { clear: both; padding-top: 0.5em; }

/* Leerlingblogs
------------------------------------------------------------------*/
div#lblog h1 {
	background: url(/img/pijl-groenrechtsoplb.png) no-repeat left 7px;
	color: #590258;
	font-size: 2em;
	padding: 0 0 0 14px;
}
div#lblog h2 { display: inline;}
div#lblog h2 a { background: url(/img/pijl-groenkleinblog.png) no-repeat right 2px; padding: 0 30px 0 0; }
div#lblog div.item {
	border-top: 1px solid #fff;
	padding: 1.6em 0 0 0;
	margin-top: 1.6em;
}
div#lblog div.item div { padding-top: 0.5em; }
div#lblog div.item img.afbeelding { float: right; }
div#lblog ul.blogs, div#lblog ul.info { margin: 0; list-style: none; }
ul.blogs {  float: left; width: 340px; }
ul.blogs a { color: #7894cc; font-size: 1.2em; }

div#lblog div.item div.blogger-intro {
	float: left;
	display: inline;
	font-size: 1.2em;
	margin-right: 20px;
	min-height: 8px;
	padding-top: 0;
	width: 296px;
}
div#lblog div.item div.blogger-intro,
div#lblog div.item div.blogger-intro ul a {
	color: #7894cc;
}
div#lblog div.item div.blogger-intro h3 { font-size: .9em; }

ul.info {
	list-style: none;
	float: left;
	width: 166px;
	color: #6f346f;
}
div#lblogdetail img.afbeelding { float: left; }
div#lblogdetail ul.info {
	float: none;
	font-size: 1.2em;
	width: auto;
	list-style: none;
	margin-left: 90px;
	padding-left: 2.5em;
}
div#lblogdetail div.inhoud img.afbeelding { padding: 0.5em 2em 2em 0; }
div#lblogdetail h1,
div#lblogdetail h2 { color: #590258; }
div#lblogdetail div.item {
	border-top: 1px solid #c4c7cd;
	margin-top: 2em;
	padding-top: 2em;
}
div#lblogdetail div.item div.kop h1,
div#lblogdetail div.item div.kop h2 { float: left; padding-bottom: 0; }
div#lblogdetail div.item div.kop p.pijlrechts { float: right; }
div#lblogdetail div.item div.kop div.extra { 
	clear: both; 
	color: #7894cc; 
	text-transform: uppercase;
}
div#lblogdetail div.item div.kop div.extra { font-size: 1.2em; margin-bottom: 0.5em; }
div#lblogdetail div.item div.kop div.extra p { float: left; margin: 0; }
div#lblogdetail div.item div.kop div.extra span { float: left; margin: 0 4px; }

/* Opleidingen
------------------------------------------------------------------*/
div.afbeelding-lr { margin: 2em 0; }

div.afbeelding-lr div.doubleimage {
	width: 191px;
	height: 180px;
}

/* Agenda
------------------------------------------------------------------*/
div.agenda-wrapper { background: url(/img/agenda/agenda4.png) no-repeat 236px 543px; margin-top: 10px; }
div.agendalead { padding-left: 185px; }
img.agenda-lead { margin-left: -150px; position: absolute; z-index: 1;}
div.mavo2 { background: url(/img/agenda/agenda1.png) no-repeat; height: 325px; }
div.vwo3 {
	background: url(/img/agenda/agenda2.png) no-repeat;
	height: 343px;
	margin-bottom: 1em;
}
div.overig { background: url(/img/agenda/agenda-3.png) no-repeat; height: 263px; }
div.havo2 {

	height: 289px;
	margin-top: 1em;
}
div.havo2 a {
	background-repeat: no-repeat;
	display: block;
	height: 289px;
}
div.havo2 a.een {
	background-image: url(/img/agenda/agenda6-1.png);
}
div.havo2 a.twee {
	background-image: url(/img/agenda/agenda6-2.png);
}
div.havo2 a.drie {
	background-image: url(/img/agenda/agenda6-3.png);
}
div.elite {
	background: url(/img/agenda/agenda7.png) no-repeat;
	float: left;
	height: 226px;
	width: 158px;
}
div.drieplaatjes { background: url(/img/agenda/agenda5.png) no-repeat right; height: 139px; }

div.vmbo { 
	background: url(/img/agenda/agenda9.png) no-repeat right; 
	height: 229px; 
	margin-top: 30px;
}

/* Hoe werkt het met / FAQ
------------------------------------------------------------------*/
h1.hoewerkt {
	background: url(/img/bg-hoewerkt.png) no-repeat;
	margin-left: 24px;
	height: 107px;
	text-indent: -9999px;
	border-bottom: 1px solid #e5e6e6;
}
img.faq-afb { float: left; }
div.faq-links h2 { color: #c1d72e; font-size: 2.7em; margin-bottom: 1.2em; }
div.faq-item { margin-top: 1em; }
div.faq-item div.antwoord { display: none; }
div.faq-item li.uitgeklapt div.antwoord { display: block; }
div.faq-item h3 {
	background: url(/img/icon-faq.png) no-repeat 2px 2px;
	padding: 8px 0 22px 50px;
	font-size: 1.7em;
	color: #7894cc;
}
div.faq-item ul { margin: -10px 0 20px 0; }
div.faq-item li { margin: 0.5em 0; }
div.faq-item li a { color: #590258; }

/* Nieuwsoverzicht
------------------------------------------------------------------*/
div.nieuwsoverzicht { background-repeat: no-repeat; color: #58585a; }
div.nieuwsoverzicht p#logo { width: 200px; float: right; }
div.nieuwsoverzicht div#submenu { margin-top: 25px;; }
div.nieuwsoverzicht div.padding { padding-left: 32px; }
div.nieuwsoverzicht div.padding h1 { 
	color: #590258; 
	font-size: 1.8em; 
	margin: 0.8em 0 1.2em;
}
div.nieuwsitems h2 { 
	font-size: 1.5em; 
	margin-bottom: 0.6em;
}
div.nieuwsitems h2, div.nieuwsitems h2 a { color: #7894cc; }
div.nieuwsitems img.afbeelding { float: left; margin: 0.5em 1em 2em 0; }
div.nieuwsitems div.item { border-bottom: 1px solid #dcddde; padding-bottom: 18px; margin-bottom: 18px; }
div.nieuwsitems div.item a { color: #631F64; }
div.nieuwsitems div.item  p.extra { padding: 0.8em 0; }
div.nieuwsitems div.item  p.extra span { color: #c1d72e; float: left; }
div.nieuwsitems div.item  p.extra a { color: #c1d72e; }
div.nieuwsitems div.item  p.extra a.pijl {
	background: url(/img/pijl-groenkleinrechtsopwit.png) no-repeat;
	float: right;
	display: block;
	text-indent: -9999px;
	width: 24px; height: 23px;
}
div.nieuwsitems div.no-border { border-bottom: none; margin-bottom: 0; }
ul.overzicht-foto { clear: both; }
ul.overzicht-foto li {
	float: left;
	width: 94px;
	position: relative;
	margin-right: 5px;
}
ul.overzicht-foto li.laatste { margin-right: 0; }
ul.overzicht-foto li a.pijl {
	background: url(/img/pijl-paarsgroen.png) no-repeat;
	width: 23px; height: 22px;
	text-indent: -9999px;
	position: absolute;
	right: 6px;
	bottom: 10px;
}
div.nieuwslijst { background: no-repeat left top; padding: 0 34px; }
div.nieuwslijst h3 { 
	color: #fff; 
	font-size: 1.4em; 
	padding: 10px 0 20px 0;
}
div.nieuws-paars { background-image: url(/img/bg-nieuwsbericht-paars.png); }
div.nieuws-groen { background-image: url(/img/bg-nieuwsbericht-groen.png); }
div.nieuws-groen div.inner {  background: url(/img/bg-nieuwsbericht-groen.png) no-repeat left bottom; }
div.nieuwslijst ul { padding-bottom: 1em; color: #590258; }
div.nieuwslijst ul a { color: #231f20; }
div.nieuwslijst ul li { margin: 4px 0; }
div.nieuwslijst ul a.archief { color: #7894cc; }
div.overzicht-rechts h2 {
	color: #c1d72e;
	font-size: 1.5em;
	margin: 1em 0;
}

/* Nieuws rechts
------------------------------------------------------------------*/
div#nieuws-rechts {
	padding-top: 18em;
}

/* Google Maps
------------------------------------------------------------------*/
div.google-maps {
	border: 3px solid #a9be29;
	height: 400px;
	margin: 1.2em auto;
	overflow: hidden;
}

/* Melding
------------------------------------------------------------------*/
p.melding {
	border: 3px solid #8ac326;
	padding: 4px;
	font-weight: bold;
	text-align: center;
}
p.melding-error {
	border-color: #ed711e;
	color: #ed711e;
}

/* Zoekresultaten
------------------------------------------------------------------*/
div.zoekresultaat { margin-bottom: 1.2em; }

/* Footer
------------------------------------------------------------------*/
div#footer { 	
	background: url(/img/bg-footer.png) no-repeat bottom;
	margin: 0 auto;
	width: 914px; height: 67px;
	padding: 0 21px; 
}
div#footer-wrap {
	border-top: 1px solid #f2eef2;
	margin: 0 32px;
	padding-top: 2px;
}
div#footer p, div#footer a { display: inline; margin: 0; color: #000; font-size: 0.9em; }
div#footer a { text-transform: lowercase; }

a#iWink { text-decoration: none; }
a#iWink:hover, a#iWink:focus { border: 0 solid #e6e6e6; }
a#iWink:hover span, a#iWink:focus span { text-decoration: underline; }

/* Alineatitels
------------------------------------------------------------------*/
div.alinea h2 { font-size: 1.2em; }

/*
####################
#	LIJSTEN	   #
####################
*/

/* Algemeen
------------------------------------------------------------------*/
ul, form ol { list-style: none; }

/* Hoofdmenu
------------------------------------------------------------------*/
ul#hoofdmenu {
	float: left;
	font-size: 14px;
	font-family: Arial, Verdana;
	list-style: none;
	margin-top: 17px;
	margin-left: 10px;
}
ul#hoofdmenu li { float: left; }
ul#hoofdmenu li.active a { text-decoration: underline; }
ul#hoofdmenu a { display: block; padding: 6px 9px; color: #fff; text-decoration: none; }

ul#hoofdmenu li:hover ul,
ul#hoofdmenu li.hover-ie ul {
	display: block;
}

ul#hoofdmenu li.hover-ie ul ul,
ul#hoofdmenu li:hover ul ul {
	display: none;
}

ul#hoofdmenu ul {
	clear: both;
	position: absolute;
	display: none;
	width: 165px;
	background: #7287bd;
	float: none;
	opacity: .9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

ul#hoofdmenu ul li {
	float: none;
	position: relative;
}

ul#hoofdmenu ul ul {
	top: 0;
	left: 165px;
	display: none;
	opacity: 1;
}

ul#hoofdmenu ul li.hover-ie ul,
ul#hoofdmenu ul li:hover ul {
	display: block;
}


/* Agenda
------------------------------------------------------------------*/
div.blok-breed ul.agenda { list-style: none; margin-left: 0; }
ul.agenda strong.titel {
	color: #631f64;
	float: left;
}
ul.agenda span.datum {
	float: right;
}
ul.agenda li { margin-bottom: 1px; padding: 3px 8px; }
ul.agenda li.uitgeklapt,
ul.agenda li.hover {
	background: #c6cdde;
}
ul.agenda li.hover { cursor: pointer; }

/* Optie-menu (mail & stuur door)
------------------------------------------------------------------*/
ul#opties {
	float: right;
	font-size: .9em;
	list-style: none;
	margin-bottom: 8px;
	text-transform: lowercase;
}
ul#opties li { float: left; margin-left: 14px; }
ul#opties a {
	background: url(/img/opties.gif) no-repeat 0 .5em;
	color: #808080;
	display: block;
	padding-left: 18px;
}
ul#opties a.mail { background-position: -289px .4em; }
ul#opties a#pdf { background-position: -589px .5em; }

/* Errors
------------------------------------------------------------------*/
ul.errors, ol.errors {
	background: #ed711e;
	border: 3px solid #f3a46f;
	color: #fff;
	list-style: disc;
	margin: 1em 0; 
	padding: .2em 0;
}
ul.errors li, ol.errors li { 
	list-style: disc;
	margin: 0 0 0 20px;
	padding: .2em 0; 
}

/* Menuhome	
------------------------------------------------------------------*/
ul#menuhome {
	position: absolute;
	left: 30px;
	top: 60px;
	background: url(/img/bg-menuhome.png) no-repeat;
	width: 200px;
	height: 270px;
	padding-top: 5px;
}
ul#menuhome li {
	color: #590258;
	font-size: 1.2em;
	font-weight: bold;
	height: 32px;
	padding-bottom: 2px;
}
ul#menuhome li.eerste { padding-left: 35px; line-height: 2em; }
ul#menuhome li.hoger { height: 50px; }
ul#menuhome li a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 5px 40px 6px 35px;
}

ul#menuhome li div {
	display: none;
	background: url(/img/bg-menuhome-uitklap.png) no-repeat top; 
	height: 254px;
	position: absolute;
	width: 200px;
	right: -201px;
	top: 0;
}
ul#menuhome li:hover div,
ul#menuhome li.hover-ie div {
	display: block;
}
ul#menuhome li div p {
	font-weight: normal;
	font-size: 1.0em;
	padding: 10px 10px 0px 20px;
	margin-bottom: 0;
}
/* FCK-editor-lijst
------------------------------------------------------------------*/
div.alinea ul { list-style: disc; }
div.alinea ul, div.alinea ol { margin: 1em 0 1em 16px; }
div.alinea ol { margin-left: 24px; }
div.alinea li { line-height: 125%; padding: .2em 0; }

/* Sitemap
------------------------------------------------------------------*/
ul.sitemap { list-style: disc; margin: 0 0 1em 24px; }

/* <dl>'s
------------------------------------------------------------------*/
dl dt { font-size: 1.4em; font-weight: bold; margin-bottom: .6em; }

/* <dl>'s in middenkolom
------------------------------------------------------------------*/
div.kolom-midden dl { margin: 1em 0;  }
div.kolom-midden dl ul { list-style: none; } 

/* <dl> in zijkolom
------------------------------------------------------------------*/
div.zijkolom dl { margin-bottom: 2em; }

/* Submenu
------------------------------------------------------------------*/
h3#submenutitel {
	color: #631f64;
	font-size: 1.2em;
	margin: 0 0 .3em 8px;
}
div#submenu {
	background: url(/img/bg-blok-blauw.png) no-repeat top;
	padding: 10px 0 0 0;
	width: 200px;
}
body#kijkinagenda div#submenu { float: right; }
body#kijkinagenda h3#submenutitel,
body#faqfolder h3#submenutitel { float: right; width: 192px; }
div#submenu ul { background: url(/img/bg-blok-blauw.png) no-repeat bottom; padding-bottom: 10px; }
div#submenu ul li { margin-left: 10px; }
div#submenu ul a {
	display: block;
	height: 1%;
	color: #000;
	padding: 2px 0;
}
div#submenu ul ul {
	margin-left: 5px;
	background: none;
	padding-bottom: 0;
}
div#submenu ul ul a { text-decoration: none; }
div#submenu ul ul a:hover { text-decoration: underline; }
/* Homesubmenu
------------------------------------------------------------------*/
ul#homesubm { margin-bottom: 1.2em; }
ul#homesubm li { float: left; margin-bottom: 7px; }
ul#homesubm li a {
	background: no-repeat 0 3px;
	color: #590258;
	float: left; 
	font-size: 0.8em;
	font-weight: bold;
	
}
ul#homesubm li.rooster a {
	background-image: url(/img/icon-rooster.png);
	background-position: 0 5px;
	padding-left: 19px;
	margin-right: 8px;
}
ul#homesubm li.webmail a {
	background-image: url(/img/icon-webmail.png);
	padding-left: 27px;
	margin-right: 8px;
}
ul#homesubm li.elo a { background-image: url(/img/icon-elo.png); padding-left: 14px; margin-right: 8px;}
ul#homesubm li.som a { background-image: url(/img/icon-som.gif); background-position: 0 0; margin-left: 8px; padding-left: 38px; }
ul#homesubm li.ouderportaal a { background-image: url(/img/icon-ouderportaal.png); padding-left: 14px; }
/* Nieuwscomp
------------------------------------------------------------------*/
ul#nieuwscomp li {
	border-bottom: 1px solid #cac9e0;
	padding-bottom: 2px;
	margin-bottom: 2px;
}

ul#nieuwscomp li a  { 
	display: block;
	background: url(/img/pijl-groenkleinrechtsoplp.png) no-repeat right bottom; 
	color: #2d002a;
	text-decoration: none;
}
ul#nieuwscomp li a span.titel { display: block; }
ul#nieuwscomp li a span.datum { 
	color: #7894cc; 
	display: block; 
	font-weight: bold;
}

/* Download component
------------------------------------------------------------------*/
ul.downloadcomp a {
	background: url(/img/pijl-groenpaars.png) no-repeat right bottom;
	color: #fff;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	height: 1%;
	padding: 2px 28px 2px 0;
}
ul.downloadcomp li { padding: 4px 0; }
ul.downloadcomp span { display: block; }
div.blok-lichtgroen ul.downloadcomp a { color: #000; }
div.blok-lichtpaars groenul.downloadcomp a { color: #631f64; }

/* Vacatures
------------------------------------------------------------------*/
ul#vacatures { list-style: none; margin: 0 0 1.6em 0; }
ul#vacatures li { padding: 2px 0; }
/* Videoles
------------------------------------------------------------------*/
div#videoles ul#info {
	color: #590258;
	float: left;
	list-style: none;
	line-height: 150%;
	margin: 0;
	padding-bottom: 1.6em;
}
div#videoles ul#info li.min { color: #7894cc; font-weight: bold; }

/* Opleiding
------------------------------------------------------------------*/
ul.opleiding li { float: left; width: 126px; }
ul.opleiding-breed li { margin-top: 2px; width: 210px; }
ul.opleiding li a {
	background: url(/img/bg-opleidinglicht.png) no-repeat;
	float: left;
	display: block;
	width: 116px;
	padding: 6px 0 6px 10px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.2em;
}
ul.opleiding-breed li a {
	background: url(/img/bg-opleidingdonker.png) no-repeat;
	width: 200px;
}
ul.opleiding li a:hover,
ul.opleiding li a.active { color: #6f346f; }
/*
####################
#	FORMULIEREN	   #
####################
*/
/* Algemeen
------------------------------------------------------------------*/
label { color: #595959; display: block; font-weight: bold; }
input.text, textarea { border: 1px solid #a8a8a8; padding: 2px 3px; }
input.text:focus, textarea:focus { border-color: #7d7d7d; }
input.error, textarea.error { border-color: #ed711e; }
textarea { font-size: 12px; overflow: auto; }
input.text, textarea { width: 96%; }
select { width: 62%; }
textarea { height: 80px; }
input, select, textarea { font-family: Arial, Verdana, Tahoma, sans-serif; }
input.radio, input.checkbox { margin: 4px 0 0; }
input.button, input.submit { cursor: pointer; }

fieldset.none { border: none; margin: 0; padding: 0; }
fieldset.none legend { display: none; }
form li { padding: .2em 0; margin-bottom: 5px; }
form em.verplicht { margin-left: 4px; }

/* Zoekformulier
------------------------------------------------------------------*/
form#zoeken { float: left; padding: 24px 0 0 10px;     }
form#zoeken fieldset { float: left; background: url(/img/bg-zoekinput2.png) no-repeat; }

form#zoeken input { float: left; }
form#zoeken input.text {
	background: none;
	border: 0;
	color: #590258;
	height: 14px; 
	margin-right: 8px;
	padding: 6px 9px;  
	width: 110px; 
}

/* Webbeheer formulier
------------------------------------------------------------------*/
li.checkbox { position: relative; }
li.checkbox input.checkbox { left: 0; position: absolute; top: 3px; }
li.checkbox label { margin-left: 20px; }
form.webbeheer-formulier fieldset { padding-left: 8px; padding-right: 8px; }
div.webbeheer-formulier-thanks { border: 3px solid green; padding: .6em; }
div.webbeheer-formulier-thanks p { margin-bottom: 0; }
div.blok-breder form ul, form ul { list-style: none; margin-left: 0; }

/* Webbeheer 2.0-formulier
------------------------------------------------------------------*/
li.keuze label {
	display: inline;
	font-weight: normal;
	margin-left: 24px;
}
li.keuze label.multiple-title {
	display: block;
	font-weight: bold;
	margin-left: 0;
}
li.keuze input { position: absolute; }
li.form-input-date select { width: auto; }

/* 'Stuur door'-formulier
------------------------------------------------------------------*/
form.extra fieldset {
	border: 1px solid silver;
	margin-bottom: 24px;
}

form.extra p.small {
	background: #f0f5d5;
	line-height: 130%;
	margin-bottom: .6em;
	padding: 8px;
}
form.extra ol { margin-bottom: 2em; }
form p.preview { font-style: italic; text-align: center; }
div#mailpreview {
	background: #f7fae6;
	margin-bottom: 12px;
	padding: 8px;
}

/*
####################
#	TABELLEN	   #
####################
*/
/* Algemeen
------------------------------------------------------------------*/
table.full-width { width: 100%; }
table td { padding: 3px; }
table th { text-align: left; }

/* FCK-editor-tabel
------------------------------------------------------------------*/
div.alinea table,
table.webapp-table {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	color: #545454;
	width: 100%;
}

div.alinea table caption,
table.webapp-table caption {
	font-style: italic;
	margin: 1em 6px 3px;
	text-align: left;
}

div.alinea table td,
div.alinea table th,
table.webapp-table td,
table.webapp-table th {
	border: 1px solid #d8d8d8;
	padding: .2em 4px;
}

/*
####################
#	JAVASCRIPT	   #
####################
*/
/* iFader
------------------------------------------------------------------*/
div.ifader {
	overflow: hidden;
	position: relative;
}
div.ifader,
div.ifader-item {
	height: 378px;
	width: 662px;
}

div.ifader ul.ifader-nav {
	position: absolute;
	z-index: 5;
}
	
div.ifader div.ifader-item { 
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	z-index: 0;
}