/* CSS Document */

* {
	padding		: 0px;
	margin		: 0px;
	border		: none;
}

html, body, #content {
	margin			: 0px 0px 0px 0px;
	font			: 12px Arial, Helvetica, sans-serif;
	color			: #333333;
	min-height		: 100%;
	width			: 100%;
	height			: 100%;
}

html>body, html>body #content {
	height			: auto;
}

html {
	overflow		: -moz-scrollbars-vertical;
}

#content {
	position		: absolute;
}

h1 {
}

h2 {
	font-size		: 12px;
	margin-top		: -2px;
	font-weight		: bold;
	color			: #552C0F;
}

h3 {
	font-size		:14px;
	Padding-bottom	: 15px;
}

h4 {
}

h5 {
}

h6 {
	font-size		: 9px;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	color			: #999999;
	font-weight		: normal;
}

/* promotion header */
h8 {
 	font-size: 12px;
	font-weight:bold;
}

h9 {
 	font-size: 12px;
}

p {
	margin-bottom: 7px;
}

/* link information ---------------------------------------------------------*/
a {
	color:#0000FF;
	text-decoration:underline;
}

a:hover {
	color:#6C6C6C;
}

a:visited {
	color:#0000FF;
	text-decoration:underline;
}

.footer a {
	color:#F7C907;
	size:9px;
	text-decoration:underline;
}



.footer a:hover {
	color:#6C6C6C;
	size:9px;
}

.footer a:visited {
	color:#F7C907;
	size:9px;
	text-decoration:underline;
}

.bronzeboxtitle a, .bronzeboxovertitle a, .goldboxovertitle a, .goldboxtitle a, .silverboxovertitle a, .silverboxtitle a{
	font-weight			: bold;
	color				: #552C0F;
	text-decoration		: none;
}

.silverbox a, .goldbox a, .bronzebox a{
	text-decoration		: underline;
	color				: #0000FF;
}

.silverbox a:hover, .goldbox a:hover, .bronzebox a:hover{
	text-decoration		: underline;
	color				: #000000;
}

.orderbutton a {
	color				: #552C0F;
	text-decoration		: none;
}

.orderbutton a:hover {
	color				: #552C0F;
	text-decoration		: none;
}


ul {
	list-style		: inside square;
}

li	{
	margin			: 0px 0px 0px 1px;
}

/*menu opmaak*/
.menu_left ul li a {
	color				: #552C0F;
	text-decoration		: none;
	width				: 100%;
	size				: 12px;
	font-weight			: normal;
}

.menu_left ul li a:hover {
	text-decoration		: underline;
	background			: url(/images/bg_menu_150x20.gif) -10px 0px no-repeat;
}

.menu_left ul li a:visited {
	color				: #552C0F;
	text-decoration		: none;
}


.menu_left {
	margin	 			: 0px 0px 10px 0px;
	font-weight			: bold;
	size				: 14px;
}

.menu_left ul {
	list-style			: inside square;
	margin				: 3px 0px 10px 5px;
}

.menu_left ul li {
	line-height			: 14px;
}


/* classes */
.center {
	width				: 860px; 
	margin				: 0px auto 0px auto;
}

.titlebull {
	height				: 6px;
	color				: #FF0000;
	background-color	: #399FC4;
}

.header {
	width				: 860px;
	height				: 100px;
	background-image	: url(/images/header_jobbee.jpg); 
	margin				: 0px auto 0px auto;
}

.header_bg_div_left {
	float				: left;
	width				: 49%;
	height				: 98px;
	background-color	: #FFFFFF;
	border-top			: 1px solid #000000;
	border-bottom		: 1px solid #666666;
}

.header_bg_div_right {
	float				: right;
	width				: 49%;
	height				: 98px;
	background-color	: #FEDB48;
	border-top			: 1px solid #000000;
	border-bottom		: 1px solid #666666;
}

.full_header {
	height				: 100px;
}

.topmenu {
	height					: 40px;
	clear					: both;
	background-color		: #FEEAA1;
} 


.main {
	padding					: 18px 0px 18px 18px;
	width					: 696px;
	float					: left; 
	background				: #FFFFFF url(/images/bg_1x1_yellow.gif) repeat-y;
}


.index_main {
	clear:both;
	height					: 370px;
	width					: 100%;
	background-color		: #FFFFFF;
}

.vertical_main_1 {
	float					: left;
	height					: 334px;
	width					: 179px;
	padding					: 18px;
	display					: block;
}

.vertical_main_2 {
	color					: #996600;
	float					: left;
	height					: 334px;
	width					: 179px;
	padding					: 18px;
	display					: block;
	background-color		: #FEDB48;
}

.vertical_main_2_menu {
	color					: #996600;
	padding-top				: 18px;
	float					: left;
	width					: 146px;
}

.vertical_main_3 {
	color					: #6C6C6C;
	float					: left;
	height					: 334px;
	width					: 179px;
	padding					: 18px;
	display					: block;
}

.vertical_main_4 {
	color				: #6C6C6C;
	float				: left;
	height				: 334px;
	width				: 179px;
	padding				: 18px;
	display				: block;
	background-color	: #f8f8f8;
}

.vertical_main_5 {
	color	: #6C6C6C;
	float	: left;
	height	: 334px;
	width	: 215px;
	padding	: 18px;
	display	: block;
}


.low_bar {
	height	: 156px;
	width	: 100%; 
	background-image:url(/images/bg_low_bar_1x156.gif);
}

.vertical_low_2 {
	color	: #996600;
	float	: left;
	height	: 120px;
	width	: 140px;
	display	:block;
}


.vertical_low_3 {
	color	: #996600;
	float	: left;
	height	: 120px;
	padding	: 18px;
	width	: 195px;
	display:block;
}

.vertical_low_4 {
	color	: #996600;
	float	: left;
	height	: 120px;
	padding	: 18px;
	width	: 195px;
	display	: block;
}

.vertical_low_5 {
	color	: #996600;
	float	: left;
	height	: 120px;
	padding	: 18px;
	width	: 200px;
	display:block;
}

.vertical_low_divider {
	height			: 156px;
	width			: 7px;
	float			: left;
	display			: block;
	background-image: url(/images/bg_divider_low_bar_7x156.gif);
}

.error {
	color				: #FF0000;
	font-weight			: bold;
	margin-top			: 5px;
	margin-bottom		: 5px;
}

.bar{
	background-color	: #F7C907; 
	height				: 6px;
	font-size			: 1px;
}

.orderbutton {
	width				: 125px;
	height				: 17px;
	background-repeat	: no-repeat;
	background-image	: url(/images/order_button.gif);
	text-align			: center;
	padding-top			: 3px;
}

.orderbuttonover {
	width				: 125px;
	height				: 17px;
	background-image	: url(/images/order_button_hover.gif);
	background-repeat	: no-repeat;
	text-align			: center;
	font-weight			: bold;
	padding-top			: 3px;
}

.desciption{

	clear				: both; 
	padding-top			: 10px; 
	padding-bottom		: 10px; 
	word-spacing		: 0px; 
	line-height			: 14px; 
	font-size			: 12px;
}

.descriptiontitle a, .descriptiontitle a:hover,.descriptiontitle a:visited {
	font-size			: 15px;
	text-decoration		: none;
	color				: #000000;
	font-weight			: bold;
	margin:0px 2px 0px 0px;
}

.itemresult {
	float				: left; 
	width				: 110px; 
	display				: block;
}

#bottom {
	position			: absolute;
	bottom				: 0px;
	width				: 100%;
}

.footer {
	height				: 35px;
	text-align			: center;
	padding-top			: 10px;
	font-size			: 9px;
	font-weight			: normal;
	background-image	: url(/images/bg_footer_gradient_1x47.gif);
}

.lower_title {
	height				: auto; 
	background-color	: #A87129;
}

.adbox {
	height: 60px;
	background-image: url(/images/line_top.gif);
	background-repeat:repeat-x;
	margin-right: 10px;
	padding-top:4px;

}

.vacancytitle {
	float				: left;
	width				: 460px;
	margin-bottom		: 10px;
}

.vacancycontent {
	float				: left;
	padding				: 18px 18px 18px 0px;
	width				: 464px;
}

.vacancytitle ul {
	margin				: 0px 0px 0px 36px;
}

.vacancytitle li {
	margin				: 0px 0px 0px 18px;
}

.vacancycontentdetails {
	padding				: 18px 0px 0px 18px;
	width				: 160px;
	overflow			: visible;
}

.vacancylogo {
	margin				: 0px 0px 10px 10px;
}

.direct {
	margin-top			: 10px;
	margin-bottom		: 25px;
	font-weight			: bold;
}

.adtitle{
	color				: #000000;
	font-weight			: bold;
	text-decoration		: none;
}

.adbox a, .adbox a:visited{
	text-decoration		: none;
	color				: #000000;
}

/*promotionalboxes ---------------------------------------------------------------------------*/
.productbox {
	float			:left;
	padding-right	:18px; 
	width			:362px;
}

.orderbox {
	float				: left;
	width				: 200px; 
	margin-top			: 141px;
}

.romotio {
	width				: 240px; 
	margin-top			: 30px;
}

.silverboxtitle {
	width				: 202px;
	height				: 19px;
	background-repeat	: no-repeat;
	background-image	: url(/images/bg_silver.gif);
	text-align			: center;
	padding-top			: 11px;
}

.silverboxovertitle {
	width				: 202px;
	height				: 19px;
	background-image	: url(/images/bg_silver_hover.gif);
	background-repeat	: no-repeat;
	text-align			: center;
	font-weight			: bold;
	padding-top			: 11px;
}

.silverbox {
	width				: 192px;
	height				: 140px;
	background-image	: url(/images/bg_silver_content.gif);
	background-repeat	: no-repeat;
	padding-left		: 10px;
	padding-top			: 5px;
}

.boxposition1 {
	float				: left;
	margin-right		: 18px;
}

.boxposition2 {
	margin-left			: 18px;
	margin-right		: 18px;
	float				: left;
}

.boxposition3 {
	margin-left			: 16px;
	float				: left;
}

.goldboxtitle {
	width				: 202px;
	height				: 19px;
	background-repeat	: no-repeat;
	background-image	: url(/images/bg_gold.gif);
	text-align			: center;
	padding-top			: 11px;
}

.goldboxovertitle {
	width				: 202px;
	height				: 19px;
	background-image	: url(/images/bg_gold_hover.gif);
	background-repeat	: no-repeat;
	text-align			: center;
	font-weight			: bold;
	padding-top			: 11px;
}

.goldbox {
	width				: 192px;
	height				: 140px;
	background-image	: url(/images/bg_gold_content.gif);
	background-repeat	: no-repeat;
	padding-left		: 10px;
	padding-top			: 5px;
}

.bronzeboxtitle {
	width				: 202px;
	height				: 19px;
	background-repeat	: no-repeat;
	background-image	: url(/images/bg_bronze.gif);
	text-align			: center;
	padding-top			: 11px;
}

.bronzeboxovertitle {
	width				: 202px;
	height				: 19px;
	background-image	: url(/images/bg_bronze_hover.gif);
	background-repeat	: no-repeat;
	text-align			: center;
	font-weight			: bold;
	padding-top			: 11px;
}

.bronzebox {
	width				: 192px;
	height				: 140px;
	background-image	: url(/images/bg_bronze_content.gif);
	background-repeat	: no-repeat;
	padding-left		: 10px;
	padding-top			: 5px;
}

.orderboxbronzetitle {
	width				: 200px;
	height				: 19px;
	background-repeat	: no-repeat;
	background-image	: url(/images/bg_order_bronze.gif);
	text-align			: center;
	padding-top			: 11px;
}

.orderboxbronze {
	width				: 170px;
	height				: 315px;
	background-image	: url(/images/bg_order_content_bronze.gif);
	background-repeat	: no-repeat;
	padding-right		: 10px;
	padding-left		: 20px;
	padding-top			: 5px;
}

.orderboxsilvertitle {
	width				: 200px;
	height				: 19px;
	background-repeat	: no-repeat;
	background-image	: url(/images/bg_order_silver.gif);
	text-align			: center;
	padding-top			: 11px;
}

.orderboxsilver {
	width				: 170px;
	height				: 315px;
	background-image	: url(/images/bg_order_content_silver.gif);
	background-repeat	: no-repeat;
	padding-right		: 10px;
	padding-left		: 20px;
	padding-top			: 5px;
}

.orderboxgoldtitle {
	width				: 200px;
	height				: 19px;
	background-repeat	: no-repeat;
	background-image	: url(/images/bg_order_gold.gif);
	text-align			: center;
	padding-top			: 11px;
}


.orderboxgold {
	width				: 170px;
	height				: 315px;
	background-image	: url(/images/bg_order_content_gold.gif);
	background-repeat	: no-repeat;
	padding-right		: 10px;
	padding-left		: 20px;
	padding-top			: 5px;
}

.profile_edit_title {
	width				: 696px;
	height				: 20px;
	color				: #999999;
	background-color	: #FDEFC6;
	padding				: 2px 0px 0px 3px;
	font-weight			: bold;
}

.profile_edit_body {
	width:100%;
	height:100%;
	padding: 10px 0px 10px 0px;
}

.profile_edit_bar {
	float:left;
	width:200px;
	height: 100px;
}

.profile_change_button{
	padding: 10px 0px 0px 0px;
	clear:both;
}

.order {

}

/* === Forms ================================================================================================================== */
.textfield, .textfield_error, .textarea, .textarea_error, .select, .select_error {
	height			: 18px;
	border			: 1px solid #AAAAAA;
	font			: normal 11px Tahoma, Verdana;
}

.textfield, .textfield_error {
	height			: 14px;
	margin-top		: -1px;
	padding			: 1px 0 1px 4px;
}

input[type=text], input[type=password], input[type=button] {
	margin-top		: 0px;
/*	margin-left		: -1px; */
}

.select, .select_error {
	font			: normal 11px Verdana, Arial, Helvetica, sans-serif;
	padding			: 0px;
	height			: 18px;
}

.textarea, .textarea_error {
	height			: auto;
	overflow		: -moz-scrollbars-vertical;
}

.textfield_error, .textarea_error, .select_error {
	border			: 1px solid #CC0000;
}

.button {
	height			: 18px;
	margin-right	: 10px;
	background-image: url(/images/button100x18.gif);
	width			: 100px;
	border			: 0px;
	border-collapse	: collapse;
	font			: normal 11px Arial, Helvetica, sans-serif;
}

input[type=submit], input[type=reset] {
	padding			: 1px 15px 3px 15px;
}

/* IE */
.checkbox, .radio {
    margin-left		: -3px;
	height			: 18px;
	margin			: 0px 0px 10px -3px;
}

/* FF */
input[type=checkbox], input[type=radio] {
    margin			: 0px 0px 0px 1px;
	padding			: 0px;
}



.button, .select, .checkbox {
	cursor			: pointer;
}

fieldset {
	margin			: 0px 0px 10px 0px;
	border			: 1px solid #999999;
	background-color: #F2F0EA;
}



legend {
	font-weight		: bold;
	margin			: 0px 4px 0px 4px;
	padding			: 2px 8px 3px 8px;
	border			: 1px solid #999999;
	background		: #FF0000 url(/core/images/menu/bar_vertical_low.png) bottom repeat-x;
}

form {
	/* background-color: #FEDB48; */
}

/* === CSS Table's ============================================================================================================ */
div.forms div {
	clear			: both;
	height			: 20px;
	padding-top		: 2px;
}

div.forms span.left {
	float			: left;
	padding-top		: 2px;
	width			: 120px;
}

div.forms span.right {
	float			: left;
}

div.forms span.text {
	width			: 160px;
	float			: left;
	padding			: 2px 0px 0px 3px;
}
