﻿/*
 * TABLE OF CONTENTS:
 * - Browser reset
 * - HTML elements
 * - Generic content styles
 * - Main containers
 * - General styles   (styles that are not confined to a specific container)
 * - Control 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
 */

@font-face {  
	font-family: HelveticaNeueBoldCondensed;
	src: url(/Files/HelveticaNeue.ttf);
}





/*
 * HTML ELEMENTS
 */

* {
	line-height: 1.6em;
}

html {
	font-size: 100%;
}

body {
	font-size: 0.562em !important;
	background: #fff url(/Images/Estate/body-background.png);
}

body,
input,
select,
textarea {
	color: #000;
	font-family: Verdana, Geneva, sans-serif;
}

a:link,
a:hover,
a:active,
a:visited {
	color: #EA7125;
	text-decoration: none;
}
a:hover,
a:focus {
	text-decoration: underline;
}

p {
	margin: 0 0 1.4em 0;
}

ul,
ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul li {
	padding: 0 0 0 15px;
}

*.genericContent ul li {
	background: url(/images/li-background.gif) 5px 0.8em no-repeat;
}

ol {
	padding: 0 0 0 40px;
	list-style: decimal;
}

/*
 * END HTML ELEMENTS
 */






/*
 * BEGIN GENERIC CONTENT STYLES
 */

body.Style1 *.genericContent {
	color: #50749E;
}

*.genericContent h1 {
	padding-bottom: 20px;
    color: #ea7125;
    font-size: 3.8em;
    line-height: 1.15em;
    font-family: HelveticaNeueBoldCondensed, "Arial narrow";
}
*:first-child+html *.genericContent h1 {
	font-weight: bold;
}
* html *.genericContent h1 {
	font-weight: bold;
}

*.genericContent h2 {
    color: #ea7125;
    font-size: 3.8em;
    line-height: 1.15em;
    font-family: HelveticaNeueBoldCondensed, "Arial narrow";
}
*:first-child+html *.genericContent h2 {
	font-weight: bold;
}
* html *.genericContent h2 {
	font-weight: bold;
}

*.genericContent h3 {
    color: #ea7125 !important;
    font-family: HelveticaNeueBoldCondensed, "Arial narrow" !important;
    font-size: 1.6em !important;
    line-height: 1.15em !important;
    font-weight: bold !important;
}

*.genericContent h4 {
	color: #002147;
	font-weight: bold;
}
h4.sf_eventTitle 
{
    margin: 0 !important;
    float: left;
    font-size: 1em !important;
}
h4.sf_eventTitle a
{
    color: #002147 !important;
    font-weight: bold !important;
    text-decoration: none;
}
h4.sf_eventTitle a:hover
{
    text-decoration: underline;
}
h4.sf_eventPriod {
    float: right;
}
*.sf_eventReset {
    float: none;
}
*.sf_contentCity 
{
    clear: both;
    margin: 0;
    width: 100%;
    height: 0;
    overflow: hidden;
}

*.genericContent h5 {
	font-weight: bold;
}

*.genericContent h6 {
}


*.genericContent img[align="left"] {
	margin: 4px 10px 0 0;
}

*.genericContent img[align="right"] {
	margin: 4px 0 0 10px;
}



*.genericContent h1 + p,
*.genericContent h2 + p,
*.genericContent h3 + p,
*.genericContent h5 + p,
*.genericContent h6 + p {
	margin-top: 1.4em;
}


/*
 * END GENERIC CONTENT STYLES
 */

 
 
 
 
 
/*
 * BEGIN MAIN CONTAINERS
 */

div.containerMain {
	position: relative;
	margin: 0 auto 0 auto;
	width: 849px;
	min-height: 1em;
}
* html div.containerMain {
	height: 1em;
}

div.frame {
	position: relative;
	margin-top: 125px;
	width: 849px;
	height: 626px;
	background: url(/Images/Estate/Sprite.png) -450px 0 no-repeat;
}

div.breadcrumb {
    margin: 0px 0px 25px 0px;
	color: #9c9e9f;
    font-size: 9px;
    font-weight: bold;
}
div.breadcrumb a:link,
div.breadcrumb a:active,
div.breadcrumb a:visited {
	color: #9c9e9f;
	text-decoration: none;
}
div.breadcrumb a:hover {
	color: #9c9e9f;
	text-decoration: underline;
}
div.breadcrumb span {
	color: #9c9e9f;
}

div.kolomLinks {
    float: left;
    width: 97px;
}

div.kolomRechts {
    float: left;
    width: 303px;
}

div.footer {
    position: absolute;
    width: 815px;
    top: 621px;
    right: 34px;
    width: 280px;
    font-size: 9px;
    text-align: right;
}
div.footer a:link,
div.footer a:active,
div.footer a:visited {
	color: #9c9e9f;
	text-decoration: none;
}
div.footer a:hover {
	color: #9c9e9f;
	text-decoration: underline;
}

a.logo {
	position: absolute;
	bottom: 50px;
	right: 40px;
}



div.menu1 {
	position: absolute;
	right: 40px;
	top: 57px;
	width: 180px;
	height: 350px;
	overflow: hidden;
	text-transform: lowercase;
}

div.menu1 *.RadTabStrip	* {
	color: #000
}

div.menu1 .RadTabStrip .rtsLink {
    text-align: left;
}

div.menu1 .RadTabStrip .rtsLevel1 .rtsTxt,
div.menu1 .RadTabStrip .rtsIn {
    padding: 0px;
}

div.menu1 *.RadTabStrip	ul {
	width: 100%;
	border-top: 1px solid #BAB8B8;
}

div.menu1 *.RadTabStrip	li {
	width: 100%;
}
div.menu1 *.RadTabStrip	li a {
	width: 100%;
	min-height: 17px;
	padding: 0;
	padding-left: 3px;
	border-bottom: 1px solid #BAB8B8;
	text-decoration: none !important;
}
div.menu1 *.RadTabStrip	li a:hover {
	text-decoration: underline !important;
}
* html div.menu1 *.RadTabStrip	li a {
	height: 17px;
}
div.menu1 *.RadTabStrip	li a.rtsSelected {
	background: #D9DBDC;
}

div.containerMain div.menu1 ul.jobs_MenuList {
	width: 100%;
    margin: 18px 0px 0px 0px;
}
div.containerMain div.menu1 ul.jobs_MenuList li.jobs_MenuListHeader {
	width: 100%;
    font-weight: bold;
}
div.containerMain div.menu1 ul.jobs_MenuList li.jobs_MenuListFooter {
	width: 100%;
    font-weight: bold;
}
div.containerMain div.menu1 ul.jobs_MenuList li {
	width: 100%;
	min-height: 17px;
	padding: 0;
	padding-left: 3px;
	border-bottom: 1px solid #BAB8B8;
	text-decoration: none !important;
}
div.containerMain div.menu1 ul.jobs_MenuList li a:link, 
div.containerMain div.menu1 ul.jobs_MenuList li a:active, 
div.containerMain div.menu1 ul.jobs_MenuList li a:visited {
    text-decoration: none;
    color: #000;
}
div.containerMain div.menu1 ul.jobs_MenuList li a:hover {
	text-decoration: underline !important;
}
div.containerMain div.menu1 ul.jobs_MenuList li a {
	padding: 0px 5px 0px 0px;
	float: left;
}
* html div.containerMain div.menu1 ul.jobs_MenuList li a {
	height: 17px;
}


ul.sectionLinks {
	position: relative;
	left: 35px;
	top: 44px;
}

ul.sectionLinks li {
	float: left;
	height: 359px;
	padding: 0;
	overflow: hidden;
	min-height: 1em;
}

ul.sectionLinks li a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999em;
	background-image: url(/Images/Estate/Sprite-people.jpg);
	background-repeat: no-repeat;
}

ul.sectionLinks li.item1 {
	width: 104px;
}
ul.sectionLinks li.item1 a {
	background-position: 0 0;
}
ul.sectionLinks li.item1 a:hover {
	background-position: 0 -359px;
}

ul.sectionLinks li.item2 {
	width: 120px;
}
ul.sectionLinks li.item2 a {
	background-position: -104px 0;
}
ul.sectionLinks li.item2 a:hover {
	background-position: -104px -359px;
}

ul.sectionLinks li.item3 {
	width: 92px;
}
ul.sectionLinks li.item3 a {
	background-position: -223px 0;
}
ul.sectionLinks li.item3 a:hover {
	background-position: -223px -359px;
}

ul.sectionLinks li.item4 {
	width: 120px;
}
ul.sectionLinks li.item4 a {
	background-position: -315px 0;
}
ul.sectionLinks li.item4 a:hover {
	background-position: -315px -359px;
}

ul.jobs_StandardList {
    margin: 10px 0px 0px 0px;
    
}
ul.jobs_StandardList li {
	width: 100%;
	min-height: 17px;
	padding: 0;
	margin: 10px 0px 0px 0px;
	text-decoration: none !important;
	background: none;
}
ul.jobs_StandardList li a:link, 
ul.jobs_StandardList li a:active, 
ul.jobs_StandardList li a:visited {
	text-decoration: none;
    color: #002147;
}
ul.jobs_StandardList li a:hover {
    text-decoration: underline !important;
}
* html ul.jobs_StandardList li a {
	height: 17px;
}

ul.sectionLinks span {
	display: none;
	font-weight: bold;
	text-align: center;
}

ul.sectionLinksSmaller {
	margin-top: 1.5em;
	clear: both;
	height: auto;
}

ul.sectionLinksSmaller li {
	height: auto !important;
	text-align: center;
}

ul.sectionLinksSmaller li span {
	color: #002147;
}



div.main {
	margin-bottom: 15px;
}




div.categorieVisual {
	position: absolute;
	z-index: 100;
	top: 210px;
	left: -120px;
	width: 100px;
	height: 256px;
}

div.categorieVisual * {
	position: relative !important;
}



#divPopupBackground {
	display: none;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 100;
	left: 0;
	top: 0;
	opacity: 0.25;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
	filter: alpha(opacity=25);
	background: #9C9E9F;
}
* html #divPopupBackground {
	position: absolute;
}

#divPopupWindow {
	display: none;
	position: absolute;
	top: 0;
	left: 15px;
	margin: 0 0 1em 0;
	padding: 20px;
	z-index: 101;
	width: 420px !important;
	background: #ffffff;
}
* html #divPopupWindow {
	width: 430px !important;
}

/*
 * END MAIN CONTAINERS
 */






/*
 * BEGIN GENERAL STYLES
 */

div.safeBox {
	min-height: 1em;
}
* html div.safeBox {
	height: 1em;
}

ul.semantic li {
	padding: 0;
	background: none
}

*.displayNone {
	display: none;
}

*.floatLeft {
	float: left;
}

*.clear {
	width: 100%;
	height: 0;
	overflow: hidden;
	clear: both;
}

*.map {
	display: block;
	overflow: hidden;
	background-color: #EFEBE2;
}

label {
	cursor: pointer;
}

/*
 * END GENERAL STYLES
 */






/*
 * BEGIN CONTROL STYLES
 */

.sf_contentComments {
	display: none !important;
}



.sf_contentAuthor {
    display: none;
}



.sf_pager * {
	padding: 0 !important;
	margin: 0 !important;
}

.sf_pager a {
	padding: 2px !important;
}

.sf_pager li {
	padding: 2px !important;
}



#JobsAccordion h5 + p {
	margin-top: 0;
}

#JobsAccordion h5 {
	cursor: pointer;
	display: block !important;
	margin-top: 1em;
}

/*
 * END CONTROL PAGE STYLES
 */






/*
 * BEGIN FORM CLASSES
 */

*.defaultFormHolder {
	min-height: 1em;
}

*.defaultFormHolder div.formCheckFeedback {
    margin-bottom: 1.4em;
}

*.defaultFormHolder fieldset {
	float: left;
	clear: both;
	width: 100%;
	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 5px 0;
	background: none;
}

*.defaultFormHolder fieldset.submit {
	margin-top: 0.5em;
}

*.defaultFormHolder fieldset.submit input {
	margin-left: 158px;
}

*.defaultFormHolder label,
*.defaultFormHolder span.label {
	display: block;
	position: relative;
	float: left;
	width: 150px;
	margin-right: 1em;
}

*.defaultFormHolder td label {
	position: static;
}

*.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 {
	font-size: 1em;
	width: 240px;
	height: 18px;
	line-height: 18px;
	padding: 0 5px 0 5px;
}

*.defaultFormHolder input[readonly="readonly"],
*.defaultFormHolder input[readOnly] {
	cursor: default;
	opacity: 0.50;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}

*.defaultFormHolder select {
	font-size: 1em;
	width: 254px !important;
	height: 18px;
	line-height: 18px;
}

*.defaultFormHolder select {
	font-size: 1em;
}

*.defaultFormHolder textarea {
	height: 8em;
}

*.defaultFormHolder li.checkbox input {
	float: left;
}
*.defaultFormHolder li.checkbox label {
	width: auto !important;
}

*.defaultFormHolder input[type="radio"],
*.defaultFormHolder input[type="checkbox"] {
	margin: 2px;
}
*:first-child + html .defaultFormHolder input[type="radio"],
*:first-child + html .defaultFormHolder input[type="checkbox"] {
	margin: 0 0 0 -2px;
}
* html .defaultFormHolder .radio,
* html .defaultFormHolder .checkbox {
	margin: 0 0 0 -2px;
}

/*
 * END FORM CLASSES
 */







/*
 * BEGIN PAGE STYLES
 */

body.Homepage div.content {
	position: absolute;
	top: 58px;
	left: 52px;
	width: 510px;
	height: 515px;
}

body.Homepage div.main {
	margin: 0 69px 0 0;
	width: 510px;
	height: 378px;
}

body.Homepage div.mouseover {
	margin: -10px 0 0 0;
	width: 510px;
	height: 40px;
	padding: 0;
	color: #EA7125;
	font-size: large;
	text-align: center;
}
body.Homepage div.mouseover div#Mouseover {
	display: none;
}

body.Homepage div.mouseoverHolder {
	height: 5em;
}

body.Homepage div.image {
	float: left;
	margin: -5px 15px 0 7px;
	width: 186px;
	height: 118px;
	text-align: right;
	font-size: 1.24em;
}

body.Homepage div.image * {
	line-height: 1em
}

body.Homepage div.text {
	float: left;
	margin: 4px 0 0 0;
	width: 270px;
	height: 128px;
	overflow: hidden;
}

body.Homepage div.visualAnimation {
	display: block;
	margin: 30px 0 0 -20px;
	width: 540px;
	height: 315px;
	overflow: hidden;
}

body.Homepage div.visualAnimation div#Animatie {
	height: 315px;
}

body.Homepage a.gaVerder {
	display: none;
	position: absolute;
	left: 235px;
	top: 340px;
	font-weight: bold;
}

body.Homepage *.genericContent {
	color: #002147;
}



body.Style1 div.content {
	position: absolute;
	top: 69px;
	left: 54px;
	width: 510px;
	height: 515px;
}

body.Style1 div.main {
	width: 502px;
	min-height: 0;
}
* html body.Style1 div.main {
	height: 0;
}

body.Style1 div.main div.innerMain1 {
	width: 438px;
	min-height: 0;
	padding: 0 32px 20px 32px;
}

body.Style1 .mainBorder div.innerMain1 {
	background: url(/Images/Estate/contentblock-background.png) no-repeat left bottom;
}
* html body.Style1 .mainBorder div.innerMain1 {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Estate/contentblock-background.png', sizingMethod='crop')
}

body.Style1 div.bottomShadow {
	display: none;
}
body.Style1 .mainBorder div.bottomShadow {
	display: block;
	clear: both;
	height: 22px;
	width: 100%;
	overflow: hidden;
	background: url(/Images/Estate/contentblock-background-bottom.png) no-repeat left bottom;
}
* html body.Style1 .mainBorder div.bottomShadow {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Estate/contentblock-background-bottom.png', sizingMethod='crop')
}

* html body.Style1 div.mainBorder div.innerMain2,
* html body.Style1 div.mainBorder div.breadcrumb,
* html body.Style1 div.mainBorder div.genericContent {
	position: relative;
}

div.hideLeft {
	position: absolute;
	top: 0;
	height: 536px;
	width: 32px;
	background: #fff
}

div.hideRight {
	position: absolute;
	top: 0;
	right: 0;
	height: 531px;
	width: 32px;
	background: #fff
}

/*body.Style1 div.mainBorder {
	border-bottom: 1px solid #9C9E9F;
}*/



body.Style1LeftColumnBroad div.kolomLinks {
	width: 121px;
}



*.sf_singleImageData {
	display: none;
}

*.sf_genericContent,
*.genericContent {
    margin: 0px 5px 0px 0px;
}



.applyform {
    position: absolute;
	width: 254px !important;
}

.applyform td label {
	display: inline;
	position: inherit;
	float: none;
	width: auto;
	margin-right: 0;
}

.applyform #CloseApplyForm {
	float: right;
}

#ApplyJob {
	font-weight: bold;
}

.applyform2 {
    width: 420px !important;
    background-color: #fff;
    left: 15px;
    margin: 0 0 1em 0;
    padding: 20px;
}

.printJob {
	float: right;
	font-style: italic;
}

/*
 * END PAGE STYLES
 */






/*
 * BEGIN HACK
 */

body.Style1 div.main div.innerMain1:after,
body.Style1 div.main div.innerMain2:after,
.defaultFormHolder:after,
div.containerMain div.menu1 ul.jobs_MenuList li:after,
body.Style1 div.main:after,
div.containerMain:after,
div.safeBox:after {
	content:"";
	display:block;
	height:0;
	clear:both;
}

/*
 * END HACK
 */






/*
 * BEGIN PRINT STYLES
 */

@media print {


	ul {
		padding: 0 0 0 20px;
	}

	ul li {
		padding: 0;
		list-style: disc;
		background: none;
	}
	
	div.menu1,
	div.footer {
		display: none;
	}
	
	div.frame {
		margin: 0 !important
	}

	div.content {
		top: 35px;
	}
	
	div.genericContent *.displayNone {
		display: block;
	}
	
	a.logo {
		top: 35px;
	}	

}

/*
 * END PRINT STYLES
 */
