/* Holland Health Care WEB SHEET */
/* COPYRIGHT OTYS CORP 2003-2010 */
/* AUTHOR: Ota Hobst */
/* TEMPLATE: CMSBUSJABHome.HTML */

/****** FIRST BASE,BLOCKLEVELS ******/

* {
margin: 0
}
html {
height: 100%;
}
body{
text-align:center;
margin:0;
height: 100%;
}
img{
border:0;
}
a {
color: #ff702c;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
td,th,div{
color:#000;
font-size:11px;
font-family:Arial,Verdana,Helvetica,sans-serif;
text-align:left;
}
h1{
font-size:22px;
font-weight:bold;
letter-spacing:1px;
line-height:25px;
margin:0;
padding:0;
color: #000;
}
h2{
font-size:13px;
font-weight:bold;<!--  -->
line-height:18px;
margin:0;
padding:0 0 5px;
color: #000;
}
h3{
font-size:12px;
margin:0;
padding-bottom:5px;
}
p{
margin-bottom:10px;
}
input,textarea, select{
color:#000000;
font-size:11px;
background:#FFFFFF;
border:1px solid #ff702c;
}
ul{
margin-left:10px;
padding-bottom:0;
padding-left:8px;
} 
textarea{
overflow:auto;
}
hr{
color:#000;
}
form{
margin:0;
padding:0;
}

/* HOOK HEADER */

.hookOuter {
margin: 24px 0 0 0;
}
.hookHeader {
font-size:22px;
font-weight:bold;
letter-spacing:1px;
line-height:25px;
margin:0 0 15px 21px;
padding:0;20-4-2010 16:06:44
color: #000;
}
.hookItemContainer {
border-bottom:1px solid #009DDC;
padding:6px 0 5px;
}
.hookItemTitle {
}
.hookItemWord span {
padding: 0;
}
.hookItemTitle a {
color:#009ddc;
font-size: 12px;
text-decoration:none;
font-weight: bold;
}
.hookItemTitle a:hover {
color: #007cb9;
}
.hookItemWord {
color:#000000;
font-size:10px;
padding-top: 3px;
}

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

#canvasDiv {
min-height: 100%;
height: auto !important;
height: 100%;
width: 1001px;
margin: 0 auto;
padding-bottom: 120px;
}

#leftContainer {
width: 277px;
float: left;
}

/* TEASER 1 */

#teaser1Container {
height: 164px;
position: relative;
}
#teaser1Container .teaserTitle {
background: URL(../_images/hhc/leftTop.png) no-repeat 0% 0%;
font-size:22px;
font-weight:bold;
letter-spacing:1px;
margin:0;
/*padding:142px 22px 3px 0;*/
padding:164px 22px 0 0;
position:absolute;
text-align:right;
width:255px;
_width:277px;
z-index:79;
color: #000;
}
#teaser1Container .teaserText {
position: absolute;
z-index: 1;
overflow: hidden;
width: 277px;
height: 164px;
}

#flashcontent {
border-bottom:1px solid #FF702C;
border-top:1px solid #FF702C;
height:129px;
margin-top:50px;
margin-left: 24px;
overflow:hidden;
width:253px;
}

#hlb4 {
margin: 25px 0 0 0;
list-style: none;
}
#hlb4 a {
margin: 0 0 18px 0;
color:#FF702C;
font-size:14px;
font-weight:bold;
}
#hlb4 a:hover {
color: #e15612;
text-decoration: none;
}
#hlb4 li {
text-align: right;
padding: 0 0 10px 0;
}

#rssLink {
background: URL(../_images/hhc/rss.gif) no-repeat 0% 0%;
display: block;
height: 12px;
width: 100px;
margin: 43px 0 0 176px;
}
#rssLink:hover {
background: URL(../_images/hhc/rss.gif) no-repeat 0% 100%;
}

#otys {
margin: 43px 0 0 0;
/* text-align: right; */
color: #009DDC;
}
#otys a {
color: #009DDC;
text-decoration: none;
}

#centralContainer {
background: URL(../_images/hhc/top_groen.gif) no-repeat 0% 0%;
width: 380px;
overflow: hidden;
float: left;
margin: 0 0 0 22px;
}
#logo {
width: 380px;
height: 128px;
margin: 0 0 15px 0;
}

#contentFrame {
}
.title, .formHeader {
font-size:22px;
font-weight:bold;
letter-spacing:1px;
line-height:25px;
margin:0 0 21px 21px;
padding:0;
color: #000;
}
.subHeader {
margin: 5px 0 0 0;
}

#rightContainer {
background: URL(../_images/hhc/rechtsboven.gif) no-repeat 0% 0%;
width: 300px;
float: right;
}
#media {
display: block;
}

.hlb3 {
display: block;
font-weight: bold;
color: #000;
padding: 5px 2px;
border-bottom: 1px solid #009DDC;
}
.hlb3:hover {
color: #009ddc;
text-decoration: none;
}


#footerContainer{
position:fixed;
left:0px;
bottom:0px;
height:117px;
width:100%;
text-align: center;
}
* html #footer{
position:absolute;
top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}	
#footerBox {
margin: 0 auto;
width: 1001px;
height: 117px;
background: URL(../_images/hhc/footerBack.png) no-repeat 0% 0%;
position: relative;
}
* html #footerBox {
background: url("../images/footer.gif") no-repeat 0px 0px;
}



#footerLeft {
width: 277px;
float: left;
}



/* SMART SEARCH HOOK */

.sssHeader {
color: #ff702c;
font-weight: bold;
text-align: right;
margin: 0 0 5px 0;
}
.sssOuter {
margin: 0;
float: right;
height: 47px;
}
.sssInputField {
float: left;

}
.sssInputField input {
width: 195px;
padding: 0;
height: 20px;
}
.sssSearchButton {
float: left;
}
.sssSearchButton input {
margin: 0;
}

#footerCentral {
width: 400px;
float: left;
margin-left: 22px;
margin-top: 66px;
position: relative;
left: -1px;

}


#footerRight {
width: 300px;
float: right;
position: relative;
left: -4px;
}

/* JOB SEARCH HOOK */

.jshOuter {
margin: 0;
height: 71px;
margin-left: 4px;
}
.jshHeader {
color: #009DDC;
font-weight: bold;
margin: -5px 0 0 0;
padding: 0;
font-size: 12px;
}
.jshIc {
float: left;
border: 0;
padding: 0;
}
.jshText {
display: none;
}
.jshTrefwoord {
padding: 0;
float: left;
}
.jshTrefwoord input {
border: 1px solid #009DDC;
width: 208px;
height: 20px;
padding: 0;
}
.jshTrefwoord label {
display: none;
}
.jshBc {
float: left;
}
.jshBc input{
border: 1px solid #009DDC;
background: #009DDC;
margin: 0;
height: 22px;
}



/* MODULES */

.button {
background: #ff702c;
border: 1px solid #ff702c;
color: #fff;
font-weight: bold;
padding: 0 10px;
height: 22px;
margin: 10px 0;
}

.jclItem {
border-bottom:1px solid #5a9acf;
margin-bottom:0.4em;
}

.category {
background: URL(../_images/hhc/category.gif) no-repeat 0% 0%;
width: 186px;
height: 13px;
line-height: 13px;
font-weight: bold;
color: #fff;
font-size: 12px;
text-align: center;
vertical-align: middle;
margin: 0 0 0 15px;
}
.itemContainer {
border-top:1px solid #5a9acf;
padding: 8px 0;
margin: 0;
}
.itemDescription {
padding: 0;
}

.itemTitle {
padding-bottom: 2px;
}
.itemTitle a {
color:#009ddc;
font-size: 12px;
text-decoration:none;
font-weight: bold;
}
.itemTitle a:hover {
color: #007cb9;
}
.itemDescription, .itemWord {
color:#000000;
font-size:11px;
}
.itemDescription a {
color:#009ddc;
}

.rssHookbutton {
background: url(../_images/hhc/rssButton.gif) no-repeat scroll 0 0;
cursor:pointer;
padding-left:18px;
text-align:left;
color: #fff;
font-size: 1px;
border: 0;
height: 12px;
width: 45px;
margin: 23px 0 0 0;
}

.smartSearchInputContainer {
padding-bottom: 20px;
}
.formHeaderContainer {
padding-bottom: 20px;
}
.sPotysLogo {
padding-top: 20px;
}

/* SITE SPECIFIC STYLING */

.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;
}




/* Job Detail */
.buttonContainer{
margin-bottom: 0;
}
.jbdPhoto1{
margin-bottom: 10px;
}
/* Blauwe styling content vlak */

#contentFrame a{
color: #009DDC;
}
#contentFrame input, textarea, select {
border: 1px solid #009DDC;
}
#contentFrame .button{
background: #009DDC;
}
#flashContent{
margin-top: 37px;
}