/* CSS Document */

body, html {
	padding: 0px;
	margin: 0px;
}

body, td, th, div, input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

th {
	text-align:center;
}

body {
	text-align: center;
	background: #CFD7E6 url(../img/Background.jpg) repeat-x 0px 0px;
}

a, a:link, a:hover, a:active, a:visited{
	color:	#000000;
}

img {
	border: none;
}

h1 {
	margin: 0px 0px 5px 0px;
	font-size: 14px;
}

h2 {
	color: #4B4B4B;
	font-size: 11px;
	font-weight: normal;
	margin-top: -5px;
}

p {
	margin: 8px 0px 10px 0px;
}

#Container {
	text-align: left;
	width: 960px;
	height: 100%;
	background: url(../img/header/DefaultBlank.jpg) no-repeat 0px 0px;
	margin: 0px auto;
}

#Frame {
	width: 960px;
	height: 100%;
	background-repeat: no-repeat;
}

#Header, #HeaderWrapper {
	width: 960px;
	height: 273px;
}

#HeaderWrapper {
	position: absolute;
	top: 0px;
}

.HeaderContact { background-image: url(../img/header/Contact.jpg); }
.HeaderDienstverlening { background-image: url(../img/header/Dienstverlening.jpg); }
.HeaderFotoalbum{ background-image: url(../img/header/Fotoalbum.jpg); }
.HeaderHome { background-image: url(../img/header/Home.jpg); }
.HeaderInteger { background-image: url(../img/header/Integer.jpg); }
.HeaderNieuws { background-image: url(../img/header/Nieuws.jpg); }
.HeaderOnzemensen { background-image: url(../img/header/OnzeMensen.jpg); }
.HeaderWerkenbij { background-image: url(../img/header/WerkenBij.jpg); }

#Header #LogoWrapper {
	position: absolute;
	margin: 15px 0px 0px 21px;
}

#Content .ContentLeft {
	width: 21px;
	background: url(../img/BackgroundSideLeft.jpg) no-repeat 100% 40px;
}

#Content .ContentRight {
	width: 19px;
	background: url(../img/BackgroundSideRight.jpg) no-repeat 0px 40px;
}

#Content .ContentCenter {
	background-color: #FFFFFF;
	width: 920px;
	vertical-align: top;
}

#ContentWrapper {
	margin: 0px 15px 0px 15px;
	z-index: 30;
}

#ICTDrive {
	position: absolute;
	margin-left: 790px;
	cursor: pointer;
	z-index: 100;
	top:0px;
}
#ICTDrive h3.Title {
	font-size: 14px;
	margin-left: -2px;
}

html>/**/body #ICTDrive h3.Title {
	font-size: 14px;
	margin-left: 14px;
}

#ICTDriveBox {
	position: absolute;
	z-index: 90;
	width: 704px;
	background-color: #D0092A;
}

#ICTDriveBox .CloseButton {
	cursor: pointer;
}

#ICTDriveBox .Content {
	padding: 0px 24px 20px 24px;
}

#ICTDriveBox .Content, #ICTDriveBox .Content td, #ICTDriveBox .Content div {
	color: #FFFFFF;
}

#ICTDriveBox .Content .Details td {
	font-weight: bold;
}

#ICTDriveBox .Content input.text, #ICTDriveBox .Content textarea {
	background: url(../img/ictdrive/bgText.gif) no-repeat 0px 0px;
	border: 1px solid #000000;
}

#ICTDriveBox .Content input.text {
	width: 210px;
}

#ICTDriveBox .Content textarea {
	width: 275px;
	height: 80px;
}

#ICTDriveBox .Education {
	vertical-align: top;
}

#ICTDriveBox .Details {
	margin-top: 15px;
}

#ICTDriveBox .Details td {
	padding: 5px;
}

#ICTDriveBox .Checklist {
	margin: 10px 0px 20px 0px;
}

#ICTDriveBox .Checklist td {
	padding: 2px 4px;
}

#ICTDriveBox .Submit {
	background: url(../img/ictdrive/blArrow.gif) no-repeat 0px 50%;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	padding-left: 18px;
	text-transform: uppercase;
}

#MenuBackground {
	position: absolute;
	z-index: 4;
	background-color: #FFFFFF;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter:alpha(opacity=80);
}

#MenuListWrapper {
	margin-top: 70px;
	position: absolute;
	z-index: 5;
}

#MenuListWrapper ul {
	list-style-type: none;
	margin: 0px 0px 0px 35px;
	padding: 0px;
}

#MenuListWrapper ul li, #MenuListWrapper ul li a {
	float: left;
	height: 24px;
}

#MenuListWrapper ul li img {
	height: 24px;
}

#MenuListWrapper ul li .ExpandBlock {
	margin: 0;
	position: absolute;
	z-index: 2;
	margin-top: 10px;
	clear: left;
	width: 300px;
	height: 153px;
}

#MenuListWrapper ul li .ExpandBlock ul, .QuickTo ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#MenuListWrapper ul li .ExpandBlock ul li, .QuickTo ul li {
	float: none;
	padding: 0px;
	height: auto;
/*	margin: 10px 0px 10px 0px;*/
}

#MenuListWrapper ul li .ExpandBlock ul li a, .QuickTo ul li a {
	width: 100%;
	float: left;
	padding: 5px 4px 5px 0px;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	height: auto;
	background: url(../img/menu/bgLineSpacer.gif) no-repeat 14px 0px;
}

#MenuListWrapper ul li .ExpandBlock ul li a span, .QuickTo ul li a span  {
	background: url(../img/menu/blRed.gif) no-repeat 16px 5px;
	padding-left: 25px;
}

#MenuListWrapper ul li .ExpandBlock ul li.Closure, .QuickTo ul li.Closure {
	clear: left;
	background: url(../img/menu/bgLineSpacer.gif) no-repeat 14px 0px;
	font-size: 1px;
}

.QuickTo ul li, .QuickTo ul li a  {
	margin: 0px;
}

.QuickTo ul li a, .QuickTo ul li.Closure {
	background-position: 0px 0px;
}
 
.QuickTo ul li a span {
	background-position: 0px 5px;
	padding-left: 10px;
}

.PageImage {
	margin: 40px 15px 10px 10px;
	float: right;
}

* html .PageImage {
	margin: 50px 15px 10px 10px;
}

*+html .PageImage {
	margin: 50px 15px 10px 10px;
}

.SpotlightBoxes {
	float: right;
	padding-left: 20px; /* JO */
}

.SpecialtySpotlightBox {
	background: url(../img/bgSpecialtySpotlightBlock.gif) no-repeat 0px 0px;
	width: 282px;
	height: 153px;
	padding-bottom: 20px;
}

.SpecialtySpotlightBox marquee {
	width: 100%;
	height: 105px;
}

.VacancySpotlightBox {
	background: url(../img/bgVacancySpotlightBlock.gif) no-repeat 0px 0px;
	width: 282px;
	height: 235px;
}

.SpotlightBox .SpotlightBoxContentWrapper {
	padding: 25px;
}

.SpotlightBox ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.SpotlightBox ul li {
	margin-bottom: 20px;
}

.SpotlightBox ul li a {
	text-decoration: none;
}

.SpotlightBox ul li .title, .SpotlightBox ul li .lead {
	text-decoration: none;
	color: #000000;
	font-size: 12px;
}

.SpotlightBox ul li .title {
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-size: 14px;
}

.SpotlightBox .ReadMore, .PersonSpotlight a.ReadMore {
	background: url(../img/blRedArrow.gif) no-repeat 0px 50%;
	color: #FFFFFF;
	text-decoration: none;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: -7px;
	padding: 2px 0px 2px 17px;
}

.Offices {
	width: 290px;
	float: left;
}

.Offices .Office {
	margin-bottom: 10px;
}

.Offices .Office div {
	margin: 2px 0px;
}

.Offices .Office .title {
	font-weight: bold;
	font-size: 12px;
}

.Offices .Office .links a {
	background: url(../img/blRed.gif) no-repeat 0px 50%;
	padding-left: 7px;
	color: #000000;
	text-decoration: none;
	margin-right: 5px;
}

.QuickTo {
	float: left;
	width: 290px;
}

.PersonSpotlight {
	width: 582px;
	height: 229px;
	background: url(../img/people/bgSpotlight.gif) no-repeat 0px 50%;
	margin-bottom: 10px;
}

.PersonSpotlight .Foto {
	position: absolute;
	margin: -29px 0px 0px 350px;
}

.PersonSpotlight .PersonSpotlightContentWrapper {
	padding: 20px;
}

.PersonSpotlight .Quote, .PersonQuote .Quote, .MorePeople .Quote, .PersonSmall .Quote, h3  {
	font-size: 15px;
	font-weight: bold;
	margin: 0px 0px 2px 0px;
}

h3{
	padding-bottom: 5px;
}
.PersonSpotlight a, .PersonSpotlight div a {
	color: #000000;
	text-decoration: none;
}

.PersonSpotlight a.ReadMore, .MorePeople a.ReadMore, .PersonSmall a.ReadMore, .Cafe a.ReadMore, .SmallItem div a.ReadMore {
	background: url(../img/blRedArrowLight.gif) no-repeat 0px 50%;
	color: #313131;
	text-decoration: none;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: -7px;
	padding: 2px 0px 2px 17px;
}

.Department {
	width: 290px;
	float: left;
}

.Department h4 {
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	color: #003596;
	margin: 0px 0px 10px 0px;
}

.person {
	margin-bottom: 14px;
}

.person a, .person div a, .MorePeople a, .MorePeople div a, .PersonSmall a, .PersonSmall div a {
	color: #000000;
	text-decoration: none;
}

.person .name {
	font-weight: bold;
	font-size: 12px;
}

.PersonQuote {
	background: url(../img/people/bgDetailQuote.gif) no-repeat 0px 0px;
	height:112px;
	margin-top: 20px;
	width: 582px;
}

.PersonContentWrapper {
	padding: 15px;
}

.PersonQuote .Foto {
	position: absolute;
	margin: -13px 0px 0px 465px;
}

.PersonDetail {
	background: url(../img/people/bgDetailDetail.gif) no-repeat 0px 0px;	
	height:389px;
	margin: 20px 0px 15px 0px;
	width: 582px;
}

.PersonSmall {
	background: url(../img/people/bgSmall.gif) repeat-x 1px 0px;
	width: 293px;
	height: 156px;
	margin-bottom: 10px;
}

.PersonSmall .Foto {
	position: absolute;
	margin: -6px 0px 0px 154px;
}

.MorePeopleStart {
	background: url(../img/people/bgMoreStart.gif) repeat-x 1px 0px;
}

.MorePeople {
	background: url(../img/people/bgMoreBg.gif) repeat-y 1px 0px;
	width: 293px;
}

.MorePeople .MorePeopleStretch {
	height: 233px;
	float: right;
}

.BackLink {
	background: url(../img/blBackArrow.gif) no-repeat 0px 50%;
	color: #313131;
	text-decoration: none;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: -7px;
	padding: 2px 0px 2px 17px;
}

.Indent {
	margin-left: 15px;
}

.PeopleBar {
	float: left;
	width: 290px;
}

.Cafe {
	float: right;
	width: 275px;
	height: 484px;
	background: url(../img/people/bgCafe.gif) no-repeat 0px 0px;
	margin: 0px 12px 0px 0px;
}

.Cafe .Reserveer {
	position: absolute;
	margin: -22px 0px 0px 175px;
	height: 120px;
	width: 120px;
}

.SmallItem {
	width: 283px;
	height: 130px;
	background: url(../img/bgSmallItem.gif) no-repeat 0px 0px;
	float: left;
	/* JO margin: 0px 15px 10px 0px; */
	margin: 0px 10px 10px 0px;
}

.SmallItemContentWrapper {
	padding: 15px;	
}

.SmallItem div a {
	text-decoration: none;
	color: #000000;
}

.SmallItem .title, .SmallItem .lead {
	text-decoration: none;
	color: #000000;
	font-size: 12px;
}

.SmallItem .title {
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 5px;
	font-size: 14px;
}

.SmallItem .Foto {
	float: right;
	margin: 5px;
}

.VacancyDetail {
	width: 582px;
	height: 492px;
	background: url(../img/bgVacancyDetail.gif) no-repeat 0px 0px;
}

.VacancyDetailContentWrapper {
	padding: 20px;
}

.VacancyDetail div h3, .NewsDetail div h3 {
	text-transform: uppercase;
}

.VacancyDetail div .Action {
	background: url(../img/blRedArrowLight.gif) no-repeat 0px 50%;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	margin-top: -7px;
	padding: 2px 0px 2px 17px;
	color: #000000;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.NewsFoto {
	width: 200px;
	height: 394px;
	float: right;
	background: url(../img/bgNewsImage.gif) no-repeat 0px 0px;
	text-align: center;
	margin: -25px 20px 0px 0px;
	padding-top: 15px;
	display:inline;
}

.BottomFade {
	background: url(../img/bgBottomFade.gif) no-repeat -19px 0px;
	height: 24px;
}

/* 09 09 2008 JO */
.btnBack{
	background:			url(../img/blBackArrow.gif) no-repeat;
	padding-left:		20px;
	margin-top:			15px;
}

.btnMore{
	background:			url(../img/blRedArrowLight.gif) no-repeat;
	padding-left:		20px;
	margin-top:			15px;
}

.btnBack a, .btnMore a{
	text-decoration:	none;
	color:				#000000;
}


/* REFERENCE PAGE */
.referenceBlock_small .firstColumn{ 
	padding-left:		15px;
}

.referenceBlock_small{
	width:				585px;
	background:			url(../img/bgReference.gif) no-repeat 0px 0px;
	margin-top:			10px;
	margin-bottom:		10px;
}
.referenceBlock_small .tableFooter{

	background:			url(../img/bgReference_bottom.gif) no-repeat 0px 0px;
	height:				26px;
	padding:			0px;
}

.referenceBlock_small img.thumb{
	float:				right;
	margin-right:		15px;
	margin-top:			15px;
}

.referenceBlock_small th{
	font-weight:		bold;
	font-size:			14px;
	padding-top:		10px;
	height:				20px;
	text-align:			left;
}
.referenceBlock_small .leesverder{
	height:				20px;
	padding:			10px 0px 0px 15px;
}

.referenceBlock_small a{
	text-decoration:	none;
	color:				#000000;
}
/* FORM PAGE */
.formTable {
	width:				585px;
}

.formTable .txtContent input.input, .formTable .txtContent textarea {
	background:			url(../img/bgText_form.gif) no-repeat -1px -1px;
	border:				1px solid #000000;
}

.formTable .txtContent input.input {
	width:				210px;
}

.formTable textarea {
	width: 				275px;
	height:				80px;
}
/*PHOTO ALBUM, ALBUM-OVERVIEW*/
.albumItem{
	width:				286px;
}
.albumImageRow{
	background:			url(../img/album/bg_album.gif) no-repeat;
}

.albumImage{
	text-align:			center;
	padding-top:		22px;
}

.albumTitle{
	font-weight:		bold;
	text-transform:		uppercase;
	height:				44px;
	background:			url(../img/album/bg_album_bottom.gif) no-repeat;
	padding-left:		26px;
}

.albumLink{
	text-decoration:	none;
	color:				#000000;
	font-size:			12px;
	font-weight:		bold;
}

/* PHOTO ALBUM, PHOTO-OVERVIEW */
.photoListing{
	width:				585px;
}
.photoListing h2{
	font-weight:		bold;
	margin-top:			0px;
	font-size:			larger;
}

.photoItem{
	width:				190px;
	text-align:			center;
}

.photoContainer{
	background:			url(../img/album/bg_photo.gif) no-repeat;
	padding-top:		16px;	
}

.photoBottom{
	background:			url(../img/album/bg_photo_bottom.gif) no-repeat;
	height:				16px;
}

.photoDetail{
	width:				600px;
	margin:				auto;
}

.photoDetail .image{
	text-align:			center;
}

.photoDetail .prevLink{
	text-align:			right;
	width:				50%;
	padding-right:		10px;	
}

.photoDetail .nextLink{
	text-align:			left;
	width:				50%;
	padding-left:		10px;
}

.photoDetail .prevLink a{
	background:			url(../img/blBackArrow.gif) no-repeat;
	background-position:left;
	padding-left:		20px;
}

.photoDetail .nextLink a{
	background:			url(../img/blRedArrowLight.gif) no-repeat;
	background-position:right;
	padding-right:		20px;
}

.photoDetail a{
	text-decoration:	none;
	color:				#000000;
	font-size:			larger;
}

div.btnMore span.submit{
	font-weight:		bold;
	font-size:			14px;
	margin-left:		-10px;
}
#ICTDrive
{
	text-decoration: none;
}
#ICTDrive .Title
{
	margin-top:60px;
	margin-left:5px;
	width:140px;
	color:#FFFFFF;
	font-size:20px;	
	text-decoration: none;
}
#ICTDrive .Image
{
	position:absolute;
	width:177px;
	height:180px;
	text-align:center;
}

span.ipsis-tag img
{
	position: relative;
	top: 2px;
}  


span.ipsis-tag
{
	padding-left:20px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-size: 11px; color: #676767; font-weight: normal;
}

span.ipsis-tag a
{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-size: 11px; color: #676767; font-weight: normal; text-decoration: underline;
}
