@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	background-color: #EBEBEB;
}

/* CSS Document */

#container {
	height: auto;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
}
#header {
	height: 200px;
	width: 950px;
/*	margin-bottom: 10px;
*/	padding: 0px;
}
#header.home {
	background: url(../images/header_home.jpg);
}
#header.over {
	background-image:url(../images/header_over.jpg);
}
#header.ervaring {
	background: url(../images/header_ervaring.jpg);
}
#header.contact {
	background: url(../images/header_contact.jpg);
}
#header.am {
	background: url(../images/header_am.jpg);
}
#header.hrm {
	background: url(../images/header_hrm.jpg);
}
#header.pm {
	background: url(../images/header_pm.jpg);
}
#header.opm {
	background: url(../images/header_opm.jpg);
}
#header img.logo {
	margin-top:50px;
	text-decoration: none;
	border: none;
}
#header_divider {
	width: 950px;
	height: 20px;
	margin-bottom: 10px;
	background-image: url(../images/header_divider.jpg);
}
#menubar {
	height: 30px;
	margin: 0px;
	padding: 0px;
}
#menubar ul {
	margin: 0px;
	padding: 0px;
}
#menubar ul li {
	list-style: none;
	display: block;
	float: left;
	margin-left: 10px;
	font-size: 1.5em;
	font-family: "Century Gothic";
	font-weight: bold;
	background: none;
}
#menubar ul li.middle {
	margin-left: 140px;
}
#menubar ul li.contact {
	float: right;
	margin-right: 10px;
}
#menubar ul li a:link, #menubar ul li a:visited {
	padding: .2em .5em;
	text-decoration: none;
	color: #CCC;
}
#menubar ul li a:link.current, #menubar ul li a:hover {
	background-color: #C77CB4;
	color: #FFF;
}
#menubar ul li.home a.current, #menubar ul li.over a.current, #menubar ul li.ervaring a.current, #menubar ul li.contact a.current {
	background: #C77CB4; /*btn background for current page*/
	color: #FFF;
}
#menubar ul li.over a.current, #menubar ul li.ervaring a.current {
	margin-left: 140px;
}
#menubar ul li.contact a.current {
	background: #C77CB4;
}
#menubar_divider {
	width: 950px;
	height: 20px;
	background-image: url(../images/header_divider.jpg);
}
#mainContent {
	height: auto;
	background-image: url(../images/bg_krul.jpg);
	background-repeat: no-repeat;
}

#mainContent #mainText{
	height: auto;
}
#mainContent #mainText_2 {
	width: 700px;
	float: left;
}
#mainContent #mainText_2 h3 {
	font-family: "Myriad Web", Tahoma, Arial;
	color: #822A7C;
	padding-left: 10px;
}
#mainContent #mainText a {
	text-decoration: none;
	color: #822A7C;
}
#mainContent #mainText a:hover {
	text-decoration: underline;
}
#mainContent #mainText p, #mainContent #mainText_2 p {
	margin: 0px;
	padding: 10px /*100px*/;
	font-family: "Myriad Web", Tahoma, Arial;
	font-size: 1em;
	line-height: 1.25em;
	color: #666;
}
#mainContent #mainText ul, #mainContent #mainText_2 ul {
	padding-left: 50px;
}
#mainContent #mainText ul li, #mainContent #mainText_2 ul li {
	padding-left: 10px;
	font-family: "Myriad Web", Tahoma, Arial;
	font-size: 1em;
	line-height: 1.25em;
	color: #666;
}
#mainContent #mainText img {
	margin: 25px;
	float: right;
}
#mainContent #mainText p a img.social {
	margin-left: 10px;
	float: left;
	text-decoration: none;
	border: none;
}
#mainContent #mainText_2 img {
	margin: 25px;
	float: right;
}
#mainContent #submenu {
	width: 240px;
	float: right;
}
#mainContent #submenu #sub_btn1 {
	background: #CCC; /*#C77CB4;*/
	padding: 5px 10px;
	margin: 20px;
	width: 170px;
	height: 80px;
}
#mainContent #submenu a:hover #sub_btn1 {
	background: #C77CB4;
}
#mainContent #submenu #sub_btn2 {
	background: #CCC; /*#B464A0;*/
	padding: 5px 10px;
	margin: 20px;
	width: 170px;
	height: 80px;
}
#mainContent #submenu a:hover #sub_btn2 {
	background: #B464A0;
}
#mainContent #submenu #sub_btn3 {
	background: #CCC; /*#964B8C;*/
	padding: 5px 10px;
	margin: 20px;
	width: 170px;
	height: 80px;
}
#mainContent #submenu a:hover #sub_btn3 {
	background: #964B8C;
}
#mainContent #submenu #sub_btn4 {
	background: #CCC; /*#822A7C;*/
	padding: 5px 10px;
	margin: 20px;
	width: 170px;
	height: 80px;
}
#mainContent #submenu a:hover #sub_btn4 {
	background: #822A7C;
}
#mainContent #submenu h4 {
	text-align: center;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
#mainContent #submenu h5 {
	text-align: center;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-style: italic;
}
#mainContent #submenu p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	margin: 2px 2px 10px;
	padding: 0px;
	color: #FFF;
	text-align: center;	
}
#mainContent #submenu a:link, #mainContent a:visited, #mainContent #submenu a:hover {
	text-decoration: none;
}
#buttons {
	height: 250px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}
#buttons p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	margin: 2px 2px 10px;
	padding: 0px;
	color: #FFF;
	text-align: center;
}
#buttons a, #buttons a:link, #buttons a:visited {
	text-decoration: none;
}
#buttons a:hover {
	text-decoration: none;
}
#buttons h2 {
	text-align: center;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}
#buttons h4  {
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-style: italic;
	padding-left: 10px;
	padding-right: 10px;
	font-size: .8em;
}
#buttons #btn1 {	/*#C77CB4;*/
	height: 100px;
	width: 450px;
	float: left;
	margin: 10px 1% 10px 10px;
	border: thin solid #CCC;
/*	background: #CCC; */
	background-image: url(../images/btn_bg_am.jpg);
}
#buttons a:hover #btn1  {
	background: #C77CB4;
}
#buttons #btn2 { /*#b464a0;*/
	height: 100px;
	width: 450px;
	float: left;
	margin: 10px 1% 10px 10px;
	border: thin solid #CCC;
/*	background: #CCC; */
	background-image: url(../images/btn_bg_hrm.jpg);
}
#buttons a:hover #btn2 {
	background: #b464a0;
}
#buttons #btn3 { /*#964b8c;*/
	clear: left;
	float: left;
	height: 100px;
	width: 450px;
	margin: 10px 1% 10px 10px;
	border: thin solid #CCC;
/*	background: #CCC; */
	background-image: url(../images/btn_bg_pm.jpg);
}
#buttons a:hover #btn3 {
	background: #964b8c;
}
#buttons #btn4 {	/*#822a7c;*/
	float: left;
	height: 100px;
	width: 450px;
	margin: 10px 1% 10px 10px;
	border: thin solid #CCC;
/*	background: #CCC; */
	background-image: url(../images/btn_bg_opm.jpg);
}
#buttons a:hover #btn4 {
	background: #822a7c;
}
#ondertekst p {
	clear: left;
	font-family: "Myriad Web", Tahoma, Arial;
	color: #666;
	margin: 20px 10px;
	font-size: 1em;
	line-height: 1.25em;
}
#footer {
	height: auto;
	clear: both;
}
#footer p  {
	text-decoration: none;
	margin-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color: #666;
	line-height: 1.5em;
	display: block;
}
#footer a:link, #footer a:visited {
	text-decoration: none;
	color: #666;
}
#footer a:hover {
	color: #900;
}
#bottom_gradient {
	width: 950px;
	height: 40px;
	background-image: url(../images/bottom_gradient.jpg);
}
.highlight {
	font-weight: bold;
	color: #822a7c;
}
.shadow {
-moz-box-shadow: 3px 3px 4px #333;
-webkit-box-shadow: 3px 3px 4px #333;
box-shadow: 3px 3px 4px #333;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#333')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#333');
}