/** START EDITOR **/

body {
	font-size:70%;
	font-size:80%;
	line-height:1.6;
	margin: 5px;
	}

body, h1, h2, h3, input, select, option, button, textarea {
	font-family: Arial, Geneva, Helvetica, Verdana, sans-serif;
	color: #444444;
	}

h1, h2, h3 	{
	font-style: normal;
	font-weight: normal;
	color:#112270;
	}

h1 { font-size: 22px; }
h2 { font-size: 16px; }
h3 { font-size: 100%; font-weight: bold; line-height: 1.2; }

h1 a, h2 a, h3 a {
	color: inherit;
	text-decoration: none;
	}

a { color: #444444; }
a:hover, a:focus { color: #444444; }

p { margin: 0; }

/** END EDITOR **/


/** BASIC STYLES **/

html, body { margin: 0px !important; height: 100%; }

body { background: #707aa9 url('/image/bg-lines.gif'); }

form legend {
	width: 300px;
	margin: 0;
	font-weight: bold;
	}
form p.requiredField {
	}
form p.missing {
	}
form *:focus {
	}
form p input,
form textarea {
	font-size: 100%;
	}
form fieldset {
	margin: 1em 0 0 0;
	border: 0;
	padding: 0;
	}
form p {
	overflow: hidden;
	clear: both;
	}
form label {
	display: block;
	width: 12em;
	float: left;
	}
form input {
	display: block;
	width: 20em;
	float: left;
	}
form textarea {
	width: 31.8em;
	height: 8em;
	}
form strong {
	margin-left: 5px;
	}
form input[type='hidden'] {
	display:none;
	}

.fbForm input,
.fbForm textarea {
	border: 1px solid #9c9c9c;
	}
.fbForm .submit,
.fbForm button p {
	color: #ffffff;
	border: 1px solid #9c9c9c;
	background: #adaead;
	}
.fbForm .FormSubmit button p {
	padding: 3px 5px;
	}
.fbForm button {
	border: 0;
	margin: 0;
	padding: 0;
	background: none;
	width: 85px;
	}


/** CLASSES **/

.errorMessage {
	color: red;
	border: 1px solid rgb(255,0,0);
	background: rgb(255,190,240);
	padding: .5em;
	display: block;
	}

.clearfix {
	display: block;
	height: 0px;
	clear: both;
	line-height: 0;
	}

.clear {
	clear: both;
	display: block;
	}

.banner {
	margin-top: 10px;
	}
.banner a,
.banner a img {
	display: block;
	}

.aside h2,
#hp .heading,
.pageTitle {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #e0e0e0;
	}
.pageTitle {
	padding-bottom: 2px;
	}
.aside h2,
#hp .heading {
	 color: #ea640c;
	 font-size: 20px;
	 text-transform: lowercase;
	 }
.aside h2,
#hp .headingSearch {
	margin-bottom: 0px;
	padding-bottom: 5px;
	}

.info {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:1000;
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 1px solid #ffd324;
	border-bottom: 1px solid #ffd324;
}
.info-error{
	background: #fff6bf url(/image/exclamation.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
}

/** LAYOUT **/

#bg {
	min-height: 100%;
	background: url('/image/bg-gradient.png') repeat-x left bottom;
	}

#container {
	width: 960px;
	padding: 0px 9px;
	margin: 0px auto;
	background: url('/image/content.png') repeat-y center top;
	}
#wrapper {
	}


/** HEADER **/

#header {
	clear: both;
	height: 334px;
	position: relative;
	background-color: #fbe2cf;
	}
#visual {
	height: 259px;
	height: 293px;
	background: silver;
	}

#logo {
	top: 0;
	left: 0;
	width: 110px;
	position: absolute;
	}
#logo a {
	display: block;
	text-decoration: none;
	}

#topnav {
	top: 25px;
	right: 20px;
	width: 70px;
	position: absolute;
	text-align: right;
	}
#topnav a {
	color: #112270;
	text-decoration: none;
	}
#topnav a.fontNormal { font-size: 12px; }
#topnav a.fontBig { font-size: 14px; }


/** NAVIGATION **/

ul.nav,
ul.nav ul,
ul.nav li {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	}

#navigation {
	clear: both;
	overflow: hidden;
	padding-left: 210px;
	position: relative;
	z-index: 4000;
	}

#nav ul {
	background-color: skyblue;
	}
#nav a {
	padding: 0px 20px;
	height: 35px;
	line-height: 35px;
	display: block;
	border: 1px solid transparent;
	border-top: 0px;
	margin-right: -1px;
	color: #ea640c;
	font-size: 16px;
	text-decoration: none;
	text-transform: lowercase;
	}
#nav a span {
	width: auto;
	height: 35px;
	display: block;
	}
#nav a:hover,
#nav .open a,
#nav .active a {
	border-color: #d6681f;
	background: #f48237;
	position: relative;
	z-index: 10;
	color: #ffffff;
	-webkit-box-shadow: 0px  1px 3px rgba(75,75,75,0.5);
	-moz-box-shadow: 0px 1px 3px rgba(75,75,75,0.5);
	box-shadow: 0px 1px 3px rgba(75,75,75,0.5);
	}
#nav a:hover {
	z-index: 20;
	}
#nav li {
	float: left;
	width: auto;
	padding-bottom: 5px;
	background: url('/image/nav-seperator.gif') no-repeat left top;
	}
#nav li.first {
	background: none;
	}
#nav li ul {
	position: absolute;
	width: 20em;
	left: -999em;
	}
#nav li ul ul {
	margin: -1em 0 0 20em;
	}
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul,
#nav li.sfhover ul ul ul {
	left: -999em;
	}
#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul {
	left: auto;
	}


/** CONTENT - DEFAULT **/

#content img {
	border: 1px solid silver;
	}


/** CONTENT - HOMEPAGE **/

.coll {
	float: left;
	width: 220px;
	}

#homeIntro {
	}

#extra {
	padding-left: 20px;
	}
	.item {
		margin-top: 10px;
		padding-top: 10px;
		border-bottom: 1px solid #E0E0E0;
		}
	.item1 {
		margin-top: 0px;
		padding-top: 0px;
		border-top: 0px;
		}
	.item .date {
		font-style: italic;
		}
	.item a {
		text-decoration: none;
		}
	.item p.figure {
		float: right;
	}
	#content .item p.figure a img {
		border: 0px;
	}


/** CONTENT - GENERATOR **/

#navbar {
	float: left;
	width: 210px;
	padding-left: 29px;
	padding-bottom: 40px;
	margin-left: -9px;
	}
#subnav {
	margin-left: -29px;
	margin-top: 20px;
	}
#subnav li {
	padding-left: 9px;
	}
#subnav li a {
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	color: #666666;
	text-transform: lowercase;
	padding: 0px 30px 6px 20px;
	display: inline-block;
	text-decoration: none;
	}
#subnav li:hover,
#subnav li.sfhover,
#subnav li.open,
#subnav li.active {
	background: url('/image/subnav-left.png') no-repeat left top;
	}
#subnav li:hover a,
#subnav li.sfhover a,
#subnav li.open a,
#subnav li.active a {
	color: #ffffff;
	background: url('/image/subnav-bg.png') no-repeat right top;
	}
#subnav li:hover ul li,
#subnav li.sfhover ul li,
#subnav li.open ul li,
#subnav li.active ul li {
	background: #ffffff;
	padding: 5px 0px 5px 0px;
	}
#subnav li.active ul li a {
	background: #ffffff;
	color: #F48237;
	}
#subnav li:hover ul li a,
#subnav li.sfhover ul li a,
#subnav li.open ul li a,
#subnav li.active ul li a {
	background: #ffffff;
	}
#subnav li ul {
	display: none;
	}
#subnav li.open ul {
	display: block;
	}
#subnav li.open ul li:hover {
	font-weight: bold;
	}
#subnav li.open ul li a {
	color: #F48237;
	text-transform: none;
	}
#subnav li.open ul li.active a {
	font-weight: bold;
	}

#content {
	float: left;
	width: 460px;
	padding-left: 20px;
	padding-bottom: 40px;
	display: block;
	}

#sidebar {
	float: left;
	width: 210px;
	padding-left: 20px;
	}
#sidebar h2 {
	border-bottom: 0px;
	margin-bottom: 0px;
	}
	#formSearch {
		margin-bottom: 40px;
		}
	#formSearch input {
		width: 165px;
		margin-right: 5px;
		}
	#formSearch button {
		width: 38px;
		}


/** FOOTER **/

#footer {
	clear: both;
	height: 60px;
	background: url('/image/kpo-footer.gif') no-repeat left bottom;
	}

#footer a {
	text-decoration: none;
	}


/** FORM BUILDER **/

p.FormRadioButton input {
	width: auto;
	border: 0;
	}
p.FormRadioButton label {
	margin: 4px auto auto;
	}
form p.FormTextArea label,
form p.FormSubmit label,
form p.msg label {
	display: none;
	}
form p.FormCheckbox label {
	width: auto;
	}
form label.value {
	width: auto;
	}

div.vacature {
	width: 460px;
	padding-bottom: 5px;
	border-bottom: 1px solid #e0e0e0;
}
div.vacature a {
	text-decoration: none;
	}

div#school-wrapper {
	width: 460px;
}
	div#school-wrapper div.school-list {
		width: 220px;
		margin: 5px 5px 5px 0px;
		float: left;
	}
	div#school-wrapper div.school-list a {
		color: #1f2f78;
		text-decoration: none;
		font-weight: bold;
	}
div#school-one {
	width: 460px;
	margin: 25px 0px 0px 0px;
}
	div#school-one img {
		float: left;
		border: 0px;
		margin: 0px 10px 12px 0px;
	}
	div#school-one span.head {
		font-weight: bold;
		color: #1f2f78;
	}
	div#school-one p.text {
		clear: both;
	}
	div#school-one a {
		color: #1f2f78;
		text-decoration: none;
	}
	div#school-one img.logo {
		margin-top: 20px;
		max-width: 150px;
		float: none;
	}

.news-images {
	width: 220px;
	float: left;
	margin: 0px 10px 0px 0px;
}
.news-images img {
	width: 220px;
}
div.jaarverslag img {
	margin-left: -4px;
}
div.jaarverslag h2 {
	color: #2a2479;
	font-size: 16px;
	font-weight: bold;
	text-transform: none;
}
div.jaarverslag p {
	color: #000000;
	font-style: italic;
	width: 150px;
}
div.jaarverslag p a {
	color: #EA640C;
	text-decoration: none;
}