/* Human Fonza Group WEB SHEET */
/* COPYRIGHT OTYS CORP 2003-2011 */
/* AUTHOR: Ota Hobst */
/* TEMPLATE: aCMSBUSJAB<*>.HTML */

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

body{
background: #000 URL(../_images/background.png) no-repeat 0% 0%;
text-align:center;
margin:0;
color:#000;
font-size:10px;
font-family:Verdana,Arial,Helvetica,sans-serif;
}
img{
border:0;
}
a {
color: #000;
text-decoration: underline;
}
a:hover{
text-decoration: none;
}
td,th,div{
text-align:left;
}
h1, .formHeader {
font-size:10px;
margin:0;
padding-bottom:5px;
}
h2, .formSubHeader {
font-size:10px;
margin:0;
padding-bottom:5px;
}
h3{
font-size:12px;
margin:0;
padding-bottom:5px;
}
input,textarea, select{
color:#000;
font-size:10px;
background:#fff;
border:1px solid #e4701e;
font-family: Verdana, Arial, sans-serif;
}
ul{
margin-left:10px;
padding-bottom:0;
padding-left:8px;
} 
textarea{
overflow:auto;
}
hr{
color:#333333;
}
form{
margin:0;
padding:0;
}

/* HOOKs */

.orangeHook {
background: #e4701e URL(../_images/top_orange.jpg) no-repeat 0% 0%;
margin: 0 0 10px 0;
}
.purpleHook {
background: #6c276a URL(../_images/top_purple.jpg) no-repeat 0% 0%;
margin: 0 0 10px 0;
}
.purpleHook .hookOuter {
background: URL(../_images/bottom_purple.jpg) no-repeat 0% 100%;
padding: 18px 10px 6px 10px;
}
.orangeHook .hookOuter {
background: URL(../_images/bottom_orange.jpg) no-repeat 0% 100%;
padding: 18px 10px 6px 10px;
}

.orangeHook .nwsSlOuter {
	padding: 1px 0 6px;
	margin-top: -15px;
}

.nwsSlDescription {
	padding-left: 0 !important;
}
.teaser4Outer .nwsSubHookOuter {
padding: 1px 10px;
margin-top: -10px;
}

.hookOuter {
}
.orangeHook .hookHeader,.orangeHook .hookTitle,.purpleHook .hookHeader,.purpleHook .hookTitle {
color: #fff;
}
.hookHeader,.hookTitle, .nwsSlItemTitle a {
font-size: 10px;
font-weight: bold;
color: #6C276A;
margin: 0 0 12px 0;
}
.hookText {
line-height: 12px;
margin: 0 0 12px 0;
}
.hookItemContainer {
margin: 0 0 5px 0;
}
.hookItemTitle {
background: URL(../_images/arrow_orange.png) no-repeat 0% 2px;
padding: 0 0 2px 10px;
}
.hookItemTitle a {
text-decoration: none;
}
.hookItemTitle a:hover {
text-decoration: underline;
}
.hookInput {
padding: 0 0 4px 0;
}
.hookWord {
}
.hookKeyWord {
padding: 0 0 4px 0;
}
.hookItemText {
padding: 4px 0 0 10px;
font-size: 10px;
}
.orangeHook .hookItemWord,.orangeHook .hookItemWord {
padding: 0 0 4px 0;
}
.orangeHook .hookItemWord label,.orangeHook .hookItemWord label {
float: left;
width: 85px;
padding: 1px 0 0 0
}
.orangeHook .hookItemWord input,.orangeHook .hookItemWord input {
width: 120px;
}
.orangeHook .hookItemWord select,.orangeHook .hookItemWord select {
width: 124px;
}
.hookItemWord {
padding: 0 0 0 10px;
font-style: italic;
color: #6C276A;
}
.orangeHook .hookButton input ,.orangeHook .hookButton input {
background: URL(../_images/whiteArrow.png) no-repeat 0% 3px;
padding: 0 0 0 10px;
border: 0;
margin: 0 0 10px 0;
color: #fff;
}

/* TEASER GLOBAL STYLING */

.teaserOrangeOuter a {
background: URL(../_images/whiteArrow.png) no-repeat 0% 50%;
padding: 0 0 0 9px;
text-decoration: none;
}
#rightContainer .teaserOrangeOuter a {
background: none;
padding: 0;
text-decoration: none;
}
.teaserOrangeOuter a:hover {
color: #fff;
}
.teaserPurpleOuter {
color: #fff;
}
.teaserPurpleOuter a {
background: URL(../_images/whiteArrow.png) no-repeat 0% 50%;
padding: 0 0 0 9px;
text-decoration: none;
color: #fff;
}
.teaserPurpleOuter a:hover {
color: #e4701e;
}
.teaserPurpleOuter ul, .teaserOrangeOuter ul {
list-style-image:URL("../_images/whiteArrow.png");
}
.teaserPurpleOuter li, .teaserOrangeOuter li {
margin: 0 0 12px 0;
}
.teaserPurpleOuter img, .teaserOrangeOuter img {
margin: 0 0 12px 0;
}

.teaser4Outer a {
padding: 0;
background: transparent;
}

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

#canvasDiv {
margin: 30px auto 0 auto;
width: 980px;
}

/* HEADER */

#headerContainer {
position: relative;
height: 170px;
}
#logo {
position: relative;
z-index: 3;
float: left;
margin: 50px 0 0 43px;
}
#headerMask {
background: URL(../_images/headerMask.png) no-repeat 0% 0%;
position: absolute;
width: 980px;
height: 170px;
z-index: 2;
left: 0;
top: 0;
}

/* TEASER 1 */

.teaser1Outer {
position: relative;
z-index: 1;
float: right;
margin: 10px 0 0 0;
width: 480px;
height: 150px;
overflow: hidden;
}

/* MAIN CONTAINER */

#mainContainer {
background: #fff URL(../_images/footer01.png) no-repeat 0% 100%;
padding: 1px 10px 96px 10px;
}

/* SUBHEADER CONTAINER */

#subHeaderContainer {
margin: 7px 2px 10px 3px;
height: 24px;
border-bottom: 1px solid #6c276a;
}

/* CRUMBLE PATH */

#crumblePath {
float: left;
padding: 4px 0 0 12px;
}
#crumblePath b {
font-weight: normal;
}

#crumblePath a {
/*background: URL(../_images/arrow_orange.png) no-repeat 0% 50%;
padding: 0 0 0 10px;*/
text-decoration: none;
}


/* SMART SEARCh HOOK */

.sssOuter {
float: right;
margin: 0 13px 0 0;
}
.sssInputField {
float: left;
}
.sssInputField input {
    color: #ACACAC;
    height: 17px;
    line-height: 17px;
    padding: 0 0 0 5px;
    vertical-align: middle;
    width: 107px;
}
.sssSearchButton {
float: left;
}
.sssSearchButton input {
border: 0;
background: #e4701e URL(../_images/whiteArrow.png) no-repeat 50% 50%;
height:19px;
width:19px;
margin: 0;
}

/* LEFT CONTAINER */

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

/* SUBMENU */

.subMenu {
padding: 18px 10px 10px 10px !important;
}

.subMenu a {
    color: #FFFFFF;
    display: block;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    padding-bottom: 10px;
    text-decoration: none;
}

.subMenu ul {
    margin: 0;
    padding: 0;
}

.subMenu ul ul{
    margin: 0 0 0 10px;
    padding: 0;
}

.subMenu ul li a {
background: URL(../_images/whiteArrow.png) no-repeat 0% 50%;
text-decoration: none;
display: block;
padding: 0 0 0 10px;
line-height: 14px;
margin: 0;
font-weight: normal;
color: #000;
}
.subMenu ul li a:hover {
color: #fff;
}

/* HLB5 */

.hlb5, .hlb5 ul {
list-style: none;
padding: 0;
margin: 0;
}
.hlb5 {
font-size: 10px;
font-weight: bold;
color: #fff;
line-height: 13px;
padding: 0 0 12px 0;
}
.hlb5 a {
background: URL(../_images/whiteArrow.png) no-repeat 0% 50%;
font-size: 10px;
font-weight: normal;
color: #000;
text-decoration: none;
padding: 0 0 0 10px;
}
.hlb5 a:hover {
color: #fff;
}
.hlb5 ul ul li {
padding-left: 10px;
}
.hlb5 ul {
padding: 10px 0 0 0;
}
.hlb5 ul ul {
padding: 0;
}

/* CENTRAL CONTAINER */

#centralContainer {
float: left;
width: 480px;
margin: 0 0 0 10px;
}

#centralContainer #mailingsHookContainer {
    float: left;
    width: 240px;
}

#centralContainer #shortListContainer {
width: 200px;
float: right;
margin: 0 10px 0 0;
padding-right: 10px;
}

.hlb3, .hlb4 {
background: URL(../_images/arrow_orange.png) no-repeat 0% 50%;
text-decoration: none;
padding: 0 0 0 10px;
display: block;
}

/* RIGHT CONTAINER */

#rightContainer {
float: right;
width: 230px;
}

/* FOOTER */

#footerContainer {
background: #a7a9ac URL(../_images/bottom_grey.jpg) no-repeat 0% 100%;
padding: 0 0 14px 0;
margin-top:15px;
}
.blockImg {
display: block;
}

/* HLB2 */

.hlb2, .hlb2 ul {
list-style: none;
padding: 0;
margin: 0;
}
.hlb2 {
margin: 8px 0 0 20px;
font-size: 10px;
font-weight: bold;
color: #fff;
line-height: 13px;
}
.hlb2 li {
float: left;
width: 155px;
}
.hlb2 ul li {
float: none;
width: 155px;
}
.hlb2 a {
font-size: 9px;
font-weight: normal;
color: #000;
text-decoration: none;
}
.hlb2 a:hover {
color: #e4701e;
}

/*
#otys {
display: block;
margin: 10px 0 0 0;
text-decoration: none;
text-align: right;
}
*/

/* MENU */

.menulist, .menulist  ul {
margin: 0;
padding: 0;
list-style: none;
}
.menulist li.menuLeft {
background: URL(../_images/menu_left.png) no-repeat 0% 0%;
width: 10px;
height: 23px;
border-right: 1px solid #fff;
}
.menulist li.menuRight {
background: URL(../_images/menu_right.png) no-repeat 0% 0%;
width: 12px;
height: 23px;
}
.menulist {
background: #fff;
height: 23px;
margin: 0 0 0 4px;
}
.menulist ul {
display: none;
position: absolute;
top: 1.0em; 
margin-top: 14px;
left: 0px;
display: none !important;
}
.menulist ul ul {
top: 0px; 
margin-top: 0;
left: 133px;
}
.menulist li {
float: left;
display: block;
position: relative;
height: 23px;
}
.menulist ul li {
float: none;
margin: 0;
}
.menulist a {
background: URL(../_images/menu_purple.png) repeat-x 0% 0%;
display: block;
color: #fff;
font-size: 10px;
line-height: 23px;
vertical-align: middle;
text-decoration: none;
border-right: 1px solid #fff;
width: 132px;
text-align: center;
}
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus, .menulist a.highlighted  {
background: URL(../_images/menu_orange.png) repeat-x 0% 0%;
}
.mainLevelactive a {
background: URL(../_images/menu_orange.png) repeat-x 0% 0%;
color: #000;
}
.menulist ul li {
border-bottom: 1px solid #fff;
}
.menulist ul li a {
border: 0;
}
.menulist a .subind {
display: none;
}
.menulist ul a .subind {
display: block;
float: right;
}
*:first-child+html .menulist ul li {
float: left;
width: 100%;
}
* html .menulist ul li {
float: left;
height: 1%;
}
* html .menulist ul a {
height: 1%;
}
.menulist li:hover>ul {
display: block;
}

/* SITE SPECIFIC STYLING */

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

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

.category {
padding: 4px;
background: #e4701e;
color: #fff;
font-size: 10px;
margin: 0 0 10px 0;
}
.itemContainer {
    border-bottom: 1px solid #6C276A;
    margin: 0 0 10px;
    padding: 4px 4px 15px;
}
.itemTitle {
padding: 0 0 4px 0;
margin: 0 0 4px 0;
}
.itemTitle a {
    background-color: White;
    color: #E4701E;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
	text-decoration: none;
}

.jblTitle {
 	color: #6C276A;
	margin-bottom: 0;
}

.jblIntro {
	display: none;
}

.itemWord {
padding: 0 0 4px 0;
}

.jblCat {
	display: none;
}

.itemDescription {
padding: 0;
margin: 0;
}
.itemDescription a {
}

.formInput select {
width: 144px;
}

.articleButtonsContainer div {
float: left;
margin: 0 10px 0 0;
}

.menuLink {
padding-right: 9px;
}

.tekstblokje, .intro {
padding: 0 0 10px 0
}

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

.buttonContainer {
	margin-bottom: 0;
}

.jslTitle, .jobCatHookHeader, .nwsSlItemTitle a{
	color: #E4701E;
}

.nwsSlItemContainer {
    margin: 0 0 15px;
}

.itemWord span, .jblItemDescr {
    background: url("../_images/arrow_orange.png") no-repeat scroll 0 3px transparent;
    padding-left: 10px;
    padding-right: 5px;
}

.subMenu ul{
	list-style: none;
}

.greyBlock{
background: #A7A9AC;
padding: 10px;
}

.Orangeblock {
	padding: 0 !important;
}

.Orangeblock strong font{
	padding: 6px;
	display: block
}

.Orangeblock strong{
	background: #E4701E;
}

#seoMenu{
margin: 10px 0 0;
overflow:hidden;
}
#seoMenu div{
float:none;
}
#seoMenu div a{
padding: 0 5px;
text-decoration: none;
float:left;
border-right:1px solid #A7A9AC;
}