/* this is where the CSS frames magic happens */
	* html { overflow:hidden; }
	body { background-color:#e97e42; border:0; margin:0; /*max-width:1280px;*/ padding:0; }
	* html body { overflow-y:scroll; }
/* global reset */
	h1, h2, h3, h4, h5, h6, div, p, a, span, table, th, td, ol, ul, li, dl, dt, dd, img, hr, blockquote { font-size:1.0em; margin:0; padding:0; }
/*************************/
/* headers en paragraven */
/*************************/
	h1, h2, h3, h4, h5, h6 { color:#c60; font-size:2.0em; font-weight:normal; margin:12px 0 4px 0; }
	h2 { color:#233566; font-size:1.5em; }
	h3 { color:#660; font-size:1.3em; }
	h4 { color:#666;font-size:1.2em; }
	h5, h6 { font-size:1.1em; }
	p { line-height:1.8; margin:0 0 10px 0; }
/***********/
/* lijsten */
/***********/
	ul, ol, dl { margin:4px 4px 8px 4px; }
	li, dd { margin:4px 2px 4px 20px; line-height:1.6; }
	li li, dd dd { margin:4px 2px 4px 40px; }
	dl { width:100%; }
	dt { padding-top:6px; }
	dd { font-size:0.9em; line-height:1.2em; margin-left:30px; padding:2px; }
	dd dd { font-size:1.05em; }
/* diversen */
	img { border:none; vertical-align:middle; }
	img.floatLeft { padding:8px 16px 8px 0; }
	img.floatRight { padding:8px 0 8px 16px; }

/**********/
/* header */
/**********/
	#header {
		background-color:#e97e42;
		color:#000;
		display:block;
		height:5.6em;
		/*max-width:1280px;*/
		position:fixed;
		left:0;
		top:0;
		width:100%;
		z-index:12;
	}
/*******************/
/* main navigation */
/*******************/
	#mainNavigationVokkLogo { background-color:#e97e42; display:inline; float:left; margin-left:30px; margin-top:10px; padding:4px 1px; }
	#mainNavigation img { margin:0 auto; }
	.vokkLink, .vokkLink:link, .vokkLink:visited, .vokkLink:hover, .vokkLink:active {
		background-color:transparent;
		color:#e97e42;
		padding:4px;
		text-decoration:none;
	}
	.vokkLink:hover { background-color:#f9e7a2; }
	.verloop-verticaal-blokker {
		background-color:#e97e42;
		background-image:url("../img/palliatief/verloop-overgang.gif");
		background-position:right;
		background-repeat:no-repeat;
		bottom:0;
		height:5px;
		left:0;
		margin:0;
		padding:0;
		position:absolute;
		width:180px;
		z-index:1;
	}
	.verloop-verticaal {
		background-image:url("../img/palliatief/verloop-verticaal.gif");
		background-position:bottom;
		background-repeat:repeat-x;
		bottom:0;
		margin:0;
		padding:0;
		position:absolute;
		width:100%;
	}
	#mainNav { bottom:0; height:90px; list-style-type:none; margin:0; padding:0; position:absolute; left:190px; min-width:1050px; }
	#mainNav li { display:inline; font:normal normal normal 1.2em "Trebuchet MS",Helvetica,Verdana,sans-serif; }
	#hoofdMenu02, #hoofdMenu05 { color:#fd0; }
	#hoofdMenu03, #hoofdMenu06 { color:#fff; }
	#hoofdMenu04, #hoofdMenu011 { color:#f1d1a1; }
	#hoofdMenu02, #hoofdMenu03, #hoofdMenu04,
	#hoofdMenu05, #hoofdMenu06, #hoofdMenu011 {
		display:block;
		float:left;
		font-weight:bold;
		height:65px;
		text-decoration:none;
		margin:0;
		padding:25px 15px 0 15px;
	}
	#hoofdMenu02:hover, #hoofdMenu03:hover, #hoofdMenu04:hover,
	#hoofdMenu05:hover, #hoofdMenu06:hover, #hoofdMenu011:hover { text-decoration:underline; }
	.current { background-color:#f9e7a2; color:#000 ! important; font-weight:bold; }
	.current:active { background-color:#f9e7a2; }

/********/
/* menu */
/********/
	#menu {
		background-color:#e97e42;
		background-image:url("../img/palliatief/verloop-horizontaal.gif");
		background-position:right;
		background-repeat:repeat-y;
		border:none;
		font:normal normal normal 76% Verdana,Geneva,Arial,Helvetica,sans-serif;
		display:block;
		min-height:100%;
		left:0;
		margin:0;
		padding:25px 0 0 0;
		position:fixed;
		text-align:right;
		top:90px;
		width:180px;
		z-index:20;
	}
	* html #menu { position:absolute; }
	/* dt */
		#menu dt { padding:12px 8px 4px 4px; }
		.subMenu03 { color:#ffe80f ! important; font-size:1.2em; font-weight:bold; }
		#menu .first { padding-top:0; }
	/* dd */
		#menu dd { font-size:1.2em; line-height:1.1 ! important; margin:0; padding:0; }
	/* links */
		#menu a, #menu a:link, #menu a:visited, #menu a:hover, #menu a:active {
			background-color:transparent;
			color:#fff;
			display:block;
			font-size:0.9em;
			margin:0;
			padding:4px 8px 4px 4px;
			text-decoration:none;
		}
		#menu a:hover, #menu a:active, #menu a.current { background-color:#f9e7a2; color:#000 ! important; text-decoration:none; }
		#menu .current { font-weight:bold; }
	/* palliatief logo en hulplijn */
		.palliatiefLogo { bottom:62px; position:fixed; left:8px; z-index:999; }
		.palliatiefLogo a, .palliatiefLogo a:link, .palliatiefLogo a:visited, .palliatiefLogo a:hover, .palliatiefLogo a:active { display:block; padding:4px; }
		.palliatiefLogo a:hover { background-color:#f9e7a2; }
		.hulplijn {
			background-color:transparent;
			bottom:0;
			color:#ffe80f;
			font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
			font-size:1.0em;
			font-weight:bold;
			height:55px;
			left:0;
			line-height:1.2;
			position:fixed;
			text-align:center;
			vertical-align:bottom;
			width:170px;
			z-index:999;
		}
		.hulplijn span { background-color:transparent; color:#fff; font-size:0.9em ! important; }

/***********/
/* content */
/***********/
	#content {
		background-color:#f9e7a2;
		font:normal normal normal 76% Verdana,Geneva,Arial,Helvetica,sans-serif;
		display:block;
		margin:89px 0 0 172px;
		/*max-width:1280px;*/
		min-height:800px;
		padding:28px 40px 28px 60px;
		overflow:hidden;
		position:relative;
		z-index:10;
	}
	.textKolom, .text { background-color:transparent; color:#000; margin-left:5px; padding:4px 25px 10px 25px; }/* text-align:justify; */
	.textKolom { display:block; float:left; width:41%; }
	.textKolom { width/* */:/**/44%; width:/**/44%; }
	#content p { line-height:20px; margin:5px 0 10px 0; }
	/*************************************/
	/* speciale opmaak structuur classes */
	/*************************************/
		.rood, .groen, .geel, .blauw, .mint, .oranje, .paars, .wit, .zwart { font-weight:bold; }
		.rood { color:#d10000; }
		.groen { color:#090; }
		.geel { color:#ffe80f; }
		.blauw { color:#00f; }
		.mint { color:#0c9; }
		.oranje { color:#f63; }
		.paars { color:#939; }
		.wit { color:#fff; }
		.zwart { color:#000; }
		.hideText, .hideImage { display:none; }
		.displayText, .displayImage { display:block; }
		.floatLeft { float:left; }
		.floatRight { float:right; }
		.clear { clear:both; height:1px; }
		.textCenter { text-align:center; }
		.textSmall { font-size:0.85em; }
	/***********/
	/* linkjes */
	/***********/
		#content a, #content a:link, #content a:visited, #content a:hover, #content a:active { background-color:transparent; color:#c60; text-decoration:underline; }
		#content a:hover, a:active { background-color:transparent; color:#000; text-decoration:underline; }
		#content a:active { text-decoration:none; }
		-moz-outline:none; /* specifiek voor Mozilla: randje rond object met focus verwijderen */

	/***********************************************************/
	/* literatuurlijsten, linkslijsten, adreslijsten  */
	/***********************************************************/
		.literatuurLijst, .links { margin-top:2px; }
		.literatuurLijst dt, .links dt { font-weight:bold; padding-top:2px; }
		.literatuurLijst dt { padding-top:12px; }
		.links a, .links a:link, .links a:visited ,.links a:hover, .links a:active {
			background-color:transparent;
			background-image:url("../img/link.png");
			background-repeat:no-repeat;
			background-position:0 5px;
			color:#000 ! important;
			display:block;
			line-height:1.6;
			padding:4px 4px 4px 20px;
			text-decoration:none ! important;
		}
		.links a:hover { background-color:#f1d1a1 ! important; }
		.literatuurLijst dd { border-left:3px solid #fd0; line-height:1.2em; padding-left:5px; }
		.adresLijst dd { border-color:#aaa; }
		.adresLijst dd.adresEmedia { border-color:#fd0; }
		.literatuurInfo { border-left:none ! important; font-style:italic; line-height:1.4em ! important; padding-left:10px ! important; }
	/*********************************/
	/* paginas met content navigatie */
	/*********************************/
		.contentNav {
			display:block;
			height:30px;
			left:30px;
			list-style:none;
			margin:4px 40px 0 60px;
			padding:0;
			position:absolute;
			top:0;
			text-align:center;
		}
		.contentNav li { display:inline; margin:0; padding:0; }
		.contentNav li a { font-size:0.9em; }
		.naarBoven { background:transparent url(../img/arrow_up.png) no-repeat left bottom; float:right; padding-left:18px; }
		h2 .naarBoven { font-size:0.65em; padding-top:5px; }
		h3 .naarBoven { font-size:0.85em; }
		h4 .naarBoven, dt .naarBoven { font-size:0.95em; }
	/***********************************/
	/* floating div's (in two columns) */
	/***********************************/
		.twoColumnPlaceHolder { clear:both; margin:0; padding:0; width:100%; }
		.leftColumn, .rightColumn { float:left; margin:2px 0; width:49%; }
		.rightColumn { float:right; }
		.clear { clear:both; margin:1px 0; padding:1px 0; }

	/***********/
	/* sitemap */
	/***********/
		#sitemap .firstLevel, #sitemap .secondLevel { color:#233566;; font-size:1.05em; font-weight:bold; margin-left:10px; }
		#sitemap .secondLevel { color:#660; margin-bottom:4px; margin-left:20px; }
		#sitemap .firstLevelLink, #sitemap .secondLevelLink { font-size:0.95em; margin-left:20px; }
		#sitemap .secondLevelLink { margin-left:35px; }
	/************/
	/* diversen */
	/************/
		hr { color:#00f; noshade; }
		/***********************/
		/* kader op voorpagina */
		/***********************/
			.voorpagina { background-color:#f1d1a1; border-top:1px solid #aaa; border-bottom:1px solid #aaa; margin-bottom:30px; }/* margin-top:40px;*/
			.voorpagina h1 { padding-right:65px; padding-left:35px; }
			.voorpagina dl { padding-bottom:12px; padding-left:65px; width:500px; }
			.voorpagina dt { color:#233566; font-size:1.7em; padding-bottom:8px; }
			.voorpagina dd { font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; font-size:1.3em; font-style:italic; font-weight:bold; line-height:2.2; }
		/*********************************/
		/* tipskader onderin elke pagina */
		/*********************************/
			.tips { background:url("../img/info_icon.gif") no-repeat 10px 10px ! important; border:2px dotted #c60; margin-top:20px; padding:0 10px 5px 15px; }
			.tipsHeader { font-size:1.6em; padding-left:35px; }
			.tipsHeader, .tips h3 { padding-left:35px; }
			.tips ul { padding-left:30px; }
			.tips p { padding-left:37px; }
		/*********************/
		/* ervaringsverhalen */
		/*********************/
			.ervaring {
				background:#f1d1a1 url("../img/openquote.png") no-repeat 2px 12px ! important;
				border-top:1px solid #aaa;
				border-bottom:1px solid #aaa;
				margin-top:10px;
				margin-bottom:20px;
				margin-left:25px;
				padding-top:6px;
			}
			.ervaring p {
				font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
				font-size:1.2em;
				font-style:italic;
				line-height:1.8 ! important;
				padding:2px 35px 2px 40px ! important;
			}
			.ervaring .first { font-style:normal; font-weight:bold; }
			.ervaring .last { background:transparent url("../img/closequote.png") no-repeat bottom right ! important; }
		/*********************************************/
		/* citaten in (cursieve) tekst en uitgelicht */
		/*********************************************/
			.citeUitgelicht { background-color:#f9e7a2; font-style:normal; padding:5px; margin:0 15px; }
			.citeNormaal { font-style:normal; }
			.pullquoteLeft, .pullquoteRight {
				background:transparent url("../img/closequote.png") no-repeat bottom right ! important;
				float:left;
				font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
				font-size:1.3em;
				font-style:italic;
				font-weight:bold;
				margin:0 10px;
				width:30%;
				z-index:999;
			}
			.pullquoteRight { float:right ! important; }
			.pullquoteLeft p, .pullquoteRight p {
				background:transparent url("../img/openquote.png") no-repeat top left ! important;
				color:#444;
				line-height:1.8 ! important;
				padding:2px 35px 2px 40px ! important;
			}
			.pullQuoteCongres2009 {
				background:transparent url("../img/palliatief_logo.png") no-repeat center center ! important;
				font-weight:bold;
				height:310px;
				margin:-70px 0 0 20px;
				padding:0;
				width:270px;
			}
			.pullQuoteCongres2009 p { line-height:1.0 ! important; margin:0; padding:175px 0 0 15px; }
			.first, .second, .third { background-color:transparent; color:#333; font-style:normal; }
			.first { font-size:1.2em; }
			.second { font-size:1.1em; padding-top:0 ! important; }
			.third { font-size:0.9em; font-style:italic; padding-top:0 ! important; }
			.programma { width:45%; }
			.tabelCongres2009 {}
			.tabelCongres2009 th, .tabelCongres2009 td { padding:4px; vertical-align:top; }
			.tabelCongres2009 th { font-weight:normal; padding-top:12px; }

	/*****************************************************************/
	/*  vanwege de fixed header moeten bookmarks een padding krijgen */
	/*	zodat deze niet 'onder' de header verdwijnen bij benaderen   */
	/*****************************************************************/
		.bookmark { padding-top:90px; }

/**********/
/* footer */
/**********/
	#copyright {
		background-color:#f9e7a2;
		display:block;
		font:normal normal normal 0.85em Verdana,Geneva,Arial,Helvetica,sans-serif;
		height:105px;
		/*max-width:1280px;*/
	}
	#copyright { font-size:0.6em; height:20px; }
	#copyright p { margin:0; padding:0 15px 0 200px; }
	#copyright a, #copyright a:link, #copyright #copyright a:visited, #copyright a:hover, #copyright a:active { color:#c60; font-size:1.0em; text-decoration:underline; }
	#copyright a:hover, #copyright a:active { color:#000; }
	#designQuirk { background-color:#e97e42; height:20px; width:172px; }