/* Default stylesheet */
html, body {
	padding			: 0;
	margin			: 0;
}

body {
	font			: normal 12px "Arial", "Verdana", sans-serif;
	background		: #fff;
	color			: #515151;
}

#wrapper {
	margin			: 0 auto;
	width			: 100%;
	min-height		: 100%;
	min-width		: 946px;
}

#body {
	width			: 946px;
	margin			: 0 auto;
	background 		: transparent url('../images/background.gif') repeat-y top left;
}

#twocols #body {
	background 		: transparent url('../images/background2.gif') repeat-y top left;
}

	#top {
		width			: 946px;
		height			: 152px;
		background		: #fff url('../images/content_bottom.gif') no-repeat bottom left;
	}

		#top #logo {
			float 	: left;
			width	: 260px;
			padding : 10px 0 0 62px;
		}

		#top #navigatie {
			float 		: left;
			width 		: 624px;
			height 		: 115px;
			background 	: transparent url('../images/header.gif') no-repeat top right;
		}


	#twocols #top {
		background-image: url('../images/content_bottom2.gif');
	}

	#detail #top {
		background-image: url('../images/case_top.gif');
	}

	#content {
		width			: 946px;
		padding			: 0 0 0 1px;
	}

		#content #title {
			float		: left;
			width		: 624px;
			height		: 49px;
			margin		: 0 0 0 -1px;
			background	: transparent url('../images/title_background.gif') no-repeat top left;
		}

		#content #left {
			float 		: left;
			width		: 300px;
			margin		: 0 22px 0 0;
		}

			#content #left #adviser {
				width		: 302px;
				margin		: -10px 0 0 -1px;
				padding		: 22px 0 0 0;
				float		: left;
				background	: transparent url('../images/adviser_background.gif') no-repeat top left;
			}

			#content #left #back {
				width		: 264px;
				margin		: 0 0 11px -1px;
				padding		: 7px 19px 29px 19px;
				float		: left;
				background	: transparent url('../images/adviser_background.gif') no-repeat bottom left;
			}

		#content #middle {
			float 		: left;
			width		: 300px;
			margin		: 0 22px 0 0;
		}

		#content #right {
			float 		: left;
			width		: 300px;
			margin		: 0 0 0 0;
		}

			#twocols #content #right {
				width 		: 622px;
			}

			#twocols #content #right #volgende {
				float 		: left;
				margin 		: 0 0 0 -1px;
				background	: transparent url('../images/volgende_bg.gif') repeat-y top left;
				width 		: 19px;
				height 		: 390px;
			}

				#twocols #content #right #volgende a {
					display 	: block;
					background	: transparent url('../images/volgende_arrow.gif') no-repeat center center;
					width 		: 19px;
					height 		: 390px;
				}

				#twocols #content #right #volgende a:hover {
					background	: transparent url('../images/volgende_arrow2.gif') no-repeat center center;
				}

			#twocols #content #right #vorige {
				float 		: left;
				background	: transparent url('../images/vorige_bg.gif') repeat-y top left;
				width 		: 19px;
				height 		: 390px;
			}

				#twocols #content #right #vorige a {
					display 	: block;
					background	: transparent url('../images/vorige_arrow.gif') no-repeat center center;
					width 		: 19px;
					height 		: 390px;
				}

				#twocols #content #right #vorige a:hover {
					background	: transparent url('../images/vorige_arrow2.gif') no-repeat center center;
				}


			#cases {
				float 			: left;
				height 			: 390px;
				width			: 585px;
				position		: relative;
				overflow		: hidden;
			}

			#cases #case {
				overflow		: hidden;
				margin			: 0px auto;
				position		: relative;
			}

			#cases #case ul {
				width			: 10000000px;
				position		: relative;
				z-index			: 1;
				margin			: 0;
				padding			: 0;
			}

			#cases #case ul li {
				float			: left;
				height 			: 370px;
				width 			: 194px;
				list-style		: none;
				overflow		: hidden;
				border-right	: 1px solid #e2e2e2;
				background		: none;
				cursor			: pointer;
				padding 		: 0 0 20px 0;
				margin			: 0;
				line-height 	: 18px;
			}

			#cases #case ul li.case-description {
				height			: 360px;
				padding			: 15px 17px;
				width			: 160px;
				color			: #333;
				cursor			: default;
			}

				#cases #case ul li img {
					border-bottom	: 1px solid #e2e2e2;
				}

			#twocols #content #right #cases .case {
				float 			: left;
				height 			: 350px;
				width 			: 154px;
				padding 		: 20px;
				border-right	: 1px solid #e0e0e0;
				line-height 	: 18px;
				cursor			: pointer;
			}
			
			#middle #cases {
				width: 300px;
				height: 430px;
			}

			#middle #cases #case ul li {
				width 			: 300px;
				height			: 430px;
				list-style		: none;
				overflow		: hidden;
				background		: none;
				cursor			: pointer;
				margin			: 0;
				line-height 	: 18px;
				border			: none;
			}

			#middle #cases #case #list-cases p {
				padding: 0 0 12px 0;
				line-height: 20px;
			}



		#employees {
			float 			: left;
			width			: 300px;
			position		: relative;
			overflow		: hidden;
		}

		#employees #employee {
			overflow		: hidden;
			margin			: 0px auto;
			position		: relative;
		}

		#employees #employee ul {
			width			: 10000000px;
			position		: relative;
			z-index			: 1;
			margin			: 0;
			padding			: 0;
		}

		#employees #employee ul li {
			float			: left;
			width 			: 300px;
			height			: 520px;
			list-style		: none;
			overflow		: hidden;
			background		: none;
			margin			: 0;
			padding			: 0;
			line-height 	: 18px;
		}

		#employees #employee ul li img {
			width			: 300px;
			height			: 225px;
			margin			: 0 0 10px 0;
		}


		.tekst {
			padding		: 0 19px;
			line-height : 20px;
			margin 		: 0 0 22px 0;
		}

		.text {
			margin		: 0 19px 10px 19px;
			line-height	: 20px;
			padding		: 0 0 11px 0;
			border-bottom: 1px solid #e0e0e0;
		}

		.zoeken {
			border-top	: 1px solid #e0e0e0;
			background	: transparent url('../images/zoeken_bg.gif') repeat-x top left;
			height 		: 44px;
			padding 	: 20px 0 0 19px;
		}

		.nieuwsbrief {
			border-top	: 1px solid #c8a34b;
		}

		.nieuws {
			padding	: 10px 0 15px 0;
		}

			.nieuws .item {
				padding 		: 4px 0;
				cursor			: pointer;
			}

			.nieuws .item:hover a {
				color			: #000;
			}

			 	.nieuws .item .date {
					float 		: left;
					width 		: 88px;
					text-align 	: right;
					padding		: 0 5px 0 0;
					background 	: transparent url('../images/newsarrow.gif') no-repeat center left;
				}

				.nieuws .item .titel {
					float 	: left;
					width 	: 197px;
					padding	: 0 10px 0 0;
				}

	.spacer {
		width			: 946px;
		height 			: 21px;
		background 		: #fff url('../images/content_bottom.gif') no-repeat top left;
	}

	#twocols .spacer {
		background 		: #fff url('../images/content_bottom2.gif') no-repeat top left;
	}

	#footer-menu {
		width			: 946px;
		background 		: #ababab;
		height 			: 25px;
		margin 			: 0;
		padding 		: 0;
	}

		#footer-menu #ft-menu {
			float		: left;
			padding 		: 0 0 0 7px;
			height 		: 25px;
		}

		#footer-menu #ft-contact {
			float		: right;
			height 		: 25px;
			padding 	: 0;
			margin 		: 0;
		}

	#footer {
		width			: 946px;
		background 		: #f4f4f4;
	}

		#footer #footer-left {
			float 			: left;
			width 			: 302px;
		}

		#footer #footer-middle {
			float 			: left;
			width 			: 342px;
		}

		#footer #footer-right {
			float 			: left;
			width 			: 302px;
		}

		#footer .lijst {
			float 			: left;
			padding			: 0 20px;
			line-height 	: 20px;
			margin 			: 0 0 12px 0;
			width 			: 260px;
		}

		#footer #footer-right .lijst {
			padding-left: 0;
		}

		#footer #footer-middle .lijst {
			padding-right: 0;
            width: 280px;
		}



	#bottom {
		width			: 946px;
		background 		: #fff;
		height 			: 50px;
	}


	.clear {
		clear 		: both;
	}

	#staff-nav {
		float			: left;
		height			: 40px;
		background-color: #f2f2f2;
	}

		#staff-nav-left, #staff-nav-right {
			float			: left;
			width			: 40px;
			height			: 40px;
			cursor			: pointer;
			background		: transparent url('../images/staff_nav_left.gif') no-repeat top left;
		}

		#staff-nav-right {
			background-image: url('../images/staff_nav_right.gif');
		}

		#staff-nav-center {
			float			: left;
			width			: 220px;
			text-align		: center;
			color			: #000;
			font-size		: 14px;
			line-height		: 18px;
			padding			: 8px 0 0 0;
		}

	#search {
		margin-top		: 50px;
	}

.hr {
	width			: 100%;
	height			: 25px;
	background		: transparent url('../images/hr.gif') repeat-x center;
}

/* Headings H1-H6 */
h1 { }

	#title h1 {
		font-size 		: 15px;
		font-weight 	: bold;
		color			: #fff;
		padding			: 5px 0 0 20px;
	}

h2 { }

	#content h2 {
		padding 		: 6px 19px;
		font-size 		: 15px;
		font-weight 	: bold;
		color 			: #fff;
		background 		: #c7a34b;
	}

		#twocols #content h2 {
			float 			: left;
			width			: 584px;
		}

		#twocols #content h2 span.left {
			float			: left;
		}

		#twocols #content h2 span.right {
			float			: right;
			font-size 		: 12px;
			padding 		: 2px 0 0 0;
			font-weight 	: normal;
			color 			: #fff;
		}

	#content h2.underline, #content h2.line {
		margin 			: 11px 19px;
		padding 		: 0 0 10px 0;
		font-size 		: 15px;
		font-weight 	: bold;
		color 			: #000;
		border-bottom 	: 1px solid #c7a34c;
		background 		: transparent;
	}

		#content h2.line {
			border-bottom: 1px solid #e0e0e0;
		}

		#twocols #content h2.underline {
			float 			: none;
			width			: auto;
		}

		#detail #content h2.underline {
			position		: relative;
			cursor			: pointer;
		}

		#detail h2.underline img {
			position		: absolute;
			top				: 7px;
			right			: 4px;
		}

	#footer h2 {
		margin 			: 15px 20px 0 20px;
		padding 		: 0 0 10px 0;
		font-size 		: 15px;
		font-weight 	: bold;
		color 			: #000;
		border-bottom 	: 1px solid #d2d2d2;
		background 		: transparent;
	}
    
        #footer #footer-right h2 {
            margin-left: 0;
        }

	#footer #footer-left h2 {
		margin 			: 15px 0 0 19px;
	}

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

	#list-cases h3 {
		padding	: 10px 20px 5px 20px;
	}

h4 {
	font-weight	: bold;
}

h5 {
	font-weight	: bold;
}

h6 {
	font-weight	: bold;
}


/* Paragraph and Link Styles */
p {
	padding-bottom 	: 12px;
}

	#search p {
		padding-bottom	: 18px;
	}

	#list-cases p {
		padding			: 0 20px;
	}

	#list-cases .case-description p {
		padding			: 0 0 10px 0;
	}

a { }

	a {
		color			: #1e6c42;
	}

	a.arrow {
		color 			: #1a663d;
		background		: transparent url('../images/link-arrow.gif') no-repeat center left;
		padding 		: 0 0 0 23px;
		font-weight 	: bold;
		text-decoration	: none;
	}

	a.arrow:hover {
		color			: #000;
	}

	a.arrow-right, a.arrow-left {
		float 			: right;
		color 			: #1a663d;
		background		: transparent url('../images/link-arrow.gif') no-repeat center right;
		padding 		: 0 23px 0 0;
		font-weight 	: bold;
		text-decoration	: none;
	}

	a.arrow-left {
		float			: left;
		background		: transparent url('../images/link-arrow-left.gif') no-repeat left;
		padding			: 0 0 0 23px;
	}

	a.arrow-right:hover, a.arrow-left:hover {
		color			: #000;
	}

	a.arrow-grey {
		color 			: #515151;
		background		: transparent url('../images/link-arrow-grey.gif') no-repeat center left;
		padding 		: 0 0 0 23px;
		font-weight 	: bold;
		text-decoration	: none;
	}

	a.arrow-grey:hover {
		color			: #000;
	}

	.nieuws .item a {
		color 			: #515151;
		text-decoration	: none;
	}

		.nieuws .item a:hover {
			color 			: #000;
		}

	#case ul li a {
		color			: #1e6c42;
		font-weight		: normal;
	}

	#case ul li h3 a {
		font-weight		: bold;
		color			: #515151;
		text-decoration	: none;
	}

	#case ul li:hover h3 a {
		color			: #000;
		font-weight		: bold;
	}

	ul#staff li a {
		color			: #fff;
	}

	ul#staff li a:hover {
		color			: #fff;
	}

	#diensten ul li a, #list ul li a, #questions ul li a {
		padding			: 0 0 0 20px;
		margin			: 4px 0 4px -20px;
		display			: block;
		background		: transparent url('../images/item.gif') no-repeat 0 3px;
	}

	#diensten ul li a, #questions ul li a {
		line-height		: 18px;
		background-position: 0 5px;
	}

	#diensten ul li a:hover, #diensten ul li:hover a, #list ul li a:hover, #list ul li:hover a, #questions ul li a:hover, #questions ul li:hover a {
		color			: #000;
	}

	#diensten ul li.active a, #questions ul li.active a {
		color			: #000;
	}

	.email, .phone {
		font-weight		: bold;
		color			: #1e6c42;
		text-decoration	: none;
		padding			: 2px 0 2px 25px;
		line-height		: 24px;
		background		: transparent url('../images/icon_email.gif') no-repeat left;
	}

	.phone {
		background-image: url('../images/icon_phone.gif');
	}

	.hit {
		color			: #515151;
		font-weight		: bold;
		background		: transparent url('../images/item.gif') no-repeat left;
		padding			: 0 0 0 17px;
		text-decoration	: none;
	}

	.hit:hover {
		color			: #000;
	}

	.arrow-simple {
		background		: transparent url('../images/back.gif') no-repeat 0 3px;
		padding			: 0 0 0 20px;
		color			: #515151;
		font-weight		: bold;
		text-decoration : none;
	}

	.arrow-simple:hover {
		color			: #000;
	}

span { }

strong { }

/* tables */

table { }

	.nieuwsbrief .tekst table {
		margin	: 10px 0;
	}

td { }

	.nieuwsbrief .tekst td {
		padding	: 5px 0;
	}


/* Lists and Navigation */

ul { }

	#navigatie ul {
		margin 	: 84px 0 0 11px;
	}

		#navigatie ul li {
			display	: inline;
			float   : left;
		}

			#navigatie ul li span {
				display	: none;
			}

			#navigatie ul li a {
				display 	: block;
				height 		: 22px;
			}

			#navigatie ul li a.menu-home {
				background	: transparent url('../images/menu-home.gif') no-repeat top left;
				width 		: 55px;
			}

			#navigatie ul li a.menu-over-ons {
				background	: transparent url('../images/menu-over-ons.gif') no-repeat top left;
				width 		: 72px;
			}

			#navigatie ul li a.menu-diensten {
				background	: transparent url('../images/menu-diensten.gif') no-repeat top left;
				width 		: 69px;
			}

			#navigatie ul li a.menu-cases {
				background	: transparent url('../images/menu-cases.gif') no-repeat top left;
				width 		: 53px;
			}

			#navigatie ul li a.menu-praktijk {
				background	: transparent url('../images/menu-praktijk.gif') no-repeat top left;
				width 		: 53px;
			}

			#navigatie ul li a.menu-nieuws {
				background	: transparent url('../images/menu-nieuws.gif') no-repeat top left;
				width 		: 61px;
			}

			#navigatie ul li a.menu-contact {
				background	: transparent url('../images/menu-contact.gif') no-repeat top left;
				width 		: 64px;
			}

			#navigatie ul li a.menu-about {
				background	: transparent url('../images/menu-about.gif') no-repeat top left;
				width 		: 72px;
			}

			#navigatie ul li a.menu-services {
				background	: transparent url('../images/menu-services.gif') no-repeat top left;
				width 		: 69px;
			}

			#navigatie ul li a.menu-news {
				background	: transparent url('../images/menu-news.gif') no-repeat top left;
				width 		: 61px;
			}

			#navigatie ul li.active a {
				background-position	: 0 -22px;
			}

			#navigatie ul li a:hover {
				background-position	: 0 -22px;
			}

	#navigatie ul.changelanguage {
		margin 	: 0 14px 0 0;
		float 	: right;
	}

		#navigatie ul.changelanguage li {
			display	: inline;
			float   : left;
		}

			#navigatie ul.changelanguage li span {
				display	: none;
			}

			#navigatie ul.changelanguage li a {
				display 	: block;
				height 		: 22px;
			}

			#navigatie ul.changelanguage li a.language-nl {
				background	: transparent url('../images/language-nl.gif') no-repeat top left;
				width 		: 79px;
			}

			#navigatie ul.changelanguage li a.language-en {
				background	: transparent url('../images/language-en.gif') no-repeat top left;
				width 		: 57px;
			}

			#navigatie ul.changelanguage li.active a {
				background-position	: 0 -22px;
			}

			#navigatie ul.changelanguage li a:hover {
				background-position	: 0 -22px;
			}


	#footer-menu #ft-menu ul {}

		#footer-menu #ft-menu ul li {
			display	: inline;
			float   : left;
			padding : 0;
			margin 	: 0;
		}

			#footer-menu #ft-menu ul li span {
				display	: none;
			}

	#content ul, #footer ul {
		margin	: 10px 0 5px 0;
	}

	#content li, #footer li {
		padding			: 2px 0 3px 20px;
		background 		: transparent url('../images/list-item.gif') no-repeat top left;
	}

	#content li a, #footer li a {
		font-weight		: bold;
		text-decoration	: none;
		color 			: #515151;
	}

	#content li a:hover, #footer li a:hover {
		color 	: #000;
	}

	ul#staff {
		margin			: 0;
		padding			: 0;
		width			: 100%;
		height			: 35px;
		background		: #fff url('../images/staff_ul_bg.gif') repeat-x top left;
	}

	ul#staff li {
		padding			: 0;
		margin			: 0;
		display			: block;
		float			: left;
		background		: none;
		font-size 		: 15px;
		font-weight 	: bold;
		height			: 20px;
		color			: #fff;
		cursor			: pointer;
		padding			: 5px 9px 10px 9px;
	}

	ul#staff li.active {
		background		: transparent url('../images/staff_active.gif') no-repeat top center;
	}

	#diensten ul li, #list ul li, #questions ul li {
		background		: none;
		padding			: 2px 20px 2px 40px;
		cursor			: pointer;
	}

	#diensten ul li.active, #list ul li.alt, #questions ul li.active {
		background-color: #f4f4f4;
	}

	#diensten ul, #questions ul {
		margin-top		: -10px;
	}

	#list ul li {
		padding			: 7px 20px 7px 20px;
	}

	#list ul li strong {
		padding			: 0 0 0 13px;
	}

	#list ul li span {
		display			: block;
		padding			: 3px 0 0 20px;
	}


/* Forms */

input {}

	input {
		font			: normal 12px "Arial", "Verdana", sans-serif;
		vertical-align	: middle;
	}

	.zoeken input {
		background		: transparent url('../images/input-bg.gif');
		width 			: 177px;
		height 			: 16px;
		border 			: 0;
		padding			: 2px 6px;
		margin 			: 0 10px 0 0;
		color 			: #7e7e7e;
		font-size 		: 12px;
	}

	.nieuwsbrief .tekst input, .form-contact input {
		background		: transparent url('../images/input-bg.gif');
		width 			: 177px;
		height 			: 16px;
		border 			: 0;
		padding			: 2px 6px;
		margin 			: 0 0 0 5px;
		color 			: #7e7e7e;
		font-size 		: 12px;
	}

	.form-contact input {
		background	: transparent url('../images/input-contact-bg.gif');
		width		: 140px;
		margin		: 3px 0;
	}

	textarea {
		font			: normal 12px "Arial", "Verdana", sans-serif;
		border			: 0;
		width			: 252px;
		height			: 110px;
		color 			: #7e7e7e;
		font-size 		: 12px;
		padding			: 5px;
		margin			: 7px 0 10px 0;
		overflow		: auto;
		background		: transparent url('../images/textarea-bg.gif') no-repeat top left;
	}
    
/* icons */
.icon {
    float: left;
    display: block;
    padding: 0 0 0 24px;
    margin: 10px 0 10px 0;
    text-decoration: none;
    color: #515151;
}

.icon:hover {
    color: #000;
}

    .icon span {
        display: none;
    }

.twitter {
    background: transparent url('../images/twitter.png') no-repeat left;
}