html { 
	filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
}

body	{
	background			: #000 url(../img/body_bg.gif) repeat-x center top;
	font				: 0.7em Verdana;
	text-align			: center; 
	color				: #afafaf;
}

.toegankelijkheid	{
	position			: absolute;
	left				: -999em;
}

.clear	{
	clear				: both;
}


/* --------------------------------	*/
/* clearfix						 	*/
/* --------------------------------	*/
.clearfix:after,
ul li:after	{
	content				: "."; 
	display				: list-item; 
	height				: 0; 
	clear				: both; 
	visibility			: hidden;
}
	
	.clearfix			{ *display	: inline-block;	}
	
	/* start verbergen voor IE-mac \*/
	* html .clearfix,
	* html ul li	 	{ height	: 1%;}
	
	.clearfix,
	ul li	 			{ display	: block;}
	/* einde van verbergen IE-mac */


/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#container	{
	position			: relative;
	margin				: 34px auto 0 auto;
	padding				: 19px 20px 0 20px;
	width				: 943px;
	text-align			: left;
	background			: url(../img/container_bg.png) no-repeat left top;
	_background			: url(../img/container_bg.gif) no-repeat left top;
}


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	position			: relative;
	height				: 215px;
	padding-top			: 67px;
	background			: #000;
}

#header a.logo	{
	position			: absolute;
	top					: 4px;
	left				: 4px;
}

/* menu */
#header ul.menu	{
	position			: absolute;
	top					: -5px;
	right				: 0;
}

#header ul.menu li	{
	float				: left;
	padding				: 5px 15px 0 0;
}

#header ul.menu li a	{
	background			: url(../img/pijl_grijs.gif) no-repeat left top;
	padding				: 0 0 3px 25px;
	color				: #AAA9A9;
	text-decoration		: none;
}

#header ul.menu li a:hover, #header ul.menu li.actief a	{
	background			: url(../img/pijl_paars.gif) no-repeat left top;
	color				: #fff;
}

#header ul.menu li.doc	{
	padding				: 0;
}

#header ul.menu li.doc a	{
	background			: url(../img/header_menu_doc.gif) no-repeat left top;
	text-indent			: -900em;
	overflow			: hidden;
	width				: 170px;
	height				: 30px;
	display				: block;
	padding				: 0;
}

#header ul.menu li.doc a:hover	{
	background			: url(../img/header_menu_doc.gif) no-repeat left bottom;
}


/* info knop */

#header #rondje	{
	display				: block;
	position			: absolute;
	top					: 39px;
	right				: -9px;
	width				: 180px;
	height				: 180px;
}


/* header foto, wordt flash ingezet */
#header #header_foto	{
	width				: 943px;
	height				: 215px;
	background			: url(../img/header_foto.jpg) no-repeat left top;
}


/* --------------------------------	*/
/* main							 	*/
/* --------------------------------	*/
#main	{
	padding				: 21px 0;
	background			: #000;
}


/* --------------------------------	*/
/* zijbalk						 	*/
/* --------------------------------	*/
#zijbalk	{
	position			: relative;
	width				: 156px;
	float				: left;
}

/* menu */
#zijbalk ul.menu	{
	position			: relative;
	width				: 156px;
	margin-bottom		: 20px;
	border-top			: 1px solid #4d4d4d;
	font-size			: 1em;
}

#zijbalk ul.menu li	{
	border-bottom		: 1px solid #4d4d4d;
}

#zijbalk .menu li.whitespace {
	margin-top			: 30px;	
	border-top:1px solid #4D4D4D
}

#zijbalk ul.menu li a	{
	display				: block;
	width				: 136px;
	padding				: 4px 0 4px 20px;
	text-decoration		: none;	
	color				: #CCC;
}

#zijbalk ul.menu li.actief a, 
#zijbalk ul.menu li a:hover	{ 	
	color				: #FFF;
	background			: url(../img/pijl_paars.gif) no-repeat left 3px;
}

/* docenten */
#zijbalk .docenten	{
	padding				: 0 0 0 13px;
}

#zijbalk .docenten h3	{
	color				: #fff;
	font-weight			: bold;
	font-size			: 1.25em;
	margin				: 0;
}

#zijbalk .docenten h3 a.h3_link	{
	color				: #fff;
	text-decoration		: none;
}

#zijbalk .docenten h3 a.h3_link:hover	{
	color				: #7F1785;
}

#zijbalk .docenten ul li	{
	padding				: 8px 0;
}

#zijbalk .docenten ul li img	{
	border				: solid 1px #fff;
	margin				: 0 0 2px 0;
}

#zijbalk .docenten ul li span.naam_docent	{
	margin				: 0 0 3px 0;
	display				: block;
	width				: 110px;
}

#zijbalk .docenten ul li a	{
	background			: url(../img/pijl_paars.gif) no-repeat left top;
	color				: #fff;
	padding				: 2px 0 2px 21px;
	font-weight			: bold;
	font-size			: 0.9em;
	text-decoration		: none;
	display				: block;
	width				: 100px;
}


/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	position			: relative;
	line-height			: 1.5em;
	float				: left;
	width				: 525px;
	padding				: 7px 25px 0 40px;
}

#content h1	{
	color				: #fff;
	font-weight			: bold;
	font-size			: 1.6em;
	margin				: 0 0 15px 0;
}

#content a	{
	color				: #C000C0;
}

#content div.terug_naar_overzicht {
	margin				: 30px 0 0 0;
}

/* iwes opmaak */
#content .iwes blockquote	{
	margin				: 0 0 10px 30px;
}

#content .iwes ul	{
	margin				: 0 0 10px 30px;
	list-style			: square;
}

#content .iwes ol	{
	margin				: 0 0 10px 30px;
	list-style			: decimal;
}

#content .iwes li	{
	display				: list-item;
}

#content td {
	padding				: 5px;
}

/* formulieren */
#content input, 
#content select, 
#content textarea	{
	border				: solid 1px #afafaf;
	font				: 1em Verdana;
	padding				: 2px;
	background			: #000;
	color				: #afafaf;
}

#content input.radio, 
#content input.checkbox 	{
	border				: none;
}

#content input.button 	{
	cursor				: pointer;
	background			: #7F1785;
	color				: #fff;
	font-weight			: bold;
	border				: outset 1px #7F1785;
	padding				: 3px 5px;
}

#content input.fout, #content textarea.fout	{
	border				: 1px solid #F00;
}
#content .melding, #content label.fout	{
	color				: #F00;
}


/* --------------------------------	*/
/* fotoboek						 	*/
/* --------------------------------	*/
#fotoboek	{
	position			: relative;
	float				: right;
	width				: 192px;
}

#fotoboek .preview	{
	width				: 190px;
	height				: 281px;
	position			: relative;
	overflow			: hidden;
	border				: 1px solid #fff;
}

#fotoboek .preview img	{
	position			: absolute;
	top					: 0;
	left				: 0;
	width				: 190px;
	height				: 281px;
}

#fotoboek ul	{
	padding				: 2px 0 10px 0;
	width				: 200px;
	overflow			: hidden;
}

#fotoboek ul li	{
	float				: left;
	width				: 66px;
	padding				: 3px 0 0 0;
}

#fotoboek ul li a img	{
	border				: 1px solid #fff;
}

#fotoboek p a	{
	background			: url(../img/pijl_paars.gif) no-repeat left top;
	color				: #fff;
	padding				: 2px 0 2px 21px;
	font-weight			: bold;
	font-size			: 0.9em;
	text-decoration		: none;
}


/* --------------------------------	*/
/* docenten overzicht			 	*/
/* --------------------------------	*/
#docenten_overzicht li {
	padding-bottom		: 15px;
	border-bottom		: solid 1px #4D4D4D;
	margin-bottom		: 15px;
}

#docenten_overzicht li div.foto	{
	float				: left;
}

#docenten_overzicht li div.foto	img {
	border				: solid 1px #fff;
}

#docenten_overzicht li div.info	{
	float				: right;
	width				: 450px;
}

#docenten_overzicht li div.info	h3 a {
	color				: #fff;
	font-size			: 1.1em;
	text-decoration		: none;
	padding-left		: 20px;
	background			: url(../img/pijl_grijs.gif) no-repeat left;
}

#docenten_overzicht li div.info	h3 a:hover, 
#docenten_overzicht li.hover div.info h3 a {
	background			: url(../img/pijl_paars.gif) no-repeat left;
}

/* --------------------------------	*/
/* docent						 	*/
/* --------------------------------	*/
#docent img {
	border				: 1px solid #FFFFFF;
}

#docent strong {
	margin				: 10px 0 -5px 0 ;
	display				: block;
}


/* --------------------------------	*/
/* nieuws overzicht				 	*/
/* --------------------------------	*/
#nieuws_overzicht li {
	padding-bottom		: 15px;
	border-bottom		: solid 1px #4D4D4D;
	margin-bottom		: 15px;
}

#nieuws_overzicht li h3 a {
	color				: #fff;
	font-size			: 1.1em;
	text-decoration		: none;
	clear				: left;
	padding-left		: 20px;
	background			: url(../img/pijl_grijs.gif) no-repeat left;
}

#nieuws_overzicht li h3 a:hover, 
#nieuws_overzicht li.hover h3 a {
	background			: url(../img/pijl_paars.gif) no-repeat left;
}

/* pagina navigatie*/
#content .pagina_navigatie {
	padding				: 10px 0;
	float				: left;
	clear				: both;
}

#content .pagina_navigatie li {
	float				: left;
	margin				: 0 3px 0 0;
}

#content .pagina_navigatie li {
	padding				: 2px 6px;
}

#content .pagina_navigatie li.navigatie_item {
	padding				: 0;
}

#content .pagina_navigatie li.huidige_pagina {
	padding				: 1px 5px;
	font-weight			: bold;
	color				: #AFAFAF;
	border				: 1px solid #262626;
}

#content .pagina_navigatie a {
	float				: left;
	background			: #262626;
	color				: #AFAFAF;
	text-decoration		: none;
	padding				: 2px 6px;
}

#content .pagina_navigatie a:hover {
	background			: #450747;
	color				: #fff;
}

/* --------------------------------	*/
/* sitemap						 	*/
/* --------------------------------	*/
#sitemap ul	{
	margin				: 0;
	padding				: 0;
	list-style			: square;
	list-style-position	: inside;
	list-style-type		: square;	
}

#sitemap ul li	{
	font-weight			: bold;
	list-style			: square;
	list-style-type		: square;
}

#sitemap ul li ul li	{
	font-weight			: normal;
}

#sitemap ul.laag0, #sitemap ul li ul	{
	margin-left			: 20px;
}

#sitemap ul.laag1	{
	margin-left			: 40px;
}

#sitemap ul.laag2	{
	margin-left			: 60px;
}

#sitemap ul.laag3	{
	margin-left			: 80px;
}

#sitemap ul.laag4	{
	margin-left			: 100px;
}

#sitemap ul li a {
	text-decoration		: none;
}

/* --------------------------------	*/
/* maatwerk_fotoboek			 	*/
/* --------------------------------	*/
#maatwerk_fotoboek  {
	width				: 650px;
}

#maatwerk_fotoboek li {
	display				: block;
	float				: left;
	width				: 100px;
	height				: 100px;
	margin				: 4px;
	text-align			: center;
	background			: #262626;
}

#maatwerk_fotoboek li strong {
	font-size			: 0.7em;
	font-weight			: normal;
	clear				: left;
	float				: left;
	width				: 100px;
}

#maatwerk_fotoboek img {
	border 				: solid 1px #fff;
}


/* --------------------------------	*/
/* contact formulier			 	*/
/* --------------------------------	*/
.contactform {
	margin				: 0;
}

.contactform .links, .contactform .rechts {
	width				: 273px;
	float				: left;
}

.contactform .rechts {
	width				: 260px;
}

.contactform input.button   {
	margin-top			: 10px;
	background			: #7F1785 !important;
}
.contactform input, textarea, select {
	background			: #0F0F0F !important;
	border				: solid 1px #3F3F3F !important;
}

.contactform ul {
	list-style			: none;
	margin				: 0;
	padding 			: 0;
}

.contactform fieldset {
	border				: 0;
	margin				: 5px 0 20px 0;
	padding				: 0;
	width				: 540px;
}

.contactform legend 	{
	display				: none;
}

.contactform label 	{
	vcolor				: #4F4F4F;
}

.contactform .veldFout 	{
	border				: 1px solid red !important;
}

.contactform .disabled 	{
	border				: solid 1px #0F0F0F !important;
	background			: #000 !important;
	color				: #3F3F3F;
}

.contactform h3 {
	font-size			: 1.3em;
	color				: #983A94;
	margin				: 5px 0;
}

.contactform #frmMelding 	{
	color				: red;
	font-weight			: bold;
	margin				: 10px 0;
}

.contactform li.postcode	{
	float				: left;
	width				: 70px;
}

.contactform li.plaats	{
	float				: left;
	width				: 195px;
}

.contactform li.telefoon	{
	clear				: both;
}

.contactform li.overnemen	{
	color				: #983A94 !important;
}

.contactform ul.akkoord	{
	padding				: 20px 0 0 0;
	clear				: both;
}

#inschrijven {
	width				: 98%;
}


/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	{
	clear				: both;
	padding				: 20px 0;
}

/* adres */
#footer address	{
	padding				: 10px 4px 4px 4px;
	margin				: 0 0 10px 0;
	background			: #450747;
	background			: url(../img/footer.gif) left top no-repeat;
	color				: #C6C5C5;
	font-style			: normal;
	text-align			: center;
	zoom				: 1;
}

#footer address .type	{
	display				: none;
}

#footer address a	{
	color				: #C6C5C5;
	text-decoration		: none;
}

#footer address a:hover	{
	color				: #fff;
	text-decoration		: underline;
}

/* menu */
#footer div.menu	{
	float				: left;
	color				: #555;
}

#footer div.menu a	{
	color				: #555;
	text-decoration		: none;
	padding				: 0 2px;
}

/* amimpact */
#footer a.amimpact	{
	float				: right;
	color				: #555;
	text-decoration		: none;
}


/* --------------------------------	*/
/* googlemaps					 	*/
/* --------------------------------	*/
iframe.googlemaps	{
	border				: solid 1px black;
	overflow			: hidden; 
}

#googlemaps	{
	width				: 190px;
	height				: 350px;
	background			: #eee;
	text-align			: left;
	font				: 1em Trebuchet MS;
	color				: #000;
}

#googlemaps a	{
	color				: #58585A;
}


/* --------------------------------	*/
/* lightbox						 	*/
/* --------------------------------	*/
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}



/* --------------------------------	*/
/* sifr							 	*/
/* --------------------------------	*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #content h1 {
	visibility: hidden;
	line-height: 25px;
}

/*-------------nieuwsbriefformulier------------------------*/
#nieuwsbriefformulier {
	font-family				: Arial;
	font-size				: 1em;
	color					: #fff;
	line-height 			: 1.4em;
}

#nieuwsbriefformulier fieldset {
	margin					: 0;
	padding					: 0;
	border					: 0;
}

#nieuwsbriefformulier legend {
	text-indent				: -900em;
}

#nieuwsbriefformulier ul {
	list-style				: none !important;
	padding					: 0;
	margin					: 0;
}

#nieuwsbriefformulier li {
	margin					: 0 0 3px 0;
}

#nieuwsbriefformulier li label {
	display					: block;
	width					: 80px;
	float					: left;
	padding					: 3px 0 1px 0;
}
#nieuwsbriefformulier li input {
	border					: 1px solid #AAA;

	width					: 300px;
	padding					: 1px 2px;
}

#nieuwsbriefformulier li#extra_variabelen {
	clear					: both;
}

#nieuwsbriefformulier li#extra_variabelen select {
	display					: block;
	width					: 80px;
	margin					: 10px 0 3px 80px;
}

#nieuwsbriefformulier li#extra_variabelen input {
	margin					: 0 0 3px 0;;
}

#nieuwsbriefformulier li.aan_afmelden {
	padding					: 10px 0 10px 80px;
}
#nieuwsbriefformulier li.aan_afmelden input.radio {
	border					: 0;
	width					: 17px;
}
#nieuwsbriefformulier li.aan_afmelden label {
	width					: 100px;
	display					: inline;
	float					: none;
}

#nieuwsbriefformulier li input.veldFout_nieuwsbriefformulier {
	border					: 1px solid #F22;
	background-color		: #E5ECF5;		
}

#nieuwsbriefformulier li input.multipleFout_nieuwsbriefformulier {	
	background-color		: #E5ECF5;		
}

#nieuwsbriefformulier li input.button {

	width					: 100px;

}

#nieuwsbriefformulier #melding_nieuwsbriefformulier {
	color					: #E70509;
	display					:none;
	font-weight				: bold;
}