body {
margin: 0px;
padding: 0px;
background-color: white;
}
p {
margin: 0px;
padding: 0px;
}
.body2 {
background-image: url(../images/bgSub_empty.jpg);
background-repeat:no-repeat;
background-position: center 23px; 
}
#bg {
background-image: url(../images/bg.gif);
background-position: center -195px; 
background-repeat: no-repeat;
}
#bgSub_empty {
background-image: url(../images/bgSub_empty.jpg);
background-position: center 23px; 
background-repeat: no-repeat;
}
.linkSun {
padding-left: 132px;
padding-top: 10px;
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
}
.linkSun a {
font-weight: bold;
color: #000;
text-decoration:none;
}
.linkSun a:hover {
text-decoration: underline;
}
.txtSun a {
text-decoration:none;
display: block;
height: 155px;
}
#bgSub_01 {
background-image: url(../images/bgSub_01.jpg);
background-position: center 23px; 
background-repeat: no-repeat;
}
#bgSub_clean {
background-position: center 23px; 
background-repeat: no-repeat;
}
.topIctTop {
width: 109px;
height: 70px;
position:absolute;
margin-top: -18px;
margin-left: 550px;
z-index: 2;

}
.topIctBottom {
width: 120px;
height: 77px;
position:absolute;
z-index: 2;
margin-left: 170px;
margin-top: -70px;
}
#container {
width: 946px;
height: 584px;
margin-left: auto;
margin-right: auto;
}
.topMenu {
height: 21px;
line-height: 21px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color: white;
padding-right: 10px;
text-align:right;
background-color: #fbb848;
font-weight: bold;
}
.topMenu a {
text-decoration: none;
color: white;
}
.topMenu a:hover {
text-decoration: underline;
}
.topSearch {
float: right;
height: 29px;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size: 10px;
color: #646464;
font-weight:bold;
}
.search {
font-weight: bold;
height: 29px;
line-height: 29px;
float: left;
}
.searchInput {
margin-left: 10px;
margin-right: 5px;
border: 1px solid #b8b8b8;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
color: #646464;
padding: 1px;
height: 13px;
width: 125px;
}
.searchPut {
padding-top: 6px;
float: left;
}
.searchBtn {
margin-right: 10px;
float: left;
height: 15px;
padding-top: 7px;
margin-bottom: 7px;
}
.highlightedSearch {
color: #FBB848;
}
.blueHeader {
clear: both;
background-color: #94bed4;
height: 21px;
}
.logo {
background-image:url(../images/logo.gif);
background-repeat:no-repeat;
width: 145px;
height: 145px;
position: relative;
margin-left: 27px;
margin-top: -61px;
}
.homeImage {
margin-top: -69px;
position:relative;
background-image:url(../images/mainImage.jpg);
background-repeat:no-repeat;
background-position:right top;
width: 703px;
border: 1px solid #0279a6;
height: 261px;
float: right;
}
.homeImage2 {
margin-top: -67px;
position:relative;
background-image:url(../images/mainImage2.jpg);
background-repeat:no-repeat;
background-position:left top;
width: 703px;
height: 261px;
float: right;
}
.homeImageTxt2 {
height: 164px;
color: white;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 12px;
font-weight: bold;
margin-left: 10px;
margin-top: 10px;
width: 300px;
}
.homeImageTxt {
color: white;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 12px;
font-weight: bold;
margin-left: 10px;
margin-top: 10px;
width: 300px;
}
.leftMenu {
margin-top: 38px;
position:relative;
float: left;
width: 225px;
}
.leftMenu a {
height: 25px;
line-height: 25px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #0279a6;
display: block;
text-decoration:none;
border-bottom: 1px dotted #4b4e99;
background-image:url(../images/arrowMenu.gif);
background-position:right center;
background-repeat:no-repeat;
}
.leftMenu a:hover {
color: #df9800;
background-image:url(../images/arrowMenu_active.gif);
background-position:right center;
background-repeat:no-repeat;
}
.leftSubmenu {
position:relative;
height: 25px;
width: 225px;
}
.leftSubmenu a {
height: 25px;
line-height: 25px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
padding-left: 15px;
color: #0279a6;
display: block;
text-decoration:none;
border-bottom: 1px dotted #4b4e99;
background-image:url(../images/arrowMenu.gif);
background-position:right center;
background-repeat:no-repeat;
}
.leftSubmenu a:hover {
color: #df9800;
background-image:url(../images/arrowMenu_active.gif);
background-position:right center;
background-repeat:no-repeat;
}
.leftSubSubmenu {
position:relative;
height: 25px;
width: 225px;
}
.leftSubSubmenu a {
background-image:none;
height: 25px;
line-height: 25px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
padding-left: 35px;
color: #0279a6;
display: block;
text-decoration:none;
border-bottom: 1px dotted #4b4e99;
}
.leftSubSubmenu a:hover {
background-image:none;
color: #df9800;
}
.newsBlock {
float: left;
background-image:url(../images/newsBg.jpg);
background-repeat:no-repeat;
background-position: left 50px;
margin-top: 10px;
position: relative;
clear: both;
float: left;
width: 306px;
height: 204px;
background-color: #faa61a;
}
.newsBlock .txt {
padding-left: 132px;
padding-right: 4px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
}
.newsBlock .txt a {
color: #fff;
}
.newsTitle {
background-image:url(../images/nieuwsTitle.gif);
width: 46px;
height: 9px;
background-repeat:no-repeat;
margin-top: 11px;
margin-left: 20px;
}
.newsContent {
margin-top: 16px;
margin-left: 139px;
color: #333333;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
width: 150px;
line-height: 12px;
}
.flash {
margin-top: 6px;
margin-left: 125px;
color: #333333;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
width: 150px;
line-height: 12px;
}
.newsMore {
text-align:right;
font-style:italic;
}
.newsMore a {
color: #333333;
text-decoration:none;
}
.newsMore a:hover {
color: #333333;
text-decoration:underline;
}
.solutionsBlock {
background-image:url(../images/blockBg.jpg);
background-repeat:repeat-x;
float: left;
margin-top: 10px;
position: relative;
float: left;
margin-left: 14px;
width: 304px;
height: 202px;
border: 1px solid #faa61a;
}
.sylisBlock {
background-image:url(../images/blockBg.jpg);
background-repeat:repeat-x;
float: left;
margin-top: 10px;
position: relative;
float: left;
margin-left: 14px;
width: 304px;
height: 202px;
border: 1px solid #faa61a;
}
.bottomMenu {
width: 946px;
margin-left: auto;
margin-right: auto;
clear: both;
font-family:"Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
font-size: 10px;
color: #4c93b8;
text-align:right;
}
.bottomMenu a {
color: #4c93b8;
text-decoration:none;
}
.bottomMenu a:hover {
color: #4c93b8;
text-decoration:underline;
}
.solutionsTitle {
background-image:url(../images/oplossingenTitle.gif);
width: 100px;
height: 9px;
background-repeat:no-repeat;
margin-top: 11px;
margin-left: 10px;
}
.sylisTitle {
background-image:url(../images/werkenbijsylisTitle.gif);
width: 106px;
height: 9px;
background-repeat:no-repeat;
margin-top: 11px;
margin-left: 10px;
}
.solutionsImg {
margin-top: 10px;
background-image:url(../images/solutionsImg.jpg);
background-repeat:no-repeat;
width: 284px;
height: 95px;
margin-left: 10px;
}
.sylisImg {
margin-top: 10px;
background-image: url(../images/werkenbijsylisImg.jpg);
background-repeat:no-repeat;
width: 284px;
height: 95px;
margin-left: 10px;
}
.solutionsContent {
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color: #0179a7;
}
.solutionsContent a {
color: #0179a7;
text-decoration:underline;
width: 132px;
float: left;
margin-left: 10px;
height: 16px;
line-height: 16px;
}
.solutionsContent a:hover {
text-decoration: none;
}
.sylisContent {
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color: #0179a7;
}
.sylisContent a {
color: #0179a7;
text-decoration:underline;
width: 132px;
margin-left: 10px;
height: 16px;
line-height: 16px;
}
.sylisContent a:hover {
text-decoration: none;
}



.crumpath {
margin-left: 257px;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
color: black;
height: 21px;
line-height: 21px;
}
.crumpath a {
text-decoration: underline;
color: black;
}
.crumpath a:hover {
text-decoration: none;
color: black;
}
.pageOverflow {
overflow: auto;
margin-top: -69px;
position:relative;
width: 703px;
height: 491px;
float: right;
}
.pageTitle {
height: 30px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-transform:uppercase;
color: #017aa7;
padding-left: 14px;
float: left;
margin-top: 20px;
}
.icons {
padding-right: 50px;
margin-top: 10px;
height: 40px;
float: right;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: regular;
}
.icons a {
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: regular;
color: #000000;
}
.sunLogo {
float: right;
background-image:url(../images/sunLogo.jpg);
background-repeat:no-repeat;
height: 30px;
margin-right: 20px;
margin-top: 10px;
width: 68px;
}
.commvaultLogo {
float: right;
background-image:url(../images/commvaultLogo.jpg);
background-repeat:no-repeat;
height: 32px;
margin-right: 20px;
margin-top: 10px;
width: 214px;
}
.pdf {
float: left;
width: 17px;
height: 25px;
}
.pdf a {
text-decoration:none;
display: block;
height: 25px;
background-image:url(../images/pdf.gif);
background-repeat:no-repeat;
}
.pdf a:hover {
text-decoration:none;
background-image:url(../images/pdf_active.gif);
background-repeat:no-repeat;
}
.print {
margin-left: 15px;
float: left;
width: 27px;
height: 25px;
}
.print a {
text-decoration:none;
display: block;
height: 25px;
background-image:url(../images/print.gif);
background-repeat:no-repeat;
background-position:bottom;
}
.print a:hover {
text-decoration:none;
background-image:url(../images/print_active.gif);
background-repeat:no-repeat;
background-position:bottom;
}


.pageContent {
clear: both;
text-align: justify;
margin-right: 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: black;
margin-left: 14px;
line-height: 18px;
}

.crumbPath2 {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #017aa7;
margin-left: 14px;
clear: both;
}
.crumbPath2 a {
text-decoration: none;
color: #017aa7;
}
.crumbPath2 a:hover {
text-decoration: underline;
color: #017aa7;
}

.partnerBlock{
	display:block;
	height:163px;
	width:282px;
	border:1px solid #eaebcb;
	background-color:#FFFFFF;
	float:left;
	margin-top:40px;
	padding-top:20px;
	padding-left:20px;
}
.partnerBlock2{
	display:block;
	height:163px;
	width:282px;
	border:1px solid #eaebcb;
	background-color:#FFFFFF;
	float:left;
	margin-top:40px;
	margin-left:38px;
	padding-top:20px;
	padding-left:20px;
}

.partnerBlockBg{
	display:block;
	width:644px;
	border:1px solid #eaebcb;
	background-color:#FFFFFF;
	float:left;
}
.partnerBlockBgContent {
	width:382px;
	padding-left:20px;
	margin-top:20px;
	float:left;}
	
	
.partnersBlockRight {
float: right;
width:224px;
}	
.partnerBlockBgImage{
	width:224px;
	height: 168px;
	float:right;
	}

.pb_title{
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	color:#393939;
	}
.pb_brandPict{
	width:102px;
	height:102px;
	border:1px solid #eaebcb;
	background-color:#FFFFFF;
	float:left;
	
	}
.pb_brandPict_u{
	margin-top:60px;
	width:102px;
	height:102px;
	margin-left:14px;
	border:1px solid #eaebcb;
	background-color:#FFFFFF;
	float:left;
	}
.pb_brandPict_u2{
	margin-top:60px;
	width:102px;
	height:102px;
	margin-left:31px;
	border:1px solid #eaebcb;
	background-color:#FFFFFF;
	float:left;
	}
	.pb_brandPict_u3{
	margin-top:60px;
	width:102px;
	height:102px;
	margin-left:33px;
	border:1px solid #eaebcb;
	background-color:#FFFFFF;
	float:left;
	}
.partnerBlockRight{
	margin-top:40px;
	padding-left:100px;
	
	}
	
#partnerList{
	font-size: 10px;
	list-style:none;
	color: #0279a6;
	font-weight:bold;
	 }
	
li {
	 border-bottom: 1px solid #eaebcb;
	 text-transform:uppercase;
}
li a {
color: #0279a6;
text-decoration: none;
}
li a:hover {
color: #bc9b00;
text-decoration: none;
}
#partnerList2 {
	clear: both;
	font-size: 10px;
	list-style:none;
	color: #0279a6;
	font-weight:bold;
	text-indent: 50px;
}
.partnerBlockTitle {
margin-bottom: 26px;
	font-size: 13px;
	font-weight: bold;
	text-transform:uppercase;
}
.faq_title01 {
width: 330px;
font-weight: bold;
background-image:url(../images/faqArrow.jpg);
	background-repeat:no-repeat;
	background-position: 320px;
	font-size: 10px;
	border-top: 1px solid #edc168;
	background-color: #fef5ee;
	height: 20px;
	line-height: 20px;
}
.faq_title01 a, .faq_title02 a {
padding-left: 5px;
display: block;
color: #0179a7;
text-decoration: none;
}
.faq_title01 a:hover, .faq_title02 a:hover {
text-decoration: none;
}
.faq_title02 {
width: 330px;
font-weight: bold;
background-image:url(../images/faqArrow.jpg);
	background-repeat:no-repeat;
	background-position: 320px;
	font-size: 10px;
	border-top: 1px solid #edc168;
	background-color: #ffffff;
	height: 20px;
	line-height: 20px;
}


.faq_title01_active {
width: 330px;
font-weight: bold;
background-image:url(../images/faqArrow2.jpg);
	background-repeat:no-repeat;
	background-position: 320px;
	font-size: 10px;
	border-top: 1px solid #edc168;
	background-color: #fef5ee;
	height: 20px;
	line-height: 20px;
}
.faq_title01_active a, .faq_title02_active a {
padding-left: 5px;
display: block;
color: #0179a7;
text-decoration: none;
}
.faq_title01_active a:hover, .faq_title02_active a:hover {
text-decoration: none;
}
.faq_title02_active {
width: 330px;
font-weight: bold;
background-image:url(../images/faqArrow2.jpg);
	background-repeat:no-repeat;
	background-position: 320px;
	font-size: 10px;
	border-top: 1px solid #edc168;
	background-color: #ffffff;
	height: 20px;
	line-height: 20px;
}


.faq_titleLine {
width: 330px;
	border-top: 1px solid #edc168;
}
.faq_content {
width: 320px;
border-top: 1px solid #edc168;
padding-left: 5px;
padding-right: 5px;
font-size: 10px;
line-height: 16px;
}
.downloadEmailaddress {
padding-left: 20px;
padding-right: 20px;
color: #0179a7;
font-weight: bold;
font-size: 10px;
background-color: #fcf7eb;
border-top: 1px solid #edc168;
border-bottom: 1px solid #edc168;
}
.emailaddress {
margin-top: 12px;
height: 20px;
line-height: 20px;
padding-left: 20px;
font-weight: bold;
float: left;
}
.emailaddressInput {
float: right;
margin-top: 12px;
}
.emailaddressInputBox {
width: 200px;
font-size: 11px;
padding: 2px;
border: 1px solid #edc168;
}
.emailaddressSubmit {
float: right;
margin-top: 10px;
}
.downloadBtn {
background-image:url(../images/download.jpg);
background-repeat:no-repeat;
width: 126px;
height: 22px;
line-height: 22px;
font-size: 10px;
font-weight: bold;
text-transform:uppercase;
border: 0px;
}

.download_title01 {
width: 340px;
font-weight: bold;
background-image:url(../images/emailbox.gif);
	background-repeat:no-repeat;
	background-position: 315px;
	font-size: 10px;
	border-top: 1px solid #edc168;
	background-color: #fef5ee;
	height: 20px;
	line-height: 20px;
}
.download_title01 a, .download_title02 a {
padding-left: 5px;
display: block;
color: #0179a7;
text-decoration: none;
}
.download_title01 a:hover, .download_title02 a:hover {
text-decoration: none;
}
.download_title02 {
width: 340px;
font-weight: bold;
background-image:url(../images/emailbox.gif);
	background-repeat:no-repeat;
	background-position: 315px;
	font-size: 10px;
	border-top: 1px solid #edc168;
	background-color: #ffffff;
	height: 20px;
	line-height: 20px;
}
.download_titleLine {
	width: 340px;
	border-top: 1px solid #edc168;
}

/* ---------- REFERENTIES Laag 1 ---------- */

.referentiesBlock {
height: 181px;
width: 290px;
border: 1px solid #eaebcb;
float: left;
margin-right: 25px;
background-image:url(../images/referenceBg.gif);
background-repeat:repeat-x;
margin-bottom: 20px;
}
.referentiesleft {
width: 179px;
float: left;
}
.referentiesright {
float: right;
}
.referentiesLogo {
width: 100px;
background-color: white;
margin-top: 9px;
margin-right: 9px;
height: 100px;
border: 1px solid #edd994;
}
.referentiesMore {
margin-top: 40px;
font-style:italic;
text-align:right;
margin-right: 9px;
}
.referentiesMore a {
text-decoration: none;
color: black;
}
.referentiesMore a:hover {
text-decoration: underline;
color: black;
}
.referentiesTitle {
font-weight: bold;
color: #0777a9;
margin-left: 9px;
margin-top: 9px;
font-size: 12px;
}
.referentiesTxt {
color: black;
margin-left: 9px;
margin-right: 9px;
text-align: left;
}

/* ---------- REFERENTIES Laag 2 ---------- */

.referentieTitle {
font-size: 11px;
text-indent: 5px;
font-weight: bold;
color: #0777a9;
float: left;
border-top: 1px solid #fdb748;
border-bottom: 1px solid #fdb748;
width: 500px;
height: 20px;
line-height: 21px;
}
.downloadBrochure {
font-weight: bold;
text-transform:uppercase;
color: #333333;
font-size: 10px;
height: 20px;
line-height: 21px;
border-top: 1px solid #fdb748;
border-bottom: 1px solid #fdb748;
float: left;
width: 130px;
text-align:right;
padding-right: 10px;
}
.referenceLeft {
float: left;
padding-left: 5px;
width: 344px;
padding-top: 20px;
padding-right: 40px;
}
.referenceLeft a {
font-style:italic;
text-decoration: none;
color: black;
}
.referenceLeft a:hover {
font-style:italic;
text-decoration: underline;
color: black;
}
.referenceRight {
float: left;
}
.referenceLogo {
margin-top: 20px;
background-color: #fbe9c5;
border: 1px solid #f8ba4b;
width: 249px;
height: 76px;
}
.clientTxt {
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
background-color: #cadee9;
border: 1px solid #7bbecf;
width: 229px;

font-size: 10px;
line-height: 16px;
font-weight:normal;
}
.clientaboutSylis {
margin-left: 10px;
color: #0777a9;
font-weight: bold;
margin-top: 15px;
}
.clientTxt strong {
	font-size: 11px;
	font-weight: bold;
}
.solutionsClient {
color: #0777a9;
font-weight: bold;
margin-left: 10px;
margin-top: 15px;
}
.solution01 {
width: 240px;
background-image: url(../images/arrowSolution.jpg);
background-position: 235px;
background-repeat:no-repeat;
border-top: #95bed0 1px solid;
padding-left: 10px;
height: 20px;
line-height: 20px;
background-color: #fdf7eb;
}
.solution01 a, .solution02 a {
display: block;
text-decoration: none;
color: black;
}
.solution01 a:hover, .solution02 a:hover {
text-decoration: underline;
color: black;
}

.solution02 {
width: 240px;
background-image: url(../images/arrowSolution.jpg);
background-position: 235px;
background-repeat:no-repeat;
border-top: #95bed0 1px solid;
padding-left: 10px;
height: 20px;
line-height: 20px;
}
.solutionLine {
border-top: #95bed0 1px solid;
}


/* ---------- REFERENTIES Laag 1 ---------- */

.talentLeft {
	float: left;
	width: 350px;
}
.talentLeft a {
color: #0379a7;
font-weight: bold;
text-decoration: underline;
}
.talentLeft a:hover {
text-decoration: none;
}
.talentRight {
	float: left;
}
.interviewForm {
color: #0379a7;
font-weight: bold;
clear: both;
padding-top: 40px;
}
.interviewFormInput {
margin-top: 4px;
margin-bottom: 4px;
width: 150px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 2px;
border: 1px solid #f0d69b;
}
.interviewFormInput2 {
margin-top: 4px;
margin-bottom: 4px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 2px;
border: 1px solid #f0d69b;
}
.interviewSubmit {
margin-left: 30px;
background-image:url(../images/submit.jpg);
width: 126px;
height: 22px;
line-height: 22px;
border: 0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-transform:uppercase;
}

/* ---------- REFERENTIES Laag 2 ---------- */

.usernameTitle {
font-weight: bold;
height: 20px;
line-height: 20px;
float: left;
width: 110px;
}
.passwordTitle {
font-weight: bold;
height: 20px;
line-height: 20px;
float: left;
width: 110px;
}
.username {
padding: 2px;
font-size: 11px;
width: 150px;
border: 1px solid #edd79e;
}
.password {
padding: 2px;
font-size: 11px;
border: 1px solid #edd79e;
width: 150px;
}
.inputLogin {
margin-bottom: 10px;
}
.inloggen {
background-image:url(../images/download.jpg);
background-repeat:no-repeat;
width: 126px;
height: 22px;
line-height: 22px;
font-size: 10px;
font-weight: bold;
text-transform:uppercase;
border: 0px;
margin-left: 140px;
}
.noAccount {
margin-top: 40px;
}
.noAccount a {
color: black;
text-decoration: underline;
}
.noAccount a:hover {
color: black;
text-decoration: none;
}

/* ---------- REFERENTIES Laag 3 ---------- */

.uitloggen {
font-size: 10px;
color: #333333;
}
.uitloggen a {
color: #333333;
text-decoration:none;
}
.uitloggen a:hover {
text-decoration: underline;
}
.medewerker {
padding: 2px;
font-size: 10px;
width: 200px;
border: 1px solid #edd79e;
}
.medewerkerTxt {
font-family:Arial, Helvetica, sans-serif;
margin-top: 10px;
padding: 2px;
font-size: 11px;
width: 300px;
border: 1px solid #edd79e;
}
.medewerkerBtn {
margin-top: 5px;
margin-left: 180px;
}

/* ---------- REFERENTIES Laag 4 ---------- */

.photogalleryItem {
width: 33%;
font-size: 10px;
line-height: 14px;
height: 159px;
float: left;
}
.photogalleryTxt {
width: 150px;
font-size: 10px;
line-height: 14px;
}
.photogalleryItem img {
margin-bottom: 4px;
}

/* ---------- REFERENTIES Laag 4 ---------- */

.talentSearch {
border: 1px solid #efd797;
padding: 2px;
font-size: 11px;
width: 125px;
}
.talentSearchBtn {
text-transform:uppercase;
background-image:url(../images/talentSearchBtn.jpg);
background-repeat:no-repeat;
height: 17px;
width: 64px;
font-size: 10px;
font-weight: bold;
color: black;
border: 0px;
margin-left: 4px;
}
.headerTalent {
width: 660px;
background-color: #fba51a;
height: 16px;
line-height: 16px;
}
.headerTalentTitle {
font-size: 10px;
line-height: 18px;
font-weight: bold;
text-transform:uppercase;
margin-left: 5px;
margin-right: 10px;
}
.talentTxt {
background-color:#FFFFFF;
padding-left: 5px;
border-bottom: 1px solid #95bed2;
height: 19px;
line-height: 19px;
}

/* ---------- ZOEKEN ---------- */

.searchResults {
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
font-style:italic;
}
.searchLine {
clear: both;
height: 22px;
width: 639px;
border-bottom: 1px solid #017ba4;
}
.searchLine2 {
background-color: white;
background-color: #ffffff;
clear: both;
width: 639px;
height: 1px;
padding-top: 20px;
font-size: 1px;
border-bottom: 1px solid #fbb748;
}
.searchItemTitle {
padding-top: 10px;
padding-left: 10px;
background-color: white;
font-weight: bold;
color: #0379a7;
padding-right: 10px;
width: 619px;
}
.searchItemTitle a, .searchItemTxt a {
color: #0379a7;
text-decoration:none;
}
.searchItemTitle a:hover, .searchItemTxt a:hover {
color: #0379a7;
text-decoration: underline;
}
.searchItemTxt {
padding-left: 10px;
line-height: 14px;
background-color: white;
padding-right: 10px;
width: 619px;
}
.talentTxtName {
background-color:#FFFFFF;
font-size: 10px;
padding-left: 5px;
border-bottom: 1px solid #95bed2;
color: #0379a7;
font-weight: bold;
}
.talentTxtName a {
color: #0379a7;
font-weight: bold;
text-decoration:none;
}
.talentTxtName a:hover {
color: #0379a7;
font-weight: bold;
text-decoration: underline;
}



/* ---------- Beschikbaar talent ---------- */


.talentName {
float: left;
width: 478px;
height: 16px;
color: white;
font-weight: bold;
text-transform:uppercase;
line-height: 16px;
background-color: #fba51a;
padding-left: 5px;
}
.talentTxt2Title {
float: left;
width: 478px;
height: 16px;
color: white;
font-weight: bold;
text-transform:uppercase;
line-height: 16px;
background-color: #fba51a;
padding-left: 5px;
}
.talentCvTxt {
float: left;
margin-left: 10px;
width: 146px;
height: 16px;
color: white;
font-weight: bold;
text-transform:uppercase;
text-align:center;
line-height: 16px;
background-color: #fba51a;
}
.interesse {
background-image:url(../images/enveloppe.gif);
background-repeat:no-repeat;
background-position: 10px center;
float: left;
margin-left: 10px;
width: 146px;
height: 16px;
text-indent: 38px;
color: white;
font-weight: bold;
text-transform:uppercase;
line-height: 16px;
background-color: #0379a7;
}
.interesse a {
color: white;
text-decoration: none;
display: block;
}
.interesse a:hover {
background-image:url(../images/enveloppe.gif);
background-repeat:no-repeat;
background-position: 10px center;
color: white;
background-color: #94bed4;
text-decoration: none;
display: block;
}
.talentInfo {
height: 125px;
padding-left: 5px;
float: left;
}
.talentCvIcons {
float: right;
text-align: center;
}
.talentCvIcons img {
margin-top: 40px;
padding-right: 60px;
}

.functionTitle {
margin-top: 5px;
width: 75px;
float: left;
}
.expertiseTitle {
width: 75px;
height: 20px;
float: left;
}
.function {
margin-top: 5px;
height: 20px;
float: left;
}
.expertise {
float: left;
width: 400px;
}
.talentContent {
width: 338px;
float: left;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
}
.pasfoto {
padding-top: 5px;
width: 130px;
float: left;
text-align:center;
}

/* ---------- CONTACT ---------- */

.address01 {
float: left;
width: 210px;
}
.address02 {
width: 210px;
float: left;
}
.route {
float: left;
}
.route a {
background-color: #58b0d4;
border: 1px solid #0478a7;
display: block;
width: 90px;
height: 20px;
line-height: 20px;
text-align:center;
text-decoration:none;
color: white;
font-weight: bold;
}
.route a:hover {
background-color: #f9b747;
}
.contactInfo {
clear: both;
padding-top: 50px;
}
.contactTitle {
width: 120px;
padding-right: 10px;
font-size: 11px;
height: 20px;
line-height: 14px;
}
.contactInput {
padding: 2px;
font-size: 11px;
width: 180px;
margin-top: 5px;
margin-bottom: 5px;
border: 1px solid #edd79e;
}
.contactInput2 {
padding: 2px;
font-size: 11px;
width: 275px;
margin-left: 20px;
margin-top: 5px;
margin-bottom: 5px;
border: 1px solid #edd79e;
}
.contactTitle2 {
padding-left: 20px;
font-size: 11px;
height: 20px;
line-height: 14px;
}

/* ---------- FAQ LAAG1 ---------- */

.faq_01 {
background-image: url(../images/faqArrowCat.jpg);
background-repeat:no-repeat;
background-position: 370px;
height: 20px;
line-height: 20px;
width: 390px;
border-top: 1px solid #fcb644;
background-color:white;
text-indent: 10px;
}
.faq_01 a, .faq_02 a {
display: block;
color: black;
text-decoration:none;
font-weight: bold;
}
.faq_02 {
background-image: url(../images/faqArrowCat.jpg);
background-repeat:no-repeat;
background-position: 370px;
text-indent: 10px;
border-top: 1px solid #fcb644;
height: 20px;
line-height: 20px;
width: 390px;
background-color:#e7ece6;
}
.faqLine {
width: 390px;
border-top: 1px solid #fcb644;
}

/* ---------- FAQ LAAG2 ---------- */

.faq2_01 {
background-image: url(../images/faqArrow1.jpg);
background-repeat:no-repeat;
background-position: 620px;
height: 20px;
line-height: 20px;
width: 640px;
border-top: 1px solid #fcb644;
background-color:white;
text-indent: 10px;
}
.faq2_01 a, .faq2_02 a {
display: block;
color: black;
text-decoration:none;
font-weight: bold;
}
.faq2_02 {
background-image: url(../images/faqArrow1.jpg);
background-repeat:no-repeat;
background-position: 620px;
text-indent: 10px;
border-top: 1px solid #fcb644;
height: 20px;
line-height: 20px;
width: 640px;
background-color:#e7ece6;
}
.faq2_01active {
background-image: url(../images/faqArrow2.jpg);
background-repeat:no-repeat;
background-position: 620px;
height: 20px;
line-height: 20px;
width: 640px;
border-top: 1px solid #fcb644;
background-color:white;
text-indent: 10px;
}
.faq2_01active a, .faq2_02active a {
display: block;
color: black;
text-decoration:none;
font-weight: bold;
}
.faq2_02active {
background-image: url(../images/faqArrow2.jpg);
background-repeat:no-repeat;
background-position: 620px;
text-indent: 10px;
border-top: 1px solid #fcb644;
height: 20px;
line-height: 20px;
width: 640px;
background-color:#e7ece6;
}
.faq2_content {
border-top: 1px solid #fcb644;
padding-left: 10px;
padding-right: 10px;
width: 620px;
font-size: 11px;
line-height: 18px;
padding-top: 2px;
margin-bottom: 2px;
}
.faq2Line {
width: 640px;
border-top: 1px solid #fcb644;
}
.submenu a {
color: black;
text-decoration:none;
}
.submenu a:hover {
color: black;
text-decoration:underline;
}

/* ---------- NIEUWS LAAG1 ---------- */

.newsItem01 {
height: 86px;
border-top: 1px solid #fcb948;
width: 640px;
clear: both;
background-color: #ffffff;
}
.newsItem02 {
height: 86px;
clear: both;
border-top: 1px solid #fcb948;
width: 640px;
background-color: #fdf7eb;
}
.newsLine {
border-top: 1px solid #fcb948;
width: 640px;
clear: both;
}
.newsArchief {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-transform:uppercase;
color: #017aa7;
margin-top: 10px;
}
.date {
width: 150px;
float: left;
font-weight: bold;
}
.newsArchiefItemTxt a {
color: black;
text-decoration:none;
}
.newsArchiefItemTxt a:hover {
color: black;
text-decoration:underline;
}
.archief {
background-image:url(../images/newsarchief.gif);
background-repeat:no-repeat;
background-position:left;
padding-left: 20px;
}
.archief a {
color: black;
text-decoration: none;
}
.archief a:hover {
color: #017aa7;
text-decoration: none;
}
.newsItemPicture {
margin-top: 10px;
margin-left: 10px;
width: 100px;
height: 66px;
margin-bottom: 10px;
float: left;
}
.newsItemTxt {
line-height: 16px;
width: 425px;
margin-left: 10px;
float: left;
margin-top: 10px;
}
.newsItemTxt strong {
color: #017aa7;
}
.newsItemDate {
margin-top: 10px;
float: left;
margin-left: 20px;
color: #94bed4;
font-weight: bold;
}
.newsItemMore {
float: left;
margin-left: 10px;
font-style:italic;
margin-top: 35px;
}
.newsItemMore a {
text-decoration: none;
color: black;
}
.newsItemMore a:hover {
text-decoration: underline;
color: black;
}

/* ---------- NIEUWS LAAG2 ---------- */

.newsItemTitle {
width: 579px;
height: 19px;
line-height: 19px;
font-weight: bold;
text-indent: 10px;
float: left;
border-top: 1px solid #fcb948;
border-bottom: 1px solid #fcb948;
}
.newsItemDate2 {
color: #94bed4;
height: 19px;
line-height: 19px;
font-weight: bold;
border-top: 1px solid #fcb948;
border-bottom: 1px solid #fcb948;
width: 60px;
float: left;
}
.newsItemTxt2 {
margin-top: 10px;
padding-left: 10px;
padding-right: 10px;
width: 471px;
float: left;
}
.newsItemPicture2 {
float: left;

margin-top: 10px;
}

/* ---------- NIEUWS LAAG2 ---------- */

.newsArchiefDate2 {
padding-left: 5px;
color: #94bed4;
height: 19px;
line-height: 19px;
font-weight: bold;
border-top: 1px solid #fcb948;
width: 60px;
float: left;
}
.newsArchiefTitle {
background-image:url(../images/faqArrowCat.jpg);
background-repeat:no-repeat;
background-position: 559px;
width: 579px;
height: 19px;
line-height: 19px;
text-indent: 20px;
float: left;
border-top: 1px solid #fcb948;
}
.newsArchiefTitle a {
display: block;
text-decoration:none;
color: black;
}
.newsArchiefTitle a:hover {
text-decoration:underline;
color: black;
}
.newsArchiefLine {
width: 639px;
clear: both;
border-top: 1px solid #fcb948;
}
.goback {
font-style:italic;
margin-top: 20px;
margin-left: 5px;
}
.goback a {
text-decoration: none;
color: black;
}
.goback a:hover {
text-decoration: underline;
}
.goback2 {
font-style:italic;
margin-top: 20px;
}
.goback2 a {
text-decoration: none;
color: black;
}
.goback2 a:hover {
text-decoration: underline;
}

/* ---------- SOLUTIONS ---------- */

.solutionBlock {
text-align:left;
background-color: white;
margin-top: 10px;
float: left;
margin-right: 17px;
width: 187px;
height: 177px;
border: 1px solid #94bed4;
}
.solutionBlockPicture {
height: 70px;
width: 187px;
}
.solutionBlockTitle {
text-align:left;
color: #d69507;
font-weight: bold;
font-size: 10px;
text-transform:uppercase;
margin-top: 9px;
margin-left: 10px;
margin-bottom: 5px;
line-height: 10px;
}
.solutionBlockTxt {
line-height: 14px;
font-size: 11px;
margin-left: 10px;
padding-top: 10px;
margin-right: 5px;
}
.solutionBlockTxt strong {
position: relative;
bottom: 5px;
}
.solutions2Title {
clear: both;
padding-left: 5px;
height: 19px;
line-height: 19px;
font-weight: bold;
border-top: 1px solid #fcb948;
border-bottom: 1px solid #fcb948;
width: 640px;
}
.solutions2Txt {
margin-top: 10px;
width: 390px;
padding-left: 5px;
padding-right: 20px;
float: left;
}
.solutions2Txt_download {
margin-top: 10px;
width: 295px;
padding-right: 120px;
float: left;
}
.solutions2Menu {
background-color: #ffffff;
padding-top: 10px;
width: 225px;
height: 400px;
float: left;
}
.mainItem {
border-bottom: 1px solid #eaebcb;
background-color: #ffffff;
color: #036fa0;
font-weight: bold;
text-indent: 5px;
font-size: 10px;
text-transform:uppercase;
}
.mainItem a {
display: block;
text-decoration: none;
color: #036fa0;
}
.mainItem a:hover {
color: #ae9709;
}
.subItem {
list-style-type:none;
background-color: #ffffff;
background-image:url(../images/arrowSolution.jpg);
background-repeat:no-repeat;
background-position: 13px;
text-indent: 30px;
border-bottom: 1px solid #eaebcb;
font-size: 10px;
font-weight:normal;
}
.subItem a {
font-weight:normal;
text-decoration: none;
color: #333333;
}
.subItem a:hover {
color: #333333;
}
.download_title01_solution {
font-weight: bold;
background-image:url(../images/emailbox.gif);
	background-repeat:no-repeat;
	background-position: 275px;
	font-size: 10px;
	border-top: 1px solid #edc168;
	background-color: #fef5ee;
	height: 20px;
	line-height: 20px;
}
.download_title01_solution a, .download_title02_solution a {
padding-left: 5px;
display: block;
color: #0179a7;
text-decoration: none;
}
.download_title01_solution a:hover, .download_title02_solution a:hover {
text-decoration: none;
}
.download_title02_solution {
font-weight: bold;
background-image:url(../images/emailbox.gif);
	background-repeat:no-repeat;
	background-position: 275px;
	font-size: 10px;
	border-top: 1px solid #edc168;
	background-color: #ffffff;
	height: 20px;
	line-height: 20px;
}



.pageNavigation {
clear: both;
height: 20px;
position: relative;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: black;
width: 620px;
margin-left: 30px;
}
div.pageNav {
margin-top: 5px;
padding-top: 5px;
float: left;
width: 70%;
margin-left: -20px;
}
div.pageNav2 {
width: 20%;
margin-top: 5px;
padding-top: 5px;
float: right;
text-align: right;
margin-right: 20px;
}
.previous, .next, .number {
font-size: 10px;
color: #ef8e8e;
}
.previous a, .next a, .number a {
color: black;
font-size: 10px;
font-weight: bold;
text-decoration:none;
}
.previous a:hover, .next a:hover, .number a:hover {
color: black;
font-size: 10px;
font-weight: bold;
text-decoration:underline;
}

.vacature_01 {
height: 20px;
line-height: 20px;
width: 640px;
border-top: 1px solid #fcb644;
background-color:white;
text-indent: 10px;
}
.vacature_01 a, .vacature_02 a {
display: block;
color: black;
text-decoration:none;
font-weight: bold;
}
.vacature_02 {
text-indent: 10px;
border-top: 1px solid #fcb644;
height: 20px;
line-height: 20px;
width: 640px;
background-color:#e7ece6;
}

.vacature_content {
border-top: 1px solid #fcb644;
padding-left: 10px;
padding-right: 10px;
width: 620px;
font-size: 11px;
line-height: 18px;
padding-top: 2px;
margin-bottom: 2px;
}
.vacatureLine {
width: 640px;
border-top: 1px solid #fcb644;
}


/* 
 * ========================================
 * search results page
 * ========================================
 */
 
div.TabView div.Tabs
{
  height: 22px;
  overflow: hidden;
 
}

div.TabView div.Tabs a
{
display: block;
margin-right: 1px;
float: left;
background-image:url(../images/searchActive.gif);
background-repeat:no-repeat;
width: 119px;
height: 22px;
line-height: 22px;
padding-left: 5px;
font-weight: bold;
color: white;
text-decoration: none;
}

div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active {
display: block;
color: white;
text-decoration: none;
}


div.TabView div.Pages
{
 /* clear: both;*/
  border: 1px solid #FFFFFF;
  border-top: 1px solid #CCCCCC;
  background: #FFFFFF;
  overflow: hidden;
}

div.TabView div.Pages div.Page
{
  height: 100%;
  padding: 0px;
  overflow: hidden;
}

div.TabView div.Pages div.Page div.Pad
{
  padding: 3px 5px;
}



/* 
 * ========================================
 * redirect page
 * ========================================
 */

.redirectBox {
height: 146px;
width: 400px;
}
.redirectBoxTop {
text-indent: 16px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color: white;
background-image:url(../images/homebutton-top3.gif);
background-repeat:no-repeat;
height: 24px;
line-height: 24px;
}
.redirectBoxBottom {
padding-left: 16px;
padding-right: 16px;
padding-top: 7px;
color: #ee908e;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 14px;
background-image:url(../images/homebutton-bottom3.gif);
background-repeat:no-repeat;
height: 115px;
}
.redirectBoxBottom a {
color: white;
text-decoration: none;
}
.redirectBoxBottom a:hover {
color: white;
text-decoration: underline;
}


/* 
 * ========================================
 * content slide
 * ========================================
 */

.clickableLayer {	
}
.slideLayer {
	visibility: hidden;
}
.slideLayerContent {

}
 

/* 
 * ========================================
 * debug
 * ========================================
 */

div.parseTime {
	border-top: #A7A7A7 1px solid;
	border-bottom: #A7A7A7 1px solid;
	border-left: #A7A7A7 1px solid;
	border-right: #A7A7A7 1px solid;
	margin-top: 10px;
	padding: 6px;
	width: 200px;
	background-color: #f8f8f8;
	color: #000000;
}











	#dhtmlgoodies_slidedown_menu li{
		list-style-type:none;
		position:relative;
	}
	#dhtmlgoodies_slidedown_menu ul{
		margin:0px;
		padding:0px;
		position:relative;

	}

	#dhtmlgoodies_slidedown_menu div{
		margin:0px;
		padding:0px;
	}
	/* 	Layout CSS */
	#dhtmlgoodies_slidedown_menu{		
		width:225px;
	}

	/* All A tags - i.e menu items. */
	#dhtmlgoodies_slidedown_menu a {
		text-decoration:none;	
		display:block;
		clear:both;
		width:215px;

	}
	
	
	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth1, .slMenuItem_depth1 a {	
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth2, .slMenuItem_depth2 a {
		margin-top:1px;
		color: #333333;
			font-weight: normal;
	}

	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul{
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul{
		margin-left:5px;
		padding:1px;
	}
	
	
	
	
.question {
margin-bottom: 1px;
border: 1px solid #edd79e;
background-color: #fff;
height: 30px;
}
.questionRadio {
width: 20px;
color: #333;
font-weight: bold;
padding-top: 5px;
padding-left: 10px;
}
.questionRadio input {
margin-right: 5px;
border: 1px solid #333;
}
.questionRadio2 {
color: #333;
font-weight: bold;
padding-top: 9px;
}
.questionText {
width: 500px;
padding-top: 3px;
padding-right: 10px;
vertical-align:top;
padding-left: 20px;
line-height: 12px;
}
.conclusion {
position:relative;
z-index: 10;
clear: both;
background-color: #ff6601;
font-size: 11px;
color: #fff;
line-height: 14px;
padding: 10px;
text-align:left;
margin-top: 10px;
}
.conclusion strong {
font-size: 12px;
}



#printCheck {
	background-color: #f0c179;
	width: 665px;
	margin-left: 15px;
}
#printCheck .title {
	background-image:url(../images/printcheckTitle.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	height: 25px;
	width: 129px;
	padding-top: 17px;
	margin-left: 100px;
}
#printCheck .txt {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000;
line-height: 14px;
padding-top: 15px;
padding-right: 15px;
font-weight: bold;
}
#printCheck .questionPC {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style:italic;
height: 33px;
line-height: 33px;
}
#printCheck .answerPC {
background-image:url(../images/check.gif);
background-repeat:no-repeat;
background-position:center top;
}
#printCheck .conclusion2 {
font-size: 11px;
padding-top: 10px;
padding-right: 15px;
font-family:Arial, Helvetica, sans-serif;
line-height: 14px;
}
#printCheck .conclusion2 strong {
font-weight: bold;
font-size: 12px;
}
#printCheck .thinprintBanner {
	height: 117px;
	width: 636px;
	margin-left: 15px;
	margin-bottom: 15px;
	background-image:url(../images/thinprintBanner.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
#printCheck .printform {
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
}
.verzendenPrintCheck {
background-image:url(../images/verzendenPrintCheck.gif);
background-repeat:no-repeat;
width: 126px;
height: 22px;
line-height: 22px;
font-size: 10px;
font-weight: bold;
text-transform:uppercase;
border: 0px;
}


.newsBlockEmpty {
background-image:url(../images/newsblockEmpty.jpg);
background-repeat:no-repeat;
background-position: left 50px;
float: left;
margin-top: 10px;
position: relative;
clear: both;
float: left;
width: 291px;
height: 204px;
padding-left: 15px;
background-color: #faa61a;
}
.newsBlockEmptyTxt {
padding-top: 15px;
padding-bottom: 15px;
}
.newsBlockEmptyTxt a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: none;
color: #000;
}
.newsBlockEmptyTxt a:hover {
text-decoration: underline;
}