/* Design & Code (c) Diffuse Interactive */
html, body {
	padding			: 0;
	margin			: 0;
}

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

#wrapper {
	margin			: 0 auto;
	width			: 850px;
}

#top {
	float			: left;
	margin			: 0 5px;
	width			: 840px;
	height			: 60px;
	background-color: #98012e;
}

	#top #logo {
		float			: left;
		margin			: 0 0 0 35px;
		padding			: 0 5px;
		width			: 216px;
		height			: 60px;
		background		: transparent url('../images/logo_background.gif') no-repeat top left;
	}

		#top #logo img {
			width			: 216px;
			height			: 60px;
			border			: 0;
		}

	#top #language, #top #nav {
		float			: right;
		width			: 500px;
		height			: 31px;
		padding			: 0 25px 0 0;
		text-align		: right;
	}

	#top #nav {
		height			: 29px;
	}

#header {
	float			: left;
	margin			: 3px 5px 0 5px;
	width			: 840px;
	height			: 172px;
	position		: relative;
	background-position : top left;
	background-repeat	: no-repeat;
}

	#home #header {
		height			: 392px;
		padding			: 3px 0 0 0;
		margin			: 0 5px;
		background		: transparent url('../images/header_top_home.gif') no-repeat top left;
	}

	#header #header-overlay {
		position		: absolute;
		top				: -3px;
		left			: 0;
		width			: 260px;
		height			: 25px;
		background		: transparent url('../images/header_overlay.png') no-repeat top left;
	}

	#header #breadcrums {
		position		: absolute;
		bottom			: 0;
		left			: 0;
		width			: 830px;
		height			: 23px;
		padding			: 8px 0 0 10px;
		font-size		: 11px;
		color			: #444;
		background		: transparent url('../images/breadcrums_background.png') repeat-x top left;
	}

#main {
	float			: left;
	margin			: 15px 0 0 0;
	width			: 100%;
}

#left {
	float			: left;
	width			: 270px;
	margin			: 0 20px 0 0;
}

#middle {
	float			: left;
	width			: 270px;
	margin			: 0 20px 0 0;
}

#right {
	float			: left;
	width			: 555px;
	padding			: 5px 0 0 0;
}

	#home #right {
		width			: 270px;
		padding			: 0;
	}

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

	#right #media {
		float			: left;
		width			: 240px;
	}

		#right .align-right {
			float			: right;
			width			: 240px;
			margin			: 0 0 10px 25px;
		}

		#right #media #images {
			float			: left;
			width			: 240px;
			height			: 180px;
			position		: relative;
		}

			#right #media #images img {
				position		: absolute;
				top				: 0;
				left			: 0;
			}

		#right #media #video {
			float			: left;
			width			: 240px;
			height			: 180px;
		}

		#right #media #switch {
			float			: left;
			width			: 238px;
			height			: 31px;
			border			: 1px solid #e1e1e1;
			background-color: #f2f2f2;
			margin			: 4px 0 0 0;
		}

			#right #media #switch div {
				float			: left;
				display			: inline;
				position		: relative;
				height			: 25px;
				padding			: 6px 20px 0 20px;
				color			: #999;
				cursor			: pointer;
			}

			#right #media #switch div.active {
				background-color: #e1e1e1;
				color			: #666;
			}

	#right #list {
		float			: left;
		width			: 100%;
	}

.block {
	float			: left;
	width			: 270px;
	height			: auto;
	margin			: 0 0 15px 0;
}

	.block .top {
		float			: left;
		width			: 220px;
		height			: auto;
		min-height		: 143px;
		padding			: 17px 25px 0 25px;
		background		: transparent url('../images/block_background.gif') no-repeat top left;
	}

	.block .bottom {
		float			: left;
		width			: 270px;
		height			: 8px;
		background		: transparent url('../images/block_bottom.gif') no-repeat top left;
	}

	#home .block {
		width			: 220px;
		height			: 240px;
		padding			: 22px 25px 0 25px;
		background-position	: top left;
		background-repeat	: none;
		background-color	: transparent;
		margin				: 0;
	}

	#diensten.block {
		background-image	: url('../images/block_diensten.jpg');
	}

	#branches.block {
		background-image	: url('../images/block_branches.jpg');
	}

	#contact.block {
		background-image	: url('../images/block_contact.jpg');
	}

#footer {
	float			: left;
	margin			: 15px 5px 0 5px;
	padding			: 10px 10px 30px 10px;
	width			: 820px;
	font-size		: 11px;
	border-top		: 1px solid #dddddd;
}

	#footer #copyright {
		float			: left;
	}

	#footer #footer-menu {
		float			: right;
	}

.hr {
	height			: 1px;
	background		: transparent url('../images/hr.gif') repeat-x top left;
	margin			: 5px 0 10px 0;
}

/* Headings H1-H6 */
h1 { }

	h1 {
		text-transform	: uppercase;
		border-bottom	: 1px solid #d8d8d8;
		font-size		: 12px;
		padding			: 0 0 5px 0;
		margin			: 0 0 10px 0;
	}

h2 { }

	h2 {
		text-transform	: uppercase;
		font-size		: 14px;
		margin			: 0 0 10px 0;
	}

	.block h2 {
		text-transform	: uppercase;
		border-bottom	: 1px solid #d8d8d8;
		font-size		: 10px;
		padding			: 0 0 5px 0;
		margin			: 0 0 10px 0;
	}

h3 { }

h4 { }

h5 { }

h6 { }


/* Paragraph and Link Styles */
p { }

	#home .block p {
		line-height		: 18px;
		padding			: 3px 0 0 0;
	}

	#right p {
		padding			: 0 0 15px 0;
	}

	#right {
		line-height		: 18px;
	}

		#home #right {
			line-height		: normal;
		}

a {
	color			: #98012e;
}

	#nav a {
		color			: #e0bfc9;
		text-decoration	: none;
	}

	#nav li.active a {
		color			: #fff;
	}

	#nav a:hover {
		color			: #fff;
	}

	#breadcrums a {
		color			: #444;
	}

	.block a {
		color			: #6a6a6a;
	}

	.block a:hover {
		color			: #555;
	}

	.block ul li a {
		display			: block;
		height			: 15px;
		padding			: 6px 0 6px 23px;
		color			: #6a6a6a;
		text-decoration	: none;
		background		: transparent url('../images/icon.gif') no-repeat left;
	}

	.block ul li a:hover {
		color			: #6a6a6a;
		background-image: url('../images/icon_hover.gif');
	}

	.block ul li.active a, .block ul li.last-active a {
		font-weight		: bold;
		background-image: url('../images/icon_hover.gif');
	}

	#home .block ul li a {
		padding			: 6px 0 6px 23px;
	}

	.link {
		padding			: 0 0 0 22px;
		background		: transparent url('../images/link.gif') no-repeat 5px;
		text-decoration	: none;
		font-weight		: bold;
	}

	.mail {
		color			: #98012e;
		padding			: 0 0 0 23px;
		background		: transparent url('../images/email.gif') no-repeat 0 3px;
	}

	#vestigingen .mail {
		color				: #6a6a6a;
		text-decoration: underline;
		font-weight		: normal;
		padding			: 0 0 0 23px;
		background		: transparent url('../images/email.gif') no-repeat 0 3px;
	}

	#vestigingen .locatie {

		color				: #6a6a6a;
		text-decoration: underline;
		font-weight		: normal;
		padding			: 0 0 3px 23px;
		background		: transparent url('../images/locatie.gif') no-repeat 0 1px;
	}

	#vestigingen .mail:hover, #vestigingen .locatie:hover {
		color				: #555;
	}

	td.email a {
		color			: #6a6a6a;
	}

	.phone {
		display			: block;
		padding			: 0 0 1px 23px;
		margin			: 0 0 4px 0;
		background		: transparent url('../images/phone.gif') no-repeat 4px center;
	}

	#media ul li a {
		padding			: 0 0 0 22px;
		background		: transparent url('../images/link.gif') no-repeat 5px;
		text-decoration	: none;
		color			: #6a6a6a;
	}

	#media ul li a:hover {
		color			: #555;
	}

	#footer-menu a {
		color			: #6a6a6a;
		text-decoration	: underline;
	}

	#footer-menu a:hover {
		text-decoration	: underline;
	}

/* Lists and Navigation */
ul { }

	#language ul {
		padding			: 10px 0 0 0;
	}

	#language ul li {
		display			: inline;
		width			: 16px;
		height			: 11px;
		margin			: 0 0 0 1px;
		padding			: 1px 1px 10px 1px;
	}

		#language ul li.active {
			background		: transparent url('../images/flag_background.gif') no-repeat top left;
		}

	#nav ul { }

	#nav ul li {
		float			: right;
		display			: block;
		border-left		: 1px solid #840028;
		border-right	: 1px solid #840028;
		padding			: 6px 14px 0 14px;
		height			: 23px;
		margin			: 0 0 0 1px;
		background		: transparent url('../images/nav_background.gif') repeat-x top left;
	}

	.block ul {
		margin			: -5px 0 10px 0;
	}

		#home .block ul {
			margin			: 10px 0 15px 0;
		}

	.block ul li {
		border-bottom	: 1px solid #d8d8d8;
		padding			: 4px 0 5px 0;
	}

		.block ul li.last, .block ul li.last-active {
			border			: 0;
			padding-bottom	: 0;
		}

		#home .block ul li {
			border			: 0;
			padding			: 0;
		}

	#vestigingen ul { }

	#vestigingen ul li {
		cursor			: pointer;
	}

	#vestigingen ul li div {
		line-height		: 17px;
	}

	#vestigingen ul li div div {
		margin			: 2px 0 10px 23px;
	}

	#footer-menu ul { }

	#footer-menu ul li {
		display			: inline;
		padding			: 0 7px 0 6px;
		border-right	: 1px solid #ccc;
	}

		#footer-menu ul li.last {
			padding-right	: 0;
			border			: 0;
		}

	#right ul {
		margin			: -10px 0 15px 25px;
	}

	#right ul li {
		list-style-type	: disc;
		padding			: 2px 0;
	}

	#media ul {
		margin			: 0 0 0 3px;
	}

	#media ul li {
		list-style-type	: none;
	}

	ul#tabs {
		width			: 540px;
		float			: left;
		margin			: 25px 0 0 0;
		background		: transparent url('../images/hr2.gif') repeat-x bottom left;
		padding			: 0 0 0 15px;
	}

	ul#tabs li {
		float			: left;
		display			: block;
		height			: 25px;
		border-left		: 1px solid #ccc;
		border-right	: 1px solid #ccc;
		padding			: 6px 12px 0 12px;
		margin			: 0 4px 0 0;
		cursor			: pointer;
		list-style-type	: none;
		background		: transparent url('../images/tab_background.gif') repeat-x top left;
	}

	ul#tabs li.active {
		background-position: bottom left;
	}

	#list ul {
		margin			: 0;
	}

	#list ul li {
		list-style-type	: none;
		display			: block;
		width			: 100%;
		padding			: 10px 0;
		border-bottom	: 1px solid #d8d8d8;
	}

		#list ul li strong {
			width			: 300px;
			margin			: 0 0 0 15px;
		}

	#list table { }

	#list tr {
		cursor			: pointer;
	}

	#list td {
		padding			: 10px 0 10px 0;
		border-bottom	: 1px solid #ccc;
	}

	#list td.name {
		padding			: 10px 0 11px 15px;
		font-weight		: bold;
		width			: 200px;
	}

	#list td.number {
		width			: 160px;
		padding			: 10px 0 11px 20px;
		background		: transparent url('../images/phone.gif') no-repeat 4px center;
	}

	#list td.email {
		width			: 180px;
		padding			: 10px 0 11px 23px;
		background		: transparent url('../images/email.gif') no-repeat 0 13px;
	}

	.employees {
		float 			: left;
		width			: 500px;
		position		: relative;
		overflow		: hidden;
	}

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

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

	.employees .employee ul li {
		float			: left;
		width 			: 240px;
		height			: 310px;
		list-style		: none;
		overflow		: hidden;
		background		: none;
		margin			: 0 20px 0 0;
		padding			: 0;
	}

	.employees .employee ul li img {
		float			: left;
		width			: 240px;
		height			: 150px;
		margin			: 0 0 4px 0;
	}

	.employees .employee ul li p {
		line-height		: 17px;
		display			: block;
		height			: 45px;
		margin			: 2px 0;
		padding			: 0;
	}

	.employees .employee ul li div {
		float			: left;
		border			: 1px solid #e1e1e1;
		background-color: #f2f2f2;
		padding			: 10px 15px;
		width			: 208px;
		height			: 134px;
	}

	#person #nav-left, #person #nav-right {
		float			: left;
		width			: 26px;
		height			: 310px;
		cursor			: pointer;
		background		: transparent url('../images/nav_left.gif') no-repeat center;
	}

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


/* Forms */
form {
	margin			: 15px 0 0 0;
}

input, select, textarea {
	padding			: 5px;
	margin			: 3px 0;
	width			: 200px;
	border			: 1px solid #dddddd;
	font			: normal 12px "Arial", "Verdana", sans-serif;
	background		: #fff;
	color			: #6a6a6a;
}

textarea {
	width			: 300px;
	height			: 100px;
}