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

/* MAIN CONTENT */

#hea{
background:url("../_images/MainHeader.jpg") no-repeat;
width:940px;
height:279px;
margin:auto;
}
#log{
left:421px;
position:relative;
top:68px;
width:86px;
}
#hlb{
height:35px;
margin:0 auto;
padding:10px 0;
width:940px;
}
#bgc{
width:100%;
background:url("../_images/MainBg.jpg") repeat-x;
}
#con{
width:940px;
margin:auto;
padding-top:50px;
}
#cle{
float:left;
width:192px;
margin-bottom: 20px;
}
#cri{
float:right;
width:192px;
}
#cce{
width:400px;
float:left;
margin: 0px 78px 20px 78px;
}
#cce a{
color: #197EC1;
text-decoration: none;
}
#foo{
background:#33ac41 url("../_images/FooterShadow.jpg") repeat-x;
height:70px;
padding-top:40px;
text-align:center;
color:#fff;
}
#foo a{
color:#fff;
text-decoration:none;
border-left:1px #fff solid;
padding-left:10px;
padding-right:10px;
}
#foo a:hover{
text-decoration:underline;
}
#foo span{
margin-right:5px;
}

/* BISJAB STYLING */

.tekstblokje{
padding:0 0 20px;
}

/* GLOBAL HOOK STYLING */

.hookOuter{
width:192px;
margin: 0;
padding-bottom: 10px;
}

.hookHeader{
background:url("../_images/ColHeader.gif") no-repeat center top;
height:34px;
color:#fff;
text-transform:uppercase;
font-size:12px;
text-align:left;
padding:10px 0 0 0;
text-indent:20px;
}
.hookHeader a{
color:#fff;
text-decoration:none;
}
.hookOuter{
background: #9badb8;
color:#fff;
text-transform:capitalize;
font-size:12px;
}
.hookItemWord{
color:#fff;
}
.hookItemWord a{
color:#197ec1;
text-decoration:none;
}
.hookText{
color:#fff;
}
.hookText a{
color:#197ec1;
text-decoration:none;
}
.hookWord{
color:#fff;
padding-left:10px;
}
.hookWord a{
color:#197ec1;
text-decoration:none;
}
.hookItemContainer{
padding:5px 15px;
}
.hookInput{
padding-left:10px;
}
.hookInput input{
height:21px;
width:150px;
border:none;
background:#eaeef0;
}
.hookItemTitle a{
color:#fff;
text-deocration:none;
}

/* RSS FEEDREADER HOOK */

.rssShortListItemContainer{
padding:0 !important;
}
.rssShortListOuter{
background:none !important;
padding-bottom: 0;
}
.rssShortListLink a{
display:block;
padding: 3px 10px;
text-decoration:none;
color:#666666;
font-size: 11px
}
.rssShortListLink a:hover{
color:#197ec1;
}
.rssShortListHeader{
background:none !important;
color:#197ec1;
text-indent:10px;
height:20px;
}

/* WEBUSER HOOK */

.webUserHookOuter{
background:#9BADB8;
padding:0px;
}
.webUserHookText{
display:none;
}
.webUserHookKeyWord{
padding:4px 0 2px 10px;
}
.webUserHookKeyWord{
font-size:11px;
}
.webUserHookButton{
margin-top:15px;
}
.webUserHookButton input{
width:100%;
height:34px;
border:0;
background:url("../_images/ColFooterArrow.gif") no-repeat;
text-align:left;
padding-left:10px;
color:#fff;
}



/* SIMPLESMARTSEARCH */

.sssOuter{
float:right;
background:none;
padding:0 10px;
}
.sssInputField{
float:left;
}
.sssInputField input{
float:left;
border:1px #197ec1 solid;
background;none;
width:110px;;
height:21px;
}
.sssSearchButton{
}
.sssSearchButton input{
background:#9BADB8 url(../_images/ZoekenButton.jpg) no-repeat scroll 0 0;
border:1px solid #197EC1;
color:#FFFFFF;
height:25px;
padding:5px 6px;
}

/****** FIRST BASE,BLOCKLEVELS ******/
body{
text-align:center;
margin:auto;
}
img{
border:0;
}
a:hover{
text-decoration:none;
}
td,th,div{
color:#666666;
font-size:12px;
font-family:Arial,Verdana,Helvetica,sans-serif;
text-align:left;
}
h1{
font-size:24px;
color:#197ec1;
margin:0;
padding-bottom:25px;
font-weight:normal;
}
h2{
font-size:18px;
color:#197ec1;
margin:0;
padding-bottom:25px;
font-weight:normal;
}
h3{
font-size:12px;
margin:0;
padding-bottom:25px;
font-weight:normal;
}
input,textarea, select{
color:#000000;
font-size:11px;
background:#FFFFFF;
border:1px solid #333;
}
ul{
margin-left:10px;
padding-bottom:0;
padding-left:8px;
} 
textarea{
overflow:auto;
}
hr{
color:#666666;
}
form{
margin:0;
padding:0;
}
strong,em{
}

/****** LAYOUT DESIGN ******/
#outer{
width:960px;
margin:0 auto;
}
#header{
background:url(http://www.yourit.nl/insta6/_images/header.gif) no-repeat 0 0;
height:184px;
}
#menu{
background:url(http://www.yourit.nl/insta6/_images/menu.gif) no-repeat 0 0;
height:30px;
margin:20px 0 0 0;
}
#content{
clear:left;
margin:20px 0 0 0;
}
#contentLeft{
float:left;
width:240px;
}
*>#contentLeft{
width:238px;
}
#contentMid{
float:left;
width:480px;
}
#contentRight{
float:right;
width:240px;
}
*>#contentRight{
width:238px;
}
#footer{
text-align:right;
border:1px solid #c2c2c2;
margin:20px 0 10px;
padding:2px 10px;
font-size:10px;
}
#footer span, #footer img{
padding:0 5px 0 0;
}

/* SITE SPECIFIC STYLING */
.moduleOuter{
margin:0 20px;
}

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


/** 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 */

.formError { color:#000; }
label.formError {
  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;
}

/* Teaser 1 */
.teaser1Image{
margin: 10px 0;
}

/* VACSHORTLIST */

.jslFunctionName a{
text-decoration:none;
color:#fff;
}
.jslLocation{
font-size:11px;
}
.jslItemContainer{
background: #9BADB8;
}
.jslItemContainer:hover{
background: #FFF;
}
.jslItemContainer:hover .jslKeyword{
color: #666;
}
.jslItemContainer:hover .jslFunctionName a{
color: #197ec1;
background: #FFF;
}


/* Vacatures */
.itemContainer{
border: 1px solid #197ec1;
padding: 5px;
}
.itemContainer a{
color: #197ec1;
text-decoration: none;
}
.itemTitle{
border-bottom: 1px solid #197ec1;
margin-bottom:10px;
padding-bottom:5px;
}


#hlb3{
width:100%;
height:34px;
border:0;
background:url("../_images/ColFooterArrow.gif") no-repeat;
text-align:left;
padding-left:10px;
color:#fff;
line-height: 34px;
}

#hlb3 a{
color: #FFF;
font-size: 11px;
text-decoration: none;
}

.subHeader{
padding-bottom: 0px;
}
.contentContactItemContainer{
border: none;
padding: 0;
}