/* INSTALL OTYS 4 WEB STYLE SHEET */
/* W3C VERIFIED CSS 2.1 */
/* COPYRIGHT OTYS CORP 2003-2007 */
/* AUTHOR:MRFAHRENHEIT */
/* RHYTHM: 4 */
/* TEMPLATE: CMSBUSJAB<NUM>.HTML */
/* SITE SPECIFIC */

html,body{
width:100%;
height:100%;
}
#canvas{
text-align:center;
position:relative;
min-height:100%;
_height:100%;
}
#outer{
position:relative;
text-align:left;
width:950px;
margin:0px auto;
}
#headCont{
height:167px;
text-align:center;
}
#headMenu{
position:absolute;
top:18px;
right:60px;
}
#headMenu a, #headMenu a:hover{
font-size:14px;
text-decoration:none;
margin-left:14px;
}
#menuCont{
height:97px;
background:url(../_images/redesign/menuCont.gif) repeat-x 0 0;
width:831px;
margin-left:59px;
position:relative;
}
#pageCont{
width:870px;
margin-left:59px;
padding:30px 0px 120px 0px;
}
#rightCol{
float:right;
width:336px;
}
#contentFr{
width:486px;
margin-left:27px;
}
#leftCol{
float:left;
width:513px;
}
.mop{
clear:both;
}
#footCan{
position:absolute;
width:100%;
height:100px;
left:0px;
bottom:0px;
}
#footOut{
width:950px;
margin:0px auto 0px auto;
height:100px;
background:#41494E url(../_images/redesign/footShad.gif) repeat-x 0 0;
}
#footOut a, #footOut a:hover{
color:#ccc;
font-size:10px;
text-decoration:none;
margin:0px 7px;
}
#topFoot{
padding:32px 0px 10px 0px;
background:url(../_images/redesign/foot.gif) no-repeat 72px 29px;
}
#topFoot, #topFoot a, #topFoot a:hover{
color:#85969F;
text-decoration:none;
margin:0px;
}
#topFoot span{
margin:0px 7px;
}
#topFoot .rssHookbutton{
border:none;
padding-left:12px;
color:#85969F;
background:url(../_images/redesign/rss.gif) no-repeat 0px 4px;
cursor:pointer;
margin-right:-5px;
}
#leftWing{
position:absolute;
width:50%;
height:100%;
top:0px;
left:0px;
overflow:hidden;
}
#rightWing{
position:absolute;
width:50%;
height:100%;
top:0px;
left:50%;
overflow:hidden;
}
#leftWing div{
position:absolute;
width:100%;
height:100%;
top:0px;
right:475px;
background:url(../_images/redesign/wings.jpg) repeat 100% 0%;
}
#rightWing div{
position:absolute;
width:100%;
height:100%;
top:0px;
left:475px;
background:url(../_images/redesign/wings.jpg) repeat 0% 0%;
}
#picMenu a{
display:block;
float:left;
width:170px;
height:315px;
}
#picMenu a span{
display:none;
}
a#young{
background:url(../_images/redesign/young.gif) no-repeat 0 0;
}
a#ideele{
background:url(../_images/redesign/ideele.gif) no-repeat 0 0;
}
a#bedrijf{
background:url(../_images/redesign/bedrijf.gif) no-repeat 0 0;
}
a#young:hover{
background:url(../_images/redesign/young.gif) no-repeat 0px -315px;
}
a#ideele:hover{
background:url(../_images/redesign/ideele.gif) no-repeat 0px -315px;
}
a#bedrijf:hover{
background:url(../_images/redesign/bedrijf.gif) no-repeat 0px -315px;
}
/* HIDING FUNCTIONS */

.mainLevel ul{
display: none;
}
.mainLevelActive ul {
display: block;
}


/* STYLING */

.menulist li{
float:left;
border-left:2px solid #fff;
}
.menulist ul li{
border:none;
}
.menulist, .menulist ul {
margin:0;
padding:0;
list-style: none;
}
ul.menulist{
margin-left:-2px;
}
.menulist ul {
position:absolute;
top:58px;
left:0;
width:831px;
}
.mainLevel {

}
.mainLevelactive {

}
.mainLevel a {
padding: 16px 14px 17px 14px;
font-size:12px;
font-weight:bold;
color:#494A4D;
text-decoration: none;
display: block;
background: transparent;
}
.mainLevel a:hover, .mainLevelactive a, .mainLevelactive a:hover  {
padding: 16px 14px 17px 14px;
font-size:12px;
font-weight:bold;
color:#FF5800;
text-decoration: none;
display: block;
background: #fff;
}
.subLevel_1 {
background: transparent;
}
.subLevel_1active {
background: transparent;
}


.subLevel_1 a {
padding: 0px 0px 0px 28px;
color:#FF5800;
text-decoration: none;
display: block;
background: transparent;
}
.subLevel_1 a:hover, .subLevel_1active a, .subLevel_1active a:hover  {
padding: 0px 0px 0px 28px;
color:#494A4D;
text-decoration: none;
display: block;
background: transparent;
}
/* jobs list mod */

#jobsFr, #eventsListHolder, #eventsDetailHolder{
background:#E4E4E1;
padding:0px 27px 10px 27px;
_width:513px;
}
#eventsListHolder, #eventsDetailHolder{
_width:513px;
position:relative;
margin-left:-27px;
}
#jobsFr .formHeader,
#eventsListHolder .formHeader,
#eventsDetailHolder .formHeader{
padding:11px 27px;
font-size:12px;
color:#fff;
font-weight:bold;
}
#jobsFr .formHeaderTbl,
#eventsListHolder .formHeaderTbl,
#eventsDetailHolder .formHeaderTbl{
width:513px;
background:#FF5800;
margin-left:-54px;
position:relative;
left:27px;
}
#eventsListHolder .formHeaderTbl,
#eventsDetailHolder .formHeaderTbl{
width:513px;
}
#eventsDetailHolder .formHeaderTbl{
left:25px;
top:-2px;
_margin-right:-50px;
}
#jobsFr h1,
#eventsListHolder h1,
#eventsDetailHolder h1{
font-size:12px;
color:#fff;
font-weight:bold;
}
#jobsFr a.meer{
display:none;
}
/*
#jobsFr .QuestionTbl, #jobsFr .formSubHeaderContainer, #jobsFr .formTextContainer, #jobsFr .vacatureButtonContainer, .itemHolder {
padding-left:27px;
padding-right:27px;
}
*/
#jobsFr .vacatureButton.custom {
display:none;
}
.jobDetailPhoto {
}
.jobdetailphotodiv1{
margin:95px -100px 0;
position:absolute;
}
.jobdetailphotodiv2{}

/* FIRST BASE,BLOCKLEVELS */
a{
color:#333;
text-decoration:underline;
}
a:hover{
text-decoration:underline;
}
body{
background:#FFFFFF;
color:#333;
font-size:12px;
font-family:Arial,Verdana,Helvetica,sans-serif;
margin:0px 0px 0px 0px;
}
input,textarea{
background:#FFFFFF;
border:1px solid #D9D9D9;
color:#000000;
font-size:12px;
font-family:Arial,Verdana,Helvetica,sans-serif;
}
textarea{
overflow:auto;
}
hr{
color:#666666;
height:1px
}
ul{
margin-bottom:0px;
margin-left:10px;
padding-bottom:0px;
padding-left:8px
}
select{
font-size:12px;
font-family:Arial,Verdana,Helvetica,sans-serif
}
td,th{
color:#333;
font-size:12px;
font-family:Arial,Verdana,Helvetica,sans-serif;
}
strong,em{
}
form{
margin:0px;
padding:0px
}

/* TEXT AND HEADERS */


.maintable{
background:transparent;
padding:0px 0px 0px 0px;
width:100%
}
.vacstable{
/*background:#E4E4E1 none repeat scroll 0 0;*/
padding:0px 0px 0px 0px;
width:100%
}

/* HEAD STYLES */

/* formheader */

.formHeaderContainer, .kopContainer{
padding:0px 0px 10px 0px;
vertical-align:top
}
.formHeaderTbl, .kopTbl{
width:100%
}
.formHeader, .kop{
color:#494A4D;
font-size:20px;
font-weight:bold;
padding:0px 0px 0px 0px
}

/* form sub header */

.formSubHeaderContainer{
padding:0px 0px 0px 0px
}
.formSubHeaderTbl{
}
.formSubHeader, .subkop{
color:#494A4D;
font-size:15px;
font-weight:bold;
padding:14px 0px 4px 0px;
}

/* form text */

.formtextContainer{
background:transparent
}
.formtextTbl{
width:100%
}
.formtextTbl2{
width:100%
}
.formtext{
background:transparent;
padding:5px 4px 8px 0px
}
/* Faq input hack */
.formtext input{
width:140px;
}
.formtext input.button{
width:200px;
}
/* content tekst */

.introContainer{
}
.introTbl{
}
.intro{
padding:0px 0px 10px 0px;
}
.tekstblokje{
padding:0px 0px 14px 0px;
}
.sCont{
line-height:15px;
padding-bottom:25px;
}
.sCont p{
margin:0px;
padding:0px;
}
.sCont h1{
margin-bottom:10px;
/*color:#494A4D;
font-size:20px;
font-weight:bold;
margin:0;
padding:0;*/
}
.sCont a, .sCont a:hover{
color:#FC6C32;
font-style:italic;
font-weight:bold;
text-decoration:none;
padding-right:13px;
background:url(../_images/redesign/arr.gif) no-repeat 100% 50%;
}
/* TEASER STYLES */

/* TEASER */

.teas1Item{
width:290px;
margin:0px 0px 45px 7px;
}
.teas1Item a{
display:block;
color:#FC6C32;
text-decoration:none;
}
.teas1Item h2{
margin-bottom:7px;
}
.teas1Item p{
margin-top:0;
}
/* TEMPLATES */

/* NO BORDERS IN CHECKS & RADIOS */

.radiobuttons{
}
.radiobuttons input{
background:transparent;
border:none
}
.button, .searchButton{
background:#E4E4E1;
border:1px solid #FC6C32;
color:#000;
font-size:12px;
cursor:pointer;
height:18px;
margin-top:10px;
margin-bottom:10px;
}

/* NEW VACANCY STYLES */

.answer{
}
.error{
background:transparent;
color:#FF0000;
font-size:12px;
padding:2px 4px 15px 1px;
vertical-align:top;
}
.explain{
background:transparent;
font-size:12px;
padding:10px 4px 10px 1px
}

/* QUESTION TABLES */

.questiontbl{
margin:0px 0px 0px 0px;
width:100%
}
.hquestion{
padding:4px 4px 2px 1px;
vertical-align:top;
width:140px;
}
.hquestionnw{
padding:2px 4px 2px 4px;
vertical-align:top;
width:20px
}
.vquestion{
padding:2px 4px 2px 1px;
vertical-align:top
}
.fieldcontainer{
padding:2px 4px 2px 1px;
vertical-align:top
}
.fieldcontainer select{
font-size:12px;
}
.FieldContainer textarea{
height:75px
}
.fieldcontainer .radiobuttons input{
width:20px
}

/* SMALL TABLES FOR FORMS */

.smallTblContainer{
}
.smallTbl{
}
.formtblcontainer{
}
.formtbl{
width:100%
}
.formtblbuttoncell{
/* padding:2px 0px 4px 1px; */
}
.formbutton{
padding:2px 0 4px 1px;
}

/* PAGE LINKS FOR MYPROFILE */

.pagelinkcontainer{
padding:0px 4px 15px 0px
}
.pagelinktbl{
}
.pagelink{
color:#FC6C32;
font-size:12px;
height:16px;
padding:2px 2px 2px 1px;
}
.pagelink a{
color:#FC6C32;
font-size:12px;
text-decoration:none
}
.pagelink a:hover{
color:#000000;
text-decoration: none;
}

/* ITEMS */

.itemHolder{
margin:10px 0px 2px 0px;
width:100%
}
.itemheader{
font-weight:bold;
padding:2px 4px 2px 0px
}
.itemcontainer{
margin-top:10px;
width:100%
}
.itemstartTbl{
width:100%
}
.itembuttoncontainer{
padding:0px 5px 0px 0px;
text-align:right
}
.itembuttonsml{
padding-right:5px;
padding-top:2px;
text-align:right;
width:30px
}
.itembuttonsml input{
background:transparent;
border:none;
color:#FC6C32;
font-size:9px;
font-weight:bold;
height:14px;
margin:0px;
padding:0px;
width:14px
}
.itemTblContainer{
}
.itemtbl{
margin-top:10px;
width:100%
}
.ItemFieldContainer{
}
.ItemFieldContainer input{
width:200px
}
.StartContainer{
padding:2px 2px 2px 0px;
width:85px
}
.startContainer input{
width:85px
}
.endContainer{
padding:2px 4px 2px 2px;
}
.endContainer input{
width:83px
}
.fieldtxtarea{
width:240px
}
.functiontxt{
width:360px
}
.itemQuestion{
padding:2px 4px 2px 4px;
vertical-align:top;
width:110px
}

/* APPLICATION ROW */

.approwcontainer{
padding:10px 0px 10px 1px
}
.approwtbl{
border:1px solid #FC6C32;
width:100%
}
.approw{
font-size:12px;
padding:2px 4px 2px 4px
}
.critContainer{
background:transparent;
padding:2px 4px 4px 1px;
vertical-align:top
}
.critContainer select{
font-size:12px;
}
.hcritquestioncontainer{
width:200px
}
.hcritquestion{
font-size:12px;
font-weight:bold;
padding:0px 4px 4px 1px;
vertical-align:top;
width:180px
}

/* LINkTableS */

.linkMainTbl{
}
.linkTblContainer{
padding:10px 0px 0px 0px
}
.linkTbl{

}
.linkTitle{

font-weight:bold;
padding:2px 2px 2px 2px
}
.linkContent{
padding:2px 2px 2px 2px
}
.linkRow{
padding:2px 2px 2px 2px
}
.linkRow a{
}
.linkRow a:hover{
}

/* LIST STYLES */
.vacancyListContainer{
padding-top:24px;
}

.listCatContainer{
padding:10px 0px 11px 0px
}
.listCatTbl{
background:#9A9C9B;
width:100%;
}
.listCat{
color:#FFFFFF;
font-size:12px;
padding:5px 8px;
}
.listCatDiv{
font-weight:bold;
}
.vacancyItemContainer{
padding:0px 0px 12px 0px;
}
.vacancyitemtbl{
width:100%;
}

/* functienaam */

.listFunctioncontainer{
}
.listFunctiontbl{
width:100%
}
.listFunctionName{
padding:0 0 1px 0;
}
.listFunctionName a{
color:#FF5800;
font-size:12px;
font-weight:bold;
text-decoration:none
}
.listFunctionName a:hover{
color:#000;
text-decoration:none
}
.lastupdate{
font-size:12px;
font-weight:bold;
color:#fff;
text-align:right;
padding-right:27px;
vertical-align:middle
}


/* keyword */

.listKeywordcontainer{
}
.listKeywordtbl{
}
.listKeyword{
vertical-align:top;
font-size:12px;
}
.listKeywordtitle{
padding:0px 0px 0px 0px;
vertical-align:top;
font-size:12px;
}

/* chapo */

.listchapocontainer{
}
.listchapotbl{
}
.listchapo{
padding:2px 0px 0px 0px;
font-size:12px;
}
.listchapo a{
text-decoration:none
}



/* OLD JOBSDETAIL STYLES */

.TelefoonNummerContainer{
padding:0px 0px 0px 2px
}

/* NEW JOBSDETAIL STYLES */

.jobsDetailReference{
font-size:12px;
font-weight:normal
}
.jobsDetailPhoneContainer{
padding-top:4px
}
.jobsDetailPhoneTbl{
}
.jobsDetailPhoneIcon{
background:url(http://www.yourit.nl/otys_install/_images/phone.gif) no-repeat center;
border:1px solid #FF0000;
width:24px
}
.jobsDetailPhoneNumber{
}
.jobsDetailEmailContainer{
}
.jobsDetailEmailTbl{
}
.jobsDetailEmailIcon{
background:url(http://www.yourit.nl/otys_install/_images/email.gif) no-repeat center;
border:1px solid #FF0000;
width:24px
}
.jobsDetailEmail{
}

/* LIST NAVIGATION */

.listnavcontainer{
padding-top:20px;
text-align:center;
}
.listnavtbl{
background:#9A9C9B;
margin:auto;
}
.listnavprevious{
padding:8px 4px 8px 64px;
}
.listnavprevious a{
color:#fff;
text-decoration:none;
}
.listnavpagenumbercontainer{
text-align:center;

}
.listnavpagenumbertbl{
}
.listnavpagenumber{
}
.listnavpagenumber a{
color:#fff;
text-decoration:none;
}
.listnavpagenumberactive{
}
.listnavpagenumberactive a{
color:#000;
text-decoration:none;
}
.listnavnext{
padding-right:64px;

}
.listnavnext a{
color:#fff;
text-decoration:none;
}

/* CATEGORY LIST */

.catListHolder{
border-top:1px solid #FC6C32;
margin:15px 0px 20px 0px;
vertical-align:top;
width:300px
}
.catListTbl{
height:30px;
border-bottom:1px solid #FC6C32;
}
.catListitem{
width: 100%;
cursor:pointer;
vertical-align:middle
}
.catListitem a{
text-decoration:none;
vertical-align:top
}
.catListitem a:hover{
vertical-align:top
}

/* NEWS LIST */

.nwsartListitemContainer{
padding:4px 0px 4px 4px
}
.nwsArtListChapeau{
font-size:12px;
padding:2px 4px 2px 1px;
text-align:right;
vertical-align:top
}
.NwsArtListItemTbl{
border-top:1px solid #eee
}
.NwsArtListLink{
padding:4px 0px 4px 0px
}
.NwsArtListLink a{
font-size:12px;
font-weight:bold
}
.NwsArtListChapo{
font-size:12px;
}
.nwsSearchFormContainer{
}
.nwsSearchFormTbl{
background:transparent
}
.nwsSearchFormQuestion{
padding:2px 0px 2px 4px;
width:110px
}
.nwsArtSearchFormQuestion{
padding:2px 0px 2px 4px;
width:140px
}
.nwsSearchFormFieldContainer{
padding:1px 4px 1px 4px
}
.nwsSearchFormButton{
padding:1px 2px 1px 4px;
text-align:right
}
.nwsSearchFormButton input{
margin:0px
}
.nwsCatListItemContainer{
padding:10px 0px 10px 0px
}
.nwsCatListItemTbl{
width:100%
}
.nwsCatListLink{
padding:4px 4px 4px 4px
}
.nwsCatListLink a{
font-weight:bold;
text-decoration:underline
}

/* OPTION TABLE */

.articlebuttonsHook{
padding:10px 0px 10px 0px
}
.optiontbl{
}
.optionleft{
}
.optionright{
width:1px
}
.optioncontainer{
text-align:left
}
.optionlayer{
}
.optionholder{
width:100%
}
.printbutton{

padding:0px 5px 0px 0px
}
.printbutton input{

}
.mailfriendbutton{
padding-left:1px
}
.mailfriendbutton input{

}

/* NEWS Hook */

.nwssubHookTable{
background:#EAEAEA;
border:1px solid #656565;
margin-top:10px;
width:100%
}
.nwsSubHookHeaderContainer{
padding:2px 4px 13px 4px;
vertical-align:top
}
.nwsSubHookHeaderTbl{
background:transparent;
width:100%
}
.nwsSubHookHeader{
color:#F52527;
font-size:12px;
font-weight:bold
}
.nwssubHookTextContainer{
padding:0px 4px 11px 4px
}
.nwssubHookTextTbl{
width:100%
}
.nwssubHooksubheader{
color:#777777;
font-size:12px;
font-weight:bold;
padding:0px 0px 2px 0px
}
.nwssubHookText{
font-size:12px;
}
.nwssubHookWordcontainer{
padding:2px 5px 2px 3px
}
.nwssubHookWordtbl{
width:100%
}
.nwssubHookWord{
font-size:12px;
padding:2px 7px 2px 0px
}
.nwssubHookFieldcontainer{
padding:2px 4px 2px 0px
}
.nwssubHookButtoncontainer{
padding:2px 4px 4px 3px
}
.nwssubHookButtoncontainer input{
margin-top:2px
}

/* AGENT SUB Hook */

.agentSubHookTable{

margin:25px 0px 30px 7px;
width:278px; 
}
.agentSubHookHeaderContainer{
padding:0px 0px 13px 0px;
vertical-align:top
}
.agentSubHookHeaderTbl{
background:transparent;
width:100%
}
.agentSubHookHeader{
color:#494A4D;
font-size:15px;
font-weight:bold;
}
.agentSubHookTextContainer{
padding:0px 0px 11px 0px
}
.agentSubHookTextTbl{
width:100%
}
.agentSubHooksubheader{
font-size:12px;
font-weight:bold;
padding:0px 0px 2px 0px
}
.agentSubHookText{
font-size:12px;
}
.agentSubHookWordcontainer{
padding:2px 0px 2px 0px
}
.agentSubHookWordtbl{
width:100%
}
.agentSubHookWord{
font-size:12px;
padding:2px 7px 2px 0px
}
.agentSubHookFieldcontainer{
padding:2px 0px 2px 0px;
}
.agentSubHookFieldcontainer input{
width:138px;
}
.agentSubHookButtoncontainer{
padding:2px 0px 4px 0px
}
.agentSubHookButtoncontainer input{
margin-top:2px;
width:138px;
text-align:center;
color:#fff;
background:#FF5800;
}

/* WEB USER Hook */

.webuserHookTable{
width:278px;
margin:25px 0px 0px 7px;
}
.webuserHookHeaderContainer{
padding:0px 0px 13px 0px;
vertical-align:top
}
.webuserHookHeaderTbl{
background:transparent;
width:100%
}
.webuserHookHeader{
color:#494A4D;
font-size:15px;
font-weight:bold;
}
.webuserHookTextContainer{
padding:0px 0px 11px 0px
}
.webuserHookTextTbl{
width:100%
}
.webuserHooksubheader{
font-size:12px;
font-weight:bold;
padding:0px 0px 2px 0px
}
.webuserHookText{
font-size:12px;
}
.webuserHookWordcontainer{
padding:2px 0px 2px 0px
}
.webuserHookWordtbl{
width:100%
}
.webuserHookWord{
font-size:12px;
padding:2px 7px 2px 0px
}
.webuserHookFieldcontainer{
padding:2px 0px 2px 0px
}
.webuserHookFieldcontainer input{
width:138px;
}
.webuserHookButtoncontainer{
padding:2px 0px 4px 0px
}
.webuserHookButtoncontainer input{
margin-top:2px;
width:138px;
text-align:center;
color:#fff;
background:#FF5800;
}

/* SMART SEARCH */

.smartSearchContainer{
}
.smartSearchTable{
background:transparent;
width:100%
}

/* results */

.SmartSearchTitle{
}
.SmartSearchTitle a{
}
.SmartSearchTitle a:hover{
}
.smartSearchResultKeywords{
}
.resultaat{
}

/* input */

.smartSearchInputContainer{
padding:10px 0px 10px 0px
}
.smartSearchInputTable{
width:100%
}
.smartSearchFieldContainer{
padding:0px 4px 0px 0px
}
.smartSearchFieldContainer input{
width:140px
}
.smartSearchButton{
}
.smartSearchButton input{
margin:0px
}
.smartSearchRadioTitle{
font-size:12px;
padding:2px 0px 2px 2px
}
.statsCheckLinkTbl{
margin-top:20px
}
.statsCheckLink{
}

/* JOB CAT LIST  */

.jobCatHookTbl{
width:278px;
margin:10px 0px 0px 7px;
}
.jobCatHookHeaderContainer{
padding:0px 0px 13px 0px;
vertical-align:top
}
.jobCatHookHeaderTbl{
background:transparent;
width:100%
}
.jobCatHookHeader{
color:#494A4D;
font-size:15px;
font-weight:bold;
}
.jobCatHookTextContainer{
padding:0px 0px 11px 0px
}
.jobCatHookSubHeaderContainer{
}
.jobCatHookSubHeaderTbl{
}
.jobCatHookSubHeader{

font-size:12px;
font-weight:bold;
padding:0px 0px 2px 0px
}
.jobCatHookTextTbl{
width:100%
}
.jobCatHookText{
font-size:12px;

}
.jobCatHookListHolder{
width:100%
}
.jobCatListHookContainer{
padding:0px 0px 11px 0px;
}
.jobCatHookListContainerActive{
}
.jobCatHookListTbl{
width:100%;
border-bottom:1px solid #FF5800;
}
.jobCatHookListItem{
padding:2px 0px 2px 0px;
width:100%
}
.jobCatHookListItem a{
text-decoration:none;
font-size:12px;
}
.jobCatHookListItem a:hover{
color:#FF5800;
text-decoration:none
}
.jobCatHookListItemactive{
padding:2px 0px 2px 0px;

width:100%
}
.jobCatHookListItemactive a{
text-decoration:none;
color:#FF5800;
font-size:12px;
}
.jobCatHookListItemactive a:hover{
color:#FF5800;
text-decoration:none
}
.jobCatHookListCounter{
font-size:12px;
text-align:right;
}

/* JOB SEARCH HOOK */

.jobSearchTbl{
background:#EAEAEA;
border:1px solid #656565;
margin-top:10px;
width:100%
}
.jobSearchHeaderContainer{
padding:2px 4px 13px 4px;
vertical-align:top;
}
.jobSearchHeaderTbl{
width:100%
}
.jobSearchHeader{
color:#F52527;
font-size:12px;
font-weight:bold;
}
.jobSearchTextHolderContainer{
padding:0px 0px 10px 0px
}
.jobSearchTextHolderTbl{
}
.jobSearchSubHeaderContainer{
}
.jobSearchSubHeaderTbl{
}
.jobSearchSubHeader{
color:#777777;
font-size:12px;
font-weight:bold;
}
.jobSearchTextContainer{
padding:0px 4px 11px 4px;
}
.jobSearchTextTbl{
width:100%;
}
.jobSearchText{
font-size:12px;
}
.jobSearchCritTblContainer{
}
.jobSearchCritTbl{
}
.jobSearchHCritContainer{
}
.jobSearchHCritTbl{
width:100%;
}
.jobSearchHQuestion{
vertical-align:top;
font-size:12px;
padding:2px 4px 2px 4px;
}
.jobSearchFieldContainer{
text-align:right;
padding:2px 4px 2px 4px;
}
.jobSearchFieldContainer input{
width:100px;
}
.jobSearchFieldContainer select{
width:100px;
font-size:10px;
}
.jobSearchVCritContainer{
}
.jobSearchVCritTbl{
}
.jobSearchVQuestion{
}
.jobSearchTrefwoordTblContainer{

}
.jobSearchTrefwoordTbl{
}
.jobSearchTrefwoord{
padding:2px 4px 2px 4px;
font-size:12px;
}
.jobSearchformTblButtonCell{
padding:2px 4px 4px 3px;
}
.jobSearchformTblButtonCell input{
margin-top:2px
}
.jobSearchResultsContainer{
}
.jobSearchResultsTbl{
}
.jobSearchResults{
padding-bottom:10px
}



/* SHORT LISTS */

/* SHORtList VACANCY */

#shortCont{
background:#E4E4E1;
padding-bottom:15px;
margin-top:24px;
}
.jobsRemote{
width:100%
}
.shortListtable{
width:100%;
margin-bottom:15px;
}
.shortListHeaderContainer{
padding-bottom:10px;
}
.shortListHeaderTbl{
background:transparent;
width:100%
}
.shortListHeader{
padding:0px 24px 0px 27px;
vertical-align:middle;
background:#FF5800;
height:35px;
color:#FFF;
font-size:12px;
font-weight:bold;
}
.shortListtextContainer{
padding:0px 24px 11px 27px;
}
.shortListtextTbl{
width:100%;
}
.shortListSubheader{
font-size:12px;
font-weight:bold;
}
.shortListtext{
font-size:12px;
}
.shortListCatContainer{
}
.shortListCatTbl{
}
.shortListCat{
}
.shortListitemcontainer{
padding:0px 25px 10px 27px
}
.shortListitemtbl{
}
.shortListFunctioncontainer{
padding:2px 0px 2px 0px
}
.shortListFunctiontbl{
width:100%
}
.shortListFunctionName{

}
.shortListFunctionName a{
color:#FF5800;
font-size:12px;
font-weight:bold;
text-decoration:none
}
.shortListFunctionName a:hover{
color:#000000;
font-weight:bold;
text-decoration:none
}
.shortListKeywordcontainer{
background:transparent;

}
.shortListKeywordtbl{
}
.shortListKeywordtitle,
.shortListKeyword{
font-size:12px;
vertical-align:top
}
.shortListRelationname{
font-weight:bold
}
a.meer, a.meer:hover{
color:#FC6C32;
font-style:italic;
font-weight:bold;
text-decoration:none;
padding-right:13px;
background:url(../_images/redesign/arr.gif) no-repeat 100% 50%;
margin-left:27px;
}



/* NEWS SHORT LIST */

.nwsShortListtable{
width:100%;
margin-top:10px;
background:#eaeaea;
border:1px solid #656565;
}
.nwsShortListHeaderContainer{
padding:2px 4px 13px 4px;
vertical-align:top;
}
.nwsShortListHeaderTbl{
width:100%
}
.nwsShortListHeader{
color:#F52527;
font-size:12px;
font-weight:bold;
}
.nwsShortListtextContainer{
padding:0px 4px 11px 4px;
}
.nwsShortListtextTbl{
}
.nwsShortListSubheader{
padding:2px 4px 2px 0px
}
.nwsShortListtext{
font-size:12px;
padding:2px 4px 2px 0px
}
.nwsShortListCatContainer{
}
.nwsShortListCatTbl{
}
.nwsShortListCat{
}
.nwsShortListitemcontainer{
}
.nwsShortListitemtbl{
}
.nwsShortListFunctioncontainer{
}
.nwsShortListFunctiontbl{
}
.nwsShortListFunctionName{
color:#777777;
font-size:12px;
padding:2px 4px 2px 4px
}
.nwsShortListFunctionName a{
color:#777777;
font-size:12px;
text-decoration:underline;
padding-left:2px;
}
.nwsShortListFunctionName a:hover{
color:#777777;
font-size:12px;
padding-left:2px;
}
.nwsShortListChapoContainer{
padding:2px 4px 2px 4px;
}
.nwsShortListChapoTbl{
width:100%
}
.nwsShortListChapo{
font-size:10px;
}
.nwsShortListKeywordcontainer{
}
.nwsShortListKeywordtbl{
}
.nwsShortListKeywordtitle{
font-size:9px;
padding:2px 4px 2px 0px
}
.nwsShortListKeyword{
font-size:9px
}
.nwsShortListRelationname{
font-weight:bold
}

/* RSS Hook */

.RssFieldButton{
margin:0px;
padding:0px
}
.RssFieldButton input{
background:transparent url(http://www.yourit.nl/otys_install/_images/rss_light.gif) no-repeat 0% 0%;
cursor:pointer;
color: #000000;
padding-left: 20px;
border: none;
height:18px;
margin:0px;
}
.rssHookButton{
background:#F07800;
border:1px solid #C2C2C2;
color:#FFFFFF;
font-size:12px;
height:16px
}
/* Overige */

.stMapTbl {
padding-left: 5px;
}
.stMapLevel1 {
}
.stMapLevel1 a{
font-weight:bold;
text-decoration: none;
background: URL(http://www.yourit.nl/otys_install/_images/blackDot4.jpg) no-repeat 0% 50%;
padding-left: 8px;
}
.stMapLevel2 {
padding-left: 20px;
}
.stMapLevel2 a{
background: URL(http://www.yourit.nl/otys_install/_images/blackDot3.jpg) no-repeat 0% 50%;
padding-left:10px;
text-decoration: none;
padding-left: 7px;
}
.stMapLevel3 {
padding-left: 30px;
}
.stMapLevel3 a {
background: URL(http://www.yourit.nl/otys_install/_images/blackDot2.jpg) no-repeat 0% 50%;
text-decoration: none;
padding-left: 6px;
}
.stMapLevel4 {
padding-left: 40px;
}
.stMapLevel4 a {
background: URL(http://www.yourit.nl/otys_install/_images/blackDot1.jpg) no-repeat 0% 50%;
text-decoration: none;
padding-left: 5px;
}
.stMapLevel5 {
padding-left: 50px;
}
.stMapLevel5 a {
background: URL(http://www.yourit.nl/otys_install/_images/blackDot1.jpg) no-repeat 0% 50%;
text-decoration: none;
padding-left: 5px;
}

.faqQuestionTitle{
font-weight:bold;
padding-right:2px
}
.faqAnswerTitle{
font-weight:bold;
padding-right:2px
}
.faqQuestion{
}
.faqAnswer{
}
.faqCatSelectContainer{
padding:5px 0px 0px 0px
}
.statsAllformTblButtonCell input{
margin:0px;
margin-top:2px;
}
H1{
color:#494A4D;
font-size:20px;
font-weight:bold;
padding:0px;
margin:0px;
}
H2{
color:#494A4D;
font-size:15px;
font-weight:bold;
margin:0px;
padding:0px;
}
H3{
color:#777777;
font-size:12px;
font-weight:bold;
margin:0px;
padding:0px;
}


.nmPrintButton input,
.nmMailFriendButton input,
.nmAbbonereButton input,
.nmOvervieuwButton input{
}

/* ZOOM TEMPLATE */

.zoomtable{
background:transparent;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:100%
}
.zoomDescriptionContainer{
}
.zoomDescriptionTbl{
width:100%
}
.zoomDescription{
padding:2px 4px 2px 4px
}
.zoomPrintLink{
padding:2px 4px 2px 4px;
text-align:right
}
.zoomPrintLink a{
}
.zoomPicture{
padding-top:4px;
text-align:center
}

/* Jobs list in newsletter */

.vacancyTbl {
width:100%;
margin-top:3px;
border:1px solid #eeeeee;
}
.details {
text-align:right;
vertical-align:top;
padding-right:4px;
}
.details a {
color:#FC6C32;
text-decoration:underline;
font-size:10px;
}
.functionNameContainer {
padding:2px;
}
.functionNameTbl {
width:100%;
border-top:1px solid #eeeeee;
}
.functionName {
padding:2px;
font:bold 12px Arial, Helvetica, sans-serif;
color:#FC6C32;
white-space:nowrap;
}
.descriptionContainer {
padding:2px;
}
.descriptionTbl {
width:100%;
}
.description {
padding:2px 4px 2px 0px;
line-height: 12px;
font-size:12px;
}

/* PROFILE COMPLETENESS */

.pb_header {
}
.pb_mt {
}
.pb_ls {
}
.pb_ms {
}
.pb_rs {
}
.pb_percentage {
}

/* MATCH AND FETCH */

/* set date item */

.mfItemContainer {
padding-top:10px;
padding-bottom:10px;
}
.mfItemTbl {
}
.mfItemDateContainer {
}
.mfItemDateTbl {
}
.mfItemDateTitle {
font-size:10px;
width:100px;
}
.mfItemDateSelect {
padding:2px 0px 2px 0px;
}
.mfItemRepeatContainer {
}
.mfItemRepeatTbl {
}
.mfItemRepeatNumTitle {
font-size:10px;
width:100px;
}
.mfItemRepeatNum {
}
.mfItemRepeatNumAfix {
font-size:10px;
padding:0px 2px 0px 2px;
}
.mfItemRepeatType {
}

/* Main agenda */

.mfAgCBContainer {
padding:2px 0px 10px 0px;
}
.mfAgCBTbl {
width:100%;
}
.mfAgCB {
vertical-align:top;
}
.mfAgCB input {
border:none;
margin:0px;
}
.mfAgCBLabel {
padding:2px 0px 0px 4px;
font-size:10px;
}
.mfAgCalContainer {
}
.mfAgCalTbl {
}
.mfAgCalFilterContainer {
padding:2px 0px 2px 0px;
}
.mfAgCalFilterTbl {
}
.mfAgFilterTitle {
width:50px;
font-size:10px;
}
.mfAgFilterSelect {
}
.mfAgFilterLabel {
font-size:10px;
}
.mfAgCalNavContainer {
padding:4px 0px 4px 0px;
}
.mfAgCalNavTbl {
width:100%;
}
.mfAgCalNavLeft {
}
.mfAgCalNavLeft a {
font-size:10px;
}
.mfAgCalNavRight {
text-align:right;
}
.mfAgCalNavRight a {
font-size:10px;
}
.mfAgCalHolder {
padding-top:10px;
}

/* AGENDA VIEW */

.mfAgDisplayTbl {
width:100%;
}
.mfAgHeaderTime {
font-size:10px;
background:white;
}
.mfAgHeaderDesc {
}
.mfAgHeader {
white-space:nowrap;
font-size:10px;
padding:0px 2px 0px 2px;
background:white;
}
.mfAgContainer {
background:appWorkSpace;
}
.mfAgTbl {
width:100%;
}

/* Agenda cells */

#mfAflip {
background: #FFFFCC;
color : black;
cursor : pointer;
font : 9px Arial, Helvetica, sans-serif;
width : 100%;
}
#mfAflip a {
color: black;
text-decoration: none;
font-size: 9px;
}
#mfAflip td {
font-size: 9px;
}
#mfAflop {
background : #FFFFEA;
color : #000000;
cursor : pointer;
font : 9px Arial, Helvetica, sans-serif;
}
#mfAflop td {
font-size: 9px;
}
#mfAflop a {
color: black;
text-decoration: none;
font-size: 9px;
}

.mfAgTimeCell {
white-space:nowrap;
height:34px;
vertical-align:top;
padding:2px 4px 2px 4px;
}
.mfAgItemCell {
}

/* Availability item */

.mfAvailTbl {
width:100%;
height:100%;
background:#B5E79C;
}
.mfAvailTitle {
vertical-align:top;
padding:2px 2px 2px 2px;
}
.mfAvailContent {
vertical-align:top;
padding:2px 2px 2px 2px;
}

/* Vacancy item */

.mfVacancyTbl {
width:100%;
height:100%;
background:#dd0000;
}
.mfVacancyHiredTbl {
width:100%;
height:100%;
background:#8899ff;
}
.mfVacancyTitle {
vertical-align:top;
padding:2px 2px 2px 2px;
}
.mfVacancyContent {
vertical-align:top;
padding:2px 2px 2px 2px;
}

/* NETWORK */

/* Customer Detail */

.nwDetailBody {
position:relative;
line-height:17px;
}
.nwDetailHeader {
margin:10px 0px 10px 0px;
}
.nwDetailInfoContainer {
}
.nwDetailPicture {
float:left;
clear:right;
margin:4px 20px 4px 0px;
border:1px solid #eeeeee;
}
.nwDetailAddress {
margin:4px 4px 4px 4px;
}
.nwClearAddress {
clear:both;
}
.nwCustomerProfile {
}
.nwCustomerTestimonial {
margin-top:4px;
}
.nwVideoWiqet {
}
.nwJobShortList {
margin-top:4px;
}
.nwJobShortListItem {
border: 1px solid #eeeeee;
margin:10px 0px 10px 0px;
padding:4px 4px 4px 4px;
}
.nwJobShortListTitle a{
font-size:12px;
font-weight:bold;
text-decoration:none;
}
.nwJobShortListLocation {
font-size:12px;
}
.nwJobShortListClear {
clear:both;
}
.nwBackButton {
}

/* Connections List */

.nwCustListBody {
position:relative;
}
.nwCustListTitle {
margin-bottom:10px;
}
.nwCustListNav {
margin-bottom:10px;
}
.nwCustListNav a {
font-size:10px;
}
.nwCustListHolder {
margin-bottom:10px;
}
.nwCustListCategory {
background:#666666;
color:#fff;
font-size:13px;
font-weight:bold;
padding:2px 4px 2px 4px;
}
.nwCustListItem {
border:1px solid #eee;
margin-bottom:10px;
margin-top:4px;
padding:4px 4px 4px 4px;
}
.nwCustListItemClear {
clear:both;
}
.nwCustListImg {
float:left;
clear:right;
margin-right:10px;
z-index:99;
position:relative;
width:150px;
height:120px;
overflow:hidden;
padding:4px 2px 2px 4px;
}
.nwCustListItemName {
margin-bottom:10px;
margin-top:4px;
}
.nwCustListItemName a {
font-size:12px;
font-weight:bold;
text-decoration:none;
}
.nwCustListShortText {
font-size:12px;
padding-bottom:10px;
}
.nwCustListNoData {
}

/* module classes */

.moduleOuter{}
.moduleHeader{
margin-bottom:15px;
}
.moduleError{
color:red;
}
.moduleMultipleCategories{}
.moduleText{}
.moduleItemFooterContainer{
height:1.1em;
margin-top:4px;
}
.moduleItemFooterLink{
float:left;
margin-right:15px;
}
.moduleItemContainer{
margin-bottom:15px;
padding:4px;
border:1px solid #eee;
}
.moduleItemText{}
.moduleItemLink{}
.moduleForm{}
.moduleSubHeader{
margin:15px 0px 5px 0px;
}
.moduleFormInput{
margin-bottom:2px;
}
.moduleFormInput label{
float:left;
clear:left;
width:15em;
}
.moduleCode{
margin-bottom:5px;
}
.moduleFormButton{}
.moduleCategory{}
.moduleShortDescription{
margin-top:4px;
}
.moduleFormCheckbox input{
border:none;
}

/* articleDetail.html */

.blogDetailOuter{}
.blogDetailHeader{}
.blogDetailError{}
.blogDetailFirstError{}
.blogDetailArticleBy{}
.blogDetailMultipleCategories{}
.blogDetailText{}
.blogDetailItemFooter{}
.blogDetailFooterLink{}
.blogDetailItemContainer{}
.blogDetailItemText{}
.blogDetailItemTextBy{}
.blogDetailItemTextSubject{}
.blogDetailItemTextBody{}
.blogDetailForm{}
.blogDetailSubHeader{}
.blogDetailInput{}
.blogDetailCode{}
.blogDetailFormButton{}
.blogDetailCheckbox{}

/* articleList.html */
.blogListOuter{}
.blogListHeader{}
.blogListCategory{}
.blogItemListContainer{}
.blogListItemLink{}
.blogListItemLink{}
.blogListItemText{}
.blogListMultipleCategories{}
.blogListShortDescription{}
.blogListItemFooterContainer{}
.blogListItemFooterLink{}

/* hook classes */
.hookOuter{
margin-top:10px;
background:#eaeaea;
border:1px solid #656565;
padding:4px;
}
.hookHeader{
color:#F52527;
font-size:12px;
font-weight:bold;
margin-bottom:13px;
}
.hookItemContainer{
margin-bottom:5px;
}
.hookItemLink{
padding:2px 0px;
}
.hookItemLink a,
.hookItemContainer a{
text-decoration:none;
color:#777777;
font-weight:bold;
}
.hookItemLink a:hover,
.hookItemContainer a:hover{
color:#000;
text-decoration:none;
}
.hookKeyWord{}
.hookItemFooter{
font-size:10px;
}

/* hookRecentArticles.html */
.blogHookArticleListOuter{}
.blogHookArticleListHeader{}
.blogHookItemContainer{}
.blogHookItemLink{}
.blogHookWord{}
.blogHookFooter{}

/* hookReacentReactions.html */
.blogHookReactionsOuter{}
.blogHookReactionsHeader{}
.blogHookReactionsContainer{}
.blogHookReactionsLink{}
.blogHookReactionsWord{}

/* hookRssCategories.html */
.blogHookCategoriesOuter{}
.blogHookCategoriesHeader{}
.blogHookCategoriesContainer{}
.blogHookCategoriesLink{}
.blogHookCategoriesRSSContainer{}

/* blog/mailAFriendForm.html */
.blogMafOuter{}
.blogMafHeader{}
.blogMafSubHeader{}
.blogMafText{}
.blogMafForm{}
.blogMafFormInput{}
.blogMafCode{}
.blogMafError{}
.blogMafFormButton{}

/* EVENT list */
/*#contentFr {

background:#E4E4E1 none repeat scroll 0 0;
padding:0 27px 10px;

}
#contentFr .formHeaderTbl {
background:#FF5800 none repeat scroll 0 0;
left:27px;
margin-left:-27px;
position:relative;
width:513px;
}
#contentFr .formHeader {
color:#FFFFFF;
font-size:12px;
font-weight:bold;
padding:8px 27px;
}
.ListTbl {
padding-bottom:17px;
padding-left:27px;
}
#contentFr .vacsTable {
background:#E4E4E1 none repeat scroll 0 0;
padding:0;
width:513px;
}
*/