/*
 *
  * Updated:    23 December 2011
 *
 * Copyright: 2004 - 2012
 *
 *	CSS
 *						 	* Matthijs van der Lit
 *							* Tom Lokhorst
 *							* Rob Lokhorst
 *		Associated graphics
 *
 *							* Menno van Uffelen 
 *							* Matthijs van der Lit 
  */

html, body
{
	background: #fff url(../images/html-bg.png) top repeat-x;
	margin: 0 auto;
}

body
{
	color: #fff;
	font-family: Verdana, Arial, Sans-serif;
	line-height: 110%;
}

.noDisplay { display: none; }
.noVisibility{ visibility: hidden; }

 /* Clean the Container floats */
.cleaner 
{
	clear: both;
	padding: 0;
}

#headerContainer
{
	background: url(../images/header_background.gif) repeat-x bottom;
	max-width: 100%;	
	overflow: hidden;
	padding-top: 1.2em;
}
	#header
	{
		background: url(../images/header.gif) no-repeat bottom center;
		height: 127px;
		margin: 0 auto;
		width: 48.1em;
	}
		#header a
		{
			background: url(../images/logo.gif) no-repeat left;
			display: block;
			float: left;
			height: 110px;
			margin-left: 10px;
			text-decoration: none;
			text-indent: -1000000em;
			width: 260px;
		}

#mainContainer
{
	background-color: #1d476f; 
	width: 100%;
}

	#main
	{
		background: url(../images/content_background.gif) top right no-repeat;
		margin: 0 auto;
		max-width: 95%;
		width: 48.5em;
	}

		#mainMenu
		{
			float: left;
			margin: 0;
			width: 13.4em;
		}
		
		
		#talkingHeads
		{
			background: url(../pictures/talking-heads.jpg) top left no-repeat;
			display: block;
			border-radius: .2em;
			height: 50px;
			margin: -11px 0 0 23px; 
			position: absolute;
			width: 79px; /* talking-heads.jpg width */
			z-index: 1;
		}
		
			#mainMenu ul
			{
				list-style: none;
				margin: 30px 0 0 0.5em;
				padding: 1.1em;
			}

				#mainMenu li
				{	
					background: url(../images/listmarker.gif) left center no-repeat;
					padding: 4px 0 3px 0;
				}

					#mainMenu ul li a
					{
						color: #c6a96c;
						font-weight: bold;
						margin-left: 18px;
						text-decoration: none;
					}	
					#mainMenu ul li a:hover
					{ text-decoration: underline; }

		#contactMenu
		{
			background-color: #436788;
			border: .1em #5b7e9e solid;
			border-radius: .2em;
			box-shadow: #275583 1px 1px 3px;
			margin: .5em 0 0 .5em;
			padding: .6em 0 0;
			width: 9.8em;
		}

		span.contact-mediation
			{
				font-size: 85%;
				font-weight: bold;
				padding: 1em;
			}	
						
	#contentContainer 
	{
		font-family: Arial, Sans-serif, Helvetica;
		margin-left: 13.5em;
		max-width: 100%;
	}

	#categoriesMenu
	{
		float: left;
		margin: 0 0 18px 0;
		padding: 0;
		width: 100%;
	}
	
		#categoriesMenu ul 
		{
			list-style: none;
			margin: 0;
			padding: 0;
		}

			#categoriesMenu ul li
			{
				float: left;
				margin-left: 4px;
			}

			#categoriesMenu ul a
			{
				background-color: #869db3;
				border-radius: 0 0 .2em .2em;
				color: #fff;
				display: block;
				font-weight: bold;
				height: 1.5em;
				margin: 0;
				padding: 0.3em;
				text-decoration: none;
				text-align: center;
				width: 12.5em;
			}

				#categoriesMenu ul a.notActive
				{
					background-color: #275583;
				}
	
					#categoriesMenu ul li a.notActive:hover
					{
						background-color: #2d5e8e; 
					}

		#content
		{
			float: left;
		}

	#footerMenu 
	{
		font-size: 85%;
		height: 2.2em;
	}

	#footerMenu ul
	{
		list-style-type: none;
		margin: 0;
		padding: 0;
		position: relative;
		float: right;
	}

	#footerMenu ul li
	{
		display: inline;
		padding: 0 0.2em;
	}

	#footerMenu ul li a
	{
		color: #869db3;
	}

	#footerContainer
	{
		background: url(../images/footer_background.gif) repeat-x top;
		height: 40px;
		overflow: hidden;
		margin-top: -6px;
		max-width: 100%;
	}

		#footerContainer div#footer
		{
			background: url(../images/footer.gif) no-repeat top;
			height: 40px;
		}

/*
 * Content
 */
		
/*
 * Headings
 */

h1, h2, h3
{
 	font-weight: bold;
}

h1
{
	color: #dbe4ee;
	font-family: verdana, arial, sans-serif;
	font-size: 105%;
	margin: 15px;
}

h2
{
	font-size: 80%;
	margin: 8px 15px 6px 15px;
}

h3
{
	font-size: 83%;
	margin: 1.4em 15px 0.4em 15px;
}

p
{
	font-size: 80%;
	margin: 8px 15px 6px 15px;
}

	p.depthbar
	{
		color: #738da8;
		font-size: 75%;
	}

	p.depthbar a
	{
		color: #738da8;
		text-decoration: none;	
	}

		p.depthbar .current
		{
			color: #738da8;
			font-weight: bold;
		}

		p.depthbar a:hover
		{
			color: #a3b8d3;
		}

	p.brochure 
	{
		margin: 1em 2.5em;
	}

/*
 * UL, OL, LI, DL, DT
 */

	/*
	 * Font-sizes in ULs (and OLs, DLs):
	 * The highest UL is 80%
	 */

	ul, ol, dl
	{
		font-size: 80%;
	}

	/*
	 * Font-sizes in ULs (and OLs, DLs):
	 * All child ULs and all LIs are 100% of the highest ULs
	 */

	ul ul, ol ol, dl dl, li
	{
		font-size: 100%;
	}

	dl 
	{
		padding: 0 0 0 15px;
	}

	dt
	{
		padding-top: 0.5em;
	}

kbd
{
	font-size: 100%;
}

small
{
	margin: 4px 0;
	font-size: 85%;
}

address
{
	font-size: 80%;
	font-style: normal;
	margin: 1em;
	padding: 0;
}

	address.left
	{
		float: left;
	}

form
{
	font-size: 80%;	
	padding: 15px;
}

span.marked
{
	color: #ceb275;
}

.helpwidget
{
	float: right;
}

/* Coreteam */
div.coreteam
{
	width: 31em;
	margin: 0 1em;
}

.coreteam .hoofden-klein
{
	border: 1px #869db3 solid;
	border-radius: .2em;
	width: 92.2%;
	padding: 1.2em;
}

.coreteam .hoofden-klein img
{
	padding: .4em;
}

/* etc */

.jump-in
{
	margin: 0.5em 1.25em;
}

.left-align
{
	border: 1px #869db3 solid;
	float: left;
	margin: 0.5em 0;
	width: 100%;
}

.right-align
{
	border: 1px #869db3 solid;
	float: right;
	margin: 0.5em 0;
	width: 100%;
}

	.left-align img
	{
		float: left;
		padding: 2em 1em 0.2em 1em;
	}

	.right-align img
	{
		float: right;
		padding: 2em 1em 0.5em 1em;	
	}

.left
{
	float: left;
	margin: 0.8em 0.8em 0.8em 0.8em;	
}

.right
{
	float: right;
	margin: 1em 1.5em;	
}

.verticalAlignTop
{
	vertical-align: top;
}

ul.bibliography li
{
	margin-bottom: 0.3em;
}

/*
 * NIVIM method
 */

.nivimMethod li a
{
	width: 10em;
	display: inline-block;
}

.nivimMethodSidebar
{
	background-image: url(../images/nivim_method_sidebar.gif);
	background-repeat: no-repeat;
	float: right;
	list-style-position: inside;
	margin: 0 5px;
	padding: 52px 0 0 0;
	width: 127px;
}

.nivimMethodSidebar li
{
	background-color: #436788;
	border-color: #5b7e9e;
	border-style: solid;
	border-width: 0 1px 1px 1px;
	font-size: 95%;
	padding: 1px;
}

	.nivimMethodSidebar li.current
	{
		background-color: #1b466e;
	}

	.nivimMethodSidebar a
	{
		text-decoration: none;
	}

/*
 * Images
 */

img.border
{
	border: .1em #869db3 solid;
	border-radius: .2em;
}

img.contactOffice
{
	margin: -2em 2em 0 22em;
	position: absolute;
}

/*
 * Contact 
 */

label.contactFormLabel
{
	width: 13em;
	display: block;
	float: left;
	margin: 0;
}

label.contactFormLabel.transparant
{
	visibility: hidden;
}

input#c_versturen
{
	margin-left: 10px;
}

ul.addressData
{
	margin: 0 0 0 15px;	
	list-style: none;
	padding: 0;
}

ul.addressData span
{
	float: left;
	width: 6em;
	margin: 0;
}

ul.addressData address
{
	font-size: 100%;
	margin: 0;
	_margin-top: -1.4em
}

ul.addressData li.officeBarneveld span, ul.addressData li.officeDriebergen span
{
	height: 3em;
}

ul.addressData li.officeDriebergen
{
	margin: -4em 0 0 26em;
}

ul.voordelen li
{
	display: inline;
	padding-right: 3em;
}

ul.routeDescription
{
	list-style: none;
	margin: 0 15px;
	padding: 0;
}

ul.routeDescription ul
{
	display: block;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

	ul.routeDescription ul li
	{
		float: none;
	}

	ul.routeDescription li
	{
		float: left;
		margin-right: 1em;
	}

	ul.routeDescription li.officeDriebergen
	{
		margin-left: 12em;
	}

	ul.routeDescription li ul
	{
		float: left;
	}
	
	ul.no-bullet
	{
		list-style: none;
	}

/*
 * Links
 */

a
{
	color: #ceb275;
	text-decoration: underline;
}

	a:hover
	{
		color: #a3b8d3;
		text-decoration: none;
	}

	a.external, a.pdf, a.doc, a.music, a.html
	{
		background-repeat: no-repeat;
		background-position: right;
		padding-right: 19px;
	}
	
	a.external-l, a.pdf-l, a.doc-l, a.music-l, a.video-l, a.html-l
	{
		background-repeat: no-repeat;
		background-position: left;
		padding-left: 22px;
	}
	
	a.print img
	{
		border: 0;
		margin: 0;
	}

	a.external
	{background-image: url(../images/icons/link_external.gif);}
	a.external:hover
	{background-image: url(../images/icons/link_external_hover.gif);}

	a.pdf, a.pdf:hover, a.pdf-l, a.pdf-l:hover
	{background-image: url(../images/icons/pdf.gif);}
	
	a.music, a.music:hover, a.music-l, a.music-l:hover, 	a.video, a.video:hover, a.video-l, a.video-l:hover
	{background-image: url(../images/icons/music.gif);}
	
	a.html, a.html:hover, a.html-l, a.html-l:hover
	{background-image: url(../images/icons/html.gif);}

	a.doc, a.doc:hover, a.doc-l, a.doc-l:hover
	{background-image: url(../images/icons/doc.gif);}