/*
	////////	
	In this CSS different divisions are visible to easily find what you're looking for
   	### *** ### > main containers
    # *** # > elements within containers
	///////
	 */


/*### STANDARD ELEMENTS ###*/

* {
  margin: 0;
  padding: 0;
}


HTML, BODY
{
	height: 100%;
	padding: 0px;
	margin: 0px;
}

BODY
{
	background: #695952 url(../images/watermerk.jpg) no-repeat top right;
	font-family: Verdana, Arial, Tahoma, Times New Roman;
	text-align: center;
	line-height:1.5em;
}

TD
{
	vertical-align: top;
}

LI
{
	line-height: 21px;
}

IMG
{
	border: 0px;
}

FORM
{
	padding: 0px;
	margin: 0px; 
}

h3 {
	font-size: 14px;
	padding: 0px 0px 5px 0px;
	font-weight: bold;
}

h2 {
	font-size: 14px;
	padding: 0px 0px 5px 0px;
	font-weight: bold;
}

A
{
	color: #BE0F34;
}


DIV
{
	text-align:left;
}

#content_container_vervolg #vervolgcontent p TABLE
{
	cellpadding: 0px;
	width: 100%!important;
	border-collapse:collapse;
	border: 0!important;
}


p.alinea
{
	vertical-align: top;
}



#content_container_vervolg p a:link, #content_container_vervolg p a:active, #content_container_vervolg p a:visited
{
	color: #BE0F34;
	text-decoration: underline;
} 

#content_container_vervolg p a:hover
{
	text-decoration: none;
}



/* ### CONTAINERS ### */

	#main_container
	{
		width: 960px;
		margin: 20px auto;	
		background-color:  #e8e5e3;	
		background-image:url(../images/content_container_vervolg_bg.gif);
		background-repeat: repeat-y;
		background-position: center;
		position: relative; 
		min-height: 100%; /* For Modern Browsers */
		height: auto !important; /* For Modern Browsers */
		height: 100%; /* For IE */
		padding-bottom: 50px;
	}
	
	#header_container
	{
		/*background: url(../images/header_bg.jpg) repeat-x top left; */
	}
	
	#content_container
	{
		margin: 0px 8px;
		background-image:url(../images/content_container_bg.gif);
		background-repeat: repeat-y;
		background-color: #fff;
	}
	
	#content_container_vervolg
	{
		margin: 0px 8px;
		background-image:url(../images/content_container_vervolg_bg.gif);
		background-repeat: repeat-y;
		background-color: #fff;
	}
		
	#footer_container
	{
		height: 50px;
		width: 100%;
		background: #695952 url(../images/footer_bg.jpg) no-repeat top center;
		position: absolute; 
		left: 50%;
		margin-left: -480px;
		bottom: 0 !important; 
		/*bottom: -1px;*/ 
	}

/* ### HEADER_container ### */
	
	#header_container DIV.left, #header_container DIV.right
	{
		float: left;
		height: 226px;
	}	
	
	#header_container DIV.left
	{
		background: url(../images/header_1.jpg) no-repeat top left;
		width: 752px;	
	}
	
	#logolink
	{
		display:block;
		width: 300px;	
	height: 226px;
	}
	
	#header_container DIV.right
	{
		width: 208px;	
	}

	/* # SECUNDAIR MENU # */

	#secmenu
	{
		clear: left;
		margin: 0px 8px;
		padding-left: 16px;
		background: #000000 url(../images/hoek_secmenu.gif) no-repeat top left;
		height: 30px;
		line-height: 14px;
	}	
	
	#secmenu a:link, #secmenu a:visited, #secmenu a:active
	{
		color: #ffffff;
		text-decoration: none;
		display: block;
		float:left;
		min-width: 60px;
		height: 14px;
		margin-top: 7px;
		margin-right: 10px;
		padding-right: 10px;
		border-right: 1px solid white;
		margin-bottom: 9px;
		padding-left: 15px;
	}
	
	#secmenu a:hover
	{
		text-decoration:underline;
	}
	
	#secmenu a.selected:link, #secmenu a.selected:active, #secmenu a.selected:visited 
	{
		font-weight: bold;
		color: #df9d18;
	}
	
	#secmenu a.selected:hover 
	{
		text-decoration: none;
		cursor: default;
	}	
	
	
	#secmenu a.color1, 	#secmenu a.color7
	{
		background: url(../images/color1.gif) no-repeat left;
	}	
	#secmenu a.color2, 	#secmenu a.color8
	{
		background: url(../images/color2.gif) no-repeat left;
	}
	#secmenu a.color3, 	#secmenu a.color9
	{
		background: url(../images/color3.gif) no-repeat left;
	}
	#secmenu a.color4
	{
		background: url(../images/color4.gif) no-repeat left;
	}
	#secmenu a.color5
	{
		background: url(../images/color5.gif) no-repeat left;
	}
	#secmenu a.color6
	{
		background: url(../images/color6.gif) no-repeat left;
	}
	
	/* # PRIMAIR MENU # */
	
	#primmenu
	{
		clear: both;
		margin: 0px 8px;
		background-image:url(../images/pm_bg.gif);
		background-repeat: repeat-x;
		background-color: #a49791;
		height: 45px;
	}	
	
	#primmenu IMG
	{
		float:left;
		margin: 16px 17px 0px 8px;
	}
			
	#primmenu a:link, #primmenu a:visited, #primmenu a:active, #primmenu a:hover
	{
		display:block;
		margin-top: 8px;
		margin-right: 7px;
		width: 121px;
		height: 37px;
		float:left;		
	}
	
	#primmenu .dgrey
	{
		width: 8px;
		background-color: #a49791;
		float:left;
		height: 45px;
	}
		
	a#leeftijd 
	{
		background-image:url(../images/pm_leeftijd.gif);
	}
	a#leeftijd.selected 
	{
		background-image:url(../images/pm_leeftijd_ov.gif);
	}
	a#onderwerp
	{
		background-image:url(../images/pm_onderwerp.gif);
	}
	a#onderwerp.selected 
	{
		background-image:url(../images/pm_onderwerp_ov.gif);
	}
	a#regio
	{
		background-image:url(../images/pm_regio.gif);
	}
	a#regio.selected
	{
		background-image:url(../images/pm_regio_ov.gif);
	}
	a#organisatie
	{
		background-image:url(../images/pm_organisatie.gif);
	}
	a#organisatie.selected
	{
		background-image:url(../images/pm_organisatie_ov.gif);
	}
	
	/* # ZOEKFUNCTIE # */
	
	#zoeken
	{
		width: 191px;
		float:right;
		margin-right: 8px;
		vertical-align:top;
		height:23px;
		margin-top: 8px; 
	}
	
	#zoeken FORM
	{
		display:inline;
		height:23px;
	}
	
	#zoeken INPUT
	{
		margin: 0px 0px 0px 0px;
	}
	
	#zoeken INPUT.trField
	{
		background-image: url(../images/field_bg.jpg);
		width: 109px;
		height: 23px;
		border: 1px solid #727272;
		line-height: 21px !important;
		float: left;
		text-indent:4px;
	}
	
	#zoeken INPUT.trButton
	{
		background-image: url(../images/zoeken.gif);
		width: 82px;
		height: 23px;
		border: 0px solid #727272;
		float: right;
		cursor:hand;
	}
	
	
/* ### CONTENT_container ### */

	/* # Inside columns # */
	
	#left_home
	{
		width: 618px;
		float: left;
		margin-left: 8px;
	}
	
	#right_home
	{
		width: 310px;
		float: left;
	}
	
	#left_vervolg
	{
		width: 724px;
		float: left;
		margin-left: 8px;
	}
	
	#right_vervolg
	{
		width: 208px;
		float: right;
		height: 100%;
		min-height: 100%;
		background-color: #be0f34;
		background-image: url(../images/right_vervolg_bg.gif);
		background-repeat:repeat-y;
	}
	
	#right_vervolg h2
	{
		margin:8px 8px 4px 16px;
		border-bottom: 1px solid #fff;
	    padding-top: 6px;
	    padding-bottom: 12px;	
	}
	
	#intro
	{
		font-weight: normal;
		color: #fff;
		margin-left:16px;
	}
	
	#right_vervolg p
	{
		display:block;
	}
	
	#right_vervolg #intro a:link, #right_vervolg #intro a:active, #right_vervolg #intro a:visited
	{
		color: #ffffff;
		line-height: 3em;
		font-weight: bold;
		text-decoration: none;
	}
	
	#right_vervolg #intro a:hover
	{
		text-decoration: underline;
	}
	
	#contactinformatie
	{
		display:block;
		margin-top:80px;
		margin-left:16px;
		font-size: 0.9em;
		line-height: 2em;
		color: #ffffff;
	}
	
	#contactinformatie span
	{
		border-bottom: 1px solid #ffffff;
		display: block;
		line-height: 3em;
		margin-right:8px;
	}
	
	#partnerinformatie
	{
		display:block;
		margin-top:10px;
		margin-left:16px;
		font-size: 0.9em;
		line-height: 2em;
		color: #ffffff;
	}
	
	
		/* # inside inside columns # */
		/* # vervolgpagina content left # */
		
		#page_head
		{
			margin: 15px 15px 12px 16px;
			border-bottom: 1px solid #000;
		}
		
		#page_head h3
		{
			width: 45%;
			float: left;
		}
		
		.breadcrum
		{
			padding: 4px 0px 0px 0px;
			width: 50%;
			float:right;
			text-align: right;
			font-size: 11px!important;
		}
		
		.breadcrum a:link, .breadcrum a:visited, .breadcrum a:active
		{
			color: #a49791;
		}
		
		.breadcrum a:hover
		{
			color: #695952;
		}
		
		/* Vervolgmenu */
		
		#vervolgmenu
		{
			width: 200px;
			background-color: #e8e5e3;
			float:left;
			margin-left: 10px;
			margin-right: 8px;
		}
		
			#vervolgmenu h3
			{
				margin:8px;
				border-bottom: 1px solid black;
			}
			
			.subs
			{
				margin: 0px 8px 8px 8px;
			}
		
			.subs a:link, .subs a:visited, .subs a:active
			{
				font-size: 11px;
				display: block;
				padding-left: 16px;
				color: #000;
				text-decoration:none;
				line-height: 3em;
				background-image: url(../images/vervolg_bullet.gif);
				background-repeat: no-repeat;
				background-position: 0px 1em;
			} 		
			
			.subs a:hover
			{
				text-decoration: underline;
			}
			
			
			
			.subs a.mainselected:link, .subs a.mainselected:visited, .subs a.mainselected:active
			{
				font-weight:bold;
				color: #be0f34;
				font-size: 11px;
				display: block;
				padding-left: 16px;
				line-height: 3em;
				background-image: url(../images/vervolg_bullet_sel.gif);
				background-repeat: no-repeat;
				background-position: 0px 1em;
			}
			
			
			.subs a.subindent:link, .subs a.subindent:visited, .subs a.subindent:active, .subs .subselected
			{
				font-weight:normal;
				font-size: 10px;
				display: block;
				padding-left: 30px;
				line-height: 3em;
				background-image: url(../images/vervolg_subbullet_sel.gif);
				background-repeat: no-repeat;
				background-position: 0px 0em;
				color: #695952;
			}
			
			.subs .subselected
			{
				background-image: url(../images/vervolg_subbullet.gif);
				color: #be0f34;
			}
			
			
		
		#vervolgcontent
		{
			width: 470px;
			float:left;
		}

		#vervolgcontent p
		{
			padding-bottom: 1em;
		}
		
				#vervolgcontent p img
				{max-width:450px;}
		
		#vervolgcontent_nomenu
		{
			width: 670px;
			float:left;
			margin-left: 16px;
		}
		
		#vervolgcontent UL, #vervolgcontent_nomenu UL
		{
			margin-left: 30px;
			margin-bottom: 10px;
		}

	
	/* # colored boxes HOMEPAGE # */
	
	.homeColLeft, .homeColCenter, .homeColRight
	{
		width: 299px;
		height: 299px;
		background-color: Gray;
		margin: 10px 0px 0px 10px;
		float: left;		
		overflow:hidden;
	}
		
	.color1 				{background-color: #e85da2 ;}  /*Pink*/
	.color2		{background-color: #b7c72a ;}	/*Green*/
	.color3					{background-color: #be0f34 ;} /*Red*/
	.color4					{background-color: #df9d18 ;}	/*Orange*/
	.color5					{background-color: #15a3cc ;}	/*Blue*/
	.color6					{background-color: #be0f34 ;} /*Red*/
		
	.insideBox
	{
		color: fff;
		line-height: 1.5em;
		display:block; 
		position:relative;
		height: 279px;  
		padding:10px; overflow:hidden;
	}
	                 
	/*.insidebox H3 {padding:10px;}
	.insidebox .padded {;}
	.insidebox .date,
	.insidebox .nieuwslink,
	.insidebox strong a
	{
	padding:0px 10px;
	}*/
	
	.bottompic {background-image: url(../images/home_img_lenen.jpg); height:299px;}
	.rightpic {background-image: url(../images/home_img_scheiden.jpg); height:299px;}
	
		/*.homeColLeft.color2 .insidebox h3
		{
			display:none;
		}*/
				.homeColLeft.color4 .insidebox {color:#000;}
				.homeColLeft.color4 .insidebox .padded {height:auto;}
				
	.clear
	{
		float: none;
		clear: both;
		height: 8px;
		font-size:0.1em;
		line-height: 0.1em;
	}
		
	
	/* # inside box elements HOMEPAGE  # */
	
	.date
	{
	 font-size: 10px;
	 color: #000;
	}
	
	a.leesmeer:link, a.leesmeer:active, a.leesmeer:visited, DIV.overzicht a
	{
		display:block;
		color: #000;
		font-size: 11px;
		font-weight:bold;
		margin-top: 1em;
		padding:0px;
	}
	
	a.leesmeer:hover, DIV.overzicht a:hover
	{
		text-decoration: none;
	}
	
	
	a.nieuwslink:link, a.nieuwslink:active, a.nieuwslink:visited
	{
		color: #fff;
		margin-bottom: 15px;
		display: block;
		font-weight: bold;
		margin-top: 0px !important;
	}
	
	a.nieuwslink:hover,  .insideBox #intro a:hover
	{
		text-decoration: none;
	}
		
	.insideBox a:link, .insideBox a:active, .insideBox a:visited
	{
		color: #fff;
	}
	
	.insideBox a:hover
	{
		text-decoration: none;
	}
	
	
	/* exception in link style for one boxes (color5) */	
	.color5 A:link, .color5 A:active, .color5 A:visited
	{
		color: #fff;
		display: block;
		font-weight: bold;
		margin-top: 10px;
		margin-bottom:5px;
	}		
	
	.insideBox #intro
	{
		margin-top: -10px;
		margin-left: 0px;
		height: 215px;
		overflow:hidden;
	}
	
	.insideBox #intro p
	{
		font-weight:normal;
	}
	
	.homeimage
	{
		position: absolute;
		top:0px;
		left:0px;
	}
	
	
/* ### FOOTER_container ### */


	.footerMenu
	{
		width: 728px;
		height: 23px;
		float: left;
		text-align: center;
		margin-left: 8px;
		color: #FFFFFF;
		font-size: 9px;
		line-height: 23px;
	}
	
	.footerMenu A:link, .footerMenu A:active, .footerMenu A:visited
	{
		color: #fff;
		text-decoration: none;
	}
	
	/* turn off gezondheidsdossiers */
	#Gezondheidsdossiers
	{
		display:none;
	}
	
	.footerMenu A:Hover
	{
		color: #fff;
		text-decoration: underline;
	}
		
	.footerText
	{
		width: 208px;
		height: 23px;
		float: right;
		text-align: center;
		margin-right: 8px;
		color: #FFFFFF;
		font-size: 9px;
		line-height: 23px;
	}
	
	.footerText A
	{
		color: #df9d18;
		text-decoration: none;
	}
	
	.footerText A:Hover
	{
		color: #df9d18;
		text-decoration: underline;
	}
	
	
	
	
/*------------------- CBASE ------------------*/


		
/* SEARCH */

	
	#cbase_search TD
	{
		line-height: 23px;
		font-size: 12px;
	}
	
	#cbase_search a:link, #cbase_search a:active, #cbase_search a:visited, #sitemap a:link, #sitemap a:active, #sitemap a:visited
	{
		color: #be0f34;
	}
	
	#container_middleCenter #cbase_documents *, #container_middleCenter LI *, #container_middleCenter .title *
	{
		text-decoration: none;
	}
	
	#sitemap .titlerow
	{
		font-weight:bold;
		padding: 5px 0px;
	}
	

/* DOCUMENTEN */

#cbase_documents a:link, #cbase_documents a:active, #cbase_documents a:visited, #cbase_links a:link, #cbase_links a:active, #cbase_links a:visited, .title a:link, .title a:active, .title a:visited, .action a:link, .action a:active, .action a:visited   
{
	color: #be0f34;
	text-decoration:underline;
}
#cbase_documents a:hover, #cbase_links a:hover
{
	text-decoration:none;
}

.title
{
	padding-bottom:5px;	
}

.category
{
	font-weight: bold;
	padding: 10px 0px;
}	

A.info
{ 
	line-height:20px; 
	position:relative; 
	z-index:1500; 
	font-weight:normal;
	text-decoration: none;
}

A.info:hover
{
	z-index:2000; 
	font-weight:normal;
}

a.info span
{
	display: none
}

a.info:hover span
{ 
	display:block; 
	position:absolute; 
	top:2em; 
	left:2em; 
	width:20em; 
	border:1px solid #000; 
	background-color:#e8e5e3; 
	color:#000000; 
	font-weight:normal; 
	padding-left: 5px;
	padding-right: 5px;
}

/* AGENDA */


/* agenda detail */

#cbase_agenda_item
{
	width:100%;
}

#cbase_agenda_item .default
{
	padding:5px;
	background-color: #a49791;	
	font-size: 0.7em;
}


#cbase_agenda_item .title
{
	font-weight: bold;
	color: #be0f34;	
}

#cbase_agenda_item .summary
{
	padding:10px 0px 10px 0px;
}

#cbase_agenda_item .time
{
	text-align:left;
	padding:5px;
	background-color: #e8e5e3;
}

#cbase_agenda_item .description
{
	padding:10px 0px 0px 0px;
	font-size:0.8em;
}

/* agenda overzicht */

#cbase_agenda
{
	width:100%
}

#cbase_agenda .title
{
	display:none;
}

#cbase_agenda .description
{
	font-size:0.8em;
	padding: 5px 0px;
}

#cbase_agenda .action
{
	padding:20px 0px 10px 0px;
	font-weight:bold;
	word-wrap:break-word;
}

#cbase_agenda .action IMG
{
	display:none;
}

#cbase_agenda .time
{
	text-align:left;
	padding:5px;
	background-color: #e8e5e3;
}

	
/* FORMULIER */
	
	#cbase_form .title
	{
		color: #000000;
		width: 228px;
		height: 28px;
	}


	#cbase_form .formelements
	{
		width: 328px;
	}

	#cbase_form .formelements .textarea, #cbase_form .formelements .input
	{
		width: 100%;
	}
	


/* cbsMessageWindow */

	#cbsMessageWindow
	{
		height: auto;
		color: #be0f34;
		text-align: center;
		font-weight: bold;
		padding: 10px;
	}
	
/*### classes ###*/

.inputButtonClass, .button, .clsButton
{
	margin: 0px 0px 10px 0px;
	background: #000;
	color: #FFFFFF;
	border: 1px #000 solid;
	width: 100px;
	cursor: hand;
}

.inputTextClass, .input, .textarea
{
	margin: 0px 0px 0px 0px;
	background: #FFFFFF;
	color: #000;
	border: 1px #000 solid;
}

IMG.imgleft
{
	margin: 5px 5px 5px 0px; 
}

IMG.imgright
{
	margin: 5px 0px 5px 5px; 
}

/*### EXTRA ###*/

#infobanklayer
{
	width: 690px;
}

#infobank
{
	width: 690px;
}

/* VIDEO POPUP PLAYER */

div.videocontainer {background:#fff; margin: 10px;}

a.player {	
	display:block;
	width:500px;
	height:340px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
	background:#000 url(/img/global/gradient/h500.png) repeat-x 0 0;
	background:-moz-linear-gradient(top, rgba(55, 102, 152, 0.9), rgba(6, 6, 6, 0.9));
	-moz-box-shadow:0 0 40px rgba(100, 118, 173, 0.5);
}

a.player:hover {
	background:-moz-linear-gradient(center top, rgba(73, 122, 173, 0.898), rgba(6, 6, 6, 0.898));	
}

/* splash image */
a.player img {
	margin-top:125px;
	border:0;	
}

	a.player {
		margin-top:0px;
		width:475px;		
	}