/* OTYS WEB SHEET */
/* W3C VERIFIED CSS 2.1 */
/* COPYRIGHT OTYS CORP 2003-2009 */
/* AUTHOR:Sander van den Brink */
/* TEMPLATE: CMSBUSJAB<NUM>.HTML */

.jshOuter{
width:290px;
}
.jshIc{
padding:0 0 0 42px;
}
.jshInput{
padding-bottom:10px;
}
.jshInput label{
display:block;
color:#fff;
}
.jshInput input{
width:165px !important;
}
.jshInput select{
width:180px;
height:50px;
}
.jshBc {
float:left;
margin-left:10px;
margin-top:5px;
}

.qAplInputCic{
padding-top:5px;
}
.mlMpAgents{
display:none;
}
.aplEnrollIntro ul{
display:none;
}
.qAplInputCvl{
display:none;
}

/****** FIRST BASE,BLOCKLEVELS ******/
body{
background: URL(../_images/background.gif);
text-align:center;
margin:0;
}
img{
border:0;
}
a {
color: #0054a6;
text-decoration: underline;
}
a:hover{
text-decoration: none;
}
td,th,div{
color:#464646;
font-size:12px;
font-family:Arial,Verdana,Helvetica,sans-serif;
text-align:left;
}
h1{
color: #0054a6;
font-size:18px;
margin:0;
padding-bottom:5px;
}
h2{
color: #0054a6;
font-size:14px;
font-weight: normal;
margin:0;
padding:5px 0 0 0;
text-transform: uppercase;
}
h3{
font-size:12px;
margin:0;
padding-bottom:5px;
}
input,textarea, select{
color:#464646;
font-size:11px;
background:#FFFFFF;
border:1px solid #dbdbdb;
}
input {
background: URL(../_images/inputBack.gif) no-repeat 0% 0%;
}
ul{
margin-left:10px;
padding-bottom:0;
padding-left:8px;
} 
textarea{
overflow:auto;
}
hr{
color:#464646;
}
form{
margin:0;
padding:0;
}

/****** LAYOUT DESIGN ******/

#canvasDiv {
width: 903px;
margin: 0 auto;
}
#logo {
margin: 26px 0 0 0;
position:absolute;
z-index:50;
}
*:first-child+html #logo{ /* IE7 only logo-hack */
float:left;
position:static;
}
#headerRightContainer {
float: right;
margin: 5px 5px 0 0;
}


.sssOuter {
clear: both;
float: right;
padding: 20px 0 0 0;
}
.sssInputField {
float: left;
}
.sssInputField input {
padding: 2px 6px;
color: #959595;
}
.sssSearchButton {
float: left;
margin: 1px 0 0 0;
}
.sssSearchButton input{
background: URL(../_images/jshButton.gif) repeat-x 0% 0%;
border: 1px solid #636363;
color: #fff;
padding: 2px 8px 0px 8px;
margin: 0;
}

#hlb2 {
margin: 0 -2px 0 0;
padding: 7px 0 0 0;
width: 400px;
clear: both;
float: right;
}
#hlb2 a {
background: URL(../_images/hlb2Back.png) repeat-x 0% 0%;
display: block;
float: right;
color: #000;
text-decoration: none;
font-weight: bold;
font-size: 14px;
padding: 4px 30px 4px 30px;
margin: 0 3px 0 0;
}
#hlb2 a:hover {
}

#subHeaderContainer {
background: URL(../_images/subHeaderBack.png) no-repeat 0% 0%;
clear: both;
height: 275px;
padding: 0 9px 5px 9px;
position: relative;
z-index:5;
}

/* TEASER 1 */

#teaser1Container {
padding: 5px 0 0 0;
float: left;
}
#teaser1Container img {
}
/***/
#jobSearchHookContainer {
background: #000;
float: right;
margin: 5px 0 0 0;
width: 331px;
height: 258px;
}
.jshOuter {
padding: 0 0 55px 0;
}
.jshHeader {
color: #fff;
font-size: 17px;
font-weight: bold;
padding: 5px 0 5px 42px;
}
.jshText {
color: #fff;
padding: 0px 10px 5px 42px;
line-height:11px !important;
font-size:11px;
}
/* .jshInput {
padding: 7px 0 0 0;
clear: both;
}
.jshInput label {
float: left;
width: 66px;
padding: 0 0 0 42px;
color: #959595;
font-size: 11px;
}
.jshInput input, .jshInput select {
float: right;
width: 150px;
margin: 0 42px 0 0;
}
.jshInput select {
width: 154px;
_width: 150px;
height:50px;
} */
.jshBc input{
background: URL(../_images/jshButton.gif) repeat-x 0% 0%;
border: 1px solid #636363;
color: #fff;
padding: 2px 8px 0px 8px;
cursor: pointer;
}

.selectlist,
.selectlist ul {
margin: 0;
padding: 0;
list-style: none;
}
.selectlist ul {
display: none;
top:100%;
left: -1px;
border: 1px solid;
position: absolute;
background:#ffffff;
max-height:500px;
min-width:175px;
padding-bottom:2px;
overflow-y:auto;
overflow-x:hidden;
}
* html .selectlist ul{
width:expression(this.scrollWidth< 174 ? "175px" : "auto" );
height:expression(this.scrollHeight > 500 ? "500px" : "auto" );
}
.selectlist li {
display: block;
position: relative;
}

.selectlist li.virtual_selectbox {
width:175px;
padding: 0px;
margin:0px 0px 10px 0px;
}

.virtual_value_hook{
display: block;
cursor:pointer;
padding: 2px 7px;
width:162px;
white-space:nowrap;
overflow-x:hidden;
_width:157px;
}

.selectlist ul li {
float: none;
margin: 0;
background:#ffffff;
padding: 2px;
white-space:nowrap;
}

input.jobSearchCheckBox{
border:none;
background:transparent;
}

*>.selectlist ul li{
padding: 2px 15px 2px 2px;
}
.jshTrefwoord{
float: left;
}
.jshTrefwoord input{
padding: 1px 7px;
font-size:12px;
}
.jshTrefwoord input{
width:163px;
}


* html .selectlist li {
float: left;
height: 1%;
}
* html .selectlist ul li {
float: left;
height: 1%;
width: 100%;
}



/***/

.hlb4 {
background: URL(../_images/hlb4Arrow.gif) no-repeat 0% 50%;
color: #959595;
font-size: 11px;
font-weight: bold;
text-decoration: none;
clear: both;
display: block;
padding: 0 0 0 14px;
margin: 2px 0 0 42px;
}
.hlb4:hover {
color: #fff;
text-decoration: none;
}

#mainContainer {
background: URL(../_images/mainBack.png) repeat-y 0% 0%;
position:relative;
z-index:2;
}

#contentFrame {
padding:40px 40px 0 50px;
width:460px;
min-height:400px;
_height:400px;
float: left;
}
/* opmaak sollicitatie hook */
#rightCont{
background: #e1e1e1 URL(../_images/catListHookBack.gif) no-repeat 0% 100%;
float: right;
width: 330px;
margin: -6px 9px 0 0;;
z-index: 2;
position: relative;
}
.aQACont{
margin: 10px 10px 52px;
}
.qAplInputE input, .qAplInputCic input, .qAplInputCvl select, .webUserHookInput input{
color:#959595;
padding:2px 0 2px 6px;
width:154px;
}
.aQACont label{
display:block;
padding:2px 0;
float: left;
widtH: 90px;
}
.qAplInput{
clear: both;
}
.qAplInputCsc{
padding-top:5px;
}
.aQACont .qAplInputCsc a {
display:block;
}
.aQACont .qAplInputCsc #captcha {
float:left;
}
.aQACont .qAplInputCic {
clear:both;
}
.qAplTitle {
color:#0054A6;
font-size:16px;
margin:0;
padding-bottom:10px;
}
.webUserHookOuter{
border-top: 1px solid #FFF;
padding-top: 10px;
}

.webUserHookHeader{
color:#0054A6;
font-size:16px;
font-weight:normal;
}

.jobCatHookHolder {
background: #e1e1e1 URL(../_images/catListHookBack.gif) no-repeat 0% 100%;
float: right;
width: 330px;
margin: -6px 9px 0 0;
padding: 34px 0 52px 0;
z-index: 2;
position: relative;
}
.jobCatHookHeader {
display: none;
}
.jobCatHookItemTitle {
padding:0 0 15px 15px;
float: left;
width:45%;
/*_width: 120px;*/
}
.jobCatHookItemTitle a {
color: #000;
text-decoration: none;
font-size: 11px;
}
.jobCatHookItemTitle span {
color: #898989;
font-size: 11px;
}

/* TEASER 2 */

#teaser2Container {
background: URL(../_images/teaser2Back.gif) no-repeat 0% 0%;
_height: 230px;
min-height: 230px;
width: 339px;
float: right;
clear: right;
margin: 0 9px 0 0;
}
#teaser2Container .teaserIntro {
background: URL(../_images/teaser2Arrow.gif) no-repeat 26px 39px;
font-size: 17px;
font-weight: bold;
color: #0054a6;
padding: 48px 0 0 74px;
}
#teaser2Container .teaserText {
background: URL(../_images/teaser2Arrow.gif) no-repeat 26px 39px;
font-size: 17px;
font-weight: bold;
color: #0054a6;
padding: 48px 0 0 74px;
}

.block {
display: block;
z-index: 1;
position: relative;
}

#contentBottomContainer {
background: #0054a6;
clear: both;
margin: 0 9px;
padding: 45px 0 0 0;
}
#hlb6Cont{
padding:0 40px 10px 50px;
color:#fff;
padding-bottom:10px;
}
#hlb6Cont a{
background:transparent;
color: #fff;
padding:0 5px;
border:0px;
border-right: 1px solid #fff;
text-transform:lowercase;
text-decoration: none;
margin:0;
font-size:11px;
}
#hlb6Cont a:hover{
text-decoration: underline;
}
.jslOuter {
float: left;
padding: 0 0 0 46px;
width: 184px;
_width: 230px;
}
.jslTitle {
color: #fff;
font-size:18px;
margin: 0 0 30px 17px;
}
.jslItemContainer {
margin: 0 0 20px 0;
}
.jslFunctionName {
background: URL(../_images/shortListArrow.gif) no-repeat 0% 50%;
padding: 0 0 0 17px;
}
.jslFunctionName a{
color: #fff;
text-decoration: none;
font-size: 11px;
}
.jslKeyword {
color: #acacac;
font-size: 11px;
padding: 2px 0 0 17px;
}

.rssShortListOuter{
float:left;
width:350px;
margin:0 0 0 52px;
}
.rssShortListHeader{
color: #fff;
font-size:18px;
margin: 0 0 30px 0;
}
.rssShortListLink {
padding: 0 0 4px 0;
}
.rssShortListLink a {
color: #acacac;
text-decoration: none;
font-size: 11px;
}
.rssShortListLink a:hover {
color: #fff;
text-decoration: underline;
}


#extraFormContainer {
float: right;
width: 162px;
padding: 0 0 0 0;
margin: 0 64px 0 0;
}
#extraFormContainer .teaser3Header {
color: #fff;
margin: 0px 0px 30px 0px;
font-size:18px;
padding:0px 0px 5px 0px;
}
#extraFormContainer .input {
display: block;
color:#959595;
width: 154px;
_width: 160px;
margin: 0 0 10px 0;
padding: 2px 0 2px 6px;
}
#extraFormContainer #extraFormButton {
display: block;
float: right;
margin: 0 0 10px 0;
}
#extraFormContainer .text {
clear: both;
color: #b7b7b7;
font-size: 11px;
}
.teaser3Item{
margin-top:30px;
}


#footerContainer {
background: #000;
color: #fff;
clear: both;
margin: 3px 9px 0 9px;
padding: 0 0 0 50px;
line-height: 34px;
vertical-align: middle;
}
#footerContainer a {
color: #fff;
text-decoration: none;
}
.hlb3 {
}
#otys {
float: right;
display: block;
margin: 0 13px 0 0;
}
#pxl {
display: block;
float: right;
}

/* MODULES */

.button {
background: URL(../_images/buttonBack.gif) repeat-x 0% 0%;
padding: 1px 8px;
color: #fff;
font-size: 11px;
border: 1px solid #636363;
margin: 10px 0;
}

.aplEnrollIntro {
padding: 0 0 20px 0;
}
.formInput label {
width:213px;
_width:207px;
}
.pcWord {
color: #fff;
}
.cLCont {
border-top: 1px solid #636363;
}
.jclItem {
border-bottom: 1px solid #636363;
margin: 0;
padding: 0;
}

.category {
background: #0054a6;
padding: 2px 5px;
color: #fff;
}
.itemContainer {
border: 1px solid #e1e1e1;
padding: 4px;
}
.itemTitle {
border-bottom: 1px solid #e1e1e1;
padding: 0 0 4px 0;
margin: 0 0 4px 0
}
.itemTitle a {
text-decoration: none;
}

.virtual_selectbox {
border: 1px solid #b3b3b3;
width: 350px;
}
.virtual_selectbox_opened {
border: 1px solid #b3b3b3;
width: 350px;
}
.virtual_checkbox_opened {
border: 1px solid #b3b3b3;
border-top: 0;
width: 350px;
}

/** ACTONOMY STUFF **/


.actCompTbl td {
padding-right:10px;
}
.actTopMenu {
border:1px solid;
padding: 10px;
}
.actMlSb{
white-space:nowrap;
}
.actTopMenu .actMl{
padding:0px 5px 0px 0px;
zoom:1;
}


.actMl{
margin:0px 5px 0px 0px;
}
*>.actMl{
margin:0px 3px 0px 0px;
}
.actEquery{
padding-left:0px;
padding-right:0px;
}
#actEqueryContainer{
border:1px solid;
padding:4px;
margin-top: 10px;
}
.optionList ul {
margin:3px 0px 5px 0px;
}
.optionList li a{
padding-left:0px;
display:inline;
}
.optionListContainer{
padding:2px;
margin-bottom:15px;
}
.actIc {
border:1px solid;
padding:4px;
}
.actItemTitle {
border-bottom:1px solid;
padding-bottom:4px;
margin-bottom:4px;
}
.actItemTitle a{
text-decoration: none;
}
.actPageNav {
padding-bottom:10px;
line-height:150%;
}
.actPageNav a{
padding:0px 4px;
text-decoration: none;
background:#ddd;
margin-right:4px;
}
a.actFirst,
a.actPrev,
a.actNext,
a.actLast{
background: none;
white-space: nowrap;
font-size: 80%;
line-height:50%;
}
a.actFirst,
a.actPrev{
padding-left:0px;
padding-right:8px;
margin-right:4px;
border-right:1px solid;
}
a.actPrev{
margin-right:8px;
}
a.actNext,
a.actLast{
padding-left:8px;
padding-right:0px;
margin-left:4px;
border-left:1px solid;
}
.actActive{
border:1px solid;
}
.actIFw img{
vertical-align: middle;
}
.actBottomMenu{
border-top:1px solid;
padding-top: 5px;
}
.actBottomMenu .actMl{
border:none;
margin-right:10px;
}




/* ALLHOOKS BUSJAB */

.allhooks #contentLeft, .allhooks  #contentMid, .allhooks  #contentRight {

margin:0 5px;
}
.allhooks .hooktitle {
display:block;
text-align:right;
color:#ff0000;
font-weight:bold;
margin-bottom:5px;
}
.allhooks hr {
margin-top:40px;
}


/* VALIDATION CSS */

.error { color:#000; }
label.error {
  float:right;
  background:url("../_images/unchecked.gif") no-repeat 0px 0px;
  padding-left: 5px;
  width:auto;
  clear:none;
  float:none;
  display:inline;
  margin-left:5px;
  padding-left:18px;
  color:#ff0000;
}
.success {
  background:url("images/checked.gif") no-repeat 0px 0px;
  padding-left: 16px;
}

.contentMultiColLeftContainer{
float:left;
width:45%;
}
.contentMultiColRightContainer{
float:right;
width:45%;
}

.intro,.text,.tekstblokje,.itemDescription,.hookText,.formText,.moduleIntro,.moduleText{
line-height:18px;
}

.Wup0Mc{
display:none;
}








/** Remove Requested by Nicol de Voor 05-10 **/
.aplAplyLogin,.aplAplyPass{
display:none;
}

/**  **/
.actHOuter{
padding:20px;
}
.actHHeader{
color:#FFF;
font-size:17px;
margin:10px 0;

}
.actHWord{
margin-top:10px;
}
.actHWord label{
font-size:11px;
color:#959595;
}
.actHInput input{
width:200px;
margin-bottom:5px;
}
.actHVsi{
display:none;
}

.fullWidth #contentFrame{
width: auto !important;
}