/* CSS Document */

@charset "utf-8";
/* Horeca CSS Document */

html, body {
	background-color: #fff;
	background:transparent url(../images/layout/horeca_bg.jpg) scroll center top;
}
body {
	color:#423D3C;
	font-family:Arial,sans-serif;
	font-size:11px;
	margin: 0px;
	padding: 0px;
}

/* some tweaks */

.hide { /* Move the element out the browser window */
	position: absolute;
	top: -1000em;
	left: -1000em;
}

/* Resetting browser defaults */

body * {
	border: none;
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
}

/* layout containers */

#wrapper {
	position: relative;
	margin: auto auto;
	width: 724px;
	background-color:#F5F3F4;
	_text-align: left;
}

#container {
	position: relative; 
}

#header {
	position: relative;
	background: transparent url('../images/layout/horeca-header.jpg') no-repeat top left;
	/*height: 349px;
	width: 724px;*/
}

#content {
	position: relative;
	float: left;
	clear: both;	
	min-height: 45em;
	width: 100%;
	background: transparent url('../images/layout/horeca-content-bg.jpg') no-repeat top right;
}

/*
.front #content {
	margin: 0 25px !important;
}
*/

/* creates room for the bread crumbs */

/*
.inner #content {
	margin-top: 25px !important;
}*/

#breadcrumbs {
	width: 724px;
	height: 25px;
	float: left;
	clear: both;
	line-height: 25px;
	/*
	position: absolute;
	top: -2em;
	left: 23em;
	z-index: 9999;*/
}

.front #breadcrumbs {
	display: none;
}

#compofweek {
	position: absolute;
	top: 1em;
	left: 3em;
}

#content_inside {
	position: relative;
	margin: 0 0;
}

#footer {
	clear:both;
	color:silver;
	height:30px;
	padding-right:5em;
	background: transparent url('../images/layout/horeca-search-bar.jpg') no-repeat top left;
	text-align:right;
}

#footer_links{
	text-align:right;
	color: #666;	
	position: relative;
	margin: auto auto;
}

#footer_links a:visited, #footer_links a:link{
	color: #666; 
	text-decoration:none;
	font-weight:normal;
}
#footer_links a:hover, #footer_links a:active{
	text-decoration:underline; 
	color: #333 ;
	font-weight:normal;
}

/* Content parts */
/* see layout.css */


/* blocks */
#menu_search {
	clear:both;
	width: 724px;
	height: 59px !important;
	background: transparent url('../images/layout/horeca-search-bar.jpg') no-repeat top left;
}

#top {
	width:724x;
	height:	149px;
}

#partners {
	left:200px;
	position:absolute;
	top:20px;
}

#langselect {
	float:right;
	height:20px;
	width:40px;
	margin-right:10px;
}
li#lgNl {
	float:left;
	height:21px;
	width:18px;
}
li#lgFr {
	float:right;
	height:21px;
	width:18px;
}
#langselect ul, #langselect li {
	display:inline;
	list-style-type:none;
}

#incoopwith {
	color: #dcdcdc;
	position: absolute;
	top: -15px;
	font-family: Arial, Helvetica, sans-serif;
	left:60px;
}

#slogan {
	width: 500px;
	height:40x;
	padding-top: 74px;
	padding-left:20px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	float:left;
}

#intro {
	position: absolute;
	width: 600px;
	height: 80px;
	color: #999;
	font-size: 1.4em;
	left: 41px;
	top: 253px;
}

#menu_main {
	background: transparent url('../images/layout/horeca-btn-bg.jpg') no-repeat;
	background-position:top right;
	background-color: #8A0348;
	width: 724px;
	height: 56px;
}

#menu_main span {
	position: absolute;
	top: -1000em;
	left: -1000em;
}	

#icon_links_top {
	width: 180px;
	float:left;
}

#icon_links_top ul li{
	list-style-type:none;
	padding: 0px 0 4px 0;
}
#icon_links_top ul li.first{
	list-style-type:none;
	padding: 13px 0 6px 0;
}

#icon_links_top a:link, #icon_links a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
}

#icon_links_top a:hover, a:active {
	color: #666666;
}
#img-icons-top{
	float:left;
	margin-right:7px;
}
#keywordsearch {
	float:left;
	width: 540px;
	height: 44px;
	padding-top: 10px;
}

#adv_search_link{
	display:block; 
	float: right; 
	padding-top:15px;
	width:200px;
	text-align: right;
}
#adv_search_link span{
	color:white;
}

#bt_search{	
	position:relative;
	bottom:7px;
}
#div_bt_search{	
	display:block; 
	float: left; 
	width:110px
}
#div_search_fields{
	display:block;
	float: left;
}
#frmDetailed input#Keyword{
	margin-left:15px;
	width: 500px;	
}
	
#detailedsearch {
	font-size: 10px;
	color:#FFFFFF;
	width:200px;
	padding-top: 40px;
	padding-right:10px;
	text-align:right;
	float:right;
}


/* Button formatting */
.submit_button {
background:transparent url(../images/assets/btn_submit_start.gif) no-repeat scroll left top;
border:medium none;
color:#FFFFFF;
cursor:pointer;
font-weight:bold;
font-size:14px;
height:22px;
padding:1px 0pt 1px 10px;
width:auto;
}
.submit_button_img {
border:medium none;
cursor:pointer;
float:none;
margin:0px;
vertical-align:bottom;
}

/* Text formatting */

h1 {
	font-size: 22px;
	font-weight: normal;
	color: #CD0067;
	margin-right: 2px;	
}

#slogan h1 {
	color: white;
	line-height: 1;
}

h2 {
	font-size: 18px;
	color: #CD0067;
}

h3 {
	font-size: 16px;	
}

h4 {
	font-size: 22px;
	color: #CD0067;
}

p {
	font-size: 11px;
}

a:link, a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #F84E9C;
	font-weight: bold;
	text-decoration: none;
}

a:hover, a:active {
	color: #DF458C;
	text-decoration:underline;
}

#langselect a:link, #langselect a:visited {
	color: #efefef;
	text-decoration: none;
}

#langselect a:hover, #langselect a:active {
	color: #c1ed19;
}

/* Input */

.textmedium {
	background: transparent url('../images/layout/horeca_input_medium.png') no-repeat;
	height: 21px;
	width: 209px;
	padding: 0 4px;
}

.button {
	position: relative;
	background-color: #CD1472;
	font-family: "Myriad Web pro", "Myriad Web", arial, sans-serif;
	font-weight: bold;
	color: #fff;
	padding: 0 4px 1px 4px;
	height: 21px;
	cursor: hand;
	cursor: pointer;
}

.buttonXSmall, #frmDetailed .frmBtnSelect{
	background: transparent url('../images/layout/bt_pink_xsmall.gif') no-repeat;
	width: 30px;		
}

.buttonSmall {
	background: transparent url('../images/layout/bt_pink_small.gif') no-repeat;
	width: 50px;
		
}

.buttonMedium {
	background: transparent url('../images/layout/bt_pink_medium.gif') no-repeat;
	width: 90px;
}

.buttonLarge {
	background: transparent url('../images/layout/bt_pink_large.gif') no-repeat;
	width: 150px;
}

#frmDetailed .frmBtnSelect {
	height: 21px;
	color: white;
	font-weight: bold;
}

.title{
	margin:5px;
}
.selectwidth{
	width: 230px;
	border: 1px solid #7F9DB9;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
	padding-left:5px;
	font-size: 1em;
}

#keywordsearch .button {
	vertical-align: bottom;
}

#keywordsearch label { /* Not visible on screen, added for SEO */
	position: absolute;
	top: -1000em;
	left: -1000em;
}


/* QuickPoll Blocks */

#block_Quickpoll {
	position: relative;
	margin-top: 4em;
}

#block_Quickpoll h3 {
	position: relative;
	color: #6BA742;
	font-size: 1.2em;
	border-bottom: 4px solid #666;
	padding: 0 0 0.5em 1.5em;
}

.currentPoll {
	font-size: 10px;
	position: relative;
	margin: 1em 0 0 1em;
}

.currentPoll .question {
	font-size: 1.1em;
	font-weight: bold;
	color: #DF458C;
	margin: 0 0 1em 0;
}

.currentPoll .teaser {
	font-size: 1.1em;
	margin: 0 0 1em 0;
}

.buttons {
	margin: 2em 0;
}


/* Left content blocks  */
#content_left {
	position:relative;
	float:left;
	width: 170px;
	margin-right:12px;
	min-height: 45em;
	background-image:url(../images/assets/content_left_bg.gif);
	background-repeat:repeat;	
}

#content_left .block ul, #content_left .row {
	position: relative;
	display: block;
	margin: 0 5px 5px 5px;
	font-size:10px;
}

#block_PremiumJobs .row{
	text-align: center;
}

#block_Quickpoll .row {
	margin: 0 0 0.5em 0;
}

#content_left .block a {
	display: block;
}

#content_left .block ul li {
	margin-bottom: 0.5em;
}

#content_left .block h2 {
	position: relative;
	background-color: #dcdcdc;	
	margin-bottom: 10px;
}

.front #content_left .block h2 {
	border-bottom: 4px solid #666;
}

/*
.inner #content_left .block h2 {
	border-top: 4px solid #666;
}*/

.block h3 {
	font-size: 1em;
}

#COTW_img{
	text-align: center;
	padding-bottom:5px;
}

/* Block elements Result list */
/* Result Table */


#resultlist .box {
	margin: 0;
}

#resultlist .block h2 a:link, #content_left .block h2 a:visited {
	/*font-family: tahoma, verdana, arial, sans-serif;*/
	display: block;
	width: 16em;
	text-decoration: none;
	height: inherit;
	background-image: url('../images/assets/foodjobs_blockarrow_r.gif');
	background-repeat: no-repeat;
	background-position: center left;
	padding: 1em 1.5em;
	margin: 0 1em;
}

#resultlist .block h2:hover {
	background-color: #dfdfdf;
	border-color: #6ca742;
}

#resultlist .block h2{
	position: relative;
	background-color: #dcdcdc;	
	margin-bottom: 1.25em;
}

table.resultList{
	margin: 0;
	width: 538px;
	border-left:#555150 4px solid;
	border-right:#555150 4px solid;
}

table.resultList th{
	height: 30px;
	text-align: left;
	padding-left: 1em;
	background-color:#555150;
	border-bottom: #e61e78 2px solid;
	width: 536px;
}
table.resultList th {
	color: #fff;
	font-size: 1.2em;
	padding-left:10px;
}
table.resultList th a, table.resultList th a:visited{
	color: #fff;
	text-decoration:none;
}
table.resultList th a:hover{
	color: #efefef;
	text-decoration:underline;
}

table.resultList tr.txtRow{
	background-color: #f1f4e8;
	border-left:#555150 4px solid;
	border-right:#555150 4px solid;
}
table.resultList tr.txtRowAlter{
	background-color: #fff;
	border-left:#555150 4px solid;
	border-right:#555150 4px solid;
}
table.resultList tfoot .numbers{
	margin:0 7px 0 0;
}

table.resultList tbody td {
	padding: 10px;
	font-size: 1.1em;
	vertical-align: middle;
}

table.resultList th.company {
	width: 120px;/*538*/
}
table.resultList td.companyLogo {
	width: 60px;
}
table.resultList td.companyName {
	width: 60px;
}



table.resultList th.jobtitle {
	width: 253px;
}
table.resultList td.jobTitle {
	width: 253px;
}

table.resultList th.timestamp {
	width: 120px;
	text-align: center;
	margin:0;
	padding:0;
}

table.resultList td.jobTimestamp{
	text-align: center;
	width: 120px;
}

table.resultList th.lang{
	text-align: center;
	width: 240px;
	margin:0;
	padding:0;
}

table.resultList td.jobLang{
	text-align: center;
	width: 120px;
}

table.resultList th.jobposition {
	width: 20px;
}
table.resultList td.jobPosition {
	text-align: center;

}
.companyName a:link, .companyName a:visited {
	color:#333333;
}
.jobTitle a:link, .jobTitle a:visited {
	_width: 100%;
	display: block;
	height: 100%;
}
#banners{
	position:absolute;
	left:723px;
	top:0;
	z-index:999; 
	border: none; 
	border-bottom: 7px solid #555150; 
	border-right: 7px solid #575757;
	margin:0;
	padding:0;
}
#banners table, #banners a, #banners img{
	position:relative;
	*top:1px;
	margin:0;
	padding:0;
}
/* Paging */
.paging {
	font-size: 1.2em;
	padding: 10px;
	text-align:center;
	background-color:#524E4D;
	color:#CCCCCC;
}

.paging a{
	color:#FFFFFF;
}


.paging span {
	margin-right: 1em;
}


/* Block elements Content Left */

#content_left .block h2 a:link, #content_left .block h2 a:visited {
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: 11px;
	display: block;
	text-decoration: none;
	text-align:center;
	background-image: url(../images/layout/horeca_left_header.gif);
	background-repeat: repeat-x;
	background-position:center;
	padding: 10px 10px 10px 10px;
	margin:0px;
	color:#423D3C;
	width: 150px;
}

#content_left .block h2 a:hover {
	background-image: url(../images/layout/horeca_left_header_rose.gif);
	background-repeat: repeat-x;
	background-position: center;
}

#content_left .block h2:hover {
	background-color: #dfdfdf;
}

#content_left .block h2 a:hover {
	color: #fff;
}

#content_left  ul.readmore {
	margin: 1em 0;
}

#content_left .readmore li {
	background-image: url('../images/assets/foodjobs_readmore.gif');
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 1.5em;
}

#content_left .readmore li a:link, #content_left .readmore li a:visited {	
	color: #5F5A59;
	font-weight: normal;
}

#content_left .readmore li a:hover, #content_left .readmore li a:active {	
	color: #333;
	font-weight: normal;
}

#breadcrumbs a:link, #breadcrumbs a:visited {
	text-decoration: none;
	color: #8e8e8e;
	font-weight: normal;
}


#intro p {
	font-size: 1em;
}

#block_Articles h3{ 
	list-style-type:none;
	margin: 0 0 5px 0;
}
#block_Articles h3 a{ 
background:url(stylo-icon.gif); background-repeat: no-repeat;
padding-left:12px;
}
#block_Articles h3 a:hover{ 
background:url(stylo-icon-hover.gif); background-repeat: no-repeat;
padding-left:12px;
}

#block_TipsTools ul li{ 
	list-style-type:none;
	margin: 0 0 5px 0;
}
#block_TipsTools ul li a{ 
background:url(pins-icon.gif); background-repeat: no-repeat;
padding-left:12px;
}
#block_TipsTools ul li a:hover{ 
background:url(pins-icon-hover.gif); background-repeat: no-repeat;
padding-left:12px;
}

/* Block elements Content Right */

#content_right {
	position:relative;
	float: right;
	width: 540px;
	padding-bottom:10px;
	margin-top: 4px;
}

/*
.inner #content_right {
	border-top: 4px solid #666;
}*/


/* Menu Nav Buttons */

.menu ul, .block ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
} 

.menu ul li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

#menu_main ul {
}

#menu_main li {
	height: 56px;
}

#menu_main li a {
	display: block;	
	height: 56px;
	font-size: 0.2em;	
}

#menu_main li a {
	text-decoration: none;	
	color: #98b430;
	padding-top:2px;
}

#menu_main li a.active {
	color: #8A0348;
}

/* Nav menu images */

/* NL menu */

#menu_Findjobs_nl a {
	width: 99px;	
	background: transparent url('../images/assets/horeca-btn-search-nl.jpg') no-repeat;
}


#menu_Tips_nl a{
	width: 120px;
	background: transparent url('../images/assets/horeca-btn-tips-nl.jpg') no-repeat;
}

#menu_Jobs_nl a{
	width: 123px;
	background: transparent url('../images/assets/horeca-btn-jobs-nl.jpg') no-repeat;
}



#menu_ForRecruiters_nl a{
	width: 119px;
	background: transparent url('../images/assets/horeca-btn-b2b-nl.jpg') no-repeat;
}


#menu_Findjobs_nl a.active {
	background: transparent url('../images/assets/horeca-btn-search-nl.jpg') no-repeat;
}

#menu_Jobs_nl a.active{
	background: transparent url('../images/assets/horeca-btn-jobs-nl.jpg') no-repeat;
}

#menu_Tips_nl a.active{
	background: transparent url('../images/assets/horeca-btn-tips-nl.jpg') no-repeat;
}

#menu_ForRecruiters_nl a.active{
	background: transparent url('../images/assets/horeca-btn-b2b-nl.jpg') no-repeat;
}


/* FR menu */
/*
#menu_Findjobs_fr a {
	width: 152px;	
	background: transparent url('../images/assets/foodjobs_nav_Findjobs_fr.png') no-repeat;
}

#menu_Tips_fr a{
	width: 187px;
	background: transparent url('../images/assets/foodjobs_nav_Tips_fr.png') no-repeat;
}

#menu_ForRecruiters_fr a{
	width: 182px;
	background: transparent url('../images/assets/foodjobs_nav_ForRecruiters_fr.png') no-repeat;
}

#menu_Articles_fr a{
	width: 189px;
	background: transparent url('../images/assets/foodjobs_nav_Articles_fr.png') no-repeat;
}

#menu_Findjobs_fr a.active {
	background: transparent url('../images/assets/foodjobs_nav_Findjobs_fr_on.png') no-repeat;
}

#menu_Tips_fr a.active{
	background: transparent url('../images/assets/foodjobs_nav_Tips_fr_on.png') no-repeat;
}

#menu_ForRecruiters_fr a.active{
	background: transparent url('../images/assets/foodjobs_nav_ForRecruiters_fr_on.png') no-repeat;
}

#menu_Articles_fr a.active{
	background: transparent url('../images/assets/foodjobs_nav_Articles_fr_on.png') no-repeat;
}
*/

#menu_Findjobs_fr a {
	width: 99px;	
	background: transparent url('../images/assets/horeca-btn-search-fr.jpg') no-repeat;
}

#menu_Jobs_fr a{
	width: 123px;
	background: transparent url('../images/assets/horeca-btn-jobs-fr.jpg') no-repeat;
}

#menu_Tips_fr a{
	width: 113px;
	background: transparent url('../images/assets/horeca-btn-tips-fr.jpg') no-repeat;
}

#menu_ForRecruiters_fr a{
	width: 103px;
	background: transparent url('../images/assets/horeca-btn-b2b-fr.jpg') no-repeat;
}


#menu_Findjobs_fr a.active {
	background: transparent url('../images/assets/horeca-btn-search-fr.jpg') no-repeat;
}

#menu_Tips_fr a.active{
	background: transparent url('../images/assets/horeca-btn-tips-fr.jpg') no-repeat;
}

#menu_Jobs_fr a.active{
	background: transparent url('../images/assets/horeca-btn-jobs-fr.jpg') no-repeat;
}

#menu_ForRecruiters_fr a.active{
	background: transparent url('../images/assets/horeca-btn-b2b-fr.jpg') no-repeat;
}

#content_inside p {
	padding-top:10px;
	padding-bottom:10px;
}
#content_inside h2 {
	margin:10px 0 10px 0;
	font-size:18px;
	font-weight:normal;
}
#content_inside h3 {
	margin:20px 0 10px 0;
	font-weight:bold;
}
#content_inside ul li {
	margin: 10px 0;
	list-style-type: circle;	
}

/*
#content_inside .loginbox {
	width: 34em;
	background-color: #ddd;
	padding: 1em 1.5em 1em 1.5em;

}
*/

.contact label {
	margin-top: 0.3em;
	float: left;
	width: 100%;
	color: #CD0067;
	font-size: 1.2em;
	font-weight: bold;
}

.contact label.fake {width:auto;}

.contact p {
	padding: 0;
}

.contact .field{
	border: 1px solid black;
	width: 30em;
	margin: 0.3em 1em;
}

.contactRow {clear:both;}

#street{
	width: 24.7em;
	margin: 3px 1px 3px 13px;
	
}

#str_no{
	width: 5em;
	margin: 3px 0px 3px 1px;


}

#city {
	width: 24.7em;
	margin: 3px 0px 3px 1px;
}



#zip {
	width: 5em;
	margin: 3px 1px 3px 13px;
}

#title {
	margin-left: 1em;
	width: 2em;
}

.offertitle a.premium,.companylogo{
	display: inline;
}

/* Fixed height background will give issues... */
.loginbox {
	position: relative;
	background: url(..../images/loginBox_bg.gif) no-repeat top left;
	width: 32.2em;
	height: 10.4em;
	margin: 1em 0;
}

.loginbox label {
	font-size: 1.1em;
	display: block;
	float: left;
	width: 8em;
	color: white;
}

.loginbox .input {
	border: 1px solid black;
	width: 8em;
}

.loginbox .options {
	position: absolute;
	bottom: 0;
	left: 0.2em;
}

.loginbox ul {
	list-style-type: none;
	padding: 0;
	margin: 0;	
}

.loginbox li {
	margin: 0 1em 0 0;
	padding: 0;
	display: inline;
}

.loginbox .row {
 	margin: 0 0 0.5em 1em;
}

.loginbox .buttons {
	margin: 0;
	position: absolute;
	top: 4em;
	right: 1.5em;
}

/* Detailed search Form */
div.title {
	background-color: #f1f4e8;
	padding: 0.5em;
}

.detailedsearch div.title {	
	background: transparent url('../images/block_bg.jpg') top left repeat-x;
	color:white;
}

.column, .column2 {
	float: left;
}

.column2 {
	width: 49%;
}

.right {
	width: auto;
	float: right;
	margin-right: 1em;
}


.clearFix {
	clear: both;
}

#block_Articles h3 a{ 
	background: url('../images/assets/stylo-icon.gif'); background-repeat: no-repeat;
	padding-left:12px;
}
#block_Articles h3 a:hover{ 
	background: url('../images/assets/stylo-icon-hover.gif'); background-repeat: no-repeat;
	padding-left:12px;
}

#block_TipsTools ul li a{ 
	background: url('../images/assets/bullet_rose.gif') 0 3px no-repeat;
	padding-left:12px;
	color:#5F5A59;
	font-size:10px;
}
#block_TipsTools ul li a:hover{ 
	background: url('../images/assets/bullet_rose_on.gif') 0 3px no-repeat;
	padding-left:12px;
}

#footer a:link, #footer a:visited {
	color: silver;
}
#footer a:hover, #footer a:active {
	color: gray;
}

/* Articles */
.tips {
	width: 530px;
	padding-right:10px;
}

/******************************************/
/* END OF CSS */
/******************************************/
.picright {
	float: right;
}