/* Resets en Standard Classes */
* {
	margin: 				0;
	padding: 				0;
}

img, a, fieldset {
	border: 				0;
	outline: 				none;
}

input,
input:focus {
	outline: 				none;
}

.clear {
	clear: 					both;
	height: 				0;
	font: 					0/0 serif;
}

.flLeft { float: left; }
.flRight { float: right; }
/* End Clears en Standards */

/* Links */
a {
	text-decoration: 		none;
	font-weight: 			bold;
	color: 					#00acea;
}
a:hover {
	text-decoration: 		underline;
}
/* End Links */

/* Texts */
h2 {
	font: 					normal 18px Arial, sans-serif;
	color: 					#525d69;
	padding: 				10px 0 20px;
}
h3 {
	font: 					normal 11px Arial, sans-serif;
	color: 					#525d69;
	letter-spacing: 		2px;
	text-transform: 		uppercase;
	padding-bottom: 		20px;
}
h4 {
	font: 					normal 12px Arial, sans-serif;
}
p {
}
/* End Texts */

body {
	font: 					normal 12px/20px Arial, sans-serif;
	color: 					#666;
}

.wrapper {
	width: 					861px;
	margin: 				0 auto;
}

/* Header */
.header {
	background: 			url(../../images/img-logo.png) no-repeat left 8px;
}

.header h1 {
	text-indent: 			-9999em;
	height: 				53px;
}

.language {
	padding-top: 			10px;
	height: 				25px;
	text-align: 			right;
}
/* End Header */

/* Intro */
.intro {
	height: 				276px;
	width: 					860px;
	position: 				relative;
	background: 			#757e8a url(../../images/bg-nav.png) no-repeat left top;	
}

.nav {
	width: 					215px;
	float: 					left;
}

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

.nav ul li {
	
}

.nav ul li a {
	height: 				34px;
	text-indent: 			-9999em;
	display: 				block;
}

.nav ul li a.home { background: url(../../images/btn-home.png) no-repeat left top; }
.nav ul li a.overons { background: url(../../images/btn-overons.png) no-repeat left top; }
.nav ul li a.overonseng { background: url(../../images/btn-overons-eng.png) no-repeat left top; }
.nav ul li a.onzeervaring { background: url(../../images/btn-onzeervaring.png) no-repeat left top; }
.nav ul li a.onzeervaringeng { background: url(../../images/btn-onzeervaringeng.png) no-repeat left top; }
.nav ul li a.waarommc2 { background: url(../../images/btn-waarommc2.png) no-repeat left top; }
.nav ul li a.waarommc2eng { background: url(../../images/btn-waarommc2-eng.png) no-repeat left top; }
.nav ul li a.watdoenwe { background: url(../../images/btn-watdoenwe.png) no-repeat left top; }
.nav ul li a.watdoenweeng { background: url(../../images/btn-watdoenwe-eng.png) no-repeat left top; }
.nav ul li a.hoewerkenwe { background: url(../../images/btn-hoewerkenwe.png) no-repeat left top; }
.nav ul li a.hoewerkenweeng { background: url(../../images/btn-hoewerkenwe-eng.png) no-repeat left top; }
.nav ul li a.contact { background: url(../../images/btn-contact.png) no-repeat left top; }

.nav ul li a:hover,
.nav ul li a.active {
	background-position: 	left bottom;
}

.photo {
	width: 					645px;
	height: 				276px;
	overflow: 				hidden;
	float: 					left;
	position: 				relative;
}

.photo h2 {
	position: 				absolute;
	right: 					0;
	top: 					138px;
	width: 					287px;
	height: 				79px;
	background: 			url(../../images/head-mc2.png) no-repeat left top;
	text-indent: 			-9999em;
}

.photo h2.eng {
	position: 				absolute;
	right: 					0;
	top: 					138px;
	width: 					318px;
	height: 				79px;
	background: 			url(../../images/head-mc2eng.png) no-repeat left top;
	text-indent: 			-9999em;
}
/* Intro */

/* Content */
.content {
	padding: 				20px 0;
}

.singleColumn {
	width: 					287px;
	float: 					left;
}

.doubleColumn {
	width: 					574px;
	float: 					left;
}

.singleColumn p,
.doubleColumn p {
	padding-right: 			43px;
}

.greyColumn {
	background: 			#edeef0;
	padding: 				20px 0 0;
	margin: 				0 0 25px;
}

.greyColumn h3 {
	padding: 				0 0 25px 25px;
}

.greyColumn p {
	padding: 				0 45px 0 25px;
	padding-right:			20px;
	color: 					#999;
}

.greyColumn a.afspraak {
	display: 				inline-block;
	background: 			#9fa5ac;
	width: 					145px;
	height: 				40px;
	line-height: 			40px;
	text-align: 			center;
	color: 					#fff;
	text-decoration: 		none;
	float: 					right;
	margin-top: 			30px;
}

.greyColumn a.afspraak:hover {
	background: 			#878c91;
	text-decoration: 		none;
}

.greyColumn a.normal {
	display: 				inline;
	background: 			none;
	float: 					none;
	padding: 				0;
	line-height: 			18px;
	color:					#666;
}

.greyColumn a.normal:hover {
	color: 					#999;
}

.exampleBlock, .exampleBlockEng {
	background: 			#edeef0;
	padding: 				25px;
}

.light {
	background: 			#f6f7f8;
}

.exampleBlock p, .exampleBlockEng p {
	padding: 				0;
}

.mask {
	overflow: 				hidden;
}

.content ul {
	list-style: 			none;
	padding: 				20px 40px 20px 25px;
}

.content ul li {
	padding: 				0 0 10px;
}

.content em {
	font-weight: 			bold;
}

form {
	padding: 				0 40px 0 0;
}

form fieldset {
	padding: 				30px 0 10px;
	border-top: 			2px solid #ebebeb;
}

form fieldset label {
	width: 					135px;
	float: 					left;
	padding-right: 			10px;
	text-align: 			right;
	line-height: 			25px;
}

form fieldset input.text {
	width: 					300px;
	background: 			#f2f2f2;
	border-top: 			1px solid #b0b0b0;
	border-left: 			1px solid #b0b0b0;
	border-right: 			1px solid #ccc;
	border-bottom: 			1px solid #ccc;
	padding: 				3px;
}

form fieldset input.zip {
	width: 					60px;
	background: 			#f2f2f2;
	border-top: 			1px solid #b0b0b0;
	border-left: 			1px solid #b0b0b0;
	border-right: 			1px solid #ccc;
	border-bottom: 			1px solid #ccc;
	padding: 				3px;
}

form fieldset input.city {
	width: 					173px;
	background: 			#f2f2f2;
	border-top: 			1px solid #b0b0b0;
	border-left: 			1px solid #b0b0b0;
	border-right: 			1px solid #ccc;
	border-bottom: 			1px solid #ccc;
	padding: 				3px;
}

form fieldset select {
	width: 					308px;
}

form fieldset textarea {
	width: 					300px;
	height: 				100px;
	background: 			#f2f2f2;
	border-top: 			1px solid #b0b0b0;
	border-left: 			1px solid #b0b0b0;
	border-right: 			1px solid #ccc;
	border-bottom: 			1px solid #ccc;
	padding: 				3px;
}

form fieldset button {
	border: 				none;
	background: 			url(../../images/btn-versturen.png) no-repeat left top;
	width: 					97px;
	height: 				26px;
	line-height: 			26px;
	text-align: 			center;
	margin-left:			145px;
}

form fieldset span {
	padding-left: 			108px;
}

form .clear {
	height: 				15px;
}

.readmore {
	cursor: 				pointer;
}
/* End Content */

/* Footer */
.footer {
	border-top: 			1px solid #e5e5e5;
	padding: 				25px 0 10px;
	text-align: 			center;
	color: 					#999;
}

.footer p {
	padding: 				0 0 10px;
}

.footer p span {
	color: 					#ccc;
}
/* End Footer */