* {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-ms-box-sizing: content-box;

	margin: 0;
	padding: 0;
}

body {
	background: #ffffff url(/images/body_bg.png) repeat-x top;
	text-align: center;
}

img {
	border: none;
}

.clear {
	clear: both;
}

.siteContainer {
	position: relative;
	width: 980px;
	text-align: left;
	margin: 0 auto;
	background: #ffffff;
}

.siteLeft {
	width: 38px;
	height: 997px;
	position: absolute;
	top: -80px;
	left: 0;
	margin-left: -38px;
	background: url(/images/site_left_bg.png) no-repeat top;
}

.siteRight {
	width: 38px;
	height: 997px;
	position: absolute;
	right: 0;
	top: -80px;
	margin-right: -38px;
	background: url(/images/site_right_bg.png) no-repeat top;
}

.siteBottom {
	position: absolute;
	width: 980px;
	height: 36px;
	bottom: 0;
	margin-bottom: -36px;
	background: url(/images/site_bottom_bg.png) no-repeat;
}

.leftColumn {
	position: relative;
	float: left;
	width: 680px;
}

.rightColumn {
	position: relative;
	float: left;
	width: 300px;
	background: #ffffff;
}

.header {
	position: relative;
	height: 160px;
	z-index: 3;
}

.leftColumn .header {
	width: 680px;
	background: #ffffff url(/images/leftcolumn_header_bg.png) no-repeat right bottom;
}

.leftColumn .header .logo {
	position: absolute;
	display: block;
	left: 38px;
	top: 34px;
}

.rightColumn .header {
	width: 300px;
}

.rightColumn img {
	display: block;
}

.menuContainer {
	z-index: 3;
	position: relative;
	width: 680px;
	height: 145px;
	background: #ffffff url(/images/menu_bg.png) no-repeat;
}

.starterProfessionalMenu {
	background: #ffffff url(/images/sp_menu_bg.png) no-repeat top;
	height: 444px;
}

.menu {
	position: absolute;
	z-index: 4;
	list-style: none;
	margin-top: -23px;
	margin-left: 49px;
}

.menu .menuListItem {
	float: left;
	position: relative;
	display: block;
	width: 200px;
}

.menu .menuListItem_1 {
	width: 240px;
}

.menu .menuListItem_2 {
	width: 187px;
}

.menu .menuListItem_3 {
	width: 186px;
}

.menu .menuItem {
	margin-bottom: 24px;
}

.menu .menuItem a {
	color: #004481;
	font-size: 14px;
	font-weight: bold;
}

.menu .menuItem a:hover, .menu .menuItem a.active {
	text-decoration: none;
	color: #c9ce3e;
}

.subMenu {
	position: absolute;
	z-index: 4;
	margin: 0;
	padding: 0;
	left: -19px;
	list-style: none;
}

.subMenuItem {
	padding-left: 20px;
	margin-bottom: 5px;
	background: url(/images/menuitem_arrow.png) no-repeat 0 2px;
}

.subMenuItem a, .starterMenuItem a, .professionalMenuItem a {
	color: #a0a0a0;
	text-decoration: none;
}

.subMenuItem a:hover, .starterMenuItem a:hover, .professionalMenuItem a:hover, .subMenuItem a.active, .starterMenuItem a.active, .professionalMenuItem a.active {
	color: #004481;
	text-decoration: none;
}

.moduleContainer {
	z-index: 2;
	position: relative;
	width: 680px;
	line-height: 20px;
	background: #ffffff url(/images/content_bg_top_right.png) no-repeat top right;
	_height: 530px;
	min-height: 530px;
	margin-bottom: 10px;
}

.noBackground {
	background: none;
}

.starterprofessionalContainer {
	z-index: 2;
	position: relative;
	width: 650px;
	margin-left: 20px;
	padding-bottom: 30px;
	line-height: 18px;
	top: 20px;
	_height: 610px;
	min-height: 610px;
}

.moduleContainer .bottomBg {
	z-index: 1;
	position: absolute;
	bottom: -1px;
	right: 0;
	width: 623px;
	height: 277px;
	background: transparent url(/images/content_bg_bottom_right.png) no-repeat;
}

.padding {
	z-index: 2;
	position: relative;
	padding: 16px 18px 30px 48px;
	margin-bottom: 10px;
}
.padding p {
	margin-top: 0px;
}
.starterprofessionalContainer .padding {
	z-index: 2;
	position: relative;
	padding: 16px 18px 30px 18px;
	background: #ebebeb;
	_height: 590px;
	min-height: 590px;
}

.starterprofessionalContainer .padding h1 {
	margin-left: 15px;
	margin-bottom: 20px;
}

.moduleContainerMenu {
	position: relative;
	float: left;
	width: 170px;
}

.homePadding {
	z-index: 2;
	position: relative;
	padding: 20px 20px 20px 30px;
}

.homePadding img {
	display: block;
}

.home {
	z-index: 10;
	position: relative;
	margin-left: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.homeStarter, .homeProfessional {
	z-index: 10;
	position: relative;
	margin-left: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.starterMenu {
	position: absolute;
	z-index: 11;
	top: 300px;
	right: 100px;
}

.professionalMenu {
	position: absolute;
	z-index: 11;
	top: 360px;
	left: 100px;
}

.starterMenuItem, .professionalMenuItem {
	padding-left: 17px;
	margin-bottom: 3px;
	background: url(/images/menuitem_arrow.png) no-repeat 0 3px;
}

.rightBlock {
	position: relative;
	width: 300px;
}

.uitdagendecase {
	height: 235px;
	background: #ffffff url(/images/block1_bg.png) no-repeat;
}

.casevan {
	height: 263px;
	background: #ffffff url(/images/block2_bg.png) no-repeat;
}

.vacatures {
	height: 186px;
	background: #ffffff url(/images/block3_bg.png) no-repeat;
}

.uitdagendecase .rightBlockItems {
	position: absolute;
	top: 142px;
	left: 45px;
}

.uitdagendecase .rightBlockItems .subMenuItem {
	background: url(/images/uitdagend_arrow.png) no-repeat 0 3px;
}

.vacatures .rightBlockItems {
	position: absolute;
	top: 50px;
	left: 45px;
}

.rightBlockItems .subMenu {
	width: 225px;
}

.rightBlockItems a {
	color: #ffffff;
}

.rightBlockItems a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.casesBlock {
	position: absolute;
	top: 50px;
	left: 28px;
	width: 250px;
}

.caseBlock {
	margin-bottom: 18px;
	height: 43px;
}

.caseImage {
	float: left;
	display: block;
	position: relative;
	margin-right: 3px;
}

.caseImage img {
	border: 3px solid white;
}

.caseTitle {
	position: relative;
	margin-bottom: 2px;
}

.caseTitle a {
	color: #004481;
	font-weight: bold;
	text-decoration: none;
}

.caseTitle a:hover {
	color: #004481;
	font-weight: bold;
	text-decoration: underline;
}

.vacatureLink {
	color: #666666;
	text-decoration: underline;
}

.vacatureLink:hover {
	color: #004481;
}

/*
 * Image gallery
 */
.gallery .image {
	position: relative;
	border: 1px solid #e2e2e2;
	float: left;
	width: 110px;
	text-align: center;
	height: 110px;
	margin-left: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
}

.gallery .image img {
	border: 0;
}

.gallery .image .caption {
	position: absolute;
	bottom: 0;
	background: #e2e2e2;
	width: 110px;
	text-align: center;
	left: 0;
	color: #666666;
}

/* FOOTER */
.footerText {
	color: #c8c8c8;
}

.footerLeft {
	padding-top: 24px;
	padding-left: 10px;
	float: left;
}

.footerRight {
	padding-top: 14px;
	float: right;
}

.websiteLink, .printLink {
	position: absolute;
	right: 10px;
}

.websiteLink {
	bottom: 70px;
}

.printLink {
	bottom: 5px;
}

.breadCrumb {
	margin-bottom: 10px;
	font-size: 10px;
	color: #828282;
}

.breadCrumb a {
	color: #828282;
	font-size: 10px;
	text-decoration: none;
}

.breadCrumb a:hover, .breadCrumb a.active {
	color: #004582;
	text-decoration: none;
}

/* rotator in-page placement */
div#rotator {
	position:relative;
	height:345px;
}
/* rotator css */
div#rotator ul li {
	position:absolute;
	list-style: none;
}
/* rotator image style */
div#rotator ul li img {
	left: -300px;
}
div#rotator ul li.show {
	left: 0px;
}
