﻿/*

 * TABLE OF CONTENTS:

 * - Browser reset

 * - HTML elements

 * - Main containers

 * - General styles   (styles that are not confined to a specific container)

 * - Form styles

 * - Page styles

 * - Hacks

 * - Print styles

 */













/*

 * BEGIN BROWSER RESET

 */



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,textarea,p,blockquote,th,td {

	margin:0;

	padding:0

}

html {

	height:100%;

	overflow:-moz-scrollbars-vertical;

	overflow-x:auto

}

table {

	border:0;

	border-collapse:collapse;

	border-spacing:0

}

fieldset,img {

	border:0

}

address,caption,cite,code,dfn,em,strong,th,var {

	font-style:normal;

	font-weight:normal

}

em,cite {

	font-style:italic

}

strong {

	font-weight:bold

}

ol,ul {

	list-style:none

}

caption,th {

	text-align:left

}

h1,h2,h3,h4,h5,h6 {

	font-size:100%;

	font-weight:normal;

	margin:0;

	padding:0

}

q:before,q:after {

	content:''

}

abbr,acronym {

	border:0

}



/*

 * END BROWSER RESET

 */













/*

 * HTML ELEMENTS

 */



* {

	line-height: 1.5em;

}



html {

	height: 100%;

	font-size: 100%;

}


body {

	height: 100%;
	font-size: 0.625em !important; 

}

body,

input,

select,textarea {



	color: #000;

	font-family: Verdana, Geneva, sans-serif;

}








a:link,

a:hover,

a:active,

a:visited {

	color: #A4224B;

	text-decoration: none;

}

a:hover,

a:focus {

	text-decoration: underline;

}



p {

	margin: 0 0 1.35em 0;

}



ul,

li {

	margin: 0;

	padding: 0;

	list-style-type: none;

}



li {

	padding: 0 0 0 10px;

}



select {

	width:380px;

}



h1 *,h2 *,h3 *,h4 *,h5 *,h6 * {

	margin:0 !important;

	padding:0 !important;

}



.plaintext {

	color: #000 !important;

	font-family: Verdana, Geneva, sans-serif !important;

	font-size: 10px !important;

	line-height: 1.5em !important;

	font-weight:normal !important;

	text-decoration:none !important;

	margin: 0 !important;

	padding: 0 !important;

	list-style-type: none !important;

	background:none !important;

}



/*

 * END HTML ELEMENTS

 */













/*

 * BEGIN MAIN CONTAINERS

 */



div.containerMain {

	position: relative;

	margin: 0 auto 0 auto;

	width: 980px;

	padding: 0;

	min-height: 1em;

}

* html div.containerMain {

	height: 1em;

}





img.logo {

	display: none;

}



div.header {

	height: 133px;

}



div.header a.logo {

	display: block;

	position: absolute;

	top: 5px;

	left: 33px;

	width: 212px;

	height: 115px;

	text-indent: -999em;

}



div.header div.flashText {

	position: absolute;

	left:  255px;

	width: 478px;

	height: 133px;

}



div.header div.flashGyroscope {

	position: absolute;

	top:  1px;

	left:  686px;

	width: 256px;

	height: 492px;

}



div.content {

	border-top: 3px solid #fff;

	min-height: 246px;

	padding: 54px 0 8px 16px;

}

* html div.content {

	height: 246px;

}



div.content div.corner {

	position: absolute;

	z-index: 100;

	margin: -4px 0 0 -17px;

	width: 33px;

	height: 22px;

	background: url(../images/corner.png)

}



*.defaultFormHolder fieldset.submit input {

	margin-left: 160px;

	border: none;

	padding-left: 20px;

	color: #A4224B;

	font-weight: bold;

	font-size: 1em;

	text-align: left;

	cursor:pointer;

	background: url(../images/arrow-right.png) no-repeat 0px 3px;

}



*.defaultFormHolder fieldset.submit input:hover {

	text-decoration:underline;

}



/* start menu */

div.content ul.menu1 {

	position: absolute;

	top: 136px;

	left: 16px;

	height: 28px;

	overflow: hidden;

}



div.content ul.menu1 li {

	display: block;

	float: left;

	height: 28px;

	padding: 0;

}

div.content ul.menu1 a {

	display: block;

	float: left;

	width: 100%;

	height: 100%;

	overflow: hidden;

	text-indent: -999em;

}



div.content ul.menu1 li.item1 a {

	width: 58px;

	background: url(../images/sprite.png) 0 0 no-repeat;

}

div.content ul.menu1 li.item1 a:hover {

	width: 58px;

	background: url(../images/sprite.png) 0 -50px no-repeat;

}



div.content ul.menu1 li.item2 a {

	width: 70px;

	background: url(../images/sprite.png) -58px 0 no-repeat;

}

div.content ul.menu1 li.item2 a:hover {

	width: 70px;

	background: url(../images/sprite.png) -58px -50px no-repeat;

}



div.content ul.menu1 li.item3 a {

	width: 90px;

	background: url(../images/sprite.png) -128px 0 no-repeat;

}

div.content ul.menu1 li.item3 a:hover {

	width: 90px;

	background: url(../images/sprite.png) -128px -50px no-repeat;

}



div.content ul.menu1 li.item4 a {

	width: 91px;

	background: url(../images/sprite.png) -218px 0 no-repeat;

}

div.content ul.menu1 li.item4 a:hover {

	width: 91px;

	background: url(../images/sprite.png) -218px -50px no-repeat;

}



div.content ul.menu1 li.item5 a {

	width: 94px;

	background: url(../images/sprite.png) -309px 0 no-repeat;

}

body.Opleidingen div.content ul.menu1 li.item5 a,

div.content ul.menu1 li.item5 a:hover {

	width: 94px;

	background: url(../images/sprite.png) -309px -50px no-repeat;

}



div.content ul.menu1 li.item6 a {

	width: 90px;

	background: url(../images/sprite.png) -403px 0 no-repeat;

}

body.Vacatures div.content ul.menu1 li.item6 a,

body.WerkenBij div.content ul.menu1 li.item6 a,

div.content ul.menu1 li.item6 a:hover {

	width: 90px;

	background: url(../images/sprite.png) -403px -50px no-repeat;

}

div.content ul.menu1 li.item7 a {

	width: 446px;

	background: url(../images/sprite.png) -600px 0 no-repeat;

}

div.content ul.menu1 li.item7 a:hover {

	width: 446px;

	background: url(../images/sprite.png) -600px -50px no-repeat;

}

div.content ul.menu1 li.item8 a {

	width: 35px;

	background: url(../images/sprite.png) -493px 0 no-repeat;

}

div.content ul.menu1 li.item8 a:hover {

	width: 35px;

	background: url(../images/sprite.png) -493px -50px no-repeat;

}

div.content ul.menu1 li.item9 a {

	width: 35px;

	background: url(../images/sprite.png) -528px 0 no-repeat;

}

div.content ul.menu1 li.item9 a:hover {

	width: 35px;

	background: url(../images/sprite.png) -528px -50px no-repeat;

}

div.content ul.menu1 li.item10 a {

	width: 34px;

	background: url(../images/sprite.png) -563px 0 no-repeat;

}

div.content ul.menu1 li.item10 a:hover {

	width: 34px;

	background: url(../images/sprite.png) -563px -50px no-repeat;

}

div.content ul.menufr {

	position: absolute;

	top: 136px;

	left: 16px;

	height: 28px;

	overflow: hidden;

}



div.content ul.menufr li {

	display: block;

	float: left;

	height: 28px;

	padding: 0;

}

div.content ul.menufr a {

	display: block;

	float: left;

	width: 100%;

	height: 100%;

	overflow: hidden;

	text-indent: -999em;

}



div.content ul.menufr li.item1 a {

	width: 58px;

	background: url(../images/sprite2.png) 0 0 no-repeat;

}

div.content ul.menufr li.item1 a:hover {

	width: 58px;

	background: url(../images/sprite2.png) 0 -50px no-repeat;

}



div.content ul.menufr li.item2 a {

	width: 70px;

	background: url(../images/sprite2.png) -58px 0 no-repeat;

}

div.content ul.menufr li.item2 a:hover {

	width: 70px;

	background: url(../images/sprite2.png) -58px -50px no-repeat;

}



div.content ul.menufr li.item3 a {

	width: 90px;

	background: url(../images/sprite2.png) -128px 0 no-repeat;

}

div.content ul.menufr li.item3 a:hover {

	width: 90px;

	background: url(../images/sprite2.png) -128px -50px no-repeat;

}



div.content ul.menufr li.item4 a {

	width: 91px;

	background: url(../images/sprite2.png) -218px 0 no-repeat;

}

div.content ul.menufr li.item4 a:hover {

	width: 91px;

	background: url(../images/sprite2.png) -218px -50px no-repeat;

}



div.content ul.menufr li.item5 a {

	width: 94px;

	background: url(../images/sprite2.png) -309px 0 no-repeat;

}

body.Opleidingen div.content ul.menufr li.item5 a,

div.content ul.menufr li.item5 a:hover {

	width: 94px;

	background: url(../images/sprite2.png) -309px -50px no-repeat;

}



div.content ul.menufr li.item6 a {

	width: 90px;

	background: url(../images/sprite2.png) -403px 0 no-repeat;

}

body.Vacatures div.content ul.menufr li.item6 a,

body.WerkenBij div.content ul.menufr li.item6 a,

div.content ul.menufr li.item6 a:hover {

	width: 90px;

	background: url(../images/sprite2.png) -403px -50px no-repeat;

}

div.content ul.menufr li.item7 a {

	width: 446px;

	background: url(../images/sprite2.png) -600px 0 no-repeat;

}

div.content ul.menufr li.item7 a:hover {

	width: 446px;

	background: url(../images/sprite2.png) -600px -50px no-repeat;

}

div.content ul.menufr li.item8 a {

	width: 35px;

	background: url(../images/sprite2.png) -493px 0 no-repeat;

}

div.content ul.menufr li.item8 a:hover {

	width: 35px;

	background: url(../images/sprite2.png) -493px -50px no-repeat;

}

div.content ul.menufr li.item9 a {

	width: 35px;

	background: url(../images/sprite2.png) -528px 0 no-repeat;

}

div.content ul.menufr li.item9 a:hover {

	width: 35px;

	background: url(../images/sprite2.png) -528px -50px no-repeat;

}

div.content ul.menufr li.item10 a {

	width: 34px;

	background: url(../images/sprite2.png) -563px 0 no-repeat;

}

div.content ul.menufr li.item10 a:hover {

	width: 34px;

	background: url(../images/sprite2.png) -563px -50px no-repeat;

}

div.content ul.menueng {

	position: absolute;

	top: 136px;

	left: 16px;

	height: 28px;

	overflow: hidden;

}



div.content ul.menueng li {

	display: block;

	float: left;

	height: 28px;

	padding: 0;

}

div.content ul.menueng a {

	display: block;

	float: left;

	width: 100%;

	height: 100%;

	overflow: hidden;

	text-indent: -999em;

}



div.content ul.menueng li.item1 a {

	width: 58px;

	background: url(../images/sprite.png) 0 0 no-repeat;

}

div.content ul.menueng li.item1 a:hover {

	width: 58px;

	background: url(../images/sprite.png) 0 -50px no-repeat;

}



div.content ul.menueng li.item2 a {

	width: 70px;

	background: url(../images/sprite.png) -58px 0 no-repeat;

}

div.content ul.menueng li.item2 a:hover {

	width: 70px;

	background: url(../images/sprite.png) -58px -50px no-repeat;

}



div.content ul.menueng li.item3 a {

	width: 90px;

	background: url(../images/sprite.png) -128px 0 no-repeat;

}

div.content ul.menueng li.item3 a:hover {

	width: 90px;

	background: url(../images/sprite.png) -128px -50px no-repeat;

}



div.content ul.menueng li.item4 a {

	width: 91px;

	background: url(../images/sprite.png) -218px 0 no-repeat;

}

div.content ul.menueng li.item4 a:hover {

	width: 91px;

	background: url(../images/sprite.png) -218px -50px no-repeat;

}



div.content ul.menueng li.item5 a {

	width: 94px;

	background: url(../images/sprite.png) -309px 0 no-repeat;

}

body.Opleidingen div.content ul.menueng li.item5 a,

div.content ul.menueng li.item5 a:hover {

	width: 94px;

	background: url(../images/sprite.png) -309px -50px no-repeat;

}



div.content ul.menueng li.item6 a {

	width: 90px;

	background: url(../images/sprite.png) -403px 0 no-repeat;

}

body.Vacatures div.content ul.menueng li.item6 a,

body.WerkenBij div.content ul.menueng li.item6 a,

div.content ul.menueng li.item6 a:hover {

	width: 90px;

	background: url(../images/sprite.png) -403px -50px no-repeat;

}

div.content ul.menueng li.item7 a {

	width: 446px;

	background: url(../images/sprite.png) -600px 0 no-repeat;

}

div.content ul.menueng li.item7 a:hover {

	width: 446px;

	background: url(../images/sprite.png) -600px -50px no-repeat;

}

div.content ul.menueng li.item8 a {

	width: 35px;

	background: url(../images/sprite.png) -493px 0 no-repeat;

}

div.content ul.menueng li.item8 a:hover {

	width: 35px;

	background: url(../images/sprite.png) -493px -50px no-repeat;

}

div.content ul.menueng li.item9 a {

	width: 35px;

	background: url(../images/sprite.png) -528px 0 no-repeat;

}

div.content ul.menueng li.item9 a:hover {

	width: 35px;

	background: url(../images/sprite.png) -528px -50px no-repeat;

}

div.content ul.menueng li.item10 a {

	width: 34px;

	background: url(../images/sprite.png) -563px 0 no-repeat;

}

div.content ul.menueng li.item10 a:hover {

	width: 34px;

	background: url(../images/sprite.png) -563px -50px no-repeat;

}



/* end menu */



div.content div.column1 {

	float: left;

	width: 200px;

	min-height: 1em;

	margin-right: 30px;

}



/* start menu2 */

div.content div.menu2 {

	margin-bottom: 15px;

	min-height: 1em;

	padding: 19px 14px;

	overflow-x: hidden;

	background: #A7A8A8 url(../images/menu2-background.png) 0 0 repeat-x;

}

* html div.content div.menu2 {

	height: 1em;

	width: 172px;

}



div.content div.menu2 *.headingMenu2 {

	padding-bottom: 10px;

	color: #fff;

	font-size: 1.1em;

	font-weight: bold;

}



div.content div.menu2 li {

	float: left;

	display: block;

	width: 100%;

	padding: 0 0 3px 18px;

	background: url(../images/sprite.png) -650px -947px

}

div.content div.menu2 li a {

	color: #fff !important

}



div.content div.menu2 li li {

	padding: 0;

	background: none;

}



div.content div.menu2 li.parent a {

	font-weight: bold;

}



div.content div.menu2 li.parent li a {

	font-weight: normal;

}



div.content div.menu2 li.active a {

	font-weight: bold;

	color: #0060AD !important;

}

/* end menu2 */



div.content div.block {

	min-height: 1em;

	margin-bottom: 15px;

	border: 1px solid #E3E5E5;

	background-color: #F6F6F6;

}



/* start direct contact */

div.content div.directContact {

	position: relative;

	height: 184px;

	background: #F6F6F6 url(../images/directContact-background.jpg)

}



div.content div.directContact td {

	vertical-align: top;

}



div.content div.directContact *.heading {

	position: absolute;

	top: 18px;

	left: 12px;

}



div.content div.directContact ol {

	position: absolute;

	top: 104px;

	left: 13px;

	padding: 2px 5px 2px 0;

	background: url(../Images/opacity09.png);

}



div.content div.directContact ol li {

	padding: 0 0 1px 0;

	font-weight: bold;

	background: none;

}

/* end direct contact */



/* start nieuws */

div.content div.nieuws {

	padding: 17px 15px 15px 15px;

}



div.content div.nieuws .heading {

	padding-bottom: 8px;

	font-size: 1.2em;

}



div.content div.nieuws span.text {

	display: block;

	padding-bottom: 2px

}



div.content div.nieuws ul li {

	padding: 0 0 13px 0;

	background: none;

}



div.content div.nieuws a.seeAll {

	color: #0060AD;

}

/* end nieuws */



/* start contact */

div.content div.contact {

	padding: 17px 15px 2px 15px;

}



div.content div.contact .heading {

	padding-bottom: 8px;

	font-size: 1.2em;

}



div.content div.contact table {

	margin: 1em 0 1em 0;

}



div.content div.contact table td.firstColumn {

	padding-right: 10px;

}



/* end contact */



div.content div.column2 {

	float: left;

	width: 386px;

	min-height: 1em;

	margin-right: 26px;

	padding: 16px 26px;

	overflow: hidden;

}



div.content div.column2 div.corner {

	margin-top: -24px;

	margin-left: -45px;

}



div.content div.column2 *.heading3 {

	padding-bottom: 17px;

	color: #0060A9 !important;

	font-size: 1.5em;

	font-weight: bold;

}



div.content div.column2 fieldset.submit {

	padding-bottom: 1.5em;

}



div.content div.column3 {

	float: left;

	width: 253px;

	min-height: 1em;

}

div.content div.column4 {

	float: left;

	width: 650px;

	min-height: 1em;

	margin-right: 26px;

	padding: 16px 26px;

	overflow: hidden;

	border: 1px solid #E3E5E5;

	background-color: #F6F6F6;

}

div.content div.column5 {

	float: left;

	width: 150px;

	min-height: 1em;

	margin-right: 26px;

	padding: 16px 26px;

	overflow: hidden;

	border: 1px solid #E3E5E5;

	background-color: #F6F6F6;

}



/* start zoek */

div.content div.zoek {

	position: relative;

	height: 32px;

}



div.content div.zoek *.heading {

	position: absolute;

	top: 8px;

	left: 26px;

}



div.content div.zoek input.keyword {

	position: absolute;

	top: 7px;

	left: 77px;

	width: 144px;

}



div.content div.zoek input.submit {

	position: absolute;

	top: 10px;

	left: 230px;

}

/* end zoek */



/* start nieuwsbrief */

div.content div.nieuwsbrief {

	position: relative;

	min-height: 1em;

	padding-bottom: 7px;

}

* html div.content div.nieuwsbrief {

	height: 1em;

}



div.content div.nieuwsbrief *.heading {

	position: absolute;

	top: 8px;

	left: 26px;

}



div.content div.nieuwsbrief *.headingError {

	color:Red;

	padding: 5px 15px 0 25px;

	font-weight:bold;

}



div.content div.nieuwsbrief div.nieuwsbriefContentError {

	color:Red;

	min-height: 1em;

	padding: 0px 15px 0 25px;

}

* html div.content div.nieuwsbrief div.nieuwsbriefContentError {

	height: 1em;

	padding: 0 15px 0px 25px;

	position: relative;

}



div.content div.nieuwsbrief div.nieuwsbriefContent {

	min-height: 1em;

	padding: 33px 15px 0 25px;

}

* html div.content div.nieuwsbrief div.nieuwsbriefContent {

	height: 1em;

	padding: 0 15px 33px 25px;

	position: relative;

	top: 33px;

}



div.content div.nieuwsbrief input.text {

	width: 143px !important;

}



div.content div.nieuwsbrief label {

	width: 43px;

}



div.content div.nieuwsbrief label span {

	left: 43px;

}



div.content div.nieuwsbrief fieldset.submit input {

	width: 165px;

	margin-left: 52px;

}



div.content div.nieuwsbrief input.submit {

	border: none;

	color: #A4224B;

	font-size: 1em;

	font-weight: bold;

	text-align: left;

	padding-left: 20px;

	background: transparent url(../images/arrow-right.png) 0 3px no-repeat;

}

/* end nieuwsbrief */



/* start login */

div.content div.login {

	position: relative;

	height: 32px;

}



div.content div.login *.heading {

	position: absolute;

	top: 8px;

	left: 26px;

	height: 32px;

}



div.content div.login div.linkHolder {

	position: absolute;

	top: 8px;

	left: 77px;

}



div.content div.login div.linkHolder a {

	font-weight: bold;

}

/* end login */



div.footer {

	position: absolute;

	left: -16px;

	width: 1013px;

	height: 27px;

	color: #fff;

	overflow: hidden;

	background: #004B86 url(../images/footer-background.png) center top no-repeat;

}



div.footer div {

	position: absolute;

	top: 5px;

	font-size: 0.9em;

}



div.footer div {

	position: absolute;

	top: 5px;

	font-size: 0.9em;

}



div.footer div.column1 {

	left: 32px;

	z-index:1;

}



div.footer div.column2 {

	left: 32px;

	right: 32px;

	text-align: center;

}

* html div.footer div.column2 {

	width: 95%;

}



div.footer div.column3 {

	right: 32px;

}



div.footer span {

	padding: 0 3px;

	color: #0060A9;

}



div.footer a {

	color: #fff !important;

}



/*

 * END MAIN CONTAINERS

 */













/*

 * BEGIN GENERAL STYLES

 */



div.safeBox {

	min-height: 1em;

}

* html div.safeBox {

	height: 1em;

}



ul.semantic li {

	padding: 0;

	background: none

}



*.heading {

	color: #0062B0;

	font-weight: bold;

	font-size: 1.2em;

	font-family: "Trebuchet MS", Helvetica, sans-serif

}



*.heading2 {

	color: #000000;

	font-weight: bold;

}

*.heading2 * {

	color: #000000 !important;

	font-weight: bold;

}



*.heading3 {

	line-height: 1.2em;

	font-family: "Trebuchet MS", Helvetica, sans-serif

}

*.heading3 * {

	line-height: 1.15em;

}



a.fancyLink {

	padding: 0 0 0 18px;

	background: url(../images/sprite.png) -650px -950px;

}



a.fancyLink2 {

	margin: 0 15px 0 0;

	padding: 0 18px 0 0;

	background: url(../images/arrow-right.png) right top no-repeat;

}



div.content div.fancyLink {

	padding: 8px 0 40px 0;

}



a.print {

	float: left;

	margin-top: 7px;

	padding: 5px 0 5px 21px;

	color: #0060AD;

	background: url(../images/sprite.png) -700px -900px;

}



.clear {

	width: 100%;

	height: 0;

	overflow: hidden;

	clear: both;

}



/*

 * END GENERAL STYLES

 */













/*

 * BEGIN FORM STYLES

 */



span.mandatory {

	display: block;

	padding-bottom: 1.5em;

}



input.text,

textarea.text {

	border: 1px solid #A9A9A9;

	border-bottom: 1px solid #DDDDDD;

	border-right: 1px solid #DDDDDD;

	padding: 2px 0 2px 0;

	font-size: 1em;

}

*:first-child+html input.text {

	height: 17px;

	padding: 0 0 0 0;

	line-height: 1.6em;

}

* html div.content input.text {

	height: 17px;

	padding: 0 0 0 0;

	line-height: 1.6em;

}



label {

	cursor: pointer;

}







*.defaultFormHolder div.formCheckFeedback {

	margin-bottom: 1.5em;

}



*.defaultFormHolder div.formCheckFeedback li {

	background: url(../images/formCheckFeedback-li-background.gif) 0 0.7em no-repeat;

}





*.defaultFormHolder {

	min-height: 1em;

}

* html *.defaultFormHolder {

	height: 1em;

}



*.defaultFormHolder fieldset {

	position: relative;

	float: left;

	clear: both;

	width: 100%;

	padding: 0;

	border: 0;

}

* html *.defaultFormHolder fieldset {

	position: relative;

	margin-top: 0.6em;

}



*.defaultFormHolder legend {

	font-weight: bold;

}

* html *.defaultFormHolder legend {

	position: relative;

	left: -7px;

	top: -0.75em;

}



*.defaultFormHolder fieldset ol {

	padding: 0;

	margin: 0;

	list-style: none;

}



*.defaultFormHolder fieldset ol ol {

	float: left;

	margin: 0;

	padding: 0;

}



*.defaultFormHolder fieldset li li {

	padding: 0;

}



*.defaultFormHolder fieldset li {

	width: 100%;

	float: left;

	clear: left;

	padding: 0 0 1px 0;

	background: none;

}



*.defaultFormHolder fieldset.submit {

	margin-top: 0.2em;

}



*.defaultFormHolder label,

*.defaultFormHolder span.label {

	display: block;

	position: relative;

	float: left;

	width: 150px;

	margin-right: 1em;

	padding-top: 4px;

}



*.defaultFormHolder label span,

*.defaultFormHolder span.label span {

	position: absolute;

	left: 150px;

}



*.defaultFormHolder ol ol label {

	display: inline;

	position: static ;

	float: none;

	width: auto;

	margin-right: auto;

}



*.defaultFormHolder input.text,

*.defaultFormHolder textarea {

	width: 200px;

}



*.defaultFormHolder textarea {

	height: 100px;

}



*.defaultFormHolder *.radio td {

	padding-right: 5px;

}



*.defaultFormHolder *.radio td,

*.defaultFormHolder *.radio td * {

	vertical-align: middle;

}



*.defaultFormHolder *.radio td input {

	margin: 5px 5px 0 0;

}

*:first-child+html *.defaultFormHolder *.radio td input {

	margin: 0;

}

* html *.defaultFormHolder *.radio td input {

	margin: 0;

}



*.defaultFormHolder li.checkbox input {

	float: left;

}

*.defaultFormHolder li.checkbox label {

	width: auto;

}





/* fix for IE7 and lower */

*:first-child+html .defaultFormHolder input[type="radio"],

*:first-child+html .defaultFormHolder input[type="checkbox"] {

	margin-left: -2px;

}

* html .defaultFormHolder .radio,

* html .defaultFormHolder .checkbox {

	margin-left: -2px;

}



/*

 * END FORM STYLES

 */













/*

 * BEGIN PAGINAMANAGER STYLES

 */



img[align="left"] {

	margin: 4px 10px 0 0;

}

img.imgAlignLeft {

	margin: 4px 10px 0 0;

}

img[align="right"] {

	margin: 4px 0 0 10px;

}

img.imgAlignRight {

	margin: 4px 0 0 10px;

}



div.paginaManager ul {

	margin-bottom: 1.5em;

}



/*

 * END PAGINAMANAGER STYLES

 */













/*

 * BEGIN PAGER STYLES

 */



div.pager {

	padding-right: 14px;

	text-align: right;

}



div.pager a {

	padding: 0 5px;

	color: #000;

}



div.pager a.pagingArrowBack {

	padding: 0 5px 0 0;

}



div.pager a.pagingArrowForward {

	padding: 0 0 0 5px;

}



div.pager a.de-activated {

	color: #B1B5B7 !important;

}



div.pager a:hover {

	color: #A4224B;

	text-decoration: underline;

}



div.pager a.active {

	color: #A4224B;

	font-weight: bold;

}



/*

 * END PAGER STYLES

 */













/*

 * BEGIN SITEMAP STYLES

 */



ul.sitemap {

	margin-left: -10px;

}



ul.sitemap ul {

	padding-top: 0.2em;

	margin-bottom: 1em;

}



ul.sitemap li {

	font-weight: bold;

	background: none;

}



ul.sitemap li li {

	padding-left: 20px;

	font-weight: normal;

	background: url(../images/li-background.gif) 10px 0.8em no-repeat;

}



ul.sitemap li a {

	color:#000000;

}



ul.sitemap li li a {

	color:#000000;

}



ul.sitemap li {

	line-height: 1.25em

}



/*

 * END SITEMAP STYLES

 */













/*

 * BEGIN PAGE STYLES

 */



body.Nieuws div.content ul.articles li {

	float: left;

	display: block;

	width: 100%;

	min-height: 1em;

	padding: 0 0 28px 0;

	background: none;

}



body.Nieuws div.content ul.articles span.column1 {

	float: left;

	display: block;

	width: 56px;

	padding-right: 10px;

}



body.Nieuws div.content ul.articles span.column1 span.date {

	display: block;

	padding-bottom: 5px;

	color: #0062B0;

}



body.Nieuws div.content ul.articles span.column2 {

	float: left;

	display: block;

	width: 320px;

}



body.Nieuws div.content ul.articles span.column2 span.text {

	display: block;

	min-height: 2.8em;

}



body.Nieuws div.content div.pager {

	float: right;

}



.itemThumbSmall {

	width:49px;

	height:37px;

}







body.NieuwsDetail div.content span.articleDate {

	float: left;

	width: 66px;

	color: #0062B0;

}



body.NieuwsDetail div.content span.heading3 {

	float: left;

	width: 324px;

}



body.NieuwsDetail div.content div.articleDetails {

	min-height: 1em;

	padding-bottom: 1.5em;

}







body.Opleidingen ul.opleidingen {

	margin-top:1.5em;

}



body.Opleidingen ul.opleidingen li {

	clear: both;

	width: 100%;

	min-height: 1em;

	padding:3px 0px 5px 0px;

	background:none;

}



body.Opleidingen ul.opleidingen .datum {

	display:block;

	float:left;

	margin:0px 13px 0px 0px;

	width:38px;

	height:44px;

	padding:2px 0px 0px 0px;

	border: 1px solid #E3E5E5;

	text-align:center;

	background:#fff;

}



body.Opleidingen ul.opleidingen .datum .dag {

	color: #0061A6;

	font: bold 24px/24px Verdana, Geneva, sans-serif;;

}



body.Opleidingen ul.opleidingen .datum .maand {

	color: #0061A6;

	font: normal 14px/14px Verdana, Geneva, sans-serif;

}



body.Opleidingen ul.opleidingen span.about {

	display:block;

	float:left;

}



body.Opleidingen ul.opleidingen .locatie {

	display:block;

	margin:3px 0px 0px;

	font-weight:bold;

}



body.Opleidingen ul.opleidingen .locatie * {

	color: #000 !important;

}



body.Opleidingen ul.opleidingen .last {

	border:0px;

}







body.OpleidingenDetail div.content div.image {

	float: right;

	margin: 0 0 5px 10px;

}



body.OpleidingenDetail div.content div.image span {

	display: block;

	font-style: italic;

	text-align: right;

}







body.OpleidingenInschrijven *.defaultFormHolder input.text,

body.OpleidingenInschrijven *.defaultFormHolder textarea {

	width: 220px;

}

* html body.OpleidingenInschrijven *.defaultFormHolder input.text,

* html body.OpleidingenInschrijven *.defaultFormHolder textarea {

	width: 210px;

}



body.OpleidingenInschrijven *.defaultFormHolder legend {

	margin: 1em 0 0 -0.7em;

}



body.OpleidingenInschrijven *.defaultFormHolder li.checkbox label {

	width: 230px;

}



body.OpleidingenInschrijven *.defaultFormHolder textarea.wide {

	width: 98%;

}



body.OpleidingenInschrijven *.defaultFormHolder fieldset.submit input {

	margin: 0;

}







body.Vacatures div.content ul.vacatures li {

	float: left;

	display: block;

	width: 49.8%;

	min-height: 1em;

	padding: 0 0 28px 0;

	background: none;

}



body.Vacatures div.content ul.vacatures span.column1 {

	float: left;

	display: block;

	width: 56px;

	padding-right: 10px;

}



body.Vacatures div.content ul.vacatures span.column1 span.date {

	display: block;

	padding-bottom: 5px;

	color: #0062B0;

}



body.Vacatures div.content ul.vacatures span.column2 {

	float: left;

	display: block;

	width: 320px;

}



body.Vacatures div.content ul.vacatures span.column2 span.text {

	display: block;

	min-height: 2.8em;

}



body.Vacatures div.content div.pager {

	float: right;

}







body.Zoeken div.content *.heading2 {

	padding-bottom: 2em;

}



body.Zoeken div.content ul.zoeken li {

	padding-bottom: 1em;

}





.itemInhoud h1.heading3 {

	padding:0px !important;

}



.itemInhoud .itemImage {

	float:left;

	padding:0px 5px 5px 0px;

}

/*

 * END PAGE STYLES

 */













/*

 * BEGIN HACK

 */



*.defaultFormHolder:after,

body.Opleidingen ul.opleidingen li:after,

body.NieuwsDetail div.content div.articleDetails:after,

body.Nieuws div.content ul.articles li:after,

div.content div.block:after,

div.content div.menu2:after,

div.content div.column1:after,

div.content div.column2:after,

div.content div.column3:after,

div.content:after,

div.containerMain:after,

div.safeBox:after {

	content:"";

	display:block;

	height:0;

	clear:both;

}



/*

 * END HACK

 */











/*

 * BEGIN PRINT STYLES

 */



@media print {





	ul.menu1,

	div.flashText,

	div.flashGyroscope,

	div.content div.column1,

	div.content div.column3,

	a.print {

		display: none;

	}

	

	div.content div.column2 {

		width: auto;

		margin: 0;

	}

	

	/*

	body {

		font-size: 0.75em !important;

	}

	*/



	body,

	div.bodyDiv {

		background: none;

	}



	div.column3 {

		padding-top: 0 !important;

	}



	div.header {

		height: 100px;

	}



	div.footer {

		color: #000 !important;

		background: none;

	}



	div.content {

		padding-top: 0;

	}



	img.logo {

		position: absolute;

		top: 0;

		left: 20px;

		display: block;

	}



}



/*

 * END PRINT STYLES

 */

