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

/****** FIRST BASE,BLOCKLEVELS ******/
body{
background: URL(../_images/background.png) repeat-x 0% 0%;
text-align:center;
margin:0;
color:#415464;
font-size:14px;
font-family: Verdana,Helvetica,sans-serif;
}
img{
border:0;
}
a {
color: #0156a2;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
td,th,div{
text-align:left;
}
h1{
font-size:30px;
color: #0156a1;
margin:0;
padding-bottom:5px;
}
h2{
font-size:18px;
color: #0156a1;
margin:0;
padding:15px 0 0 0;
}
h3{
font-size:12px;
margin:0;
padding-bottom:5px;
}
input,textarea, select{
color:#000000;
font-size:11px;
background:#FFFFFF;
border:1px solid #2071ba;
border-right: 1px solid #0055a1;
border-bottom: 1px solid #0055a1;
}
ul{
margin-left:10px;
padding-bottom:0;
padding-left:8px;
} 
textarea{
overflow:auto;
}
hr{
color:#666666;
}
form{
margin:0;
padding:0;
}

/* HOOKS */

.hookContainer {
background: #0055a1 URL(../_images/hookBG.png) no-repeat 0% 0%;
margin: 0 0 10px 0
}
.hookOuter {
background: URL(../_images/hookFooter.png) no-repeat 0% 100%;
padding: 0 0 40px 0;
margin: 0;
}
.hookHeader, .hookTitle {
background: URL(../_images/hookTop.png) no-repeat 0% 0%;
color: #fff;
font-size: 18px;
font-weight: bold;
padding: 20px 15px 20px 26px;
}
.hookText {
color: #fff;
padding: 10px 15px 10px 26px;
}
.hookItemContainer {
background: URL(../_images/hookArrow.gif) no-repeat 0% 5px;
color: #fff;
margin: 0 0 23px 26px;
padding: 0 0 0 15px;
}
.hookItemTitle a {
font-size: 14px;
color: #fff;
}
.hookItemWord {
color: #d4e4f2;
font-size: 12px;
}
.hookWord {
color: #d4e4f2;
font-size: 12px;
}
.hookInput {
color: #d4e4f2;
font-size: 12px;
}

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

#canvasDiv {
width: 912px;
margin: 0 auto;
}
#headerContainer {
height: 197px;
}
#logo {
float: left;
}

/* TEASER 1 */

.teaser1Outer {
float: right;
width: 631px;
height: 197px;
overflow: hidden;
position: relative;
}
.teaser1Outer #slideshow {
position: relative;
float: right;
z-index: 1;
}
.teaser1Outer #teaser1Mask {
position: absolute;
top: 0;
right: 0;
z-index: 2;
}


#menuContainer {
height: 56px;
}


#teaser2Container {
height: 48px;
line-height: 48px;
vertical-align: middle;
text-align: right;
}

/* SMART SEARCH HOOK */

.sssOuter {
background: #fff;
float: right;
width: 220px;
margin: 15px 0 0 0;
padding: 0;
}
.sssInputField {
float: left;
}
.sssInputField input {
padding: 6px;
border: 0;
}
.sssSearchButton {
float: right;
}
.sssSearchButton input {
margin: 1px;
}

/* CONTENT */

#contentFrame {
float: left;
width: 600px;
padding: 0 0 45px 0;
}

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

/* RIGHT CONTAINER */

#rightContainer {
float: right;
width: 246px;
padding: 0 0 45px 0;
}

.hlb3 {
display: block;
float: left;
clear: both;
background: #0155a1 URL(../_images/buttRep.png) repeat-x 0% 0%;
padding: 3px 9px;
margin: -50px 0 0 26px;
border: 1px solid #0155a1;
color: #fff;
font-size: 11px;
font-weight: bold;
font-family: Arial, Verdana, sans-serif;
}

#footerOuter {
background: #9eb0c0 URL(../_images/footerBG.png) repeat-x 0% 0%;
text-align: center;
clear: both;
padding: 22px 0;
color: #fff;
font-size: 10px;
}
#footerOuter a {
color: #fff;
}
#footerOuter img {
margin: 14px 12px 0 12px;
}


/* SITE SPECIFIC STYLING */

.intro {
}
.button, .rssHookbutton {
background: #0155a1 URL(../_images/buttRep.png) repeat-x 0% 0%;
padding: 3px 9px;
border: 1px solid #0155a1;
color: #fff;
font-size: 11px;
font-weight: bold;
font-family: Verdana, Arial, Tahoma, sans-serif;
margin:0;
}

.category {
background: #0155a1;
padding: 2px 4px;
margin: 0 0 10px 0;
color: #fff;
}
.itemContainer {
border: 1px solid #0155a1;
padding: 4px;
margin: 0 0 10px 0;
}
.itemTitle {
border-bottom: 1px solid #0155a1;
padding: 0 0 4px 0;
margin: 0 0 4px 0;
}
.itemTitle a {
}
.itemWord {
padding: 0 0 4px 0;
}
.itemDescription {
padding: 0;
margin: 0;
}

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

/* MENU */

.menulist, .menulist  ul {
margin: 0;
padding: 0;
list-style: none;
}
.menulist {
float: left;
}
.menulist ul {
background: #0155a1;
display: none;
position: absolute;
top: 1.0em; 
margin-top: 30px;
left: 0;
width: 150px;
padding: 4px 10px;
}
.menulist li {
float: left;
display: block;
position: relative;
margin-right: -1px;
}
.menulist ul li {
float: none;
margin: 0;
margin-bottom: -1px;
}
.menulist a {
display: block;
margin: 12px 0 0 0;
color: #414e5a;
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
}
.menulist .hlb1Right {
padding: 9px 10px 9px 10px;
display: block;
}
.menulist .hlb1Left {
display: block;
}
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus, .menulist a.highlighted {
background: URL(../_images/hlb1BG.gif) repeat-x 0% 0%;
color: #FFF;
text-decoration:underline;
}
.menulist a:hover .hlb1Right, .menulist a.highlighted:hover .hlb1Right, .menulist a:focus .hlb1Right, .menulist a.highlighted .hlb1Right {
background: URL(../_images/hlb1Right.gif) no-repeat 100% 0%;
}
.menulist a:hover .hlb1Left, .menulist a.highlighted:hover .hlb1Left, .menulist a:focus .hlb1Left, .menulist a.highlighted .hlb1Left {
background: URL(../_images/hlb1Left.gif) no-repeat 0% 0%;
}
.menulist a .subind {
display: none;
}
.menulist ul li a {
margin: 0;
color: #d4dfe9;
font-size: 12px;
text-transform: none;
padding: 4px 0;
}
.menulist ul li a:hover {
background: transparent;
color: #fff;
}
.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;
}

/* UI Replacement */

/*Rounded buttons*/
.roundInOuter{
display: inline-block;
padding:6px;
}
.roundInInner{
display: inline-block;
position: relative;
z-index: 0;
}
.magicSelectRised{
z-index:20 !important;
position: relative;
}
.roundInInner input,
.roundInInner select,
.roundInInner textarea{
background-color:#fff !important;
border:none !important;
}
.roundInTop{
position: absolute;
top:-3px;
left:0px;
width:100%;
height:4px;
background: url("../_images/roundInsC/roundInTop.png") repeat-x scroll 0 0 #fff;
/* z-index:5; */
}

.roundInTopRight{
position: absolute;
top:-3px;
right:-6px;
width:6px;
height:6px;
background:url(../_images/roundInsC/roundInTopRight.png) no-repeat 0 0 #fff;
/* z-index:5; */
}
.roundInTopLeft{
position: absolute;
top:-3px;
left:-6px;
width:6px;
height:6px;
background:url(../_images/roundInsC/roundInTopLeft.png) no-repeat 0 0 #fff;
/* z-index:5; */
}
.roundInBott{
position: absolute;
bottom:-3px;
left:0px;
width:100%;
height:4px;
background: url("../_images/roundInsC/roundInBott.png") repeat-x scroll 0 100% #fff;
/* z-index:5; */
}
.roundInBottRight{
position: absolute;
bottom:-3px;
right:-6px;
width:6px;
height:6px;
background:url(../_images/roundInsC/roundInBottRight.png) no-repeat 0 0 #fff;
/* z-index:5; */
}
.roundInBottLeft{
position: absolute;
bottom:-3px;
left:-6px;
width:6px;
height:6px;
background:url(../_images/roundInsC/roundInBottLeft.png) no-repeat 0 0 #fff;
/* z-index:5; */
}
.roundInLeft{
position: absolute;
top:-3px;
left:-6px;
width:6px;
height:100%;
clip:rect(6px auto auto auto);
background: url("../_images/roundInsC/roundInLeft.png") repeat-y scroll 0 0 #fff;
/* z-index:5; */
}
.roundInRight{
position: absolute;
top:-3px;
right:-6px;
width:6px;
height:100%;
clip:rect(6px auto auto auto);
background: url("../_images/roundInsC/roundInRight.png") repeat-y scroll 0 0 #fff;
}
.articleButtonsContainer{
float:left;
}

/* Language */
#headerContainer {
	position:relative;
}
.languageContainer {
	background:url(../_images/languageBG.png) left no-repeat;
	height:25px;
	position:absolute;
	right:0;
	z-index:1000;
	padding:5px 0 0 10px;
}
.languageContainer a {
	margin:0 0 0 5px;
}

/* TEASER 1 MASK */
#teas1Mask{
background:url(../_images/teas1Mask.png) no-repeat;
position:absolute;
z-index:100;
width:622px;
height:197px;
right:0;
}
/*************/
/*SMOELENBOEK*/
/*************/
/*HOOK*/
.chlItemContainer {
	background:none;
	padding:0;
}
.chlOuter {
	padding:0 0 5px 0;
}
.chlOuter a {
	color:#FFF;
}
.chlPhoto1 {
    padding:0 0 5px 0;
}
.chlTitle {
	display:none;
}
.chlItemTitle {
	background:url("../_images/hookTop.png") no-repeat scroll 0 0 transparent;
    padding: 20px 15px 20px 26px;
	margin:0 0 0 -26px;
}
.chlItemTitle a {
	font-size: 18px;
    font-weight: bold;
}
.consDetIc {
	border:0;
	background:none;
	padding:0;
	margin:0;
}
.chlWidget {
	padding:10px 0 0 0;
}
.chlItemWord span {
	display:block;
font-weight:bold;
}
.chlItemWord {
margin:0 0 1em 0;
}
/*CONSULTANT LIST*/
.consListItemTitle a {
	font-size:14px;
}
.consListOuter .faceIc {
	border-radius:3px;
	border:0;
	background:#d0dae2;
	width:47%;
	height: 260px;
}
.faceIc .itemTitle {
	border:0;
}
/*CONSULTANT DETAIL*/
#personalDiv  {
	float:right;
	border-radius:3px;
	background:#d0dae2;
	padding:10px;
	width:290px;
	font-size:12px;
}
.faceTextWord span,
.consDetShWidget,
.consDetShCv {
	display:none;
}
.consDetTextCv {
	width: 585px;
}
.consDetName {
	font-weight:bold;
	padding:0 0 1em 0;
}
.consDetTextWidget {
	padding:1em 0 0 0;
}
/*VACATURE BUTTON RIGHT COL*/
#rightContainer .jbdButApl {
	background:url(../_images/buttRepGreen.png) repeat-x #02a10d;
	border:1px solid #02a10d;
	width:246px;
	margin: 0 0 10px 0;
	font-size:20px;
}
/*FOOTERMENU*/
.footerMenu {
	margin: 0 auto;
	padding:0 0 2em 0;
    width: 912px;
	overflow:hidden;
}
.footerMenu ul {
	list-style:none;
	margin:0;
	padding:0;
}
.footerMenu > ul > li {
	float:left;
	width:17%;
	margin:0 20px 0 0;
	border-left:1px solid #FFF;
	padding:0 0 5px 5px;
}
.footerMenu > ul > li > a {
	font-weight:bold;
	font-size:11px;
}
/*FULLWIDTH*/
.fullwidth #contentFrame {
	width:912px;
}
/*TWITTER*/
#twitterScreen {
	height: 20px;
	overflow: hidden;
	position: relative;
	padding: 10px 0;
	background:#0055A1;
	margin:10px 0 0 0;
	color:#FFF;
	font-size:11px;
}
#twitterScreen a {
	color:#FFF;
}
.tweetList {
	position: absolute;	
	white-space: nowrap;
}
.tweetList .tweetItem {
	display: table-cell;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	padding:0 10px;
}
/*********/
/*OCP/OJP*/
/*********/
.ocpPersonalCon {
	float:none;
	width:100%;
	margin:0;
}
.ocpButtonContainer,
.ojpButtonContainer {
	margin:0;
	float:none;
}
.ocpSubtitle {
	margin:0 0 2em 0;
}
.ocpLeft,
.ojpLeft {
	width:610px;
	padding:0 39px 0 0;
}
.ocpRight,
.ojpRight {
	width:246px;
}
.ocpRight .ocpIc,
.ojpRight .ojpIc {
	background:none;
	border:0;
	margin:0 0 30px 0;
	padding:0;
}
.ocpLeft .ocpIc,
.ojpLeft .ojpIc {
	background:none;
	border:0;
	padding:0;
}
.ocpIt,
.ojpIt{
	color: #0156A1;
    font-size: 18px;
    margin: 0 0 5px 0;
    padding: 15px 0 0;
	border:0;
}
.ojpContact .ojpIt {
	color:#FFF;
	padding:0;
}
.ocpRight .itemWord {
	margin:0 0 1em 0;
	background:url("../_images/jobshortlistArrow.png") no-repeat scroll 0 0 #F1F1F1;
	padding:5px 5px 5px 25px;
}
.ocpRight .itemWord span,
.ojpRight .itemWord span{
	display:block;
	width:auto;
}
.ocpRight .ocpPersonal,
.ojpRight .ojpContact {
	margin:0;
}
.ocpRight .ocpPersonalTxt {
	width:150px;
	margin:0;
	padding:0;
	background:none;
}
.ocpPersonalTxt > div {
	margin:0 0 1em 0;
}
.ocpPersonalCon,
.ojpContactCon {
    background:url("../_images/hookBG.png") no-repeat scroll 0 0 #0055A1;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    position: relative;
	margin:0 0 20px 0;
	padding:20px;
	width:auto;
	float:none;
}
.ocpComp .itemWord {
	width:288px;
	float:left;
	background: url("../_images/jobshortlistArrow.png") no-repeat scroll 0 0 #F1F1F1;
    margin: 0 10px 1em 0;
    padding: 5px 5px 5px 25px;
}
.ocpComp .itemWord span {
	width:auto;
}
.ocpOpmer span {
	width:100%;
}
.ojpContact .ojpIw > div {
	margin:0 0 1em 0;
}
.ojpContact .ojpIw .ojpContactId {
	margin:0;
}
/*OCP BUTTONS*/
.ocpButton,
.ojpButton {
	background: url("../_images/buttRepGreen.png") repeat-x scroll 0 0 #02A10D;
    border: 1px solid #02A10D;
    font-size: 16px;
    margin: 0 0 10px;
	padding:5px 10px;
    width: 246px;
}
.ojpDenied {
	background: url("../_images/buttRepRed.png") repeat-x scroll 0 0 #bd011c;
    border: 1px solid #bd011c;
}
.ojpSend {
	background: url("../_images/buttRepOrange.png") repeat-x scroll 0 0 #cf8400;
    border: 1px solid #cf8400;
}
.ocpButton:hover {
	text-decoration:none;
}
.ojpRight .ojpContact {
	background:none;
	border:0;
}
.ojbOuter #box {
	border-radius: 5px 5px 5px 5px;
	border:1px solid #0155a1;
}
#box #boxtitle {
	background:#0055A1;
    color: #FFFFFF;
	border-bottom:0;
}
#box .magicSelectParent input {
	width:100px;
}
#box .AvailableNowLbl,
#box .AvailableFromLbl {
    display: inline-block;
    font-weight: bold;
    width: 385px;
}
#box .AvailableFromLbl {
	width:100%;
	margin:0 0 3px 0;
}
#box .ojpButton {
	width:195px;
}
#box .ojpButtonContainer {
	position:absolute;
	bottom:20px;
}
input[type=checkbox] {
	border:0;
}