/* start colour definitions */
/*
blue:					081f5d
light-blue:				a9d9e1
bg-grey:				eeeeee
green:					09798c
*/
/* end colour definitions */

/* start general styles */

html {
	overflow-y:			scroll;
}

html, 
body {
	font-family:		'Trebuchet MS', 'Trebuchet', 'Verdana', 'Arial', 'sans-serif';
	font-size:			85%;
	line-height:		120%;
	width:				100%;
	height:				100%;
	background:			#fff url('../media/bg_content.gif') 50% top repeat-y;
	color:				#000;
	padding:			0;
	margin:				0;
	text-align:			center;
}

img {
	border:				none;
}

a {
	text-decoration:	none;
	color:				#09798c;
}

a:active,
a:hover {
	text-decoration:	underline;
}

h1 {
	color:				#09798c;
	font-weight:		normal;
	font-size:			3.0em;
	line-height:		1.1em;
	margin:				0 0 14px 0;
	padding:			0;
}

h2 {
	color:				#09798c;
	font-weight:		normal;
	font-size:			3.0em;
	line-height:		1.1em;
	margin:				0 0 20px 0;
}

h3 {
	color:				#09798c;
	font-weight:		normal;
	font-size:			2.0em;
	line-height:		1.0em;
	margin:				0 0 14px 0;
}

h4 {
	color:				#09798c;
	font-weight:		normal;
	font-size:			1.0em;
	line-height:		1.2em;
	margin:				0 0 10px 0;
}

h5 {
	color:				#09798c;
	font-weight:		normal;
	font-size:			0.9em;
	line-height:		1.0em;
	margin:				0 0 10px 0;
}

.clear,
br {
	clear:				both!important;
}

fieldset {
	border-top-color:	#09798c;
	margin:				0 0 15px 0;
	padding:			10px;
}

input,
select,
textarea {
	background-color:	#fff;
	border:				1px solid #081f5d;
	color:				#081f5d;
	font-size:			1.0em;
	font-family:		'Trebuchet MS', 'Trebuchet', 'Verdana', 'Arial', 'sans-serif';
}

input {
	width:				250px;
	padding:			0 2px 1px 2px;
}

select,
textarea {
	width:				250px;
}

textarea {
	height:				150px;
	overflow-y:			scroll;
}

input.submit,
input.image {
	cursor:				pointer;
	position:			relative;
	top:				6px;
}

input.submit,
input.image,
input.radio,
input.CMS_RADIOBUTTON,
input.CMS_RADIO,
input.checkbox,
input.CMS_CHECKBOX {
	border:				none;
	width:				auto!important;
	background-color:	transparent;
	margin-top:			3px;
}

select.CMS_CLASS_DATE,
input.CMS_CLASS_DATE {
	width: 40px;
}

.left {
	float:				left;
}

.right {
	float:				right;
}

.error {
	color:				red;
}

/* end general styles */

/* start main styles */

#container {
	margin:				0 auto -100px auto;
	width:				100%;
	min-height:			100%;
}

/* start top navigation */

#header_container {
	width:				100%;
	height:				230px;
	text-align:			center;
	background:			#081f5d url('../media/bg_header.jpg') center top no-repeat;
	color:				#999;
	padding:			0;
	float:				left;
}

#header {
	width:				996px;
	height:				230px;
	text-align:			left;
	color:				#a9d9e1;
	background:			transparent url('../media/bg_head.png') center top no-repeat;
	font-family:		'Verdana', 'Arial', 'sans-serif';
	padding:			0;
	margin:				0 auto;
}

#header .right {
	margin:				30px 0 0 0;
	text-align:			right;
}

#logo {
	display:			block;
	width:				246px;
	height:				139px;
	background:			transparent url('../media/logo.png') left top no-repeat;
	padding:			0;
	float:				left;
	margin:				-25px 0 0 0;
}

.language {
	padding:			5px 0 5px 25px;
	background:			transparent url('../media/icon_globe.png') left 2px no-repeat;
	color:				#fff;
	font-size:			0.9em;
	float:				left;
	margin:				-20px 0 0 40px;
}

.education {
	float:				left;
	margin:				20px 0 0 0;
	padding:			0;
}

.education li {
	float:				left;
	margin:				0 0 0 30px;
	padding:			0;
	list-style:			none;
}

.education li a {
	display:			block;
	float:				left;
	padding:			0;
	margin:				0;
}

.education li a.vmbo {
	background:			transparent url('../media/icon_VMBO.png') left top no-repeat;
	width:				106px;
	height:				134px;
}

.education li a.mbo {
	background:			transparent url('../media/icon_MBO.png') left top no-repeat;
	width:				108px;
	height:				136px;
}

.education li a.hbo {
	background:			transparent url('../media/icon_HBO.png') left top no-repeat;
	width:				108px;
	height:				136px;
}

.education li a.company {
	background:			transparent url('../media/icon_BEDRIJVEN.png') left top no-repeat;
	width:				108px;
	height:				136px;
}

#newslist {
	position:			absolute;
	z-index:			3;
	padding:			0;
	margin:				10px 0 0 35px;
	width:				250px;
	font-size:			1.0em;
}

#newslist .top {
	width:				253px;
	height:				9px;
	background:			transparent url('../media/bg_newslist_top.png') left bottom no-repeat;
	float:				left;
}

#newslist .bottom {
	width:				253px;
	height:				27px;
	background:			transparent url('../media/bg_newslist_bottom.png') left bottom no-repeat;
	float:				left;
}

#newslist h3 {
	font-size:			2.0em;
	line-height:		1.0em;
	font-weight:		normal;
	display:			block;
	width:				222px;
	padding:			9px 0 0 28px;
	margin:				0;
	float:				left;
	position:			relative;
	z-index:			2;
}

#newslist h3 a:hover,
#newslist h3 a:active {
	text-decoration:	none;
	color:				#081f5d;
}

#newslist h3 a {
	color:				#09798c;
}

#newslist ul {
	margin:				-32px 0 0 0;
	padding:			43px 19px 10px 19px;
	color:				#000;
	width:				212px;
	background:			transparent url('../media/bg_newslist.png') left top repeat-y;
	float:				left;
}

#newslist ul li {
	list-style:			none;
	color:				#09798c;
	font-style:			italic;
	margin:				0 0 8px 9px;
	font-size:			0.9em;
}

#newslist ul li a {
	color:				#000;
	font-style:			normal;
	font-size:			1.1em;
}

#newslist ul li a:hover,
#newslist ul li a:active {
	text-decoration:	none;
	color:				#09798c;
}

#newslist .line {
	background-color:	#09798c;
	width:				200px;
	height:				1px;
	margin:				-1px 11px 0 19px;
	float:				left;
	font-size:			0;
	line-height:		0;
	position:			relative;
	z-index:			5;
}

#newslist ul.pagenav {
	margin:				0;
	padding:			10px 10px 10px 19px;
	width:				221px;
}

#newslist ul.pagenav li {
	float:				left;
	margin:				0 0 0 2px;
	color:				#081f5d;
	font-style:			normal;
	font-size:			1.0em;
	font-weight:		bold;
}

#newslist ul.pagenav li.separator {
	font-weight:		normal;
}

#newslist ul.pagenav li a {
	color:				#09798c;
	font-size:			1.0em;
	font-weight:		normal;
}

#newslist ul.pagenav li a:hover,
#newslist ul.pagenav li a:active {
	color:				#081f5d;
}


/* start main navigation */

#mainnav {
	margin:				-8px 0 0 0;
	padding:			0 0 0 276px;
	float:				left;
	width:				720px;
	height:				37px;
	font-weight:		bold;
	background:			transparent url('../media/bg_mainnav.png') left top no-repeat;
	border-bottom:		1px dashed #fff;
}

#mainnav li {
	list-style:			none;
	display:			block;
	float:				left;
	margin:				0 0 0 15px;
	line-height:		1.1em;
}

#mainnav li a {
	color:				#fff;
	padding:			12px 0 10px 0;
	display:			block;
	height:				15px;
	position:			relative;
	z-index:			5;
}

#mainnav li a:hover,
#mainnav li a:active,
#mainnav li a.hi {
	text-decoration:	none;
	color:				#91cdd7;
	background:			transparent url('../media/pointer.gif') 13px bottom no-repeat;
}

#mainnav li ul {
	display:			none;
	position:			absolute;
	width:				152px;
	margin:				-7px 0 0 -10px;
	padding:			8px 0 0 0;
	background:			transparent url('../media/pointer.gif') 23px top no-repeat;
}

#mainnav li ul li {
	width:				152px;
	margin:				0;
	padding:			0;
	background:			transparent url('../media/bg_subnav_li.png') left top repeat-y;
}

#mainnav li ul li.last {
	background-image:	none;
}

#mainnav li ul li a {
	height:				auto;
	width:				126px;
	display:			block;
	background-color:	#09638c; /* 09798c */
	border-bottom:		1px dashed #fff;
	margin:				0;
	padding:			10px 0 10px 11px;
}

#mainnav li ul li.last a {
	width:				152px;
	height:				33px;
	border-bottom:		none;
	background:			transparent url('../media/bg_subnav.png') left bottom no-repeat;
}

#mainnav li ul li a:hover,
#mainnav li ul li a:active,
#mainnav li ul li a.hi {
	background-color:	#081f5d;
	background-image:	none;
	color:				#fff;
}

#mainnav li ul li.last a:hover,
#mainnav li ul li.last a:active,
#mainnav li ul li.last a.hi {
	background:			transparent url('../media/bg_subnav_hi.png') left bottom no-repeat;
}

#mainnav li ul li ul {
	left:				137px;
	background-image:	none;
	margin:				-42px 0 0 0;
}

#mainnav li ul li ul li.first,
#mainnav li ul li ul li.first.last {
	background-image:	none;
}

#mainnav li ul li ul li.first a {
	width:				152px;
	height:				15px;
	background:			transparent url('../media/bg_subnav_top.png') left top no-repeat;
	border-bottom:		none;
}

#mainnav li ul li ul li.first a:hover,
#mainnav li ul li ul li.first a:active,
#mainnav li ul li ul li.first a.hi {
	background:			transparent url('../media/bg_subnav_top_hi.png') left top no-repeat;
}

#mainnav li ul li.first ul li.first {
	background:			transparent url('../media/bg_subnav_li.png') left top repeat-y;
}

#mainnav li ul li.first ul li.first a {
	height:				auto;
	width:				126px;
	display:			block;
	background-color:	#09798c;
	border-bottom:		1px dashed #fff;
	margin:				0;
	padding:			10px 0 10px 11px;
	background-image:	none;
}

#mainnav li ul li.first ul li.first a:hover,
#mainnav li ul li.first ul li.first a:active,
#mainnav li ul li.first ul li.first a.hi {
	background-color:	#081f5d;
	background-image:	none;
	color:				#fff;
}

#mainnav li ul li ul li.first.last a {
	background:			transparent url('../media/bg_subnav_single.png') left top no-repeat;
	border-bottom:		none;
	height:				33px;
}

#mainnav li ul li ul li.first.last a:hover,
#mainnav li ul li ul li.first.last a:active,
#mainnav li ul li ul li.first.last a.hi {
	background:			transparent url('../media/bg_subnav_single_hi.png') left top no-repeat;
}

#mainnav li ul li.first ul li.first.last {
	background-image:		none!important;
}

#mainnav li ul li.first ul li.first.last a {
	background:			transparent url('../media/bg_subnav.png') left bottom no-repeat;
	width:				152px;
	height:				33px;
	border-bottom:		none;
}

#mainnav li ul li.first ul li.first.last a:hover,
#mainnav li ul li.first ul li.first.last a:active,
#mainnav li ul li.first ul li.first.last a.hi {
	background:			transparent url('../media/bg_subnav_hi.png') left bottom no-repeat;
}

#mainnav li ul li.last li {
	margin-top:			-20px;
}

/* end main navigation */

/* end top navigation */

/* start content */

#contentHolder {
	width:				976px;
	padding:			0 10px;
	margin:				0 auto;
	text-align:			left;
	background-color:	#eee;
}

/* start quicksearch */

form#quicksearch {
	float:				right;
	position:			relative;
	z-index:			2;
	display:			inline;
	margin:				16px 32px -45px 0;
	width:				auto;
	font-size:			1.0em;
}

form#quicksearch fieldset {
	display:			inline;
	border:				none;
	padding:			0;
	margin:				0;
}

form#quicksearch input {
	width:				140px;
	margin:				0;
}

form#quicksearch input.image {
	top:				-1px;
}

/* end quicksearch */

/* start banner column */

#banners {
	width:				274px;
	float:				left;
	margin:				9px 0 20px 10px;
	text-align:			right;
}

.banner {
	text-align:			left;
	color:				white;
	width:				83px;
	height:				135px;
	padding:			36px 36px 36px 155px;
	cursor:				pointer;
}

.banner:hover {
	cursor: pointer;
}

.banner h3 {
	color: 				#fff;
	font-size:			14px;
	font-weight:		normal;
}

.banner a {
	color:				#fff;
}

.banner a:hover {
	color:				#fff;
	text-decoration:	underline;
}

.location {
	text-align:			center;
	color:				#081f5d;
	background:			#fff url('../media/banner.jpg') left top no-repeat;
	width:				202px;
	height:				135px;
	padding:			36px;
}

.location h3 {
	color:				#081f5d;
	font-size:			15px;
	line-height:		17px;
	text-align:			left;
	margin:				0;
}

.location.sml {
	background:			#fff url('../media/banner_sml.jpg') left top no-repeat;
	height:				72px;
}

.location.sml img {
	margin:				5px 0 0 -10px;
}

/*
.banner h3:hover,
.banner p:hover {
	color: #09798c;
}
*/

/* end banner column */

/* start content block */

#content {
	float:				right;
	width:				684px;
	margin:				20px 0;
	padding:			0 0 35px 0;
	background:			#fff url('../media/bg_contentblock_bottom.gif') left bottom no-repeat;
}

#content .inner {
	width:				604px;
	padding:			35px 40px 0 40px;
	background:			#fff url('../media/bg_contentblock_top.gif') left top no-repeat;
}

#content p {
	font-size:			1.2em;
	line-height:		1.6em;
	padding:			0 0 0 45px;
}

#content p p {
	font-size:			1.0em;
	line-height:		1.0em;
	padding:			0;
}

#content p br {
	clear:				none!important;
}

#content ul {
	margin:				0;
	padding:			0 0 0 60px;
	font-size:			1.2em;
	line-height:		1.6em;
}

#content ol {
	padding:			0 0 0 65px;
	font-size:			1.2em;
	line-height:		1.6em;
}

#content img.left {
	margin:				4px 10px 5px 45px;
}

#content h1 {
	padding:			0 0 0 45px;
}

#content h2.hilite {
	font-style:			italic;
}

#content h2.hilite span {
	font-style:			normal;
	color:				#081f5d;
}

#content p.error {
	font-size:			1.4em;
}

#content h3.error {
	color:				red;
}

/* start flash video player */

.video {
	display:			block;
	width:				480px;
	height:				270px;
	margin:				0 0 0 45px;
}

/* end flash video player */

/* start sitemap */
div.sitemap ul {
	padding-left: 20px !important;
}

div.sitemap ul.level1 li {
	font-size: 18px;
	line-height: 20px;
}
div.sitemap ul.level2 li {
	font-size: 16px;
	line-height: 18px;
}
div.sitemap ul.level3 li {
	font-size: 14px;
	line-height: 16px;
}
div.sitemap ul.level4 li {
	font-size: 12px;
	line-height: 14px;
}

/* end sitemap */

/* start form elements */

form {
	float:				left;
	font-size:			1.2em;
	line-height:		1.6em;
	width:				559px;
	padding:			0 0 0 45px;
	margin:				0 0 20px 0;
}

form .mandatory {
	float:				right;
	color:				#09798c;
	font-size:			0.9em;
	
}

form legend {
	color:				#09798c;
	font-size:			1.2em;
	padding:			0 5px;
}

form label {
	width:				180px;
	color:				#081f5d;
	float:				left;
	margin:				0 10px 8px 0;
}

form label span {
	color:				#09798c;
}

form label.after {
	width:				auto;
	margin:				0 5px 8px 5px;
}

form label.error {
	color:				red;
}

form label.error span {
	color:				red;
}

form input.error, form textarea.error {
	background-color:	white;
	color:				red;
	border-color:		red;
}

form input.medium {
	width:				100px;
}

form input.small {
	width:				50px;
}

form textarea,
form select,
form input {
	font-size:			0.9em;
	float:				left;
	margin:				0 0 8px 0;
	padding:			2px;
}

form input.submit {
	float:				right;
	margin:				0 10px 8px 10px;
	color:				#fff;
	background-color:	#081f5d;
	padding:			2px 5px 4px 5px;
}

/* end form elements */

/* start flash content (locaties) */

#regiokaart {
	float:				left;
	margin:				0 10px 0 45px;
}

/* end flash content (locaties) */

/* end content block */

/* end content */

/* start footer */

#footer_container {
	height:				100px;
	width:				100%;
	padding:			0;
	float:				left;
	background:			#09798c url('../media/bg_footer.jpg') center top no-repeat;
}

#footer {
	height:				88px;
	width:				940px;
	margin:				0 auto;
	padding:			12px 28px 0 28px;
	font-size:			0.8em;
	line-height:		1.0em;
	color:				#fff;
	text-align:			left;
	font-size:			1.0em;
}

#footer ul {
	margin:				10px 0 0 0;
	padding:			0;
}

#footer ul li {
	list-style:			none;
	display:			block;
	float:				left;
	margin:				0 33px 0 0;
	color:				#fff;
}

#footer a.hva {
	display:			block;
	float:				left;
	background:			transparent url('../media/logo_hva.png') left top no-repeat;
	width:				170px;
	height:				27px;
	margin:				17px 0 0 0;
}

#footer a.nova {
	display:			block;
	float:				left;
	background:			transparent url('../media/logo_nova.png') left top no-repeat;
	width:				127px;
	height:				28px;
	margin:				16px 0 0 0;
}

#footer a.roc {
	display:			block;
	float:				left;
	background:			transparent url('../media/logo_roc.png') left top no-repeat;
	width:				120px;
	height:				39px;
	margin:				5px 0 0 0;
}

#footer a.dunamare {
	display:			block;
	float:				left;
	background:			transparent url('../media/logo_dunamare.png') left top no-repeat;
	width:				107px;
	height:				44px;
	margin:				0;
}

#footer ul li a {
	color:				#fff;
}

#footer ul li a:hover,
#footer ul li a:active,
#footer ul li a.hi {
	text-decoration:	none;
	color:				#0975a6;
}

/* start quicklinks */

#footer #quicklinks {
	float:				right;
	padding:			0;
	margin:				-12px 0 0 0;
}

#footer #quicklinks li {
	list-style:			none;
	display:			block;
	float:				left;
	margin:				0 5px 0 0;
	color:				#fff;
	font-size:			1.1em;
}

#footer #quicklinks li a {
	color:				#fff;
	position:			relative;
	z-index:			5;
}

#footer #quicklinks li a:hover,
#footer #quicklinks li a:active,
#footer #quicklinks li a.hi {
	text-decoration:	underline;
}

/* end quicklinks */

/* end footer */


/* end main styles */