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


#inlog_container{
background:url("../img/inlog_container.png") no-repeat scroll 0 0 transparent;
float:right;
}



#inlog_container{
background:url(../_images/inlog_container.png) no-repeat 0 0;
padding:15px 0 29px 23px;
margin:20px 0 0 0 ;
width:220px;
}
#inlog_container .titel{
color:#fff;
font-weight:bold;
font-size:13px;
text-transform:uppercase;
}
.loginButton{
background:url("../_images/webUserButton.gif") no-repeat scroll 100% 50% transparent;
border:0 none;
height:20px;
margin:2px 0 0;
padding:0;
width:26px;
font-size:0;
}



/****** FIRST BASE,BLOCKLEVELS ******/
body{
background: #bf8c53;
margin:0;
font-size:11px;
font-family:'Trebuchet MS',Arial,Helvetica,sans-serif;
text-align:center;
}
img{
border:0;
}
a {
color: #54534A;
}
a:hover{
text-decoration:none;
}
td,th,div{
color:#54534A;
font-size:11px;
font-family:'Trebuchet MS',Arial,Helvetica,sans-serif;
text-align:left;
}
h1{
font-size:18px;
margin:0;
padding-bottom:5px;
}
h2{
font-size:14px;
margin:0;
padding-bottom:5px;
}
h3{
font-size:12px;
margin:0;
padding-bottom:5px;
}
input,textarea,select{
color: #54534A;
font-size:11px;
background:#FFFFFF;
border:1px solid #7f9db9;
font-family:'Trebuchet MS',Arial,Helvetica,sans-serif;
}
ul{
margin-left:10px;
padding-bottom:0;
padding-left:8px;
} 
textarea{
overflow:auto;
}
hr{
color: #54534A;
}
form{
margin:0;
padding:0;
}

/* SITE SPECIFIC STYLING */

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

/* HOOKS */

.hookOuter {
margin: 0;
}
.hookHeader {
color:#FFFFFF;
font-size:16px;
font-weight:bold;
margin:0;
padding:0 0 10px 0;
text-align:left;
text-transform: uppercase;
}
.hookText {
color: #fff;
padding: 0 0 10px 0;
}
.hookItemContainer {
}
.hookItemWord {
color: #fff;
padding: 2px 0;
}
.hookItemWord label {
display: block;
}
.hookItemWord select {
width: 205px;
}
.hookItemWord input {
width: 205px;
}
.hookButton {
text-align: right;
}
.hookButton input {
background: URL(../_images/hookArrow.gif) no-repeat 100% 50%;
border: 0;
margin: 10px 23px 0 0;
padding: 0 20px 0 0;
color: #fff;
text-transform: uppercase;
height: 20px;
}

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

#canvasDiv {
background: #fff;
width: 959px;
margin: 0 auto;
position: relative;
}
#headerContainer {
background: #f79c3b;
height: 170px;
}
#logoContainer {
background: URL(../_images/logoBackground.gif) no-repeat 0% 0%;
margin: 20px 0 0 0;
float: left;
width: 700px;
height: 120px;
}
#logo {
float: left;
margin: 20px 0 0 20px;
}

/* WEB USER HOOK */

.webUserHookOuter {
background: URL(../_images/inlog_container.png) no-repeat 0% 0%;
width: 243px;
height: 120px;
float: right;
margin: 20px 0 0 0;
}
.webUserHookHeader {
font-size:13px;
font-weight:bold;
padding: 15px 0 5px 23px;
color: #fff !important;
}
.webUserHookText {
display: none;
}
.webUserHookKeyWord {
display: none;
}
.webUserHookInput {
padding: 0 0 0 23px;
float: left;
}
.webUserHookInput input {
width: 110px;
height: 17px;
}

.webUserHookButton {
float: left;
}
.webUserHookButton .webUserButton {
background: URL(../_images/webUserButton.gif) no-repeat 100% 50%;
width: 26px;
height: 20px;
border: 0;
margin: 2px 0 0 0;
padding: 0;
}
.webUserHookButton .webUserButtonHover {
background: URL(../_images/webUserButtonHover.gif) no-repeat 100% 50%;
width: 26px;
height: 20px;
border: 0;
cursor:pointer;
margin: 2px 0 0 0;
padding: 0;
}
.webUserHookButton_2 .button {
background: transparent;
color: #fff;
margin: 0 50px 0 0;
}

#teaser1Container {
float: right;
padding: 75px 13px 0 0;
}

#leftContainer {
float: left;
width: 165px;
margin: 8px 0 0 8px;
}
#subMenuTop {
background: #fd995a;
height: 30px;
}
#subMenu {
background: #ea7125;
height: 270px;
padding: 11px 0 0 0;
}
#subMenu a {
color:#53534A;
text-decoration:none;
font-size: 13px;
display: block;
border-bottom: 1px solid #f79c3b;
padding: 10px 6px 8px 6px;
}
#subMenu a:hover {
background: URL(../_images/subMenuArrow.png) no-repeat 80% 80%;
color: #000;
}
#subMenuBottom {
background: URL(../_images/container_links.gif) no-repeat 0% 100%;
height: 368px;
}
#rightContainer {
float: right;
width: 770px;
margin: 8px 9px 0 0;
}
.knoptitel {
background: #53534a;
padding: 0 0 0 5px;
line-height: 30px;
vertical-align: middle;
color: #fff;
font-size: 13px;
font-weight: bold;
}

/* TEASER 2 */

.teaser2Container {
background:#FFF;
width: 770px;
position: relative;
padding: 8px 0 10px 0;
height:220px;
overflow:hidden;
}
.teaser2Container .teaserIntro {
z-index: 2;
color:#FFF;
font-size:38px;
font-style:italic;
left:0;
padding-left:75px;
position:absolute;
top:75px;
width:320px;
}
.teaser2Container .slideshow {
position: relative;
z-index: 1;
}
#contentFrame {
float: left;
padding: 13px 0;
margin: 0 10px;
width: 490px;
}
#contentFrame_home {
padding: 0;
width: 490px;
float: left;
}

#contentFrame div, #contentFrame td, #contentFrame_home div, #contentFrame_home td {
font-size: 13px;
}

#mainContainer {
position: relative;
width: 771px;
}
.homeLeftContainer {
background: #feddb4 URL(../_images/homeLeftCont.gif) no-repeat 0% 100%;
height: 100%;
width: 251px;
float: left;
left: 0px;
position: absolute;

}
.homeRightContainer {
background: #f78e1e;
width: 251px;
left: 260px;
float: left;
height: 100%;
position: absolute;

}

#mainContainerRight_home {
background: #b76a13 URL(../_images/homeRightCont.gif) no-repeat 100% 100%;
width: 238px;
_width: 251px;
left: 519px;
float: right;
height: 100%;
padding: 0 0 0 13px;
}

#mainContainerRight {
float: right;
width: 240px;
margin: 0 0 0 11px;
}


/* JOBS SHORTLIST */

.jslOuter {
margin: 15px 11px 0 0;
}
.jslTitle {
background: URL(../_images/poolmanagement.png) no-repeat 0% 40%;
color: #fff;
padding: 2px 0 2px 30px;
margin: 0 0 5px 0;
color:#53534A;
font-size:20px;
font-weight:normal;
text-transform: uppercase;
}
.jslItemsHolder {
border: 1px solid #f78e1e;
padding: 10px 5px 0 5px;
}
.jslItemContainer {
padding: 0 0 10px 0;
}
.jslFunctionName a {
color: #fff;
text-decoration: none;
font-weight: bold;
}
.jslKeyword {
color: #fff;
}

/* SEARCH HOOK */

.jshOuter {
margin: 15px 0 10px 8px;
}

#footerContainer {
background: URL(../_images/footerBack.gif) no-repeat 0% 100%;
width: 959px;
margin: 0 auto;
clear: both;
}
#footerContainer div {
padding: 5px 15px;
text-align: right;
color: #54534A
}
#footerContainer a {
text-decoration: none;
color: #54534A
}
#footerContainer a:hover {
color: #000;
}
.cleaner {
clear: both;
}

/* RSS */

.rssShortListOuter {
padding: 0 8px 15px 8px;
}
.rssShortListItemContainer {
padding: 0 0 10px 0;
}

/* TEASER 3 */

.teaser3Outer {
padding: 0 15px 15px 9px;
}
.teaser3Outer .teaserTitle {
background: URL(../_images/poolmanagement.png) no-repeat 0% 40%;
color: #fff;
padding: 2px 0 2px 30px;
margin: 5px 0;
color:#fff;
font-size:20px;
font-weight:normal;
text-transform: uppercase;
}
.teaser3Outer .teaserIntro {
color: #fff;
}
.teaser3Outer .teaserSubHeader {
color:#FFFFFF;
font-size:16px;
font-weight:bold;
margin:0;
padding:10px 0;
text-align:left;
text-transform: uppercase;
}
.teaser3Outer .teaserText {
color: #fff;
}

/* SPECIAL HOME BISJAB */

.homeHeader {
background: URL(../_images/poolmanagement.png) no-repeat 0% 40%;
color: #fff;
padding: 1px 0 1px 30px;
margin: 16px 13px 5px 13px;
color:#53534A;
font-size:20px;
font-weight:normal;
text-transform: uppercase;
}
.homeText {
font-size: 16px;
padding: 0 13px;
}

/* MODULES */

.button {
padding: 0 6px;
margin: 10px 0;
}
.menuLink {
padding-left: 0px;
}

.category {
background: #fff;
color: #000;
padding: 2px 4px;
margin: 0 0 10px 0;
}
.itemContainer {
margin: 0 0 10px 0;
}
.itemTitle a {
font-size: 14px;
text-decoration: none;
}
.itemDescription a {
background: URL(../_images/meerLink.gif) no-repeat 100% 100%;
margin: 10px 0 0 0;
padding: 5px 0 0 0;
width: 70px;
display: block;
text-decoration: none;
}

/* FACEBOOK */

.consListIc {
background: #FDEAD2;
float: left;
width: 200px;
border: 1px solid #000000;
padding: 5px;
margin: 0 10px 10px 0;
}
.faceIimg {
background: #fff;
border:1px solid #000000;
padding:5px;
}
.faceItitle  {
border-bottom:1px solid #000000;
margin-bottom:5px;
}
/** 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;
}
.virtual_selectbox,.selectlist ul{
color: #54534A;
font-size:11px;
border:1px solid #7f9db9;
}

.consListIc h3 a{
color:#54534A;
}
.faceDesc, .faceItitle{
color:#54534A;
}
.colContainer{
display:block;
float:left;
width:235px;
}