@charset "utf-8";
/* CSS Document */
* {margin: 0; padding:0}
body {text-align: center; font-family: Tahoma; font-size:11px; margin: 0; padding: 0; background-color: #e9e9e9}
a {outline: none}
h1 {font-size: 15px}
h2 {font-size: 13px}
.p {
	outline: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-style: normal;
	font-weight: normal;
}
.bold {
	outline: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-style: normal;
	font-weight: bold;
}
.a {
	outline: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: underline;
	font-style: normal;
	font-weight: normal;
}
.h1 {
	font-size: 24px;
	color: #000066;
	font-weight: lighter;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.h4 {
	font-size: 24px;
	color: #8094a6;
	font-weight: lighter;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-indent: 43px;
}
.h2 {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000066;
	font-weight: 600;
	font-style: normal;
}
.h3 {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000066;
	font-style: italic;
}
/* -------------------------------------------FIX Easy Clearing------------------------------------------- 
Operas 7.0 through 7.2 & Firefox/Mozilla */ 
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
@media all and (min-width: 0px) {
#col_left, #col_nav, #col_middle, #col_right
	{
	padding-bottom: 0 !important;
	margin-bottom: 0 !important; 
	}
#col_left:before, #col_nav:before, #col_middle:before, #col_right:before
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]';
	display: block;
	background: inherit;
	padding-top: 32767px !important;
	margin-bottom: -32767px !important;
	height: 0;
	}
}
/* End hide from IE-mac */

#container { width: 971px; margin: 0 auto; text-align:left; margin-top:10px;
/* ----------------------------------------FIX Equal Height Columns---------------------------------------- */
overflow: hidden /* This hides the excess padding in non-IE browsers */
/* ------------------------------------------------END FIX------------------------------------------------- **/
}
/* ---------------------------------------------FIX IE Win 5.01--------------------------------------------- */

/* easy clearing */
#container:after {
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden	;
	}
#container{display: inline-block;	}
/*\*/
#container{display: block;	}
/* end easy clearing */

/* ----------------------------------------FIX Equal Height Columns---------------------------------------- */
/* Start Mac IE5 filter \*/
#col_left, #col_nav, #col_middle, #col_right { padding-bottom: 32767px; margin-bottom: -32767px}
/* End Mac IE5 filter */
/* ------------------------------------------------END FIX------------------------------------------------- **/

#col_left { float:left; width: 135px; background-color:#0a4b89}
/* -------------------------------------FIX IE Doubled Float-Margin Bug------------------------------------- */
* html #col_left {display: inline}	
/* ------------------------------------------------END FIX------------------------------------------------- **/
#col_nav { float: left; width: 193px; background: #f3ca01 url(images/nav_bottom.jpg) left top no-repeat; background-position: 0px 177px}
#col_middle { float: left; width: 588px}
#col_right { float:left; width: 55px; background-color:#0a4b89; background: url(images/bg_col_right.gif) repeat-y top right}


#content {padding: 18px} 
#navigatie {
	width: 193px; height: 177px; font-size:17px;
   	background: url(images/navigatie.jpg) no-repeat;
	padding: 0;
	position: relative;
	}
#navigatie li {
	margin: 0; padding: 0; list-style: none;
	position: absolute; left: 0
	}
#navigatie li, #navigatie a {
   display:block;
   width:193px;
   text-indent: -9009px;
   }
#home			{top: 24px; height: 23px}
#biografie		{top: 47px; height: 22px}
#voordrachten	{top: 69px; height: 22px}   
#workshops 		{top: 91px; height: 22px}
#programma 		{top: 113px; height: 21px}
#agenda 		{top: 134px; height: 22px}
#contact 		{top: 156px; height: 21px}

#home a:hover			{background: transparent url(images/navigatie.jpg) 0 -201px		no-repeat;} /* top = height navigatie + top home  */
#biografie a:hover 		{background: transparent url(images/navigatie.jpg) 0 -224px 	no-repeat;} /* top = top home hover + height home */
#voordrachten a:hover 	{background: transparent url(images/navigatie.jpg) 0 -246px 	no-repeat;} /* top = top bio hover + height bio */
#workshops a:hover		{background: transparent url(images/navigatie.jpg) 0 -268px 	no-repeat;} /* top = top voordr hover + height voordr */
#programma a:hover		{background: transparent url(images/navigatie.jpg) 0 -290px 	no-repeat;} /* top = top workshop hover + height workshop */
#agenda a:hover 		{background: transparent url(images/navigatie.jpg) 0 -311px 	no-repeat;} /* top = top programma hover + height programma */
#contact a:hover		{background: transparent url(images/navigatie.jpg) 0 -333px 	no-repeat;} /* top = top agenda hover + height agenda */

#home .active			{background: transparent url(images/navigatie.jpg) 0 -201px		no-repeat;} /* top = height navigatie + top home  */
#biografie .active 		{background: transparent url(images/navigatie.jpg) 0 -224px 	no-repeat;} /* top = top home hover + height home */
#voordrachten .active 	{background: transparent url(images/navigatie.jpg) 0 -246px 	no-repeat;} /* top = top bio hover + height bio */
#workshops .active		{background: transparent url(images/navigatie.jpg) 0 -268px 	no-repeat;} /* top = top voordr hover + height voordr */
#programma .active		{background: transparent url(images/navigatie.jpg) 0 -290px 	no-repeat;} /* top = top workshop hover + height workshop */
#agenda .active 		{background: transparent url(images/navigatie.jpg) 0 -311px 	no-repeat;} /* top = top programma hover + height programma */
#contact .active		{background: transparent url(images/navigatie.jpg) 0 -333px 	no-repeat;} /* top = top agenda hover + height agenda */