/* Reset every element */

* {
	margin:0;
	padding:0;
}

img {
	border:0;
}

tbody {
	vertical-align:top;
}

/* Typography */

html, body {
	font-family:verdana, sans-serif;
	font-size:12px;
	background:url(/img/bg.png) 0 83px repeat-x;
}

a:link, a:visited {
	color:#ee3124;
}

h1 {
	font-size:18px;
	color:#666;
	margin:0 0 12px 0;
	font-weight:normal;
}

h2 {
	font-size:14px;
	color:#666;
	margin:9px 0 6px 0;
	font-weight:normal;
}

h3 {
	font-size:12px;
	color:#888;
	margin:9px 0 6px 0;
}

p {
	margin:0 0 12px 0;
	text-align:justify;
	line-height:19px;
}

pre {
	font-family:inherit;
	margin:0 0 6px 0;
}

ol, ul {
	margin:12px 0 0 25px;
	text-align:justify;
}
	ol li, ul li {
		margin:0 0 9px 0;
		line-height:18px;
	}


/* Structure elements */

/* Header */
.header {
	height:80px;
	border-top:6px solid #ee3124;
}
	.header_wrap {
		width:900px;
		margin:0 auto;
		position:relative;
	}
	.home_link {
		display:block;
		width:210px;
		height:76px;
	}
	.header_logo {
		position:absolute;
		top:6px;
		left:0;
		width:220px;
		height:76px;
		background:url(/img/logo.png) no-repeat;
	}
	.header_credo {
		position:absolute;
		top:24px;
		right:3px;
		width:667px;
		height:44px;
		background:url(/img/credo.png) no-repeat;
	}

.sub_header {
	position:relative;
	height:200px;
	width:900px;
	margin:0 auto;
}

/* Slideshow */
.pics {
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
	height:200px;
	width:735px;
	position:absolute;
	top:0;
	left:0;
}
	.pics img {
		width:700px;
		height:200px;
		top:0;
		left:0;
	}	

/* Navigation */
.navigation {
}
	.navigation_wrap {
		position:absolute;
		bottom:-41px;
		left:0px;
		z-index:100;
		width:100%;
		background:url(/img/nav_bg.png) bottom no-repeat;
		height:36px;
	}
		.menu_item {
			float:left;
			margin:3px 0 0 6px;
		}
			.menu_item:hover {
				margin:0 0 0 6px;
				background:url(/img/red_bg.png) repeat-x bottom #f63929;
				-moz-border-radius-bottomleft:6px;
				-moz-border-radius-bottomright:6px;
				-webkit-border-bottom-left-radius:6px;
				-webkit-border-bottom-right-radius:6px;
			}
			.menu_item a:link, .menu_item a:visited {
				color:#555;
				font-size:12px;
				text-decoration:none;
				width:100%;
				height:100%;
				display:block;
				padding:7px 9px;
			}
				.menu_item a:hover {
					color:#fff;
					padding:9px 9px 7px 9px;
				}
		.menu_item_active {
			background:url(/img/red_bg.png) repeat-x bottom #f63929;
			float:left;
			-moz-border-radius-bottomleft:6px;
			-moz-border-radius-bottomright:6px;
			-webkit-border-bottom-left-radius:6px;
			-webkit-border-bottom-right-radius:6px;
			margin:0 0 0 6px;
		}
			.menu_item_active a:link, .menu_item_active a:visited {
				color:#fff;
				font-size:12px;
				text-decoration:none;
				width:100%;
				height:100%;
				display:block;
				padding:9px 9px 7px 9px;
			}
				.menu_item_active a:hover {
				}
/*
		.last_item {
			-moz-border-radius-bottomright:12px;
			-webkit-border-bottom-right-radius:12px;
		}
		.first_item {
			-moz-border-radius-topright:12px;
			-webkit-border-top-right-radius:12px;
		}
*/

/* Login */
.login {
	position:absolute;
	top:1px;
	right:0;
	z-index:1000;
	width:200px;
}
	.login .login_body {
		background:#eee;
		border:1px solid #ccc;
		border-top:0;
		border-bottom:0;
		padding:6px;
		margin:0 0 3px 0;
		height:159px;
	}
		.login .login_body div {
			margin:0 0 6px 0;
		}
		.login .login_body input.text {
			width:170px;
		}
		.login .login_body .submit {
			margin:8px 0 0 0;
		}
/* Zoom Text */
.zoom_text {
	float:right;
	margin:10px 0 0 0;
}

/* Sub navigation */
.sub_item_nav {
	list-style-type:none;
	background:#ee3124;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	margin:44px 0 0 32px;
	padding:6px 0 3px 0;
	width:175px;
}
	.sub_item_nav li {
		background:#ee3124;
		padding:3px 10px;
		border-left:4px solid #ee3124;
		border-right:4px solid #ee3124;
		margin:0 0 2px 0;
	}
		.sub_item_nav li:hover {
			background:#ff5b42;
			padding:3px 10px;
			margin:0 0 2px 0;
		}
		.sub_item_nav li a {
			color:#fff;
			text-decoration:none;
			display:block;
			height:100%;
			width:100%;
		}
			.sub_item_nav li a:hover {
				text-decoration:underline;
			}
		.sub_item_nav .active {
			background:#ff5b42;
			border-left:4px solid #ee3124;
			border-right:4px solid #ee3124;
		}
		.sub_item_nav .active a {
			text-decoration:underline;
		}

.content {
	margin:56px 0 0 0;
}
	.content_wrap {
		width:900px;
		min-height:270px;
		margin:0 auto;
	}

.contact_info_small {
	list-style-type:none;
	background:#ccc;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	padding:6px 0;
	width:200px;
}
	.contact_info_small li {
		padding:3px 14px;
		margin:0 0 2px 0;
		color:#555;
	}
	.contact_info_small .input {
		font-size:12px;
		padding:1px;
		margin:0 6px 0 6px;
	}
	.contact_info_small label {
		font-size:12px;
		margin:0 0 0 0;
	}
	.contact_info_small .forgot_password {
		margin:0 0 0 6px;
		font-size:10px;
	}
	.contact_info_small .submit {
		margin:6px 0 0 6px;
	}

.footer {
	text-align:center;
	color:#555;
	margin:9px 0 0 0;
}
	.footer span {
		color:#ee3124;
	}

/* Standard Elements */

.standard_redheader {
	background:url(/img/red_bg.png) repeat-x bottom #f63929;
	color:#fff;
	font-size:14px;
	padding:6px;
}

/* Content */

/* Front_items */
.front_item {
	width:200px;
	overflow:hidden;
	position:relative;
	padding:100px 0 0 0;
	background:#ee3124;
	margin:0 0 1px 0;
}
	.front_item:hover {
		background:#58585a;
	}
	.front_item a {
		text-decoration:none;
		cursor:pointer;
	}
	.front_item .front_item_info {
		height:18px;
		display:none;
	}
		.front_item .front_item_info pre {
			color:#777;
			font-size:10px;
			position:absolute;
			top:0;
			left:0;
			background:url(/img/news_date_bg.png) repeat-x;
			width:193px;
			padding:3px 4px 1px 3px;
			border-bottom:1px solid #ccc;
			text-align:right;
			text-decoration:none;
			height:14px;
			display:none;
		}
	.front_item .front_item_img {
		width:200px;
		height:100px;
		position:absolute;
		top:0;
		left:0;
	}
		.front_item .front_item_img img {
			z-index:1;
			-moz-border-radius-topright:12px;
		}
		.front_item .front_item_title h2 {
			z-index:10;
			color:#fff;
			margin:0;
			line-height:18px;
		}
	.front_item_link {
		background:#ee3124;
		width:188px;
		padding:4px 6px;
		display:block;
		text-align:left;
		margin:0 0 1px 0;
	}
		.front_item_link:hover {
			background:#58585a;
			text-decoration:none;
		}
		.front_item_link_active {
			text-decoration:none;
			background:#58585a;
			width:188px;
			padding:4px 6px;
			display:block;
			text-align:left;
			margin:0 0 1px 0;
		}
		.front_item_link h2, .front_item_link_active h2 {
			z-index:10;
			color:#fff;
			margin:0;
			line-height:18px;
		}
		
/* News */
.news {
	list-style-type:none;
	margin:0;
	padding:0;
	line-height:0;
}
	.news li {margin:0;}

/* Recommendations */
.recommendations {
	margin:16px 0 0 0;
}
	.recommendations .recommendation {
		margin:0 0 15px 0;
		text-align:right;
		background:url(/img/balloonbottom.jpg) bottom left no-repeat;
	}
	.recommendations .recommendation p {
		margin:0 0 3px 0;
		padding:3px 4px;
		font-style:italic;
		line-height:22px;
		background:#eee;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
	}
	.recommendations .recommendation small {
		margin:0;
	}
	.recommendations .recommendation span {
		color:#ee3124;
	}

/* Frontpage buttons */
.frontpage_button {
	margin:6px 0 0 0;
}
	.frontpage_button .frontpage_button_title {
		background:#444;color:#fff;padding:3px;margin:-3px 0 0 0;
	}

	
.overzicht_table {background:#ccc;width:100%;}
	.overzicht_table a {color:#444;}
		.overzicht_table a:visited {color:#666;}
		.overzicht_table a:hover {color:#444;}

.overzicht_table th {background:#eee url(/img/grey_bg.jpg) bottom repeat-x;padding:3px;}
	.overzicht_table th:hover {background:#ddd url(/img/grey2_bg.png) bottom repeat-x;}
	.overzicht_table th a:link, .table_heading th a:visited {display:block;width:100%;height:100%;}
		.overzicht_table th a:visited {color:#333;}
		.overzicht_table th a:hover {color:#000;}

.overzicht_table tr {background:#fff;}
.overzicht_table td {padding:3px;}

/* Buttons */
.button {
	width:200px;
	overflow:hidden;
	position:relative;
	padding:100px 0 0 0;
	/*margin:0 0 18px 0;*/
	background:url(/img/red_bg.png) repeat-x bottom #f63929;
	cursor:pointer;
}
	.button:hover {
		background:#58585a;
	}
	.button a {
		text-decoration:none;
		cursor:pointer;
		width:200px;
	}
	.button .button_info {
		height:18px;
		display:none;
	}
		.button .button_info pre {
			color:#777;
			font-size:10px;
			position:absolute;
			top:0;
			left:0;
			background:url(/img/news_date_bg.png) repeat-x;
			width:193px;
			padding:3px 4px 1px 3px;
			border-bottom:1px solid #ccc;
			text-align:right;
			text-decoration:none;
			height:14px;
			display:none;
		}
	.button .button_img {
		width:200px;
		height:100px;
		position:absolute;
		top:0;
		left:0;
	}
		.button .button_img img {
			z-index:1;
			-moz-border-radius-topright:12px;
		}
	.button .button_title {
		width:192px;
		padding:8px;
	}
		.button .button_title h2 {
			z-index:10;
			color:#fff;
			margin:0;
			line-height:12px;
		}
	.button_link {
		text-decoration:none;
	}
	
/* Vacatures */
.vacature {
	position:relative;
	margin:0 0 12px 0;
	padding:0 0 9px 0;
	border-bottom:1px solid #aaa;
	background:url(/img/vacature_bg.png) right repeat-y;
}
	.vacature .vacature_title {
		font-size:19px;
		color:#999;
	}
	.vacature .vacature_photo {
		position:absolute;
		top:8px;
		right:8px;
		border:1px solid #aaa;
		width:170px;
		height:70px;
		padding:2px;
		background:#fff;
	}	
	.vacature table {
		margin:3px 0 6px 0;
	}
		.vacature table th {
			text-align:left;
		}

.vacature_buttons {
	margin:0 0 0 0;
}
.vacature_button {position:relative;border:1px solid #bbb;padding:6px 6px 6px 25px;background:#eee url('/img/grey3_bg.png') bottom repeat-x;color:#555 !important;-moz-border-radius:3px;-webkit-border-radius:3px;text-shadow:1px 1px 1px #fff;text-decoration:none;display:inline-block;margin:0 0 12px 0;width:153px;}
	.vacature_button:hover {position:relative;border:1px solid #bbb;padding:6px 6px 6px 25px;background:#eee url('/img/grey4_bg.png') bottom repeat-x;color:#555;-moz-border-radius:3px;text-shadow:1px 1px 1px #fff;text-decoration:none;}
	.vacature_button img {position:absolute;top:6px;left:5px;}

.functieomschrijving {line-height:25px;}
	.functieomschrijving p {font-size:15px;line-height:25px;text-align:justify;}
	
/* Werknemers: inschrijven */
.progress {
	margin:16px 0 0 0;
}
	.progress .inactive {
		border:1px solid #999;
		padding:3px;
		background:#eee;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		display:inline;
		cursor:default;
	}
	.progress .active {
		border:1px solid #ff5252;
		padding:3px;
		background:#ff9595;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		display:inline;
		cursor:default;
	}
.sign_up {
	background:#ee3124;
	padding:6px;
	width:200px;
	text-align:center;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
	.sign_up a:link, .sign_up a:visited {
		color:#fff;
		font-weight:bold;
	}

/* Navigatie */

.navigatie {position:absolute;right:0;top:28px;}

ul.menu {list-style:none; margin:0; padding:0;}
ul.menu * {margin:0; padding:0;}
ul.menu a {display:block; color:#000; text-decoration:none;}
ul.menu li {position:relative; float:left; margin-left:6px; text-align:center;}
ul.menu ul {position:absolute; top:26px; right:0; background:#d1d1d1; display:none; opacity:0; list-style:none;}

ul.menu ul li {position:relative; border:1px solid #a8bfd1; border-top:none; width:118px; margin:0;text-align:left;}
ul.menu .menu_big ul li {position:relative; border:1px solid #999; border-top:none; width:158px;margin:0;text-align:left;}
ul.menu .menu_medium ul li {position:relative; border:1px solid #999; border-top:none; width:118px;margin:0;text-align:left;}

ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#888;color:#fff;}
ul.menu ul li a:hover {background-color:#fff;color:#666;}

ul.menu ul ul {left:148px; top:-1px;}
ul.menu .menulink {border:1px solid #aaa; padding:5px 7px 7px;background:url(/img/header.gif);-moz-border-radius:3px;-webkit-border-radius:2px;}
ul.menu .menulink_active {border:1px solid #999; padding:5px 7px 7px;background:url(/img/header_over.gif);-moz-border-radius:3px;-webkit-border-radius:2px;}
ul.menu .menulink_small {border:1px solid #999; padding:5px 7px 7px;background:url(/img/header.gif); width:44px;-moz-border-radius:3px;-webkit-border-radius:2px;}
ul.menu .menulink_big {border:1px solid #999; padding:5px 7px 7px;background:url(/img/header.gif); width:144px;-moz-border-radius:3px;-webkit-border-radius:2px;cursor:default;}
ul.menu .menulink_medium {border:1px solid #aaa; padding:5px 7px 7px;background:url(/img/header.gif) repeat-x top left; width:104px;-moz-border-radius:3px;-webkit-border-radius:2px;cursor:default;}

ul.menu .menulink:hover, ul.menu .menuhover {background:url(/img/header_over.gif);border:1px solid #999;}
ul.menu .sub {background:#d1d1d1 url(/img/arrow.gif) 136px 8px no-repeat;}
ul.menu .topline {border-top:1px solid #a8bfd1;}

/* Generic Cake CSS */

/* Forms */
form {
	clear: both;
	margin-right: 20px;
	padding: 0;
	width: 90%;
}
fieldset {
	border: 1px solid #ccc;
	margin-top: 30px;
	padding: 16px 20px;
}
fieldset legend {
	background:#fff;
	color: #e32;
	font-size: 160%;
	font-weight: bold;
}
fieldset fieldset {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 16px 10px;
}
fieldset fieldset legend {
	font-size: 120%;
	font-weight: normal;
}
fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}
form div {
	clear: both;
	margin-bottom: 1em;
	vertical-align: text-top;
}
form div.input {
	color: #444;
}
form div.required {
	color: #333;
	font-weight: bold;
}
form div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
}
label {
	display: block;
	font-size: 110%;
	padding-right: 20px;
}
input, textarea {
	clear: both;
	font-size: 140%;
	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
	padding: 2px;
	width: 100%;
}
select {
	clear: both;
	font-size: 120%;
	vertical-align: text-bottom;
}
select[multiple=multiple] {
	width: 100%;
}
option {
	font-size: 120%;
	padding: 0 3px;
}
input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}
input[type=radio] {
	float:left;
	width:auto;
	margin: 0 3px 7px 0;
}
div.radio label {
	margin: 0 0 6px 20px;
}
input[type=submit] {
	display: inline;
	font-size: 110%;
	padding: 2px 5px;
	width: auto;
	vertical-align: bottom;
}

/* Notices and Errors */
div.message {
	clear: both;
	color: #900;
	font-size: 140%;
	font-weight: bold;
	margin: 1em 0;
}
div.error-message {
	clear: both;
	color: #000;
	border:1px solid #ff5252;
	padding:3px;
	background:#ff9595;
	-moz-border-radius:3px;
	margin:3px 0 0 0;
}
p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
	-moz-border-radius:6px;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}
.notice {
	background: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	background: green;
	color: #fff;
}
.form-error {
	background:#ffd6d6;
}

/* Test */
.jCarouselLite {width:468px ! important;}
	.jCarouselLite ul li {margin:0 20px 0 0;}